like
/
customAgent
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整帮忙弹窗

Browse Source
master
jiangjunjie 6 days ago
parent 5674d1a186
commit b96bb94cb8
2 changed files with 71 additions and 92 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 147
      src/components/chat-content.vue
  2. 16
      src/components/chat-new.vue

147
src/components/chat-content.vue
Unescape View File

@ -136,7 +136,7 @@
</div> </div>
</div> </div>
<!-- <div class="service-link-box before-top"> <!-- <div class="service-link-box before-top">
<button class="service-link-btn" disabled="disabled" @click.stop="manualAnswer($event)"> <button class="service-link-btn" :disabled="isHistory" @click.stop="manualAnswer($event)">
点击此处，连线人工客服 点击此处，连线人工客服
</button> </button>
</div> --> </div> -->
@ -179,10 +179,10 @@
<!-- 2021/12 关爱版开启留言按钮, 隐藏95950000 95980000 95985000渠道留言按钮 --> <!-- 2021/12 关爱版开启留言按钮, 隐藏95950000 95980000 95985000渠道留言按钮 -->
<div class="leave-message-btn" <div class="leave-message-btn"
v-if="!($nohxmessage || []).includes(source) && userInfo.blacklistFlag != '1'"> v-if="!($nohxmessage || []).includes(source) && userInfo.blacklistFlag != '1'">
<button class="answer-items" disabled="disabled" @click.stop="leaveMessageBtn($event)"> <button class="answer-items" :disabled="isHistory" @click.stop="leaveMessageBtn($event)">
点击此处，给我们留言 点击此处，给我们留言
</button> </button>
<!-- <button class="answer-items" disabled="disabled" @click.stop="exitMessage($event)">点击此处，退出人工</button> --> <!-- <button class="answer-items" :disabled="isHistory" @click.stop="exitMessage($event)">点击此处，退出人工</button> -->
</div> </div>
</div> </div>
</div> </div>
@ -205,7 +205,7 @@
<!-- 2021/12 关爱版开启留言按钮, 隐藏95950000 95980000 95985000渠道留言按钮 --> <!-- 2021/12 关爱版开启留言按钮, 隐藏95950000 95980000 95985000渠道留言按钮 -->
<div class="leave-message-btn" <div class="leave-message-btn"
v-if="!($nohxmessage || []).includes(source) && userInfo.blacklistFlag != '1'"> v-if="!($nohxmessage || []).includes(source) && userInfo.blacklistFlag != '1'">
<button class="answer-items" disabled="disabled" @click.stop="leaveMessageBtn($event)"> <button class="answer-items" :disabled="isHistory" @click.stop="leaveMessageBtn($event)">
点击此处，给我们留言 点击此处，给我们留言
</button> </button>
</div> </div>
@ -499,7 +499,7 @@
<div class="service-icon-tips" v-text="item.msgText"></div> <div class="service-icon-tips" v-text="item.msgText"></div>
</div> </div>
<!-- <div class="service-link-box before-top"> <!-- <div class="service-link-box before-top">
<button class="service-link-btn" disabled="disabled" @click.stop="manualAnswer($event)"> <button class="service-link-btn" :disabled="isHistory" @click.stop="manualAnswer($event)">
点击此处，连线人工客服 点击此处，连线人工客服
</button> </button>
</div> --> </div> -->
@ -523,7 +523,7 @@
<!-- <!--
<div class="chat-left-txt connectionArtificial" v-html="item.msgText"></div> <div class="chat-left-txt connectionArtificial" v-html="item.msgText"></div>
<div class="content-question-answer" v-if="item.intents && item.intents.length > 0" > <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
<button class="answer-items" v-for="(items, index) in item.intents" :key="index" disabled="disabled" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button> <button class="answer-items" v-for="(items, index) in item.intents" :key="index" :disabled="isHistory" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
</div> </div>
--> -->
@ -568,18 +568,18 @@
<!-- <!--
<text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" :itemlist="item" :disabled="isHistory"></text-content> <text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" :itemlist="item" :disabled="isHistory"></text-content>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">0101如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="manualAnswer($event)">进入人工服务</button>。</div> --> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">0101如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="manualAnswer($event)">进入人工服务</button>。</div> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
:itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
:disabled="isHistory"></text-folding> :disabled="isHistory"></text-folding>
<!--问题反馈 --> <!--问题反馈 -->
<div class="help-button-box flex flex-align-center before-top" <div class="help-button-box flex flex-align-center before-top"
v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'"> v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
<button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(2, item, $event)"
:data-ref="`u_${item.timestamp}`"> :data-ref="`u_${item.timestamp}`">
<em class="help-button-icon"></em>没有帮助 <em class="help-button-icon"></em>没有帮助
</button> </button>
<button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(1, item, $event)"
:data-ref="`r_${item.timestamp}`"> :data-ref="`r_${item.timestamp}`">
<em class="help-button-icon"></em>有帮助 <em class="help-button-icon"></em>有帮助
</button> </button>
@ -597,7 +597,7 @@
<div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">{{item.seatNum}}</div> <div class="chat-name" v-if="item.seatNum && item.seatNum != '调度员'">{{item.seatNum}}</div>
<div class="content-left-main"> <div class="content-left-main">
<div class="chat-left-txt" v-html="replacementRag(item.msgText)"></div> <div class="chat-left-txt" v-html="replacementRag(item.msgText)"></div>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="manualAnswer($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="manualAnswer($event)">进入人工服务</button>。</div>
</div> </div>
</div> </div>
</div> --> </div> -->
@ -617,7 +617,7 @@
<!-- <!--
<div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div> <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
:itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
@ -625,11 +625,11 @@
<!--问题反馈 --> <!--问题反馈 -->
<div class="help-button-box flex flex-align-center before-top" <div class="help-button-box flex flex-align-center before-top"
v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'"> v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
<button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(2, item, $event)"
:data-ref="`u_${item.timestamp}`"> :data-ref="`u_${item.timestamp}`">
<em class="help-button-icon"></em>没有帮助 <em class="help-button-icon"></em>没有帮助
</button> </button>
<button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(1, item, $event)"
:data-ref="`r_${item.timestamp}`"> :data-ref="`r_${item.timestamp}`">
<em class="help-button-icon"></em>有帮助 <em class="help-button-icon"></em>有帮助
</button> </button>
@ -651,9 +651,9 @@
<!-- <!--
<div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div> <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
<div class="content-question-answer" v-if="item.intents && item.intents.length > 0" > <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
<button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button> <button class="answer-items" :disabled="isHistory" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
</div> </div>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
:itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
@ -676,9 +676,9 @@
<!-- <!--
<div class="chat-left-txt connectionArtificial" v-html="replacementRagEmoticon(item.msgText)"></div> <div class="chat-left-txt connectionArtificial" v-html="replacementRagEmoticon(item.msgText)"></div>
<div class="content-question-answer" v-if="item.intents && item.intents.length > 0" > <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
<button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button> <button class="answer-items" :disabled="isHistory" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
</div> </div>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="item.msgText" :intents="item.intents" :itemlist="item" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="item.msgText" :intents="item.intents" :itemlist="item"
:isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
@ -699,7 +699,7 @@
<div class="content-left-main img-text-type text-folding-box"> <div class="content-left-main img-text-type text-folding-box">
<!-- <!--
<div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div> <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
:itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
@ -728,9 +728,9 @@
<!-- <!--
<div class="chat-left-txt connectionArtificial" v-html="replacementRagEmoticon(item.msgText)"></div> <div class="chat-left-txt connectionArtificial" v-html="replacementRagEmoticon(item.msgText)"></div>
<div class="content-question-answer" v-if="item.intents && item.intents.length > 0" > <div class="content-question-answer" v-if="item.intents && item.intents.length > 0" >
<button class="answer-items" disabled="disabled" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button> <button class="answer-items" :disabled="isHistory" v-for="(items, index) in item.intents" :key="index" @click.stop="richCallAnswer(items.intent)">{{items.intent}}</button>
</div> </div>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="item.msgText" :intents="item.intents" :itemlist="item" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="item.msgText" :intents="item.intents" :itemlist="item"
:isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :disabled="isHistory" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :disabled="isHistory"
@ -755,7 +755,7 @@
<!-- <!--
<text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="isHistory"></text-content> <text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="isHistory"></text-content>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
:itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
@ -763,11 +763,11 @@
<!--问题反馈 --> <!--问题反馈 -->
<div class="help-button-box flex flex-align-center before-top" <div class="help-button-box flex flex-align-center before-top"
v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'"> v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
<button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(2, item, $event)"
:data-ref="`u_${item.timestamp}`"> :data-ref="`u_${item.timestamp}`">
<em class="help-button-icon"></em>没有帮助 <em class="help-button-icon"></em>没有帮助
</button> </button>
<button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(1, item, $event)"
:data-ref="`r_${item.timestamp}`"> :data-ref="`r_${item.timestamp}`">
<em class="help-button-icon"></em>有帮助 <em class="help-button-icon"></em>有帮助
</button> </button>
@ -792,7 +792,7 @@
<!-- <!--
<text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="isHistory"></text-content> <text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="isHistory"></text-content>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
:itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
@ -800,11 +800,11 @@
<!--问题反馈 --> <!--问题反馈 -->
<div class="help-button-box flex flex-align-center before-top" <div class="help-button-box flex flex-align-center before-top"
v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'"> v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
<button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(2, item, $event)"
:data-ref="`u_${item.timestamp}`"> :data-ref="`u_${item.timestamp}`">
<em class="help-button-icon"></em>没有帮助 <em class="help-button-icon"></em>没有帮助
</button> </button>
<button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(1, item, $event)"
:data-ref="`r_${item.timestamp}`"> :data-ref="`r_${item.timestamp}`">
<em class="help-button-icon"></em>有帮助 <em class="help-button-icon"></em>有帮助
</button> </button>
@ -853,11 +853,11 @@
:itemlist="item" /> :itemlist="item" />
<div class="help-button-box flex flex-align-center before-top" <div class="help-button-box flex flex-align-center before-top"
v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ' && item.specialData"> v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ' && item.specialData">
<button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(1, item, $event)"
:data-ref="`r_${item.timestamp}`"> :data-ref="`r_${item.timestamp}`">
<em class="help-button-icon"></em>没有帮助 <em class="help-button-icon"></em>没有帮助
</button> </button>
<button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(2, item, $event)"
:data-ref="`u_${item.timestamp}`"> :data-ref="`u_${item.timestamp}`">
<em class="help-button-icon"></em>有帮助 <em class="help-button-icon"></em>有帮助
</button> </button>
@ -879,7 +879,7 @@
<div class="content-left-main img-text-type text-folding-box"> <div class="content-left-main img-text-type text-folding-box">
<!-- <!--
<div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div> <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replacementRag(item.msgText)" :intents="item.intents"
:itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
@ -1040,7 +1040,7 @@
<!-- <!--
<text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="isHistory"></text-content> <text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="isHistory"></text-content>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :itemlist="item" :isWX="isWX" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :itemlist="item" :isWX="isWX"
:tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :disabled="isHistory" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :disabled="isHistory"
@ -1049,11 +1049,11 @@
<!--问题反馈 --> <!--问题反馈 -->
<div class="help-button-box flex flex-align-center before-top" <div class="help-button-box flex flex-align-center before-top"
v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'"> v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
<button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(2, item, $event)"
:data-ref="`u_${item.timestamp}`"> :data-ref="`u_${item.timestamp}`">
<em class="help-button-icon"></em>没有帮助 <em class="help-button-icon"></em>没有帮助
</button> </button>
<button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(1, item, $event)"
:data-ref="`r_${item.timestamp}`"> :data-ref="`r_${item.timestamp}`">
<em class="help-button-icon"></em>有帮助 <em class="help-button-icon"></em>有帮助
</button> </button>
@ -1078,7 +1078,7 @@
<!-- <!--
<text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="isHistory"></text-content> <text-content :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" heightMax="autoHeight" :disabled="isHistory"></text-content>
<div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div> <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory" @click.stop="connectionArtificial($event)">进入人工服务</button>。</div>
--> -->
<text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents" <text-folding :isHistory="isHistory" v-if="item.msgText" :introduce="replaceALabel(item.msgText)" :intents="item.intents"
:itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum" :itemlist="item" :isWX="isWX" :tokenExist="tokenExist" :lostChatInfoNum="lostChatInfoNum"
@ -1086,11 +1086,11 @@
<!--问题反馈 --> <!--问题反馈 -->
<div class="help-button-box flex flex-align-center before-top" <div class="help-button-box flex flex-align-center before-top"
v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'"> v-if="item.cmd != 'RGFWHS' && item.cmd != 'QXRGPJ'">
<button class="help-button-item" disabled="disabled" @click.stop="appraise(2, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(2, item, $event)"
:data-ref="`u_${item.timestamp}`"> :data-ref="`u_${item.timestamp}`">
<em class="help-button-icon"></em>没有帮助 <em class="help-button-icon"></em>没有帮助
</button> </button>
<button class="help-button-item" disabled="disabled" @click.stop="appraise(1, item, $event)" <button class="help-button-item" :disabled="isHistory" @click.stop="appraise(1, item, $event)"
:data-ref="`r_${item.timestamp}`"> :data-ref="`r_${item.timestamp}`">
<em class="help-button-icon"></em>有帮助 <em class="help-button-icon"></em>有帮助
</button> </button>
@ -1112,7 +1112,7 @@
<div class="content-left-main"> <div class="content-left-main">
<div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div> <div class="chat-left-txt connectionArtificial" v-html="replacementRag(item.msgText)"></div>
<!-- <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'"> <!-- <div class="question-answer-help" v-if="item.cmd && item.cmd == 'RGFWHS'">
如需更多帮助，请点击<button class="answer-help-btn" disabled="disabled" 如需更多帮助，请点击<button class="answer-help-btn" :disabled="isHistory"
@click.stop="connectionArtificial($event)"> @click.stop="connectionArtificial($event)">
进入人工服务</button>。 进入人工服务</button>。
</div> --> </div> -->
@ -1963,62 +1963,25 @@ export default {
// console.log(item, type); // console.log(item, type);
}, },
//评价接口 //评价接口
appraise(evaluation, item, event) { appraise(evaluation, item, event) {
//evaluation 1为有帮助 2没有帮助 //evaluation 1为有帮助 2没有帮助
let current = event.currentTarget; // 基础评价数据交给 appraise-popup 弹窗：提交/关闭时统一落库并置灰按钮
let settled = event.currentTarget.parentNode.children[1]; //有帮助 let current = event.currentTarget;
let unsettled = event.currentTarget.parentNode.children[0]; //没有帮助
let baseHandle = {
let param = { fromFlag: 1,
fromFlag: 1, userId: this.userId,
userId: this.userId, sessionId: this.sessionId,
sessionId: this.sessionId, source: this.source,
source: this.source, qaId: item.qaId,
qaId: item.qaId, evaluation: evaluation,
evaluation: evaluation, reqAndResType: "3",
reqAndResType: "3", timestamp: new Date().valueOf(),
timestamp: new Date().valueOf(), event: current,
}; };
current.disabled = true; this.$emit("handleAppraise", true, baseHandle);
//this.set_sendLoading(true); },
// 满意度调查系统需求
this.savePaperResult(param)
.then((res) => { })
.catch((err) => {
console.log(err);
});
this.$post("evaluation/evaluateAnswer", param)
.then((res) => {
//this.set_sendLoading(false);
// console.log("评价接口==", res)
if (res.code && res.code != 0) {
showToast(res.msg);
current.disabled = false;
return;
}
// 禁掉按钮
current.disabled = true;
current.classList.add("active");
if (current.innerText === "有帮助") {
unsettled.disabled = true;
} else if (current.innerText === "没有帮助") {
settled.disabled = true;
}
this.set_chatList(res.data);
this.scrollTopBody();
//评价返回数据
})
.catch((error) => {
current.disabled = false;
console.log(error);
});
},
//留言 //留言
leaveMessageBtn(event) { leaveMessageBtn(event) {
let current = event.currentTarget; let current = event.currentTarget;

16
src/components/chat-new.vue
Unescape View File

@ -10,6 +10,7 @@ import hotQuestionNew from '@/components/hot-question-new.vue'
import welcomes from '@/components/welcomes.vue' import welcomes from '@/components/welcomes.vue'
import abstract from '@/components/abstract.vue' import abstract from '@/components/abstract.vue'
import chatContent from '@/components/chat-content.vue' import chatContent from '@/components/chat-content.vue'
import appraisePopup from '@/components/appraise-popup.vue'
import DynamicImage from '@/components/common/DynamicImage.vue' import DynamicImage from '@/components/common/DynamicImage.vue'
import bussinessHandle from '@/components/business-handle.vue' import bussinessHandle from '@/components/business-handle.vue'
import imageService from '@/utils/imageService' import imageService from '@/utils/imageService'
@ -41,6 +42,13 @@ const sessionId = inject('sessionId', ref(''))
const userId = inject('userId', ref('')) const userId = inject('userId', ref(''))
const isLostMessage = inject('isLostMessage', ref(null)) const isLostMessage = inject('isLostMessage', ref(null))
const mainContainerRef = ref(null) const mainContainerRef = ref(null)
const appraiseShow = ref(false) // 有帮助/没帮助评价弹层
const baseHandle = ref('') // 评价弹层基础数据（含被点按钮 event）
function appraiseIsClose(val, param) {
appraiseShow.value = val
baseHandle.value = param || ''
}
// 参考 liics/chat-main 的 tokenExist：token 获取成功后才渲染聊天主内容 // 参考 liics/chat-main 的 tokenExist：token 获取成功后才渲染聊天主内容
@ -518,16 +526,24 @@ watch(
:isWX="isWX" :isWX="isWX"
:tokenExist="tokenExist" :tokenExist="tokenExist"
:lostChatInfoNum="lostChatInfoNum" :lostChatInfoNum="lostChatInfoNum"
@handleAppraise="appraiseIsClose"
/> />
</div> </div>
<div class="chat-footer"> <div class="chat-footer">
<footer-bar v-if="tokenExist" :tokenExist="tokenExist" /> <footer-bar v-if="tokenExist" :tokenExist="tokenExist" />
</div> </div>
<bussinessHandle :businessHandleInfo="store.businessHandleInfo" ref="businessHandleRef" /> <bussinessHandle :businessHandleInfo="store.businessHandleInfo" ref="businessHandleRef" />
<van-overlay :show="appraiseShow" z-index="10" class-name="appraise-popup-box" duration="0.2">
<appraise-popup v-if="appraiseShow" @handleAppraiseClose="appraiseIsClose"
:baseHandle="baseHandle"></appraise-popup>
</van-overlay>
</div> </div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/assets/style/common.css'; @import '@/assets/style/common.css';
.van-overlay.appraise-popup-box {
background: rgba(0, 0, 0, 0.5) !important;
}
.chat-new { .chat-new {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;

Write Preview
Loading…
Cancel
Save