会员管理成员维护编辑、列表修改

src/components/company/SelectContacts.vue

@@ -51,6 +51,12 @@ export default {
       contactsList: [], // 该企业下联系人列表
     }
   },
+  created() {
+    // 编辑 第一次不回显的问题
+    if(this.selectedCompany.hasOwnProperty('id')){
+      this.getContactsList()
+    }
+  },
   watch: {
     /**
      * 选中企业发生变化时重新获取数据

src/components/tools/StatusSlot.vue

@@ -0,0 +1,29 @@
+<template>
+  <div>
+    <img src=".././../assets/imgs/zero.png"/>
+<!--    <img src=".././../assets/imgs/finished.png"/>-->
+<!--    <img src=".././../assets/imgs/half.png"/>-->
+<!--    <img src=".././../assets/imgs/error.png"/>-->
+  </div>
+</template>
+
+<script>
+export default {
+  name: "StatusSlot",
+  props: {
+    statuObj: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    status() {
+      return this.statuObj
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

src/views/incomePayments/memberManage/SafeguardMemberList.vue

@@ -1,10 +1,8 @@
 <template>
   <a-card :bordered="false">
     <!-- 会员项目基本信息-->
+    <section class="project-base-info-title"></section>
     <div class="project-base-info">
-      <a-button class="btn-arrow-left" icon="arrow-left" @click="handleReback"></a-button>
-      <!--      <section class="project-base-info-title"></section>-->
-      <h3>会员项目信息</h3>
       <section class="project-base-info-content">
         <a-row :gutter="24">
           <a-col :xl="6" :lg="4" :md="4" :sm="8">
@@ -34,7 +32,7 @@
         <a-row :gutter="24">
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <a-form-item label="会员单位">
-              <a-input placeholder="请输入会员单位" v-model="queryParam.tableName"></a-input>
+              <a-input placeholder="请输入会员单位" v-model="queryParam.companyName"></a-input>
             </a-form-item>
           </a-col>
           <a-col :xl="6" :lg="7" :md="8" :sm="24">
@@ -87,8 +85,13 @@
           <span v-else></span>
         </template>
         <template slot="member" slot-scope="text,record">
-          <div @click="openDetail(record)" class="color_blue">123</div>
+          <div @click="openDetail(record)" class="color_blue">{{text}}</div>
         </template>
+
+        <template slot="status" slot-scope="text,record">
+           <status-slot :statu-obj="record"></status-slot>
+        </template>
+
         <span slot="action" slot-scope="text, record" class="action-span-cell">
           <a @click="handleEdit(record)">编辑</a>
           <a @click="handleDelete(record.id)">删除</a>
@@ -108,6 +111,7 @@ import {JeroListMixin} from '@/mixins/JeroListMixin'
 import JYearDate from "@comp/jero/JYearDate";
 import SafeguardMemberModal from "@views/incomePayments/memberManage/modules/SafeguardMemberModal";
 import ProjectDetailModal from "@comp/ProjectDetailModal";
+import StatusSlot from "@comp/tools/StatusSlot";
 import {getAction} from "@api/manage";
 import {getFileInfo} from "@api/api";
 
@@ -117,7 +121,8 @@ export default {
   components: {
     JYearDate,
     SafeguardMemberModal,
-    ProjectDetailModal
+    ProjectDetailModal,
+    StatusSlot
   },
   data() {
     return {
@@ -158,26 +163,31 @@ export default {
           title: '打包',
           align: "center",
           dataIndex: 'pack',
+          scopedSlots: {customRender: 'status'}
         },
         {
           title: '需要发票',
           align: "center",
           dataIndex: 'needInvoice',
+          scopedSlots: {customRender: 'status'}
         },
         {
           title: '到账',
           align: "center",
           dataIndex: 'inAccount',
+          scopedSlots: {customRender: 'status'}
         },
         {
           title: '开票',
           align: "center",
           dataIndex: 'makeInvoice',
+          scopedSlots: {customRender: 'status'}
         },
         {
           title: '邮寄',
           align: "center",
           dataIndex: 'mail',
+          scopedSlots: {customRender: 'status'}
         },
         {
           title: '操作',
@@ -195,6 +205,7 @@ export default {
         deleteBatch: "/jero/memberProjectSubitem/deleteBatch",
         exportXlsUrl: "/jero/memberProjectSubitem/exportXls",
         importExcelUrl: "jero/memberProjectSubitem/importExcel",
+        downTemplateUrl:"jero/memberProjectSubitem/exportTemplate"
       },
     }
   },
@@ -284,7 +295,11 @@ export default {
     line-height: 2;
   }
 }
-
+.project-base-info-title{
+  height: 50px;
+  line-height: 50px;
+  border-bottom: 1px solid #ccc;
+}
 .color_blue {
   color: #069f99;
   cursor: pointer;

src/views/incomePayments/memberManage/modules/SafeguardMemberModal.vue

@@ -224,12 +224,23 @@ export default {
         },100)
       }
       this.model = Object.assign({}, record)
+      // 编辑状态下的企业与联系人的回显
+      if(record.companyId){
+        this.model.companyId ={
+          id:record.companyId,
+          companyName: record.companyName
+        }
+        this.selectedCompany = Object.assign({},this.model.companyId)
+        // 修改来款方式 控制dom对应显示隐藏
+        this.incomePaysType = record.paymentMethod
+      }
       this.visible = true
       this.$nextTick(() => {
-        this.form.setFieldsValue(pick(this.model, 'companyId', 'companyContactId', 'postContactId', 'amountReceivable', 'needInvoice', 'paymentMethod', 'contractNo', ' chargeNoticeNo', 'chargeNoticeFileId', 'remark'))
+        this.form.setFieldsValue(pick(this.model, 'companyId', 'companyContactId', 'postContactId', 'amountReceivable', 'needInvoice', 'paymentMethod', 'contractNo', 'chargeNoticeNo', 'chargeNoticeFileId', 'remark'))
       })
     },
     close() {
+      this.incomePaysType = 3
       this.$emit('close')
       this.visible = false
       clearTimeout(this.timer)