页面调整
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<div class="top" :class="{active:!isChattingRecords}" @click="()=>{isChattingRecords=!isChattingRecords}">
|
||||
<i class="fi fi-br-angle-small-down"></i>
|
||||
</div>
|
||||
<div v-show="!openChat" class="left" @click="()=>{openChat = !openChat;isChattingRecords=true}">
|
||||
<div v-show="!openChat" class="left" @click="leftOpenChat('left')">
|
||||
<i class="fi fi-br-angle-small-down"></i>
|
||||
</div>
|
||||
<div class="chatBox">
|
||||
@@ -17,7 +17,7 @@
|
||||
<div class="text" v-show="item.content.think || item.content.message || item.content.img || item.content.color">
|
||||
<span class="content">
|
||||
<div class="showThink" :class="{active:item.content?.isThink}" v-show="item.content.think" @click="()=>item.content?.isThink?(item.content.isThink = false):(item.content.isThink = true)">
|
||||
<div>已深度思考</div>
|
||||
<div>{{ $t('chat.DeepThinking') }}</div>
|
||||
<i class="fi fi-br-angle-small-down"></i>
|
||||
</div>
|
||||
<div class="think" v-show="item.content?.isThink">{{item.content.think}}</div>
|
||||
@@ -48,7 +48,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="content" @click="openChattingRecords">
|
||||
<textarea ref="textarea" @input="inputText($event)" @keydown.enter.prevent="sendChat" placeholder="Write your message"></textarea>
|
||||
<textarea ref="textarea" @input="inputText($event)" @keydown.enter.prevent="sendChat" :placeholder="$t('chat.message')"></textarea>
|
||||
<div class="btn">
|
||||
<div class="uploadBox">
|
||||
<div class="filList">
|
||||
@@ -60,7 +60,7 @@
|
||||
<i class="fi fi-rs-paperclip-vertical">
|
||||
<input type="file" @change="handleFileUpload($event)">
|
||||
</i>
|
||||
<div class="enableThinking" :class="{active:enableThinking}" @click="()=>enableThinking = !enableThinking">Deep Thinking</div>
|
||||
<div class="enableThinking" :class="{active:enableThinking}" @click="()=>enableThinking = !enableThinking">{{ $t('chat.DeepThinking') }}</div>
|
||||
</div>
|
||||
<div class="sendBox">
|
||||
<div class="maxNum">{{ chatContent?.length }}/10000</div>
|
||||
@@ -71,7 +71,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="openChat" class="right" @click="()=>{openChat = !openChat;isChattingRecords=false}">
|
||||
<div v-show="openChat" class="right" @click="leftOpenChat('right')">
|
||||
<i class="fi fi-br-angle-small-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
@@ -97,7 +97,7 @@ export default defineComponent({
|
||||
const route = useRoute()
|
||||
const data = reactive({
|
||||
chatContent:'',
|
||||
openChat:false,
|
||||
openChat:computed(()=>store.state.Workspace.openChat),
|
||||
chatList:[
|
||||
] as any,
|
||||
isChattingRecords:false,
|
||||
@@ -114,7 +114,7 @@ export default defineComponent({
|
||||
watch(()=>data.selectObject.id,(newValue,oldValue)=>{
|
||||
if(newValue && (data.selectObject.httpType == 'SERIES_DESIGN' || data.selectObject.httpType == 'SINGLE_DESIGN')){
|
||||
data.chatList = []
|
||||
if(route.query?.chatMode == 'true')data.openChat = true
|
||||
if(route.query?.chatMode == 'true')store.commit('setOpenChatStatus',true)
|
||||
|
||||
if(route.query?.create)return
|
||||
nextTick(()=>{
|
||||
@@ -329,6 +329,15 @@ export default defineComponent({
|
||||
})
|
||||
|
||||
}
|
||||
const leftOpenChat = (str:string)=>{
|
||||
if(str == 'left'){
|
||||
data.isChattingRecords=true
|
||||
store.commit('setOpenChatStatus',true)
|
||||
}else{
|
||||
data.isChattingRecords=false
|
||||
store.commit('setOpenChatStatus',false)
|
||||
}
|
||||
}
|
||||
return{
|
||||
...toRefs(dataDom),
|
||||
...toRefs(data),
|
||||
@@ -338,6 +347,7 @@ export default defineComponent({
|
||||
handleFileUpload,
|
||||
deleteFile,
|
||||
imgError,
|
||||
leftOpenChat,
|
||||
}
|
||||
},
|
||||
provide() {
|
||||
|
||||
Reference in New Issue
Block a user