lshcomment 1.0.0

package/src/components/lsh-customer/index.vue

@@ -0,0 +1,445 @@
+<template>
+  <div class="lsh-customer">
+    <b-card header="查询">
+      <div class="row">
+        <div class="col-md-4">
+          <b-form-fieldset horizontal label="移动手机号" label-cols="4" class="text-right">
+            <el-input v-model.trim="queryParams.contactPhoneNo" :maxlength="11" @keyup.native="numberKeyup"/>
+          </b-form-fieldset>
+        </div>
+
+        <div class="col-md-4">
+          <b-form-fieldset horizontal label="车架号" label-cols="4" class="text-right">
+            <el-autocomplete
+              class="inline-input"
+              v-model="queryParams.frameNo"
+              :fetch-suggestions="queryCarVinList"
+              placeholder="请输入车架号"
+              :trigger-on-focus="false"
+              @select="handleSelect">
+            </el-autocomplete>
+          </b-form-fieldset>
+        </div>
+        <div class="col-md-4">
+          <b-form-fieldset horizontal label="车牌号" label-cols="4" class="text-right">
+            <el-input v-model.trim="queryParams.licNum"   placeholder="请输入完整车牌号"/>
+          </b-form-fieldset>
+        </div>
+      </div>
+
+      <div class="col-md-12">
+        <div class="pull-right">
+          <!-- <b-button size="sm" variant="default" @click="handleCancel">取消</b-button> -->
+          <b-button size="sm" variant="primary" @click="handleQuery">查询</b-button>
+        </div>
+      </div>
+    </b-card>
+
+    <b-card>
+      <el-tabs v-model="activeName" type="card">
+
+        <el-tab-pane label="用户管理" name="first">
+
+          <div class="pull-left tab-first">
+            <b-button size="sm" variant="default" @click="add">新增</b-button>
+            <b-button size="sm" variant="primary" @click="edit">编辑</b-button>
+            <b-button size="sm" variant="primary" @click="comfirm" class="btn-comfirm">确定</b-button>
+          </div>
+
+          <el-table
+            :data="tableList"
+            border
+            max-height="400"
+            @row-click="rowClick"
+            style="width: 100%">
+
+            <el-table-column
+              label="选择"
+              align="center"
+              min-width="60">
+              <template slot-scope="scope">
+                <input type="radio" v-model="selCont" :value="scope.row">
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              label="客户编码"
+              align="center"
+              prop="scvId"
+              show-overflow-tooltip
+              min-width="100" />
+
+              <el-table-column
+                label="客户姓名"
+                align="center"
+                prop="customerName"
+                show-overflow-tooltip
+                min-width="100" />
+
+              <el-table-column
+                label="手机号"
+                align="center"
+                prop="contactPhoneNo"
+                show-overflow-tooltip
+                min-width="100" />
+
+              <el-table-column
+                label="客户类型"
+                align="center"
+                prop="custType"
+                show-overflow-tooltip
+                min-width="100">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.custType == 'customTypeGroupCus' ? '公司客户' : '个人客户'}}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column
+                label="称谓"
+                align="center"
+                prop="customerGender"
+                show-overflow-tooltip
+                min-width="100">
+                <template slot-scope="scope">
+                  <span>{{ scope.row.customerGender | formatGender }}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column
+                label="证件类型"
+                align="center"
+                prop="customerIdType"
+                show-overflow-tooltip
+                min-width="100" />
+              
+              <el-table-column
+                label="证件号"
+                align="center"
+                prop="customerIdNo"
+                show-overflow-tooltip
+                min-width="100" />
+
+              <el-table-column
+                label="生日"
+                align="center"
+                prop="customerBirthDate"
+                show-overflow-tooltip
+                min-width="100">
+                 <template slot-scope="scope">
+                  <span>{{ scope.row.customerBirthDate | formatTime }}</span>
+                </template>
+              </el-table-column>
+              
+              <el-table-column
+                label="已绑车辆"
+                align="center"
+                prop="bindingVehicleNum"
+                show-overflow-tooltip
+                min-width="100" />
+
+          </el-table>
+        </el-tab-pane>
+
+        <el-tab-pane label="配置管理" name="second" disabled>
+          <LshCust :custVo="selCont" :isEdit="isEdit" @cancel="cancel" @preserve="preserve"/>
+        </el-tab-pane>
+      </el-tabs>
+    </b-card>
+  </div>
+</template>
+
+<script>
+import LshCust from '../LshCust/index'
+import config from 'common/config'
+import api from 'common/api'
+export default {
+  props: {
+    phoneNo: {
+      type: Number,
+      default: null
+    }
+  },
+
+  data() {
+    return {
+      activeName: 'first',
+      queryParams: {
+        contactPhoneNo: '',
+        customerName: '',
+        frameNo: '',
+        pageStart: 1,
+        pageNums: 1000,
+        licNum:'',
+      },
+      tableList: [],
+      selCont: null,
+      isEdit: false,
+      chooseList: [],
+    }
+  },
+
+  watch: {
+    phoneNo(val) {
+      if (val) {
+        this.queryParams.contactPhoneNo = val
+        this.handleQuery()
+      }
+    }
+  },
+
+
+
+  created() {
+    this.init()
+  },
+
+
+
+  methods: {
+    init() {
+      if (this.phoneNo) {
+        this.queryParams.contactPhoneNo = this.phoneNo
+        this.handleQuery()
+      }
+    },
+
+
+    /**
+     * @desc 查询
+     */
+    handleQuery() {
+      // if (!this.queryParams.contactPhoneNo) {
+      //   this.$message({
+      //     message: '请输入手机号',
+      //     type: 'warning'
+      //   })
+      //   return
+      // }
+      this.activeName = 'first'
+      api.liApi.custVehcile.getCustByPhoneName(this.queryParams, res => {
+        if (res && res.data.code === 'success') {
+          this.tableList = res.data.obj || []
+        }
+      })
+    },
+
+
+    /**
+     * @desc 取消
+     */
+    // handleCancel() {
+    //   this.$emit('handleCancel')
+    // },
+
+
+    /**
+     * @desc 新增
+     */
+    add() {
+      this.activeName = 'second'
+      this.selCont = null
+      this.isEdit = false
+    },
+
+
+    /**
+     * @desc 编辑
+     */
+    edit() {
+      if (!this.selCont) {
+        this.$message({
+          message: '请选择一条数据',
+          type: 'warning'
+        })
+        return
+      }
+      console.log('test:>selCont', this.selCont)
+      this.isEdit = true
+      this.activeName = 'second'
+    },
+
+
+    /**
+     * @desc 确定
+     */
+    comfirm() {
+      if (!this.selCont) {
+        this.$message({
+          message: '请选择一条数据',
+          type: 'warning'
+        })
+        return
+      }
+      this.$emit('comfirm', this.selCont)
+      
+      const params = {
+        saveFrom: 0,
+        custVo: this.selCont,
+      }
+      api.liApi.custVehcile.setCustVehicle(params, res => {
+        if (res && res.data.code === 'success') {
+
+        }
+      })
+    },
+
+
+    /**
+     * @desc 保存 
+     */
+    preserve(Vo) {
+      this.queryParams = {
+        contactPhoneNo: Vo.contactPhoneNo,
+        pageStart: 1, 
+        pageNums: 1000
+      }
+      this.activeName = 'first'
+      this.$emit('comfirm', Vo)
+    },
+
+    /**
+     * 重置
+     */
+    handleReset() {
+      this.activeName = 'first'
+      this.queryParams = {
+        contactPhoneNo: '',
+        customerName: '',
+        frameNo: '',
+        pageStart: 1,
+        pageNums: 1000
+      }
+      this.tableList = []
+      this.selCont = null
+      this.isEdit = false
+    },
+
+
+    /**
+     * @desc 取消
+     */
+    cancel() {
+      this.activeName = 'first'
+    },
+
+
+    /**
+     * 车架号模糊查询
+     * @method queryCarVinList
+     * @param {string} 输入车架号
+     * @param {callBack} cb 回调
+     */
+    queryCarVinList(val, cb) {
+      if (!val || val.length < 6) {
+        cb([])
+        return
+      }
+      api.liApi.custVehcile.queryCarVinList({vinNoReverse: val}, res => {
+        if (res && res.data.code === 'success') {
+          if (res.data.obj.list && res.data.obj.list.length > 0) {
+            let list = res.data.obj.list.map((item, index) => {
+              return { value: item.vinNo, index: index }
+            })
+            cb(list)
+            this.chooseList = res.data.obj.list
+          } else {
+            cb([])
+          }
+        }
+      })
+    },
+
+    /**
+     * 车架号下拉选择
+     * @method handleSelect
+     * @param {object} item 当前选择项
+     */
+    handleSelect(item) {
+      this.queryParams.frameNo = item.value
+    },
+
+
+    /**
+     * @desc 点击行
+     */
+    rowClick(row) {
+      this.selCont = row
+    },
+
+
+    numberKeyup(e) {
+      e.target.value = e.target.value.replace(/[^\d]/g,'')
+    },
+
+    /**
+     * @desc 查询数字字典
+     */
+    queryRef(params) {
+      api.ref.getDataDictionarys(params, res => {
+        if (res && res.data.code == 'success') {
+          const Vo = res.data.obj || {}
+          const list  = Vo.referenceDetailInfos || []
+          this.orderConvertList = list.map(({ refDetailName: label, refDetailValue: value }) => ({ label, value }))
+          this.orderConvertList1 = [{label: '全部', value: ''}, ...this.orderConvertList]
+        }
+      })
+    },
+  },
+
+  filters: {
+    formatTime(val) {
+      if (!val) {
+        return ''
+      }
+      let y = new Date(val).getFullYear()
+      let m = new Date(val).getMonth() + 1
+      let d = new Date(val).getDate()
+      let h = new Date(val).getHours()
+      let mm = new Date(val).getMinutes()
+      let s = new Date(val).getSeconds()
+      m < 10 && (m = '0' + m)
+      d < 10 && (d = '0' + d)
+      return `${y}-${m}-${d}` 
+    },
+
+    formatGender(val) {
+      let sex = ''
+      switch (val) {
+        case 'GenderTypeM':
+          sex = '先生' 
+          break
+        case 'GenderTypeF':
+          sex = '女士'
+          break
+        case 'GenderTypeG':
+          sex = '公司'
+      }
+      return sex
+    }
+  },
+
+  components: {
+    LshCust
+  }
+
+}
+</script>
+
+
+
+<style lang="scss">
+.lsh-customer {
+  .tab-first {
+    width: 100%;
+    margin-bottom: 10px;
+    .btn-comfirm {
+      float: right;
+    }
+  }
+
+  .el-autocomplete {
+    width: 100%;
+  }
+}
+
+</style>

package/src/components/lsh-organiza/index.vue

@@ -0,0 +1,272 @@
+<template>
+  <div class="lsh-organiza">
+     <el-select v-model="orgProperty" placeholder="请选择" class="orgType" @change="handleChangeOrg" :disabled="!!orgVo || orgFlag">
+      <el-option
+        v-for="item in orgPropertyList"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value">
+      </el-option>
+    </el-select>
+
+    <el-select v-model="orgCode" placeholder="请选择" class="orgStore" filterable @change="handleChange" :disabled="isDisabled || !!orgVo">
+      <el-option
+        v-for="item in orgList"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value">
+      </el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+import api from 'common/api'
+export default {
+  props: {
+    orgVo: {
+      type: Object,
+      default: null
+    },
+    allType: {
+      type: Boolean,
+      default: false
+    },
+    addType: {
+      type: Boolean,
+      default: false
+    },
+    flag: { // 不显示大区和PMA
+      type: Boolean,
+      default: false
+    },
+    orgFlag: {
+      type: Boolean,
+      default: false
+    },
+    showStore: {
+      type: Boolean,
+      default: false
+    },
+    isBackValue: { // 组织门店回显
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      orgCode: '',
+      orgProperty: '',
+      orgPropertyList: [
+        {label: '全国', value: '1'},
+        {label: '大区', value: '2'},
+        {label: 'PMA', value: '3'},
+        {label: '门店', value: '4'},
+      ],
+      orgPropertyList_: [
+        {label: '全国', value: '1'},
+        {label: '门店', value: '4'},
+      ],
+      orgPropertyList_store: [
+        {label: '门店', value: '4'},
+      ],
+      orgList: [],
+      isDisabled: false,
+      useCacheFlag: false,
+    };
+  },
+
+  watch: {
+    orgVo: {
+      handler(newVal, oldVal) {
+        if (newVal) {
+          const { useAreaOrgCode, useAreaOrgName, useAreaTypeCode} = newVal
+          this.orgCode = useAreaOrgCode
+          this.orgProperty = useAreaTypeCode
+          this.orgList = [{value: useAreaOrgCode, label: useAreaOrgName}]
+        }
+      },
+      immediate: true
+    }
+  },
+
+  created() {
+    !this.orgVo && this.init()
+    if (this.flag){
+      // this.orgPropertyList = this.orgPropertyList_
+    }
+    if (this.showStore) {
+      this.orgPropertyList = this.orgPropertyList_store
+      this.orgProperty = '4'
+      if (!this.isBackValue) {
+        this.queryOrganizationByOrgcodes()
+      }
+    }
+  },
+
+  methods: {
+    init() {
+      let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
+      let orgProperty = +userInfo.userAvailableInfo.orgProperty
+      this.orgProperty = userInfo.userAvailableInfo.orgProperty
+      // 服务合约配置税率设置，只有门店和全国，不存在大区
+      if (this.flag) {
+        if(this.orgProperty !== '1') {
+          this.orgProperty = '4'
+          this.orgPropertyList = this.orgPropertyList_store
+        } else {
+          this.orgPropertyList = this.orgPropertyList_
+        }
+        
+        this.orgVo = null
+        this.queryOrganizationByOrgcodes()
+        return
+      }
+      if ((this.allType || this.addType) && this.orgProperty == '1') {
+        this.orgProperty = '2'
+        this.orgPropertyList.splice(0, 1)
+      }
+      while (orgProperty > 1) {
+        this.orgPropertyList.splice(0, 1)
+        orgProperty--
+      }
+      
+      this.queryOrganizationByOrgcodes()
+    },
+
+    /**
+     * 组织范围修改
+     * @method handleChangeOrg
+     * @param {string} val 组织类型code
+     */
+    handleChangeOrg(val) {
+      this.queryOrganizationByOrgcodes()
+    },
+
+    /**
+     * 选择组织
+     * @method handleChange
+     * @param {string} val 组织code
+     */
+    handleChange(val) {
+      console.log('handleChange',val)
+      let label;
+      let storeCode;
+      let index = 0;
+      while (index >= 0) {
+        if (this.orgList[index].value === val) {
+          label = this.orgList[index].label
+          storeCode = this.orgList[index].storeCode
+          index = -1
+          break
+        }
+        index++
+      }
+
+      let Vo = {
+        storeCode,
+        useAreaOrgCode: val,
+        useAreaOrgName: label,
+        useAreaTypeCode: this.orgProperty
+      }
+      this.$emit('getOrgProPerty', Vo)
+    },
+
+    /**
+     * 重置
+     * @method handleReset
+     */
+    handleReset() {
+      let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
+      let orgProperty = userInfo.userAvailableInfo.orgProperty
+      if (this.allType && orgProperty == '1') {
+        this.orgProperty = '2'
+        this.orgCode = ''
+      }
+    },
+    // 服务合约重置
+    reSet() {
+      this.orgProperty = this.orgPropertyList[0].value
+    },
+    /**
+     * 根据级别查询组织
+     * @method queryOrganizationByOrgcodes
+     */
+    queryOrganizationByOrgcodes() {
+      let params = {
+        orgProperty: this.orgProperty,
+      }
+      api.liApi.org.queryOrganizationByOrgcodes(params, res => {
+        if (res && res.data.code === 'success') {
+          this.orgList = res.data.obj.map(({orgCode: value, orgName: label, storeCode}) => ({
+            value, label, storeCode
+          }))
+
+          let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
+          let orgProperty = userInfo.userAvailableInfo.orgProperty
+          this.isDisabled = this.orgProperty == orgProperty ? true : false
+          // 服务合约税率配置，如果是大区或是PMA，选择全国disabled, 选择门店放开
+          if (this.flag && orgProperty !== 4 && this.orgProperty == 1) this.isDisabled = true
+          if (this.allType) {
+            if (orgProperty === '1') {
+              this.orgList.unshift({value: '', label: '全部', storeCode: ''})
+              this.orgCode = ''
+              this.handleChange('')
+            } else {
+              if (this.orgProperty != orgProperty) {
+                this.orgList.unshift({value: '', label: '全部', storeCode: ''})
+                this.handleChange('')
+                this.orgCode = this.orgList[0].value
+              } else {
+                this.orgCode = userInfo.inCharegOrgVo.orgCode
+              }
+            }            
+          } else {
+            this.orgCode = this.orgList[0].value
+          }
+          if(this.useCacheFlag){
+            let obj = this.$store.state.queryParams[`${this.$route.path}Organiza`]
+            if(obj){
+              this.orgCode = obj.orgCode || ''
+            }
+          }
+        }
+      })
+    },
+    setDate(type) {
+      this.orgProperty = type;
+      setTimeout(() => {
+        this.isDisabled = true;
+      }, 1000);
+    },
+    // 设置缓存
+    setCache(){
+      this.$store.commit('queryParams/setParams', {params: {
+        orgProperty: this.orgProperty,
+        orgCode: this.orgCode,
+      }, key: `${this.$route.path}Organiza`})
+    },
+    // 应用缓存
+    useCache(){
+      let obj = this.$store.state.queryParams[`${this.$route.path}Organiza`]
+      if(obj){
+        this.orgProperty = obj.orgProperty || ''
+        this.useCacheFlag = true
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.lsh-organiza {
+  .orgType {
+    width: 38%!important;
+    display: inline-block;
+  }
+  .orgStore {
+    width: 60%!important;
+    display: inline-block;
+  }
+}
+</style>