lshcom 1.0.0

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

@@ -0,0 +1,66 @@
+<!--
+ * @Author: luwenxiang
+ * @Date: 2020-05-27 17:10:35
+ * @LastEditors: luwenxiang
+ * @LastEditTime: 2020-05-27 17:36:52
+ * @Description: 人车组件二次包装 （ dialog ）
+ * @FilePath: /livecs/src/components/lsh-customer/dialog.vue
+-->
+
+<template>
+	<el-dialog
+		title="客户主档"
+		no-close-on-backdrop
+		size="large" :before-close="hide"
+		:visible.sync="visible"
+		:modal-append-to-body="false">
+		<customer-vehicle :phoneNo="phoneNo" ref="vehicle" @comfirm="handleConfirm" @handleCancel="handleCancel" />
+	</el-dialog>
+</template>
+<script>
+
+import Vue from 'vue'
+import { Dialog } from 'element-ui'
+import CustomerVehicle from './index'
+Vue.use(Dialog)
+
+export default {
+	props: {
+		// 取消事件是否交由外部处理
+		cancel: {
+			type: Boolean,
+			default: false
+		}
+	},
+	components: {
+		CustomerVehicle
+	},
+    data() {
+        return {
+			visible: false,
+			phoneNo: null
+        }
+    },
+    methods: {
+		show({ mobilePhone }) {
+			console.log('test:>show', mobilePhone)
+			this.phoneNo = +mobilePhone
+			this.visible = true
+		},
+		hide() {
+			this.visible = false
+			this.phoneNo = null
+			this.$refs.vehicle.handleReset()
+		},
+		handleConfirm(info) {
+			this.$emit('handleConfirm', info)
+			this.hide()
+		},
+		handleCancel() {
+			this.cancel && this.$emit('handleCancel')
+			!this.cancel && this.hide()
+		}
+    }
+}
+</script>
+

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

@@ -0,0 +1,453 @@
+<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
+      }
+      if (!this.selCont.bpNum) {
+        this.$message({
+          message: '请编辑保存客户信息',
+          type: 'warning'
+        })
+        return
+      }
+
+      this.$emit('comfirm', this.selCont)
+		console.log('this.selCont')
+		console.log(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-vehicle/dialog.vue

@@ -0,0 +1,47 @@
+<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" @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
+    }
+  },
+  
+  methods: {
+    show({ frameNo}) {
+      this.frameNo = frameNo
+      this.visible = true
+    },
+    hide() {
+      this.visible = false
+      this.frameNo = ''
+      this.$refs.vehicle.handleReset()
+    },
+    handleConfirm(info) {
+      this.$emit('handleConfirm', info)
+      this.hide()
+    }
+  }
+}
+</script>
+