lshcomment 1.0.0

package/src/components/account-type-select/account-type-select.vue

@@ -0,0 +1,340 @@
+<template>
+<div class="row">
+    <!-- 自费 -->
+    <div class="col-md-6">
+        <b-form-select v-model="params.accountTypeCode" :options="_accountTypeList" :disabled="disabled" 
+           v-if="params.accountTypeCode != 'CountingCard' && params.accountTypeCode != 'DepositUse'" @input="accountTypeChange">
+        </b-form-select>
+        <b-form-select v-model="params.accountTypeCode" :options="accountTypeList" disabled 
+           v-if="params.accountTypeCode == 'CountingCard' || params.accountTypeCode == 'DepositUse'">
+        </b-form-select>
+    </div>
+    <div class="col-md-6">
+        <b-form-select v-model="params.accountSubTypeCode" 
+           :options="_accountSubTypeList" 
+           :disabled="disabled"  
+           @input="accountSubTypeChange"
+           v-show="params.accountTypeCode == 'normalSale'">
+        </b-form-select>
+        <!-- 厂家付费 -->
+        <search
+            v-show="params.accountTypeCode == 'factoryPay'"
+            ref="factory"
+            :disabled="disabled"
+            :dataList="factoryList"
+            option="factoryName"
+            @dataChange="facQuerySelect"
+            @itemValue="facItemClick"
+            @clickShowBack="facFirstLoad"
+            @clearValueuserType="clearValue"
+            @comScroll="facScrollBottom">
+        </search>
+        <!-- 保险公司 -->
+        <search
+            v-show="params.accountTypeCode == 'InsuranceCompanyPay' || params.accountTypeCode == 'InsuranceOwnExpense'"
+            ref="com"
+            :disabled="disabled"
+            :dataList="comList"
+            option="coName"
+            @dataChange="querySelect"
+            @itemValue="itemClick"
+            @clickShowBack="firstLoad"
+            @clearValue="clearValue"
+            @comScroll="scrollBottom">
+        </search>
+        <!-- 内部结算 -->
+        <org-tree 
+            v-show="params.accountTypeCode == 'dealerPay'"
+            :disabled="disabled"
+            :type="type"
+            :isSku="isSku"
+            :userType="userType"
+            :params="orgParams" 
+            :orgCode="orgCode" 
+            @getOrgCode="getOrg">
+        </org-tree>
+    </div>
+    <!-- 计次卡, 劵兑换, 卷折让 -->
+   
+</div>   
+</template>
+<script>
+
+const SELF_PAY = 'selfPay'
+const FACTORY_PAY = 'factoryPay'
+const INSURANCE_COMPANY = 'InsuranceCompanyPay'
+const INSIDE_PAY = 'dealerPay'
+const COUNT_CARD = 'countCard'
+
+/**
+ * create by lwx on 2018/06/14 12:18
+ * 
+ * 1. 自费, 计次卡, 卷兑换, 卷折让 => 组件抛出当前选中付费类型编码
+ * 2. 厂家付费, 保险公司, 内部结算 => 组件抛出当前选中付费类型编码, 以及对账方编码( reconciliationTargetCode ), 名称( reconciliationTargetName ) 
+ * 
+ * event: getReconciliationTarget
+ */
+
+import Search from 'components/iris-search/search'
+import OrgTree from 'views/staff/orgTree'
+
+import config from 'common/config'
+import api from 'common/api'
+// import { getType } from 'common/api-common'
+// import { ACCOUNT_TYPE } from 'common/ref-code'
+
+export default {
+    props: {
+        preIndex: {
+            type: Number,
+            default: 0
+        },
+        index: {
+            type: Number,
+            default: 0
+        },
+        accountTypeList: {
+            type: Array
+        },
+        accountSubTypeList: {
+            type: Array
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        type: {
+            type: String,
+            default: 'accountType'
+        },
+        isSku: {
+            type: Boolean,
+            default: false
+        },
+        userType: {
+            type: String,
+            default: ''
+        }
+    },
+    components: {
+        Search,
+        OrgTree
+    },
+    data() {
+        return {
+            params: {
+                accountTypeCode: 'selfPay',
+                reconciliationTargetCode: '',
+                reconciliationTargetName: '',
+                accountSubTypeCode: '',          // 正常销售 - 付费子类型
+            },
+          
+            // 厂家
+            factoryList: [],
+            facSelectParams: {
+                pageNums: config.pageNums,
+                pageStart: 1
+            },
+            facIsLastPage: false,
+
+            // 保险公司
+            comList: [],
+            selectParams: {
+                pageNums: config.pageNums,
+                pageStart: 1
+            },
+            isLastPage: false,
+
+            // 组织
+            orgParams: {
+                orgName: ''
+            }
+        }
+    },
+    computed: {
+        userInfo() {
+            return JSON.parse(sessionStorage.getItem("userInfo"))
+        },
+        orgCode() {
+            return this.userInfo.empVo.orgCode
+        },
+        _accountTypeList() {
+            let arr = []
+            this.accountTypeList.forEach(item => {
+                if(item.value != 'CountingCard' && item.value != 'DepositUse') {
+                    arr.push(item)
+                }
+            })
+            return arr
+        },
+        _accountSubTypeList() {
+            return this.accountSubTypeList
+        }
+    },
+    methods: {
+        accountSubTypeChange() {
+            this.params.reconciliationTargetCode = ''
+            this.params.reconciliationTargetName = ''
+            this.$emit('getValue', this.params, this.index, this.preIndex)
+            this.$nextTick(() => {
+                this.$refs.com.setValue()
+                this.$refs.factory.setValue()                    
+            })
+        },
+        accountTypeChange() {
+            // if(this.params.accountTypeCode == 'normalSale') {
+            //     this.params.reconciliationTargetCode = ''
+            //     this.params.reconciliationTargetName = ''
+            //     this.$emit('getValue', this.params, this.index, this.preIndex)
+            //     this.$nextTick(() => {
+            //         this.$refs.com.setValue()
+            //         this.$refs.factory.setValue()                    
+            //     })
+            // }
+        },
+        // 厂家搜索
+        facFirstLoad() {
+            if(this.facSelectParams.factoryName) {
+                delete this.facSelectParams.factoryName;
+            }else if(this.factoryList.length !== 0) {
+                return;
+            }
+            let params = this.facSelectParams;    
+            this.queryFacInfo(params, obj => {
+                this.facIsLastPage = obj.isLastPage;                            
+                this.factoryList = obj.list;
+            });
+        },
+        facQuerySelect(data) {
+            this.facSelectParams.pageStart = 1;
+            this.facSelectParams.factoryName = data;
+            let params = this.facSelectParams;        
+            this.queryFacInfo(params, obj => {
+                this.facIsLastPage = obj.isLastPage;            
+                this.factoryList = obj.list;
+            });
+        },
+        facItemClick(item) {
+            this.params.accountSubTypeCode = ''
+            this.params.reconciliationTargetCode = item.factoryCode
+            this.params.reconciliationTargetName = item.factoryName
+            this.$emit('getValue', this.params, this.index, this.preIndex)            
+        },
+        facScrollBottom(isEnd) {
+            if (isEnd && !this.facIsLastPage) {
+                this.facSelectParams.pageStart ++
+                let params = this.facSelectParams;        
+                this.queryFacInfo(params, obj => {
+                    this.facIsLastPage = obj.isLastPage;
+                    this.factoryList = this.factoryList.concat(obj.list);
+                });
+            }
+        },
+        queryFacInfo(params, callback) {
+            api.factory.queryFactoryInfo(params, res => {
+                if (res.data.code === "success") {
+                    let obj = res.data.obj;
+                    callback(obj);
+                }
+            })
+        },
+        // 保险公司搜索
+        clearValue() {
+            this.params.reconciliationTargetCode = ''
+            this.params.reconciliationTargetName = ''
+        },
+        firstLoad() {
+            if(this.selectParams.coName) {
+                delete this.selectParams.coName;
+            }else if(this.comList.length !== 0) {
+                return;
+            }
+            let params = this.selectParams;    
+            this.queryComInfo(params, obj => {
+                this.isLastPage = obj.isLastPage;                            
+                this.comList = obj.list;
+            });
+        },
+        querySelect(data) {
+            this.selectParams.pageStart = 1;
+            this.selectParams.coName = data;
+            let params = this.selectParams;        
+            this.queryComInfo(params, obj => {
+                this.isLastPage = obj.isLastPage;            
+                this.comList = obj.list;
+            });
+        },
+        itemClick(item) {
+            this.params.accountSubTypeCode = ''
+            this.params.reconciliationTargetCode = item.coCode
+            this.params.reconciliationTargetName = item.coName
+            this.$emit('getValue', this.params, this.index, this.preIndex)                
+        },
+        scrollBottom(isEnd) {
+            if (isEnd && !this.isLastPage) {
+                this.selectParams.pageStart ++
+                let params = this.selectParams;        
+                this.queryComInfo(params, obj => {
+                    this.isLastPage = obj.isLastPage;
+                    this.comList = this.comList.concat(obj.list);
+                });
+            }
+        },
+        queryComInfo(params, callback) {
+            api.mancar.queryCompanyInfoByCodesAndPagination(params, res => {
+                if (res.data.code === "success") {
+                    let obj = res.data.obj;
+                    callback(obj);
+                }
+            })
+        },
+        // 组织
+        getOrg(item) {
+            this.params.accountSubTypeCode = ''
+            this.params.reconciliationTargetCode = item.code
+            this.params.reconciliationTargetName = item.name
+            this.$emit('getValue', this.params, this.index, this.preIndex)            
+        },
+        setValue(info) {
+            for(let key in this.params) {
+                this.params[key] = info[key]
+            }
+            if(this.params.accountTypeCode == 'factoryPay') {
+                this.$nextTick(() => {
+                    this.$refs.factory.setValue(this.params.reconciliationTargetName)
+                })
+            }else if(this.params.accountTypeCode == 'InsuranceCompanyPay' || this.params.accountTypeCode == 'InsuranceOwnExpense') {
+                this.$nextTick(() => {
+                    this.$refs.com.setValue(this.params.reconciliationTargetName)
+                })
+            }else if(this.params.accountTypeCode == 'dealerPay') {
+                this.$nextTick(() => {
+                    this.orgParams.orgName = this.params.reconciliationTargetName
+                })
+            }
+        }
+    },
+    watch: {
+        'params.accountTypeCode'(val) {
+            if(val == 'normalSale') {
+                this.params.reconciliationTargetCode = ''
+                this.params.reconciliationTargetName = ''
+                // this.$emit('getValue', this.params, this.index, this.preIndex)
+                this.$nextTick(() => {
+                    this.$refs.com.setValue()
+                    this.$refs.factory.setValue() 
+                    this.orgParams.orgName = ''                   
+                })
+            }else if(val === 'factoryPay') {
+                this.$nextTick(() => {
+                    this.$refs.com.setValue()
+                })
+            }else if(val === 'InsuranceCompanyPay' || val == 'InsuranceOwnExpense') {
+                this.$nextTick(() => {
+                    this.$refs.factory.setValue()
+                })
+            }
+        }
+    }
+}
+</script>

package/src/components/account-type-select/paymentType.vue

@@ -0,0 +1,287 @@
+<template>
+	<div>
+		<b-form-fieldset horizontal label="付费类型" :label-cols="cols" class="text-right">
+            <el-cascader
+                :filterable="filterable"
+            	style="display: block;"
+			    expand-trigger="hover"
+			    :options="serviceSkuCascaderOptions"
+			    v-model="selectedOptions2"
+			    @change="handleChange">
+		  	</el-cascader>
+        </b-form-fieldset> 
+	</div>
+</template>
+
+<script>
+import Vue from 'vue'
+import { getType,hasBtn,valueCeil} from 'common/api-common'
+import common from 'common/common'
+import {Cascader} from 'element-ui'
+import pagination from "components/pagination/pagination.vue";
+import Search from "components/iris-search/search"
+import config from 'common/config'
+import api from 'common/api'
+import collectionApi from 'common/api-collection.js'
+import { PAYMENTAPPLYSEQ } from 'common/sequence.js'
+import { 
+    ACCOUNT_TYPE, 
+    CUSTOMER_SUB_PAYMENT_TYPE,} from 'common/ref-code'
+import { getSequence } from 'common/api-common'
+import { Promise, resolve } from 'q';
+export default {
+	props: {
+        flag: {
+            type: Number,
+            default:0,
+        },
+        cols: {
+            type: Number,
+            default:4,
+        },
+        filterable: {
+            type:Boolean,
+            default:false
+        }
+        
+    },
+	computed:{
+		// 用户信息
+        userInfo() {
+            return JSON.parse(sessionStorage.getItem('userInfo'))
+        },
+	},
+	mounted(){
+			/*获取付费类型*/
+            Promise.all([
+                this.getAccountType(),
+                this.getSubPaymentType(),
+                this.queryFactoryInfos(),
+                this.queryCompanyInfos(),
+                this.getOrgList(),
+                this.queryBigCustomer(),
+                ]).then(result => {
+                    console.log(result)
+                    // 付费类型级联窗口数据的初始化
+                    this.serviceSkuCascaderOptions = []
+                    const cascaderList = []
+                    result[0].forEach(item => {
+                        cascaderList.push({
+                            value: item.value,
+                            label: item.text,
+                            children: []
+                        })
+                    })
+                    cascaderList.unshift({
+                        value:'',
+                        label:'全部',
+                        children: [{
+                            value:'',
+                            label:'全部',
+                        }]
+                    })
+                    cascaderList.forEach(item => {
+                        // 正常销售
+                        if(item.value === 'normalSale') {
+                            if(this.flag == 0){
+                                result[1] = result[1] || []
+                        		item.children = result[1].map(subItem => ({
+	                                value: `${subItem.value}-${subItem.text}`,
+	                                label: subItem.text
+	                            }))
+                    			item.children.unshift({
+                    			 	value:'',
+                            		label:'全部',
+                        		})
+
+                        		
+                        	}else if(this.flag == 1){
+                        		item.children = [{
+				                	value:'',
+				                	label:'全部',
+			                	}]
+                        	}
+                        }
+                        //计次卡CountingCard
+                        else if(item.value === 'CountingCard') {
+                        	item.children = [{
+				                	value:'',
+				                	label:'全部',
+                            }]
+                        }
+                        // 厂家付费
+                        else if(item.value === 'factoryPay') {
+                            result[2] = result[2] || []
+                            item.children = result[2].map(subItem => ({
+                                value: `${subItem.factoryCode}-${subItem.factoryName}`,                        
+                                label: subItem.factoryName
+                            }))
+                        	item.children.unshift({
+                			 	value:'',
+                        		label:'全部',
+                    		})
+                        }
+                        // 保险公司付费
+                        else if(item.value === 'InsuranceCompanyPay') {
+                            result[3] = result[3] || []
+                            item.children = result[3].map(subItem => ({
+                                value: `${subItem.coCode}-${subItem.coName}`,
+                                label: subItem.coName
+                            }))
+                        	item.children.unshift({
+                			 	value:'',
+                        		label:'全部',
+                    		})
+                        }	
+                        // 保险自费
+                        else if(item.value === 'InsuranceOwnExpense') {
+                            result[3] = result[3] || []
+                            item.children = result[3].map(subItem => ({
+                                value: `${subItem.coCode}-${subItem.coName}`,
+                                label: subItem.coName
+                            }))
+                        	item.children.unshift({
+                			 	value:'',
+                        		label:'全部',
+                    		})
+                        }
+                        // 经销商付费
+                        else if(item.value === 'dealerPay') {
+                            result[4] = result[4] || []
+                            item.children = result[4].map(subItem => ({
+                                value: `${subItem.orgCode}-${subItem.orgName}`,                        
+                                label: subItem.orgName
+                            }))
+                        	item.children.unshift({
+                			 	value:'',
+                        		label:'全部',
+                    		})
+                        }
+                        //大客户
+                        else if(item.value === 'BigCustomer'){
+                            result[5] = result[5] || []
+                            console.log(result[5])
+                            item.children = result[5].map(subItem => ({
+                                value: `${subItem.companyCode}-${subItem.companyName}`,                        
+                                label: subItem.companyName
+                            }))
+                            item.children.unshift({
+                			 	value:'',
+                        		label:'全部',
+                    		})
+                        }
+                    })
+                    this.serviceSkuCascaderOptions = cascaderList
+            })
+	},
+	data(){
+		return{
+			serviceSkuCascaderOptions:[],
+			selectedOptions2:['',''],
+		}
+	},
+	methods:{
+		reset(){
+			this.selectedOptions2 = ['','']
+		},
+		handleChange(obj){
+			this.$emit('handleChange',obj)
+		},
+	   getAccountType() {
+            return new Promise((resolve) => {
+                const params = {
+                    refCode: ACCOUNT_TYPE,
+                    level: 1,
+                    scene: 7,
+                }
+                api.repairOrder.queryReferenceDetailsBySceneAndRefCode(params, res => {
+                    if (res.data.code == 'success') {
+                        const items = res.data.obj || []
+                        const list = []
+                        items.forEach(item => {
+                            const data = {
+                                text: item.refDetailName,
+                                value: item.refDetailCode
+                            }
+                            list.push(data)
+                        })
+                        resolve(list)
+                    }
+                })
+
+            })
+        },
+		 getSubPaymentType() {
+                return new Promise(resolve => {
+                    getType(CUSTOMER_SUB_PAYMENT_TYPE, items => {
+                        const subPaymentTypeList = items.map(item => ({
+                            text: item.refDetailName,
+                            value: item.refDetailCode
+                        }))
+                        resolve(subPaymentTypeList)
+                    })
+                })
+        },
+        // 获取组织信息---经销商付费
+        getOrgList(){
+            return new Promise(resolve => {
+                const params = { orgCode: this.userInfo.inCharegOrgVo.orgCode }
+                api.area.getOrg(params).then(res => {
+                    if(res.data.code === 'success') {
+                        const obj = res.data.obj
+                        resolve(obj.childOrganizations)
+                    }
+                })
+            })
+        },
+        // 获取厂家付费信息
+        queryFactoryInfos() {
+            return new Promise(resolve => {
+                const params = {
+                    pageStart: 1,
+                    pageNums: 1000
+                }
+                api.factory.queryFactoryInfo(params, res => {
+                    if (res.data.code === "success") {
+                        let obj = res.data.obj
+                        resolve(obj.list)
+                    }
+                })
+            })
+        },
+        //保险---保险自费/保险公司付费
+       queryCompanyInfos() {
+            return new Promise(resolve => {
+                const params = {
+                    pageStart: 1,
+                    pageNums: 1000,
+                    storeCodes:this.userInfo.userAvailableInfo.storeInfoVo!=null?[this.userInfo.userAvailableInfo.storeInfoVo.storeCode]:undefined
+                }
+                api.mancar.queryCompanyInfoByCodesAndPagination(params, res => {
+                    if (res.data.code === "success") {
+                        let obj = res.data.obj
+                        resolve(obj.list)
+                    }
+                })
+            })
+        },
+        //大客户
+        queryBigCustomer(){
+            return new Promise(resolve => {
+                const params = {
+                    storeCodes:this.userInfo.userAvailableInfo.storeInfoVo!=null?[this.userInfo.userAvailableInfo.storeInfoVo.storeCode]:undefined
+                }
+                api.settlement.queryCompanyInfoByCreditUseRangeNoPage(params, res => {
+                    if (res.data.code === "success") {
+                        let obj = res.data.obj
+                        resolve(obj)
+                    }
+                })
+            })
+        },
+	},
+}
+</script>
+
+<style>
+</style>