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

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>