设备升级 上传传参修改

src/views/device/version/detail.vue

@@ -1,10 +1,9 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" v-loading="loading">
     <el-form :model="form" :rules="rules" ref="form" label-width="100px" size="small">
       <el-form-item prop="deviceTypeId" label="设备型号：">
         <el-select v-model="form.deviceTypeId" placeholder="请选择设备型号" filterable>
-          <el-option v-for="item in clientTypeOptions" :key="item.id" :label="item.label"
-            :value="item.value" />
+          <el-option v-for="item in clientTypeOptions" :key="item.id" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item prop="type" label="设备类型：">
@@ -43,8 +42,7 @@
       </el-form-item>
       <el-form-item prop="userType" label="升级对象：">
         <el-select v-model="form.userType" placeholder="请选择升级对象">
-          <el-option v-for="item in userTypeOptions" :key="item.value" :label="item.label"
-            :value="item.value" />
+          <el-option v-for="item in userTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item :prop="user" v-if="form.userType === 3" label="指定用户：">
@@ -59,129 +57,167 @@
 </template>
 
 <script>
-import { getDetailInfo, updateEdit, getVersionAdd } from '@/api/device/version';
+import { getDetailInfo, updateEdit, getVersionAdd } from "@/api/device/version";
 import Upload from "@/components/Upload/index";
-import { typeMixin, clientTypeMixin } from '../mixin/index'
+import { typeMixin, clientTypeMixin } from "../mixin/index";
 export default {
   mixins: [typeMixin, clientTypeMixin],
   components: {
-    Upload
+    Upload,
   },
   data() {
     return {
+      // 遮罩层
+      loading: false,
       form: {
         id: this.$route.query.id,
-        url: ''
+        url: "",
       },
       // 指定用户表单中间参数
-      user: '',
+      user: "",
       // 是否强制升级 // 是否推送
-      Yes_No: [{
-        value: 1,
-        label: '是'
-      }, {
-        value: 2,
-        label: '否'
-      }],
+      Yes_No: [
+        {
+          value: 1,
+          label: "是",
+        },
+        {
+          value: 2,
+          label: "否",
+        },
+      ],
       // 推送用户类型
-      userTypeOptions: [{
-        value: 1,
-        label: '全部'
-      }, {
-        value: 3,
-        label: '指定'
-      }],
+      userTypeOptions: [
+        {
+          value: 1,
+          label: "全部",
+        },
+        {
+          value: 3,
+          label: "指定",
+        },
+      ],
       // 表单验证
       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",
+          },
+        ],
       },
-    }
+    };
   },
   mounted() {
     if (this.form.id) {
       getDetailInfo({
-        id: this.form.id
-      }).then(res => {
+        id: this.form.id,
+      }).then((res) => {
         if (res.code === 0) {
-          this.form = res.data
-          this.user = res.data.user.join('\n')
+          this.form = res.data;
+          this.user = res.data.user.join("\n");
         }
-      })
+      });
     }
   },
   methods: {
     // 上传文件
     getUpload(e) {
-      this.form.url = e
-    },
-    getFile(e) {
-      console.log(e.target.files[0]);
-      upload({
-        multipartFile: e.target.files[0]
-      }).then(res => {
-        console.log(res);
-      })
+      this.form.url = e.file;
     },
     // 提交
     getSubmit() {
       this.$refs.form.validate((valid) => {
         if (valid) {
-          this.form.userType === 3 ? this.form.user = this.user.split('\n') : delete this.form.user
+          this.form.userType === 3
+            ? (this.form.user = this.user.split("\n"))
+            : delete this.form.user;
           if (this.form.id) {
             // 编辑
-            updateEdit(this.form).then(res => {
+            updateEdit(this.form).then((res) => {
               if (res.code === 0) {
                 this.$message.success("修改成功！");
                 this.$tab.closeOpenPage("/device/version");
               }
-            })
+            });
           } else {
             // 新增
-            delete this.form.id
-            getVersionAdd(this.form).then(res => {
+            delete this.form.id;
+            getVersionAdd(this.form).then((res) => {
               if (res.code === 0) {
                 this.$message.success("新增成功！");
                 this.$tab.closeOpenPage("/device/version");
               }
-            })
+            });
           }
         } else {
-          return false
+          return false;
         }
-      })
+      });
     },
     // 取消
     getCancel() {
       this.$tab.closeOpenPage("/device/version");
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>