|
@@ -14,15 +14,15 @@
|
|
<div class="assistant-main-list-ask">
|
|
<div class="assistant-main-list-ask">
|
|
<div class="title_1">
|
|
<div class="title_1">
|
|
提问记录
|
|
提问记录
|
|
- <div class="clear __hover">
|
|
|
|
|
|
+ <div class="clear __hover" @click="onClearAsk">
|
|
<img src="@/views/smart-ask-answer/assistant/imgs/clear.png"/>清空
|
|
<img src="@/views/smart-ask-answer/assistant/imgs/clear.png"/>清空
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list_1">
|
|
<div class="list_1">
|
|
- <template v-for="item in state.askList">
|
|
|
|
|
|
+ <template v-for="(item, index) in state.askList">
|
|
<div class="item">
|
|
<div class="item">
|
|
<span class="__hover">{{item}}</span>
|
|
<span class="__hover">{{item}}</span>
|
|
- <div class="del __hover">删除</div>
|
|
|
|
|
|
+ <div class="del __hover" @click="onDelAsk(index)">删除</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
@@ -67,7 +67,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="assistant-main-content">
|
|
<div class="assistant-main-content">
|
|
- <chatCom/>
|
|
|
|
|
|
+ <chatCom @getText="getText"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<CzrDialog
|
|
<CzrDialog
|
|
@@ -159,22 +159,13 @@ import {computed, getCurrentInstance, onMounted, reactive, watch} from "vue";
|
|
import CzrDialog from "@/components/czr-ui/CzrDialog.vue";
|
|
import CzrDialog from "@/components/czr-ui/CzrDialog.vue";
|
|
import chatCom from './chat.vue'
|
|
import chatCom from './chat.vue'
|
|
|
|
|
|
|
|
+const askSplit = 'd95839a9-1b75-8ba3-06e7-8fc46aff233b'
|
|
|
|
+const askKey = 'assistant_askList'
|
|
const state: any = reactive({
|
|
const state: any = reactive({
|
|
showHelp: false,
|
|
showHelp: false,
|
|
showAgreement: false,
|
|
showAgreement: false,
|
|
showDisclaimers: false,
|
|
showDisclaimers: false,
|
|
- askList: [
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- '出口退税查询',
|
|
|
|
- ],
|
|
|
|
|
|
+ askList: localStorage.getItem(askKey) ? localStorage.getItem(askKey).split(askSplit) : [],
|
|
hotList: {
|
|
hotList: {
|
|
theme: [
|
|
theme: [
|
|
'进入口通关',
|
|
'进入口通关',
|
|
@@ -215,6 +206,23 @@ const state: any = reactive({
|
|
],
|
|
],
|
|
},
|
|
},
|
|
})
|
|
})
|
|
|
|
+const getText = (text: string) => {
|
|
|
|
+ setAskList(text)
|
|
|
|
+}
|
|
|
|
+const setAskList = (text: string) => {
|
|
|
|
+ const nowAsk = localStorage.getItem(askKey) ? localStorage.getItem(askKey).split(askSplit) : []
|
|
|
|
+ nowAsk.unshift(text)
|
|
|
|
+ localStorage.setItem(askKey, nowAsk.slice(0, 10).join(askSplit))
|
|
|
|
+ state.askList = nowAsk
|
|
|
|
+}
|
|
|
|
+const onDelAsk = (index) => {
|
|
|
|
+ state.askList.splice(index, 1)
|
|
|
|
+ localStorage.setItem(askKey, state.askList.join(askSplit))
|
|
|
|
+}
|
|
|
|
+const onClearAsk = () => {
|
|
|
|
+ state.askList = []
|
|
|
|
+ localStorage.setItem(askKey, state.askList.join(askSplit))
|
|
|
|
+}
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
})
|
|
})
|
|
</script>
|
|
</script>
|