app管理文件地址修改

src/views/system/app.vue

@@ -38,6 +38,31 @@
                  @size-change="sizeChange"
                  @refresh-change="refreshChangeDetail"
                  @on-load="onLoadDetail">
+
+                 <div slot-scope="{}" slot="fileUrlForm" style="display: inline-block;width: 100%;">
+
+                  <!-- <el-input     style="width: 60%; display: inline-block" v-model="form.fileUrl"></el-input> -->
+                  <el-input v-model="form.fileUrl"     disabled/>
+                  <el-upload
+                      style="width: 100%; display: inline-block;margin-top: 5px;"
+                        action="/api/blade-resource/oss/endpoint/put-file-attach"
+                        :on-remove="handleRemove"
+                        :limit="1"
+                        :headers=headers
+                        :on-exceed="handleExceed"
+                        :on-success="handleSuccess"
+                        :file-list="fileList"
+                      >
+                      <el-button size="small" type="primary"    style="display: inline-block">上传</el-button>
+                    
+                    
+                     
+                    </el-upload>
+               
+             
+                  </div>
+
+
       </avue-crud>
     </el-dialog>
   </basic-container>
@@ -62,6 +87,9 @@ import {getDetail as packageDetail} from "@/api/system/tenantpackage";
 import {mapGetters} from "vuex";
 import {getMenuTree} from "@/api/system/menu";
 import {validatenull} from "@/util/validate";
+import website from '@/config/website';
+import {Base64} from 'js-base64';
+import {getToken} from '@/util/auth';
 
 export default {
   data() {
@@ -192,6 +220,7 @@ export default {
                 value: 2
               }
             ],
+            
             value: 1,
             rules: [
               {
@@ -201,18 +230,19 @@ export default {
               }
             ],
           },
+      
           {
-            label: "资源类型",
+            label: "文件类型",
             prop: "fileType",
             type: "radio",
             span: 24,
             dicData: [
               {
-                label: "否",
+                label: "完整安装包",
                 value: 0
               },
               {
-                label: "是",
+                label: "wgt热更新包",
                 value: 1
               }
             ],
@@ -242,8 +272,9 @@ export default {
             label: "文件地址",
             prop: "fileUrl",
             span: 24,
+          
             rules: [{
-              required: true,
+              required: false,
               message: "请上传文件",
               trigger: "blur"
             }]
@@ -252,6 +283,8 @@ export default {
             label: "文件大小",
             prop: "fileSize",
             span: 24,
+            disabled:true , //禁用编辑，
+           
           },
           {
             label: "强制更新",
@@ -280,6 +313,7 @@ export default {
         ]
       },
       versionId:'',
+      headers: {},
     };
   },
   watch: {
@@ -313,6 +347,10 @@ export default {
     }
   },
   methods: {
+    setHeaders() {
+      this.headers['Authorization'] = `Basic ${Base64.encode(`${website.clientId}:${website.clientSecret}`)}`;
+      this.headers[website.tokenHeader] = 'bearer ' + getToken()
+    },
     initData() {
       getMenuTree().then(res => {
         const column = this.findObject(this.packageOption.column, "menuId");
@@ -591,6 +629,7 @@ export default {
      this.dialogUpload = true;
      this.versionId=row.id
      this.onLoadDetail(this.pageDetail)
+     this.setHeaders()
     },
     onLoadDetail(page){
       this.loadingDeail = true;
@@ -600,8 +639,27 @@ export default {
           this.dataDetail = data.records;
           this.loadingDeail = false;
         });
-    }
+    },
+    handleRemove(file) {
+      this.form.fileUrl = '';
+  
+    },
+    handleExceed() {
+      this.$message.warning(`当前限制选择 1 个文件，请先移除后，再次上传`);
+    },
+    handleSuccess(res) {
+      console.log(res.data.link,'res.data.link');
+      this.form.fileUrl = res.data.link;
+      this.fileSize=res.data.fileSize
+    },
   },
+
+  created() {
+    this.setHeaders()
+   
+ 
+  },
+
  
 };
 </script>