客户详情添加关联项目信息

src/api/cw/projectRecords/ProjectRecordsService.js

@@ -51,4 +51,11 @@ export default class ProjectRecordsService {
       responseType: 'blob'
     })
   }
+  getByClientId (id) {
+    return request({
+      url: '/cwProjectRecords/getByClientId',
+      method: 'get',
+      params: {clientId: id}
+    })
+  }
 }

src/views/modules/cw/projectRecords/ProjectRecordsForm.vue

@@ -7,6 +7,7 @@
       width="1200px"
       height="500px"
       @close="close"
+      append-to-body
       @keyup.enter.native=""
       :visible.sync="visible">
     <el-row>

src/views/modules/cw/workClientInfo/WorkClientForm.vue

@@ -696,7 +696,37 @@
             <!--        附件-->
             <UpLoadComponent ref="uploadComponent"></UpLoadComponent>
           </el-tab-pane>
-
+          <el-tab-pane label="关联项目" name="projects">
+            <vxe-table
+              max-height="500"
+              border="inner"
+              auto-resize
+              resizable
+              height="auto"
+              :loading="loading"
+              size="medium"
+              ref="projectTable"
+              show-header-overflow
+              show-overflow
+              highlight-hover-row
+              :menu-config="{}"
+              @sort-change="sortChangeHandle"
+              :sort-config="{remote:true}"
+              :data="projectList"
+              :checkbox-config="{}">
+              <vxe-column type="seq" width="60" title="序号"></vxe-column>
+              <vxe-column min-width="230" align="center" title="项目名称" field="projectName">
+                <template slot-scope="scope">
+                  <el-link  type="primary" :underline="false" v-if="hasPermission('cwProjectRecords:view')" @click="viewProject(scope.row.id)">{{scope.row.projectName}}</el-link>
+                  <span v-else>{{scope.row.projectName}}</span>
+                </template>
+              </vxe-column>
+              <vxe-column min-width="160" align="center" title="项目编号" field="projectNumber"></vxe-column>
+              <vxe-column min-width="160" align="center" title="项目经理" field="projectMasterName"></vxe-column>
+              <vxe-column min-width="160" align="center" title="创建人" field="createName"></vxe-column>
+              <vxe-column min-width="160" align="center" title="创建时间" field="createDate"></vxe-column>
+            </vxe-table>
+          </el-tab-pane>
         </el-tabs>
       </el-col>
     </el-row>
@@ -708,6 +738,7 @@
     <WorkClientListForm ref="workClientListForm" @getWorkClient="getWorkClient"></WorkClientListForm>
     <ManageLevelTypeListForm ref="manageLevelTypeListForm" @getManageLevelType="getManageLevelType"></ManageLevelTypeListForm>
     <OrganizationTypeListForm ref="organizationTypeListForm" @getOrganizationType="getOrganizationType"></OrganizationTypeListForm>
+      <ProjectRecordsForm ref="projectRecordsForm" @refreshList=""></ProjectRecordsForm>
     </el-dialog>
   </div>
 </template>
@@ -720,8 +751,10 @@
   import WorkClientService from '@/api/cw/workClientInfo/WorkClientService'
   import EnterpriseSearchService from '@/api/cw/common/EnterpriseSearchService'
   import WorkClientListForm from './WorkClientListForm'
+  import ProjectRecordsForm from '../projectRecords/ProjectRecordsForm'
   import ManageLevelTypeListForm from './manageLevelType/ManageLevelTypeListForm'
   import OrganizationTypeListForm from './organizationType/OrganizationTypeListForm'
+  import ProjectRecordsService from '@/api/cw/projectRecords/ProjectRecordsService'
   export default {
     props: {
       businessId: {
@@ -866,14 +899,17 @@
           contactFirst: [
             {required: true, message: '联系方式1不可以为空'}
           ]
-        }
+        },
+        projectList: []
       }
     },
     workClientService: null,
     enterpriseSearchService: null,
+    projectRecordsService: null,
     created () {
       this.enterpriseSearchService = new EnterpriseSearchService()
       this.workClientService = new WorkClientService()
+      this.projectRecordsService = new ProjectRecordsService()
     },
     computed: {
       bus: {
@@ -906,7 +942,8 @@
       UserSelect,
       WorkClientListForm,
       ManageLevelTypeListForm,
-      OrganizationTypeListForm
+      OrganizationTypeListForm,
+      ProjectRecordsForm
     },
     methods: {
       getKeyWatch (keyWatch) {
@@ -1048,7 +1085,10 @@
                 item.disabledTaxpayerIdentificationNo = false
               }
             })
-            this.loading = false
+            this.projectRecordsService.getByClientId(this.inputForm.id).then(({data}) => {
+              this.projectList = data
+              this.loading = false
+            })
           })
         })
       },
@@ -1537,6 +1577,9 @@
             })
           }
         }
+      },
+      viewProject (id) {
+        this.$refs.projectRecordsForm.init('view', id)
       }
     }
   }