|
|
@@ -0,0 +1,172 @@
|
|
|
+<template>
|
|
|
+ <CusDialog
|
|
|
+ :show="show"
|
|
|
+ title="索引构成"
|
|
|
+ @onClose="$emit('update:show', false)"
|
|
|
+ width="90%"
|
|
|
+ height="90%"
|
|
|
+ :show-submit="false"
|
|
|
+ :loading="state.loading"
|
|
|
+ >
|
|
|
+ <div class="__cus-manage_content">
|
|
|
+ <div class="__cus-manage_content-filters" v-loading="state.loadingIndex">
|
|
|
+ <el-autocomplete
|
|
|
+ ref="ref_search"
|
|
|
+ v-model="state.indexSelect"
|
|
|
+ :fetch-suggestions="fetchSuggestions"
|
|
|
+ clearable
|
|
|
+ placeholder="搜索添加索引"
|
|
|
+ @select="handleSelect"
|
|
|
+ :select-when-unmatched="true"
|
|
|
+ >
|
|
|
+ <template #default="{ item }">
|
|
|
+ <div class="index-item" v-html="item.html"/>
|
|
|
+ </template>
|
|
|
+ </el-autocomplete>
|
|
|
+ </div>
|
|
|
+ <div class="__cus-manage_content-main" v-loading="state.query.loading">
|
|
|
+ <CusTable
|
|
|
+ :data="state.query.result.data"
|
|
|
+ :table-head="state.query.tableHead"
|
|
|
+ :no-page="true"
|
|
|
+ >
|
|
|
+ <template #do-column-value="{scope}">
|
|
|
+ <CusButton type="table-del" @click="onDel(scope.row)"/>
|
|
|
+ </template>
|
|
|
+ </CusTable>
|
|
|
+ </div>
|
|
|
+ </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 DetailCom from "@/views/manage/type/detail.vue";
|
|
|
+import {
|
|
|
+ sysLabelAddIndexToLabel, sysLabelDeleteLink,
|
|
|
+ sysLabelGetAllIndexsByKey,
|
|
|
+ sysLabelGetAllSysLabelTypes
|
|
|
+} from "@/api/modules/manage/type";
|
|
|
+
|
|
|
+const emit = defineEmits(['update:show', 'refresh'])
|
|
|
+const {proxy} = getCurrentInstance()
|
|
|
+const DictionaryStore = useDictionaryStore()
|
|
|
+const props = defineProps({
|
|
|
+ show: {default: false},
|
|
|
+ transfer: {}
|
|
|
+ })
|
|
|
+const state: any = reactive({
|
|
|
+ loading: false,
|
|
|
+ query: {
|
|
|
+ loading: false,
|
|
|
+ tableHead: [
|
|
|
+ {value: "indexName", label: "索引中文"},
|
|
|
+ {value: "indexTableName", label: "索引表名", popover: true},
|
|
|
+ {value: "num", label: "数据量", width: 100},
|
|
|
+ {value: "linkTime", label: "关联时间", minWidth: 200},
|
|
|
+ {value: "do", label: "操作", width: 100, fixed: 'right'},
|
|
|
+ ],
|
|
|
+ result: {
|
|
|
+ data: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ loadingIndex: false,
|
|
|
+ indexList: [],
|
|
|
+ indexSelect: ''
|
|
|
+})
|
|
|
+const ref_search = ref()
|
|
|
+const fetchSuggestions = (queryString: string, cb: any) => {
|
|
|
+ const arr = state.indexList.filter(v => state.query.result.data.every(s => s.indexId != v.id))
|
|
|
+ const results = queryString
|
|
|
+ ? arr.filter(v => [v.indexName, v.indexTableName].some(s => s.includes(queryString)))
|
|
|
+ : arr
|
|
|
+ results.map(v => {
|
|
|
+ const str1 = queryString ? v.indexName.replace(new RegExp(queryString, 'g'), `<em>${queryString}</em>`) : v.indexName
|
|
|
+ const str2 = queryString ? v.indexTableName.replace(new RegExp(queryString, 'g'), `<em>${queryString}</em>`) : v.indexTableName
|
|
|
+ v.html = `${str1}<span style="margin-right: 20px;"></span>${str2}`
|
|
|
+ return v
|
|
|
+ })
|
|
|
+ cb(results)
|
|
|
+}
|
|
|
+const handleSelect = (item) => {
|
|
|
+ ElMessageBox.confirm(`是否关联${item.indexName}?`, "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ } as any).then(() => {
|
|
|
+ state.loading = true
|
|
|
+ sysLabelAddIndexToLabel(proxy.$util.formatGetParam({
|
|
|
+ indexId: item.id,
|
|
|
+ typeId: props.transfer.id
|
|
|
+ })).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ ElMessage.success('添加成功！')
|
|
|
+ emit('refresh')
|
|
|
+ state.loading = false
|
|
|
+ ref_search.value?.blur()
|
|
|
+ initRelation()
|
|
|
+ } else {
|
|
|
+ ElMessage.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }).catch(() => {})
|
|
|
+}
|
|
|
+const initIndex = () => {
|
|
|
+ state.loadingIndex = true
|
|
|
+ sysLabelGetAllIndexsByKey().then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ state.indexList = res.data
|
|
|
+ state.loadingIndex = false
|
|
|
+ } else {
|
|
|
+ ElMessage.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+const initRelation = () => {
|
|
|
+ state.query.loading = true
|
|
|
+ sysLabelGetAllSysLabelTypes(props.transfer.id).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ state.query.result.data = res.data
|
|
|
+ state.query.loading = false
|
|
|
+ } else {
|
|
|
+ ElMessage.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+const onDel = (row) => {
|
|
|
+ ElMessageBox.confirm(`请确认是否取消关联${row.indexName}?`, "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ } as any).then(() => {
|
|
|
+ state.loading = true
|
|
|
+ sysLabelDeleteLink(row.id).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ ElMessage.success('删除成功！')
|
|
|
+ emit('refresh')
|
|
|
+ state.loading = false
|
|
|
+ initRelation()
|
|
|
+ } else {
|
|
|
+ ElMessage.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }).catch(() => {})
|
|
|
+}
|
|
|
+watch(() => props.show, (n) => {
|
|
|
+ if (n) {
|
|
|
+ initIndex()
|
|
|
+ // initRelation()
|
|
|
+ }
|
|
|
+})
|
|
|
+const initDictionary = () => {
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.__cus-manage_content {
|
|
|
+ margin-bottom: 0;
|
|
|
+ height: calc(100% - 24px);
|
|
|
+}
|
|
|
+</style>
|
CzRger