From 4a3184a03f86dde138301f2d89ad180c0059f24d Mon Sep 17 00:00:00 2001 From: yangyin <1850366751@qq.com> Date: 星期五, 30 八月 2024 15:46:40 +0800 Subject: [PATCH] 添加图片 --- customer_list/yw/static/images/knowledge/data_type_3.png | 0 customer_list/yw/static/images/knowledge/data_type_2.png | 0 src/views/project/yw/dataManage/graph/AddGraph.vue | 2 src/views/project/yw/dataManage/knowledge/Knowledge.vue | 8 ++ customer_list/yw/static/images/knowledge/data_type_4.png | 0 src/views/project/yw/dataManage/knowledge/AddKnowledge.vue | 114 +++++++++++++++++++------------------- customer_list/yw/static/images/knowledge/data_type_1.png | 0 7 files changed, 64 insertions(+), 60 deletions(-) diff --git a/customer_list/yw/static/images/knowledge/left.png b/customer_list/yw/static/images/knowledge/data_type_1.png similarity index 100% rename from customer_list/yw/static/images/knowledge/left.png rename to customer_list/yw/static/images/knowledge/data_type_1.png Binary files differ diff --git a/customer_list/yw/static/images/knowledge/data_type_2.png b/customer_list/yw/static/images/knowledge/data_type_2.png new file mode 100644 index 0000000..d07ef1d --- /dev/null +++ b/customer_list/yw/static/images/knowledge/data_type_2.png Binary files differ diff --git a/customer_list/yw/static/images/knowledge/data_type_3.png b/customer_list/yw/static/images/knowledge/data_type_3.png new file mode 100644 index 0000000..7d1d06c --- /dev/null +++ b/customer_list/yw/static/images/knowledge/data_type_3.png Binary files differ diff --git a/customer_list/yw/static/images/knowledge/data_type_4.png b/customer_list/yw/static/images/knowledge/data_type_4.png new file mode 100644 index 0000000..a966696 --- /dev/null +++ b/customer_list/yw/static/images/knowledge/data_type_4.png Binary files differ diff --git a/src/views/project/yw/dataManage/graph/AddGraph.vue b/src/views/project/yw/dataManage/graph/AddGraph.vue index 071da94..e7402b8 100644 --- a/src/views/project/yw/dataManage/graph/AddGraph.vue +++ b/src/views/project/yw/dataManage/graph/AddGraph.vue @@ -73,7 +73,7 @@ <script setup lang="ts"> import type { UploadUserFile } from 'element-plus'; -import { ElMessage, ElMessage } from 'element-plus'; +import { ElMessage } from 'element-plus'; import { reactive, ref } from 'vue'; import { useRouter } from 'vue-router'; // 瀹氫箟鍙橀噺鍐呭 diff --git a/src/views/project/yw/dataManage/knowledge/AddKnowledge.vue b/src/views/project/yw/dataManage/knowledge/AddKnowledge.vue index 071da94..cd627f8 100644 --- a/src/views/project/yw/dataManage/knowledge/AddKnowledge.vue +++ b/src/views/project/yw/dataManage/knowledge/AddKnowledge.vue @@ -12,41 +12,51 @@ <div class="relative transition-[opacity 0.3s]"> <div class="set-form-height"> <div class="flex flex-col"> + <el-divider content-position="left"><span class="text-[18px]">鐭ヨ瘑搴撳熀纭�淇℃伅</span></el-divider> <el-form :model="state.categoryForm" label-width="120px" label-position="left"> - <el-form-item label="瀵煎叆绫荤洰:"> - <label>{{ state.categoryForm.ImportCategory }}</label> + <el-form-item label="鐭ヨ瘑搴撳悕绉�:"> + <el-input + v-model="state.categoryForm.ImportCategory" + style="width: 532px" + maxlength="20" + placeholder="璇疯緭鍏ョ煡璇嗗簱鍚嶇О" + show-word-limit + type="text" + /> </el-form-item> - <el-form-item label="绫荤洰绫诲瀷:"> - <label>{{ state.categoryForm.CategoryType }}</label> + <el-form-item label="鐭ヨ瘑搴撴弿杩�:"> + <el-input + v-model="state.categoryForm.CategoryType" + maxlength="1000" + style="width: 532px" + placeholder="璇疯緭鍏ョ煡璇嗗簱鎻忚堪銆傚鐭ヨ瘑搴撳寘鍚殑鍐呭鍜屾暟鎹殑鐢ㄩ�旇繘琛屾弿杩般��" + show-word-limit + :rows="5" + type="textarea" + /> </el-form-item> - <el-form-item label="瀵煎叆鏂瑰紡:"> - <el-upload - ref="uploadRef" - v-model:file-list="fileList" - class="upload-demo w-[530px]" - drag - :multiple="true" - :auto-upload="false" - :accept="state.allowType" - :limit="state.limit" - :before-upload="beforeAvatarUpload" - > - <el-icon class="el-icon--upload"><upload-filled /></el-icon> - <div class="el-upload__text"> - <em>鐐瑰嚮鎴栨嫋鎷戒笂浼犳枃浠�</em> + <el-form-item label="鏁版嵁绫诲瀷:"> + <div v-for="(item, index) in state.dataTypeList" :key="index"> + <div + class="bg-[#f6f5ff] border-[1px] border-solid border-[#0062be] py-[12px] w-[215px] px-[16px] rounded-lg cursor-pointer" + > + <el-radio v-model="state.categoryForm.dataType" size="large"> + <span class="font-[700] text[14px]">{{ item.Name }}</span> + </el-radio> + + <el-tooltip :content="item.DemoDesc" placement="top" effect="light" popper-class="set_tooltip_demo"> + <div class="text-[#878aab] text-[12px] mx-0 mt-[2px] mb-0 set-desc"> + {{ item.DemoDesc }} + </div> + </el-tooltip> </div> - <template #tip> - <div class="el-upload__tip"> - 鏀寔鏍煎紡锛歿{ state.allowType }};闄愬埗澶у皬{{ state.size }}M,鏈�澶氫笂浼爗{ state.limit }}涓枃浠� - </div> - </template> - </el-upload> + </div> </el-form-item> - <el-form-item label="鏂囨。璇嗗埆:"> + <!-- <el-form-item label="閰嶇疆妯″紡:"> <div class="bg-[#f6f5ff] border-[1px] border-solid border-[#0062be] py-[12px] w-[215px] px-[16px] rounded-lg cursor-pointer" > - <el-radio-group v-model="state.categoryForm.DocumentRecognition"> + <el-radio-group v-model="state.categoryForm.configurationMode"> <el-radio value="1" size="large"> <span class="font-[700] text[14px]">鏂囨。鏅鸿兘瑙f瀽</span> </el-radio> @@ -57,11 +67,11 @@ </div> </el-tooltip> </div> - </el-form-item> + </el-form-item> --> </el-form> <div class="set-form-footer"> - <el-button type="primary" @click="onSubmit">纭� 璁�</el-button> + <el-button type="primary" @click="onSubmit">涓嬩竴姝�</el-button> <el-button>鍙栨秷</el-button> </div> </div> @@ -73,21 +83,31 @@ <script setup lang="ts"> import type { UploadUserFile } from 'element-plus'; -import { ElMessage, ElMessage } from 'element-plus'; import { reactive, ref } from 'vue'; import { useRouter } from 'vue-router'; // 瀹氫箟鍙橀噺鍐呭 const state = reactive({ - detailTitle: '瀵煎叆鏁版嵁', + detailTitle: '鍒涘缓鐭ヨ瘑搴�', categoryForm: { - ImportCategory: '榛樿绫荤洰', + ImportCategory: '', CategoryType: '鏈湴绫荤洰', - DocumentRecognition: '1', + dataType: '1', + configurationMode: '1', }, - allowType: '.pdf,.doc,.docx,.txt,.md,.pptx,.ppt', - limit: 5, - size: 5, - demoDesc: '浣跨敤闃块噷浜戞枃妗f櫤鑳借В鏋愭湇鍔℃嵁瑙f瀽鏂囨。锛屾娊鍙栨枃妗e唴瀹广�佸眰绾х粨鏋勭瓑淇℃伅銆�', + dataTypeList: [ + { + ID: 1, + Name: '闈炵粨鏋勫寲鏁版嵁', + ImageURL: 'static/images/knowledge/data_type_1.png', + DemoDesc: '閫夋嫨鏁版嵁绠$悊鍔熻兘涓凡涓婁紶鐨刣oc銆乸df銆乵d銆乼xt绛夋枃浠�', + }, + { + ID: 2, + Name: '缁撴瀯鍖栨暟鎹�', + ImageURL: 'static/images/knowledge/data_type_2.png', + DemoDesc: '閫夋嫨鏁版嵁绠$悊鍔熻兘涓凡鍒涘缓鐨勬暟鎹〃', + }, + ], }); const fileList = ref<UploadUserFile[]>([]); const router = useRouter(); @@ -95,26 +115,6 @@ const handleExitFlow = () => { //鏄惁鏄剧ず杩斿洖 router.back(); -}; -const flag = ref(true); -const beforeAvatarUpload = () => { - fileList.value.forEach((item: any) => { - console.log(item); - const type = item.name.split('.')[1]; - if (state.allowType.indexOf(type) == -1) { - ElMessage({ - type: 'error', - message: `鏍煎紡閿欒,鏀寔鏍煎紡:${state.allowType}!`, - }); - flag.value = false; - return; - } else if (item.size / 1024 / 1024 > state.size) { - ElMessage.error(`鏂囦欢鏈�澶�${state.size}MB!`); - flag.value = false; - return; - } - }); - return flag.value; }; //纭 const onSubmit = () => {}; diff --git a/src/views/project/yw/dataManage/knowledge/Knowledge.vue b/src/views/project/yw/dataManage/knowledge/Knowledge.vue index f7bfe1c..4eeb723 100644 --- a/src/views/project/yw/dataManage/knowledge/Knowledge.vue +++ b/src/views/project/yw/dataManage/knowledge/Knowledge.vue @@ -44,7 +44,9 @@ <script setup lang="ts"> import { Search } from '@element-plus/icons-vue'; import { reactive } from 'vue'; -import knowledgeLeft from '/static/images/knowledge/left.png'; +import { useRouter } from 'vue-router'; +import knowledgeLeft from '/static/images/knowledge/data_type_1.png'; +const router = useRouter(); const state = reactive({ knowledgeBaseForm: { Name: '', @@ -53,7 +55,9 @@ }); //鍒涘缓鐭ヨ瘑搴� const createKnowledgeBase = () => { - console.log('createKnowledgeBase'); + router.push({ + name: 'AddKnowledge', + }); }; </script> <style scoped lang="scss"> -- Gitblit v1.9.3