[update] 打包管理接口联调；工作组项目文件预览

src/views/packManagement/PackProjectMaintenance.vue

@@ -118,7 +118,8 @@
     </a-card>
 
     <!--    打包-->
-    <pack-project-select-project-module ref="selectPackProjectModal"
+    <pack-project-select-project-module :visible.sync="selectPackProjectVisible"
+                                        :pack-id="companyDataById.id"
                                         @ok="modalFormOk"></pack-project-select-project-module>
     <!--    批量来款-->
     <batch-income-payment-module ref="batchIncomePaymentModal" @ok="modalFormOk"></batch-income-payment-module>
@@ -142,6 +143,7 @@ import BatchIncomePaymentModule from './modules/BatchIncomePaymentModule'
 import BatchInvoicingModule from './modules/BatchInvoicingModule'
 import ArriveStageModule from '../financialManagement/arriveAndInvoicing/modules/ArriveStageModule'
 import InvoicingStageModule from '../financialManagement/arriveAndInvoicing/modules/InvoicingStageModule'
+import { getPackCompanyById, batchRemovePackProject, removePackProject } from '../../api/incomePaymentsApi'
 
 export default {
   name: 'PackProjectMaintenance',
@@ -159,6 +161,7 @@ export default {
   data() {
     return {
       IconImg,
+      // 企业信息名称字段对应
       companyDataField: [
         {
           title: '企业名称',
@@ -171,7 +174,7 @@ export default {
           dataIndex: 'phone'
         }, {
           title: '邮箱',
-          dataIndex: 'mail'
+          dataIndex: 'email'
         }, {
           title: '打包费用总计',
           dataIndex: 'packChargeTotal'
@@ -183,13 +186,14 @@ export default {
           dataIndex: ''
         }, {
           title: '已来款未开票金额',
-          dataIndex: ''
+          dataIndex: 'uninvoicedAmount'
         }, {
           title: '打包年份',
           dataIndex: 'packYear'
         }
-      ], // 企业信息名称字段对应
-      companyDataById: {}, // 通过id获取的企业信息
+      ],
+      // 通过id获取的企业信息
+      companyDataById: {},
       labelCol: {
         xs: { span: 24 },
         sm: { span: 5 }
@@ -287,24 +291,44 @@ export default {
           scopedSlots: { customRender: 'action' }
         }
       ],
-      dataSource: [
-        {
-          id: 1,
-          chargeProject: 'asd'
-        }
-      ],
+      disableMixinCreated: true,
+      selectPackProjectVisible: false,
       url: {
-        list: '',
-        exportXlsUrl: ''
+        list: '/pack/payPackCompanyProject/listAll',
+        exportXlsUrl: '/pack/payPackCompanyProject/exportXls'
       }
     }
   },
+  created() {
+    this.loadCompanyDetail().then(() => {
+      this.filters.packId = this.companyDataById.id
+      this.loadData()
+    })
+  },
   methods: {
+    /**
+     * 获取企业信息
+     */
+    loadCompanyDetail() {
+      let param = {
+        id: this.$route.query.packCompanyId
+      }
+      return new Promise(resolve => {
+        getPackCompanyById(param).then(res => {
+          if (res.success) {
+            this.companyDataById = res.result
+            resolve()
+          } else {
+            console.log(res.message)
+          }
+        })
+      })
+    },
     /**
      * 添加打包项目
      */
     handlePack() {
-      this.$refs.selectPackProjectModal.open()
+      this.selectPackProjectVisible = true
     },
     /**
      * 批量取消打包
@@ -314,11 +338,23 @@ export default {
         this.$message.warn('请至少选中一个项目')
         return
       }
+      let that = this
       this.$confirm({
         title: '确认取消打包',
         content: '确定要取消选中项目的打包状态吗?',
         onOk: function () {
-          console.log('批量取消打包')
+          let param = {
+            packId: that.companyDataById.id,
+            packProjectIds: that.selectedRowKeys.join(',')
+          }
+          batchRemovePackProject(param).then(res => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.loadData()
+            } else {
+              that.$message.warn(res.message)
+            }
+          })
         }
       })
     },
@@ -342,8 +378,30 @@ export default {
       console.log(id)
       this.$refs.arriveStage.open()
     },
-    cancelPack() {
-
+    /**
+     * 取消打包
+     * @param id
+     */
+    cancelPack(id) {
+      let that = this
+      this.$confirm({
+        title: '确认取消打包',
+        content: '确定要取消该项目的打包状态吗?',
+        onOk: function () {
+          let param = {
+            id: id,
+            packId: that.companyDataById.id
+          }
+          removePackProject(param).then(res => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.loadData()
+            } else {
+              that.$message.warn(res.message)
+            }
+          })
+        }
+      })
     },
     /**
      * 开票

src/views/packManagement/modules/BatchIncomePaymentModule.vue

@@ -154,7 +154,7 @@ export default {
           id: 1,
           chargeProject: '项目名称',
           receivableAmount: 100,
-          paidAmount: 0,
+          paidAmount: 50,
           thisIncomingAmount: null,
           remark: ''
         }, {
@@ -197,6 +197,10 @@ export default {
     close() {
       this.visible = false
     },
+    /**
+     * 来款金额输入失去焦点，进行金额分配
+     * @param e
+     */
     incomingAmountBlur(e) {
       e.target.value = (e.target.value.replace(/[^0-9.]/g, '')).trim()
       this.inputIncomingAmount = Number(e.target.value)
@@ -204,6 +208,10 @@ export default {
         this.calculateThisTimeAmount()
       })
     },
+    /**
+     * 清空本次来款金额
+     * @returns {Promise<unknown>}
+     */
     clearThisTimeAmount() {
       return new Promise(resolve => {
         this.dataSource.forEach(item => {

src/views/packManagement/modules/PackCompanyModule.vue

@@ -24,9 +24,11 @@
             <a-form-item label="企业联系人" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <select-contacts
                 :selected-company="selectedCompany"
+                :init-contacts="initContact"
                 placeholder="请选择企业联系人"
                 v-decorator="['companyContactId', validatorRules.companyContactId]"
-                @change="handleContactChange">
+                ref="companyContact"
+                @ok="companyContactOk">
               </select-contacts>
             </a-form-item>
           </a-col>
@@ -55,8 +57,11 @@
             <a-form-item label="打包联系人" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <select-contacts
                 :selected-company="selectedCompany"
+                :init-contacts="initPackContact"
                 placeholder="请选择打包联系人"
-                v-decorator="['packContactId', validatorRules.packContactId]">
+                ref="packContact"
+                v-decorator="['packContactId', validatorRules.packContactId]"
+                @ok="packContactOk">
               </select-contacts>
             </a-form-item>
           </a-col>
@@ -151,7 +156,9 @@ export default {
           rules: [{ required: true, message: '请选择打包联系人' }],
           validateTrigger: 'change'
         }
-      }
+      },
+      initContact: null, // 编辑回显的企业联系人信息
+      initPackContact: null // 编辑回显的打包联系人信息
     }
   },
   methods: {
@@ -161,11 +168,24 @@ export default {
     edit(record) {
       this.form.resetFields()
       record.company = {
-        id: record.companyTemporaryId,
+        id: record.companyId,
         companyName: record.companyTemporaryName
       }
+      // 回显企业信息
+      this.selectedCompany = record.company
       record.companyContactId = record.companyContactTemporaryId
       record.packContactId = record.packContactTemporaryId
+      // 编辑时，将企业联系人、打包联系人添加至候选项中
+      if (record.id) {
+        this.initContact = {
+          id: record.companyContactTemporaryId,
+          name: record.companyContactTemporaryName
+        }
+        this.initPackContact = {
+          id: record.packContactTemporaryId,
+          name: record.packContactTemporaryName
+        }
+      }
       this.model = Object.assign({}, record)
       this.visible = true
       this.$nextTick(() => {
@@ -215,18 +235,13 @@ export default {
     handleCompanyChange(value) {
       this.selectedCompany = value
     },
-    /**
-     * 企业联系人变化，打包联系人默认为企业联系人，打包联系人未选择时进行回显
-     * @param value
-     */
-    handleContactChange(value) {
-      console.log(Object.values(this.form.getFieldValue(['packContactId'])).indexOf(undefined) !== -1)
-      if (Object.values(this.form.getFieldValue(['packContactId'])).indexOf(undefined) !== -1) {
-        this.model.packContactId = value
-        this.$nextTick(() => {
-          this.form.setFieldsValue(pick(this.model, 'packContactId'))
-        })
-      }
+    // 企业联系人新增回调
+    companyContactOk() {
+      this.$refs.packContact.getContactsList()
+    },
+    // 打包联系人新增回调
+    packContactOk() {
+      this.$refs.companyContact.getContactsList()
     },
     /**
      * 校验金额格式

src/views/packManagement/modules/PackProjectSelectProjectModule.vue

@@ -15,7 +15,7 @@
           <a-row>
             <a-col :xl="8" :lg="9" :md="10" :sm="24">
               <a-form-item label="项目名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
-                <a-input placeholder="请输入项目名称" v-model="queryParam.companyName"></a-input>
+                <a-input placeholder="请输入项目名称" v-model="queryParam.chargeProject"></a-input>
               </a-form-item>
             </a-col>
             <a-col :xl="8" :lg="9" :md="10" :sm="24">
@@ -78,16 +78,36 @@
 import { JeroListMixin } from '../../../mixins/JeroListMixin'
 import JYearDate from '../../../components/jero/JYearDate'
 import StatusSlot from '../../../components/tools/StatusSlot'
+import { addPackProject } from '../../../api/incomePaymentsApi'
 
 export default {
   name: 'PackProjectSelectProjectModule',
   components: { JYearDate, StatusSlot },
   mixins: [JeroListMixin],
+  props: {
+    // 打包id
+    packId: {
+      type: String,
+      required: false,
+      default: null
+    },
+    visible: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  watch:{
+    visible(value) {
+      if (value) {
+        this.open()
+      }
+    }
+  },
   data() {
     return {
       title: '添加打包项目',
-      width: 1000,
-      visible: false,
+      width: 1200,
       confirmLoading: false,
       labelCol: {
         xs: { span: 24 },
@@ -98,7 +118,7 @@ export default {
         sm: { span: 10 }
       },
       url:{
-        list: ''
+        list: '/pack/payPackCompanyProject/queryNotPackListAll'
       },
       columns: [
         {
@@ -119,8 +139,8 @@ export default {
         }, {
           title: '来款用途',
           align: 'center',
-          width: 180,
-          dataIndex: 'chargeUse',
+          width: 160,
+          dataIndex: 'chargeUse_dictText',
           scopedSlots: { customRender: 'text' }
         }, {
           title: '项目负责人',
@@ -163,21 +183,45 @@ export default {
           dataIndex: 'mail',
           scopedSlots: { customRender: 'status' }
         }
-      ]
+      ],
+      disableMixinCreated: true,
+      filters: {
+        packId: this.packId
+      }
     }
   },
   methods: {
     handleOk() {
-
+      if (this.selectedRowKeys.length === 0) {
+        this.$message.warn('请至少选择一个项目')
+        return
+      }
+      let projectIds = this.selectedRowKeys.join(',')
+      let params = {
+        projectIds: projectIds,
+        packId: this.packId
+      }
+      addPackProject(params).then(res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.close()
+          this.$emit('ok')
+        } else {
+          this.$message.warn(res.message)
+        }
+      })
     },
     handleCancel() {
       this.close()
     },
     open() {
-      this.visible = true
+      this.filters.packId = this.packId
+      console.log(this.filters)
+      this.loadData()
     },
     close() {
-      this.visible = false
+      this.selectedRowKeys = []
+      this.$emit('update:visible', false)
     }
   }
 }