|
@@ -305,7 +305,8 @@
|
|
|
>
|
|
|
</Select>
|
|
|
</div>
|
|
|
- <AIBtn @send="zwsend" :disabled="btnSendDisabled" />
|
|
|
+ <AIBtn v-if="!btnSendDisabled" @send="zwsend" :disabled="btnSendDisabled" />
|
|
|
+ <div v-else class="stop_send_btn" title="停止" @click="onStopSendHandle"></div>
|
|
|
</div>
|
|
|
</vue-perfect-scrollbar>
|
|
|
<znxz-detail
|
|
@@ -667,6 +668,7 @@ export default {
|
|
|
|
|
|
if (this.ctrlAbout) {
|
|
|
this.ctrlAbout.abort();
|
|
|
+ this.ctrlAbout = null
|
|
|
}
|
|
|
this.loading = false;
|
|
|
if (this.interval) {
|
|
@@ -677,6 +679,14 @@ export default {
|
|
|
}
|
|
|
this.inputText = "";
|
|
|
},
|
|
|
+ onStopSendHandle () {
|
|
|
+ console.log(this.ctrlAbout)
|
|
|
+ if (this.ctrlAbout) {
|
|
|
+ this.ctrlAbout.abort();
|
|
|
+ this.ctrlAbout = null
|
|
|
+ this.btnSendDisabled = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
checkPermision() {
|
|
|
let that = this;
|
|
|
loginMethods
|
|
@@ -3066,4 +3076,33 @@ export default {
|
|
|
background: url("~@/assets/image/arrow1.png") no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
+.stop_send_btn {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ position: absolute;
|
|
|
+ right: 17px;
|
|
|
+ cursor: pointer;
|
|
|
+ bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: linear-gradient(124deg, #505DFF 0%, #418CFF 100%);
|
|
|
+ border-radius: 10px 10px 10px 10px;
|
|
|
+ cursor: pointer;
|
|
|
+ opacity: 0.8;
|
|
|
+}
|
|
|
+.stop_send_btn::before {
|
|
|
+ display: block;
|
|
|
+ content: "";
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ background: rgba(255, 255, 255, 0.8);
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ right: 0px;
|
|
|
+ top: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ margin: auto;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
</style>
|