[update] 分标委详情，理事会列表及详情，修改系统名称

src/api/incomePaymentsApi.js

@@ -15,6 +15,8 @@ const getSubBidCommitteeDetail = (param) => getAction('/payCaseCommittee/payCase
 const batchDownloadFile = (param) => getAction('/project/payWorkingGroupDistributionRecord/zipFile', param)
 // 我的合同--详情
 const getContractDetailById = (param) => getAction('/contract/payIncomeContract/queryCompanyById', param)
+// 理事会详情
+const getCouncilDetailById = (param) => getAction('/payCaseCouncil/payCaseCouncil/detail', param)
 
 export {
   queryCommonProjectById,
@@ -24,5 +26,6 @@ export {
   editUserInfo,
   getSubBidCommitteeDetail,
   batchDownloadFile,
-  getContractDetailById
+  getContractDetailById,
+  getCouncilDetailById
 }

src/components/detailPage/FileList.vue

@@ -0,0 +1,94 @@
+<template>
+  <div>
+    <a-table
+      ref="table"
+      :rowKey="record => record.id || record.fileId"
+      :columns="columns"
+      :dataSource="dataSource"
+      :pagination="false"
+      :loading="loading"
+      class="j-table-force-nowrap">
+
+      <template slot="text" slot-scope="text">
+        <j-ellipsis :value="text" :length="50"></j-ellipsis>
+      </template>
+
+      <span slot="action" class="action-span-cell" slot-scope="text, record">
+        <a @click="handleDownload(record)">下载</a>
+        <a @click="preview(record)">查看</a>
+      </span>
+
+    </a-table>
+  </div>
+</template>
+
+<script>
+import { downloadFile } from '@api/manage'
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+
+const columns = [
+  {
+    title: '序号',
+    dataIndex: '',
+    key: 'rowIndex',
+    width: 60,
+    align: 'center',
+    customRender: function (t, r, index) {
+      return parseInt(index) + 1
+    }
+  }, {
+    title: '文件名',
+    align: 'center',
+    dataIndex: 'fileName',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '上传时间',
+    align: 'center',
+    width: 160,
+    dataIndex: 'createTime',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '操作',
+    align: 'center',
+    width: 160,
+    dataIndex: 'action',
+    scopedSlots: { customRender: 'action' }
+  }
+]
+export default {
+  name: 'FileList',
+  data() {
+    return {
+      columns,
+      dataSource: [],
+      loading: false
+    }
+  },
+  methods: {
+    /**
+     * 下载
+     * @param record
+     */
+    handleDownload(record) {
+      downloadFile(`sys/common/download/${record.fileId}`, record.fileName)
+    },
+    /**
+     * 预览
+     * @param record
+     */
+    preview(record) {
+      if (record && record.fileId) {
+        const fileFullUrl = `${window._CONFIG['domianWebSocketURL']}/sys/common/download/${record.fileId}?token=${Vue.ls.get(ACCESS_TOKEN)}&fullfilename=${record.fileName}`
+        let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
+        // let url = `${window._CONFIG['onlinePreviewDomainURL']}?url=${encodeURIComponent(fileFullUrl)}`
+        window.open(url)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>

src/components/detailPage/MeetingList.vue

@@ -0,0 +1,131 @@
+<template>
+  <div>
+    <a-table
+      ref="table"
+      rowKey="id"
+      :scroll="{x: 1200}"
+      :columns="columns"
+      :dataSource="dataSource"
+      :pagination="ipagination"
+      :loading="loading"
+      @change="handleTableChange"
+      class="j-table-force-nowrap">
+
+      <template slot="text" slot-scope="text">
+        <j-ellipsis :value="text" :length="18"></j-ellipsis>
+      </template>
+
+      <span slot="action" class="action-span-cell" slot-scope="text, record">
+            <a @click="handleEdit(record)">编辑</a>
+            <a @click="confirmDelete(record)">删除</a>
+          </span>
+    </a-table>
+  </div>
+</template>
+
+<script>
+const columns = [
+  {
+    title: '序号',
+    dataIndex: '',
+    key: 'rowIndex',
+    width: 60,
+    align: 'center',
+    customRender: function (t, r, index) {
+      return parseInt(index) + 1
+    }
+  }, {
+    title: '会议名称',
+    align: 'center',
+    dataIndex: 'companyName',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '负责人',
+    align: 'center',
+    dataIndex: 'dutyCode',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '召开时间',
+    align: 'center',
+    dataIndex: 'companyAddress',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '召开地点',
+    align: 'center',
+    dataIndex: 'companyPhone',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '年份',
+    align: 'center',
+    width: 100,
+    dataIndex: 'status_dictText',
+    scopedSlots: { customRender: 'project-approval' }
+  }, {
+    title: '报名状态',
+    align: 'center',
+    width: 100,
+    dataIndex: 'createTime',
+    scopedSlots: { customRender: 'advice' }
+  }, {
+    title: '会议状态',
+    align: 'center',
+    width: 100,
+    dataIndex: 'bankAccountName',
+    scopedSlots: { customRender: 'review-material' }
+  }, {
+    title: '操作',
+    dataIndex: 'action',
+    align: 'center',
+    fixed: 'right',
+    width: 180,
+    scopedSlots: { customRender: 'action' }
+  }
+]
+export default {
+  name: 'MeetingList',
+  data() {
+    return {
+      columns,
+      dataSource:[],
+      loading: false,
+      /* 分页参数 */
+      ipagination: {
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30', '50', '100'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    loadData() {
+
+    },
+    /**
+     * 分页变化
+     * @param pagination
+     * @param filters
+     * @param sorter
+     */
+    handleTableChange(pagination, filters, sorter) {
+      //分页、排序、筛选变化时触发
+      //TODO 筛选
+      if (Object.keys(sorter).length > 0) {
+        this.isorter.column = sorter.field
+        this.isorter.order = 'ascend' === sorter.order ? 'asc' : 'desc'
+      }
+      this.ipagination = pagination
+      this.loadData()
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>

src/components/detailPage/UnderStudyProjectList.vue

@@ -0,0 +1,158 @@
+<template>
+  <div>
+    <a-table
+      ref="table"
+      rowKey="id"
+      :scroll="{x: 1200}"
+      :columns="columns"
+      :dataSource="dataSource"
+      :pagination="false"
+      :loading="loading"
+      @change="handleTableChange"
+      class="j-table-force-nowrap">
+
+      <template slot="text" slot-scope="text">
+        <j-ellipsis :value="text" :length="18"></j-ellipsis>
+      </template>
+
+      <!--          立项文件-->
+      <span slot="project-approval" class="action-span-cell" slot-scope="text, record">
+        <a @click="viewProjectApproval(record)">查看</a>
+      </span>
+
+      <!--          征求意见-->
+      <span slot="advice" class="action-span-cell" slot-scope="text, record">
+        <a @click="viewAdvice(record)">查看</a>
+      </span>
+
+      <!--          送审材料-->
+      <span slot="review-material" class="action-span-cell" slot-scope="text, record">
+        <a @click="viewReviewMaterial(record)">查看</a>
+      </span>
+    </a-table>
+  </div>
+</template>
+
+<script>
+const columns = [
+  {
+    title: '序号',
+    dataIndex: '',
+    key: 'rowIndex',
+    width: 60,
+    align: 'center',
+    customRender: function (t, r, index) {
+      return parseInt(index) + 1
+    }
+  }, {
+    title: '项目名称',
+    align: 'center',
+    dataIndex: 'companyName',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '计划号',
+    align: 'center',
+    dataIndex: 'dutyCode',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '起草单位',
+    align: 'center',
+    dataIndex: 'companyAddress',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '项目进度',
+    align: 'center',
+    dataIndex: 'companyPhone',
+    scopedSlots: { customRender: 'text' }
+  }, {
+    title: '立项文件',
+    align: 'center',
+    width: 100,
+    fixed: 'right',
+    dataIndex: 'status_dictText',
+    scopedSlots: { customRender: 'project-approval' }
+  }, {
+    title: '征求意见',
+    align: 'center',
+    width: 100,
+    fixed: 'right',
+    dataIndex: 'createTime',
+    scopedSlots: { customRender: 'advice' }
+  }, {
+    title: '送审材料',
+    align: 'center',
+    width: 100,
+    fixed: 'right',
+    dataIndex: 'bankAccountName',
+    scopedSlots: { customRender: 'review-material' }
+  }
+]
+export default {
+  name: 'UnderStudyProjectList',
+  data() {
+    return {
+      columns,
+      dataSource: [],
+      loading: false,
+      /* 分页参数 */
+      ipagination: {
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30', '50', '100'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    loadData() {
+
+    },
+    /**
+     * 分页变化
+     * @param pagination
+     * @param filters
+     * @param sorter
+     */
+    handleTableChange(pagination, filters, sorter) {
+      //分页、排序、筛选变化时触发
+      //TODO 筛选
+      if (Object.keys(sorter).length > 0) {
+        this.isorter.column = sorter.field
+        this.isorter.order = 'ascend' === sorter.order ? 'asc' : 'desc'
+      }
+      this.ipagination = pagination
+      this.loadData()
+    },
+    /**
+     * 查看立项文件
+     * @param record
+     */
+    viewProjectApproval(record) {
+      console.log('查看立项文件', record)
+    },
+    /**
+     * 查看征求意见
+     * @param record
+     */
+    viewAdvice(record) {
+      console.log('查看征求意见', record)
+    },
+    /**
+     * 查看送审材料
+     * @param record
+     */
+    viewReviewMaterial(record) {
+      console.log('查看送审材料', record)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>

src/components/layouts/TabLayout.vue

@@ -181,7 +181,7 @@
 
       // update-begin-author:sunjianlei date:20200120 for: 动态更改页面标题
       changeTitle(title) {
-        let projectTitle = '标准所协同工作平台'
+        let projectTitle = '汽车标准化工作平台'
         // 首页特殊处理
         if (this.$route.path === indexKey) {
           document.title = projectTitle

src/components/page/GlobalHeader.vue

@@ -17,7 +17,7 @@
         :type="collapsed ? 'menu-unfold' : 'menu-fold'"
         @click="toggle"/>
 
-      <span v-if="device === 'desktop'">欢迎进入标准所协同工作平台</span>
+      <span v-if="device === 'desktop'">欢迎进入汽车标准化工作平台</span>
       <span v-else>Jero-Boot</span>
 
       <user-menu/>
@@ -26,7 +26,7 @@
     <div v-else :class="['top-nav-header-index']">
       <div class="header-index-wide">
         <div class="header-index-left" :style="topMenuStyle.headerIndexLeft">
-          <logo class="top-nav-header" title='标准所来款管理系统' :show-title="device !== 'mobile'"/>
+          <logo class="top-nav-header" title='汽车标准化工作平台' :show-title="device !== 'mobile'"/>
           <div v-if="device !== 'mobile'" :style="topMenuStyle.topSmenuStyle">
             <s-menu
               mode="horizontal"

src/config/router.config.js

@@ -355,5 +355,35 @@ export const routerData = [
     },
     name: 'account-center',
     id: '10'
+  },
+  {
+    path: '/subBidCommittee/SubBidCommitteeDetailPage',
+    component: 'subBidCommittee/SubBidCommitteeDetailPage',
+    redirect: null,
+    hidden: true,
+    route: '1',
+    meta: {
+      icon: '', // 菜单前图标
+      componentName: 'SubBidCommitteeDetailPage',
+      keepAlive: false,
+      title: '分标委详情' // 菜单名称
+    },
+    name: 'sub-bid-committee-detail-page',
+    id: '11'
+  },
+  {
+    path: '/standardsAssociation/CouncilDetailPage',
+    component: 'standardsAssociation/CouncilDetailPage',
+    redirect: null,
+    hidden: true,
+    route: '1',
+    meta: {
+      icon: '', // 菜单前图标
+      componentName: 'CouncilDetailPage',
+      keepAlive: false,
+      title: '理事会详情' // 菜单名称
+    },
+    name: 'council-detail-page',
+    id: '12'
   }
 ]

src/views/standardsAssociation/Council.vue

@@ -1,13 +1,125 @@
 <template>
-  <div>理事会</div>
+  <div class="main-box">
+    <a-card :bordered="false">
+      <!--查询区域begin-->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+            <a-col :xl="6" :lg="8" :md="8" :sm="24">
+              <a-form-item label="理事会名称">
+                <a-input placeholder="请输入理事会名称" v-model="queryParam.councilName" :maxLength="50"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="8" :md="8" :sm="24">
+            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
+              <a-button class="reset-button" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
+            </span>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <!--查询区域end-->
+
+      <div>
+        <a-table
+          ref="table"
+          rowKey="id"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="ipagination"
+          :loading="loading"
+          @change="handleTableChange"
+          class="j-table-force-nowrap">
+
+          <!--        项目名称-->
+          <template slot="projectName" slot-scope="text, record">
+            <j-ellipsis :value="text" :length="20" class="project-name" @click="toDetail(record)"></j-ellipsis>
+          </template>
+
+          <template slot="text" slot-scope="text">
+            <j-ellipsis :value="text" :length="20"></j-ellipsis>
+          </template>
+
+          <!--          查看理事会名单-->
+          <span slot="action" class="action-span-cell" slot-scope="text,record">
+            <a @click="viewCouncilMember(record)">查看</a>
+          </span>
+        </a-table>
+      </div>
+    </a-card>
+
+    <member-list-modal ref="memberList"></member-list-modal>
+  </div>
 </template>
 
 <script>
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import MemberListModal from '@views/standardsAssociation/modules/MemberListModal'
+
 export default {
-  name: 'Council'
+  name: 'Council',
+  components: { MemberListModal },
+  mixins: [JeroListMixin],
+  data() {
+    return {
+      columns: [
+        {
+          title: '理事会名称',
+          align: 'center',
+          dataIndex: 'name',
+          scopedSlots: { customRender: 'projectName' }
+        }, {
+          title: '负责人',
+          align: 'center',
+          dataIndex: 'principal',
+          scopedSlots: { customRender: 'text' }
+        }, {
+          title: '目标简述',
+          align: 'center',
+          dataIndex: 'remarks',
+          scopedSlots: { customRender: 'text' }
+        }, {
+          title: '理事会名单',
+          dataIndex: 'action',
+          align: 'center',
+          fixed: 'right',
+          width: 130,
+          scopedSlots: { customRender: 'action' }
+        }
+      ],
+      url: {
+        list: '/payCaseCouncilSubitem/payCaseCouncilSubitem/findTwo'
+      }
+    }
+  },
+  methods: {
+    /**
+     * 查看理事会名单
+     * @param record
+     */
+    viewCouncilMember(record) {
+      this.$refs.memberList.title = '理事会名单'
+      this.$refs.memberList.dataSource = record.list
+      this.$refs.memberList.visible = true
+    },
+    /**
+     * 跳转至理事会详情
+     * @param record
+     */
+    toDetail(record) {
+      console.log(record)
+      this.$router.push({
+        path: '/standardsAssociation/CouncilDetailPage',
+        query: {
+          id: record.id
+        }
+      })
+    }
+  }
 }
 </script>
 
-<style scoped>
+<style scoped lang="less">
-
+@import '~@assets/less/common.less';
 </style>

src/views/standardsAssociation/CouncilDetailPage.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="main-box">
+    <a-card :bordered="false">
+      <!--      基本信息-->
+      <div class="basic-info basic-box">
+        <h3 class="title">基本信息</h3>
+        <a-spin :spinning="basicLoading">
+          <a-row :gutter="10">
+            <a-col :span="12" class="basic-info-item"><label>理事会名称：</label><span>{{ councilDetail.name }}</span>
+            </a-col>
+            <a-col :span="12" class="basic-info-item"><label>负责人：</label><span>{{ councilDetail.principal }}</span>
+            </a-col>
+            <a-col :span="24" class="basic-info-item"><label>目标简述：</label><span>{{ councilDetail.remarks }}</span>
+            </a-col>
+          </a-row>
+        </a-spin>
+      </div>
+
+      <!--      理事会会议-->
+      <div class="meeting basic-box">
+        <h3 class="title">理事会会议</h3>
+        <meeting-list></meeting-list>
+      </div>
+
+      <!--      其他分发资料-->
+      <div class="meeting basic-box">
+        <div class="file-title"><h3 class="title">其他分发资料</h3><span>(如月报、调研表等)</span></div>
+        <file-list ref="fileList"></file-list>
+      </div>
+    </a-card>
+  </div>
+</template>
+
+<script>
+import MeetingList from '@comp/detailPage/MeetingList'
+import FileList from '@comp/detailPage/FileList'
+import { getCouncilDetailById } from '@api/incomePaymentsApi'
+
+export default {
+  name: 'CouncilDetailPage',
+  components: { MeetingList, FileList },
+  data() {
+    return {
+      basicLoading: false,
+      // 理事会详情数据
+      councilDetail: {},
+      // 文件数据
+      fileList: []
+    }
+  },
+  created() {
+    this.getCouncilDetail()
+  },
+  methods: {
+    getCouncilDetail() {
+      if (!this.$route.query.id) {
+        return
+      }
+      this.basicLoading = true
+      this.$nextTick(() => {
+        this.$refs.fileList.loading = true
+      })
+      let param = {id: this.$route.query.id}
+      getCouncilDetailById(param).then(res => {
+        if (res.success) {
+          this.councilDetail = res.result
+          this.$refs.fileList.dataSource = res.result.files
+        } else {
+          this.$message.warn(res.message)
+        }
+      }).finally(() => {
+        this.basicLoading = false
+        this.$nextTick(() => {
+          this.$refs.fileList.loading = false
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+
+.title {
+  position: relative;
+}
+
+.title::before {
+  position: absolute;
+  top: 4px;
+  left: -10px;
+  content: "";
+  height: 20px;
+  width: 2px;
+  background: #069f99;
+}
+
+.basic-box {
+  padding: 0 20px 10px 20px;
+}
+
+.basic-info {
+
+  .ant-col {
+    margin: 5px 0;
+  }
+
+  &-item {
+    display: flex;
+
+    label {
+      flex-shrink: 0;
+    }
+  }
+}
+
+.file-title {
+  display: flex;
+  align-items: center;
+  span {
+    margin-left: 10px;
+    margin-bottom: 5px;
+  }
+}
+</style>

src/views/standardsAssociation/modules/MemberListModal.vue

@@ -0,0 +1,102 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    switchFullscreen
+    okText=""
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <!--    table表格区域-->
+    <div>
+      <a-table
+        ref="table"
+        size="middle"
+        bordered
+        :rowKey="record => record.id || record.childrenId"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="confirmLoading"
+        class="j-table-force-nowrap">
+
+        <template slot="text" slot-scope="text">
+          <j-ellipsis :value="text" :length="18"></j-ellipsis>
+        </template>
+
+      </a-table>
+    </div>
+
+    <template slot="footer">
+      <a-button key="back" @click="handleCancel">关闭</a-button>
+    </template>
+  </j-modal>
+</template>
+
+<script>
+
+export default {
+  name: 'MemberListModal',
+  data() {
+    return {
+      title: '操作',
+      width: 1000,
+      visible: false,
+      confirmLoading: false,
+      ipagination:{
+        current: 1,
+        pageSize: 10,
+        pageSizeOptions: ['10', '20', '30'],
+        showTotal: (total, range) => {
+          return range[0] + '-' + range[1] + ' 共' + total + '条'
+        },
+        showQuickJumper: true,
+        showSizeChanger: true,
+        total: 0
+      },
+      columns: [{
+        title: '序号',
+        dataIndex: '',
+        key: 'rowIndex',
+        width: 60,
+        align: 'center',
+        customRender: function (t, r, index) {
+          return parseInt(index) + 1
+        }
+      }, {
+        title: '姓名',
+        align: 'center',
+        dataIndex: 'peopleName',
+        scopedSlots: { customRender: 'text' }
+      }, {
+        title: '企业名称',
+        align: 'center',
+        dataIndex: 'companyName',
+        scopedSlots: { customRender: 'text' }
+      }, {
+        title: '职务',
+        align: 'center',
+        dataIndex: 'post',
+        scopedSlots: { customRender: 'text' }
+      }, {
+        title: '手机号',
+        align: 'center',
+        dataIndex: 'phone',
+        scopedSlots: { customRender: 'text' }
+      }],
+      dataSource: []
+    }
+  },
+  methods: {
+    handleCancel() {
+      this.visible = false
+      this.dataSource = []
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/subBidCommittee/SubBidCommittee.vue

@@ -7,7 +7,7 @@
           <a-row :gutter="24">
             <a-col :xl="6" :lg="8" :md="8" :sm="24">
               <a-form-item label="分标委名称">
-                <a-input placeholder="请输入分标委名称" v-model="queryParam.name" :maxLength="50"></a-input>
+                <a-input placeholder="请输入分标委名称" v-model="queryParam.fenBiaoWeiName" :maxLength="50"></a-input>
               </a-form-item>
             </a-col>
             <a-col :xl="6" :lg="8" :md="8" :sm="24">
@@ -25,6 +25,7 @@
         <a-table
           ref="table"
           rowKey="id"
+          :scroll="{x: 1200}"
           :columns="columns"
           :dataSource="dataSource"
           :pagination="ipagination"
@@ -34,71 +35,103 @@
 
           <!--        项目名称-->
           <template slot="projectName" slot-scope="text, record">
-            <j-ellipsis :value="text" :length="50" class="project-name" @click="openDetail(record)"></j-ellipsis>
+            <j-ellipsis :value="text" :length="20" class="project-name" @click="openDetail(record)"></j-ellipsis>
           </template>
 
-          <!--          跳转分标委会议-->
+          <template slot="text" slot-scope="text, record">
+            <j-ellipsis :value="text" :length="20"></j-ellipsis>
+          </template>
+
+          <!--          查看分标委委员信息-->
           <span slot="action" class="action-span-cell" slot-scope="text,record">
-            <a-button type="primary" @click="toCommitteeMeeting(record)">分标委会议<a-icon type="right"/></a-button>
+<!--            <a @click="toCommitteeMeeting(record)">分标委会议</a>-->
+            <a @click="viewMemberList(record)">查看</a>
           </span>
         </a-table>
       </div>
     </a-card>
+    <!--    分标委详情-->
     <sub-bid-committee-detail ref="detail"></sub-bid-committee-detail>
+    <!--    委员列表-->
+    <member-list-modal ref="memberList"></member-list-modal>
   </div>
 </template>
 <script>
 import { JeroListMixin } from '@/mixins/JeroListMixin'
 import SubBidCommitteeDetail from '@views/subBidCommittee/modules/SubBidCommitteeDetail'
+import MemberListModal from '@views/standardsAssociation/modules/MemberListModal'
 
 export default {
   name: 'SubBidCommittee',
-  components: { SubBidCommitteeDetail },
+  components: { SubBidCommitteeDetail, MemberListModal },
   mixins: [JeroListMixin],
   data() {
     return {
       columns: [
         {
-          title: '分标委列表',
+          title: '分标委名称',
-          align: 'left',
+          align: 'center',
           dataIndex: 'name',
           scopedSlots: { customRender: 'projectName' }
         }, {
-          title: '',
+          title: '负责人',
+          align: 'center',
+          dataIndex: 'principal',
+          scopedSlots: { customRender: 'text' }
+        }, {
+          title: '目标简述',
+          align: 'center',
+          dataIndex: 'remarks',
+          scopedSlots: { customRender: 'text' }
+        }, {
+          title: '委员信息',
           dataIndex: 'action',
           align: 'center',
           fixed: 'right',
-          width: 160,
+          width: 130,
           scopedSlots: { customRender: 'action' }
         }
       ],
-      dataSource: [
-        {
-          id: 1,
-          name: '分标委分标委分标委分标委分标委分标委分标委分标委分标委'
-        }
-      ],
       url: {
-        list: '/payCaseCommittee/payCaseCommittee/list'
+        list: '/payCaseCommitteeSubitem/payCaseCommitteeSubitem/findTwo'
       }
     }
   },
   methods: {
+    /**
+     * 跳转至分标委详情
+     * @param record
+     */
     openDetail(record) {
       this.$refs.detail.committee = record
-      this.$refs.detail.open()
+      // this.$refs.detail.open()
+      this.$router.push({
+        path: '/subBidCommittee/SubBidCommitteeDetailPage',
+        query: {
+          id: record.id
+        }
+      })
     },
     /*
     * 分标委会议
     * */
-    toCommitteeMeeting(record){
+    toCommitteeMeeting(record) {
       this.$router.push({
-        path:'/meetingActivity/MeetingActivity',
+        path: '/meetingActivity/MeetingActivity',
-        query:{
+        query: {
-          meetingType:'5',
+          meetingType: '5',
-          id:record.id
+          id: record.id
         }
       })
+    },
+    /**
+     * 显示委员列表
+     * @param record
+     */
+    viewMemberList(record) {
+      this.$refs.memberList.title='委员信息'
+      this.$refs.memberList.dataSource = record.list
+      this.$refs.memberList.visible = true
     }
   }
 }

src/views/subBidCommittee/SubBidCommitteeDetailPage.vue

@@ -0,0 +1,138 @@
+<template>
+  <div class="main-box">
+    <a-card :bordered="false">
+      <!--      基本信息-->
+      <div class="basic-info basic-box">
+        <h3 class="title">基本信息</h3>
+        <a-spin :spinning="basicLoading">
+          <a-row :gutter="10">
+            <a-col :span="12" class="basic-info-item"><label>分标委名称：</label><span>{{ committeeDetail.name }}</span>
+            </a-col>
+            <a-col :span="12" class="basic-info-item"><label>负责人：</label><span>{{ committeeDetail.principal }}</span>
+            </a-col>
+            <a-col :span="24" class="basic-info-item"><label>目标简述：</label><span>{{ committeeDetail.remarks }}</span>
+            </a-col>
+          </a-row>
+        </a-spin>
+      </div>
+
+      <!--      在研项目-->
+      <div class="under-study basic-box">
+        <h3 class="title">在研项目</h3>
+        <under-study-project-list></under-study-project-list>
+      </div>
+
+      <!--      分标委会议-->
+      <div class="meeting basic-box">
+        <h3 class="title">分标委会议</h3>
+        <meeting-list></meeting-list>
+      </div>
+
+      <!--      其他分发资料-->
+      <div class="meeting basic-box">
+        <div class="file-title"><h3 class="title">其他分发资料</h3><span>(如月报、调研表等)</span></div>
+        <file-list ref="fileList"></file-list>
+      </div>
+    </a-card>
+  </div>
+</template>
+
+<script>
+import { getSubBidCommitteeDetail } from '@api/incomePaymentsApi'
+import UnderStudyProjectList from '@comp/detailPage/UnderStudyProjectList'
+import MeetingList from '@comp/detailPage/MeetingList'
+import FileList from '@comp/detailPage/FileList'
+
+export default {
+  name: 'SubBidCommitteeDetailPage',
+  components: { UnderStudyProjectList, MeetingList, FileList },
+  data() {
+    return {
+      basicLoading: false,
+      // 分标委详情数据
+      committeeDetail: {},
+      // 文件数据
+      fileList: [],
+    }
+  },
+  created() {
+    this.getCommitteeDetail()
+  },
+  methods: {
+    /**
+     * 获取分标委详情数据
+     */
+    getCommitteeDetail() {
+      if (!this.$route.query.id) {
+        return
+      }
+      this.basicLoading = true
+      this.$nextTick(() => {
+        this.$refs.fileList.loading = true
+      })
+      let param = {
+        id: this.$route.query.id
+      }
+      getSubBidCommitteeDetail(param).then(res => {
+        if (res.success) {
+          this.committeeDetail = res.result
+          this.$refs.fileList.dataSource = res.result.files
+        } else {
+          this.$message.warn(res.message)
+        }
+      }).finally(() => {
+        this.basicLoading = false
+        this.$nextTick(() => {
+          this.$refs.fileList.loading = false
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+
+.title {
+  position: relative;
+}
+
+.title::before {
+  position: absolute;
+  top: 4px;
+  left: -10px;
+  content: "";
+  height: 20px;
+  width: 2px;
+  background: #069f99;
+}
+
+.basic-box {
+  padding: 0 20px 10px 20px;
+}
+
+.basic-info {
+
+  .ant-col {
+    margin: 5px 0;
+  }
+
+  &-item {
+    display: flex;
+
+    label {
+      flex-shrink: 0;
+    }
+  }
+}
+
+.file-title {
+  display: flex;
+  align-items: center;
+  span {
+    margin-left: 10px;
+    margin-bottom: 5px;
+  }
+}
+</style>

src/views/subBidCommittee/modules/SubBidCommitteeDetail.vue

@@ -80,7 +80,6 @@ export default {
               name: this.committee.name
             }
           }
-
         } else {
           this.$message.warn(res.message)
         }

src/views/user/Login.vue

@@ -190,7 +190,7 @@ export default {
     }
   },
   created() {
-    document.title = '标准所协同工作平台'
+    document.title = '汽车标准化工作平台'
     this.currdatetime = new Date().getTime()
     Vue.ls.remove(ACCESS_TOKEN)
     this.getRouterData()

src/views/user/alteration/Alteration.vue

@@ -3,7 +3,7 @@
     <div class='alteration-head logo'>
       <router-link :to="{name:'dashboard'}">
         <img src="~@/assets/logo.png" alt="logo">
-        <h1>标准所来款管理系统</h1>
+        <h1>汽车标准化工作平台</h1>
       </router-link>
     </div>
     <div class='alteration-center'>
@@ -155,7 +155,7 @@ export default {
     }
   },
   created() {
-    document.title = '标准所协同工作平台'
+    document.title = '汽车标准化工作平台'
     // 初次登录直接获取公钥
     if (this.$route.query.isFirstLogin === 'true') {
       this.getPublicKey()