From 7b8ac484c22a2e5b726579b8e13fff5048de0dd5 Mon Sep 17 00:00:00 2001 From: liudong <liudong> Date: 星期三, 07 八月 2024 15:00:17 +0800 Subject: [PATCH] 配置bug页面修改 --- src/views/dmx/knowledgeLib/config.vue | 122 +++++++++++++++++++++++++++++----------- 1 files changed, 87 insertions(+), 35 deletions(-) diff --git a/src/views/dmx/knowledgeLib/config.vue b/src/views/dmx/knowledgeLib/config.vue index 038e25f..3f3e832 100644 --- a/src/views/dmx/knowledgeLib/config.vue +++ b/src/views/dmx/knowledgeLib/config.vue @@ -1,7 +1,7 @@ <template> <div class="main-container"> <div style="position: absolute;top: 0;left: 0;width: 100%;padding: 0 20px"> - <h4 style="margin-bottom: 10px">閰嶇疆</h4> + <h4 style="margin-bottom: 10px"></h4> <div style="color: #666666;">鍦ㄨ繖閲屾洿鏂版偍鐨勭煡璇嗗簱璇︾粏淇℃伅锛屽挨鍏舵槸瑙f瀽鏂规硶銆�</div> <a-divider style="margin-top: 20px" /> </div> @@ -60,7 +60,7 @@ </a-space> </a-form-item> <a-form-item field="section" label="鎻忚堪"> - <a-textarea placeholder="" allow-clear /> + <a-textarea placeholder="" v-model="form.description" allow-clear /> </a-form-item> <!-- <a-form-item field="section" label="璇█" :rules="[{match:/section one/,message:'璇烽�夋嫨'}]">--> <!-- <a-select v-model="form.section" placeholder="璇烽�夋嫨" allow-clear>--> @@ -68,9 +68,9 @@ <!-- <a-option value="1">鑻辨枃</a-option>--> <!-- </a-select>--> <!-- </a-form-item>--> - <a-form-item field="section" label="宓屽叆妯″瀷" :rules="[{match:/section one/,message:'璇烽�夋嫨'}]"> + <a-form-item field="section" label="宓屽叆妯″瀷"> <a-space direction="vertical" size="large"> - <a-select :size="'large'" v-model="form.embd_id" :style="{width:'100%'}" placeholder="璇烽�夋嫨 ..." disabled allow-clear> + <a-select :size="'large'" v-model="form.embd_id" :style="{width:'100%'}" placeholder="璇烽�夋嫨 ..." :disabled="kbObj.chunk_num>0 || kbObj.token_num>0" allow-clear> <a-optgroup :label="index" v-for="(item,index) in modelList" :key=index> <a-option v-for="(obj) in item" @@ -83,13 +83,13 @@ </a-select> </a-space> </a-form-item> - <a-form-item field="section" label="瑙f瀽鏂规硶" :rules="[{match:/section one/,message:'璇烽�夋嫨'}]"> - <a-select v-model="form.parser_id" placeholder="璇烽�夋嫨" disabled allow-clear> + <a-form-item field="parser_id" label="瑙f瀽鏂规硶"> + <a-select v-model="form.parser_id" placeholder="璇烽�夋嫨" :disabled="kbObj.chunk_num>0 || kbObj.token_num>0" allow-clear> <a-option v-for="item in parser_ids" :key="item.value" :label="item.name" :value="item.value"></a-option> </a-select> </a-form-item> <a-form-item field="slider" label="鍧桾oken鏁�"> - <a-slider v-model="form.chunk_token_num" :max="100" show-input /> + <a-slider v-model="form.chunk_token_num" :min="0" :max="2048" show-input /> </a-form-item> <a-form-item label="甯冨眬璇嗗埆" > <a-space direction="vertical" size="large"> @@ -98,7 +98,7 @@ </a-form-item> <a-form-item field="raptor" label="浣跨敤鍙洖澧炲己RAPTOR绛栫暐"> <a-space direction="vertical" size="large"> - <a-switch v-model="form.use_raptor" @change="onChangeRAPTOR" /> + <a-switch v-model="form.use_raptor" /> </a-space> </a-form-item> <div v-if="form.use_raptor"> @@ -107,19 +107,16 @@ v-model="form.prompt" style="height: 10rem;border: 1px solid var(--color-fill-3);border-radius: 4px" placeholder="璇峰~鍐欐彁绀鸿瘝" /> </a-form-item> - <a-form-item field="slider" label="鏈�澶oken鏁�" - :rules="[{type:'number', min:5,message:'slider is min than 5'}]"> - <a-slider v-model="form.max_token" :min="1" :max="1000" show-input/> + <a-form-item field="slider" label="鏈�澶oken鏁�"> + <a-slider v-model="form.max_token" :min="0" :max="2048" show-input/> </a-form-item> - <a-form-item field="slider" label="闃堝��" :rules="[{type:'number', min:5,message:'slider is min than 5'}]"> - <a-slider v-model="form.threshold" show-tooltip show-input/> + <a-form-item field="slider" label="闃堝��" > + <a-slider v-model="form.threshold" :step="0.01" :min="0" :max="1" show-input/> </a-form-item> - <a-form-item field="slider" label="鏈�澶ц仛绫绘暟" - :rules="[{type:'number', min:5,message:'slider is min than 5'}]"> - <a-slider v-model="form.max_cluster" :max="1000" show-input/> + <a-form-item field="slider" label="鏈�澶ц仛绫绘暟"> + <a-slider v-model="form.max_cluster" :min="1" :max="1024" show-input/> </a-form-item> - <a-form-item field="slider" label="闅忔満绉嶅瓙" v-model="form.random_seed" - :rules="[{type:'number', min:5,message:'slider is min than 5'}]"> + <a-form-item field="slider" label="闅忔満绉嶅瓙" v-model="form.random_seed"> <a-input-number v-model="form.random_seed" :style="{width:'300px',marginRight:'1rem',borderRadius:'4px'}" placeholder="璇疯緭鍏�" class="input-demo" :min="10" :max="100" /> <a-button type="primary" @click="randomNumber"> @@ -197,11 +194,10 @@ import { queryModelList,kbUpdate } from "@/api/kbList"; -const props = defineProps(['kbtenantInfo','kbobj']) +const props = defineProps(['kbtenantInfo']) // const emit = defineEmits(['upTabdateItem']) - const kbtenantInfo = props.kbtenantInfo; - +// 瑙f瀽鏂规硶鍒楄〃 let parser_ids = kbtenantInfo.parser_ids.split(",").map((item) => { const [value1, value2] = item.split(":"); return { @@ -210,10 +206,12 @@ }; }); +let kbObj = reactive({}); + const form = reactive({ - name: props.kbobj.name, + name: kbObj.name, avatar: '',// - max_token: 698, + max_token: 600, threshold: 0.32, max_cluster: 233, random_seed: 1500, @@ -227,7 +225,7 @@ language: "English", permission: "", embd_id: "BAAI/bge-large-zh-v1.5", - parser_id: props.kbobj.parser_id, + parser_id: kbObj.parser_id, layout_recognize: true }); @@ -248,11 +246,23 @@ const file = ref(); const onChange = (_, currentFile) => { - file.value = { - ...currentFile - // url: URL.createObjectURL(currentFile.file), - }; + file.value = currentFile; + convertImageToBase64(file.value.file).then((result)=>{ + form.avatar = result; + }) }; + +function convertImageToBase64(file) { + return new Promise((resolve, reject) => { + const reader = new FileReader(); + reader.onloadend = function() { + resolve(reader.result); + }; + reader.onerror = reject; + reader.readAsDataURL(file); + }); +} + const onProgress = (currentFile) => { file.value = currentFile; }; @@ -275,7 +285,7 @@ chunk_token_num: form.chunk_token_num, layout_recognize: form.layout_recognize, }, - kb_id: props.kbobj.id, + kb_id: kbObj.id, } if(form.layout_recognize){ parms.parser_config.raptor = { @@ -290,10 +300,15 @@ try { + const data = await kbUpdate(parms); - Message.success("閰嶇疆鎴愬姛"); + if(data.code == '0'){ + Message.success("閰嶇疆鎴愬姛"); + // window.location.reload(); + } // visible.value = false; // emit('upTabdateItem') + } catch (err) { // you can report use errorHandler or other } @@ -342,7 +357,7 @@ const queryModel = async (params) => { try { const data = await queryModelList(params); - console.log(data.data, '澶фā鍨嬪垪琛�'); + // console.log(data.data, '澶фā鍨嬪垪琛�'); modelList.value = data.data } catch (err) { // you can report use errorHandler or other @@ -350,6 +365,43 @@ } }; + +const changekbObj = (value) => { + kbObj = value; + console.log(kbObj, 'kbObj'); + // if(kbObj.avatar){ + // file.value.url = kbObj.avatar + // } + let configObj = { + name: kbObj.name, + avatar: kbObj.avatar, + chunk_token_num: kbObj.parser_config ? kbObj.parser_config.chunk_token_num : 128, + pages: kbObj.pages, + description: kbObj.description, + language: "English", + permission: kbObj.permission, + embd_id: "BAAI/bge-large-zh-v1.5", + parser_id: kbObj.parser_id, + layout_recognize: kbObj.parser_config ? kbObj.parser_config.layout_recognize:false, + } + let raptor = {} + if(kbObj.parser_config && kbObj.parser_config.raptor){ + raptor = kbObj.parser_config.raptor; + Object.assign(form,{ + ...configObj, + ...raptor, + }); + }else{ + Object.assign(form,configObj); + } + +} + +defineExpose({ + changekbObj +}) + + onBeforeMount(()=>{ queryModel({}) }) @@ -377,7 +429,7 @@ height: 100%; overflow: auto; //background: #626aea; - background: #ffffff; + background: var(--color-bg-2); padding-top: 80px; &-lf { @@ -385,7 +437,7 @@ //height: 100%; //border: 1px solid #cccccc; border-radius: 10px; - + //border: 1px solid var(--color-fill-3); &-top { width: 100%; height: 60px; @@ -438,10 +490,10 @@ border-radius: 10px; overflow: hidden; padding: 20px; - section { width: 100%; - color: #333333; + //color: #333333; + color: var(--color-text-1); } } } -- Gitblit v1.8.0