lilei 2 years ago
parent
commit
3d39f468e1
1 changed files with 27 additions and 5 deletions
  1. 27 5
      src/views/salesManagement/salesCollection/detailModal.vue

+ 27 - 5
src/views/salesManagement/salesCollection/detailModal.vue

@@ -19,7 +19,8 @@
           <a-table :columns="columns" :scroll="{ y: 400 }" :pagination="false" :data-source="chooseData" bordered>
             <!-- 收款单号 -->
             <template slot="bookNo" slot-scope="text, record">
-              <span class="link-bule">{{ record.bookNo }}</span>
+              <span v-if="$hasPermissions('B_fc_detail')" class="link-bule" @click="viewDetail(record)">{{ record.bookNo }}</span>
+              <span v-else>{{ record.bookNo }}</span>
             </template>
             <!-- 操作 -->
             <template slot="action" slot-scope="text, record">
@@ -76,9 +77,10 @@
           :scroll="{ y: 400 }"
           :pageSize="10"
           bordered>
-          <!-- 单号 -->
+          <!-- 收款单号 -->
           <template slot="bookNo" slot-scope="text, record">
-            <span class="link-bule">{{ record.bookNo }}</span>
+            <span v-if="$hasPermissions('B_fc_detail')" class="link-bule" @click="viewDetail(record)">{{ record.bookNo }}</span>
+            <span v-else>{{ record.bookNo }}</span>
           </template>
           <!-- 操作 -->
           <template slot="action" slot-scope="text, record">
@@ -94,17 +96,29 @@
         </s-table>
       </div>
     </a-spin>
+    <!-- 查看财务收款详情 -->
+    <commonModal
+      modalTit="财务收款详情"
+      bodyPadding="10px"
+      width="70%"
+      :showFooter="false"
+      :openModal="showDetailModal"
+      @cancel="showDetailModal=false">
+      <detailModal ref="detailModal"></detailModal>
+    </commonModal>
   </a-modal>
 </template>
 
 <script>
 import { STable, VSelect } from '@/components'
 import { financeBookQueryPage } from '@/api/financeBook.js'
+import commonModal from '@/views/common/commonModal.vue'
+import detailModal from '@/views/financialManagement/financialCollection/detail.vue'
 import employee from '../../expenseManagement/expenseReimbursement/employee.js'
 import { settleReceiptBookBatch } from '@/api/settleReceipt'
 export default {
-  name: 'CommonModal',
-  components: { STable, VSelect, employee },
+  name: 'GlDetailModal',
+  components: { STable, VSelect, employee, commonModal, detailModal },
   props: {
     openModal: { //  弹框显示状态
       type: Boolean,
@@ -132,6 +146,7 @@ export default {
       isShow: this.openModal, //  是否打开弹框
       disabled: false,
       spinning: false,
+      showDetailModal: false,
       handlePlData: [],
       queryParam: {
         bookNo: '',
@@ -189,6 +204,13 @@ export default {
     }
   },
   methods: {
+    // 财务收款详情
+    viewDetail (row) {
+      this.showDetailModal = true
+      this.$nextTick(() => {
+        this.$refs.detailModal.pageInit(row.bookSn)
+      })
+    },
     setData (data, snList) {
       this.handlePlData = data
       this.snList = snList