From 5f4d48e663c47eb7390e4a1784d773d6814889ff Mon Sep 17 00:00:00 2001
From: WXL (wul) <wl_5969728@163.com>
Date: 星期二, 02 九月 2025 13:40:04 +0800
Subject: [PATCH] 测试完成
---
src/views/followvisit/record/detailpage/index.vue | 1021 +++++++++++++++++++++++++++++++++++---------------------
1 files changed, 634 insertions(+), 387 deletions(-)
diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue
index 0e292ce..e2ff50a 100644
--- a/src/views/followvisit/record/detailpage/index.vue
+++ b/src/views/followvisit/record/detailpage/index.vue
@@ -213,118 +213,412 @@
</el-table>
</div>
</div>
- <div class="Followuserinfos">
- <div>
- <el-form
- ref="userform"
- :model="form"
- :rules="userrules"
- label-width="120px"
- >
+
+ <div class="action-container">
+ <div class="call-action">
+ <div class="call-container">
+ <!-- <div class="call-header">
+ <h2>涓�閿懠鍙姛鑳�</h2>
+ </div> -->
+
<div class="headline">
- <div>浜哄伐澶勭悊</div>
- <el-row :gutter="20">
- <el-col :span="8"
- ><el-form-item label="鑱旂郴鐢佃瘽">
- <el-input
- placeholder="鑱旂郴鐢佃瘽缂哄け"
- v-model="userform.telcode"
- >
- <el-button
- slot="append"
- icon="el-icon-phone"
- @click="handleCall(userform.telcode, 'tel')"
- :disabled="!isValidPhone(userform.telcode)"
- ></el-button
- ></el-input> </el-form-item
- ></el-col>
- <el-col :span="8"
- ><el-form-item label="鑱旂郴浜虹數璇�">
- <el-input
- placeholder="鑱旂郴浜虹數璇濈己澶�"
- v-model="userform.relativetelcode"
- >
- <el-button
- slot="append"
- icon="el-icon-phone"
- @click="handleCall(userform.relativetelcode, 'relative')"
- :disabled="!isValidPhone(userform.relativetelcode)"
- ></el-button
- ></el-input> </el-form-item
- ></el-col>
- <el-col :span="8"
- ><el-form-item label="鑱旂郴浜哄叧绯�">
- <el-input
- placeholder="鑱旂郴浜哄叧绯荤己澶�"
- v-model="userform.relation"
- ></el-input> </el-form-item
- ></el-col>
- </el-row>
-
- <div style="margin-left: 30px">
- <el-button type="primary" plain @click="Editsingletasksonyic('')"
- >淇濆瓨鏈嶅姟</el-button
- >
- </div>
+ <div>闅忚鍐呭</div>
</div>
- <el-row :gutter="20" v-if="callStatus !== 'idle'">
- <el-col :span="24">
- <el-alert
- :title="callStatusText"
- :type="callStatusType"
- :closable="false"
- show-icon
- />
- </el-col>
- </el-row>
+ <div>
+ <el-tabs v-model="activeName" type="border-card">
+ <el-tab-pane name="wj">
+ <span class="mulsz" slot="label"
+ ><i class="el-icon-notebook-1"></i> 闂嵎闅忚缁撴灉</span
+ >
+ <div class="CONTENT">
+ <div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
- <!-- 鎸傛柇鎸夐挳锛堜粎鍦ㄩ�氳瘽涓樉绀猴級 -->
- <el-row :gutter="20" v-if="callStatus === 'connected'">
- <el-col :span="24" style="text-align: center; margin-top: 10px">
- <el-button
- type="danger"
- icon="el-icon-phone"
- @click="endCurrentCall"
- :loading="isEndingCall"
- >
- 鎸傛柇鐢佃瘽
- </el-button>
- </el-col>
- </el-row>
- <el-form-item label="闅忚璁板綍">
- <el-input type="textarea" v-model="form.remark"></el-input>
- </el-form-item>
+ <div class="preview-left" v-if="!Voicetype">
+ <div
+ class="topic-dev"
+ v-for="(item, index) in tableDatatop"
+ :key="item.id"
+ >
+ <!-- 鍗曢�� -->
+ <div
+ :class="
+ item.isabnormal
+ ? 'scriptTopic-isabnormal'
+ : 'scriptTopic-dev'
+ "
+ :key="index"
+ v-if="item.scriptType == 1 && !item.astrict"
+ >
+ <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.svyLibTemplateTargetoptions,
+ item
+ )
+ "
+ >
+ <el-radio
+ v-for="(
+ items, indexs
+ ) in item.svyLibTemplateTargetoptions"
+ :class="items.isabnormal ? 'red-star' : ''"
+ :key="indexs"
+ :label="items.optioncontent"
+ >{{ items.optioncontent }}</el-radio
+ >
+ </el-radio-group>
+ </div>
+ <div
+ v-if="item.showAppendInput"
+ class="append-input-container"
+ >
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ュ叿浣撲俊鎭�"
+ v-model="item.answerps"
+ clearable
+ ></el-input>
+ </div>
+ <div v-show="item.prompt">
+ <el-alert :title="item.prompt" type="warning">
+ </el-alert>
+ </div>
+ </div>
+ <!-- 澶氶�� -->
+ <div
+ :class="
+ item.isabnormal
+ ? 'scriptTopic-isabnormal'
+ : 'scriptTopic-dev'
+ "
+ :key="index"
+ v-if="item.scriptType == 2 && !item.astrict"
+ >
+ <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
+ :class="items.isabnormal ? 'red-star' : ''"
+ @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 && !item.astrict"
+ >
+ <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>
- <el-form-item label="澶勭悊鎰忚">
- <div>
- <el-button plain type="warning" @click="Editsingletaskson('1')"
- >鏆備笉澶勭悊</el-button
- >
- <el-button plain type="success" @click="Editsingletaskson('2')"
- >鐥呮儏绋冲畾</el-button
- >
- <el-button plain type="primary" @click="Editsingletaskson('3')"
- >閫氱煡灏辫瘖</el-button
- >
- <!-- <el-button type="danger" @click="Editsingletaskson('4')"
- >澶辫</el-button
- > -->
- <el-button plain type="info" @click="Editsingletaskson('5')"
- >涓績闅忚</el-button
- >
- <el-button
- type="primary"
- round
- v-if="this.form.isVisitAgain != 2"
- @click="sendAgain()"
- >鍐嶆闅忚</el-button
- >
- </div>
- </el-form-item>
- </el-form>
- <el-collapse>
- <el-collapse-item title="鏌ョ湅褰撳墠鎮ｈ�呬俊鎭�" name="1">
+ <div class="preview-left" v-else>
+ <div
+ class="topic-dev"
+ v-for="(item, index) in tableDatatop"
+ :key="item.id"
+ >
+ <div v-if="item.targetvalue">
+ <div class="dev-text">
+ {{ index + 1 }}銆乕鍗曢�塢<span>{{
+ item.questiontext
+ }}</span>
+ </div>
+ <div class="dev-xx">
+ <el-radio-group
+ v-model="item.matchedtext"
+ @change="
+ handleOptionChange(
+ $event,
+ index,
+ item.ivrTaskScriptTargetoptionList,
+ item
+ )
+ "
+ >
+ <el-radio
+ v-for="(items, index) in item.scriptResult"
+ :key="items"
+ :label="items"
+ >{{ items }}</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-else>
+ <div class="dev-text">
+ {{ index + 1 }}銆乕闂瓟]<span>{{
+ item.questiontext
+ }}</span>
+ </div>
+ <div class="dev-xx">
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder="璇疯緭鍏ョ瓟妗�"
+ v-model="item.matchedtext"
+ clearable
+ >
+ </el-input>
+ </div>
+ </div>
+ </div>
+ </div>
+ <el-button
+ v-if="Voicetype"
+ type="primary"
+ @click="yuyingetdetail"
+ >淇濆瓨鏈嶅姟璇︽儏</el-button
+ >
+ <el-button v-else type="primary" @click="getdetail"
+ >淇濆瓨鏈嶅姟璇︽儏</el-button
+ >
+ </div>
+ </el-tab-pane>
+
+ <el-tab-pane name="yy">
+ <span class="mulsz" slot="label"
+ ><i class="el-icon-headset"></i> 璇煶闅忚璇︽儏</span
+ >
+ <div class="borderdiv">
+ <div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
+ <div
+ style="
+ display: flex;
+ text-align: center;
+ align-items: center;
+ color: #59a0f0;
+ "
+ >
+ 瀹屾暣璇煶锛�
+ <mini-audio
+ :audio-source="
+ voice ? voice : '@assets/order/example.mp3'
+ "
+ ></mini-audio>
+ </div>
+ <div class="preview-left">
+ <div v-for="item in voiceDatatop">
+ <div class="leftside">
+ <i class="el-icon-phone-outline"></i
+ ><span>{{ item.questiontext }}</span>
+ </div>
+ <div class="offside">
+ <i class="el-icon-user"></i>
+ <div class="offside-value">
+ <el-input
+ type="textarea"
+ :autosize="{ minRows: 1 }"
+ v-model="item.asrtext"
+ ></el-input>
+
+ <div>
+ <mini-audio
+ :audio-source="
+ item.questionvoice
+ ? item.questionvoice
+ : '@assets/order/example.mp3'
+ "
+ ></mini-audio>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <el-button
+ v-if="Voicetype"
+ type="primary"
+ @click="yuyingetdetail"
+ >淇濆瓨闅忚璇︽儏</el-button
+ >
+ <el-button v-else type="primary" @click="getdetail"
+ >淇濆瓨闅忚璇︽儏</el-button
+ >
+ </div>
+ </el-tab-pane>
+ </el-tabs>
+ </div>
+ </div>
+ </div>
+ <div class="manual-action">
+ <div class="Followuserinfos">
+ <div>
+ <el-form
+ ref="userform"
+ :model="form"
+ :rules="userrules"
+ label-width="120px"
+ >
+ <div class="headline">
+ <div>浜哄伐澶勭悊</div>
+ <div style="margin: 0 30px">
+ <el-button
+ type="primary"
+ plain
+ @click="Editsingletasksonyic('')"
+ >淇濆瓨鍩虹淇℃伅</el-button
+ >
+ </div>
+ <div>
+ <el-button
+ type="primary"
+ round
+ v-if="this.form.isVisitAgain != 2"
+ @click="sendAgain()"
+ >鍐嶆闅忚</el-button
+ >
+ </div>
+ </div>
+ <el-row>
+ <el-col :span="14"
+ ><el-form-item label="鑱旂郴鐢佃瘽">
+ <el-input
+ placeholder="鑱旂郴鐢佃瘽缂哄け"
+ v-model="userform.telcode"
+ >
+ <el-button
+ slot="append"
+ icon="el-icon-phone"
+ @click="handleCall(userform.telcode, 'tel')"
+ :disabled="!isValidPhone(userform.telcode)"
+ ></el-button
+ ></el-input> </el-form-item
+ ></el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="14"
+ ><el-form-item label="鑱旂郴浜虹數璇�">
+ <el-input
+ placeholder="鑱旂郴浜虹數璇濈己澶�"
+ v-model="userform.relativetelcode"
+ >
+ <el-button
+ slot="append"
+ icon="el-icon-phone"
+ @click="
+ handleCall(userform.relativetelcode, 'relative')
+ "
+ :disabled="!isValidPhone(userform.relativetelcode)"
+ ></el-button
+ ></el-input> </el-form-item
+ ></el-col>
+ <el-col :span="10"
+ ><el-form-item label="鑱旂郴浜哄叧绯�">
+ <el-input
+ placeholder="鑱旂郴浜哄叧绯荤己澶�"
+ v-model="userform.relation"
+ ></el-input> </el-form-item
+ ></el-col>
+ </el-row>
+ <div class="call-controls">
+ <CallButton
+ ref="callButton"
+ :phoneNumber="currentPhoneNumber"
+ style="display: none"
+ />
+
+ <div v-if="callStatus === 'connected'" class="hangup-btn">
+ <el-button
+ type="danger"
+ icon="el-icon-phone"
+ @click="endCurrentCall"
+ :loading="isEndingCall"
+ >
+ 鎸傛柇鐢佃瘽
+ </el-button>
+ </div>
+ <div class="call-status" v-if="callStatus !== 'idle'">
+ <el-alert
+ :title="callStatusText"
+ :type="callStatusType"
+ :closable="false"
+ show-icon
+ />
+ </div>
+ </div>
+ <el-form-item label="闅忚璁板綍">
+ <el-input type="textarea" v-model="form.remark"></el-input>
+ </el-form-item>
+
+ <el-form-item label="澶勭悊鎰忚">
+ <div>
+ <el-button
+ plain
+ type="warning"
+ @click="Editsingletaskson('1')"
+ >鏆備笉澶勭悊</el-button
+ >
+ <el-button
+ plain
+ type="success"
+ @click="Editsingletaskson('2')"
+ >鐥呮儏绋冲畾</el-button
+ >
+ <el-button
+ plain
+ type="primary"
+ @click="Editsingletaskson('3')"
+ >閫氱煡灏辫瘖</el-button
+ >
+ <el-button plain type="info" @click="Editsingletaskson('5')"
+ >涓績闅忚</el-button
+ >
+ </div>
+ </el-form-item>
+ </el-form>
+
<div class="detailed">
+ <h3>鎮ｈ�呮。妗堜俊鎭�</h3>
<el-form ref="userform" :model="userform" label-width="100px">
<el-row :gutter="20">
<el-col :span="12">
@@ -374,261 +668,13 @@
/> </el-form-item
></el-col>
</el-row>
- <!-- <el-row :gutter="20">
- <el-col :span="24">
- <el-form-item label="鏍囩" prop="desc">
- <div class="xinz-inf">
- <el-tag
- :key="tag.tagname"
- type="success"
- v-for="tag in dynamicTags"
- :disable-transitions="false"
- >
- {{ tag.tagname }}
- </el-tag>
- </div>
- </el-form-item>
- </el-col>
- </el-row> -->
</el-form>
</div>
- </el-collapse-item>
- </el-collapse>
+ </div>
+ </div>
</div>
</div>
- <div>
- <h2>涓�閿懠鍙姛鑳�</h2>
- <CallButton
- ref="callButton"
- :phoneNumber="currentPhoneNumber"
- style="display: none"
- />
- </div>
- <div>
- <el-tabs v-model="activeName" type="border-card">
- <el-tab-pane name="wj">
- <span class="mulsz" slot="label"
- ><i class="el-icon-notebook-1"></i> 闂嵎闅忚缁撴灉</span
- >
- <div class="CONTENT">
- <div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
- <div class="preview-left" v-if="!Voicetype">
- <div
- class="topic-dev"
- v-for="(item, index) in tableDatatop"
- :key="item.id"
- >
- <!-- 鍗曢�� -->
- <div
- :class="
- item.isabnormal
- ? 'scriptTopic-isabnormal'
- : 'scriptTopic-dev'
- "
- :key="index"
- v-if="item.scriptType == 1 && !item.astrict"
- >
- <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.svyLibTemplateTargetoptions
- )
- "
- >
- <el-radio
- v-for="(
- items, indexs
- ) in item.svyLibTemplateTargetoptions"
- :class="items.isabnormal ? 'red-star' : ''"
- :key="indexs"
- :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="
- item.isabnormal
- ? 'scriptTopic-isabnormal'
- : 'scriptTopic-dev'
- "
- :key="index"
- v-if="item.scriptType == 2 && !item.astrict"
- >
- <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
- :class="items.isabnormal ? 'red-star' : ''"
- @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 && !item.astrict"
- >
- <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 class="preview-left" v-else>
- <div
- class="topic-dev"
- v-for="(item, index) in tableDatatop"
- :key="item.id"
- >
- <div v-if="item.targetvalue">
- <div class="dev-text">
- {{ index + 1 }}銆乕鍗曢�塢<span>{{ item.questiontext }}</span>
- </div>
- <div class="dev-xx">
- <el-radio-group
- v-model="item.matchedtext"
- @change="handleOptionChange($event, index, item)"
- >
- <el-radio
- v-for="(items, index) in item.scriptResult"
- :key="items"
- :label="items"
- >{{ items }}</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-else>
- <div class="dev-text">
- {{ index + 1 }}銆乕闂瓟]<span>{{ item.questiontext }}</span>
- </div>
- <div class="dev-xx">
- <el-input
- type="textarea"
- :rows="2"
- placeholder="璇疯緭鍏ョ瓟妗�"
- v-model="item.matchedtext"
- clearable
- >
- </el-input>
- </div>
- </div>
- </div>
- </div>
- <el-button v-if="Voicetype" type="primary" @click="yuyingetdetail"
- >淇濆瓨鏈嶅姟璇︽儏</el-button
- >
- <el-button v-else type="primary" @click="getdetail"
- >淇濆瓨鏈嶅姟璇︽儏</el-button
- >
- </div>
- </el-tab-pane>
-
- <el-tab-pane name="yy">
- <span class="mulsz" slot="label"
- ><i class="el-icon-headset"></i> 璇煶闅忚璇︽儏</span
- >
- <div class="borderdiv">
- <div class="title">{{ taskname ? taskname : "闂嵎" }}</div>
- <div
- style="
- display: flex;
- text-align: center;
- align-items: center;
- color: #59a0f0;
- "
- >
- 瀹屾暣璇煶锛�
- <mini-audio
- :audio-source="
- voice ? voice : '@assets/order/example.mp3'
- "
- ></mini-audio>
- </div>
- <div class="preview-left">
- <div v-for="item in voiceDatatop">
- <div class="leftside">
- <i class="el-icon-phone-outline"></i
- ><span>{{ item.questiontext }}</span>
- </div>
- <div class="offside">
- <i class="el-icon-user"></i>
- <div class="offside-value">
- <el-input
- type="textarea"
- :autosize="{ minRows: 1 }"
- v-model="item.asrtext"
- ></el-input>
-
- <div>
- <mini-audio
- :audio-source="
- item.questionvoice
- ? item.questionvoice
- : '@assets/order/example.mp3'
- "
- ></mini-audio>
- </div>
- </div>
- </div>
- </div>
- </div>
- <el-button v-if="Voicetype" type="primary" @click="yuyingetdetail"
- >淇濆瓨闅忚璇︽儏</el-button
- >
- <el-button v-else type="primary" @click="getdetail"
- >淇濆瓨闅忚璇︽儏</el-button
- >
- </div>
- </el-tab-pane>
- </el-tabs>
- </div>
<el-dialog
title="鎮ｈ�呭啀娆￠殢璁�"
v-dialogDrags
@@ -1070,7 +1116,6 @@
const queryParams = {
pid: Number(this.patid),
allhosp: "0",
- pageNum: 1,
};
// 鎮ｈ�呭熀纭�淇℃伅
messagelistpatient(queryParams).then((response) => {
@@ -1193,6 +1238,7 @@
scriptid: item.id,
excep: excep,
questiontext: item.scriptContent,
+ answerps: item.answerps || null, // 娣诲姞闄勫姞淇℃伅
};
if (item.scriptType == 2 && item.scriptResult[0]) {
obj.asrtext = item.scriptResult.join("&");
@@ -1239,7 +1285,7 @@
})
.catch(() => {
if (this.form.serviceType == 13) {
- if (this.visitCount!=1) {
+ if (this.visitCount != 1) {
this.$router.push({
path: "/logisticsservice/zbAgain",
});
@@ -1249,7 +1295,7 @@
});
}
} else if (this.form.serviceType == 2) {
- if (this.visitCount!=1) {
+ if (this.visitCount != 1) {
this.$router.push({
path: "/logisticsservice/again",
});
@@ -1549,7 +1595,7 @@
})
.catch(() => {});
},
- handleOptionChange(a, b, c) {
+ aahandleOptionChange(a, b, c) {
const result = c.find((item) => item.optioncontent == a);
if (result.nextQuestion == 0) {
this.tableDatatop = this.tableDatatop.reduce((acc, item, i) => {
@@ -1576,6 +1622,98 @@
} else {
this.tableDatatop[b].isabnormal = false;
}
+ this.$forceUpdate();
+ },
+ // 鍦╩ethods閮ㄥ垎锛屼慨鏀筯andleOptionChange鏂规硶:
+ handleOptionChange(selectedOption, questionIndex, options, a) {
+ if (document.activeElement) {
+ document.activeElement.blur();
+ }
+
+ // 鎵惧埌琚�変腑鐨勯�夐」瀵硅薄
+ const selectedOptionObj = options.find(
+ (item) => item.optioncontent == selectedOption
+ );
+
+ // 澶勭悊寮傚父鐘舵�侀珮浜�
+ this.tableDatatop[questionIndex].isabnormal =
+ !!selectedOptionObj.isabnormal;
+ // 澶勭悊闄勫姞杈撳叆妗嗘樉绀�
+
+ this.tableDatatop[questionIndex].showAppendInput =
+ selectedOptionObj.appendflag == 1;
+ console.log(this.tableDatatop);
+
+ // if (!this.tableDatatop[questionIndex].showAppendInput) {
+ // this.tableDatatop[questionIndex].answerps = ""; // 娓呴櫎闄勫姞淇℃伅
+ // }
+ // 淇濆瓨褰撳墠棰樼洰涔嬪墠宸茬粡闅愯棌鐨勯鐩姸鎬�
+ const previouslyHiddenBeforeCurrent = this.tableDatatop
+ .slice(0, questionIndex)
+ .map((item, index) => (item.astrict ? index : -1))
+ .filter((index) => index !== -1);
+
+ // 淇濆瓨涔嬪墠鍥爊extQuestion=0鑰岄殣钘忕殑棰樼洰鑼冨洿
+ const previouslyHiddenByEnd = this.tableDatatop
+ .map((item, index) => (item.hiddenByEnd ? index : -1))
+ .filter((index) => index !== -1);
+
+ // 濡傛灉branchFlag涓�1锛屽鐞嗛鐩烦杞�
+ if (a.branchFlag == 1) {
+ if (selectedOptionObj.nextQuestion == 0) {
+ // 缁撴潫闂瓟 - 闅愯棌鍚庨潰鎵�鏈夐鐩苟鏍囪
+ this.tableDatatop = this.tableDatatop.map((item, index) => ({
+ ...item,
+ astrict: index > questionIndex,
+ hiddenByEnd: index > questionIndex, // 鏍囪杩欎簺棰樼洰鏄缁撴潫闂瓟闅愯棌鐨�
+ }));
+ } else {
+ // 姝ｅ父璺宠浆閫昏緫
+ const nextQuestionIndex = selectedOptionObj.nextQuestion - 1;
+
+ this.tableDatatop = this.tableDatatop.map((item, index) => {
+ // 淇濈暀褰撳墠棰樼洰涔嬪墠鐨勯殣钘忕姸鎬�
+ if (index < questionIndex) {
+ return {
+ ...item,
+ astrict: previouslyHiddenBeforeCurrent.includes(index),
+ hiddenByEnd: false, // 娓呴櫎缁撴潫鏍囪
+ };
+ }
+
+ // 褰撳墠棰樼洰鎬绘槸鍙
+ if (index === questionIndex) {
+ return { ...item, astrict: 0, hiddenByEnd: false };
+ }
+
+ // 鏄剧ず鐩爣涓嬩竴棰�
+ if (index === nextQuestionIndex) {
+ return { ...item, astrict: 0, hiddenByEnd: false };
+ }
+
+ // 濡傛灉鏄箣鍓嶈缁撴潫闂瓟闅愯棌鐨勯鐩紝鐜板湪搴旇鎭㈠鏄剧ず
+ if (item.hiddenByEnd) {
+ return { ...item, astrict: 0, hiddenByEnd: false };
+ }
+
+ // 闅愯棌褰撳墠棰樺拰鐩爣棰樹箣闂寸殑棰樼洰
+ if (index > questionIndex && index < nextQuestionIndex) {
+ return { ...item, astrict: 1, hiddenByEnd: false };
+ }
+
+ // 鍏朵粬鎯呭喌淇濇寔鍘熺姸
+ return item;
+ });
+ }
+ } else {
+ // 濡傛灉娌℃湁璺宠浆锛屽彧闇�纭繚涓嬩竴棰樺彲瑙�
+ this.tableDatatop = this.tableDatatop.map((item, index) => ({
+ ...item,
+ astrict: index === questionIndex + 1 ? 0 : item.astrict,
+ hiddenByEnd: index === questionIndex + 1 ? false : item.hiddenByEnd,
+ }));
+ }
+
this.$forceUpdate();
},
overdata() {
@@ -1659,65 +1797,143 @@
};
</script>
-<style lang="scss">
+<style lang="scss" scoped>
.Followupdetailspage {
margin: 10px;
+ display: flex;
+ flex-direction: column;
+ gap: 20px;
}
+
+.action-container {
+ display: flex;
+ gap: 20px;
+ margin: 0 10px 20px 10px;
+
+ .manual-action {
+ flex: 1;
+ min-width: 0;
+ height: 100%; /* 纭繚楂樺害缁ф壙 */
+ }
+
+ .call-action {
+ width: 60%;
+ min-width: 0;
+ height: 100%; /* 纭繚楂樺害缁ф壙 */
+ }
+}
+
+.call-container {
+ padding: 20px;
+ background: #fff;
+ border: 1px solid #dcdfe6;
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ border-radius: 4px;
+ height: 100%;
+
+ .call-header {
+ margin-bottom: 20px;
+
+ h2 {
+ font-size: 20px;
+ color: #333;
+ margin: 0;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #eee;
+ }
+ }
+
+ .call-status {
+ margin-bottom: 20px;
+ }
+
+ .hangup-btn {
+ text-align: center;
+ margin-top: 20px;
+ }
+}
+
.Followuserinfo {
- margin: 20px 10px;
+ margin: 10px 10px 0 10px;
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);
+ 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);
+
span {
margin-right: 20px;
}
}
}
+
::v-deep.el-table .warning-row {
background: #c4e2ee;
}
+
.Followuserinfos {
- margin: 20px 10px;
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);
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ height: 100%; /* 纭繚楂樺害缁ф壙 */
+ min-height: 880px; /* 鏈�灏忛珮搴︿笌闅忚鍐呭涓�鑷� */
+ display: flex;
+ flex-direction: column;
+
.userinfo-text {
font-size: 20px;
margin-right: 20px;
margin-bottom: 10px;
}
+
.userinfo-value {
color: rgb(15, 139, 211);
+
span {
margin-right: 20px;
}
}
+
+ .el-form {
+ flex: 1;
+ overflow-y: auto; /* 鍐呭瓒呰繃楂樺害鏃舵樉绀烘粴鍔ㄦ潯 */
+ max-height: calc(880px - 60px); /* 鍑忓幓padding */
+ padding-right: 10px; /* 闃叉婊氬姩鏉￠伄鎸″唴瀹� */
+ }
+}
+.append-input-container {
+ margin-top: 15px;
+ padding: 10px;
+ background-color: #f5f7fa;
+ border-radius: 4px;
+ border: 1px solid #dcdfe6;
}
.borderdiv {
min-height: 60vh;
font-size: 20px;
padding: 30px;
+
.title {
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
+
.leftside {
margin: 30px 0;
+
span {
width: 400px;
margin-left: 20px;
@@ -1727,9 +1943,11 @@
border-radius: 10px;
}
}
+
.offside {
display: flex;
flex-direction: row-reverse;
+
.offside-value {
padding: 10px;
background: rgb(217, 173, 253);
@@ -1739,8 +1957,15 @@
}
}
}
+.topic-dev[inert] {
+ opacity: 0.5;
+ pointer-events: none;
+}
.CONTENT {
padding: 10px;
+ height: 100%;
+ min-height: 660px; /* 璁剧疆鏈�灏忛珮搴� */
+
.title {
font-size: 22px;
font-weight: bold;
@@ -1748,40 +1973,47 @@
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);
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+ max-height: 580px; /* 璁剧疆鏈�澶ч珮搴� */
+ overflow-y: auto; /* 鍐呭瓒呰繃楂樺害鏃舵樉绀烘粴鍔ㄦ潯 */
+
.topic-dev {
margin-bottom: 25px;
font-size: 20px !important;
+
.dev-text {
margin-bottom: 10px;
}
}
}
+
.scriptTopic-isabnormal {
color: red;
}
+
.detailed {
width: 88%;
border-radius: 8px;
padding: 30px;
margin-bottom: 30px;
background-color: #ddf0f8;
+
.bg-purple {
margin-bottom: 20px;
}
+
.spanvalue {
display: inline-block;
min-width: 200px;
border-bottom: 1px solid rgb(172, 172, 172);
}
}
+
.headline {
font-size: 24px;
height: 40px;
@@ -1789,79 +2021,94 @@
padding-left: 5px;
margin-bottom: 10px;
display: flex;
- // justify-content: space-between;
+
.Add-details {
font-size: 18px;
color: #02a7f0;
cursor: pointer;
}
}
+
.red-star {
::v-deep.el-radio__label {
position: relative;
- padding-right: 10px; /* 鏍规嵁闇�瑕佽皟鏁� */
+ padding-right: 10px;
}
+
::v-deep.el-radio__label::after {
content: "*";
color: red;
position: absolute;
- right: -5px; /* 鏍规嵁闇�瑕佽皟鏁� */
+ right: -5px;
top: 0;
}
+
::v-deep.el-input-group__textarea {
- white-space: pre-wrap; /* 淇濇寔绌虹櫧绗﹀簭鍒楀苟姝ｅ父鎹㈣ */
- word-break: break-all; /* 鍦ㄩ暱鍗曡瘝鎴朥RL鍦板潃鍐呴儴杩涜鎹㈣ */
+ white-space: pre-wrap;
+ word-break: break-all;
}
+
::v-deep.el-checkbox__label {
position: relative;
- padding-right: 10px; /* 鏍规嵁闇�瑕佽皟鏁� */
+ padding-right: 10px;
}
+
::v-deep.el-checkbox__label::after {
content: "*";
color: red;
position: absolute;
- right: -5px; /* 鏍规嵁闇�瑕佽皟鏁� */
+ right: -5px;
top: 0;
}
}
+
::v-deep.offside-value .el-radio__label {
color: #fff;
}
+
::v-deep.el-link.el-link--default {
color: #02a7f0 !important;
}
+
.el-message-box__btns button:nth-child(2) {
margin-left: 10px;
background-color: #f57676;
border-color: #f57676;
}
+
.el-icon-phone {
transition: all 0.3s;
}
+
.el-button[disabled] .el-icon-phone {
color: #c0c4cc;
}
+
.el-button:not([disabled]) .el-icon-phone {
color: #409eff;
}
+
.el-button:not([disabled]):hover .el-icon-phone {
color: #66b1ff;
transform: scale(1.1);
}
+
.mulsz {
font-size: 25px;
margin-top: 20px;
}
+
.el-input.is-disabled .el-input__inner {
- background-color: #fff; /* 鑳屾櫙棰滆壊 */
- border-color: #dcdfe6; /* 杈规棰滆壊 */
- color: #080808 !important; /* 鏂囧瓧棰滆壊 */
- cursor: not-allowed; /* 榧犳爣鏍峰紡 */
+ background-color: #fff;
+ border-color: #dcdfe6;
+ color: #080808 !important;
+ cursor: not-allowed;
}
+
.el-textarea.is-disabled .el-textarea__inner {
- background-color: #fff; /* 鑳屾櫙棰滆壊 */
- border-color: #dcdfe6; /* 杈规棰滆壊 */
- color: #080808 !important; /* 鏂囧瓧棰滆壊 */
- cursor: not-allowed; /* 榧犳爣鏍峰紡 */
+ background-color: #fff;
+ border-color: #dcdfe6;
+ color: #080808 !important;
+ cursor: not-allowed;
}
</style>
--
Gitblit v1.9.3