lshcomment 1.0.0

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

@@ -0,0 +1,254 @@
+<template>
+  <div class="LSH-organization" @click.stop>
+    <el-input @click.native.stop="changeStatus" v-model="checkNames" :disabled="isDisabled || readload"/>
+    <el-tree
+      :data="options"
+      show-checkbox
+      ref="tree"
+      node-key="value"
+      v-show="orgFlag"
+      class="organization"
+      :default-checked-keys="checkedKeys"
+      :props="defaultProps">
+    </el-tree>
+  </div>
+</template>
+
+<script>
+import api from 'common/api'
+export default {
+  props: {
+    usageInfoList: {
+      type: Array,
+      default: () => []
+    },
+    readload: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      orgFlag: false,
+      isStore: false,
+      isDisabled: false,
+      checkNames: '',        // 选中展示名字
+      userInfo: {},      
+      checkedKeys: [],       // 默认勾选数组
+      // expandedKeys: [],      // 默认展开数组
+      options: [],           // 树
+      defaultOptions: [],    // 默认数组
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      }
+    }
+  },
+
+  watch: {
+    orgFlag(val) {
+      if (!val) {
+        let list = []
+        this.checkNames = ''
+        let nodes = this.$refs.tree.getCheckedNodes()
+        
+        nodes = nodes.sort(function(a, b) {
+          return a.level - b.level
+        })
+
+        while(nodes.length !== 0) {
+          let item = nodes.shift()
+          if (item.level === 0) {
+            this.checkNames = item.label
+            list = [{orgName: item.label, orgCode: item.value, relationCodeList: item.value}]
+            this.$emit('changeOrg', list)
+            return
+          }
+
+          let flag = list.some(_item => {
+            return item.relationCodeList.indexOf(_item.orgCode) !== -1
+          })
+
+          if (!flag) {
+            list.push({orgName: item.label, orgCode: item.value, relationCodeList: item.relationCodeList})
+            this.checkNames = this.checkNames ? `${this.checkNames}、${item.label}` : item.label
+          }
+        }
+        
+        this.$emit('changeOrg', list)
+      }
+    },
+
+    usageInfoList: {
+      handler(newVal, oldVal) {
+        if (this.isStore) return
+        if (!newVal || JSON.stringify(newVal) === '[]') {
+          this.checkNames = ''
+          this.$refs.tree && this.$refs.tree.setCheckedKeys([])
+          return
+        }
+        this.checkNames = ''
+        let list = JSON.parse(JSON.stringify(newVal))
+        list.sort(function(a, b) {
+          return a.orgCode - b.orgCode
+        })
+        list = list.map(item => {
+          this.checkNames = this.checkNames ? `${this.checkNames}、${item.orgName}` : (item.orgName || item.label)
+          return item.orgCode || item.value
+        })
+        this.checkedKeys = list
+        this.$refs.tree.setCheckedKeys(list)
+        // this.expandedKeys = list
+      },
+      immediate: true
+    }
+  },
+
+  created() {
+    this.init()
+  },
+
+  mounted() {
+    document.onclick = (e) => {
+      this.orgFlag = false
+    }
+  },
+
+  methods: {
+    init() {
+      this.userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
+      this.isDisabled = this.userInfo.userAvailableInfo.availableType == '0' ? true : false
+      this.queryOrganization()
+    },
+
+    /**
+     * 节点选中状态发生变化
+     * @method handleCheckChange
+     * @param {object} data 数组中该节点所对应的对象
+     * @param {boolean} checked 节点本身是否被选中
+     * @param {boolean} indeterminate 节点的子树中是否有被选中的节点
+     */
+    handleCheckChange(data, checked, indeterminate) {
+
+      // console.log(data, checked, indeterminate)
+    },
+
+    /**
+     * 展示/隐藏
+     * @method changeStatus
+     */
+    changeStatus() {
+      if (this.isStore || this.readload) return
+      this.orgFlag = !this.orgFlag
+    },
+
+    /**
+     * 加载子树
+     * @method loadNode
+     * @param {object} node node节点
+     * @param {func} resolve 返回回调
+     */
+    loadNode(node, resolve) {
+      if (node.level === 1) {
+        return resolve(node.data.children)
+      } else if (node.level >= 2) {
+        const options = {orgCode: node.data.value}
+        api.liApi.workFlow.getLxh(options).then(res => {
+          if (res && res.data.code === 'success') {
+            let obj = res.data.obj
+            if (obj && obj.childOrganizations && JSON.stringify(obj.childOrganizations) !== '[]') {
+              let list = obj.childOrganizations.map(({orgCode: value, orgName: label}) => ({
+                label, value, fatherOrgCode: node.data.value, level: node.data.level + 1, relationCodeList: `${node.data.relationCodeList},${value}`
+              }))
+              return resolve(list)
+            } else {
+              return resolve([])
+            }
+            
+          }
+        })
+      } else {
+        return resolve([])
+      }
+    },
+
+    /**
+     * 获取组织树
+     * @method queryOrganization
+     */
+    queryOrganization(){
+      let orgCode = this.userInfo.userAvailableInfo.storeInfoVo ? this.userInfo.userAvailableInfo.storeInfoVo.orgCode : '00000001'
+      const params = {orgCode}
+      if(orgCode === '00000001') {
+        this.global.post(this.global.cxb + '/api/systemFoundation_service/v1/sys/org/getAllStoreByOrdCode', params, obj => {
+          this.isStore = false
+          this.options = this.deepFormat([obj])
+        })
+        return
+      }
+      api.liApi.workFlow.getLxh(params).then(res => {
+        if (res && res.data.code === 'success') {
+          let obj = res.data.obj
+          if (obj.childOrganizations && JSON.stringify(obj.childOrganizations) !== '[]') {
+            this.isStore = false
+            let options = obj.childOrganizations.map(({orgName: label, orgCode: value, fatherOrgCode}) => ({
+              label, value, fatherOrgCode, level: 1, relationCodeList: `${obj.orgCode},${value}`
+            }))
+            options = options.sort(function(a, b) {
+              return a.value - b.value
+            })
+            this.options = [{label: obj.orgName, value: obj.orgCode, level: 0, children: options}]
+          } else {
+            this.isStore = true
+            this.checkNames = obj.orgName
+            this.options = [{label: obj.orgName, value: obj.orgCode, level: 1}]
+            let checkedKeys = [{orgName: obj.orgName, orgCode: obj.orgCode}]
+            this.$emit('changeOrg', checkedKeys)
+          }
+          
+        }
+      })
+    },
+    // 递归格式化数据
+    deepFormat(arr, level = 0){
+      arr = arr.sort(function(a, b) {
+        return a.orgCode - b.orgCode
+      })
+      return arr.map(item => {
+        return {
+          label: item.orgName,
+          value: item.orgCode,
+          fatherOrgCode: item.fatherOrgCode,
+          level,
+          relationCodeList: item.relationCodeList,
+          children: item.childOrganizations ? this.deepFormat(item.childOrganizations, level + 1) : undefined,
+        }
+      })
+    },
+    
+  },
+
+  beforeDestroy() {
+    document.onclick = null
+  }
+}
+</script>
+
+<style lang="scss">
+.LSH-organization {
+  position: relative;
+  .organization {
+    position: absolute;
+    z-index: 10;
+    // width: 100%;
+  }
+  .el-tree {
+    text-align: left!important;
+    min-height: 120px;
+    max-height: 300px;
+    overflow-y: auto;
+    // width: 150%;
+  }
+}
+</style>

package/src/components/lsh-vehicle/dialog.vue

@@ -0,0 +1,53 @@
+<template>
+	<el-dialog
+		title="车辆主档"
+		no-close-on-backdrop
+		size="large" :before-close="hide"
+		:visible.sync="visible"
+		:modal-append-to-body="false">
+		<customer-vehicle ref="vehicle" :frameNo="frameNo" :contactPhoneNo="contactPhoneNo" :licNum="licNum" @comfirm="handleConfirm"/>
+	</el-dialog>
+</template>
+<script>
+
+import Vue from 'vue'
+import { Dialog } from 'element-ui'
+import CustomerVehicle from './index'
+Vue.use(Dialog)
+
+export default {
+	components: {
+		CustomerVehicle
+  },
+  
+  data() {
+    return {
+      visible: false,
+      frameNo: null,
+      contactPhoneNo: null,
+      licNum: null,
+    }
+  },
+  
+  methods: {
+    show(obj = {}) {
+      this.frameNo = obj.frameNo || obj.plateNumberOrVin || ''
+      this.contactPhoneNo = obj.contactPhoneNo || obj.mobilePhone || ''
+      this.licNum = obj.licNum || obj.plateNumber || ''
+      this.visible = true
+    },
+    hide() {
+      this.visible = false
+      this.frameNo = ''
+      this.contactPhoneNo = ''
+      this.licNum = ''
+      this.$refs.vehicle.handleReset()
+    },
+    handleConfirm(info) {
+      this.$emit('handleConfirm', info)
+      this.hide()
+    }
+  }
+}
+</script>
+