lshcomment 1.0.0

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

@@ -0,0 +1,280 @@
+<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.orgCode"
+          :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() {
+      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;
+          } 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.queryStoreInfo(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) 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-areaqueryshop/lsh-service-index.vue

@@ -0,0 +1,208 @@
+<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"
+          :disabled="casFlag"
+          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" :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:''
+    };
+  },
+  props: {
+    area: {
+      type: String,
+      default: ''
+    },
+    store: {
+      type: String,
+      default: ''
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    showStoreName:{
+      type: Boolean,
+      default: false
+    },
+    isEdit:{
+      type: Boolean,
+      default: false
+    },
+    casFlag: {
+      type: Boolean,
+      default: false
+    },
+    storeFlag: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+      //查询当前的组织
+    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:[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
+        }else{//不是门店账号的话，再去查
+            this.queryStores(this.options[0].value == "" ? "00000001" : this.options[0].children[0].value || this.options[0].value)
+        }
+      })
+
+      
+    },
+    // 默认查询门店
+    queryStores(val,code){
+      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.storeCodes =  code ? code : ''
+        }
+      })
+    },
+    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 !=='' ))
+    },
+   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)
+    },
+  },
+  computed: {
+    userInfo(){
+      return JSON.parse(sessionStorage.getItem('userInfo'))
+    }
+  },
+  watch: {
+  },
+  components: {
+  },
+  created() {
+    this.queryOrganization()
+  }
+};
+</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>