From b5a56d53e44c426fa188ba3e4e1db3eb779e2fd9 Mon Sep 17 00:00:00 2001 From: WXL <1785969728@qq.com> Date: 星期三, 11 九月 2024 21:49:21 +0800 Subject: [PATCH] 测试完成 --- src/views/followvisit/record/detailpage/index.vue | 337 ++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 291 insertions(+), 46 deletions(-) diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue index 86d5742..8837754 100644 --- a/src/views/followvisit/record/detailpage/index.vue +++ b/src/views/followvisit/record/detailpage/index.vue @@ -2,33 +2,178 @@ <!-- 鑱婅繛椤甸潰璁板綍 --> <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"> + <!-- <span>鎮h�呮湇鍔¤鎯�</span> --> + <div class="headline"> + <div>鎮h�呮湇鍔¤鎯�</div> + <div style="margin-left: 20px"> + <el-button + v-if="!Whetherall" + type="primary" + @click="getTaskservelist()" + >鏌ョ湅鎮h�呭叏閮ㄦ湇鍔�</el-button> + <el-button + v-else + type="success" + @click="getTaskservelist(taskid)" + >鏌ョ湅鎮h�呮湰娆℃湇鍔′俊鎭�</el-button> + </div> + </div> + <!-- <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"> - <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">澶囬�夐」2</el-radio> - <el-radio v-model="radio" label="3">澶囬�夐」3</el-radio> - <el-radio v-model="radio" label="4">澶囬�夐」4</el-radio> + <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> @@ -36,30 +181,25 @@ </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> @@ -68,30 +208,96 @@ </template> <script> +import { getsearchrResults, getTaskservelist } from "@/api/AiCentre/index"; export default { data() { return { radio: "1", userid: "", - input: "", + input: "浠婂ぉ韬綋杩樹笉閿�", radio: "2", + taskname: "", + tableDatatop: [], //棰樼洰琛� + Whetherall:false, //鏄惁鍏ㄩ儴璁板綍灞曠ず + 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(this.taskid); + }, - 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; + } + }); + }, + // 鑾峰彇鎮h�呰褰� + getTaskservelist(taskid) { + if (taskid) { + this.Whetherall=false; + }else{ + this.Whetherall=true; + } + getTaskservelist({ + patid: this.patid, + taskid: taskid, + }).then((res) => { + if (res.code == 200) { + this.logsheetlist = res.rows; + } + }); + }, + Seedetails(row) { + this.$modal.confirm('鏄惁鏌ョ湅浠诲姟涓�"' + optionids + '"鐨勬湇鍔¢」锛�').then(function () { + }).then(() => { + this.getList(); + }).catch(() => { }); + }, + }, }; </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); @@ -127,6 +333,45 @@ } } } +.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; + } + } +} +.headline { + font-size: 24px; + height: 40px; + border-left: 5px solid #41a1be; + padding-left: 5px; + margin-bottom: 10px; + display: flex; + // justify-content: space-between; + .Add-details { + font-size: 18px; + color: #02a7f0; + cursor: pointer; + } + } ::v-deep.offside-value .el-radio__label { color: #fff; } -- Gitblit v1.9.3