xujun

src/api/index.js

@@ -411,6 +411,9 @@ export default {
         },
         getUnAssignProjectListByPage (params) {
             return fetch('/v1/science-admin/com_project_audit/getUnAssignProjectListByPage', params)
+        },
+        getAssignExpertList (params) {
+            return fetch('/v1/science-admin/com-project-group-assign/getAssignExpertList', params)
         }
     },
     project: {

src/views/assign/components/groupExpertDetail.vue

+<template>
+  <div>
+    <a-row>
+        <a-col :span="24">
+          <a-table style="margin: 5px;" :dataSource="tableData" size="small" :columns="columns" rowKey="id" :pagination="false" :loading="loading">
+            <template slot="expertInfo" slot-scope="record">
+              <a-tag :color="record.expertType == 1 ? technology : finance">{{ record.expertType == 1 ? "技术专家" : "财务专家" }}</a-tag>
+            </template>
+          </a-table>
+        </a-col>
+      </a-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "GroupExpertDetail",
+  props: {
+    value: {
+      type: String,
+      default: () => {
+        return null;
+      },
+    },
+  },
+  data() {
+    return {
+      tableData: [],
+      columns: [
+        { title: '证件号', dataIndex: 'certId', align: 'center' },
+        { title: '姓名', dataIndex: 'personName', align: 'center' },
+        { title: '单位', dataIndex: 'workUnit', align: 'center' },
+        { title: "专家类型", scopedSlots: { customRender: 'expertInfo' }, align: 'center' },
+        { title: '手机号', dataIndex: 'mobile', align: 'center' },
+        { title: '电子邮箱', dataIndex: 'email', align: 'center' },
+      ],
+      loading: true,
+      technology: "#2db7f5",
+      finance: "#87d068",
+    };
+  },
+  created() {
+    this.getAssignExpertList()
+  },
+  methods: {
+    getAssignExpertList() {
+      let pars = { groupId: this.value }
+      this.$api.projectAssign.getAssignExpertList(pars).then(({ data = {} }) => {
+        if (data) {
+          this.tableData = data
+          console.log(this.tableData)
+          this.loading = false
+        }
+      }).catch(() => { })
+    }
+  },
+};
+</script>

src/views/peAssign/components/groupDetail.vue

 <template>
-  <div class="app-content">
+  <div class="app-content" style="overflow: hidden;">
+    <a-row>
+      <a-col :span="24" class="titalCol">
+        <div style="margin: 10px;font-size:12pt;">项目组专家明细</div>
+      </a-col>
+    </a-row>
+    <a-row>
+      <a-col :span="24">
+        <group-expert-detail v-model="value"></group-expert-detail>
+      </a-col>
+    </a-row>
+
+    <a-row>
+      <a-col :span="24" class="titalCol">
+        <div style="margin: 10px;font-size:12pt;">项目组项目明细</div>
+      </a-col>
+    </a-row>
+    <a-row>
+      <a-col :span="24">
         <a-form :form="form" :model="searchForm" layout="inline" class="search_form">
           <a-form-item>
             <a-input placeholder="项目名称" v-model="searchForm.projName" :maxLength="100" style="width: 160px" />
@@ -28,6 +46,9 @@
           </template>
         </a-table>
         <a-pagination v-if="pagination.total > 0" :total="pagination.total" show-size-changer show-quick-jumper v-model="pagination.pageIndex" :page-size="pagination.pageSize" :page-size-options="pagination.pageSizeOptions" @showSizeChange="showSizeChange" @change="change" :showTotal="() => `共 ${pagination.total} 条`" />
+      </a-col>
+    </a-row>
+
     <a-modal v-model="visibleView" v-if="visibleView" title="项目详情" width="94%" :footer="null" :dialog-style="{ top: '8%' }" destroyOnClose :maskClosable="false">
       <project-view v-model="projId" @close="() => this.visibleView = false" />
     </a-modal>
@@ -46,11 +67,12 @@
 import projectView from '@/views/report/project/components/projectView'
 import projectSelect from '@/views/peAssign/components/projectSelect'
 import { isEmptyParams, hideIdCard } from '@/views/utils/common'
+import groupExpertDetail from '@/views/assign/components/groupExpertDetail'
 
 export default {
   name: "GroupDetail",
   components: {
-    projectView, projectSelect
+    projectView, projectSelect, groupExpertDetail
   },
   props: {
     value: {
@@ -175,3 +197,12 @@ export default {
   },
 }
 </script>
+
+<style scoped>
+.titalCol {
+  text-align: left;
+  background: #f8fafc;
+  font-weight: bold;
+  height: 48px;
+}
+</style>