From f6ba464aa7856b8201e313fe79e651aab34e6509 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期一, 05 八月 2024 10:25:44 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.5.5:10010/r/web/flow_web
---
src/views/dmx/knowledgeLib/eidtDetails.vue | 156 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 156 insertions(+), 0 deletions(-)
diff --git a/src/views/dmx/knowledgeLib/eidtDetails.vue b/src/views/dmx/knowledgeLib/eidtDetails.vue
new file mode 100644
index 0000000..68facfa
--- /dev/null
+++ b/src/views/dmx/knowledgeLib/eidtDetails.vue
@@ -0,0 +1,156 @@
+<template>
+ <a-modal
+ v-model:visible="visible"
+ title="缂栬緫瑙ｆ瀽鍧�"
+ @before-open="handleOpened"
+ @cancel="handleCancel"
+ :footer="false"
+ title-align="start"
+ >
+ <a-form
+ ref="formRef"
+ :rules="rules"
+ :model="form"
+ @submit="handleSubmit"
+ layout="vertical"
+ >
+ <a-form-item field="content_with_weight" label="瑙ｆ瀽鍧�">
+ <a-textarea
+ v-model="form.content_with_weight"
+ placeholder=""
+ style="height: 100px"
+ auto-size
+ />
+ </a-form-item>
+ <a-form-item field="important_kwd_key" label="鍏抽敭璇� *">
+ <div style="width: auto">
+ <a-tag
+ v-for="(item, index) in form.important_kwd"
+ :key="index"
+ closable
+ bordered
+ @close="form.important_kwd.splice(index, 1)"
+ style="margin-right: 10px"
+ >
+ {{ item }}
+ </a-tag>
+ <a-input
+ ref="formInput"
+ v-show="keyVisible"
+ v-model="form.important_kwd_key"
+ placeholder=""
+ size="small"
+ style="width: 80px; margin-right: 16px"
+ @blur="inputChange"
+ />
+ <a-button type="dashed" shape="circle" size="small" @click="addKey">
+ <icon-plus />
+ </a-button>
+ </div>
+ </a-form-item>
+
+ <div>
+ <a-divider style="margin: 10px 0" />
+ <a-switch size="small" />
+ <span style="color: var(--color-text-2)">鍚敤</span>
+ <a-button type="text" style="color: var(--color-text-2)">
+ <template #icon>
+ <icon-delete />
+ </template>
+ 鍒犻櫎
+ </a-button>
+ </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>
+ </a-modal>
+</template>
+
+<script lang="ts" setup>
+ import { onMounted, onBeforeMount, reactive, ref } from 'vue';
+ import { achunkCreate } from '@/api/kbList';
+
+ const props = defineProps(['item']);
+
+ const visible = ref(false);
+ const keyVisible = ref(false);
+ const loading = ref(false);
+ const form = reactive({
+ content_with_weight: '',
+ important_kwd: [],
+ important_kwd_key: '',
+ });
+ const formRef = ref(null);
+ const formInput = ref(null);
+ const rules = {
+ content_with_weight: [
+ {
+ required: true,
+ message: '璇疯緭鍏ュ�硷紒',
+ },
+ ],
+ };
+
+ const handleSubmit = async ({ values, errors }) => {
+ console.log(props.item.id);
+ if (!errors) {
+ const res = await achunkCreate({
+ content_with_weight: values.content_with_weight,
+ important_kwd: values.important_kwd,
+ doc_id: props.item.id,
+ });
+ }
+ };
+
+ const handleClick = () => {
+ visible.value = true;
+ };
+
+ defineExpose({
+ handleClick,
+ });
+ const handleBeforeOk = (done) => {
+ formRef.value.validate().then((res) => {
+ console.log('form:', form);
+ });
+ };
+ const handleCancel = () => {
+ visible.value = false;
+ };
+
+ const handleOpened = (el) => {
+ Object.assign(form, {
+ content_with_weight: '',
+ important_kwd: [],
+ important_kwd_key: '',
+ });
+ formRef.value.resetFields();
+ keyVisible.value = false;
+ };
+
+ const addKey = () => {
+ form.important_kwd_key = '';
+ formInput.value.focus();
+ keyVisible.value = true;
+ };
+
+ const inputChange = (e) => {
+ if (
+ !form.important_kwd.includes(form.important_kwd_key) &&
+ form.important_kwd_key
+ ) {
+ form.important_kwd.push(form.important_kwd_key);
+ } else {
+ }
+ keyVisible.value = false;
+ };
+
+ onBeforeMount(() => {});
+ onMounted(() => {});
+</script>
--
Gitblit v1.8.0