图片逻辑

src/api/modules/manage/index.ts

@@ -8,3 +8,14 @@ export const sysIndexFindIndexByPage = (params: any) => handle({
   method: 'get',
   params
 })
+// 新增||编辑
+export const sysIndexSaveOrUpdate = (params: any) => handle({
+  url: `/${suffix}/sys-index/saveOrUpdate`,
+  method: 'post',
+  params
+})
+// 详情
+export const sysIndexGetDetail = (id: any) => handle({
+  url: `/${suffix}/sys-index/getDetail/${id}`,
+  method: 'get',
+})

src/stores/dictionary-define.ts

@@ -2,6 +2,10 @@ export const dictionaryDefine = {
 	//接口参数 : [ '字典数据list名', '字典数据Map名', '字段数据ObjMap名' ],
 	label_type: ['labelTypeList', 'labelTypeMap'], //  标签类型
 	label_level: ['labelLevelList', 'labelLevelMap'], //  标签层级
+	gx_method: ['gxMethodList', 'gxMethodMap'], //  共享方式
+	gx_cycle: ['gxCycleList', 'gxCycleMap'], //  共享周期
+	theme_mode: ['themeModeList', 'themeModeMap'], //  主题模式
+	default_model: ['defaultModelList', 'defaultModelMap'], //  默认模式
 }
 
 const stateMap = {}

src/stores/dictionary.ts

@@ -1,9 +1,7 @@
-import * as api from '@/api/index'
 import { dictionary, dictionaryDefine } from './dictionary-define'
 import { dictionaryOther, dictionaryOtherDefine } from './dictionary-other-define'
 import { defineStore } from 'pinia'
-import {mockApi} from "@/api/modules/global/global";
-import {dictGetAllSysDictsByValue, getDict} from "@/api/modules/manage/dict";
+import {dictGetAllSysDictsByValue} from "@/api/modules/manage/dict";
 
 const listToMap = (list) => {
 	const map = new Map()
@@ -32,7 +30,7 @@ export const useDictionaryStore = defineStore('dictionary', {
 		initDict(type) {
 			return new Promise((resolve, reject) => {
 				if (this[dictionaryDefine[type][0]].length === 0) {
-					api.default.dictGetAllSysDictsByValue(`dictValue=${type}`).then((res: any) => {
+					dictGetAllSysDictsByValue(`dictValue=${type}`).then((res: any) => {
 						const data = res.data
 						const map = new Map()
 						const objMap = new Map()

src/stores/web.ts

@@ -1,5 +1,4 @@
 import {defineStore} from "pinia";
-import {mockGetSearchArea} from "@/api/modules/mock/mock";
 import {readonly} from "vue";
 import {frontGetAllSysLabelsForQd} from "@/api/modules/web/list";
 

src/views/manage/index/detail.vue

@@ -0,0 +1,217 @@
+<template>
+  <CusDialog
+    :show="show"
+    :title="titleCpt"
+    @onClose="$emit('update:show', false)"
+    width="1000px"
+    height="auto"
+    @onSubmit="onSubmit"
+    :loading="state.loading"
+  >
+    <div class="__cus-dialog-form">
+      <CusForm ref="ref_form" label-width="120">
+        <CusFormColumn
+          :span="12"
+          required
+          label="索引中文"
+          v-model:param="state.form.indexName"
+        />
+        <CusFormColumn
+          :span="12"
+          required
+          label="索引表名"
+          v-model:param="state.form.indexTableName"
+        />
+        <CusFormColumn
+          :span="12"
+          required
+          label="数据共享来源"
+          v-model:param="state.form.dataSource"
+        />
+        <CusFormColumn
+          :span="12"
+          required
+          label="数据提供来源"
+          v-model:param="state.form.dataOffer"
+        />
+        <CusFormColumn
+          :span="12"
+          required
+          label="共享方式"
+          v-model:param="state.form.shareMethod"
+          link="select"
+          :options="DictionaryStore.gxMethodList"
+        />
+        <CusFormColumn
+          :span="12"
+          required
+          label="共享周期"
+          v-model:param="state.form.shareCycle"
+          link="select"
+          :options="DictionaryStore.gxCycleList"
+        />
+        <CusFormColumn
+          :span="12"
+          required
+          label="默认模式"
+          v-model:param="state.form.defModel"
+          link="radio"
+          :options="DictionaryStore.defaultModelList"
+        />
+        <CusFormColumn
+          :span="12"
+          :required="state.form.defModel == 1"
+          label="图片字段"
+          v-model:param="state.form.pictureField"
+        />
+        <CusFormColumn
+          :span="12"
+          required
+          label="主题模式"
+          v-model:param="state.form.themeMode"
+          link="select"
+          :options="DictionaryStore.themeModeList"
+        />
+        <CusFormColumn
+          :span="12"
+          :required="state.form.themeMode !== 'no_support'"
+          label="主题字段"
+          v-model:param="state.form.themeField"
+        />
+        <CusFormColumn
+          :span="12"
+          label="图模式卡片数"
+          v-model:param="state.form.pictureModeCardNum"
+          link="input-number"
+          :min="1"
+          :max="5"
+        />
+        <CusFormColumn
+          :span="12"
+          label="卡片列数"
+          v-model:param="state.form.cardColumnNum"
+          link="input-number"
+          :min="1"
+          :max="5"
+        />
+        <CusFormColumn
+          :span="12"
+          label="列模式列数"
+          v-model:param="state.form.columnModelNum"
+          link="input-number"
+          :min="1"
+          :max="8"
+        />
+        <CusFormColumn
+          v-if="state.form.shareMethod === 'lxfz'"
+          :span="12"
+          label="数据更新时间"
+          v-model:param="state.form.updateTime"
+          link="datetime"
+        />
+        <CusFormColumn
+          :span="24"
+          label="备注"
+          v-model:param="state.form.remark"
+          type="textarea"
+          :rows="5"
+        />
+      </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 {sysIndexGetDetail, sysIndexSaveOrUpdate} 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
+})
+const ref_form = ref()
+const titleCpt = computed(() => {
+  let t = ''
+  switch (props.transfer.mode) {
+    case 'add': t = '新增索引'
+      break
+    case 'edit': t = '编辑索引'
+      break
+  }
+  return t
+})
+const onSubmit = () => {
+  ref_form.value.submit().then(() => {
+    ElMessageBox.confirm("是否提交?", "提示", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "warning",
+    } as any).then(() => {
+      state.loading = true
+      sysIndexSaveOrUpdate(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 initDetail = () => {
+  state.loading = true
+  sysIndexGetDetail(props.transfer.id).then(res => {
+    if (res.code === 200) {
+      state.form = res.data
+      state.loading = false
+    } else {
+      ElMessage.error(res.msg)
+    }
+  })
+}
+watch(() => props.show, (n) => {
+  if (n) {
+    initDictionary()
+    if (props.transfer.mode === 'add') {
+      state.form = {
+        pictureModeCardNum: 3,
+        cardColumnNum: 2,
+        columnModelNum: 4,
+        defModel: 'column_model',
+      }
+    } else {
+      initDetail()
+    }
+    nextTick(() => {
+      ref_form.value.reset()
+    })
+  }
+})
+const initDictionary = () => {
+  DictionaryStore.initDict('gx_method')
+  DictionaryStore.initDict('gx_cycle')
+  DictionaryStore.initDict('theme_mode')
+  DictionaryStore.initDict('default_model')
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/views/manage/index/index.vue

@@ -10,8 +10,8 @@
         />
         <CusButton type="main" title="搜索" @click="onSearch"/>
         <CusButton type="main" title="重置" @click="onReset"/>
-        <CusButton title="导出" style="margin-left: auto" @click="onReset"/>
-        <CusButton type="main" title="新增" @click="onReset"/>
+        <CusButton title="导出" style="margin-left: auto"/>
+        <CusButton type="main" title="新增" @click="onAdd"/>
       </CusForm>
     </div>
     <div class="__cus-manage_content-main" v-loading="state.query.loading">
@@ -23,6 +23,15 @@
         :table-head="state.query.tableHead"
         @handlePage="onPage"
       >
+        <template #shareMethod-column-value="{scope}">
+          {{DictionaryStore.gxMethodMap.get(scope.row.shareMethod)}}
+        </template>
+        <template #shareCycle-column-value="{scope}">
+          {{DictionaryStore.gxCycleMap.get(scope.row.shareCycle)}}
+        </template>
+        <template #themeMode-column-value="{scope}">
+          {{DictionaryStore.themeModeMap.get(scope.row.themeMode)}}
+        </template>
         <template #do-column-value="{scope}">
           <CusButton type="table" icon="relation" title="关联分类" @click="onRelation(scope.row)"/>
           <CusButton type="table-add" icon="text" title="字段" @click="onText(scope.row)"/>
@@ -31,6 +40,7 @@
         </template>
       </CusTable>
     </div>
+    <DetailCom v-model:show="state.detail.show" :transfer="state.detail.transfer" @refresh="onSearch"/>
   </div>
 </template>
 
@@ -38,8 +48,11 @@
 import {getCurrentInstance, onMounted, reactive} from "vue";
 import {ElMessage} from "element-plus";
 import {sysIndexFindIndexByPage} from "@/api/modules/manage";
+import DetailCom from "./detail.vue";
+import {useDictionaryStore} from "@/stores";
 
 const {proxy} = getCurrentInstance()
+const DictionaryStore = useDictionaryStore()
 const state: any = reactive({
   query: {
     loading: false,
@@ -55,22 +68,35 @@ const state: any = reactive({
       {value: "shareMethod", label: "共享方式", width: 180},
       {value: "shareCycle", label: "共享周期", width: 180},
       {value: "pictureField", label: "图片字段", width: 180},
-      {value: "themeMode", label: "所属主题", width: 180},
+      {value: "themeMode", label: "主题模式", width: 180},
       {value: "pictureModeCardNum", label: "图模式卡片数", width: 180},
       {value: "cardColumnNum", label: "卡片列数", width: 180},
-      {value: "columnModelNum", label: "列表模式列数", width: 180},
+      {value: "columnModelNum", label: "列模式列数", width: 180},
       {value: "num", label: "数据量", width: 180},
       {value: "linkTypeNum", label: "关联分类数量", width: 180},
       {value: "createTime", label: "创建时间", width: 180},
       {value: "updateTime", label: "最后修改时间", width: 180},
       {value: "remark", label: "备注", width: 200},
-      {value: "do", label: "操作", width: 200, fixed: 'right'},
+      {value: "do", label: "操作", width: 320, fixed: 'right'},
     ],
     form: {},
+    formReal: {},
     result: {
       total: 0,
       data: []
     }
+  },
+  detail: {
+    show: false,
+    transfer: {}
+  },
+  relation: {
+    show: false,
+    transfer: {}
+  },
+  text: {
+    show: false,
+    transfer: {}
   }
 })
 const onPage = (pageNum, pageSize) => {
@@ -82,8 +108,8 @@ const onPage = (pageNum, pageSize) => {
     page: state.query.page.pageNum,
     size: state.query.page.pageSize,
   }
-  if (proxy.$util.isValue(state.query.form.keyword)) {
-    params.keyword = state.query.form.keyword
+  if (proxy.$util.isValue(state.query.formReal.keyword)) {
+    params.keyword = state.query.formReal.keyword
   }
   state.query.loading = true
   sysIndexFindIndexByPage(proxy.$util.formatGetParam(params)).then(res => {
@@ -97,6 +123,7 @@ const onPage = (pageNum, pageSize) => {
   })
 }
 const onSearch = () => {
+  state.query.formReal = JSON.parse(JSON.stringify(state.query.form))
   onPage(1, state.query.page.pageSize)
 }
 const onReset = () => {
@@ -111,13 +138,29 @@ const onRelation = (row) => {
 }
 const onText = (row) => {
 }
-const onAdd = (row) => {
+const onAdd = () => {
+  state.detail.transfer = {
+    mode: 'add'
+  }
+  state.detail.show = true
 }
 const onEdit = (row) => {
+  state.detail.transfer = {
+    mode: 'edit',
+    id: row.id,
+  }
+  state.detail.show = true
 }
 const onDel = (row) => {
 }
+const initDictionary = () => {
+  DictionaryStore.initDict('gx_method')
+  DictionaryStore.initDict('gx_cycle')
+  DictionaryStore.initDict('theme_mode')
+  DictionaryStore.initDict('default_model')
+}
 onMounted(() => {
+  initDictionary()
   onReset()
 })
 </script>

src/views/manage/type/detail.vue

@@ -61,7 +61,7 @@ import {useDictionaryStore} from "@/stores";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {sysLabelDetail, sysLabelSave, sysLabelUpdate} from "@/api/modules/manage/type";
 
-const emit = defineEmits(['update:show'])
+const emit = defineEmits(['update:show', 'refresh'])
 const {proxy} = getCurrentInstance()
 const DictionaryStore = useDictionaryStore()
 const props = defineProps({

src/views/web/list/index.vue

@@ -82,9 +82,9 @@
                 </div>
                 <div>
                   <div>共享方式：</div>
-                  <div>{{ state.resultParams.indexConfig?.shareMethod }}</div>
+                  <div>{{ DictionaryStore.gxMethodMap.get(state.resultParams.indexConfig?.shareMethod) }}</div>
                   <div>更新周期：</div>
-                  <div>{{ state.resultParams.indexConfig?.shareCycle }}</div>
+                  <div>{{ DictionaryStore.gxCycleMap.get(state.resultParams.indexConfig?.shareCycle) }}</div>
                 </div>
               </div>
               <div class="info">
@@ -116,7 +116,7 @@
               </div>
             </div>
           </div>
-          <div class="table-switch" v-if="tableConfigCpt.hasCard">
+          <div class="table-switch">
             <div class="__hover" :class="{active: state.tableParams.model === 'list'}" @click="state.tableParams.model = 'list'">
               <SvgIcon name="list_1" size="16" :color="state.tableParams.model === 'list' ? '#ffffff' : 'var(--cus-text-color-3)'"/>
             </div>
@@ -223,13 +223,14 @@
 <script setup lang="ts">
 import {computed, getCurrentInstance, onBeforeMount, onMounted, reactive, ref, watch} from "vue";
 import {useRoute, useRouter} from "vue-router";
-import {useAppStore, useWebStore} from "@/stores";
+import {useAppStore, useDictionaryStore, useWebStore} from "@/stores";
 import {ElLoading, ElMessage} from "element-plus";
 import {frontGetIndexAndFieldInfo} from "@/api/modules/web/list";
 
 const {proxy} = getCurrentInstance()
 const AppStore = useAppStore()
 const WebStore = useWebStore()
+const DictionaryStore = useDictionaryStore()
 const route = useRoute()
 const router = useRouter()
 const state: any = reactive({
@@ -295,8 +296,8 @@ const tableConfigCpt = computed(() => {
     if (v.searchShow == 1) {
       const obj = {key: v.fieldNameCn, value: v.fieldNameEn, col: v.labelLength}
       listConfig.push(obj)
-      if (v.pictureField == 1) {
-        cardImg = obj
+      if (state.resultParams.indexConfig?.pictureField && (state.resultParams.indexConfig?.pictureField == v.fieldNameEn)) {
+        cardImg = JSON.parse(JSON.stringify(obj))
       } else {
         cardConfig.push(obj)
       }
@@ -306,13 +307,13 @@ const tableConfigCpt = computed(() => {
   const res = {
     listCol: state.resultParams.indexConfig.columnModelNum,
     listConfig: listConfig,
-    hasCard: true,
     cardLayout: state.resultParams.indexConfig.pictureModeCardNum,
     cardCol: state.resultParams.indexConfig.cardColumnNum,
     cardMain: cardMain,
     cardImg: cardImg,
     cardConfig: cardConfig
   }
+  state.tableParams.model = state.resultParams.indexConfig.defModel === 'column_model' ? 'list' : 'card'
   console.log(res)
   return res
 })
@@ -388,12 +389,17 @@ const onPage = (pageNum, pageSize) => {
   state.tableParams.pageSize = pageSize
   state.ws.list(false)
 }
+const initDictionary = () => {
+  DictionaryStore.initDict('gx_method')
+  DictionaryStore.initDict('gx_cycle')
+}
 watch(() => state.resultParams.activeIndex, (n) => {
   if (n) {
     getIndexConfig()
   }
 })
 onMounted(() => {
+  initDictionary()
   const {text, index} = route.query
   if (!text) {
     router.replace({
@@ -472,7 +478,7 @@ onMounted(() => {
         }
         if (init) {
           state.tableParams = {
-            model: 'card',
+            model: state.tableParams.model,
             pageNum: 1,
             pageSize: 10,
             total: 0,