关联项目会员项目

src/views/contractManagement/revenueContract/modules/SelectMemberProjectModule.vue

@@ -8,84 +8,122 @@
            @cancel="handleCancel"
            cancelText="关闭">
     <div class="table-page-search-wrapper">
-      <a-form layout="inline" @keyup.enter.native="searchQuery">
-        <a-row>
 
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+      <a-tabs default-active-key="1" @change="callback">
-            <a-form-item label="会员项目" :labelCol="labelCol" :wrapperCol="wrapperCol">
+        <a-tab-pane key="1" tab="会员项目">
-              <a-input placeholder="请输入工作组项目" v-model="queryParam.workingGroupProject"></a-input>
+          <a-form layout="inline" @keyup.enter.native="searchQuery">
-            </a-form-item>
+            <a-row>
-          </a-col>
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
-            <a-form-item label="运行年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
 
-            </a-form-item>
+<!--              <a-col :xl="6" :lg="7" :md="8" :sm="24">-->
-          </a-col>
+<!--                <a-form-item label="会员项目" :labelCol="labelCol" :wrapperCol="wrapperCol">-->
+<!--                  <a-input placeholder="请输入会员项目" v-model="queryParam.workingGroupProject"></a-input>-->
+<!--                </a-form-item>-->
+<!--              </a-col>-->
+              <a-col :xl="6" :lg="7" :md="8" :sm="24">
+                <a-form-item label="运行年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                  <j-year-date placeholder="请选择运行年份" v-model="queryParam.particularYear"></j-year-date>
+                </a-form-item>
+              </a-col>
 
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <span class="table-page-search-submitButtons">
               <a-button type="primary" icon="search" @click="searchQuery">查询</a-button>
               <a-button icon="reload" @click="searchReset">重置</a-button>
             </span>
-          </a-col>
+              </a-col>
-        </a-row>
+            </a-row>
-      </a-form>
+          </a-form>
+          <!--    操作按钮区域-->
+          <div class="table-operator">
+            <a-button type="primary" icon="plus" @click="handleAdd">新增</a-button>
+          </div>
+          <!--    操作按钮区域-end-->
+
+          <!--    表格区域-->
+          <div>
+            <a-table
+              ref="table"
+              size="middle"
+              bordered
+              rowKey="id"
+              :scroll="{x: 800}"
+              :columns="columns"
+              :dataSource="dataSource"
+              :pagination="false"
+              :loading="loading"
+              :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+              @change="handleTableChange"
+              class="j-table-force-nowrap">
+
+              <template slot="text" slot-scope="text">
+                <j-ellipsis :value="text" :length="18"></j-ellipsis>
+              </template>
+
+              <!--        打包、需要发票、到账、开票、邮寄状态-->
+              <template slot="status" slot-scope="text,record">
+                <status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot>
+              </template>
+
+              <template slot="status-pack" slot-scope="text,record">
+                <status-slot :statu-obj="record" :status-no="text"></status-slot>
+              </template>
+            </a-table>
+          </div>
+          <!--    /表格区域-->
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="标协会员" force-render>
+        </a-tab-pane>
+      </a-tabs>
     </div>
 
-    <!--    操作按钮区域-->
-    <div class="table-operator">
-      <a-button type="primary" icon="plus" @click="handleAdd">新增</a-button>
-    </div>
-    <!--    操作按钮区域-end-->
-
-    <!--    表格区域-->
-    <div>
-      <a-table
-        ref="table"
-        size="middle"
-        bordered
-        rowKey="id"
-        :scroll="{x: 800}"
-        :columns="columns"
-        :dataSource="dataSource"
-        :pagination="false"
-        :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
-        @change="handleTableChange"
-        class="j-table-force-nowrap">
-
-        <template slot="text" slot-scope="text">
-          <j-ellipsis :value="text" :length="18"></j-ellipsis>
-        </template>
-
-        <!--        打包、需要发票、到账、开票、邮寄状态-->
-        <template slot="status" slot-scope="text,record">
-          <status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot>
-        </template>
-
-        <template slot="status-pack" slot-scope="text,record">
-          <status-slot :statu-obj="record" :status-no="text"></status-slot>
-        </template>
-      </a-table>
-    </div>
-    <!--    /表格区域-->
   </j-modal>
 </template>
 
 <script>
 import { associatedProject } from '../../../../api/incomePaymentsApi'
 import { JeroListMixin } from '../../../../mixins/JeroListMixin'
+import JYearDate from '@comp/jero/JYearDate'
 
 export default {
   name: 'SelectMemberProjectModule',
   mixins: [JeroListMixin],
+  components:{
+    JYearDate
+  },
   data() {
     return {
-      title: '会议项目列表',
+      title: '会员项目列表',
       width: 1200,
       visible: false,
       confirmLoading: false,
-      columns: [],
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '会员项目',
+          align: 'center',
+          dataIndex: 'projectName',
+          scopedSlots: {customRender: 'htmlSlot'}
+        },
+        {
+          title: '负责人',
+          align: 'center',
+          dataIndex: 'directorName'
+        },
+        {
+          title: '创建时间',
+          align: 'center',
+          dataIndex: 'createTime'
+        },
+      ],
       labelCol: {
         xs: { span: 24 },
         sm: { span: 5 }
@@ -95,7 +133,7 @@ export default {
         sm: { span: 10 }
       },
       url: {
-        list: ''
+        list: '/jero/memberProject/page',
       },
       disableMixinCreated: true,
       contractId: '', // 收入合同id
@@ -137,6 +175,12 @@ export default {
     },
     handleCancel() {
       this.close()
+    },
+    /*
+    * 切换类型
+    * */
+    callback(){
+
     }
   }
 }