|
|
@@ -0,0 +1,186 @@
|
|
|
+<template>
|
|
|
+ <CusDialog
|
|
|
+ :show="show"
|
|
|
+ :title="titleCpt"
|
|
|
+ @onClose="$emit('update:show', false)"
|
|
|
+ width="600px"
|
|
|
+ max-height="80%"
|
|
|
+ @onSubmit="onSubmit"
|
|
|
+ :loading="state.loading"
|
|
|
+ >
|
|
|
+ <div class="__cus-dialog-form">
|
|
|
+ <CusForm ref="ref_form" label-width="100px">
|
|
|
+ <CusFormColumn
|
|
|
+ :span="24"
|
|
|
+ required
|
|
|
+ label="主题模式"
|
|
|
+ v-model:param="state.form.themeId"
|
|
|
+ link="select"
|
|
|
+ :options="state.themeOptions"
|
|
|
+ label-key="themeName"
|
|
|
+ value-key="themeId"
|
|
|
+ :clearable="false"
|
|
|
+ @getObject="handleSelect"
|
|
|
+ />
|
|
|
+ <el-col :span="24" v-if="state.textTable.data?.length > 0">
|
|
|
+ <CusTable
|
|
|
+ :data="state.textTable.data"
|
|
|
+ :table-head="state.textTable.tableHead"
|
|
|
+ :no-page="true"
|
|
|
+ >
|
|
|
+ <template #fieldParam-column-value="{scope}">
|
|
|
+ <CusFormColumn
|
|
|
+ class="__cus-table-form-column"
|
|
|
+ required
|
|
|
+ :span="24"
|
|
|
+ v-model:param="scope.row.fieldParam"
|
|
|
+ link="select"
|
|
|
+ :options="state.textOptions"
|
|
|
+ label-key="fieldNameCn"
|
|
|
+ value-key="fieldNameEn"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </CusTable>
|
|
|
+ </el-col>
|
|
|
+ </CusForm>
|
|
|
+ </div>
|
|
|
+ </CusDialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup lang="ts">
|
|
|
+import {computed, getCurrentInstance, nextTick, reactive, ref, watch} from "vue";
|
|
|
+import {useDictionaryStore} from "@/stores";
|
|
|
+import {ElMessage, ElMessageBox} from "element-plus";
|
|
|
+import {
|
|
|
+ sysIndexFieldList,
|
|
|
+ sysIndexFieldSaveOrUpdate,
|
|
|
+ sysIndexGetDetail,
|
|
|
+ sysIndexSaveOrUpdate
|
|
|
+} from "@/api/modules/manage";
|
|
|
+import {sysThemeFind, sysThemeGetPageTheme} from "@/api/modules/manage/theme";
|
|
|
+
|
|
|
+const emit = defineEmits(['update:show', 'refresh'])
|
|
|
+const {proxy} = getCurrentInstance()
|
|
|
+const DictionaryStore = useDictionaryStore()
|
|
|
+const props = defineProps({
|
|
|
+ show: {default: false},
|
|
|
+ transfer: {}
|
|
|
+ })
|
|
|
+const state: any = reactive({
|
|
|
+ form: {},
|
|
|
+ loading: false,
|
|
|
+ textTable: {
|
|
|
+ tableHead: [
|
|
|
+ {value: "themeParam", label: "主题参数"},
|
|
|
+ {value: "fieldParam", label: "字段映射"},
|
|
|
+ ],
|
|
|
+ data: [],
|
|
|
+ },
|
|
|
+ themeOptions: [],
|
|
|
+ textOptions: [],
|
|
|
+})
|
|
|
+const ref_form = ref()
|
|
|
+const titleCpt = computed(() => {
|
|
|
+ let t = '关联主题'
|
|
|
+ return t
|
|
|
+})
|
|
|
+const onSubmit = () => {
|
|
|
+ ref_form.value.submit().then(() => {
|
|
|
+ if (state.form.fieldType === 'text' && state.textTable.data.length === 0) {
|
|
|
+ ElMessage({
|
|
|
+ message: '请至少选择一个分词器！',
|
|
|
+ grouping: true,
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ ElMessageBox.confirm("是否提交?", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ } as any).then(() => {
|
|
|
+ state.loading = true
|
|
|
+ if (state.form.fieldType === 'text') {
|
|
|
+ state.form.fieldAnalyzer = JSON.stringify(state.textTable.data)
|
|
|
+ }
|
|
|
+ sysIndexFieldSaveOrUpdate(state.form).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ ElMessage.success(props.transfer.mode === 'add' ? '新增成功！' : '编辑成功！')
|
|
|
+ emit('update:show', false)
|
|
|
+ emit('refresh')
|
|
|
+ } else {
|
|
|
+ ElMessage.error(res.msg)
|
|
|
+ }
|
|
|
+ state.loading = false
|
|
|
+ })
|
|
|
+ }).catch(() => {})
|
|
|
+ }
|
|
|
+ }).catch((e) => {
|
|
|
+ ElMessage({
|
|
|
+ message: e[0].message,
|
|
|
+ grouping: true,
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ })
|
|
|
+}
|
|
|
+const initTheme = () => {
|
|
|
+ // sysThemeGetPageTheme('page=1&size=1000&themeType=2&themeState=1').then(res => {
|
|
|
+ // if (res.code === 200) {
|
|
|
+ // state.themeOptions = res.data.totalElements
|
|
|
+ // } else {
|
|
|
+ // ElMessage.error(res.msg)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ state.themeOptions = [
|
|
|
+ {
|
|
|
+ "themeId": "7",
|
|
|
+ "themeName": "测试档案",
|
|
|
+ "themeType": "2",
|
|
|
+ "themeState": "1",
|
|
|
+ "themeUrl": "/web/archive",
|
|
|
+ "themeParam": "p1,p2,p3,p4",
|
|
|
+ "themeStyle": null,
|
|
|
+ "createTime": "2024-09-10 01:45:48",
|
|
|
+ "createBy": "1",
|
|
|
+ "updateTime": "2024-09-10 01:45:48",
|
|
|
+ "updateBy": "1"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+}
|
|
|
+const handleSelect = (obj) => {
|
|
|
+ if (obj.themeParam) {
|
|
|
+ obj.themeParam.split(',').forEach(v => {
|
|
|
+ state.textTable.data.push({
|
|
|
+ themeParam: v,
|
|
|
+ fieldParam: '',
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+}
|
|
|
+const initText = () => {
|
|
|
+ sysIndexFieldList(proxy.$util.formatGetParam({
|
|
|
+ indexId: props.transfer.id
|
|
|
+ })).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ state.textOptions = res.data
|
|
|
+ } else {
|
|
|
+ ElMessage.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+watch(() => props.show, (n) => {
|
|
|
+ if (n) {
|
|
|
+ initDictionary()
|
|
|
+ state.form = {}
|
|
|
+ initTheme()
|
|
|
+ initText()
|
|
|
+ nextTick(() => {
|
|
|
+ ref_form.value.reset()
|
|
|
+ })
|
|
|
+ }
|
|
|
+})
|
|
|
+const initDictionary = () => {
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+</style>
|
CzRger