init

src/views/cai/banner/banner-add-update-dialog.vue

@@ -7,15 +7,22 @@
       <el-form-item label="轮播图" prop="image">
         <image-upload2 v-model="form.image"/>
       </el-form-item>
-      <el-form-item label="链接地址" prop="linkUrl">
+      <el-form-item label="链接类型" prop="linkType">
+        <el-select v-model="form.linkType" size="small">
+          <el-option
+              v-for="dict in bannerLinkTypeList"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="链接地址" prop="linkUrl" v-if="form.linkType === 1">
         <el-input v-model="form.linkUrl" placeholder="请输入链接地址" />
       </el-form-item>
       <el-form-item label="排序" prop="sort">
         <el-input v-model="form.sort" placeholder="请输入排序" />
       </el-form-item>
-      <el-form-item label="图片地址" prop="imageDetails">
-        <el-input v-model="form.imageDetails" placeholder="请输入图片地址" />
-      </el-form-item>
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
@@ -26,12 +33,14 @@
 
 <script>
 import { addBanner, getBanner, updateBanner } from '@/api/cai/banner'
+import { bannerLinkTypeList } from '@/constant/statusMap'
 
 export default {
   components: {
   },
   data () {
     return {
+      bannerLinkTypeList,
       open: false,
       title: '',
       form:{

src/views/cai/banner/index.vue

@@ -48,7 +48,7 @@
       <el-table-column label="标题" align="center" prop="title" />
       <el-table-column label="轮播图" align="center" prop="image" width="100">
         <template v-slot="scope">
-          <image-preview :src="scope.row.image" :width="50" :height="50"/>
+          <image-preview :src="scope.row.image" :width="120" :height="50"/>
         </template>
       </el-table-column>
       <el-table-column label="链接类型" align="center" prop="linkType">
@@ -68,7 +68,6 @@
           ></el-switch>
         </template>
       </el-table-column>
-      <el-table-column label="图片地址" align="center" prop="imageDetails" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
         <template v-slot="scope">
           <el-button