管道气采购

src/views/contract/ContractFact/components/createForm.vue

@@ -214,22 +214,7 @@
         <Card title="附件信息" :bordered="false" >
           <UploadList :disabled="isDisable" :list="dataFile" :value="formState.filePath" :tableName="tableName" :columnName="columnName" @change="uploadListChange"/>
         </Card>
-        <Card title="签报列表" :bordered="false" >
-          <a-button type="primary" style="margin-bottom: 10px"  v-if="!isDisable" @click="onAppro">关联签报</a-button>
-          <a-table :columns="columnsAppro" :data-source="dataListAppro" :pagination="false">
-            <template #bodyCell="{ column, record, index }">
-              <template v-if="column.dataIndex === 'file'">
-                <div v-for="item in (record.lngFileUploadList )">
-                  <a @click="handleDownload(item)">{{item.fileOrg}}</a>
-                </div>
-              </template>
-              <template v-if="column.dataIndex === 'operation'">
-                <a style="margin-right: 10px" @click="btnCheck('appro', 'view', record, index)">查看</a>
-                <a v-if="!isDisable" style="margin-right: 10px" @click="btnCheck('appro', 'delete', record, index)">删除</a>
-              </template>
-            </template>
-          </a-table>
-        </Card>
+        <correlationApproList :list="dataListAppro" :disabled="isDisable" @change="getApproList"></correlationApproList>
       </a-form>
     </div>
     <deptUserModal @register="register" @success="handleSuccess"/>
@@ -261,11 +246,11 @@
     import deptListModal from '/@/components/common/deptListModal.vue';
     import approListModal from '/@/components/common/approListModal.vue';
     import contractFactUserModal from '/@/components/common/contractFactUserModal.vue';
+    import correlationApproList from '/@/components/common/correlationApproList.vue';
     import { amountToChinese } from '/@/utils/amountToChinese';
-    import { parseDownloadUrl} from '/@/api/system/file';
-    import { downloadByUrl } from '/@/utils/file/download';
+    import { Modal } from 'ant-design-vue';  
 
-    import { Modal } from 'ant-design-vue';
+    
     import { useUserStore } from '/@/store/modules/user';
     const userStore = useUserStore();
     const userInfo = userStore.getUserInfo;
@@ -445,11 +430,6 @@
       }
 
     }
-    const handleDownload = (info) => {
-      const url = parseDownloadUrl(info.response ? info.response.data.fileUrl : info.fileUrl);
-      const fileName = info.response ? info.response.data.fileOrg : info.fileOrg;
-      downloadByUrl({ url, fileName: fileName});
-    };
     const periodTypeCodeChange = (val) => {
       if (val === 'Y') {
         rules.dateTo =  [{ required: true, message: "该项为必填项", trigger: 'change' }]
@@ -486,6 +466,9 @@
       }
       return endValue.valueOf() <= startValue.valueOf();
     }
+    const getApproList = (val) => {
+      dataListAppro.value = val
+    }
     const onSearch = (val)=> {
       openModalDept(true,{isUpdate: false})
     }
@@ -550,31 +533,7 @@
         }
       }
       
-      // 签报
-      if (type == 'appro') {
-        if (btn == 'delete') {
-           Modal.confirm({
-            title: '提示信息',
-            content: '是否取消关联？',
-            okText: '确认',
-            cancelText: '取消',
-            onOk() {
-              dataListAppro.value.splice(index, 1);
-            },
-            onCancel() {}
-        });
-          
-        }
-        if (btn == 'view') {
-          router.push({
-            path: '/approve/Appro/form',
-              query: {
-              id: record.id || record.approId,
-              disabled: true
-            }
-          })
-        }
-      }
+
 
     }
     function unique(arr, u_key) {