添加文件上传参数

src/views/device/version/detail.vue

@@ -14,18 +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-form-item prop="fileType" label="上传类型：">
+        <el-select v-model="form.fileType" placeholder="请选择上传类型">
           <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-row>
+          <el-col :span="18">
             <el-input v-model="form.url" placeholder="请输入 或 上传下载路径" clearable />
           </el-col>
           <el-col :span="6">
-            <Upload :listType="listType" :accept="accept" @upload="getUpload" style="float:right" />
+            <Upload :listType="listType" :accept="accept" @upload="getUpload" />
           </el-col>
         </el-row>
       </el-form-item>
@@ -77,6 +77,7 @@ export default {
       loading: false,
       form: {
         id: this.$route.query.id,
+        fileType: 1,
         url: "",
       },
       // 指定用户表单中间参数
@@ -92,6 +93,9 @@ export default {
         version: [{
           required: true, message: "请输入版本号", trigger: "blur"
         }],
+        fileType: [{
+          required: true, message: '请选择上传类型', trigger: 'change'
+        }],
         url: [{
           required: true, message: "请输入 或 上传下载路径", trigger: "change"
         }],
@@ -129,10 +133,10 @@ export default {
       }],
       // 上传类型
       updateOptions: [{
-        value: 'text',
+        value: 1,
         label: '文件'
       }, {
-        value: 'zip',
+        value: 2,
         label: '文件夹'
       }],
       listType: 'text',
@@ -140,6 +144,12 @@ export default {
       accept: '.bin'
     };
   },
+  watch: {
+    'form.fileType'(val) {
+      this.listType = val === 1 ? 'text' : 'zip'
+      this.accept = val === 1 ? '.bin' : '.zip'
+    }
+  },
   mounted() {
     if (this.form.id) {
       getDetailInfo({
@@ -158,11 +168,6 @@ export default {
       this.form.url = e.file;
     },
 
-    // 上传类型
-    handleChange(e) {
-      this.accept = e === 'text' ? '.bin' : '.zip'
-    },
-
     // 提交
     getSubmit() {
       this.$refs.form.validate((valid) => {