From 5c35457d2cc1fd0dcf8de9f3de838d58e8296cb8 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期一, 09 九月 2024 18:26:33 +0800
Subject: [PATCH] 测试完成
---
src/views/followvisit/record/detailpage/index.vue | 316 +++++++++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 283 insertions(+), 33 deletions(-)
diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue
index ad484bd..15292dd 100644
--- a/src/views/followvisit/record/detailpage/index.vue
+++ b/src/views/followvisit/record/detailpage/index.vue
@@ -1,48 +1,190 @@
<template>
+ <!-- 鑱婅繛椤甸潰璁板綍 -->
<div class="Followupdetailspage">
<div class="Followuserinfo">
- <div class="userinfo-text">闅忚璇︽儏</div>
- <div class="userinfo-value">
- <span><i class="el-icon-user-solid"></i>鍚撮緳</span><span>鐢�</span
- ><span><i class="el-icon-user-solid"></i>13803963330</span
- ><span>鍑洪櫌鏃堕棿锛�:2023-03-29 08:57:57</span>
+ <div>
+ <div class="userinfo-text">
+ {{ sendname }}<span>鎮ｈ�呮湇鍔¤鎯�</span>
+ <!-- <el-button type="success">闅忚鍚庣煭淇�</el-button> -->
+ </div>
</div>
- <div><el-button type="success">闅忚鍚庣煭淇�</el-button></div>
+ <div>
+ <el-table :data="logsheetlist" style="width: 100%">
+ <el-table-column prop="sendname" align="center" label="濮撳悕">
+ </el-table-column>
+ <el-table-column prop="sendstate" align="center" label="鏈嶅姟鐘舵��">
+ </el-table-column>
+ <el-table-column
+ prop="finishtime"
+ align="center"
+ label="瀹屾垚鏃堕棿"
+ width="200"
+ show-overflow-tooltip
+ >
+ </el-table-column>
+ <el-table-column
+ prop="taskName"
+ align="center"
+ width="200"
+ show-overflow-tooltip
+ label="浠诲姟鍚嶇О"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="templatename"
+ align="center"
+ label="鏈嶅姟妯℃澘"
+ width="200"
+ show-overflow-tooltip
+ >
+ </el-table-column>
+
+ <el-table-column
+ prop="bankcardno"
+ align="center"
+ label="鍛煎彨鐘舵��"
+ width="210"
+ >
+ </el-table-column>
+ <el-table-column
+ label="鎿嶄綔"
+ fixed="right"
+ align="center"
+ width="200"
+ class-name="small-padding fixed-width"
+ >
+ <template slot-scope="scope">
+ <el-button
+ size="medium"
+ type="text"
+ @click="Seedetails(scope.row)"
+ v-hasPermi="['system:user:edit']"
+ ><span class="button-zx"
+ ><i class="el-icon-s-order"></i>鏌ョ湅鏈嶅姟</span
+ ></el-button
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
</div>
<div>
<el-tabs type="border-card">
<el-tab-pane>
<span class="mulsz" slot="label"
- ><i class="el-icon-headset"></i> 璇煶璇︽儏1</span
+ ><i class="el-icon-notebook-1"></i> 闂嵎闅忚缁撴灉</span
>
- <div class="borderdiv">璇煶璇︽儏1</div>
+ <div class="CONTENT">
+ <div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
+ <div class="preview-left">
+ <!-- 鍗曢�� -->
+ <div
+ class="topic-dev"
+ v-for="(item, index) in tableDatatop"
+ :key="item.aaa"
+ >
+ <div
+ class="scriptTopic-dev"
+ :key="index"
+ v-if="item.scriptType == 1"
+ >
+ <div class="dev-text">
+ {{ index + 1 }}銆乕鍗曢�塢<span>{{ item.scriptContent }}</span>
+ </div>
+ <div class="dev-xx">
+ <el-radio-group
+ v-model="item.scriptResult"
+ @change="handleOptionChange($event, index, item)"
+ >
+ <el-radio
+ v-for="(
+ items, index
+ ) in item.svyLibTemplateTargetoptions"
+ :key="index"
+ :label="items.optioncontent"
+ >{{ items.optioncontent }}</el-radio
+ >
+ </el-radio-group>
+ </div>
+ <div v-show="item.prompt">
+ <el-alert :title="item.prompt" type="warning"> </el-alert>
+ </div>
+ </div>
+ <!-- 澶氶�� -->
+ <div
+ class="scriptTopic-dev"
+ :key="index"
+ v-if="item.scriptType == 2"
+ >
+ <div class="dev-text">
+ {{ index + 1 }}銆乕澶氶�塢<span>{{ item.scriptContent }}</span>
+ </div>
+ <div class="dev-xx">
+ <el-checkbox-group
+ v-model="item.scriptResult"
+ @change="updateScore($event, index, item)"
+ >
+ <el-checkbox
+ @change="$forceUpdate()"
+ v-for="(
+ items, indexs
+ ) in item.svyLibTemplateTargetoptions"
+ :key="indexs"
+ :label="items.optioncontent"
+ >
+ {{ items.optioncontent }}
+ </el-checkbox>
+ </el-checkbox-group>
+ </div>
+ <div v-show="item.prompt && item.scriptResult[0]">
+ <el-alert :title="item.prompt" type="warning"> </el-alert>
+ </div>
+ </div>
+ <!-- 濉┖ -->
+ <div
+ class="scriptTopic-dev"
+ :key="index"
+ v-if="item.scriptType == 4"
+ >
+ <div class="dev-text">
+ {{ index + 1 }}銆乕闂瓟]<span>{{ item.scriptContent }}</span>
+ </div>
+ <div class="dev-xx">
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ョ瓟妗�"
+ v-model="item.scriptResult"
+ clearable
+ >
+ </el-input>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</el-tab-pane>
<el-tab-pane>
<span class="mulsz" slot="label"
- ><i class="el-icon-headset"></i> 璇煶璇︽儏2</span
- >
- <div class="borderdiv">璇煶璇︽儏2</div>
- </el-tab-pane>
- <el-tab-pane>
- <span class="mulsz" slot="label"
- ><i class="el-icon-notebook-1"></i> 璇煶淇℃伅</span
- >
- <div class="borderdiv">璇煶淇℃伅</div>
- </el-tab-pane>
- <el-tab-pane>
- <span class="mulsz" slot="label"
- ><i class="el-icon-phone-outline"></i> 澶栧懠淇℃伅</span
- >
- <div class="borderdiv">澶栧懠淇℃伅</div>
- </el-tab-pane>
- <el-tab-pane>
- <span class="mulsz" slot="label"
- ><i class="el-icon-s-operation"></i> 鏍囩鐘舵��</span
+ ><i class="el-icon-headset"></i> 璇煶闅忚璇︽儏</span
>
<div class="borderdiv">
- <el-radio v-model="radio" label="1">涓嶅鐞�</el-radio>
- <el-radio v-model="radio" label="2">缁х画璺熻釜</el-radio
- ><el-radio v-model="radio" label="3">閫氱煡鍖婚櫌灏辫瘖</el-radio>
+ <div>
+ <div class="leftside">
+ <i class="el-icon-phone-outline"></i
+ ><span>鎮ㄤ粖澶╄韩浣撴儏鍐垫�庝箞鏍�</span>
+ </div>
+ <div class="offside">
+ <i class="el-icon-user"></i>
+ <div class="offside-value">
+ <el-input v-model="input"></el-input>
+ <el-radio v-model="radio" label="1">寰堟</el-radio>
+ <el-radio v-model="radio" label="2">杩樺彲浠�</el-radio>
+ <el-radio v-model="radio" label="3">涓嶅お濂�</el-radio>
+ <el-radio v-model="radio" label="4">姣旇緝宸�</el-radio>
+ </div>
+ </div>
+ </div>
</div>
</el-tab-pane>
</el-tabs>
@@ -51,28 +193,84 @@
</template>
<script>
+import { getsearchrResults, getTaskservelist } from "@/api/AiCentre/index";
export default {
data() {
return {
radio: "1",
userid: "",
+ input: "浠婂ぉ韬綋杩樹笉閿�",
+ radio: "2",
+ taskname: "",
+ tableDatatop: [], //棰樼洰琛�
+ logsheetlist: [],
+ sendname: null,
+ serviceType: null,
+ taskid: null,
+ patid: null,
};
},
- created() {},
+ created() {
+ this.taskid = this.$route.query.taskid;
+ this.sendname = this.$route.query.sendname;
+ this.patid = this.$route.query.patid;
+ this.serviceType = this.$route.query.serviceType;
+ this.getsearchrResults();
+ this.getTaskservelist();
+ },
- methods: {},
+ methods: {
+ // 鑾峰彇闂嵎鏁版嵁
+ getsearchrResults() {
+ getsearchrResults({
+ taskid: this.taskid,
+ patid: this.patid,
+ }).then((res) => {
+ if (res.code === 200) {
+ this.tableDatatop = res.data.scriptResult.script;
+ this.tableDatatop.forEach((item) => {
+ if (item.scriptResult && item.scriptType != 2) {
+ item.scriptResult = JSON.parse(item.scriptResult);
+ } else if (item.scriptResult && item.scriptType == 2) {
+ item.scriptResult = item.scriptResult.split("&");
+ }
+ });
+ this.taskname = res.data.taskName;
+ }
+ });
+ },
+ // 鑾峰彇鎮ｈ�呰褰�
+ getTaskservelist() {
+ getTaskservelist({
+ patid: this.patid,
+ }).then((res) => {
+ if (res.code == 200) {
+ this.logsheetlist = res.rows;
+ }
+ });
+ },
+ Seedetails() {},
+ },
};
</script>
<style lang="scss" scoped>
+.Followupdetailspage {
+ margin: 10px;
+}
.Followuserinfo {
margin: 20px 10px;
- display: flex;
align-items: center;
+ padding: 30px;
+ background: #ffff;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
.userinfo-text {
font-size: 20px;
margin-right: 20px;
+ margin-bottom: 10px;
}
.userinfo-value {
color: rgb(15, 139, 211);
@@ -83,6 +281,58 @@
}
.borderdiv {
min-height: 60vh;
+ font-size: 20px;
+ padding: 30px;
+ .leftside {
+ margin-bottom: 30px;
+ span {
+ width: 400px;
+ margin-left: 20px;
+ padding: 10px;
+ color: #fff;
+ background: rgb(110, 196, 247);
+ border-radius: 10px;
+ }
+ }
+ .offside {
+ display: flex;
+ flex-direction: row-reverse;
+ .offside-value {
+ padding: 10px;
+ background: rgb(217, 173, 253);
+ border-radius: 10px;
+ color: #fff;
+ margin-right: 20px;
+ }
+ }
+}
+.CONTENT {
+ padding: 10px;
+ .title {
+ font-size: 22px;
+ font-weight: bold;
+ margin-bottom: 20px;
+ text-align: center;
+ }
+}
+.preview-left {
+ margin: 20px;
+ // margin: 20px;
+ padding: 30px;
+ // background: #ffff;
+ border: 1px solid #dcdfe6;
+ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
+ 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ .topic-dev {
+ margin-bottom: 25px;
+ font-size: 20px !important;
+ .dev-text {
+ margin-bottom: 10px;
+ }
+ }
+}
+::v-deep.offside-value .el-radio__label {
+ color: #fff;
}
.mulsz {
font-size: 25px;
--
Gitblit v1.9.3