字典适配

src/views/carousel/carousel/index.vue

@@ -46,8 +46,8 @@
           <img :src="scope.row.fileUrl" class="banner" />
         </template>
       </el-table-column>
-      <el-table-column label="点击事件类型" align="center" prop="jumpUrlType" />
-      <el-table-column label="状态" align="center" prop="status" />
+      <el-table-column label="点击事件类型" align="center" prop="jumpUrlType" :formatter="cilckTypeFormat" />
+      <el-table-column label="状态" align="center" prop="status" :formatter="statusFormat" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['carousel:carousel:edit']"
@@ -83,23 +83,27 @@
           </el-upload>
         </el-form-item>
         <el-form-item label="事件类型" prop="jumpUrlType">
-          <el-input v-model="form.jumpUrlType" placeholder="请输入图片名称" />
+          <el-select v-model="form.jumpUrlType" placeholder="请输入事件类型" clearable>
+            <el-option v-for="item in cilckTypeOptions" :key="item.dictCode" :label="item.dictLabel" :value="item.dictValue"></el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="事件参数" prop="jumpUrlType" v-if="form.jumpUrlType=='goWebView'">
+        <el-form-item label="事件参数" prop="jumpUrlType" v-if="form.jumpUrlType == 'goWebView'">
           <el-input v-model="form.jumpUrl" placeholder="请输入网站地址" />
         </el-form-item>
-        <el-form-item label="事件参数" prop="jumpUrlType" v-else-if="form.jumpUrlType=='goMiniApp'">
+        <el-form-item label="事件参数" prop="jumpUrlType" v-else-if="form.jumpUrlType == 'goMiniApp'">
           <el-input v-model="form.jumpUrl" placeholder="请输入小程序APPID" />
           <el-input v-model="form.jumpUrl" placeholder="请输入小程序PATH" />
         </el-form-item>
-        <el-form-item label="事件参数" prop="jumpUrlType" v-else-if="form.jumpUrlType=='goPage'">
+        <el-form-item label="事件参数" prop="jumpUrlType" v-else-if="form.jumpUrlType == 'goPage'">
           <el-input v-model="form.jumpUrl" placeholder="请输入页面路径" />
         </el-form-item>
         <el-form-item label="权重" prop="weight">
           <el-input v-model="form.weight" placeholder="请输入图片名称" />
         </el-form-item>
         <el-form-item label="是否启用" prop="status">
-          <el-input v-model="form.status" placeholder="请输入图片名称" />
+          <el-select v-model="form.status" placeholder="是否启用" clearable>
+            <el-option v-for="item in statusOptions" :key="item.dictCode" :label="item.dictLabel" :value="item.dictValue"></el-option>
+          </el-select>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -165,17 +169,35 @@ export default {
             trigger: 'blur'
           }
         ]
-      }
+      },
+      // 小程序轮播图事件类型
+      cilckTypeOptions: [],
+      cilckTypeFormat:null,
+      // 小程序状态开关
+      statusOptions: [],
+      statusFormat: null
     }
   },
   created() {
     this.getList()
+    this.getDicts('wx_banner_click_type').then(response => {
+      this.cilckTypeOptions = response.data
+      this.cilckTypeFormat = (row, column) => {
+        return this.selectDictLabel(this.cilckTypeOptions, row.jumpUrlType)
+      }
+    })
+    this.getDicts('wx_open_status').then(response => {
+      this.statusOptions = response.data
+      this.statusFormat = (row, column) => {
+        return this.selectDictLabel(this.statusOptions, row.status)
+      }
+    })
   },
   methods: {
     //图标上传成功返回函数
     handleAvatarSuccess(response) {
-      this.$set(this.form,'fileUrl',response.data.fileUrl)
-      this.$set(this.form,'fileId',response.data.fileId)
+      this.$set(this.form, 'fileUrl', response.data.fileUrl)
+      this.$set(this.form, 'fileId', response.data.fileId)
     },
     /** 查询轮播图列表 */
     getList() {