九州-投诉 显示客户所属关系

.env.prod-hcl

@@ -3,9 +3,9 @@ VUE_APP_TITLE =恒春来管理系统
 # 首页菜单标题
 VUE_APP_TITLE_INDEX =恒春来
 # 公司名称
-VUE_APP_COMPANY_NAME =黑龙江珠斯网络科技有限公司
+VUE_APP_COMPANY_NAME =福州恒春来健康咨询有限公司
 # ICP备案号
-VUE_APP_ICP_RECORD =黑ICP备2024024871号-3
+VUE_APP_ICP_RECORD =闽ICP备2024061323号
 # ICP网站访问地址
 VUE_APP_ICP_URL =https://beian.miit.gov.cn
 # 网站LOG

src/api/course/userCourseComplaintRecord.js

@@ -16,6 +16,14 @@ export function getUserCourseComplaintRecord(recordId) {
     method: 'get'
   })
 }
+//查询看课投诉记录详细-客户所属关系
+export function getUserCourseComplaintRecordByUserId(userId) {
+  return request({
+    url: '/course/userCourseComplaintRecord/getInfoByUserId/' + userId,
+    method: 'get'
+  })
+}
+
 //
 // // 新增看课投诉记录
 // export function addUserCourseComplaintRecord(data) {

src/views/course/userCourseComplaintRecord/index.vue

@@ -116,6 +116,13 @@
             @click="handleDetails(scope.row)"
             v-hasPermi="['course:userCourseComplaintRecord:edit']"
           >详情</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-info"
+            @click="handleDetailsQw(scope.row)"
+            v-hasPermi="['course:userCourseComplaintRecord:queryQw']"
+          >客户所属详情</el-button>
           <el-button
             size="mini"
             type="text"
@@ -179,11 +186,41 @@
         <el-button @click="cancel">关 闭</el-button>
       </div>
     </el-dialog>
+
+    <el-dialog :title="title" :visible.sync="openQw"  width="1300px" append-to-body>
+      <el-table border :data="formQwList">
+        <el-table-column label="员工账号" align="center" prop="userId" />
+        <el-table-column label="员工名称" align="center" prop="qwUserName" />
+        <el-table-column label="销售账号" align="center" prop="userName" />
+        <el-table-column label="销售昵称" align="center" prop="nickName" />
+        <el-table-column label="客户名称" align="center" prop="name" />
+        <el-table-column label="头像" align="center" prop="avatar">
+          <template slot-scope="scope">
+            <el-popover
+              placement="right"
+              title=""
+              trigger="hover"
+            >
+              <img slot="reference" :src="scope.row.avatar" width="50" >
+              <img :src="scope.row.avatar" style="max-width: 120px;">
+            </el-popover>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" />
+        <el-table-column label="描述信息" align="center" prop="description" />
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { listUserCourseComplaintRecord, delUserCourseComplaintRecord, exportUserCourseComplaintRecord, getUserCourseComplaintRecord } from "@/api/course/userCourseComplaintRecord";
+import {
+  listUserCourseComplaintRecord,
+  delUserCourseComplaintRecord,
+  exportUserCourseComplaintRecord,
+  getUserCourseComplaintRecord,
+  getUserCourseComplaintRecordByUserId
+} from '@/api/course/userCourseComplaintRecord'
 import { addBlack } from "@/api/course/courseWatchComment";
 export default {
   name: "UserCourseComplaintRecord",
@@ -209,6 +246,7 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+      openQw: false,
       // 图片列表
       imageList: [],
       // 日期范围
@@ -229,6 +267,7 @@ export default {
       },
       // 表单参数
       form: {},
+      formQwList:[],
       // 表单校验
       rules: {
       }
@@ -321,6 +360,17 @@ export default {
         this.msgError("获取详情失败，请稍后重试");
       });
     },
+
+    handleDetailsQw(row){
+      this.reset();
+      getUserCourseComplaintRecordByUserId(row.userId).then(response => {
+        this.formQwList = response.data;
+        this.openQw = true;
+        this.title = "客户所属详情";
+      }).catch(error => {
+        this.msgError("获取客户所属详情失败，请稍后重试");
+      })
+    },
     /** 预览图片 */
     previewImage(index) {
       // Element UI的图片组件会自动处理预览