Browse Source

对接单位应收应付管理

chenrui 4 years ago
parent
commit
65905bfc74

+ 8 - 8
src/api/settle.js

@@ -22,6 +22,14 @@ export const settleUnitList = (params) => {
     method: 'post'
     method: 'post'
   })
   })
 }
 }
+//  单位收付款 提交收付款
+export const settleUnitSave = (params) => {
+  return axios({
+    url: '/settle/unit/save',
+    data: params,
+    method: 'post'
+  })
+}
 //  单位收付款 全部单据
 //  单位收付款 全部单据
 export const settleInfoAllList = (params) => {
 export const settleInfoAllList = (params) => {
   return axios({
   return axios({
@@ -30,14 +38,6 @@ export const settleInfoAllList = (params) => {
     method: 'post'
     method: 'post'
   })
   })
 }
 }
-//  连锁调拨调入 详情 合计
-// export const allocLinkagePutDetailCount = (params) => {
-//   return axios({
-//     url: '/allocLinkagePut/detail/queryCount',
-//     data: params,
-//     method: 'post'
-//   })
-// }
 //  单位收付款 详情
 //  单位收付款 详情
 export const settleUnitDetail = (params) => {
 export const settleUnitDetail = (params) => {
   return axios({
   return axios({

+ 3 - 3
src/config/router.config.js

@@ -1451,18 +1451,18 @@ export const asyncRouterMap = [
                 }
                 }
               },
               },
               {
               {
-                path: 'collectionPayment/:id',
+                path: 'collectionPayment/:sn',
                 name: 'companyReceivablePayableCollectionPayment',
                 name: 'companyReceivablePayableCollectionPayment',
                 component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/companyReceivablePayable/collectionPayment.vue'),
                 component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/companyReceivablePayable/collectionPayment.vue'),
                 meta: {
                 meta: {
-                  title: '单位收款单',
+                  title: '单位应收应付',
                   icon: 'transaction',
                   icon: 'transaction',
                   hidden: true
                   hidden: true
                   // permission: 'B_goodsManage_edit'
                   // permission: 'B_goodsManage_edit'
                 }
                 }
               },
               },
               {
               {
-                path: 'detail/:id',
+                path: 'detail/:sn',
                 name: 'companyReceivablePayableDetail',
                 name: 'companyReceivablePayableDetail',
                 component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/companyReceivablePayable/detail.vue'),
                 component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/companyReceivablePayable/detail.vue'),
                 meta: {
                 meta: {

+ 24 - 3
src/views/financialManagement/companyReceivablePayable/chooseBillModal.vue

@@ -56,7 +56,8 @@
       :columns="columns"
       :columns="columns"
       :data="loadData"
       :data="loadData"
       :showPagination="false"
       :showPagination="false"
-      :scroll="{ y: 500 }"
+      :scroll="{ x: '100%', y: 400 }"
+      :defaultLoadData="false"
       bordered>
       bordered>
     </s-table>
     </s-table>
     <div class="btn-cont">
     <div class="btn-cont">
@@ -117,8 +118,16 @@ export default {
         }
         }
         return settleInfoAllList(this.queryParam).then(res => {
         return settleInfoAllList(this.queryParam).then(res => {
           const data = res.data
           const data = res.data
+          this.selectedRowKeys = []
+          this.selectedRows = []
           for (var i = 0; i < data.length; i++) {
           for (var i = 0; i < data.length; i++) {
             data[i].no = i + 1
             data[i].no = i + 1
+            data[i].settleAmount = data[i].unsettleAmount
+            const ind = this.nowChoose.findIndex(item => item.id == data[i].id)
+            if (ind != -1) {
+              this.selectedRowKeys.push(data[i].id)
+              this.selectedRows.push(data[i])
+            }
           }
           }
           this.disabled = false
           this.disabled = false
           return data
           return data
@@ -144,7 +153,11 @@ export default {
       this.isShow = false
       this.isShow = false
     },
     },
     // 重置
     // 重置
-    resetSearchForm () {},
+    resetSearchForm () {
+      this.queryParam.bizNo = ''
+      this.queryParam.bizType = undefined
+      this.auditTime = []
+    },
     onSelectChange (selectedRowKeys, selectedRows) {
     onSelectChange (selectedRowKeys, selectedRows) {
       console.log('selectedRowKeys changed: ', selectedRowKeys, selectedRows)
       console.log('selectedRowKeys changed: ', selectedRowKeys, selectedRows)
       this.selectedRowKeys = selectedRowKeys
       this.selectedRowKeys = selectedRowKeys
@@ -158,8 +171,16 @@ export default {
     },
     },
     //  重定义的弹框状态
     //  重定义的弹框状态
     isShow (newValue, oldValue) {
     isShow (newValue, oldValue) {
+      const _this = this
       if (!newValue) {
       if (!newValue) {
-        this.$emit('close')
+        _this.$emit('close')
+        _this.selectedRowKeys = []
+        _this.selectedRows = []
+        _this.resetSearchForm()
+      } else {
+        setTimeout(() => {
+          _this.$refs.table.refresh(true)
+        }, 200)
       }
       }
     }
     }
   }
   }

+ 129 - 35
src/views/financialManagement/companyReceivablePayable/collectionPayment.vue

@@ -17,7 +17,7 @@
           </template>
           </template>
           <!-- 总计 -->
           <!-- 总计 -->
           <a-alert type="info" showIcon style="margin-bottom:15px">
           <a-alert type="info" showIcon style="margin-bottom:15px">
-            <div slot="message">总款数 <strong></strong> ,总数量 <strong></strong> ,总成本¥<strong></strong></div>
+            <div slot="message">共 <strong>{{ chooseLoadData.length }}</strong>条明细 ,金额合计¥<strong>{{ totalAmount }}</strong> ,余额合计¥<strong>{{ totalBalance }}</strong> ,本次结算金额合计¥<strong>{{ currentTotalBalance }}</strong></div>
           </a-alert>
           </a-alert>
           <!-- 列表 -->
           <!-- 列表 -->
           <a-table
           <a-table
@@ -30,16 +30,19 @@
             :scroll="{ x: 1040, y: 300 }"
             :scroll="{ x: 1040, y: 300 }"
             :pagination="false"
             :pagination="false"
             bordered>
             bordered>
+            <!-- 序号 -->
+            <template slot="no" slot-scope="text, record, index">
+              {{ index+1 }}
+            </template>
             <!-- 本次结算金额 -->
             <!-- 本次结算金额 -->
             <template slot="settleAmount" slot-scope="text, record">
             <template slot="settleAmount" slot-scope="text, record">
               <a-input-number
               <a-input-number
                 id="collectionPayment-settleAmount"
                 id="collectionPayment-settleAmount"
                 v-model="record.settleAmount"
                 v-model="record.settleAmount"
                 :precision="2"
                 :precision="2"
-                :min="0"
-                :max="record.unsettleAmount"
+                :min="record.unsettleAmount<0 ? record.unsettleAmount : 0.01"
+                :max="record.unsettleAmount<0 ? -0.01 : record.unsettleAmount"
                 placeholder="请输入"
                 placeholder="请输入"
-                @blur="e => settleAmountBlur(e.target.value, record)"
                 style="width: 100%;" />
                 style="width: 100%;" />
             </template>
             </template>
             <!-- 操作 -->
             <!-- 操作 -->
@@ -62,47 +65,55 @@
             :wrapper-col="formItemLayout.wrapperCol">
             :wrapper-col="formItemLayout.wrapperCol">
             <a-row :gutter="20">
             <a-row :gutter="20">
               <a-col span="12">
               <a-col span="12">
-                <a-form-model-item label="应结算金额" prop="supplierName">
+                <a-form-model-item prop="amountSettled">
+                  <template slot="label">
+                    应结算金额(<span :class="isPositive ? 'green':'red'">{{ isPositive ? '收款' : '付款' }}</span>)
+                  </template>
                   <a-input-number
                   <a-input-number
-                    id="collectionPayment-outQty"
-                    v-model="form.outQty"
-                    readonly
+                    id="collectionPayment-amountSettled"
+                    v-model="amountSettled"
+                    disabled
                     :precision="2"
                     :precision="2"
-                    placeholder="请输入"
+                    placeholder=""
                     style="width: 100%;" />
                     style="width: 100%;" />
                 </a-form-model-item>
                 </a-form-model-item>
               </a-col>
               </a-col>
               <a-col span="12">
               <a-col span="12">
-                <a-form-model-item label="折让金额" prop="supplierName">
+                <a-form-model-item label="折让金额" prop="discountAmount">
                   <a-input-number
                   <a-input-number
-                    id="collectionPayment-outQty"
-                    v-model="form.outQty"
+                    id="collectionPayment-discountAmount"
+                    v-model="form.discountAmount"
                     :precision="2"
                     :precision="2"
+                    :min="0"
+                    :max="amountSettled"
                     placeholder="请输入"
                     placeholder="请输入"
                     style="width: 100%;"
                     style="width: 100%;"
                     allowClear />
                     allowClear />
                 </a-form-model-item>
                 </a-form-model-item>
               </a-col>
               </a-col>
               <a-col span="12">
               <a-col span="12">
-                <a-form-model-item label="实结算金额" prop="supplierName">
+                <a-form-model-item prop="actualSettlementAmount">
+                  <template slot="label">
+                    实结算金额(<span :class="isPositive ? 'green':'red'">{{ isPositive ? '收款' : '付款' }}</span>)
+                  </template>
                   <a-input-number
                   <a-input-number
-                    id="collectionPayment-outQty"
-                    v-model="form.outQty"
-                    readonly
+                    id="collectionPayment-actualSettlementAmount"
+                    v-model="actualSettlementAmount"
+                    disabled
                     :precision="2"
                     :precision="2"
-                    placeholder="请输入"
+                    placeholder=""
                     style="width: 100%;" />
                     style="width: 100%;" />
                 </a-form-model-item>
                 </a-form-model-item>
               </a-col>
               </a-col>
               <a-col span="12">
               <a-col span="12">
-                <a-form-model-item label="结算方式" prop="supplierName">
-                  <a-select id="collectionPayment-countySn" v-model="form.countySn" placeholder="请选择结算方式" allowClear>
-                    <a-select-option v-for="item in settleStyleList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option>
+                <a-form-model-item label="结算方式" prop="settleStyleSn">
+                  <a-select id="collectionPayment-settleStyleSn" v-model="form.settleStyleSn" placeholder="请选择结算方式" allowClear>
+                    <a-select-option v-for="item in settleStyleList" :value="item.settleStyleSn" :key="item.settleStyleSn">{{ item.name }}</a-select-option>
                   </a-select>
                   </a-select>
                 </a-form-model-item>
                 </a-form-model-item>
               </a-col>
               </a-col>
               <a-col span="24">
               <a-col span="24">
-                <a-form-model-item label="备注" prop="supplierName" :label-col="{ span: 3 }" :wrapper-col="{ span: 20 }">
+                <a-form-model-item label="备注" prop="remark" :label-col="{ span: 3 }" :wrapper-col="{ span: 20 }">
                   <a-textarea id="collectionPayment-remark" :maxLength="100" v-model="form.remark" placeholder="请输入备注(最多100个字符)" allowClear />
                   <a-textarea id="collectionPayment-remark" :maxLength="100" v-model="form.remark" placeholder="请输入备注(最多100个字符)" allowClear />
                 </a-form-model-item>
                 </a-form-model-item>
               </a-col>
               </a-col>
@@ -122,7 +133,7 @@
           style="padding: 0 60px;">提交</a-button>
           style="padding: 0 60px;">提交</a-button>
       </div>
       </div>
     </a-affix>
     </a-affix>
-    <choose-bill-modal :openModal="openModal" :nowChoose="chooseLoadData" @ok="handleOk" @close="openModal=false" />
+    <choose-bill-modal :openModal="openModal" :nowChoose="chooseLoadData" @ok="handleOk" @close="handleClose" />
   </div>
   </div>
 </template>
 </template>
 
 
@@ -130,6 +141,7 @@
 import { STable, VSelect } from '@/components'
 import { STable, VSelect } from '@/components'
 import chooseBillModal from './chooseBillModal.vue'
 import chooseBillModal from './chooseBillModal.vue'
 import { settleStyleQueryAll } from '@/api/settleStyle'
 import { settleStyleQueryAll } from '@/api/settleStyle'
+import { settleUnitSave } from '@/api/settle'
 export default {
 export default {
   components: { STable, VSelect, chooseBillModal },
   components: { STable, VSelect, chooseBillModal },
   data () {
   data () {
@@ -140,32 +152,77 @@ export default {
       },
       },
       // 表头
       // 表头
       chooseColumns: [
       chooseColumns: [
-        { title: '序号', dataIndex: 'no', width: 80, align: 'center' },
+        { title: '序号', scopedSlots: { customRender: 'no' }, width: 80, align: 'center' },
         { title: '单据号', dataIndex: 'bizNo', width: 220, align: 'center', customRender: function (text) { return text || '--' } },
         { title: '单据号', dataIndex: 'bizNo', width: 220, align: 'center', customRender: function (text) { return text || '--' } },
         { title: '单据类型', dataIndex: 'bizTypeDictValue', align: 'center', customRender: function (text) { return text || '--' } },
         { title: '单据类型', dataIndex: 'bizTypeDictValue', align: 'center', customRender: function (text) { return text || '--' } },
         { title: '审核时间', dataIndex: 'auditTime', align: 'center', customRender: function (text) { return text || '--' } },
         { title: '审核时间', dataIndex: 'auditTime', align: 'center', customRender: function (text) { return text || '--' } },
         { title: '金额', dataIndex: 'totalAmount', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '金额', dataIndex: 'totalAmount', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '余额', dataIndex: 'unsettleAmount', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '余额', dataIndex: 'unsettleAmount', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-        { title: '本次结算金额', dataIndex: 'settleAmount', width: 140, align: 'center' },
+        { title: '本次结算金额', scopedSlots: { customRender: 'settleAmount' }, width: 140, align: 'center' },
         { title: '操作', scopedSlots: { customRender: 'action' }, width: 100, align: 'center', fixed: 'right' }
         { title: '操作', scopedSlots: { customRender: 'action' }, width: 100, align: 'center', fixed: 'right' }
       ],
       ],
       chooseLoadData: [],
       chooseLoadData: [],
       choosePageNo: 1, //  分页页码
       choosePageNo: 1, //  分页页码
       choosePageSize: 10, //  分页 每页多少条
       choosePageSize: 10, //  分页 每页多少条
-      productTotal: null, //  合计
       settleStyleList: [], //  结算方式
       settleStyleList: [], //  结算方式
       formItemLayout: {
       formItemLayout: {
         labelCol: { span: 6 },
         labelCol: { span: 6 },
         wrapperCol: { span: 16 }
         wrapperCol: { span: 16 }
       },
       },
-      form: {},
+      form: {
+        discountAmount: 0, //  折让金额
+        settleStyleSn: undefined,
+        remark: ''
+      },
       rules: {
       rules: {
-        supplierName: [
-          { required: true, message: '请输入供应商名称', trigger: 'blur' }
-        ]
+        discountAmount: [{ required: true, message: '请输入折让金额', trigger: 'blur' }],
+        settleStyleSn: [{ required: true, message: '请选择结算方式', trigger: 'change' }]
       },
       },
-      openModal: false //  弹框
-
+      openModal: false, //  弹框
+      isPositive: true // 是否是正值
+    }
+  },
+  computed: {
+    // 本次结算金额合计
+    currentTotalBalance () {
+      let val = 0
+      this.chooseLoadData.map(item => {
+        val += Number(item.settleAmount)
+      })
+      return val
+    },
+    // 金额合计
+    totalAmount () {
+      let val = 0
+      this.chooseLoadData.map(item => {
+        val += Number(item.totalAmount)
+      })
+      return val
+    },
+    // 余额合计
+    totalBalance () {
+      let val = 0
+      this.chooseLoadData.map(item => {
+        val += Number(item.unsettleAmount)
+      })
+      return val
+    },
+    // 应结算金额
+    amountSettled () {
+      let val = 0
+      this.chooseLoadData.map(item => {
+        val += Number(item.settleAmount)
+      })
+      if (val < 0) {
+        this.isPositive = false
+      } else {
+        this.isPositive = true
+      }
+      return Math.abs(val)
+    },
+    // 实结算金额
+    actualSettlementAmount () {
+      return this.amountSettled - this.form.discountAmount
     }
     }
   },
   },
   methods: {
   methods: {
@@ -173,13 +230,40 @@ export default {
     handleChoose () {
     handleChoose () {
       this.openModal = true
       this.openModal = true
     },
     },
-    // 本次结算金额  blur
-    settleAmountBlur (val, record) {
-      console.log(val, record)
+    //  移除
+    handleDel (record) {
+      const ind = this.chooseLoadData.findIndex(item => item.id == record.id)
+      this.chooseLoadData.splice(ind, 1)
     },
     },
     // 提交
     // 提交
     handleSubmit () {
     handleSubmit () {
-
+      const _this = this
+      this.$refs.ruleForm.validate(valid => {
+        if (valid) {
+          const form = _this.form
+          form.settleClientSn = _this.$route.params.sn || undefined
+          form.settleType = _this.isPositive ? 'R' : 'P'
+          form.settleAmount = _this.amountSettled
+          form.realSettleAmount = _this.actualSettlementAmount
+          form.detailList = []
+          _this.chooseLoadData.map(item => {
+            form.detailList.push({
+              bizSn: item.bizSn,
+              settleAmount: item.settleAmount
+            })
+          })
+          console.log(form, '--------------提交信息')
+          settleUnitSave(form).then(res => {
+            if (res.status == 200) {
+              _this.$message.success(res.message)
+              _this.handleBack()
+            }
+          })
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
     },
     },
     handleOk (selectedRows) {
     handleOk (selectedRows) {
       this.chooseLoadData = selectedRows
       this.chooseLoadData = selectedRows
@@ -197,6 +281,10 @@ export default {
     // 返回列表
     // 返回列表
     handleBack () {
     handleBack () {
       this.$router.push({ path: `/financialManagement/companyReceivablePayable/list` })
       this.$router.push({ path: `/financialManagement/companyReceivablePayable/list` })
+    },
+    // 关闭
+    handleClose () {
+      this.openModal = false
     }
     }
   },
   },
   beforeRouteEnter (to, from, next) {
   beforeRouteEnter (to, from, next) {
@@ -210,5 +298,11 @@ export default {
 <style lang="less">
 <style lang="less">
   .collectionPayment-cont{
   .collectionPayment-cont{
     margin-bottom: 15px;
     margin-bottom: 15px;
+    .green{
+      color: #19be6b;
+    }
+    .red{
+      color: #ed1c24;
+    }
   }
   }
 </style>
 </style>

+ 6 - 7
src/views/financialManagement/companyReceivablePayable/list.vue

@@ -53,8 +53,7 @@
 
 
 <script>
 <script>
 import { STable, VSelect } from '@/components'
 import { STable, VSelect } from '@/components'
-import { settleUnitList } from '@/api/settle'
-import { settleStyleQueryAll } from '@/api/settleStyle'
+import { settleUnitClientList } from '@/api/settle'
 export default {
 export default {
   components: { STable, VSelect },
   components: { STable, VSelect },
   data () {
   data () {
@@ -65,8 +64,8 @@ export default {
       // 表头
       // 表头
       columns: [
       columns: [
         { title: '序号', dataIndex: 'no', width: 80, align: 'center' },
         { title: '序号', dataIndex: 'no', width: 80, align: 'center' },
-        { title: '单位名称', dataIndex: 'name', align: 'center', customRender: function (text) { return text || '--' } },
-        { title: '单位类型', dataIndex: 'pssayType', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '单位名称', dataIndex: 'unitSettleName', align: 'center', customRender: function (text) { return text || '--' } },
+        { title: '单位类型', dataIndex: 'settleClientTypeDictValue', align: 'center', customRender: function (text) { return text || '--' } },
         { title: '应收金额', dataIndex: 'totalP', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '应收金额', dataIndex: 'totalP', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '应付金额', dataIndex: 'tostalP', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '应付金额', dataIndex: 'tostalP', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
         { title: '操作', scopedSlots: { customRender: 'action' }, width: 250, align: 'center' }
         { title: '操作', scopedSlots: { customRender: 'action' }, width: 250, align: 'center' }
@@ -74,7 +73,7 @@ export default {
       // 加载数据方法 必须为 Promise 对象
       // 加载数据方法 必须为 Promise 对象
       loadData: parameter => {
       loadData: parameter => {
         this.disabled = true
         this.disabled = true
-        return settleUnitList( Object.assign(parameter, this.queryParam) ).then(res => {
+        return settleUnitClientList(Object.assign(parameter, this.queryParam)).then(res => {
           const data = res.data
           const data = res.data
           const no = (data.pageNo - 1) * data.pageSize
           const no = (data.pageNo - 1) * data.pageSize
           for (var i = 0; i < data.list.length; i++) {
           for (var i = 0; i < data.list.length; i++) {
@@ -89,11 +88,11 @@ export default {
   methods: {
   methods: {
     //  详情
     //  详情
     handleDetail (row) {
     handleDetail (row) {
-      this.$router.push({ path: `/financialManagement/companyReceivablePayable/detail/${row.id}` })
+      this.$router.push({ path: `/financialManagement/companyReceivablePayable/detail/${row.settleClientSn}` })
     },
     },
     //  收付款
     //  收付款
     handleCollectionPayment (row) {
     handleCollectionPayment (row) {
-      this.$router.push({ path: `/financialManagement/companyReceivablePayable/collectionPayment/${row.id}` })
+      this.$router.push({ path: `/financialManagement/companyReceivablePayable/collectionPayment/${row.settleClientSn}` })
     },
     },
     //  重置
     //  重置
     resetSearchForm () {
     resetSearchForm () {

+ 0 - 341
src/views/financialManagement/companyReceivablePayable/paymentSlip.vue

@@ -1,341 +0,0 @@
-<template>
-  <div class="paymentSlipEdit-wrap">
-    <a-page-header :ghost="false" @back="handleBack" >
-      <!-- 自定义的二级文字标题 -->
-      <template slot="subTitle">
-        <a id="paymentSlipEdit-back-btn" href="javascript:;" @click="handleBack">返回列表</a>
-      </template>
-      <!-- 操作区,位于 title 行的行尾 -->
-      <template slot="extra">
-        <a-button key="2" id="paymentSlipEdit-preview-btn">打印预览</a-button>
-        <a-button key="1" type="primary" id="paymentSlipEdit-print-btn">快速打印</a-button>
-      </template>
-    </a-page-header>
-    <!-- 内容 -->
-    <a-page-header title="客户:抢个汽修厂" ></a-page-header>
-    <!-- 付款信息 -->
-    <a-card size="small" :bordered="false" class="paymentSlipEdit-cont">
-      <a-collapse :activeKey="['1']">
-        <a-collapse-panel key="1" header="付款信息">
-          <a-form-model
-          	id="paymentSlipEdit-form"
-          	ref="ruleForm"
-          	:model="form"
-          	:rules="rules"
-          	:label-col="formItemLayout.labelCol"
-          	:wrapper-col="formItemLayout.wrapperCol" >
-          	<a-row :gutter="15">
-          		<a-col :span="8">
-          			<a-form-model-item label="总计应付金额" prop="name">
-                  <a-input-number id="paymentSlipEdit-name" disabled v-model="form.name" :precision="0" :min="0" :max="999999" placeholder="请输入总计应付金额" style="width: 90%;" /> 元
-          			</a-form-model-item>
-          		</a-col>
-          	</a-row>
-            <a-row :gutter="15">
-            	<a-col :span="8">
-            		<a-form-model-item label="付款金额" prop="mobile">
-                  <a-input-number id="paymentSlipEdit-mobile" v-model="form.mobile" :precision="0" :min="0" :max="999999" placeholder="请输入付款金额" style="width: 90%;" /> 元
-            		</a-form-model-item>
-            	</a-col>
-            	<a-col :span="8">
-            		<a-form-model-item label="折让金额" prop="name">
-            	    <a-input-number id="paymentSlipEdit-name" v-model="form.name" :precision="0" :min="0" :max="999999" placeholder="请输入折让金额" style="width: 90%;" /> 元
-            		</a-form-model-item>
-            	</a-col>
-            	<a-col :span="8">
-            		<a-form-model-item label="结算方式" prop="paymentType">
-            			<v-select
-            				code="DISPATCH_FASHION"
-            				id="paymentSlipEdit-paymentType"
-            				v-model="form.paymentType"
-            				allowClear
-            				placeholder="请选择结算方式"
-            			></v-select>
-            		</a-form-model-item>
-            	</a-col>
-            </a-row>
-            <a-row :gutter="15">
-            	<a-col :span="8">
-            		<a-form-model-item label="实付金额" prop="name">
-                  <a-input-number id="paymentSlipEdit-name" disabled v-model="form.name" :precision="0" :min="0" :max="999999" placeholder="请输入实付金额" style="width: 90%;" /> 元
-            		</a-form-model-item>
-            	</a-col>
-              <a-col :span="16">
-              	<a-form-model-item label="备注" prop="remarks" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
-              		<a-input id="paymentSlipEdit-remarks" :maxLength="500" v-model="form.remarks" placeholder="请输入备注(最多500个字符)" allowClear />
-              	</a-form-model-item>
-              </a-col>
-            </a-row>
-          </a-form-model>
-        </a-collapse-panel>
-      </a-collapse>
-    </a-card>
-    <!-- 付款明细 -->
-    <a-card size="small" :bordered="false" class="paymentSlipEdit-cont">
-      <a-collapse :activeKey="['1']">
-        <a-collapse-panel key="1">
-          <template slot="header">
-            付款明细
-            <a-button size="small" class="add-bill-btn" id="paymentSlipEdit-bill-btn" @click.stop="handleBill" style="margin-left: 15px;">添加单据</a-button>
-            <a-button size="small" class="amount-btn" id="paymentSlipEdit-amount-btn" @click.stop="handleAmount" style="margin-left: 15px;">分配结算金额</a-button>
-          </template>
-          <!-- 付款明细 -->
-          <div>
-            <!-- 搜索条件 -->
-            <div class="table-page-search-wrapper">
-              <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
-                <a-row :gutter="15">
-                  <a-col :md="6" :sm="24">
-                    <a-form-item label="单据号">
-                      <a-input id="paymentSlipEdit-purchaseNo" v-model.trim="queryParam.purchaseNo" allowClear placeholder="请输入单据号"/>
-                    </a-form-item>
-                  </a-col>
-                  <a-col :md="6" :sm="24">
-                    <a-form-item label="审核时间">
-                      <a-range-picker v-model="queryParam.creatDate" id="paymentSlipEdit-creatDate"/>
-                    </a-form-item>
-                  </a-col>
-                  <a-col :md="6" :sm="24">
-                    <span class="table-page-search-submitButtons">
-                      <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="paymentSlipEdit-refresh">查询</a-button>
-                      <a-button style="margin-left: 8px" @click="resetSearchForm()" :disabled="disabled" id="paymentSlipEdit-reset">重置</a-button>
-                    </span>
-                  </a-col>
-                </a-row>
-              </a-form>
-            </div>
-            <!-- 总计 -->
-            <a-alert type="info" showIcon style="margin-bottom:15px">
-              <div slot="message">共 <strong>6</strong> 条明细,金额合计 <strong>¥6</strong> ,余额合计<strong>¥6.33</strong></div>
-            </a-alert>
-            <div style="margin-bottom: 15px">
-              <a-button type="primary" id="paymentSlipEdit-export" :disabled="!hasSelected" :loading="loading" @click="handleNoCollection">
-                批量暂不收款
-              </a-button>
-              <span style="margin-left: 8px">
-                <template v-if="hasSelected">
-                  {{ `已选 ${selectedRowKeys.length} 项` }}
-                </template>
-              </span>
-            </div>
-            <!-- 列表 -->
-            <s-table
-              class="sTable"
-              ref="table"
-              size="default"
-              :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-              :rowKey="(record) => record.id"
-              :columns="columns"
-              :data="loadData"
-              bordered>
-              <!-- 结算金额 -->
-              <template slot="storageQuantity" slot-scope="text, record">
-                <a-input-number
-                  id="paymentSlipEdit-storageQuantity"
-                  :value="record.storageQuantity"
-                  :precision="0"
-                  :min="0"
-                  :max="999999"
-                  placeholder="请输入" />
-              </template>
-              <!-- 操作 -->
-              <template slot="action" slot-scope="text, record">
-                <a-button size="small" type="primary" class="button-error" @click="handleDel(record)" id="paymentSlipEdit-del-btn">删除</a-button>
-              </template>
-            </s-table>
-          </div>
-        </a-collapse-panel>
-      </a-collapse>
-    </a-card>
-    <a-affix :offset-bottom="0">
-      <div style="text-align: center;width: 100%;background-color: #fff;padding: 12px 0;box-shadow: 0 0 20px #dcdee2;">
-        <a-button type="primary" id="paymentSlipEdit-submit-btn" size="large" class="button-primary" @click="handleSubmit" style="padding: 0 60px;">提交</a-button>
-      </div>
-    </a-affix>
-  </div>
-</template>
-
-<script>
-  import { STable, VSelect } from '@/components'
-  export default{
-    components: { STable, VSelect },
-    data(){
-      return{
-        queryParam: {
-          
-        },
-        brandData: [],  //  产品品牌  下拉数据
-        typeData: [],  //  产品类别  下拉数据
-        advanced: false,  //  高级搜索 展开/关闭
-        disabled: false, //  查询、重置按钮是否可操作
-        formItemLayout: {
-        	labelCol: { span: 8 },
-        	wrapperCol: { span: 16 }
-        },
-        form: {
-        	name: '', // 客户名称
-        	mobile: '', //  联系手机
-        	contact: '', //  联系人
-        	provinceId: undefined, //  省
-        	province: '',
-        	cityId: undefined, // 市
-        	city: '',
-        	areaId: undefined, // 区
-        	area: '',
-        	address: '', //  详细地址
-        	fax: '', //  客户传真
-        	distributionType: '', //  配送方式
-        	remarks: '', //  是否卫星仓客户
-        	custType: undefined, //  客户类型
-        	priceType: '', //  价格类型
-        	payType: '', //  支付方式
-        	paymentType: '', //  收款方式
-        	contactTel: '' //  联系电话
-        },
-        rules: {
-        	// name: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
-        	mobile: [{ required: true, message: '请输入联系手机', trigger: 'blur' }],
-        	provinceId: [{ required: true, message: '请选择省', trigger: 'change' }],
-        	cityId: [{ required: true, message: '请选择市', trigger: 'change' }],
-        	areaId: [{ required: true, message: '请选择区/县', trigger: 'change' }],
-        	custType: [{ required: true, message: '请选择客户类型', trigger: 'change' }],
-        	priceType: [{ required: true, message: '请选择价格类型', trigger: 'change' }],
-        	payType: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
-        	paymentType: [{ required: true, message: '请选择收款方式', trigger: 'change' }]
-        },
-        // 表头
-        columns: [
-          { title: '序号', dataIndex: 'no', align: 'center' },
-          { title: '单据号', dataIndex: 'creatDate', align: 'center', customRender: function (text) { return text || '--' } },
-          { title: '类型', dataIndex: 'custName', align: 'center', customRender: function (text) { return text || '--' } },
-          { title: '审核时间', dataIndex: 'custsName', align: 'center', customRender: function (text) { return text || '--' } },
-          { title: '金额', dataIndex: 'totalP', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-          { title: '余额', dataIndex: 'totalNums', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-          { title: '结算金额', scopedSlots: { customRender: 'storageQuantity' }, align: 'center' },
-        ],
-        selectedRowKeys: [], // Check here to configure the default column
-        loading: false,
-        // 加载数据方法 必须为 Promise 对象
-        loadData: parameter => {
-          this.disabled = true
-          // return customerBundleDelayList( Object.assign(parameter, this.queryParam) ).then(res => {
-          //   const data = res.data
-          //   const no = (data.pageNo - 1) * data.pageSize
-          //   for (var i = 0; i < data.list.length; i++) {
-          //     data.list[i].no = no + i + 1
-          //   }
-          //   this.disabled = false
-          //   return data
-          // })
-          const _this = this
-          return new Promise(function(resolve, reject){
-            const data = {
-              pageNo: 1,
-              pageSize: 10,
-              list: [
-                { id: '1', purchaseNo: 'jgqp11111111111', creatDate: '产品1', custName: 'jgqp111123545', totalP: '箭冠品牌', totalNums: '产品分类1', totalPrice: '5', payType: '122' }
-              ],
-              count: 10
-            }
-            const no = (data.pageNo - 1) * data.pageSize
-            for (var i = 0; i < data.list.length; i++) {
-              data.list[i].no = no + i + 1
-            }
-            _this.disabled = false
-            resolve(data)
-          })
-        },
-      }
-    },
-    computed: {
-      hasSelected () {
-        return this.selectedRowKeys.length > 0
-      }
-    },
-    methods: {
-      //  重置
-      resetSearchForm () {
-        this.queryParam.orderBundleNo = ''
-        this.queryParam.orderBundle.custMobile = ''
-        this.queryParam.bundleName = ''
-        this.queryParam.itemName = ''
-        this.oldTime = undefined
-        this.newTime = undefined
-        this.$refs.table.refresh(true)
-      },
-      //  添加
-      handleAdd(row){},
-      //  删除
-      handleDel(row){},
-      //  编辑基本信息
-      handleEditInfo(){
-        this.openModal = true
-      },
-      //  提交
-      handleSubmit(){
-        
-      },
-      //  返回列表
-      handleBack(){
-        this.$router.push({ path: '/financialManagement/companyReceivablePayable/list'})
-      },
-      // 批量暂不收款
-      handleNoCollection () {
-        this.loading = true
-        // ajax request after empty completing
-        setTimeout(() => {
-          this.loading = false
-          this.selectedRowKeys = []
-        }, 1000)
-      },
-      //  添加单据
-      handleBill(){
-        console.log(333)
-      },
-      //  分配结算金额
-      handleAmount(){
-        console.log(444)
-      },
-      onSelectChange (selectedRowKeys) {
-        console.log('selectedRowKeys changed: ', selectedRowKeys)
-        this.selectedRowKeys = selectedRowKeys
-      },
-      filterOption(input, option) {
-      	return (
-      		option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      	)
-      },
-    },
-    beforeRouteEnter (to, from, next) {
-      next(vm => {
-        vm.openModal = false
-      })
-    }
-  }
-</script>
-
-<style lang="less">
-  .paymentSlipEdit-wrap{
-    .paymentSlipEdit-cont{
-      margin-bottom: 15px;
-      .sub-title{
-        font-size: 12px;
-        color: #808695;
-        margin-left: 10px;
-      }
-      .tag-txt{
-        font-size: 12px;
-        color: #ed1c24;
-      }
-      .edit-circle-btn{
-        margin-left: 15px;
-        i{
-          vertical-align: text-bottom;
-        }
-      }
-      .import-btn{
-        margin-left: 15px;
-      }
-    }
-  }
-</style>

+ 0 - 341
src/views/financialManagement/companyReceivablePayable/receipt.vue

@@ -1,341 +0,0 @@
-<template>
-  <div class="receiptEdit-wrap">
-    <a-page-header :ghost="false" @back="handleBack" >
-      <!-- 自定义的二级文字标题 -->
-      <template slot="subTitle">
-        <a id="receiptEdit-back-btn" href="javascript:;" @click="handleBack">返回列表</a>
-      </template>
-      <!-- 操作区,位于 title 行的行尾 -->
-      <template slot="extra">
-        <a-button key="2" id="receiptEdit-preview-btn">打印预览</a-button>
-        <a-button key="1" type="primary" id="receiptEdit-print-btn">快速打印</a-button>
-      </template>
-    </a-page-header>
-    <!-- 内容 -->
-    <a-page-header title="客户:抢个汽修厂" ></a-page-header>
-    <!-- 收款信息 -->
-    <a-card size="small" :bordered="false" class="receiptEdit-cont">
-      <a-collapse :activeKey="['1']">
-        <a-collapse-panel key="1" header="收款信息">
-          <a-form-model
-          	id="receiptEdit-form"
-          	ref="ruleForm"
-          	:model="form"
-          	:rules="rules"
-          	:label-col="formItemLayout.labelCol"
-          	:wrapper-col="formItemLayout.wrapperCol" >
-          	<a-row :gutter="15">
-          		<a-col :span="8">
-          			<a-form-model-item label="总计应收金额" prop="name">
-                  <a-input-number id="receiptEdit-name" disabled v-model="form.name" :precision="0" :min="0" :max="999999" placeholder="请输入总计应收金额" style="width: 90%;" /> 元
-          			</a-form-model-item>
-          		</a-col>
-          	</a-row>
-            <a-row :gutter="15">
-            	<a-col :span="8">
-            		<a-form-model-item label="收款金额" prop="mobile">
-                  <a-input-number id="receiptEdit-mobile" v-model="form.mobile" :precision="0" :min="0" :max="999999" placeholder="请输入收款金额" style="width: 90%;" /> 元
-            		</a-form-model-item>
-            	</a-col>
-            	<a-col :span="8">
-            		<a-form-model-item label="折让金额" prop="name">
-            	    <a-input-number id="receiptEdit-name" v-model="form.name" :precision="0" :min="0" :max="999999" placeholder="请输入折让金额" style="width: 90%;" /> 元
-            		</a-form-model-item>
-            	</a-col>
-            	<a-col :span="8">
-            		<a-form-model-item label="结算方式" prop="paymentType">
-            			<v-select
-            				code="DISPATCH_FASHION"
-            				id="receiptEdit-paymentType"
-            				v-model="form.paymentType"
-            				allowClear
-            				placeholder="请选择结算方式"
-            			></v-select>
-            		</a-form-model-item>
-            	</a-col>
-            </a-row>
-            <a-row :gutter="15">
-            	<a-col :span="8">
-            		<a-form-model-item label="实收金额" prop="name">
-                  <a-input-number id="receiptEdit-name" disabled v-model="form.name" :precision="0" :min="0" :max="999999" placeholder="请输入实收金额" style="width: 90%;" /> 元
-            		</a-form-model-item>
-            	</a-col>
-              <a-col :span="16">
-              	<a-form-model-item label="备注" prop="remarks" :label-col="{ span: 4 }" :wrapper-col="{ span: 20 }">
-              		<a-input id="receiptEdit-remarks" :maxLength="500" v-model="form.remarks" placeholder="请输入备注(最多500个字符)" allowClear />
-              	</a-form-model-item>
-              </a-col>
-            </a-row>
-          </a-form-model>
-        </a-collapse-panel>
-      </a-collapse>
-    </a-card>
-    <!-- 收款明细 -->
-    <a-card size="small" :bordered="false" class="receiptEdit-cont">
-      <a-collapse :activeKey="['1']">
-        <a-collapse-panel key="1">
-          <template slot="header">
-            收款明细
-            <a-button size="small" class="add-bill-btn" id="receiptEdit-bill-btn" @click.stop="handleBill" style="margin-left: 15px;">添加单据</a-button>
-            <a-button size="small" class="amount-btn" id="receiptEdit-amount-btn" @click.stop="handleAmount" style="margin-left: 15px;">分配结算金额</a-button>
-          </template>
-          <!-- 收款明细 -->
-          <div>
-            <!-- 搜索条件 -->
-            <div class="table-page-search-wrapper">
-              <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
-                <a-row :gutter="15">
-                  <a-col :md="6" :sm="24">
-                    <a-form-item label="单据号">
-                      <a-input id="receiptEdit-purchaseNo" v-model.trim="queryParam.purchaseNo" allowClear placeholder="请输入单据号"/>
-                    </a-form-item>
-                  </a-col>
-                  <a-col :md="6" :sm="24">
-                    <a-form-item label="审核时间">
-                      <a-range-picker v-model="queryParam.creatDate" id="receiptEdit-creatDate"/>
-                    </a-form-item>
-                  </a-col>
-                  <a-col :md="6" :sm="24">
-                    <span class="table-page-search-submitButtons">
-                      <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="receiptEdit-refresh">查询</a-button>
-                      <a-button style="margin-left: 8px" @click="resetSearchForm()" :disabled="disabled" id="receiptEdit-reset">重置</a-button>
-                    </span>
-                  </a-col>
-                </a-row>
-              </a-form>
-            </div>
-            <!-- 总计 -->
-            <a-alert type="info" showIcon style="margin-bottom:15px">
-              <div slot="message">共 <strong>6</strong> 条明细,金额合计 <strong>¥6</strong> ,余额合计<strong>¥6.33</strong></div>
-            </a-alert>
-            <div style="margin-bottom: 15px">
-              <a-button type="primary" id="receiptEdit-export" :disabled="!hasSelected" :loading="loading" @click="handleNoCollection">
-                批量暂不收款
-              </a-button>
-              <span style="margin-left: 8px">
-                <template v-if="hasSelected">
-                  {{ `已选 ${selectedRowKeys.length} 项` }}
-                </template>
-              </span>
-            </div>
-            <!-- 列表 -->
-            <s-table
-              class="sTable"
-              ref="table"
-              size="default"
-              :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-              :rowKey="(record) => record.id"
-              :columns="columns"
-              :data="loadData"
-              bordered>
-              <!-- 结算金额 -->
-              <template slot="storageQuantity" slot-scope="text, record">
-                <a-input-number
-                  id="receiptEdit-storageQuantity"
-                  :value="record.storageQuantity"
-                  :precision="0"
-                  :min="0"
-                  :max="999999"
-                  placeholder="请输入" />
-              </template>
-              <!-- 操作 -->
-              <template slot="action" slot-scope="text, record">
-                <a-button size="small" type="primary" class="button-error" @click="handleDel(record)" id="receiptEdit-del-btn">删除</a-button>
-              </template>
-            </s-table>
-          </div>
-        </a-collapse-panel>
-      </a-collapse>
-    </a-card>
-    <a-affix :offset-bottom="0">
-      <div style="text-align: center;width: 100%;background-color: #fff;padding: 12px 0;box-shadow: 0 0 20px #dcdee2;">
-        <a-button type="primary" id="receiptEdit-submit-btn" size="large" class="button-primary" @click="handleSubmit" style="padding: 0 60px;">提交</a-button>
-      </div>
-    </a-affix>
-  </div>
-</template>
-
-<script>
-  import { STable, VSelect } from '@/components'
-  export default{
-    components: { STable, VSelect },
-    data(){
-      return{
-        queryParam: {
-          
-        },
-        brandData: [],  //  产品品牌  下拉数据
-        typeData: [],  //  产品类别  下拉数据
-        advanced: false,  //  高级搜索 展开/关闭
-        disabled: false, //  查询、重置按钮是否可操作
-        formItemLayout: {
-        	labelCol: { span: 8 },
-        	wrapperCol: { span: 16 }
-        },
-        form: {
-        	name: '', // 客户名称
-        	mobile: '', //  联系手机
-        	contact: '', //  联系人
-        	provinceId: undefined, //  省
-        	province: '',
-        	cityId: undefined, // 市
-        	city: '',
-        	areaId: undefined, // 区
-        	area: '',
-        	address: '', //  详细地址
-        	fax: '', //  客户传真
-        	distributionType: '', //  配送方式
-        	remarks: '', //  是否卫星仓客户
-        	custType: undefined, //  客户类型
-        	priceType: '', //  价格类型
-        	payType: '', //  支付方式
-        	paymentType: '', //  收款方式
-        	contactTel: '' //  联系电话
-        },
-        rules: {
-        	// name: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
-        	mobile: [{ required: true, message: '请输入联系手机', trigger: 'blur' }],
-        	provinceId: [{ required: true, message: '请选择省', trigger: 'change' }],
-        	cityId: [{ required: true, message: '请选择市', trigger: 'change' }],
-        	areaId: [{ required: true, message: '请选择区/县', trigger: 'change' }],
-        	custType: [{ required: true, message: '请选择客户类型', trigger: 'change' }],
-        	priceType: [{ required: true, message: '请选择价格类型', trigger: 'change' }],
-        	payType: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
-        	paymentType: [{ required: true, message: '请选择收款方式', trigger: 'change' }]
-        },
-        // 表头
-        columns: [
-          { title: '序号', dataIndex: 'no', align: 'center' },
-          { title: '单据号', dataIndex: 'creatDate', align: 'center', customRender: function (text) { return text || '--' } },
-          { title: '类型', dataIndex: 'custName', align: 'center', customRender: function (text) { return text || '--' } },
-          { title: '审核时间', dataIndex: 'custsName', align: 'center', customRender: function (text) { return text || '--' } },
-          { title: '金额', dataIndex: 'totalP', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-          { title: '余额', dataIndex: 'totalNums', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
-          { title: '结算金额', scopedSlots: { customRender: 'storageQuantity' }, align: 'center' },
-        ],
-        selectedRowKeys: [], // Check here to configure the default column
-        loading: false,
-        // 加载数据方法 必须为 Promise 对象
-        loadData: parameter => {
-          this.disabled = true
-          // return customerBundleDelayList( Object.assign(parameter, this.queryParam) ).then(res => {
-          //   const data = res.data
-          //   const no = (data.pageNo - 1) * data.pageSize
-          //   for (var i = 0; i < data.list.length; i++) {
-          //     data.list[i].no = no + i + 1
-          //   }
-          //   this.disabled = false
-          //   return data
-          // })
-          const _this = this
-          return new Promise(function(resolve, reject){
-            const data = {
-              pageNo: 1,
-              pageSize: 10,
-              list: [
-                { id: '1', purchaseNo: 'jgqp11111111111', creatDate: '产品1', custName: 'jgqp111123545', totalP: '箭冠品牌', totalNums: '产品分类1', totalPrice: '5', payType: '122' }
-              ],
-              count: 10
-            }
-            const no = (data.pageNo - 1) * data.pageSize
-            for (var i = 0; i < data.list.length; i++) {
-              data.list[i].no = no + i + 1
-            }
-            _this.disabled = false
-            resolve(data)
-          })
-        },
-      }
-    },
-    computed: {
-      hasSelected () {
-        return this.selectedRowKeys.length > 0
-      }
-    },
-    methods: {
-      //  重置
-      resetSearchForm () {
-        this.queryParam.orderBundleNo = ''
-        this.queryParam.orderBundle.custMobile = ''
-        this.queryParam.bundleName = ''
-        this.queryParam.itemName = ''
-        this.oldTime = undefined
-        this.newTime = undefined
-        this.$refs.table.refresh(true)
-      },
-      //  添加
-      handleAdd(row){},
-      //  删除
-      handleDel(row){},
-      //  编辑基本信息
-      handleEditInfo(){
-        this.openModal = true
-      },
-      //  提交
-      handleSubmit(){
-        
-      },
-      //  返回列表
-      handleBack(){
-        this.$router.push({ path: '/financialManagement/companyReceivablePayable/list'})
-      },
-      // 批量暂不收款
-      handleNoCollection () {
-        this.loading = true
-        // ajax request after empty completing
-        setTimeout(() => {
-          this.loading = false
-          this.selectedRowKeys = []
-        }, 1000)
-      },
-      //  添加单据
-      handleBill(){
-        console.log(333)
-      },
-      //  分配结算金额
-      handleAmount(){
-        console.log(444)
-      },
-      onSelectChange (selectedRowKeys) {
-        console.log('selectedRowKeys changed: ', selectedRowKeys)
-        this.selectedRowKeys = selectedRowKeys
-      },
-      filterOption(input, option) {
-      	return (
-      		option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-      	)
-      },
-    },
-    beforeRouteEnter (to, from, next) {
-      next(vm => {
-        vm.openModal = false
-      })
-    }
-  }
-</script>
-
-<style lang="less">
-  .receiptEdit-wrap{
-    .receiptEdit-cont{
-      margin-bottom: 15px;
-      .sub-title{
-        font-size: 12px;
-        color: #808695;
-        margin-left: 10px;
-      }
-      .tag-txt{
-        font-size: 12px;
-        color: #ed1c24;
-      }
-      .edit-circle-btn{
-        margin-left: 15px;
-        i{
-          vertical-align: text-bottom;
-        }
-      }
-      .import-btn{
-        margin-left: 15px;
-      }
-    }
-  }
-</style>