站点编排添加背景修改

portal-manager-ui/admin/src/views/siteArrange/siteArrange.vue

 <template>
-  <div class="station w-full h-auto flex flex-col justify-between">
+  <div class="station w-full h-auto flex flex-col justify-between" 
+    :style="{ backgroundImage: `url(${imgUrl})` }">
     <!-- 删除常用 -->
     <div class="del-box" :class="['del-box', { active: isDel }]">
       <draggable
@@ -130,6 +131,7 @@
 
 <script>
 import { appsListInterface, getCollect, saveCollect } from "@/api/siteArrange";
+import { getSlogan } from "@/api/user.js";
 import Storage from "@/utils/js/Storage";
 import { mapState } from "vuex";
 export default {
@@ -146,6 +148,7 @@ export default {
       placeholder: "将模块拖到此处删除",
       delList: [],
       isDel: false,
+      imgUrl: "",
     };
   },
 
@@ -159,9 +162,21 @@ export default {
       : "";
     this.getCollect();
     this.appsListInterface();
+    this.getTitle();
   },
 
   methods: {
+    getTitle() {
+      getSlogan("siteImg").then((res) => {
+        if (res.code == 1) {
+          res.data
+            ? (this.imgUrl = res.data)
+            : (this.imgUrl = require("@/assets/images/siteArrange/bg_3.jpg"));
+        } else {
+          this.imgUrl = require("@/assets/images/siteArrange/bg_3.jpg");
+        }
+      });
+    },
     // 获取用户常用站点列表
     async getCollect() {
       let res = await getCollect({