|
@@ -116,6 +116,13 @@
|
|
@click="handleDetails(scope.row)"
|
|
@click="handleDetails(scope.row)"
|
|
v-hasPermi="['course:userCourseComplaintRecord:edit']"
|
|
v-hasPermi="['course:userCourseComplaintRecord:edit']"
|
|
>详情</el-button>
|
|
>详情</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
|
|
<el-button
|
|
size="mini"
|
|
size="mini"
|
|
type="text"
|
|
type="text"
|
|
@@ -179,11 +186,41 @@
|
|
<el-button @click="cancel">关 闭</el-button>
|
|
<el-button @click="cancel">关 闭</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</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>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<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";
|
|
import { addBlack } from "@/api/course/courseWatchComment";
|
|
export default {
|
|
export default {
|
|
name: "UserCourseComplaintRecord",
|
|
name: "UserCourseComplaintRecord",
|
|
@@ -209,6 +246,7 @@ export default {
|
|
title: "",
|
|
title: "",
|
|
// 是否显示弹出层
|
|
// 是否显示弹出层
|
|
open: false,
|
|
open: false,
|
|
|
|
+ openQw: false,
|
|
// 图片列表
|
|
// 图片列表
|
|
imageList: [],
|
|
imageList: [],
|
|
// 日期范围
|
|
// 日期范围
|
|
@@ -229,6 +267,7 @@ export default {
|
|
},
|
|
},
|
|
// 表单参数
|
|
// 表单参数
|
|
form: {},
|
|
form: {},
|
|
|
|
+ formQwList:[],
|
|
// 表单校验
|
|
// 表单校验
|
|
rules: {
|
|
rules: {
|
|
}
|
|
}
|
|
@@ -321,6 +360,17 @@ export default {
|
|
this.msgError("获取详情失败,请稍后重试");
|
|
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) {
|
|
previewImage(index) {
|
|
// Element UI的图片组件会自动处理预览
|
|
// Element UI的图片组件会自动处理预览
|