From 8b6d79d198707624b1aa3ee004bed3991ac454f3 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期四, 08 八月 2024 20:13:41 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.5.5:10010/r/web/flow_web
---
src/views/session/sessionManager/components/addSession.vue | 177 +++++++++++++++++++++++++++++++++++------------------------
1 files changed, 105 insertions(+), 72 deletions(-)
diff --git a/src/views/session/sessionManager/components/addSession.vue b/src/views/session/sessionManager/components/addSession.vue
index 37ebde1..0735a0e 100644
--- a/src/views/session/sessionManager/components/addSession.vue
+++ b/src/views/session/sessionManager/components/addSession.vue
@@ -1,81 +1,114 @@
<script setup lang="ts">
- import { defineProps,ref,defineEmits, onMounted } from 'vue';
- import { Message } from '@arco-design/web-vue';
- import { addSessionApi ,getDialogListApi }from '@/api/session';
- const props=defineProps({
- modalObj:Object
- });
- const conversation=ref({ dialog_id:'', conversation_desc:'' });
- const dialogList=ref([]);
- const emit = defineEmits(['addSession']);
- const queryDialogList=async ()=>{
- const { code, data } = await getDialogListApi();
- if(code===200){
- dialogList.value = data;
+ import { defineProps, ref, watch, defineEmits, onMounted } from 'vue';
+ import { Message } from '@arco-design/web-vue';
+ import { addSessionApi, getDialogListApi } from '@/api/session';
+ const props = defineProps({
+ modalObj: Object,
+ });
+ const conversation = ref({ dialog_id: '', conversation_desc: '' });
+ const dialogList = ref([]);
+ const emit = defineEmits(['addSession']);
+ const queryDialogList = async () => {
+ const { code, data } = await getDialogListApi();
+ if (code === 200) {
+ dialogList.value = data;
+ }
+ };
+
+ const rules = {
+ dialog_id: [
+ {
+ required: true,
+ message: '鏅鸿兘鍔╂墜涓嶈兘涓虹┖',
+ },
+ ],
+ conversation_desc: [
+ {
+ required: true,
+ message: '鎻忚堪涓嶈兘涓虹┖',
+ },
+ ],
+ };
+ onMounted(() => {
+ queryDialogList();
+ });
+ const formRef = ref();
+ const handleOk = () => {
+ formRef.value.validate().then(async (res) => {
+ if (!res) {
+ const { code } = await addSessionApi({ ...conversation.value });
+ if (code === 200) {
+ Message.success('娣诲姞鎴愬姛');
+ emit('addSession');
+ setTimeout(() => {
+ props.modalObj.add = false;
+ }, 500);
+ } else {
+ Message.warning('娣诲姞澶辫触');
+ }
}
- };
-
- const rules = {
- dialog_id: [
- {
- required: true,
- message: '鏅鸿兘鍔╂墜涓嶈兘涓虹┖',
- },
- ],
- conversation_desc: [
- {
- required: true,
- message: '鎻忚堪涓嶈兘涓虹┖',
- }
- ]
- }
- onMounted(()=>{
- queryDialogList();
});
- const formRef = ref();
- const handleOk=()=>{
- formRef.value.validate().then(async(res)=>{
- if(!res){
- const { code }=await addSessionApi({ ...conversation.value });
- if(code===200){
- Message.success('娣诲姞鎴愬姛');
- emit('addSession');
- setTimeout(()=>{
- props.modalObj.add=false;
- },500);
- }else{
- Message.warning('娣诲姞澶辫触');
- }
- }
- });
- return false;
- }
- const destroyData = ()=>{
- formRef.value.resetFields();
- }
+ return false;
+ };
+ const destroyData = () => {
+ formRef.value.resetFields();
+ };
+ // const conversation_desc = ref('');
+
+ // watch(
+ // () => conversation.value.dialog_id,
+ // (newVal) => {
+ // conversation.value.conversation_desc = dialogList.value.find(
+ // (item) => item.id === newVal
+ // )?.name;
+ // }
+ // );
</script>
<template>
- <div>
- <a-modal v-model:visible="modalObj.add" @before-ok="handleOk" @cancel="modalObj.add=false" @before-close="destroyData">
- <template #title>
- 鏂板浼氳瘽
- </template>
- <a-form ref="formRef" :model="conversation" :rules="rules">
- <a-form-item label="鍔╂墜鍏宠仈:" field="dialog_id" @submit="handleSubmit">
- <a-select style="width: 80%" v-model="conversation.dialog_id" placeholder="璇烽�夋嫨鍏宠仈鍔╂墜">
- <a-option v-for="dialog in dialogList" :key="dialog.id" :value="dialog.id">{{dialog.name}}</a-option>
- </a-select>
- </a-form-item>
- <a-form-item label="鎻忚堪:" field="conversation_desc">
- <a-textarea placeholder="璇疯緭鍏ユ弿杩�" :max-length="100" show-word-limit :auto-size="{minRows:4,maxRows:5}" v-model="conversation.conversation_desc" style="width: 80%"></a-textarea>
- </a-form-item>
- </a-form>
- </a-modal>
- </div>
+ <div>
+ <a-modal
+ v-model:visible="modalObj.add"
+ @before-ok="handleOk"
+ @cancel="modalObj.add = false"
+ @before-close="destroyData"
+ >
+ <template #title> 鏂板浼氳瘽 </template>
+ <a-form ref="formRef" :model="conversation" :rules="rules">
+ <a-form-item label="鍔╂墜鍏宠仈:" field="dialog_id" @submit="handleSubmit">
+ <a-select
+ style="width: 80%"
+ v-model="conversation.dialog_id"
+ placeholder="璇烽�夋嫨鍏宠仈鍔╂墜"
+ >
+ <a-option
+ v-for="dialog in dialogList"
+ :key="dialog.id"
+ :value="dialog.id"
+ >{{ dialog.name }}</a-option
+ >
+ </a-select>
+ </a-form-item>
+ <a-form-item label="鍚嶅瓧:" field="conversation_desc">
+ <a-textarea
+ placeholder="璇疯緭鍏ュ悕瀛�"
+ :max-length="100"
+ show-word-limit
+ :auto-size="{ minRows: 4, maxRows: 5 }"
+ v-model="conversation.conversation_desc"
+ style="width: 80%"
+ ></a-textarea>
+ <!-- <a-input
+ placeholder="鍏宠仈鍔╂墜鍚嶅瓧"
+ disabled
+ v-model="conversation.conversation_desc"
+ style="width: 80%"
+ ></a-input> -->
+ </a-form-item>
+ </a-form>
+ </a-modal>
+ </div>
</template>
-<style scoped lang="scss">
-
-</style>
+<style scoped lang="scss"></style>
--
Gitblit v1.8.0