[add] 工作组、普通项目缴费凭证，分标委详情

src/views/mineProject/MineProject.vue

@@ -36,128 +36,90 @@
 
       <!--    表格区域-->
       <div>
-        <a-spin :spinning="loading">
-          <project-table :column-data="columns" :table-data="dataSource" @change="handlePageChange">
-            <!--          打包、需要发票-->
-            <template v-slot:status-pack="{record, text}">
-              <status-slot :statu-obj="record" :status-no="text"></status-slot>
-            </template>
-            <!--            到账-->
-            <template v-slot:status="{record, text}">
-              <status-slot :statu-obj="record" :status-no="text" :status-type="true"></status-slot>
-            </template>
-            <!--            开票-->
-            <template v-slot:status-bill="{record, text}">
-              <status-slot :statu-obj="record" :status-no="text" :status-type="true" status-key="bill"></status-slot>
-            </template>
-            <!--            邮寄-->
-            <template v-slot:status-mail="{record, text}">
-              <status-slot :statu-obj="record" :status-no="text" :status-type="true" status-key="mail"></status-slot>
-            </template>
-            <!--          项目名称-->
-            <template v-slot:projectName="{record}">
-              <a-tooltip>
-                <template slot="title">
-                  {{ record.chargeProject }}
-                </template>
-                <div @click="openDetailModal(record)" class="project-name">
-                  {{ record.chargeProject }}
-                </div>
-              </a-tooltip>
-            </template>
-            <!--          需要tooltip的文本-->
-            <template v-slot:text="{record,text}">
-              <a-tooltip>
-                <template slot="title">
-                  {{ text }}
-                </template>
-                {{ text }}
-              </a-tooltip>
-            </template>
-            <!--            金额-->
-            <template v-slot:money="{record,text}">
-              <a-tooltip>
-                <template slot="title">
-                  {{ text }}元
-                </template>
-                {{ text }}元
-              </a-tooltip>
-            </template>
-          </project-table>
-        </a-spin>
+        <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="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 @click="paymentVoucher(record)">缴费凭证</a>
+          </span>
+        </a-table>
       </div>
       <!--    表格区域end-->
     </a-card>
 
     <project-detail-modal ref="projectDetail" @openContractModule="handleOpenContractModule"></project-detail-modal>
-    <mine-contract-module :contract-id="contractId" :visible.sync="contractModuleVisible" @openProjectDetail="openDetailModal"></mine-contract-module>
+    <mine-contract-module :contract-id="contractId" :visible.sync="contractModuleVisible"
+                          @openProjectDetail="openDetailModal"></mine-contract-module>
   </div>
 </template>
 <script>
 import { JeroListMixin } from '@/mixins/JeroListMixin'
-import ProjectTable from '@comp/table/ProjectTable'
 import ProjectDetailModal from '@views/MessagePage/ProjectDetailModal'
-import StatusSlot from '@comp/tools/StatusSlot'
 import MineContractModule from '@views/mineContract/modules/MineContractModule'
 
 export default {
   name: 'MineProject',
-  components: { ProjectTable, ProjectDetailModal, StatusSlot, MineContractModule },
+  components: { ProjectDetailModal, MineContractModule },
   mixins: [JeroListMixin],
   data() {
     return {
       columns: [
         {
-          title: '',
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        }, {
+          title: '项目名称',
           dataIndex: 'chargeProject',
-          scopedSlots: 'projectName',
-          col: 3
+          align: 'center',
+          scopedSlots: { customRender: 'projectName' }
         }, {
-          title: '项目用途',
-          dataIndex: 'chargeUse_dictText',
-          scopedSlots: 'text',
-          col: 3
-        }, {
-          title: '应付金额',
-          dataIndex: 'receivableAmount',
-          scopedSlots: 'money',
-          col: 3
-        }, {
-          title: '实付金额',
-          dataIndex: 'paidAmount',
-          scopedSlots: 'money',
-          col: 3
-        }, {
-          title: '负责人',
+          title: '项目负责人',
           dataIndex: 'principalName',
-          scopedSlots: 'text',
-          col: 2
+          align: 'center',
+          scopedSlots: { customRender: 'text' }
         }, {
-          title: '打包',
-          dataIndex: 'pack',
-          scopedSlots: 'status-pack',
-          col: 2
+          title: '负责人联系电话',
+          dataIndex: 'principalPhone',
+          align: 'center',
+          scopedSlots: { customRender: 'text' }
         }, {
-          title: '需要发票',
-          col: 2,
-          dataIndex: 'needInvoice',
-          scopedSlots: 'status-pack',
-          slot: 'status'
+          title: '负责人邮箱',
+          dataIndex: 'principalMail',
+          align: 'center',
+          scopedSlots: { customRender: 'text' }
         }, {
-          title: '到账',
-          dataIndex: 'inAccount',
-          scopedSlots: 'status',
-          col: 2
+          title: '缴费凭证状态',
+          dataIndex: 'status',
+          align: 'center',
+          scopedSlots: { customRender: 'text' }
         }, {
-          title: '开票',
-          dataIndex: 'makeInvoice',
-          scopedSlots: 'status-bill',
-          col: 2
-        }, {
-          title: '邮寄',
-          dataIndex: 'mail',
-          scopedSlots: 'status-mail',
-          col: 2
+          title: '操作',
+          dataIndex: 'action',
+          align: 'center',
+          scopedSlots: { customRender: 'action' }
         }
       ],
       url: {
@@ -169,17 +131,25 @@ export default {
   },
   methods: {
     /**
-     * 分页变化获取数据
-     * @param pagination
+     * 打开收入合同详情
+     * @param contractId
      */
-    handlePageChange(pagination) {
-      this.ipagination.current = pagination.current
-      this.ipagination.pageSize = pagination.pageSize
-      this.loadData()
-    },
     handleOpenContractModule(contractId) {
       this.contractId = contractId
       this.contractModuleVisible = true
+    },
+    /**
+     * 缴费凭证
+     * @param record
+     */
+    paymentVoucher(record) {
+      this.$router.push({
+        path: '/MessagePage/PaymentVoucher',
+        query: {
+          projectId: record.id,
+          projectName: record.chargeProject
+        }
+      })
     }
   }
 }