轮播管理自测

src/components/ImageUpload/index.vue

@@ -35,7 +35,11 @@
       width="800"
       append-to-body
     >
-      <img :src="dialogImageUrl" style="display: block; max-width: 100%; margin: 0 auto" alt="" />
+      <img
+        :src="dialogImageUrl"
+        style="display: block; max-width: 100%; margin: 0 auto"
+        alt=""
+      >
     </el-dialog>
   </div>
 </template>

src/views/banner_management/banner_add.vue

@@ -110,14 +110,15 @@ export default {
           { validator: titleTest, trigger: 'blur' }
         ],
         img: [
-          { required: false, message: '请选择轮播图', trigger: 'blur' }
+          { required: false, message: '请选择轮播图', trigger: 'change' }
         ],
         url: [
           { required: false, message: '请输入跳转地址', trigger: 'blur' }
         ],
         sort: [
           { required: true, message: '请输入权重', trigger: 'blur' },
-          { validator: checkSort, trigger: 'blur' }
+          { validator: checkSort, trigger: 'blur' },
+          { validator: checkSort, trigger: 'change' }
         ],
         status: [
           { required: false, message: '请选择轮播状态', trigger: 'blur' }

src/views/banner_management/banner_edit.vue

@@ -115,14 +115,15 @@ export default {
           { validator: titleTest, trigger: 'blur' }
         ],
         img: [
-          { required: false, message: '请选择轮播图', trigger: 'blur' }
+          { required: false, message: '请选择轮播图', trigger: 'change' }
         ],
         url: [
           { required: false, message: '请输入跳转地址', trigger: 'blur' }
         ],
         sort: [
           { required: true, message: '请输入权重', trigger: 'blur' },
-          { validator: checkSort, trigger: 'blur' }
+          { validator: checkSort, trigger: 'blur' },
+          { validator: checkSort, trigger: 'change' }
         ],
         status: [
           { required: false, message: '请选择轮播状态', trigger: 'blur' }

src/views/banner_management/banner_management.vue

@@ -240,11 +240,11 @@ export default {
     /** 查询轮播图管理列表 */
     getBannerList() {
       this.loading = true
-      console.log('查询条件', this.queryParams)
       listBanner(this.queryParams).then(response => {
         this.bannerList = response.rows
         this.total = response.total
         this.loading = false
+        console.log('查询res', this.bannerList)
       })
     },
     // 取消按钮