设备升级 上传类型判断

src/views/device/version/detail.vue

@@ -14,13 +14,18 @@
       <el-form-item prop="version" label="版本号：">
         <el-input v-model="form.version" placeholder="请输入版本号" />
       </el-form-item>
+      <el-form-item label="上传类型：">
+        <el-select v-model="listType" placeholder="请选择上传类型" @change="handleChange">
+          <el-option v-for="item in updateOptions" :key="item.value" :value="item.value" :label="item.label" />
+        </el-select>
+      </el-form-item>
       <el-form-item prop="url" label="下载路径：">
         <el-row type="flex" justify="space-between">
           <el-col :span="16">
             <el-input v-model="form.url" placeholder="请输入 或 上传下载路径" clearable />
           </el-col>
           <el-col :span="6">
-            <Upload @upload="getUpload" style="float:right" />
+            <Upload :listType="listType" :accept="accept" @upload="getUpload" style="float:right" />
           </el-col>
         </el-row>
       </el-form-item>
@@ -47,8 +52,7 @@
       </el-form-item>
       <el-form-item prop="userType" label="升级对象：">
         <el-select v-model="form.userType" placeholder="请选择升级对象">
-          <el-option v-for="item in pushOptions" :key="item.value" :label="item.label"
-            :value="Number(item.value)" />
+          <el-option v-for="item in pushOptions" :key="item.value" :label="item.label" :value="Number(item.value)" />
         </el-select>
       </el-form-item>
       <el-form-item :prop="user" v-if="form.userType === 3" label="指定用户：">
@@ -79,69 +83,33 @@ export default {
       user: "",
       // 表单验证
       rules: {
-        deviceTypeId: [
-          {
-            required: true,
-            message: "请选择设备型号",
-            trigger: "change",
-          },
-        ],
-        type: [
-          {
-            required: true,
-            message: "请选择设备类型",
-            trigger: "change",
-          },
-        ],
-        version: [
-          {
-            required: true,
-            message: "请输入版本号",
-            trigger: "blur",
-          },
-        ],
-        url: [
-          {
-            required: true,
-            message: "请输入 或 上传下载路径",
-            trigger: "change",
-          },
-        ],
-        title: [
-          {
-            required: true,
-            message: "请输入升级标题",
-            trigger: "blur",
-          },
-        ],
-        content: [
-          {
-            required: true,
-            message: "请输入升级描述",
-            trigger: "blur",
-          },
-        ],
-        isEnforcement: [
-          {
-            required: true,
-            message: "是否强制升级",
-            trigger: "change",
-          },
-        ],
-        isPush: [
-          {
-            required: true,
-            message: "是否同步推送",
-            trigger: "change",
-          },
-        ],
-        userType: [
-          {
-            required: true,
-            message: "请选择推送类型",
-            trigger: "change",
-          },
-        ],
+        deviceTypeId: [{
+          required: true, message: "请选择设备型号", trigger: "change"
+        }],
+        type: [{
+          required: true, message: "请选择设备类型", trigger: "change"
+        }],
+        version: [{
+          required: true, message: "请输入版本号", trigger: "blur"
+        }],
+        url: [{
+          required: true, message: "请输入 或 上传下载路径", trigger: "change"
+        }],
+        title: [{
+          required: true, message: "请输入升级标题", trigger: "blur"
+        }],
+        content: [{
+          required: true, message: "请输入升级描述", trigger: "blur"
+        }],
+        isEnforcement: [{
+          required: true, message: "是否强制升级", trigger: "change"
+        }],
+        isPush: [{
+          required: true, message: "是否同步推送", trigger: "change"
+        }],
+        userType: [{
+          required: true, message: "请选择推送类型", trigger: "change"
+        }],
       },
       // 设备是否
       statusOptions: [{
@@ -158,7 +126,18 @@ export default {
       }, {
         value: 3,
         label: '指定'
-      }]
+      }],
+      // 上传类型
+      updateOptions: [{
+        value: 'text',
+        label: '文件'
+      }, {
+        value: 'zip',
+        label: '文件夹'
+      }],
+      listType: 'text',
+      // 文件类型
+      accept: '.bin'
     };
   },
   mounted() {
@@ -178,6 +157,12 @@ export default {
     getUpload(e) {
       this.form.url = e.file;
     },
+
+    // 上传类型
+    handleChange(e) {
+      this.accept = e === 'text' ? '.bin' : '.zip'
+    },
+
     // 提交
     getSubmit() {
       this.$refs.form.validate((valid) => {