井筒优化

vue/src/views/wellinfo/index.vue

@@ -220,7 +220,7 @@
             </a-col>
           </a-row>
         </div>
-        <a-pagination :page-size-options="['5', '20', '30', '40', '50']" show-size-changer
+        <a-pagination :page-size-options="pagination.pageSizeOptions" show-size-changer
                       v-model:current="pagination.current" :total="pagination.total"
                       style="float: right;margin-top: 10px;"
                       :pageSize="pagination.pageSize" :show-total="total => `共 ${total} 条`"
@@ -434,6 +434,7 @@ export default defineComponent({
         filterColumns.value = filterValue as any;
       }
     );
+
     const onCheckboxChange = () => {
       setTimeout(() => {
         let v = document.getElementsByClassName("ant-table-body")[0];
@@ -461,9 +462,23 @@ export default defineComponent({
       current: formState.page,
       pageSize: formState.rows,
       showSizeChanger: true,
+      pageSizeOptions:viewModel.value=="list"?['10', '20', '30', '40', '50']:['12', '24', '36', '48', '60'],
       showTotal: total => getPaginationTotalTitle(total)
     }));
 
+    watch(() => viewModel.value,
+      () => {
+        pagination.value.current=1;
+        formState.page=1;
+        if(viewModel.value=="list"){
+          formState.rows=10;
+          pagination.value.pageSize=10;
+        }else{
+          formState.rows=12;
+          pagination.value.pageSize=12;
+        }
+        loadData();
+      });
     const loadData = async function () {
       loading.value = true;
       const result: any = await get('wellInfo/getList', formState);
@@ -722,10 +737,11 @@ export default defineComponent({
 
 .ant-card-index {
 
-  .ant-card-head-title{
+  .ant-card-head-title {
     font-weight: bold;
-    color:#1f37dd;
+    color: #1f37dd;
   }
+
   .ant-card-head {
     padding: 0px 10px;
     height: 35px;