轮播图跳转

src/components/custom/custom-upload.vue

@@ -12,6 +12,7 @@
       :on-preview="filePreview"
       :on-success="onSuccess"
       :before-remove="onRemove"
+      :show-file-list="showList"
     >
       <el-button type="primary">选择文件</el-button>
       <template #tip v-if="tip">
@@ -27,7 +28,6 @@
 <script setup>
 import { ElMessage } from 'element-plus'
 import { omit, cloneDeep, isArray } from 'lodash-es'
-
 let dialog = ref({ show: false, url: '' })
 const props = defineProps({
   url: { type: String, default: () => '' },
@@ -36,7 +36,8 @@ const props = defineProps({
   listType: { type: String, default: () => 'text' }, //'text' | 'picture' | 'picture-card'
   tip: { type: String, default: () => undefined },
   list: { type: Array, default: () => [] },
-  model: { type: String, default: () => '' }
+  model: { type: String, default: () => '' },
+  showList: { type: Boolean, default: true }
 })
 // 图片上传地址
 const { url } = toRefs(props)

src/lang/package/zh-cn/pages.js

@@ -416,7 +416,8 @@ export default {
     parent_code: '上级编码',
     is_use: '是否启用',
     codeMessage: '请输入编码',
-    nameMessage: '请输入名称'
+    nameMessage: '请输入名称',
+    order_num: '显示顺序（降序）'
   },
   log_opera: {
     operator_id: '操作人数据id',

src/views/system/design/index.vue

@@ -14,7 +14,22 @@
               <custom-upload model="logoUrl" :list="form.logoUrl" :limit="1" listType="picture-card" url="/files/web/cxyy_design/upload" @change="onUpload"></custom-upload>
             </template>
             <template #carouselUrl>
-              <custom-upload model="carouselUrl" :list="form.carouselUrl" :limit="6" listType="picture-card" url="/files/web/cxyy_design/upload" @change="onUpload"></custom-upload>
+              <custom-upload model="carouselUrl" :list="form.carouselUrl" :limit="6" :showList="false" url="/files/web/cxyy_design/upload" @change="onUpload"></custom-upload>
+              <el-table :data="form.carouselUrl">
+                <el-table-column align="center" label="轮播图片">
+                  <template #default="{ row }">
+                    <template v-if="row.uri">
+                      <el-image :src="row.uri" fit="contain" width="200px" height="200px"></el-image>
+                    </template>
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" label="跳转地址">
+                  <template #default="{ row }">
+                    <el-input v-model="row.to" placeholder="跳转地址"></el-input>
+                  </template>
+                </el-table-column>
+              </el-table>
+
             </template>
             <!-- <template #friend>
               <el-col :span="24" class="tables">

src/views/system/friend/index.vue

@@ -8,6 +8,7 @@
         <el-col :span="24">
           <el-table :data="data" style="width: 100%" row-key="id" border lazy :load="load" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
             <el-table-column align="center" prop="code" :label="$t('pages.friend.code')" />
+            <el-table-column align="center" prop="order_num" :label="$t('pages.friend.order_num')" />
             <el-table-column align="center" prop="name" :label="$t('pages.friend.name')" />
             <el-table-column align="center" prop="parent_code" :label="$t('pages.friend.parent_code')" />
             <el-table-column align="center" :label="$t('pages.friend.is_use')" prop="is_use">
@@ -77,6 +78,7 @@ const isUseList = ref([])
 const loading = ref(false)
 const formFields = [
   { label: t('pages.friend.code'), model: 'code' },
+  { label: t('pages.friend.order_num'), model: 'order_num', type: 'number' },
   { label: t('pages.friend.parent_code'), model: 'parent_code' },
   { label: t('pages.friend.name'), model: 'name' },
   { label: t('pages.friend.file'), model: 'file', custom: true },