工作组

src/views/workTeam/WorkTeam.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="min-width: 1100px">
+  <div class="main-box">
     <a-card :bordered="false">
       <!--查询区域begin-->
       <div class="table-page-search-wrapper">
@@ -7,19 +7,19 @@
           <a-row :gutter="24">
             <a-col :xl="6" :lg="8" :md="8" :sm="24">
               <a-form-item label="项目名称">
-                <a-input placeholder="请输入项目名称" v-model="queryParam.meetingName"></a-input>
+                <a-input placeholder="请输入项目名称" v-model="queryParam.chargeProject"></a-input>
               </a-form-item>
             </a-col>
             <a-col :xl="6" :lg="8" :md="8" :sm="24">
               <a-form-item label="需要发票">
                 <j-dict-select-tag dict-code="invoice_type" placeholder="请选择需要发票"
-                                   v-model="queryParam.meetingType"></j-dict-select-tag>
+                                   v-model="queryParam.needInvoice"></j-dict-select-tag>
               </a-form-item>
             </a-col>
             <a-col :xl="6" :lg="8" :md="8" :sm="24">
               <a-form-item label="打包项目">
-                <j-dict-select-tag dict-code="un" placeholder="请选择是否打包"
-                                   v-model="queryParam.meetingType"></j-dict-select-tag>
+                <j-dict-select-tag dict-code="yn" placeholder="请选择是否打包"
+                                   v-model="queryParam.pack"></j-dict-select-tag>
               </a-form-item>
             </a-col>
 
@@ -36,18 +36,29 @@
 
       <!--    表格区域-->
       <div>
-        <project-table :column-data="columns" :table-data="dataSource" @change="handlePageChange">
-          <!--          打包、需要发票、到账、开票、邮寄-->
-          <template v-slot:text="{record}">
-            <div @click="d(record)">{{ record.pack }}</div>
-          </template>
-          <!--          项目名称-->
-          <template v-slot:projectName="{record}">
-            <div @click="openDetailModal(record)" class="project-name">
-              {{ record.projectName }}
-            </div>
-          </template>
-        </project-table>
+        <a-spin :spinning="loading">
+          <project-table :column-data="columns" :table-data="dataSource" @change="handlePageChange">
+            <!--          打包、需要发票、到账、开票、邮寄-->
+            <template v-slot:status="{record, text}">
+              <div @click="d(record)">{{ text }}</div>
+            </template>
+            <!--          项目名称-->
+            <template v-slot:projectName="{record}">
+              <div @click="openDetailModal(record)" class="project-name">
+                {{ record.chargeProject }}
+              </div>
+            </template>
+            <!--          需要tooltip的文本-->
+            <template v-slot:text="{record,text}">
+              <a-tooltip>
+                <template slot="title">
+                  {{ text }}
+                </template>
+                {{ text }}
+              </a-tooltip>
+            </template>
+          </project-table>
+        </a-spin>
       </div>
       <!--    表格区域end-->
 
@@ -70,20 +81,23 @@ export default {
       columns: [
         {
           title: '',
-          dataIndex: 'projectName',
+          dataIndex: 'chargeProject',
           scopedSlots: 'projectName',
           col: 4
         }, {
           title: '应付金额',
           dataIndex: 'receivableAmount',
+          scopedSlots: 'text',
           col: 4
         }, {
           title: '实付金额',
           dataIndex: 'paidAmount',
+          scopedSlots: 'text',
           col: 3
         }, {
           title: '负责人',
-          dataIndex: 'principalName',
+          dataIndex: '',
+          scopedSlots: 'text',
           col: 3
         }, {
           title: '打包',
@@ -94,27 +108,27 @@ export default {
           title: '需要发票',
           col: 2,
           dataIndex: 'needInvoice',
-          scopedSlots: 'text',
+          scopedSlots: 'status',
           slot: 'status'
         }, {
           title: '到账',
           dataIndex: 'inAccount',
-          scopedSlots: 'text',
+          scopedSlots: 'status',
           col: 2
         }, {
           title: '开票',
           dataIndex: 'makeInvoice',
-          scopedSlots: 'text',
+          scopedSlots: 'status',
           col: 2
         }, {
           title: '邮寄',
           dataIndex: 'mail',
-          scopedSlots: 'text',
+          scopedSlots: 'status',
           col: 2
         }
       ],
       url: {
-        list: ''
+        list: '/project/payWorkingGroupSubitem/queryCompanyPageList'
       }
     }
   },