计量弹框字段调整

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

@@ -2,20 +2,14 @@
  <BasicModal v-bind="$attrs" @register="registerModal" width="85%" :title="getTitle" @ok="handleSubmit" @visible-change="handleVisibleChange">
     <a-spin :spinning="spinning" tip="加载中...">
    
-        <BasicTable @register="registerTable" v-if="showTable">
+        <BasicTable @register="registerTable" v-if="showTable" class="PngMeasureSalesPurForm">
           <template #bodyCell="{ column, record }">
             <template v-if="column.dataIndex === 'qtySalesGj'">
               {{ Number.format(Number.parse(record.qtySalesGj),numFormat) }}
             </template>
-            <template v-if="column.dataIndex === 'qtyMeaGj'">
-              {{ Number.format(Number.parse(record.qtyMeaGj || 0),numFormat) }}
-            </template>
             <template v-if="column.dataIndex === 'qtySalesM3'">
               {{ Number.format(Number.parse(record.qtySalesM3),numFormat) }}
             </template>
-            <template v-if="column.dataIndex === 'qtyMeaM3'">
-              {{Number.format(Number.parse(record.qtyMeaM3 || 0),numFormat) }}
-            </template>
           </template>
         </BasicTable>
       
@@ -59,21 +53,16 @@
           getPopupContainer: () => document.body,
         },
       },
-      {
-        field: 'suCode',
-        label: '供应商名称/简称/编码',
-        component: 'Input',
-      },
-      {
-        field: 'pointUpName',
-        label: '上载点',
-        component: 'Input',
-      },
       {
         field: 'pointDelyName',
         label: '下载点',
         component: 'Input',
       },
+      {
+        field: 'suCode',
+        label: '供应商名称/简称/编码',
+        component: 'Input',
+      },
     ];
     const columns: BasicColumn[] = [
       {
@@ -83,16 +72,7 @@
         align: 'left',
         width: 120,
         ellipsis: true,
-        sorter: true,
-      },
        
-      {
-        dataIndex: 'dateMea',
-        title: '计量日期',
-        componentType: 'input',
-        align: 'left',
-        width: 120,
-        sorter: true,
       },
       {
         dataIndex: 'pointDelyName',
@@ -101,7 +81,6 @@
         align: 'left',
         ellipsis: true,
         width: 120,
-        sorter: true,
       },
       {
         dataIndex: 'suSname',
@@ -110,9 +89,7 @@
         align: 'left',
         ellipsis: true,
         width: 150,
-        sorter: true,
       },
-    
       {
         dataIndex: 'pointUpName',
         title: '上载点',
@@ -120,88 +97,20 @@
         align: 'left',
         ellipsis: true,
         width: 120,
-        sorter: true,
       },
-    
       {
         dataIndex: 'qtySalesGj',
         title: '批复量(吉焦)',
         componentType: 'input',
         align: 'left',
         width: 120,
-        sorter: true,
       },
-    
       {
         dataIndex: 'qtySalesM3',
         title: '批复量(方)',
         componentType: 'input',
         align: 'left',
         width: 120,
-        sorter: true,
-      },
-    
-      {
-        dataIndex: 'qtyMeaGj',
-        title: '完成量(吉焦)',
-        componentType: 'input',
-        align: 'left',
-        width: 120,
-        sorter: true,
-      },
-    
-      {
-        dataIndex: 'qtyMeaM3',
-        title: '完成量(方)',
-        componentType: 'input',
-        align: 'left',
-        width: 120,
-        sorter: true,
-      },
-    
-      {
-        dataIndex: 'rateM3Gj',
-        title: '比值(方/吉焦)',
-        componentType: 'input',
-        align: 'left',
-        width: 120,
-        sorter: true,
-      },
-    
-      {
-        dataIndex: 'cfmCuUserName',
-        title: '确认人',
-        componentType: 'input',
-        align: 'left',
-        width: 110,
-        sorter: true,
-      },
-    
-      {
-        dataIndex: 'cfmCuUserTime',
-        title: '确认时间',
-        componentType: 'input',
-        align: 'left',
-        width: 180,
-        sorter: true,
-      },
-    
-      {
-        dataIndex: 'cfmEmpName',
-        title: '业务确认人',
-        componentType: 'input',
-        align: 'left',
-        width: 110,
-        sorter: true,
-      },
-    
-      {
-        dataIndex: 'cfmEmpTime',
-        title: '业务确认时间',
-        componentType: 'input',
-        align: 'left',
-        width: 150,
-        sorter: true,
       },
       {
         dataIndex: 'ksName',
@@ -210,25 +119,13 @@
         align: 'left',
         ellipsis: true,
         width: 150,
-        sorter: true,
       },
-      {
-        dataIndex: 'kpName',
-        title: '采购合同',
-        componentType: 'input',
-        align: 'left',
-        ellipsis: true,
-        width: 150,
-        sorter: true,
-      },
-    
       {
         dataIndex: 'comName',
         title: '交易主体',
         componentType: 'input',
         align: 'left',
         width: 120, 
-        sorter: true,
       },
     ];
     const spinning = ref(false);
@@ -256,7 +153,7 @@
         formConfig: {
           labelCol:{span: 9},
           schemas: codeFormSchema,
-          fieldMapToTime: [['dateFrom', ['startDate', 'endDate'], 'YYYY-MM-DD']],
+          fieldMapToTime: [['datePlan', ['startDate', 'endDate'], 'YYYY-MM-DD']],
           showResetButton: true,
         },
         immediate: false,
@@ -309,7 +206,13 @@
     }
 
 </script>
+<style >
+ .PngMeasureSalesPurForm .basicCol{
+    position: inherit !important;
+    top: 0;
+  }
   
+</style>
 <style lang="less" scoped>
   :deep( .ant-col-8:nth-child(1)) {
     width: 360px !important;
@@ -318,22 +221,15 @@
   :deep(.ant-col-8:nth-child(1) .ant-form-item-label) {
     width: 80px !important;
   }
-   :deep( .ant-col-8:nth-child(4)) {
+  :deep( .ant-col-8:nth-child(3)) {
     width: 360px !important;
     max-width: 360px !important;;
   }
-  :deep(.ant-col-8:nth-child(4) .ant-form-item-label) {
+   :deep(.ant-col-8:nth-child(3) .ant-form-item-label) {
-    width: 80px !important;
-  }
-  :deep( .ant-col-8:nth-child(2)) {
-    width: 360px !important;
-    max-width: 360px !important;;
-  }
-   :deep(.ant-col-8:nth-child(2) .ant-form-item-label) {
     width: 150px !important;
     max-width: 150px !important;
   }
-   :deep(.ant-col-8:nth-child(2) .ant-form-item-label label) {
+   :deep(.ant-col-8:nth-child(3) .ant-form-item-label label) {
     width: 150px !important;
     max-width: 150px !important;
   }