ruoyi-ui/.env.development

@@ -4,8 +4,11 @@ VUE_APP_TITLE = 遥控器后台管理系统
 # 开发环境配置
 ENV = 'development'
 
-# 黑龙江移动线上渠道管理系统/开发环境
+# 遥控器后台管理系统/开发环境
 VUE_APP_BASE_API = 'http://admin.info666.com/api'
 
+# 静态资源访问路径
+VUE_APP_FILE_STATIC = 'http://admin.info666.com'
+
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

ruoyi-ui/.env.staging

@@ -4,5 +4,8 @@ VUE_APP_TITLE = 遥控器后台管理系统
 # 测试环境配置
 ENV = 'staging'
 
-# 若依管理系统/测试环境
+# 遥控器后台管理系统/测试环境
 VUE_APP_BASE_API = 'http://admin.info666.com/api'
+
+# 静态资源访问路径
+VUE_APP_FILE_STATIC = 'http://admin.info666.com'

ruoyi-ui/src/baseComponents/f-fileUpload/index.vue

@@ -91,7 +91,7 @@
         number: 0,
         uploadList: [],
         baseUrl:process.env.VUE_APP_FILE_STATIC,
-        uploadFileUrl: process.env.VUE_APP_BASE_API + "/interface/admin/file/upload", // 上传文件服务器地址
+        uploadFileUrl: process.env.VUE_APP_BASE_API + "/platform/v1/upload/uploadImage", // 上传文件服务器地址
         headers: {
           Authorization: "Bearer " + getToken(),
         },
@@ -172,9 +172,11 @@
       // 上传成功回调
       handleUploadSuccess(res, file) {
         if (res.code === 200) {
-          this.uploadList.push({ name: res.data.path, url: res.data.path });
+          console.log('上传成功了！')
+          this.uploadList.push({ name: res.data.path, url: res.data.url });
           this.uploadedSuccessfully();
         } else {
+          console.log('上传失败了了！')
           this.number--;
           this.$modal.closeLoading();
           this.$modal.msgError(res.msg);

ruoyi-ui/src/views/template/addTemplate/blocks/config.js

@@ -28,6 +28,15 @@ const formConfig = function(){
       attrs: {
         list: this.allBase
       }
+    },
+    {
+      itemType: "fileUpload",
+      prop: "backgroundPictureUrl",
+      label:'背景图',
+      btnText: '上传背景图',
+      attrs: {
+        placeholder: '上传背景图',
+      }
     }
   ]
 }

ruoyi-ui/src/views/template/addTemplate/blocks/detailDialog.vue

@@ -18,6 +18,7 @@
         :rules="fromRules"
         label-position="left"
         :key="fromKey"
+        :column="4"
       />
       <div class="box">
         <div class="box-btns">
@@ -30,7 +31,7 @@
           </div>
         </div>
         <div class="box-canvs">
-          <div class="box-canvs-main">
+          <div class="box-canvs-main" :style="{ background: fromData.backgroundPictureUrl }">
             <grid-layout 
               :layout.sync="pageArray" 
               :col-num="6" 
@@ -42,6 +43,7 @@
               :prevent-collision="true"
               :margin="[10, 10]" 
               :use-css-transforms="true"
+              class="box-canvs-main-screen"
             >
               <grid-item 
                 v-for="(item, index) in pageArray" 
@@ -140,8 +142,7 @@ export default {
       activeName: 'first',
       cpnsList,
       // 数据对象
-      fromData:{
-      },
+      fromData:{},
       fromDataConfig: [],
       // 表单验证
       fromRules: {
@@ -170,6 +171,7 @@ export default {
       btnFromKey: 0,
       currentCpn: '', //已选择的组件下标
       isShowSeting:false,
+      baseUrl:process.env.VUE_APP_FILE_STATIC,
     };
   },
   computed: {
@@ -294,12 +296,12 @@ export default {
       const {dialogType,rowData} = this
       if(dialogType === 'add') {
         this.pageArray = []
-        this.initFormData({})
+        this.initFormData({ backgroundPictureUrl: '#fff' })
         return
       }
       // 调接口获取详情
       const res = await addTemplateApi.configDetail({ id: rowData.id });
-      if (res.code !== 200) return this.initFormData({})
+      if (res.code !== 200) return this.initFormData({ backgroundPictureUrl: '#fff' })
       const from = { ...res.data, baseId: res.data.baseId.toString() }
       this.pageArray = JSON.parse(res.data.components).map((item, index) => ({
         ...item,
@@ -440,7 +442,6 @@ export default {
       left: 20px;
       width: 333px;
       height: 585px;
-      background: #fff;
       border: 1px solid #000;
       border-radius: 4px;
       overflow-y: scroll;