给选择欠款或者关联单据界面的列表增加单据的跳转链接

jshERP-web/src/views/bill/dialog/LinkBillList.vue

@@ -57,6 +57,9 @@
       :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type: getType}"
       :customRow="rowAction"
       @change="handleTableChange">
+      <span slot="numberCustomRender" slot-scope="text, record">
+        <a @click="myHandleDetail(record)">{{record.number}}</a>
+      </span>
       <template slot="customRenderStatus" slot-scope="text, record">
         <template v-if="!queryParam.purchaseStatus">
           <a-tag v-if="record.status === '0'" color="red">未审核</a-tag>
@@ -85,17 +88,22 @@
       @change="handleTableChange">
     </a-table>
     <!-- table区域-end -->
+    <!-- 表单区域 -->
+    <bill-detail ref="billDetail"></bill-detail>
   </a-modal>
 </template>
 
 <script>
+  import BillDetail from './BillDetail'
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import { findBillDetailByNumber } from '@/api/api'
   import { getAction } from '@/api/manage'
   import Vue from 'vue'
   export default {
     name: 'LinkBillList',
     mixins:[JeecgListMixin],
     components: {
+      BillDetail
     },
     data () {
       return {
@@ -131,7 +139,9 @@
         // 表头
         columns: [
           { title: '', dataIndex: 'organName',width:120, ellipsis:true},
-          { title: '单据编号', dataIndex: 'number',width:150},
+          { title: '单据编号', dataIndex: 'number',width:150,
+            scopedSlots: { customRender: 'numberCustomRender' },
+          },
           { title: '商品信息', dataIndex: 'materialsList',width:280, ellipsis:true,
             customRender:function (text,record,index) {
               if(text) {
@@ -209,6 +219,16 @@
         this.visible = true;
         this.loadData(1)
       },
+      myHandleDetail(record) {
+        findBillDetailByNumber({ number: record.number }).then((res) => {
+          if (res && res.code === 200) {
+            let type = res.data.depotHeadType
+            type = type.replace('其它','')
+            this.$refs.billDetail.show(res.data, type)
+            this.$refs.billDetail.title=type+"-详情"
+          }
+        })
+      },
       close () {
         this.$emit('close');
         this.visible = false;

jshERP-web/src/views/financial/dialog/DebtBillList.vue

@@ -57,17 +57,27 @@
       :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type: getType}"
       :customRow="rowAction"
       @change="handleTableChange">
+      <span slot="numberCustomRender" slot-scope="text, record">
+        <a @click="myHandleDetail(record)">{{record.number}}</a>
+      </span>
     </a-table>
     <!-- table区域-end -->
+    <!-- 表单区域 -->
+    <bill-detail ref="modalDetail"></bill-detail>
   </a-modal>
 </template>
 
 <script>
+  import BillDetail from '../../bill/dialog/BillDetail'
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import { findBillDetailByNumber } from '@/api/api'
   import Vue from 'vue'
   export default {
     name: 'DebtBillList',
     mixins:[JeecgListMixin],
+    components: {
+      BillDetail
+    },
     data () {
       return {
         title: "操作",
@@ -107,7 +117,10 @@
             }
           },
           { title: '', dataIndex: 'organName',width:120},
-          { title: '单据编号', dataIndex: 'number',width:120},
+          {
+            title: '单据编号', dataIndex: 'number', width: 120,
+            scopedSlots: { customRender: 'numberCustomRender' },
+          },
           { title: '商品信息', dataIndex: 'materialsList',width:200, ellipsis:true,
             customRender:function (text,record,index) {
               if(text) {
@@ -161,6 +174,15 @@
         this.ipagination.pageSizeOptions = ['100', '200', '300']
         this.loadData(1)
       },
+      myHandleDetail(record) {
+        findBillDetailByNumber({ number: record.number }).then((res) => {
+          if (res && res.code === 200) {
+            let type = res.data.depotHeadType
+            type = type.replace('其它','')
+            this.handleDetail(res.data, type)
+          }
+        })
+      },
       close () {
         this.$emit('close');
         this.visible = false;