From 9f8024586cf4b4531cf9ef18634080420a8df24c Mon Sep 17 00:00:00 2001 From: liudong <liudong> Date: 星期三, 07 八月 2024 11:23:40 +0800 Subject: [PATCH] 智能体页面修改 --- src/views/dmx/knowledgeLib/tool.vue | 868 +++++++++++++++++++++++---------------------------------- 1 files changed, 355 insertions(+), 513 deletions(-) diff --git a/src/views/dmx/knowledgeLib/tool.vue b/src/views/dmx/knowledgeLib/tool.vue index 1418515..be9b302 100644 --- a/src/views/dmx/knowledgeLib/tool.vue +++ b/src/views/dmx/knowledgeLib/tool.vue @@ -1,3 +1,4 @@ + <template> <a-button type="text" @click="handleClick" size="small"> <template #icon> @@ -13,382 +14,229 @@ title-align="start" width="900px" > - <a-tabs default-active-key="1"> - <a-tab-pane key="1"> - <template #title> <icon-calendar /> 瑙f瀽鏂规硶 </template> - <div style="width: 100%"> - <div style="display: flex; align-items: center"> - <div> 瑙f瀽鏂规硶: </div> - <div style="margin-left: 10px"> - <a-select v-model="form.parser_id" placeholder="璇烽�夋嫨"> - <a-option - v-for="item in parser_ids" - :key="item.value" - :label="item.name" - :value="item.value" - ></a-option> - </a-select> - </div> - </div> - <div class="parser"> - <a-form - ref="formRef" - :rules="rules" - :model="form" - auto-label-width - @submit="handleSubmit" - > - <a-divider style="margin-top: 10px" /> - <a-form-item - field="slider" - label="鍧梩oken鏁�" - :rules="[ - { type: 'number', min: 1, message: 'slider is min than 1' }, - ]" - > - <a-slider - v-model="form.chunk_token_num" - :max="1000" - show-input - /> - </a-form-item> - <a-divider style="margin-top: 10px" /> - <a-form-item field="raptor" label="浣跨敤鍙洖澧炲己RAPTOR绛栫暐"> - <a-space direction="vertical" size="large"> - <a-switch - v-model="form.use_raptor" - @change="onChangeRAPTOR" - /> - </a-space> - </a-form-item> - <div v-if="form.use_raptor"> - <a-form-item field="prompt" label="鎻愮ず璇�"> - <a-textarea - v-model="form.prompt" - 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> - <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> - <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> - <a-form-item - field="slider" - label="闅忔満绉嶅瓙" - v-model="form.random_seed" - :rules="[ - { type: 'number', min: 5, message: 'slider is min than 5' }, - ]" - > - <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"> - <icon-plus /> - </a-button> - </a-form-item> + <a-tabs default-active-key="1"> + <a-tab-pane key="1"> + <template #title> + <icon-calendar/> 瑙f瀽鏂规硶 + </template> + <div style="width: 100%"> + <div style="display: flex;align-items: center;"> + <div> + 瑙f瀽鏂规硶: </div> - <a-form-item> - <div style="width: 100%; text-align: right"> - <a-button @click="visible = false">鍙栨秷</a-button> - <a-button - style="margin-left: 10px" - type="primary" - html-type="submit" - >纭畾</a-button - > - </div> - </a-form-item> - </a-form> - </div> - </div> - </a-tab-pane> - <a-tab-pane key="2"> - <template #title> <icon-clock-circle /> 鍒涘缓瑙f瀽鍧� </template> - <div class="details"> - <div class="details-header"> - <div - style=" - display: flex; - align-items: center; - justify-content: flex-end; - " - > - <a-radio-group - v-model="radio" - type="button" - style="margin-right: 10px" - @change="onRadioChange" - > - <a-radio value="1">鍏ㄦ枃</a-radio> - <a-radio value="2">鐪佺暐</a-radio> - </a-radio-group> - <a-popover position="bottom"> - <a-button - type="outline" - class="button" - style="margin-right: 10px" - >鎵归噺<icon-down style="margin-left: 4px" - /></a-button> - <template #content> - <a-space direction="vertical"> - <a-checkbox - :model-value="checkedAll" - :indeterminate="indeterminate" - @change="handleChangeAll" - style="margin-left: 10px" - > - 閫夋嫨鎵�鏈� - </a-checkbox> + <div style="margin-left: 10px"> + <a-select v-model="form.parser_id" placeholder="璇烽�夋嫨" > + <a-option v-for="item in parser_ids" :key="item.value" :label="item.name" :value="item.value"></a-option> + </a-select> + </div> + </div> + <div class="parser"> + <a-form ref="formRef" :rules="rules" :model="form" auto-label-width @submit="handleSubmit" > + <a-divider style="margin-top: 10px" /> + <a-form-item field="slider" label="鍧桾oken鏁�"> + <a-slider v-model="form.chunk_token_num" :min="0" :max="2048" show-input /> + </a-form-item> + <a-divider style="margin-top: 10px" /> + <a-form-item field="raptor" label="浣跨敤鍙洖澧炲己RAPTOR绛栫暐"> + <a-space direction="vertical" size="large"> + <a-switch v-model="form.use_raptor" @change="onChangeRAPTOR" /> </a-space> - <a-divider style="margin: 10px 0" /> - <p> - <a-button type="text" class="button" style="color: #2a2a2b"> - <template #icon> - <icon-check-circle /> - </template> - 鍚敤閫夊畾鐨� + </a-form-item> + <div v-if="form.use_raptor"> + <a-form-item field="prompt" label="鎻愮ず璇�"> + <a-textarea + 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鏁�"> + <a-slider v-model="form.max_token" :min="0" :max="2048" show-input/> + </a-form-item> + <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="鏈�澶ц仛绫绘暟"> + <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-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"> + <icon-plus /> </a-button> - </p> - <p> - <a-button type="text" class="button" style="color: #2a2a2b"> - <template #icon> - <icon-close-circle /> - </template> - 绂佺敤閫夊畾鐨� - </a-button> - </p> - <a-divider style="margin: 10px 0" /> - <p> - <a-button type="text" class="button" style="color: #2a2a2b"> - <template #icon> - <icon-delete /> - </template> - 鍒犻櫎閫夊畾鐨� - </a-button> - </p> - </template> - </a-popover> - <a-button - type="outline" - class="button" - style="margin-right: 10px" - > - <template #icon> - <icon-search /> - </template> - </a-button> - <a-popover position="bottom"> - <a-button - type="outline" - class="button" - style="margin-right: 10px" - ><icon-sort - /></a-button> - <template #content> - <a-radio-group - v-model="available_int" - direction="vertical" - size="large" - @change="onChangeavailable" - > - <a-radio value="">鎵�鏈�</a-radio> - <a-radio value="1">鍚敤</a-radio> - <a-radio value="0">绂佺敤</a-radio> - </a-radio-group> - </template> - </a-popover> - <addDetails :item="item"></addDetails> + + </a-form-item> + + </div> + <a-form-item> + <div style="width: 100%;text-align: right"> + <a-button @click="visible = false">鍙栨秷</a-button> + <a-button style="margin-left: 10px" type="primary" html-type="submit">纭畾</a-button> + </div> + </a-form-item> + </a-form> </div> </div> - <a-divider style="margin-top: 10px" /> - <div class="groupMain"> - <a-checkbox-group v-model="data" @change="handleChange"> - <div - class="groupList" - :style="{ background: keyBg == '1' ? '#eff8ff' : 'white' }" - > - <a-checkbox value="1"></a-checkbox> - <div - class="groupList-content" - @click="groupListContentClick('1')" - @dblclick="contentClick(1)" - > - 鑰� stable version 鏄渶鏂扮ǔ瀹氱増锛岀粡杩囧厖鍒嗘祴璇曞拰楠岃瘉锛宐ug 杈冨皯锛� - 閫傚悎鐢ㄤ簬鐢熶骇鐜銆傚叾鐗堟湰鍙烽�氬父涓哄弻鏁帮紝濡� 1.26銆俵egacy versions - 鍒欐槸涔嬪墠鍙戝竷鐨勭ǔ瀹氱増锛屽浜庨渶瑕� - 鐗瑰畾鏃х増鏈殑鍏煎鎬ф垨瀹夊叏鎬ф敮鎸佺殑鐢ㄦ埛鏈夌敤锛屼絾涓�鑸笉 - 鎺ㄨ崘鐢ㄤ簬鏂伴」鐩紝闄ら潪鏈夌壒娈婇渶姹傘�傚湪瀹為檯浣跨敤涓紝濡傛灉杩芥眰鏈�鏂板姛鑳� - 涓旀効鎰忛潰瀵瑰彲鑳藉瓨鍦ㄧ殑涓�浜涗笉绋冲畾鍥犵礌锛屽彲浠ュ皾璇曚娇鐢ㄤ富绾跨増鏈繘琛屾祴璇曞拰鐮旂┒锛涘鏋滄槸鐢ㄤ簬鐢熶骇鐜 - </div> - <div class="groupList-right"> - <a-switch - v-model="switchType" - checked-value="1" - unchecked-value="0" - @change="handleChangeStatus()" - /> - </div> + </a-tab-pane> + <a-tab-pane key="2"> + <template #title> + <icon-clock-circle/> 鍒涘缓瑙f瀽鍧� + </template> + <div class="details"> + <div class="details-header"> + <div style="display: flex; align-items: center;justify-content: flex-end;"> + <a-radio-group v-model="radio" type="button" style="margin-right: 10px" @change="onRadioChange"> + <a-radio value="1">鍏ㄦ枃</a-radio> + <a-radio value="2">鐪佺暐</a-radio> + </a-radio-group> + <a-popover position="bottom"> + <a-button type="outline" class="button" style="margin-right: 10px;">鎵归噺<icon-down style="margin-left: 4px" /></a-button> + <template #content> + <a-space direction="vertical"> + <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" @change="handleChangeAll" style="margin-left: 10px"> + 閫夋嫨鎵�鏈� + </a-checkbox> + </a-space> + <a-divider style="margin: 10px 0" /> + <p> + <a-button type="text" class="button" style="color: #2a2a2b"> + <template #icon> + <icon-check-circle /> + </template> + 鍚敤閫夊畾鐨� + </a-button> + </p> + <p> + <a-button type="text" class="button" style="color: #2a2a2b"> + <template #icon> + <icon-close-circle /> + </template> + 绂佺敤閫夊畾鐨� + </a-button> + </p> + <a-divider style="margin: 10px 0" /> + <p> + <a-button type="text" class="button" style="color: #2a2a2b"> + <template #icon> + <icon-delete /> + </template> + 鍒犻櫎閫夊畾鐨� + </a-button> + </p> + </template> + </a-popover> + <a-button type="outline" class="button" style="margin-right: 10px"> + <template #icon> + <icon-search /> + </template> + </a-button> + <a-popover position="bottom"> + <a-button type="outline" class="button" style="margin-right: 10px"><icon-sort /></a-button> + <template #content> + <a-radio-group v-model="available_int" direction="vertical" size="large" @change="onChangeavailable"> + <a-radio value="">鎵�鏈�</a-radio> + <a-radio value="1">鍚敤</a-radio> + <a-radio value="0">绂佺敤</a-radio> + </a-radio-group> + </template> + </a-popover> + <addDetails :item="item"></addDetails> </div> - </a-checkbox-group> - </div> - <a-divider style="margin-top: 10px" /> - <div class="groupMain"> - <a-checkbox-group v-model="data" @change="handleChange"> - <div class="groupList"> - <a-checkbox value="1"></a-checkbox> - <div - class="groupList-content" - @click="groupListContentClick('1')" - @dblclick="contentClick(1)" - > - 鑰� stable version 鏄渶鏂扮ǔ瀹氱増锛岀粡杩囧厖鍒嗘祴璇曞拰楠岃瘉锛宐ug 杈冨皯锛� - 閫傚悎鐢ㄤ簬鐢熶骇鐜銆傚叾鐗堟湰鍙烽�氬父涓哄弻鏁帮紝濡� 1.26銆俵egacy versions - 鍒欐槸涔嬪墠鍙戝竷鐨勭ǔ瀹氱増锛屽浜庨渶瑕� - 鐗瑰畾鏃х増鏈殑鍏煎鎬ф垨瀹夊叏鎬ф敮鎸佺殑鐢ㄦ埛鏈夌敤锛屼絾涓�鑸笉 - 鎺ㄨ崘鐢ㄤ簬鏂伴」鐩紝闄ら潪鏈夌壒娈婇渶姹傘�傚湪瀹為檯浣跨敤涓紝濡傛灉杩芥眰鏈�鏂板姛鑳� - 涓旀効鎰忛潰瀵瑰彲鑳藉瓨鍦ㄧ殑涓�浜涗笉绋冲畾鍥犵礌锛屽彲浠ュ皾璇曚娇鐢ㄤ富绾跨増鏈繘琛屾祴璇曞拰鐮旂┒锛涘鏋滄槸鐢ㄤ簬鐢熶骇鐜 + </div> + <a-divider style="margin-top: 10px" /> + <div class="groupMain"> + <a-checkbox-group v-model="data" @change="handleChange" > + <div class="groupList" :class="{groupActive:keyBg=='1',groupNoActive:keyBg!='1'}"> + <a-checkbox value="1"></a-checkbox> + <div class="groupList-content" @click="groupListContentClick('1')" @dblclick="contentClick(1)"> + 鑰� stable version 鏄渶鏂扮ǔ瀹氱増锛岀粡杩囧厖鍒嗘祴璇曞拰楠岃瘉锛宐ug 杈冨皯锛� + 閫傚悎鐢ㄤ簬鐢熶骇鐜銆傚叾鐗堟湰鍙烽�氬父涓哄弻鏁帮紝濡� 1.26銆俵egacy versions + 鍒欐槸涔嬪墠鍙戝竷鐨勭ǔ瀹氱増锛屽浜庨渶瑕� + 鐗瑰畾鏃х増鏈殑鍏煎鎬ф垨瀹夊叏鎬ф敮鎸佺殑鐢ㄦ埛鏈夌敤锛屼絾涓�鑸笉 + 鎺ㄨ崘鐢ㄤ簬鏂伴」鐩紝闄ら潪鏈夌壒娈婇渶姹傘�傚湪瀹為檯浣跨敤涓紝濡傛灉杩芥眰鏈�鏂板姛鑳� + 涓旀効鎰忛潰瀵瑰彲鑳藉瓨鍦ㄧ殑涓�浜涗笉绋冲畾鍥犵礌锛屽彲浠ュ皾璇曚娇鐢ㄤ富绾跨増鏈繘琛屾祴璇曞拰鐮旂┒锛涘鏋滄槸鐢ㄤ簬鐢熶骇鐜 + </div> + <div class="groupList-right"> + <a-switch v-model="switchType" checked-value="1" unchecked-value="0" @change="handleChangeStatus()"/> + </div> </div> - <div class="groupList-right"> - <a-switch - v-model="switchType" - checked-value="1" - unchecked-value="0" - @change="handleChangeStatus()" - /> - </div> - </div> - <div class="groupList"> - <a-checkbox value="1"></a-checkbox> - <div - class="groupList-content" - @click="groupListContentClick('2')" - @dblclick="contentClick(1)" - > - 鑰� stable version 鏄渶鏂扮ǔ瀹氱増锛岀粡杩囧厖鍒嗘祴璇曞拰楠岃瘉锛宐ug 杈冨皯锛� - 閫傚悎鐢ㄤ簬鐢熶骇鐜銆傚叾鐗堟湰鍙烽�氬父涓哄弻鏁帮紝濡� 1.26銆俵egacy versions - 鍒欐槸涔嬪墠鍙戝竷鐨勭ǔ瀹氱増锛屽浜庨渶瑕� + <div class="groupList" :class="{groupActive:keyBg=='2',groupNoActive:keyBg!='2'}"> + <a-checkbox value="1"></a-checkbox> + <div class="groupList-content" @click="groupListContentClick('2')" @dblclick="contentClick(1)"> + 鑰� stable version 鏄渶鏂扮ǔ瀹氱増锛岀粡杩囧厖鍒嗘祴璇曞拰楠岃瘉锛宐ug 杈冨皯锛� + 閫傚悎鐢ㄤ簬鐢熶骇鐜銆傚叾鐗堟湰鍙烽�氬父涓哄弻鏁帮紝濡� 1.26銆俵egacy versions + 鍒欐槸涔嬪墠鍙戝竷鐨勭ǔ瀹氱増锛屽浜庨渶瑕� + </div> + <div class="groupList-right"> + <a-switch v-model="switchType" checked-value="1" unchecked-value="0" @change="handleChangeStatus()"/> + </div> </div> - <div class="groupList-right"> - <a-switch - v-model="switchType" - checked-value="1" - unchecked-value="0" - @change="handleChangeStatus()" - /> - </div> - </div> - <div class="groupList-right"> - <a-switch - v-model="switchType" - checked-value="1" - unchecked-value="0" - @change="handleChangeStatus()" - /> - </div> - </a-checkbox-group> + + </a-checkbox-group> + </div> </div> - </div> - <eidtDetails ref="eidtDil"></eidtDetails> - </a-tab-pane> - </a-tabs> + <eidtDetails ref="eidtDil"></eidtDetails> + </a-tab-pane> + </a-tabs> </a-modal> </template> <script lang="ts" setup> - import { onMounted, onBeforeMount, reactive, ref, computed } from 'vue'; - import { Message } from '@arco-design/web-vue'; - import { kbdocumentchangeparser } from '@/api/kbList'; - import addDetails from '@/views/dmx/knowledgeLib/addDetails.vue'; - import eidtDetails from '@/views/dmx/knowledgeLib/eidtDetails.vue'; - const visible = ref(false); - const loading = ref(false); - const radio = ref('1'); - const keyBg = ref(''); - const eidtDil = ref(); +import { onMounted, onBeforeMount, reactive, ref, computed } from "vue"; +import { Message } from "@arco-design/web-vue"; +import {kbdocumentchangeparser} from "@/api/kbList"; +import addDetails from '@/views/dmx/knowledgeLib/addDetails.vue' +import eidtDetails from '@/views/dmx/knowledgeLib/eidtDetails.vue' +const visible = ref(false); +const loading = ref(false); +const radio = ref('1'); +const keyBg = ref(''); +const eidtDil = ref(); - const props = defineProps(['kbtenantInfo', 'item', 'kbdetail']); - // const emit = defineEmits(['upTabdateItem']) +const props = defineProps(['kbtenantInfo','item','kbdetail']) +// const emit = defineEmits(['upTabdateItem']) - let threshold = computed(() => { - return form.threshold / 100; - }); +let threshold = computed(()=>{ + return form.threshold/100; +}) - const kbtenantInfo = props.kbtenantInfo; +const kbtenantInfo = props.kbtenantInfo; - let parser_ids = kbtenantInfo.parser_ids.split(',').map((item) => { - const [value1, value2] = item.split(':'); - return { - name: value2, - value: value1, - }; - }); - - const form = reactive({ - parser_id: props.item.parser_id, - doc_id: props.item.id, - max_token: 698, - threshold: 30, - max_cluster: 233, - random_seed: 1500, - chunk_token_num: 128, - use_raptor: false, - pages: {}, - prompt: - '璇锋�荤粨浠ヤ笅娈佃惤銆� 灏忓績鏁板瓧锛屼笉瑕佺紪閫犮�� 娈佃惤濡備笅锛歕n' + - ' {cluster_content}\n' + - '浠ヤ笂灏辨槸浣犻渶瑕佹�荤粨鐨勫唴瀹广��', - }); - const formRef = ref(null); - const rules = { - prompt: [ - { - required: true, - message: '鎻愮ず璇嶄笉鍏佽涓虹┖', - }, - ], +let parser_ids = kbtenantInfo.parser_ids.split(',').map((item) => { + const [value1, value2] = item.split(':'); + return { + name: value2, + value: value1, }; - const formatter = (value) => { - return value / 100; - }; +}); + +const form = reactive({ + parser_id: props.item.parser_id, + doc_id: props.item.id, + max_token: 698, + threshold: 0.30, + max_cluster: 233, + random_seed: 1500, + chunk_token_num: 128, + use_raptor: false, + pages: {}, + prompt: '璇锋�荤粨浠ヤ笅娈佃惤銆� 灏忓績鏁板瓧锛屼笉瑕佺紪閫犮�� 娈佃惤濡備笅锛歕n' + + ' {cluster_content}\n' + + '浠ヤ笂灏辨槸浣犻渶瑕佹�荤粨鐨勫唴瀹广��', +}); +const formRef = ref(null); +const rules = { + prompt: [ + { + required: true, + message:'鎻愮ず璇嶄笉鍏佽涓虹┖', + }, + ], +} +const formatter = (value) => { + return value / 100 +}; function randomNumber() { // 鐢熸垚涓�涓粙浜巑in鍜宮ax涔嬮棿鐨勯殢鏈烘暣鏁帮紙鍖呭惈min鍜宮ax锛� const min = 1; // 鏈�灏忓�� @@ -396,180 +244,174 @@ form.random_seed = Math.floor(Math.random() * (max - min + 1)) + min; } - const handleSubmit = async ({ values, errors }) => { - if (!errors) { - let data = await kbdocumentchangeparser({ - parser_id: form.parser_id, - doc_id: form.doc_id, - parser_config: { - raptor: { - use_raptor: form.use_raptor, - prompt: form.prompt, - max_token: form.max_token, - threshold: form.threshold, - max_cluster: form.max_cluster, - random_seed: form.random_seed, - }, - chunk_token_num: form.chunk_token_num, - pages: [], +const handleSubmit = async ({values, errors}) => { + if(!errors){ + let data = await kbdocumentchangeparser({ + parser_id: form.parser_id, + doc_id: form.doc_id, + parser_config: { + raptor: { + use_raptor: form.use_raptor, + prompt: form.prompt, + max_token: form.max_token, + threshold: form.threshold, + max_cluster: form.max_cluster, + random_seed: form.random_seed, }, - }); - if (data.code == 0) { - Message.success('閰嶇疆鎴愬姛'); - } else { - Message.error('閰嶇疆澶辫触'); + chunk_token_num: form.chunk_token_num, + pages: [ + + ] } - visible.value = false; + }) + if(data.code == 0){ + Message.success('閰嶇疆鎴愬姛'); + }else{ + Message.error('閰嶇疆澶辫触'); } - }; - - const handleClick = () => { - visible.value = true; - }; - const handleCancel = () => { visible.value = false; - }; + } +} - const contentClick = (done) => { - eidtDil.value.handleClick(); - }; - const handleOpened = (el) => { - // console.log('props',props.kbtenantInfo); - // console.log('props',props.item); - // console.log('props',props.kbdetail); - console.log(parser_ids, 'parser_ids'); - // Object.assign(form,{ - // name: '',// 鐢ㄦ埛鍚� - // nameJoin: '',// 鏄电О - // post: '',// 宀椾綅 - // txt: '',// 澶囨敞 - // }); - // formRef.value.resetFields(); - console.log(props.item.id); - }; +const handleClick = () => { + visible.value = true; +}; +const handleCancel = () => { + visible.value = false; +} - const onChangeRAPTOR = () => {}; +const contentClick = (done) => { + eidtDil.value.handleClick(); +} +const handleOpened =(el) => { + // console.log('props',props.kbtenantInfo); + // console.log('props',props.item); + // console.log('props',props.kbdetail); + console.log(parser_ids, 'parser_ids'); + // Object.assign(form,{ + // name: '',// 鐢ㄦ埛鍚� + // nameJoin: '',// 鏄电О + // post: '',// 宀椾綅 + // txt: '',// 澶囨敞 + // }); + // formRef.value.resetFields(); + console.log(props.item.id); +} - const indeterminate = ref(false); - const checkedAll = ref(false); - const data = ref([]); - const switchType = ref(false); - const available_int = ref(''); - const onRadioChange = () => { - console.log(radio.value); - }; - const handleChangeAll = (value) => { + +const onChangeRAPTOR = () => { + +}; + + + + + + + + +const indeterminate = ref(false) +const checkedAll = ref(false) +const data = ref([]) +const switchType = ref(false) +const available_int = ref('') +const onRadioChange = () => { + console.log(radio.value); + + + +}; +const handleChangeAll = (value) => { + indeterminate.value = false; + if (value) { + checkedAll.value = true; + data.value = ['1', '2', '3'] + } else { + checkedAll.value = false; + data.value = [] + } +} + +const handleChange = (values) => { + if (values.length === 3) { + checkedAll.value = true indeterminate.value = false; - if (value) { - checkedAll.value = true; - data.value = ['1', '2', '3']; - } else { - checkedAll.value = false; - data.value = []; - } - }; + } else if (values.length === 0) { + checkedAll.value = false + indeterminate.value = false; + } else { + checkedAll.value = false + indeterminate.value = true; + } +} - const handleChange = (values) => { - if (values.length === 3) { - checkedAll.value = true; - indeterminate.value = false; - } else if (values.length === 0) { - checkedAll.value = false; - indeterminate.value = false; - } else { - checkedAll.value = false; - indeterminate.value = true; - } - }; - const groupListContentClick = (value) => { - keyBg.value = value; - }; +const groupListContentClick = (value) => { + keyBg.value = value; +} - const onChangeavailable = () => { - console.log(available_int.value); - }; - const handleChangeStatus = () => { - console.log(switchType.value); - }; +const onChangeavailable = ()=>{ + console.log(available_int.value); +} - onBeforeMount(() => {}); - onMounted(() => {}); +const handleChangeStatus = ()=>{ + console.log(switchType.value); +} + +onBeforeMount(()=>{ + +}) +onMounted(()=>{ + + +}) </script> <style scoped lang="less"> - .parser{ - width: 100%; - ::v-deep .arco-btn-outline:hover, .arco-btn-outline, .arco-btn-outline[type='button']{ - color: #2a2a2b; - border: 1px solid #2a2a2b; - } - .button{ - //color: #2a2a2b!important; - } +.parser{ + width: 100%; + ::v-deep .arco-btn-outline:hover, .arco-btn-outline, .arco-btn-outline[type='button']{ + color: #2a2a2b; + border: 1px solid #2a2a2b; } - .groupMain { - width: 100%; - height: 500px; - overflow: auto; + .button{ + //color: #2a2a2b!important; + } +} +.groupMain{ + width: 100%; + height: 500px; + overflow: auto; + display: flex; + justify-content: center; + .groupList{ display: flex; - justify-content: center; - - .groupList { - display: flex; - padding: 24px; - border-radius: 8px; - //background: #eff8ff; - border: 1px solid var(--color-neutral-3); - margin-bottom: 20px; + padding: 24px; + border-radius: 8px; + //background: #eff8ff; + border: 1px solid #f0f0f0; + margin-bottom: 20px; + overflow: auto; + .groupList-content{ + width: 700px; + //height: 100px; overflow: auto; - - .groupList-content { - width: 700px; - //height: 100px; - overflow: auto; - box-sizing: border-box; - margin: 0; - padding: 0; - color: var(--color-text-1); - font-size: 14px; - font-family: Inter; - position: relative; - - - } - } - - .groupMain { - width: 100%; - height: 500px; - overflow: auto; - display: flex; - justify-content: center; - - .groupList { - display: flex; - padding: 24px; - border-radius: 8px; - //background: #eff8ff; - border: 1px solid #f0f0f0; - margin-bottom: 20px; - overflow: auto; - - .groupList-content { - width: 700px; - //height: 100px; - overflow: auto; - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(0, 0, 0, 0.88); - font-size: 14px; - font-family: Inter; - position: relative; - } - } + box-sizing: border-box; + margin: 0; + padding: 0; + color: #2a2a2b; + font-size: 14px; + font-family: Inter; + position: relative; } } -</style> +} +.groupActive{ + background: #eff8ff; +} +.groupNoActive{ + background: var(--color-bg-1); + color: var(--color-text-1); +} +</style> \ No newline at end of file -- Gitblit v1.8.0