lshcomment 1.0.0

package/src/components/iris-areaqueryshop/lsh-store-index.vue

@@ -0,0 +1,231 @@
+<template>
+    <div class="row warp pma">
+        <div class="col-md-4" ref="select1">
+          <el-tooltip class="item" effect="dark" :content="currentLabels" placement="top-start">
+          <el-cascader
+          ref="area"
+          style="width:100%"
+          :options="options"
+          v-model="selectedOptions"
+          @change="handleChange">
+        </el-cascader>
+       </el-tooltip>
+        </div>
+        <!-- <div class="col-md-8" style="padding-left:0">
+          <el-select v-model="storeCodes" :multiple="checkFlag"  :filterable="!storeFlag"  placeholder="请选择门店" @change="changeValue" style="width:100%"  :disabled="storeFlag">
+            <el-option
+              v-for="item in values"
+              :key="item.value"
+              :label="item.label"
+              :disabled="item.disabled"
+              :value="item.value"
+              :orgCode="item.orgCode">
+            </el-option>
+          </el-select>
+        </div> -->
+    </div>
+</template>
+<script>
+import vue from "vue";
+import treepicker from "../treepicker/treepicker.vue";
+import api from "../../common/api";
+import config from "../../common/config";
+import { Tree , Tooltip,Cascader} from "element-ui";
+vue.use(Tooltip)
+
+import { mapGetters } from "vuex"
+
+export default {
+  data() {
+    return {
+      selectText:'',
+      options: [],
+      selectedOptions: [],
+      values: [],
+      storeCodes: [],
+      storeMap:{},
+      currentLabels:'',
+      storeFlag:false,
+    };
+  },
+  props: {
+    area: {
+      type: String,
+      default: ''
+    },
+    store: {
+      type: String,
+      default: ''
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    checkFlag: {
+      type: Boolean,
+      default: true
+    },
+    showStoreName:{
+      type: Boolean,
+      default: false
+    },
+  },
+  methods: {
+    //查询当前的组织
+    queryOrganization(){
+      console.log("初始查询当前的组织");
+      this.userInfo.inCharegOrgVo.orgCode = this.userInfo.inCharegOrgVo.orgCode == '000001' ? '00000001':this.userInfo.inCharegOrgVo.orgCode
+      
+      const option = {orgCodes:[this.userInfo.inCharegOrgVo.orgCode]}
+      api.liApi.org.queryOrgSetByOrg({orgCodes:[this.userInfo.inCharegOrgVo.orgCode],},res =>{
+        if(res.data.code == 'success'){
+          let obj = res.data.obj ||[]
+           this.options = obj.map(({orgName:label,orgCode:value,subOrgList:children,}) => {
+             children = children.map(({orgName:label,orgCode:value}) => ({label,value}))
+             if(children.length > 1){
+                children.unshift({
+                  label:'全部PMA',
+                  value:"",
+                })
+             }
+             if(!children.length){
+                children.push({
+                  label:'暂无PMA',
+                  value:"",
+                })
+             }
+             return {label,value,children}
+           })
+          if(this.options.length > 1){
+              this.options.unshift({
+                label:'全部大区',
+                value:"",
+                children:[{
+                  label:'全部PMA',
+                  value:"",
+                }]
+              })
+            }
+        }
+
+        // 设置当前组织的默认属性
+        this.selectedOptions = [this.options[0].value,this.options[0].children[0].value]
+        this.currentLabels = `${this.options[0].label} / ${this.options[0].children[0].label}`
+        //默认查门店
+        let storeInfo = this.userInfo.userAvailableInfo
+        if(storeInfo.availableType == '0'){ //如果是门店账号无需在查门店，直接取
+            this.values = [{
+              label:storeInfo.storeInfoVo.storeName,
+              value:storeInfo.storeInfoVo.storeCode,
+              orgCode: storeInfo.storeInfoVo.orgCode
+            }]
+            //默认设置门店选中
+            this.storeCodes = this.checkFlag ? [this.values[0].value] : this.values[0].value
+            this.$emit('select-change',this.values)
+        }else{//不是门店账号的话，再去查
+            this.queryStores(this.options[0].value == "" ? "00000001" : this.options[0].children[0].value || this.options[0].value)
+        }
+      })
+
+      
+    },
+    handleChange(val){
+      //获取当前选中的文字值
+      this.currentLabels = this.$refs.area.currentLabels.join(' / ')
+      let storeInfo = this.userInfo.userAvailableInfo || {}
+      if(storeInfo.availableType == '0') return //门店账号选中大区的时候，锁定门店
+      let org = val[1] || val[0] || '00000001'//val两个值都是空，说明是集团
+      this.queryStores(org)
+    },
+
+    // 默认查询门店
+    queryStores(val){
+      this.$emit('returnId',val)
+      const option = {
+        orgCodes:[val]
+      }
+      api.liApi.org.queryStoreSetByOrg(option,res =>{
+        if(res.data.code == 'success'){
+            this.values = res.data.obj.map(({storeName:label,storeCode:value,orgCode: orgCode}) =>({label,value,disabled:false,orgCode}))
+            this.$emit('select-change',this.values)
+          //   // 多选添加全部
+          //   if(this.checkFlag){
+          //     this.values.unshift({
+          //       label:'全部门店',
+          //       value:"",
+          //       disabled:false,
+          //       orgCode: ''
+          //     })
+          //   }
+          //   this.values.forEach(({label,value})=>{
+          //     this.storeMap.value = label
+          //   })
+          //  //默认设置门店
+          //  this.storeCodes = this.checkFlag ? [this.values[0].value] : this.values[0].value
+          //   let arr = []
+          //   arr = this.values.map(item => item.value).filter(item => item && item.trim())
+          //   // this.$emit('select-change',arr,this.values.filter(item => item.value !=='' ))
+          //   this.changeValue(this.checkFlag ? arr : this.values[0].value )
+        }
+      })
+    },
+
+    changeValue(val){
+       let arr = []
+       if(val.includes('') && Array.isArray(val)) {
+         arr = this.values.map(item => {
+            this.$set(item,'disabled',true)
+            return item.value
+         }).filter(item => item && item.trim())
+       }
+       else {
+          this.values.forEach(item => {
+            if(item.value == '' && val.length) item.disabled = true
+            else item.disabled = false
+          })
+          arr = val
+       }
+      this.$emit('select-change',arr,this.values.filter(item => item.value !=='' ))
+    },
+    // 清空值方法
+    reset() {
+      this.queryOrganization()
+    },
+  },
+  computed: {
+    userInfo(){
+      return JSON.parse(sessionStorage.getItem('userInfo'))
+    }
+  },
+  watch: {
+  },
+  components: {
+  },
+  created() {
+    //获取组织
+    this.queryOrganization()
+    let storeInfo = this.userInfo.userAvailableInfo || {}
+    if(storeInfo.availableType == '0') this.storeFlag = true
+    else this.storeFlag = false
+  }
+};
+</script>
+
+<style lang="scss">
+  .pma {
+    .el-select__tags {
+      text-align: left !important;
+    }
+    .el-tag {
+      max-width: 100%;
+      text-align: left;
+    }
+    .el-select__tags-text {
+      display: inline-block;
+    //   max-width: 90%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      line-height: 1;
+    }
+  }
+</style>

package/src/components/iris-areaqueryshopCopy/lsh-index.vue

@@ -0,0 +1,233 @@
+<template>
+    <div class="row warp pma">
+        <div class="col-md-4" ref="select1">
+          <el-tooltip class="item" effect="dark" :content="currentLabels" placement="top-start">
+          <el-cascader
+          ref="area"
+          style="width:100%"
+          :options="options"
+          v-model="selectedOptions"
+          @change="handleChange">
+        </el-cascader>
+       </el-tooltip>
+        </div>
+        <div class="col-md-8" style="padding-left:0">
+          <el-select v-model="storeCodes" :multiple="checkFlag"  :filterable="!storeFlag"  placeholder="请选择门店" 
+          @change="changeValue" style="width:100%">
+            <el-option
+              v-for="item in values"
+              :key="item.value"
+              :label="item.label"
+              :disabled="item.disabled"
+              :value="item.value"
+              :orgCode="item.orgCode">
+            </el-option>
+          </el-select>
+        </div>
+    </div>
+</template>
+<script>
+import vue from "vue";
+import treepicker from "../treepicker/treepicker.vue";
+import api from "../../common/api";
+import config from "../../common/config";
+import { Tree , Tooltip,Cascader} from "element-ui";
+vue.use(Tooltip)
+
+import { mapGetters } from "vuex"
+
+export default {
+  data() {
+    return {
+      selectText:'',
+      options: [],
+      selectedOptions: [],
+      values: [],
+      storeCodes: [],
+      storeMap:{},
+      currentLabels:'',
+      storeFlag:false,
+    };
+  },
+  props: {
+    area: {
+      type: String,
+      default: ''
+    },
+    store: {
+      type: String,
+      default: ''
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    checkFlag: {
+      type: Boolean,
+      default: true
+    },
+    showStoreName:{
+      type: Boolean,
+      default: false
+    },
+  },
+  methods: {
+    //查询当前的组织，经销商00000085/集团00000001，集团可以选所有门店
+    queryOrganization(){
+      this.userInfo.inCharegOrgVo.orgCode = this.userInfo.inCharegOrgVo.orgCode == '000001' ? '00000001':this.userInfo.inCharegOrgVo.orgCode
+      
+      const option = {orgCodes:[this.userInfo.inCharegOrgVo.orgCode]}
+      api.liApi.org.queryOrgSetByOrg({orgCodes:["00000001"],},res =>{
+        if(res.data.code == 'success'){
+          let obj = res.data.obj ||[]
+           this.options = obj.map(({orgName:label,orgCode:value,subOrgList:children,}) => {
+             children = children.map(({orgName:label,orgCode:value}) => ({label,value}))
+             if(children.length > 1){
+                children.unshift({
+                  label:'全部PMA',
+                  value:"",
+                })
+             }
+             if(!children.length){
+                children.push({
+                  label:'暂无PMA',
+                  value:"",
+                })
+             }
+             return {label,value,children}
+           })
+          if(this.options.length > 1){
+              this.options.unshift({
+                label:'全部大区',
+                value:"",
+                children:[{
+                  label:'全部PMA',
+                  value:"",
+                }]
+              })
+            }
+        }
+
+        // 设置当前组织的默认属性
+        this.selectedOptions = [this.options[0].value,this.options[0].children[0].value]
+        this.currentLabels = `${this.options[0].label} / ${this.options[0].children[0].label}`
+        //默认查门店
+        let storeInfo = this.userInfo.userAvailableInfo
+        if(storeInfo.availableType == '0'){ //如果是门店账号无需在查门店，直接取
+            this.values = [{
+              label:storeInfo.storeInfoVo.storeName,
+              value:storeInfo.storeInfoVo.storeCode,
+              orgCode: storeInfo.storeInfoVo.orgCode
+            }]
+            // //默认设置门店选中
+            // this.storeCodes = this.checkFlag ? [this.values[0].value] : this.values[0].value
+            this.queryStores("00000001")
+        }else{//不是门店账号的话，再去查
+            // this.queryStores(this.options[0].value == "" ? "00000001" : this.options[0].children[0].value || this.options[0].value)
+            this.queryStores("00000001")
+        }
+      })
+
+      
+    },
+    handleChange(val){
+      //获取当前选中的文字值
+      this.currentLabels = this.$refs.area.currentLabels.join(' / ')
+      let storeInfo = this.userInfo.userAvailableInfo || {}
+      // if(storeInfo.availableType == '0') return //门店账号选中大区的时候，锁定门店
+      let org = val[1] || val[0] || '00000001'//val两个值都是空，说明是集团
+      console.log(org,val,"val");
+      this.queryStores(org)
+    },
+
+    // 默认查询门店
+    queryStores(val){
+      this.$emit('returnId',val)
+      const option = {
+        orgCodes:[val]
+      }
+      api.liApi.org.queryStoreSetByOrg(option,res =>{
+        if(res.data.code == 'success'){
+            this.values = res.data.obj.map(({storeName:label,storeCode:value,orgCode: orgCode}) =>({label,value,disabled:false,orgCode}))
+            // 多选添加全部
+            if(this.checkFlag){
+              this.values.unshift({
+                label:'全部门店',
+                value:"",
+                disabled:false,
+                orgCode: ''
+              })
+            }
+            this.values.forEach(({label,value})=>{
+              this.storeMap.value = label
+            })
+           //默认设置门店
+          //  this.storeCodes = this.checkFlag ? [this.values[0].value] : this.values[0].value
+            let arr = []
+            arr = this.values.map(item => item.value).filter(item => item && item.trim())
+            // this.$emit('select-change',arr,this.values.filter(item => item.value !=='' ))
+            // this.changeValue(this.checkFlag ? arr : this.values[0].value )
+        }
+      })
+    },
+
+    changeValue(val){
+       let arr = []
+       if(val.includes('') && Array.isArray(val)) {
+         arr = this.values.map(item => {
+            this.$set(item,'disabled',true)
+            return item.value
+         }).filter(item => item && item.trim())
+       }
+       else {
+          this.values.forEach(item => {
+            if(item.value == '' && val.length) {
+              console.log(item.value,"item.value");
+            } else item.disabled = false
+          })
+          arr = val
+       }
+      this.$emit('select-change',arr,this.values.filter(item => item.value !=='' ))
+    },
+    // 清空值方法
+    reset() {
+      this.queryOrganization()
+    },
+  },
+  computed: {
+    userInfo(){
+      return JSON.parse(sessionStorage.getItem('userInfo'))
+    }
+  },
+  watch: {
+  },
+  components: {
+  },
+  created() {
+    //获取组织
+    this.queryOrganization()
+    let storeInfo = this.userInfo.userAvailableInfo || {}
+    if(storeInfo.availableType == '0') this.storeFlag = true
+    else this.storeFlag = false
+  }
+};
+</script>
+
+<style lang="scss">
+  .pma {
+    .el-select__tags {
+      text-align: left !important;
+    }
+    .el-tag {
+      max-width: 100%;
+      text-align: left;
+    }
+    .el-select__tags-text {
+      display: inline-block;
+    //   max-width: 90%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      line-height: 1;
+    }
+  }
+</style>

package/src/components/iris-car/index.vue

@@ -0,0 +1,191 @@
+<template lang="html">
+    <div class="row">
+        <div :class="{'col-md-4': col=='3', 'col-md-6': col=='2'}" v-if="!flag">
+			<!-- <div class="form-group">
+				<label class="control-label col-xs-4">厂家 *</label>
+				<div class="col-xs-7">
+					<select class="form-control" v-model="carCurr.factoryCode">
+						<option v-for="(item, index) in factory" :value="item.value" :key="index">{{item.text}}</option>
+					</select>
+				</div>
+			</div> -->
+            <b-form-fieldset horizontal label="厂家" :label-cols="4" class="text-right">
+				<b-form-select v-model="carCurr.factoryCode" :options="factory">
+				</b-form-select>
+			</b-form-fieldset>
+        </div>
+        <div :class="{'col-md-4': col=='3', 'col-md-6': col=='2'}">
+			<!-- <div class="form-group">
+				<label class="control-label col-xs-4">品牌 *</label>
+				<div class="col-xs-7">
+					<select class="form-control" v-model="carCurr.brandCode">
+						<option v-for="(item, index) in brand" :value="item.value" :key="index">{{item.text}}</option>
+					</select>
+				</div>
+			</div> -->
+            <b-form-fieldset horizontal label="品牌" :label-cols="4" class="text-right">
+				<b-form-select v-model="carCurr.brandCode" :options="brand">
+				</b-form-select>
+			</b-form-fieldset>
+        </div>
+        <div :class="{'col-md-4': col=='3', 'col-md-6': col=='2'}">
+			<!-- <div class="form-group">
+				<label class="control-label col-xs-4">车系</label>
+				<div class="col-xs-7">
+					<select class="form-control" v-model="carCurr.seriesCode">
+						<option v-for="(item, index) in series" :value="item.value" :key="index">{{item.text}}</option>
+					</select>
+				</div>
+			</div> -->
+			<b-form-fieldset horizontal label="车系" :label-cols="4" class="text-right">
+				<b-form-select v-model="carCurr.seriesCode" :options="series">
+				</b-form-select>
+			</b-form-fieldset>
+		</div>
+        </div>
+    </div>
+</template>
+<script>
+    import api from '../../common/api'
+	// import config from '../commonConfig'
+	import vm from "vue";
+	export default {
+        props: {
+			flag: {
+				type: Boolean,
+				default: true
+			},
+			col: {
+				type: Number,
+				default: '3'
+			}
+        },
+		data(){
+			return {
+				factory:[],
+				brand:[],
+				series:[],
+				carCurr:{
+					factoryCode:'',
+					brandCode:'',
+					seriesCode:'',
+				},
+
+				mapArr:['factory', 'brand', 'series']
+			}
+		},
+		created(){
+			//false 从厂家开始，true从品牌开始
+			// var flag = this.flag;
+
+			// update by lwx
+			// flag 为true从厂家开始 false从品牌开始
+			this.once()
+
+			
+		},
+
+		computed:{
+			_factoryCode:function(){
+				return this.carCurr.factoryCode;
+			},
+			_brandCode:function(){
+				// console.info(this.carCurr.brandCode);
+				return this.carCurr.brandCode;
+			},
+			_seriesCode:function(){
+				return this.carCurr.seriesCode;
+			},
+		},
+		methods:{
+			// 增加重置功能 by lwx
+			setValue(data){	
+				console.info(data);
+				var i = this.flag?1:0, len;	
+				for(i, len = this.mapArr.length; i < len; i++){
+					this.$set(this.carCurr,this.mapArr[i]+'Code',data[this.mapArr[i]+'Code'])
+				}
+				// console.log(this.carCurr)
+			},
+			clear() {
+				this.carCurr = {
+					factoryCode: '',
+				}
+				this.$emit('callBack',this.carCurr);				
+			},
+			once: function() {
+				if(!this.flag) {
+					this.getData('', 1, 0, 'factory');				
+				}else{
+					this.getData('', 2, 0, 'brand');
+				}
+			},
+			//获取车节点数据
+			getData(code, level, type, name){
+			    var $this = this, code = code || '';
+			    api.baseweb.car.queryCarInfoByCarSearch({
+			        code:code,
+			        level:level,
+			        type:type
+			    },res=>{
+			    	if(res.data.code == 'success'){
+						$this[name] = [];
+						$this.setOptions($this[name], res.data.obj || [], name);		    		
+			    	}			    	
+			    })
+			},
+			//给选项添加数据
+			setOptions(obj, data, nav){
+				//obj = [];
+				// console.log(data)
+				if(data.length == 0 && typeof data != 'object') return;
+				for(var i = 0, len = data.length; i < len; i++){
+					if(nav == 'car'){
+						obj.push({text:data[i]['displayName'], value:data[i][nav+'Code']})
+					}else{
+						obj.push({text:data[i][nav+'Name'], value:data[i][nav+'Code']})
+					}					
+				}
+			},
+			selectBack(type, val){
+				if(!type || !val)return;
+				this.getData(val, 2, 0, 'brand');
+			},
+			resetSelectData(str){
+				var num = this.mapArr.indexOf(str);
+				if(this[str].length == 0)return;
+				for(var i = num, len = this.mapArr.length; i < len; i++){
+					this.carCurr[this.mapArr[i]+'Code'] = null;
+					this[this.mapArr[i]] = []
+				}
+            }
+        },
+        watch:{
+			//监听厂家获取品牌
+			_factoryCode(val){
+				if(!val)return;
+				this.resetSelectData('brand');
+				this.$emit('callBack',this.carCurr);
+				//this.selectData(this.factoryState)
+				this.getData(val, 2, 0, 'brand');
+
+			},
+			//监听品牌获取车系
+			_brandCode(val){
+				if(!val)return;
+				this.resetSelectData('series');
+				this.$emit('callBack',this.carCurr);
+				this.getData(val, 4, 1, 'series');
+			},
+			//监听车系
+			_seriesCode(val){
+				if(!val)return;
+				this.$emit('callBack',this.carCurr);
+			}
+		}
+
+    }
+</script>
+<style lang="scss" scoped>
+    
+</style>