From 97c1eb6f81baf5c6043fb4680a1c32e631f6451e Mon Sep 17 00:00:00 2001
From: lzttt <1803073139@qq.com>
Date: Thu, 17 Oct 2024 17:18:35 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=86=E5=88=AB=E4=BB=A3=E5=8A=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/partner/CustomerInfo.vue | 526 ++++++++++++++++-------------
 src/views/partner/api/customer.js  |  10 +
 2 files changed, 302 insertions(+), 234 deletions(-)

diff --git a/src/views/partner/CustomerInfo.vue b/src/views/partner/CustomerInfo.vue
index 08384be..f5c1cb8 100644
--- a/src/views/partner/CustomerInfo.vue
+++ b/src/views/partner/CustomerInfo.vue
@@ -25,16 +25,26 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="角色" prop="roleCode">
-        <el-select v-model="queryParams.roleCode" placeholder="请选择角色">
-          <el-option
-            v-for="dict in dict.type.jcz_role"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
-          ></el-option>
-        </el-select>
-      </el-form-item>
+
+<!--      <el-form-item label="角色" prop="roleCode">-->
+<!--        <el-select v-model="queryParams.roleCode" placeholder="请选择角色">-->
+<!--          <el-option-->
+<!--            v-for="dict in dict.type.jcz_role"-->
+<!--            :key="dict.value"-->
+<!--            :label="dict.label"-->
+<!--            :value="dict.value"-->
+<!--          ></el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+
+      <!--简单比较，不做角色绑定-->
+      <el-table-column label="角色" align="center">
+        <template slot-scope="scope">
+          <span>{{ getOrderCount(scope.row.userId) > 1 ? '疑似代办' : '普通用户' }}</span>
+        </template>
+      </el-table-column>
+
+
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -58,7 +68,13 @@
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="客户名称" align="center" prop="customerName" />
       <el-table-column label="客户手机号" align="center" prop="customerPhone" />
-      <el-table-column label="角色"  align="center" prop="roleName" />
+      <el-table-column label="标签"  align="center">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.orderCount > 3" type="danger">疑似代办</el-tag>
+          <el-tag v-else type="success">正常</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="本年度订单数量" align="center" prop="orderCount"/>
       <el-table-column label="性别" align="center" prop="sex">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex"/>
@@ -67,11 +83,11 @@
       <el-table-column label="年龄" align="center" prop="userAge" />
       <el-table-column label="车辆号码----------保险到期时间-------年检到期时间 " width="355" align="center" prop="userCarList" >
         <template slot-scope="scope">
-<!--          <div style="display: flex">-->
-<!--            <div>{{scope.row.userCarList.carNo}}</div>-->
-<!--            <div>{{scope.row.userCarList.insuranceExpiryDate}}</div>-->
-<!--            <div>{{scope.row.userCarList.nextInspectionDate}}</div>-->
-<!--          </div>-->
+          <!--          <div style="display: flex">-->
+          <!--            <div>{{scope.row.userCarList.carNo}}</div>-->
+          <!--            <div>{{scope.row.userCarList.insuranceExpiryDate}}</div>-->
+          <!--            <div>{{scope.row.userCarList.nextInspectionDate}}</div>-->
+          <!--          </div>-->
 
           <el-table v-loading="loading" :show-header="tou" :data="scope.row.userCarList" >
 
@@ -162,7 +178,7 @@
 
 
 
-<!--        新增上传车辆信息-->
+        <!--        新增上传车辆信息-->
         <div  v-for="(item,index) in form.userCarList" :key="index" style="width: 100%; ">
           <el-collapse  v-model="activeName" accordion>
             <el-collapse-item title="车辆信息" accordion>
@@ -241,26 +257,26 @@
                   </el-form-item>
                 </el-col>
               </el-row>
-                <el-row>
-                  <el-col :span="12">
-                    <el-form-item label="保险日期" prop="insuranceDate">
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item label="保险日期" prop="insuranceDate">
                     <el-date-picker
                       v-model="item.insuranceDate"
                       type="date"
                       placeholder="保险日期">
                     </el-date-picker>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12" >
-                    <el-form-item label="保险到期日期" prop="insuranceExpiryDate">
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12" >
+                  <el-form-item label="保险到期日期" prop="insuranceExpiryDate">
                     <el-date-picker
                       v-model="item.insuranceExpiryDate"
                       type="date"
                       placeholder="保险到期日期">
                     </el-date-picker>
-                    </el-form-item>
-                  </el-col>
-                </el-row>
+                  </el-form-item>
+                </el-col>
+              </el-row>
 
 
 
@@ -289,7 +305,7 @@
         </div>
 
 
-    </el-form>
+      </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
@@ -299,218 +315,260 @@
 </template>
 
 <script>
-  import { listCustomerInfo, getCustomerInfo, delCustomerInfo, addCustomerInfo, updateCustomerInfo } from "./api/customer";
-  import request from "@/utils/request";
-  import DictTag from '@/components/DictTagOld/index.vue'
+import {
+  listCustomerInfo,
+  getCustomerInfo,
+  delCustomerInfo,
+  addCustomerInfo,
+  updateCustomerInfo,
+  getUserOrderCounts
+} from './api/customer';
+import request from "@/utils/request";
+import DictTag from '@/components/DictTagOld/index.vue'
 
-  export default {
-    name: "CustomerInfo",
-    components:{DictTag},
-    dicts: ['sys_user_sex','jcz_role'],
-    data() {
-      return {
-        tou:false,
-        // 遮罩层
-        loading: true,
-        // 选中数组
-        ids: [],
-        // 非单个禁用
-        single: true,
-        // 非多个禁用
-        multiple: true,
-        // 显示搜索条件
-        showSearch: true,
-        // 总条数
-        total: 0,
-        // 客户信息表格数据
-        customerInfoList: [],
-        // userCarList:[],
-        // 弹出层标题
-        title: "",
-        // 是否显示弹出层
-        open: false,
-        // 查询参数
-        queryParams: {
-          pageNo: 1,
-          pageSize: 10,
-          customerName: null,
-          customerPhone: null,
-          carNum:null,
-        },
-        // 表单参数
-        form: {
-            userCarList:[{
-            carModel:'',
-            carNo:'',
-            maintenanceDate:'',
-            maintenanceMileage:'',
-            inspectionDate:'',
-            insuranceDate:'',
-            nextMaintenanceDate:'',
-            nextMaintenanceMileage:'',
-            nextInspectionDate:'',
-            insuranceExpiryDate:'',
-          }]
-        },
-        carModel:'',
-        carNo:'',
-        maintenanceDate:'',
-        maintenanceMileage:'',
-        inspectionDate:'',
-        insuranceDate:'',
-        nextMaintenanceDate:'',
-        nextMaintenanceMileage:'',
-        nextInspectionDate:'',
-        insuranceExpiryDate:'',
-        // 表单校验
-        rules: {
-        }
-      };
-    },
-    created() {
-      this.dict = {type:{}}
-      for (let i = 0; i < this.$options.dicts.length; i++) {
-        request({
-          url: '/rescue/dict/data/type/'+this.$options.dicts[i],
-          method: 'get'
-        }).then(res=>{
-          this.$set(this.dict.type,this.$options.dicts[i],res.data)
-        })
+export default {
+  name: "CustomerInfo",
+  components:{DictTag},
+  dicts: ['sys_user_sex','jcz_role'],
+  data() {
+    return {
+      tou:false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 客户信息表格数据
+      customerInfoList: [],
+      //每个用户的订单数量
+      userOrderCounts: [],
+      // userCarList:[],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNo: 1,
+        pageSize: 10,
+        customerName: null,
+        customerPhone: null,
+        carNum:null,
+      },
+      // 表单参数
+      form: {
+        userCarList:[{
+          carModel:'',
+          carNo:'',
+          maintenanceDate:'',
+          maintenanceMileage:'',
+          inspectionDate:'',
+          insuranceDate:'',
+          nextMaintenanceDate:'',
+          nextMaintenanceMileage:'',
+          nextInspectionDate:'',
+          insuranceExpiryDate:'',
+        }]
+      },
+      carModel:'',
+      carNo:'',
+      maintenanceDate:'',
+      maintenanceMileage:'',
+      inspectionDate:'',
+      insuranceDate:'',
+      nextMaintenanceDate:'',
+      nextMaintenanceMileage:'',
+      nextInspectionDate:'',
+      insuranceExpiryDate:'',
+      // 表单校验
+      rules: {
       }
+    };
+  },
+  created() {
+    this.dict = {type:{}}
+    for (let i = 0; i < this.$options.dicts.length; i++) {
+      request({
+        url: '/rescue/dict/data/type/'+this.$options.dicts[i],
+        method: 'get'
+      }).then(res=>{
+        this.$set(this.dict.type,this.$options.dicts[i],res.data)
+      })
+    }
+    this.getList();
+    // this.queryUserOrderCounts();
+  },
+  methods: {
+    addCommodity(){
+      let data = {
+        carModel:this.carModel,
+        carNo:this.carNo,
+        maintenanceDate:this.maintenanceDate,
+        maintenanceMileage:this.maintenanceMileage,
+        inspectionDate:this.inspectionDate,
+        insuranceDate:this.insuranceDate,
+        nextMaintenanceDate:this.nextMaintenanceDate,
+        nextMaintenanceMileage:this.nextMaintenanceMileage,
+        nextInspectionDate:this.nextInspectionDate,
+        insuranceExpiryDate:this.insuranceExpiryDate,
+      }
+      this.form.userCarList.push(data)
+    },
+    deletecomm(index){
+      this.form.userCarList.splice(index, 1);
+    },
+    /** 查询客户信息列表 */
+    getList() {
+      this.loading = true;
+
+      // 查询客户信息
+      listCustomerInfo(this.queryParams).then(response => {
+        this.customerInfoList = response.data.records;
+        this.total = response.data.total;
+        this.loading = false;
+
+        // 获取用户的订单数量
+      //   return getUserOrderCounts().then(userOrderCounts => {
+      //     console.log("成功获取用户订单数量:", userOrderCounts.data);
+      //     this.userOrderCounts = userOrderCounts.data;
+      //   }).catch(error => {
+      //     console.error("获取用户订单数量失败:", error);
+      //   });
+      // }).then(userOrderCounts => {
+      //   this.userOrderCounts = userOrderCounts.data;
+      });
+    },
+    // getRoleLabel(userId) {
+    //   const orderCount = this.getOrderCount(userId);
+    //   return orderCount > 1 ? '疑似代办' : '普通用户';
+    // },
+    queryUserOrderCounts() {
+      getUserOrderCounts().then(userOrderCounts => {
+        console.log("成功获取用户订单数量:", userOrderCounts);
+        // 存储订单数量
+        this.userOrderCounts = userOrderCounts.data;
+        this.getList();
+      }).catch(error => {
+        console.error("获取用户订单数量失败:", error);
+      });
+    },
+    getOrderCount(userId) {
+      const userOrder = this.userOrderCounts.find(order => order.userId === userId);
+      console.log("用户订单数量:", this.userOrderCounts,userOrder);
+      // 如果找不到对应的订单数量，返回0
+      return userOrder ? userOrder.orderCount : 0;
+    },
+
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        partnerId: null,
+        customerName: null,
+        customerPhone: null,
+        userId: null,
+        sex: null,
+        userAge: null,
+        deptId: null,
+        createTime: null,
+        createBy: null,
+        updateTime: null,
+        updateBy: null,
+        userCarList:[{
+          carModel:'',
+          carNo:'',
+          maintenanceDate:'',
+          maintenanceMileage:'',
+          inspectionDate:'',
+          insuranceDate:'',
+          nextMaintenanceDate:'',
+          nextMaintenanceMileage:'',
+          nextInspectionDate:'',
+          insuranceExpiryDate:'',
+        }]
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNo = 1;
       this.getList();
     },
-    methods: {
-      addCommodity(){
-        let data = {
-          carModel:this.carModel,
-          carNo:this.carNo,
-          maintenanceDate:this.maintenanceDate,
-          maintenanceMileage:this.maintenanceMileage,
-          inspectionDate:this.inspectionDate,
-          insuranceDate:this.insuranceDate,
-          nextMaintenanceDate:this.nextMaintenanceDate,
-          nextMaintenanceMileage:this.nextMaintenanceMileage,
-          nextInspectionDate:this.nextInspectionDate,
-          insuranceExpiryDate:this.insuranceExpiryDate,
-        }
-        this.form.userCarList.push(data)
-      },
-      deletecomm(index){
-        this.form.userCarList.splice(index, 1);
-      },
-      /** 查询客户信息列表 */
-      getList() {
-        this.loading = true;
-        listCustomerInfo(this.queryParams).then(response => {
-          this.customerInfoList = response.data.records;
-          // this.userCarList = response.rows.userCarList
-          this.total = response.data.total;
-          this.loading = false;
-        });
-      },
-      // 取消按钮
-      cancel() {
-        this.open = false;
-        this.reset();
-      },
-      // 表单重置
-      reset() {
-        this.form = {
-          id: null,
-          partnerId: null,
-          customerName: null,
-          customerPhone: null,
-          userId: null,
-          sex: null,
-          userAge: null,
-          deptId: null,
-          createTime: null,
-          createBy: null,
-          updateTime: null,
-          updateBy: null,
-          userCarList:[{
-            carModel:'',
-            carNo:'',
-            maintenanceDate:'',
-            maintenanceMileage:'',
-            inspectionDate:'',
-            insuranceDate:'',
-            nextMaintenanceDate:'',
-            nextMaintenanceMileage:'',
-            nextInspectionDate:'',
-            insuranceExpiryDate:'',
-          }]
-        };
-        this.resetForm("form");
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.queryParams.pageNo = 1;
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.resetForm("queryForm");
-        this.handleQuery();
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.ids = selection.map(item => item.id)
-        this.single = selection.length!==1
-        this.multiple = !selection.length
-      },
-      /** 新增按钮操作 */
-      handleAdd() {
-        this.reset();
-        this.open = true;
-        this.title = "添加客户信息";
-      },
-      /** 修改按钮操作 */
-      handleUpdate(row) {
-        const id = row.id || this.ids
-        this.form = row;
-        this.open = true;
-        this.title = "修改客户信息";
-        // this.reset();
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加客户信息";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      const id = row.id || this.ids
+      this.form = row;
+      this.open = true;
+      this.title = "修改客户信息";
+      // this.reset();
 
 
-      },
-      /** 提交按钮 */
-      submitForm() {
-        this.$refs["form"].validate(valid => {
-          if (valid) {
-            if (this.form.id != null) {
-              updateCustomerInfo(this.form).then(response => {
-                this.$modal.msgSuccess("修改成功");
-                this.open = false;
-                this.getList();
-              });
-            } else {
-              addCustomerInfo(this.form).then(response => {
-                this.$modal.msgSuccess("新增成功");
-                this.open = false;
-                this.getList();
-              });
-            }
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateCustomerInfo(this.form).then(response => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addCustomerInfo(this.form).then(response => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
           }
-        });
-      },
-      /** 删除按钮操作 */
-      handleDelete(row) {
-        const ids = row.id || this.ids;
-        this.$modal.confirm('是否确认删除客户信息编号为"' + ids + '"的数据项？').then(function() {
-          return delCustomerInfo(ids);
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-        }).catch(() => {});
-      },
-      /** 导出按钮操作 */
-      handleExport() {
-        this.download('customerInfo/customerInfo/export', {
-          ...this.queryParams
-        }, `customerInfo_${new Date().getTime()}.xlsx`)
-      }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal.confirm('是否确认删除客户信息编号为"' + ids + '"的数据项？').then(function() {
+        return delCustomerInfo(ids);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('customerInfo/customerInfo/export', {
+        ...this.queryParams
+      }, `customerInfo_${new Date().getTime()}.xlsx`)
     }
-  };
+  }
+};
 </script>
diff --git a/src/views/partner/api/customer.js b/src/views/partner/api/customer.js
index 07ead35..e97e02e 100644
--- a/src/views/partner/api/customer.js
+++ b/src/views/partner/api/customer.js
@@ -9,6 +9,14 @@ export function listCustomerInfo(query) {
   })
 }
 
+// 查询客户订单数量列表
+export function getUserOrderCounts() {
+  return request({
+    url: '/customerInfo/customerInfo/userOrderCounts',
+    method: 'get'
+  });
+}
+
 // 查询客户信息详细
 export function getCustomerInfo(id) {
   return request({
@@ -52,3 +60,5 @@ export function partnerGetWtList(query) {
     params: query
   })
 }
+
+