索引

src/api/modules/manage/theme.ts

@@ -57,4 +57,22 @@ export const sysThemeIndexUpdate = (params: any) => handle({
 export const sysThemeIndexFindById = (id: any) => handle({
   url: `/${suffix}/sysThemeIndex/findById/${id}`,
   method: 'get',
+})
+// 索引构成配置列保存
+export const sysThemeIndexSaveIndexFields = (params: any) => handle({
+  url: `/${suffix}/sysThemeIndex/saveIndexFields`,
+  method: 'post',
+  params
+})
+// 索引构成配置列查看
+export const sysThemeIndexGetIndexFields = (params: any) => handle({
+  url: `/${suffix}/sysThemeIndex/getIndexFields`,
+  method: 'get',
+  params
+})
+// 索引构成主配置
+export const sysThemeIndexMainConfig = (params: any) => handle({
+  url: `/${suffix}/sysThemeIndex/mainConfig`,
+  method: 'post',
+  params
 })

src/views/manage/theme/relation-column.vue

@@ -0,0 +1,145 @@
+<template>
+  <CusDialog
+    :show="show"
+    title="索引构成-配置列"
+    @onClose="$emit('update:show', false)"
+    @onSubmit="onSubmit"
+    width="70%"
+    max-height="80%"
+    :loading="state.loading"
+  >
+    <template #foot>
+      <div class="__cus-dialog-foot_cancel __hover" @click="onReset">重置默认</div>
+    </template>
+    <div class="__cus-manage_content">
+      <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 #sort-column-value="{scope}">
+            {{scope.$index + 1}}
+          </template>
+          <template #searchShow-column-value="{scope}">
+            <el-switch
+              v-model="scope.row.searchShow"
+              active-value="1"
+              inactive-value="0"
+            />
+          </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 {
+  sysThemeIndexFindAll,
+  sysThemeIndexGetIndexFields,
+  sysThemeIndexSaveIndexFields
+} from "@/api/modules/manage/theme";
+import {sysIndexFieldList} from "@/api/modules/manage";
+
+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: "fieldNameCn", label: "列名称"},
+      {value: "fieldNameEn", label: "列英文名称"},
+      {value: "sort", label: "排序"},
+      {value: "searchShow", label: "展示"},
+    ],
+    result: {
+      defaultShowIds: [],
+      data: []
+    }
+  },
+})
+const initText = () => {
+  state.query.loading = true
+  sysIndexFieldList(proxy.$util.formatGetParam({
+    indexId: props.transfer.indexId
+  })).then(res => {
+    if (res.code === 200) {
+      state.query.result.data = res.data
+      state.query.result.defaultShowIds = state.query.result.data.filter(v => v.searchShow == 1).map(v => v.id)
+      state.query.loading = false
+      initRelation()
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+const initRelation = () => {
+  state.query.loading = true
+  sysThemeIndexGetIndexFields(proxy.$util.formatGetParam({
+    themeId: props.transfer.themeId,
+    indexId: props.transfer.indexId,
+  })).then(res => {
+    if (res.code === 200) {
+      state.query.result.data.forEach(v => {
+        v.searchShow = res.data.some(s => s.fieldId == v.id) ? '1' : '0'
+      })
+      state.query.loading = false
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+const onReset = () => {
+  state.query.result.data.forEach(v => {
+    v.searchShow = state.query.result.defaultShowIds.includes(v.id) ? '1' : '0'
+  })
+}
+const onSubmit = () => {
+  ElMessageBox.confirm("是否提交?", "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+  } as any).then(() => {
+    const arr = state.query.result.data.filter(v => v.searchShow == 1).map((v, i) => ({
+      themeId: props.transfer.themeId,
+      indexId: props.transfer.indexId,
+      fieldId: v.id,
+      sort: i
+    }))
+    state.loading = true
+    sysThemeIndexSaveIndexFields(arr).then(res => {
+      if (res.code === 200) {
+        ElMessage.success('保存成功！')
+      } else {
+        ElMessage.error(res.msg)
+      }
+      state.loading = false
+    })
+  }).catch(() => {})
+}
+watch(() => props.show, (n) => {
+  if (n) {
+    initText()
+  }
+})
+const initDictionary = () => {
+  DictionaryStore.initDict('is_main_index')
+}
+</script>
+
+<style lang="scss" scoped>
+.__cus-manage_content {
+  margin-bottom: 0;
+  height: calc(100% - 24px);
+}
+</style>

src/views/manage/theme/relation-detail.vue

@@ -56,14 +56,14 @@
         />
         <CusFormColumn
           :span="12"
-          :required="state.form.relateIndexId == 1"
+          :required="$util.isValue(state.form.relateIndexId)"
           label="权重"
           v-model:param="state.form.weight"
           link="select"
           :options="DictionaryStore.nodeSizeList"
         />
         <CusFormColumn
-          :required="state.form.relateIndexId == 1"
+          :required="$util.isValue(state.form.relateIndexId)"
           :span="12"
           required
           label="关系描述"

src/views/manage/theme/relation-main.vue

@@ -0,0 +1,160 @@
+<template>
+  <CusDialog
+    :show="show"
+    :title="titleCpt"
+    @onClose="$emit('update:show', false)"
+    width="60%"
+    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.mainParam"
+          link="select"
+          :options="state.textOptions"
+        />
+        <CusFormColumn
+          :span="24"
+          label="标签字段"
+          v-model:param="state.form.tagParams"
+          link="select"
+          :options="state.textOptions"
+          multiple
+        />
+        <CusFormColumn
+          :span="24"
+          label="副字段"
+          v-model:param="state.form.subParams"
+          link="select"
+          :options="state.textOptions"
+          multiple
+        />
+        <CusFormColumn
+          :span="24"
+          label="图片字段"
+          v-model:param="state.form.imgParam"
+          link="select"
+          :options="state.textOptions"
+        />
+        <CusFormColumn
+          :span="24"
+          label="其他字段"
+          v-model:param="state.form.otherParams"
+          link="select"
+          :options="state.textOptions"
+          multiple
+        />
+      </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 {sysThemeFind, sysThemeIndexMainConfig, sysThemeStyleConfig} from "@/api/modules/manage/theme";
+import {sysIndexFieldList} from "@/api/modules/manage";
+
+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,
+  textOptions: []
+})
+const ref_form = ref()
+const titleCpt = computed(() => {
+  let t = '索引构成-主配置'
+  return t
+})
+const onSubmit = () => {
+  ref_form.value.submit().then(() => {
+    ElMessageBox.confirm("是否提交?", "提示", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    } as any).then(() => {
+      state.loading = true
+      const params = JSON.parse(JSON.stringify(state.form))
+      params.otherParams = params.otherParams.map(v => {
+        const obj = state.textOptions.filter(t => t.fieldNameEn == v)[0]
+        return {
+          label: obj.fieldNameCn,
+          value: obj.fieldNameEn
+        }
+      })
+      sysThemeIndexMainConfig({
+        id: props.transfer.id,
+        indexStyle: JSON.stringify(params)
+      }).then(res => {
+        if (res.code === 200) {
+          ElMessage.success('配置成功！')
+          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 initDetail = () => {
+  if (props.transfer.indexStyle) {
+    state.form = JSON.parse(props.transfer.indexStyle)
+    state.form.otherParams = state.form.otherParams.map(v => v.value)
+  } else {
+    state.form = {
+      mainParam: '',
+      tagParams: [],
+      subParams: [],
+      imgParam: '',
+      otherParams: []
+    }
+  }
+}
+const initText = () => {
+  sysIndexFieldList(proxy.$util.formatGetParam({
+    indexId: props.transfer.indexId
+  })).then(res => {
+    if (res.code === 200) {
+      state.textOptions = res.data.map(v => {
+        v.dictLabel = v.fieldNameCn
+        v.dictValue = v.fieldNameEn
+        return v
+      })
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+watch(() => props.show, (n) => {
+  if (n) {
+    initText()
+    initDetail()
+    nextTick(() => {
+      ref_form.value.reset()
+    })
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/manage/theme/relation.vue

@@ -34,6 +34,8 @@
             {{DictionaryStore.isMainIndexMap.get(scope.row.isMain)}}
           </template>
           <template #do-column-value="{scope}">
+            <CusButton v-if="scope.row.isMain == 1" type="table-add" icon="text" title="主配置" @click="onMain(scope.row)"/>
+            <CusButton type="table-add" icon="text" title="列配置" @click="onText(scope.row)"/>
             <CusButton type="table-edit" @click="onEdit(scope.row)"/>
             <CusButton type="table-del" @click="onDel(scope.row)"/>
           </template>
@@ -41,6 +43,8 @@
       </div>
     </div>
     <RelationDetailCom v-model:show="state.relationDetail.show" :transfer="state.relationDetail.transfer" @refresh="initRelation"/>
+    <RelationColumnCom v-model:show="state.relationColumn.show" :transfer="state.relationColumn.transfer" @refresh="initRelation"/>
+    <RelationMainCom v-model:show="state.relationMain.show" :transfer="state.relationMain.transfer" @refresh="initRelation"/>
   </CusDialog>
 </template>
 
@@ -49,6 +53,8 @@ import {computed, getCurrentInstance, nextTick, reactive, ref, watch} from "vue"
 import {useDictionaryStore} from "@/stores";
 import {ElMessage, ElMessageBox} from "element-plus";
 import RelationDetailCom from "./relation-detail.vue";
+import RelationColumnCom from "./relation-column.vue";
+import RelationMainCom from "./relation-main.vue";
 import {
   sysLabelDeleteLink,
   sysLabelGetAllIndexsByKey
@@ -74,7 +80,7 @@ const state: any = reactive({
       {value: "fieldName", label: "关联索引"},
       {value: "weight", label: "权重"},
       {value: "description", label: "关系描述"},
-      {value: "do", label: "操作", width: 300, fixed: 'right'},
+      {value: "do", label: "操作", width: 320, fixed: 'right'},
     ],
     result: {
       data: []
@@ -87,6 +93,14 @@ const state: any = reactive({
   relationDetail: {
     transfer: {},
     show: false
+  },
+  relationColumn: {
+    transfer: {},
+    show: false
+  },
+  relationMain: {
+    transfer: {},
+    show: false
   }
 })
 const ref_search = ref()
@@ -138,6 +152,21 @@ const initRelation = () => {
     }
   })
 }
+const onMain = (row) => {
+  state.relationMain.transfer = {
+    indexId: row.indexId,
+    id: row.id,
+    indexStyle: row.indexStyle
+  }
+  state.relationMain.show = true
+}
+const onText = (row) => {
+  state.relationColumn.transfer = {
+    indexId: row.indexId,
+    themeId: props.transfer.id
+  }
+  state.relationColumn.show = true
+}
 const onEdit = (row) => {
   let hasMain = false
   state.query.result.data.forEach(v => {