lshcomment 1.0.0

package/src/components/add-pay-detail/detail-advance.vue

@@ -0,0 +1,176 @@
+<template>
+	<div class="collect">
+		<div class="table-scrollable" style="max-height:500px; height:auto;overflow: auto;">
+		  	<b-table striped hover bordered :items="payList" :fields="field" show-empty empty-text="暂无数据">
+		  		<template slot="paymentTypeName" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.paymentTypeName}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="paymentTransactionNo" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.paymentTransactionNo}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="moneyPrice" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.moneyPrice}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+	  			<template slot="createTime" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.createTime}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="createBy" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.createBy}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="bankName" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ (data.item.bankName || '') + ' '+ (data.item.subBankName || '') + ' '+ (data.item.bankAccount ||'') }}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  	</b-table>
+	  	</div>
+	</div>
+</template>
+
+<script>
+import Vue from 'vue'
+import { MessageBox, Message } from 'element-ui'
+import config from 'common/config'
+import api from 'common/api'
+import { getType,getSequence } from 'common/api-common'
+import { PAYMENTMODE_TYPE, STORE_CARD_PAYMENT_METHOD } from 'common/ref-code.js'
+import { ORDERPAYMENTSEQ } from 'common/sequence.js'
+export default {
+	props:{
+   		 sourceOrderNo: {
+                type: String,
+                default: ''
+            },
+   },
+	data(){
+		return{
+			payList:[],
+			field:{
+				paymentTypeName:{
+					label:'支付方式'
+				},
+				bankName:{
+					label:'开户银行及账号'
+				},
+				paymentTransactionNo:{
+					label:'交易凭证号/交易流水号'
+				},
+				moneyPrice:{
+					label:'付款金额'
+				},
+				createTimeStr:{
+					label:'付款日期'
+				},
+				paymentEmpName:{
+					label:'付款人'
+				},
+			},
+            
+		}
+		
+	},
+	created(){
+		this.getPaymentApplyInfoByCode()
+	},
+	methods:{
+        //查询收款单信息
+        getPaymentApplyInfoByCode(){
+        	const option = {
+        		sourceSubOrderNo:this.sourceOrderNo,
+        	}
+        	api.finance.payment.queryPaymentInfoVoNoPageBySourceSubOrderNo(option,(res) => {
+               if(res.data.code == 'success'){
+               		this.payList = res.data.obj || [];
+               		/*明细重新赋值*/
+               		if(this.payList.length){
+               			this.payList.forEach(item => {
+           					/*所有的数字保留两位小数*/
+               				item.moneyPrice = item.moneyPrice.toFixed(2);
+               				item.createTime = new Date(item.createTime).Format('yyyy-MM-dd')
+            			});
+        			}
+               		
+               		this.$emit('getList',this.payList)
+				}
+			})
+		},
+		//支付金额计算
+		actualAmountTotal(){
+			let num = 0
+			this.payList.forEach(item => {
+				if(item.isDeleted == '0'){
+					num += parseInt(item.moneyPrice)
+				}
+			})
+			return num
+		},
+    },
+   }
+</script>
+
+<style lang="scss" scoped>
+	.collect{
+		input{
+			width: 80px;
+		}
+		input.md{
+			width: 110px;
+		}
+		.box{
+			background: #FFF;
+			border-radius: 5px;
+			box-shadow:0 0 8px 0 rgba(222,222,222,0.77);
+		}
+		.payTable{
+			th,td{
+				text-align: center;
+			}
+			td{
+				border-bottom: 1px solid #D7E1EA;
+				padding: 10px 5px;
+				.deleIcon{
+					width: 30px;
+					height: 30px;
+				}
+				input{
+					width: 100%;
+				}
+			}
+			.deleted{
+				color: true;
+			}
+		}
+	
+		.disabled-box {
+		    position: relative;
+		    height: 30px;
+		    padding-top: 6px;
+		}
+		
+		.disabled-line {
+		    position: absolute;
+		    top: 0px;
+		    left: 0px;
+		    width: 150%;
+		    margin-left: -10px;
+		   /* border-top: 1px solid rgba(0, 0, 0, 0.4);*/
+		    border-top: 1px solid red;
+		}
+	}
+</style>

package/src/components/add-pay-detail/detail.vue

@@ -0,0 +1,204 @@
+<template>
+	<div class="collect">
+		<div class="table-scrollable" style="max-height:500px; height:auto;overflow: auto;">
+		  	<b-table striped hover bordered :items="payList" :fields="field" show-empty empty-text="暂无数据">
+		  		<template slot="paymentTypeName" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.paymentTypeName}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="paymentTransactionNo" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.paymentTransactionNo}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="couponPrice" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.couponPrice}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="moneyPrice" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.moneyPrice}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+	  			<template slot="createTime" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.createTime}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="createBy" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.createBy}}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="cardNo" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ data.item.cardNo = data.item.isCoupon ? data.item.couponsNo : data.item.cardNo }}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  		<template slot="bankName" slot-scope="data">
+		  			<div :class="data.item.isDeleted == 1 ? 'disabled-box':''">
+		  			{{ (data.item.bankName || '') + ' '+ (data.item.subBankName || '') + ' '+ (data.item.bankAccount ||'') }}
+		  			<hr class="disabled-line" v-show="data.item.isDeleted == '1'"/>
+		  			</div>
+		  		</template>
+		  	</b-table>
+	  	</div>
+	</div>
+</template>
+
+<script>
+import Vue from 'vue'
+import { MessageBox, Message } from 'element-ui'
+import config from 'common/config'
+import api from 'common/api'
+import { getType,getSequence } from 'common/api-common'
+import { PAYMENTMODE_TYPE, STORE_CARD_PAYMENT_METHOD } from 'common/ref-code.js'
+import { ORDERPAYMENTSEQ } from 'common/sequence.js'
+export default {
+	props:{
+   		 sourceOrderNo: {
+                type: String,
+                default: ''
+            },
+   },
+	data(){
+		return{
+			payList:[],
+			field:{
+				paymentTypeName:{
+					label:'支付方式'
+				},
+				cardNo:{
+					label:'储值卡号/券码'
+				},
+				bankName:{
+					label:'开户银行及账号'
+				},
+				paymentTransactionNo:{
+					label:'交易凭证号/交易流水号'
+				},
+				couponPrice:{
+					label:'券面值'
+				},
+				moneyPrice:{
+					label:'支付金额'
+				},
+				createTime:{
+					label:'收款时间'
+				},
+				createBy:{
+					label:'收款人'
+				},
+			},
+            
+		}
+		
+	},
+	created(){
+		/*查询储值卡信息*/
+		this.getPaymentApplyInfoByCode()
+	},
+	methods:{
+        //查询收款单信息
+        getPaymentApplyInfoByCode(){
+        	const option = {
+        		//paymentApplyCode:'DN20181112001417',
+        		isDeleted:'2',
+        		sourceOrderNo:this.sourceOrderNo,
+        	}
+        	api.collection.queryPaymentInfoVoWithNoPage(option,(res) => {
+               if(res.data.code == 'success'){
+               		this.payList = res.data.obj || [];
+               		/*明细重新赋值*/
+               		if(this.payList.length){
+               			this.payList.forEach(item => {
+           					/*所有的数字保留两位小数*/
+               				item.moneyPrice = item.moneyPrice.toFixed(2);
+               				item.cardAmout &&  (item.cardAmout = item.cardAmout.toFixed(2));
+               				item.couponAmount && (item.couponAmount = item.couponAmount.toFixed(2));
+               				if(item.paymentTypeCode == 'PaymentModeTypeVoucher'){
+               					item.isCoupon = true
+               				}else{
+               					item.isCoupon = false
+               				}
+               				item.createTime = new Date(item.createTime).Format('yyyy-MM-dd')
+            			});
+        			}
+               		/*返回总金额*/
+               		this.$emit('getAmountTotal',this.actualAmountTotal())
+				}
+			})
+		},
+		//支付金额计算
+		actualAmountTotal(){
+			let num = 0
+			this.payList.forEach(item => {
+				if(item.isDeleted == '0'){
+					num += parseInt(item.moneyPrice)
+				}
+			})
+			return num
+		},
+    },
+   }
+</script>
+
+<style lang="scss" scoped>
+	.collect{
+		input{
+			width: 80px;
+		}
+		input.md{
+			width: 110px;
+		}
+		.box{
+			background: #FFF;
+			border-radius: 5px;
+			box-shadow:0 0 8px 0 rgba(222,222,222,0.77);
+		}
+		.payTable{
+			th,td{
+				text-align: center;
+			}
+			td{
+				border-bottom: 1px solid #D7E1EA;
+				padding: 10px 5px;
+				.deleIcon{
+					width: 30px;
+					height: 30px;
+				}
+				input{
+					width: 100%;
+				}
+			}
+			.deleted{
+				color: true;
+			}
+		}
+	
+		.disabled-box {
+		    position: relative;
+		    height: 30px;
+		    padding-top: 6px;
+		}
+		
+		.disabled-line {
+		    position: absolute;
+		    top: 0px;
+		    left: 0px;
+		    width: 150%;
+		    margin-left: -10px;
+		   /* border-top: 1px solid rgba(0, 0, 0, 0.4);*/
+		    border-top: 1px solid red;
+		}
+	}
+</style>

package/src/components/add-pay-detail/index.vue

@@ -0,0 +1,254 @@
+<template>
+    <div>
+         <el-dialog id="modalPay" title="收款人：" ref="modalPay" @open="reset" :visible.sync="dialogPay" :modal-append-to-body="false" style="max-width: 900px!important; left: 15%">
+             <span class="modal-pay-name">{{Modaltitle}}</span>
+			 <div class="container-fluid">
+                <b-row>
+                    <div class="col-md-12">
+                        <b-form-fieldset horizontal label="支付方式*" :label-cols="4" class="text-right">
+                             <b-form-select :options="paymentTypeList" v-model="dataModel.paymentType" @input="selectPayment"  :state="inp.paymentType"></b-form-select>
+                        </b-form-fieldset>
+                    </div>
+                    <div class="col-md-12">
+                        <b-form-fieldset horizontal label="支付金额*" :label-cols="4" class="text-right">
+                            <b-form-input type="number" v-model.number="dataModel.paymentAmount"  :state="inp.paymentAmount" placeholder="*CYN 0.00"/>
+                        </b-form-fieldset>
+                    </div>
+                    <div class="col-md-12">
+                        <b-form-fieldset horizontal label="交易流水号" :label-cols="4" class="text-right">
+                            <b-form-input  v-model.trim="dataModel.paymentTransactionNo" />
+                        </b-form-fieldset>
+                    </div>
+                    <div class="col-md-12">
+                        <b-form-fieldset horizontal label="操作日期*" :label-cols="4" class="text-right">
+                            <el-date-picker
+                            :class="{'eldate-box': true,'inp-invalid' : inp.paymentTime=='invalid'?true:false}"
+                            v-model="dataModel.paymentTime"
+                            type="datetime"
+                            :picker-options="pickerOptions1"
+                            placeholder="选择日期时间">
+                        </el-date-picker>
+                        </b-form-fieldset>
+                    </div>
+                </b-row>
+			 </div>
+			<div slot="footer" class="dialog-footer dialog-footer-cla">         				
+				<b-btn size="sm" class="float-right" variant="success" @click="surePay">保存</b-btn>
+				<b-btn size="sm" class="float-right mr-2" variant="seconday" @click="cancelModal">取消</b-btn>
+			</div>
+		</el-dialog>     
+    </div>
+</template>
+<script>
+import Vue from "vue"
+import suitScope from 'components/iris-suitscope'
+import { Message , DatePicker, Dialog} from "element-ui"
+import collectionApi from 'common/api-collection.js'
+import common from 'common/common.js'
+import {PAYMENTMODE_TYPE} from 'common/ref-code.js'
+import api from 'common/api'
+import config from 'common/config'
+
+Vue.use(DatePicker);
+Vue.use(Dialog);
+
+//  已添加扩展信息条目 cardInfo
+// 选择确定触发事件surePay
+export default {
+    components: {
+        
+    },
+    props: {
+        userInfo: {
+                type: Object,
+                default: function() {
+                    return {};
+                }
+            },
+        refCode: {              //卡充值： CARDRECHARGEPAYMENTSEQ; 劵销售：COUPONSALESPAYMENTSEQ; 退卡退款：CARDREFUNDPAYMENTSEQ；
+                type: String,   // 卡销售：CARDSALESPAYMENTSEQ；对账核销：RECONCILIATIONVERIFYPAYMENTSEQ；
+                default: ''
+        }
+    },
+    data() {
+        return {   
+            dialogPay: false,
+            paymentTypeList: [],    
+            Modaltitle: '',
+            dataModel: {
+                paymentTypeCode: '',
+                paymentTypeName: '',
+                paymentAmount: '',
+                paymentTransactionNo: '',
+                paymentTime: '',
+                paymentEmpCode: '',
+                paymentEmpName: '',
+                paymentCode: '',
+                paymentType: '',
+            },
+            inp: {
+                paymentType: null,
+                paymentAmount: null,
+                paymentTime: null,
+            },
+            pickerOptions1: {
+                disabledDate(time) {
+                    return time.getTime() > Date.now();
+                }
+            },
+            paymentTypeFliter:  {
+                CARDRECHARGEPAYMENTSEQ: ['PaymentModeTypeAdvance', 'PaymentModeTypeBill', 'PaymentModeTypeStoredValue', 'PaymentModeTypeVoucher', 'PaymentModeTypeStoredValueCard'], // 卡充值
+                CARDREFUNDPAYMENTSEQ: ['PaymentModeTypeAdvance', 'PaymentModeTypeBill', 'PaymentModeTypeStoredValue', 'PaymentModeTypeVoucher'], // 退卡退款
+                CARDSALESPAYMENTSEQ: ['PaymentModeTypeAdvance', 'PaymentModeTypeBill', 'PaymentModeTypeVoucher', 'PaymentModeTypeStoredValue', 'PaymentModeTypeStoredValueCard'], // 卡销售
+                COUPONSALESPAYMENTSEQ: ['PaymentModeTypeAdvance', 'PaymentModeTypeBill', 'PaymentModeTypeVoucher', 'PaymentModeTypeStoredValue', 'PaymentModeTypeStoredValueCard'], // 劵销售
+                RECONCILIATIONVERIFYPAYMENTSEQ: ['PaymentModeTypeAdvance', 'paymentModeTypeAlipay', 'PaymentModeTypeStoredValue', 'PaymentModeTypeVoucher', 'paymentModeTypeWeChat', 'PaymentModeTypeStoredValueCard'], // 对账核销
+            },
+        }
+    },
+    computed: {
+       
+    },
+    created() {
+        this.dataModel.paymentTime = new Date();
+        this.dataModel.paymentEmpCode = this.userInfo.empVo.empCode;
+        this.dataModel.paymentEmpName = this.userInfo.empVo.empCnName;
+        this.Modaltitle = this.dataModel.paymentEmpName;
+    },
+    methods: {
+        // 获取支付方式
+        getPaylist(val) {
+            let _this = this;
+            const option = {
+                'refCode': PAYMENTMODE_TYPE
+            }
+            if(!this.refCode) {
+                Message({
+                    type: "warning",
+                    message: "支付明细编码不可为空！"
+                });
+                return;
+            }
+            api.ref.getDataDictionarys(option, (res) => {
+                if (res.data.code === 'success') {
+                    let data = res.data.obj.referenceDetailInfos;
+                    let arr = [];
+                    data.forEach((item, index) => {
+                        if(this.paymentTypeFliter[this.refCode].indexOf(item.refDetailCode) === -1){
+                            let valStr = JSON.stringify({
+                                value: item.refDetailCode,
+                                text: item.refDetailName
+                            });
+                            let obj = {
+                                value: valStr,
+                                text: item.refDetailName
+                            }
+                            arr.push(obj);
+                        }
+                        
+                    })
+                    _this.paymentTypeList = arr;
+                }
+            })
+        },
+        // 生成支付明细code
+        createDetailCode() {
+            if(this.refCode == '') {
+                Message({
+                    type: "warning",
+                    message: "明细编码不可为空！"
+                });
+                return;
+            }
+            const option = {
+                'serviceCode': this.refCode,
+            }
+            return new Promise((reslove,reject) => {
+                api.ordinalInfo.getSequence(option, (res) => {
+                    if(res.data.code === 'success') {							
+                        reslove(res.data.obj)
+                    };
+                })
+            })				
+        },
+        surePay() {
+            let isVerify = false
+            for(let key of Object.keys(this.inp)) {
+                 this.inp[key] = null;
+                if(this.dataModel[key] === '') {
+                    this.inp[key] = 'invalid'
+                    isVerify = true;
+                    // Message({
+                    //     type: "warning",
+                    //     message: "支付信息未填写完整！"
+                    // });              
+                }
+            }
+            if(this.dataModel.paymentAmount <= 0) {
+                Message({
+                    type: "warning",
+                    message: "支付金额不可小于等于0！"
+                });
+                this.inp.paymentAmount = 'invalid';
+                isVerify = true;
+            }
+            if(this.dataModel.paymentTime > new Date()) {
+                Message({
+                    type: "warning",
+                    message: "支付时间不可大于当前时间！"
+                });
+                this.inp.paymentTime = 'invalid';
+                isVerify = true;
+            }
+            if(isVerify) {
+                return;
+            }
+            this.createDetailCode().then((res) => {
+                this.dataModel.paymentCode = res;
+                this.dataModel.paymentTime = common.eleTimeFormatim2(this.dataModel.paymentTime);
+                this.dataModel.paymentAmount = parseFloat(this.dataModel.paymentAmount).toFixed(2);
+                this.$emit('surePay', this.dataModel);
+                this.dialogPay = false;
+            })
+           
+        },
+        cancelModal() {
+           this.dialogPay = false;
+        },
+        showModal() {
+            this.dialogPay = true;
+            this.getPaylist();
+        },
+        selectPayment(val) {
+            if(val=== '') {
+                return;
+            }
+            let valObj = JSON.parse(val);
+            this.dataModel.paymentTypeCode = valObj.value;
+            this.dataModel.paymentTypeName = valObj.text;
+        },
+        reset() {
+            for(let key of Object.keys(this.dataModel)) {
+                this.dataModel[key] = ''
+            }
+            this.dataModel.paymentTime = new Date();
+            this.dataModel.paymentEmpCode = this.userInfo.empVo.empCode;
+            this.dataModel.paymentEmpName = this.userInfo.empVo.empCnName;
+            for(let key of Object.keys(this.inp)) {
+                this.inp[key] = null;
+            }
+        }
+    },
+    watch:{
+        
+    }
+}
+</script>
+
+<style>
+.modal-pay-name{
+    position: absolute;
+    top: 16px;
+    left: 98px;
+    font-size: 20px;
+}
+</style>