1

src/views/base/customer/CustomerDetail.vue

@@ -1,31 +0,0 @@
-<template>
-  <div>
-
-  </div>
-</template>
-
-<script>
-import * as CustomerMainApi from '@/api/base/customer';
-export default {
-  name: "BindCar",
-  data() {
-    return {
-
-    };
-  },
-  created() {
-    const row = this.$route.query.row
-  },
-  methods: {
-    /**通过id客户信息查询*/
-    getById(){
-
-    }
-
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

src/views/base/customer/CustomerMember.vue

@@ -0,0 +1,128 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ formData.levelName }}</span>
+      </div>
+      <!--客户基本信息-->
+      <el-descriptions class="margin-top" :column="3" border>
+        <el-descriptions-item>
+          <template slot="label">
+            会员名称
+          </template>
+          {{ formData.cusName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            性别
+          </template>
+          <dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="formData.sex"/>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            联系方式
+          </template>
+          {{ formData.phoneNumber }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            生日
+          </template>
+          {{ parseTime(formData.birthday, '{y}-{m}-{d}') }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            客户来源
+          </template>
+          <dict-tag :type="DICT_TYPE.DICT_CUS_DATA_FROM" :value="formData.dataFrom"/>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            最近办理业务
+          </template>
+          <dict-tag :type="DICT_TYPE.DICT_CUS_BUSI_TYPE" :value="formData.nearDoContent"/>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            联系地址
+          </template>
+          {{ formData.address }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            绑定车辆
+          </template>
+          <template v-for="item in formData.carList">
+            <el-popover
+              placement="top-start"
+              width="200"
+              trigger="hover"
+              :content="item.licenseNumber">
+              <el-tag
+                style="margin-left: 5px"
+                :key="item.id"
+                slot="reference">
+                {{ item.brandStr }}({{ item.modelStr }})
+              </el-tag>
+            </el-popover>
+          </template>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            会员标签
+          </template>
+          <template v-for="item in formData.labelList">
+            <el-popover
+              placement="top-start"
+              width="200"
+              trigger="hover"
+              :content="item.labelContent">
+              <el-tag
+                style="margin-left: 5px"
+                :key="item.id"
+                slot="reference"
+                :type="item.labelType">
+                {{ item.labelName }}
+              </el-tag>
+            </el-popover>
+          </template>
+        </el-descriptions-item>
+
+      </el-descriptions>
+      </el-card>
+  </div>
+</template>
+
+<script>
+import * as CustomerMainApi from '@/api/base/customer';
+
+export default {
+  name: "CustomerMember",
+  data() {
+    return {
+      //列表传入数据
+      param: {},
+      //当前客户数据
+      formData: {},
+    };
+  },
+  created() {
+    const row = this.$route.query.row
+    this.param = row
+    this.getById(row.id)
+  },
+  methods: {
+    /**通过id客户信息查询*/
+    async getById(id) {
+      const res = await CustomerMainApi.getCustomerMain(id);
+      this.formData = res.data;
+      console.log(this.formData)
+    }
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/base/customer/components/CorpCustomer.vue

@@ -45,6 +45,7 @@
                 <dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex"/>
               </template>
             </el-table-column>
+            <el-table-column width="80" label="会员等级" align="center" prop="levelName" />
             <el-table-column width="110" label="联系方式" align="center" prop="phoneNumber"/>
             <el-table-column width="100" label="生日" align="center" prop="birthday">
               <template v-slot="scope">

src/views/base/customer/components/PrivateCustomer.vue

@@ -40,8 +40,7 @@
           <dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex" />
         </template>
       </el-table-column>
-      <el-table-column width="80" label="会员等级" align="center" prop="levelName">
+      <el-table-column width="80" label="会员等级" align="center" prop="levelName" />
-      </el-table-column>
       <el-table-column width="110" label="联系方式" align="center" prop="phoneNumber"/>
       <el-table-column width="100" label="生日" align="center" prop="birthday">
         <template v-slot="scope">
@@ -204,7 +203,7 @@ export default {
      */
     customerDetail(row){
       this.$router.push({
-        name: "CustomerDetail",
+        name: "CustomerMember",
         query:{
           row: row
         }

src/views/base/customer/components/TodoCustomer.vue

@@ -30,6 +30,7 @@
 
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column width="100" label="客户名称" align="center" prop="cusName"/>
+      <el-table-column width="80" label="会员等级" align="center" prop="levelName" />
       <el-table-column width="60" label="性别" align="center" prop="sex">
         <template v-slot="scope">
           <dict-tag :type="DICT_TYPE.DICT_SYS_USER_SEX" :value="scope.row.sex" />

src/views/login.vue

@@ -133,7 +133,8 @@ export default {
   },
   data() {
     return {
-      tenantCode:"lanan",
+      tenantCode:"lighting",
+      // tenantCode:"lanan",
       codeUrl: "",
       //是否开启图形验证码
       captchaEnable: false,