计量接口

src/views/dayPlan/PngMeasureSalesPur/components/searchForm.vue

@@ -8,12 +8,12 @@
       </a-col>
       <a-col :span="7">
         <a-form-item label="客户名称/简称/编码" name="cuSname">
-          <a-input v-model:value="formState.cuSname"  placeholder="请输入" />
+          <a-input v-model:value="formState.cuSname"  placeholder="请输入客户名称/简称/编码" />
         </a-form-item>
       </a-col>
       <a-col :span="7">
         <a-form-item label="供应商名称/简称/编码" name="suSname">
-          <a-input v-model:value="formState.suSname"  placeholder="请输入" />
+          <a-input v-model:value="formState.suSname"  placeholder="请输入供应商名称/简称/编码" />
         </a-form-item>
       </a-col>
       <a-col :span="4">
@@ -61,6 +61,7 @@
     import downloadPointModal from '/@/components/common/downloadPointModal.vue';
     import { Button as AButton, ButtonProps } from '/@/components/Button';
     import { BasicArrow } from '/@/components/Basic';
+import { dE } from '@fullcalendar/core/internal-common';
 
     const userStore = useUserStore();
 
@@ -85,9 +86,10 @@
    
     });
 
-    const emit = defineEmits(['search', 'reset']);
+    const emit = defineEmits(['search', 'reset', 'toggle']);
     function toggleAdvanced() {
       isAdvanced.value = !isAdvanced.value 
+      emit('toggle', isAdvanced.value)
     }
     const onSearchDownLoad = (val)=> {
       openModal(true,{isUpdate: false, type: val})
@@ -102,7 +104,18 @@
       }
     }
     const onSearch = () => {
-      emit('search', formState.value)
+      let obj = {
+        ...formState.value,
+        startDate: formState.value.datePlan[0],
+        endDate:  formState.value.datePlan[0],
+        dateMeaStart: formState.value.dateMea[0],
+        dateMeaEnd: formState.value.dateMea[1],
+      }
+      delete obj.datePlan
+      delete obj.dateMea
+      delete obj.pointUpName
+      delete obj.pointDelyName
+      emit('search', obj)
     }
     const onReset = () => {
       formState.value ={ page: 1,size: 10}
@@ -117,4 +130,21 @@
     display: flex;
     align-items: center;
   }
+  .ant-form-item {
+    margin-bottom: 8px !important;
+  }
+  :deep( .ant-col-6) {
+    width: 320px !important;
+    max-width: 320px !important;;
+  }
+  :deep(.ant-col-6 .ant-form-item-label) {
+    width: 70px !important;
+    max-width: 70px !important;
+  }
+  :deep(.ant-col-6 .ant-form-item-control) {
+    width: 240px !important;
+    max-width: 240px !important;
+  }
+
+   
 </style>