Quellcode durchsuchen

fix: 平板背景图

chenzhen2 vor 2 Jahren
Ursprung
Commit
7cc8f197d2

BIN
public/images/ipdImages/pad_img1.png


BIN
public/images/ipdImages/pad_img2.png


BIN
public/images/ipdImages/pad_img3.png


+ 4 - 2
src/apis/envmonitor.ts

@@ -256,9 +256,11 @@ export const getPadQrCodeStatus = (params: any) => {
  * @param params 
  * @returns 
  */
-export const getPadImg = (data:any) => {
-  return https().request<any>(`${setupService}/padImage/query`, Method.POST, data, ContentType.json)
+export const getPadImg = (params:any) => {
+  // return https().request<any>(`${setupService}/padImage/queryImageByFuncType`,Method.GET, undefined, ContentType.json)
+  return https().request<any>(`${setupService}/padImage/queryImageByFuncType?${params}`,Method.GET, undefined, ContentType.json)
 }
 
 
 
+

+ 1 - 0
src/main.ts

@@ -22,6 +22,7 @@ const loadinngEnd = () => {
   Toast.clear()
 }
 app.config.globalProperties.$imgUrl=`http://api.sagacloud.cn/dp-auxiliary/image-service/common/image_get?systemId=dataPlatform`
+app.config.globalProperties.$fileUrl=`http://api.sagacloud.cn/dp-auxiliary/image-service/common/file_get?systemId=dataPlatform`
 app.config.globalProperties.$toast = Toast
 app.config.globalProperties.$loadingStart = loadingStart
 app.config.globalProperties.$loadinngEnd = loadinngEnd

+ 79 - 13
src/views/envmonitor/index.vue

@@ -1,9 +1,20 @@
 <template>
-  <div class="main">
+  <div
+    class="main"
+    :style="{
+      'backgroundImage':
+        'linear-gradient(0deg, rgba(69, 33, 0, 0.2), rgba(69, 33, 0, 0.2)), url(' +
+        padBgImg +
+        ')',
+      'background-repeat': 'no-repeat',
+    }"
+  >
     <div class="main-left">
       <div class="left-top">
+        <img class="logo-icon" v-if="logImg" :src="logImg" alt="" />
         <img
           class="logo-icon"
+          v-else
           :src="parseImgUrl('ipdImages', 'shangeyun_logo.svg')"
           alt=""
         />
@@ -253,6 +264,7 @@ import {
   onMounted,
   nextTick,
   onBeforeUnmount,
+  getCurrentInstance,
 } from "vue";
 import WorkOvertime from "./components/workOvertime/index.vue";
 import Contact from "./components/Contact/index.vue";
@@ -326,6 +338,7 @@ export default defineComponent({
     VanIcon: Icon,
   },
   setup() {
+    const proxyGlobal: any = getCurrentInstance();
     const router: any = useRouter();
     const route: any = useRoute();
     const document: any = window.document;
@@ -501,8 +514,10 @@ export default defineComponent({
     let secenTimer: any = {};
     let nowDate: any = formatDate("YYYY.MM.DD HH:mm");
     let nowWeek: any = getNowWeek();
+    let padImgData: any = [];
     const proxyData = reactive({
       parseImgUrl: parseImgUrl,
+      fileUrl: proxyGlobal.proxy.$fileUrl,
       nowDate: nowDate,
       nowWeek: nowWeek,
       isShowWork: false,
@@ -696,17 +711,64 @@ export default defineComponent({
       closeContactDailog() {
         proxyData.isShowContact = false;
       },
+      padBgImg: "",
+      // 设置平板背景图
+      // reviewBaseUrl: `/image-service/common/file_get?systemId=dataPlatform`,
+      setPadBgImg() {
+        if (
+          proxyData.padImgData.isBgDefault === 0 &&
+          proxyData.padImgData.bgImage &&
+          proxyData.padImgData.bgImage.fileId
+        ) {
+          proxyData.padBgImg =
+            proxyData.fileUrl + `&key=${proxyData.padImgData.bgImage.fileId}`;
+        } else {
+          // debugger;
+          if (proxyData.roomType == "个人") {
+            proxyData.padBgImg = parseImgUrl("ipdImages", "pad_img2.png");
+          } else if (proxyData.roomType === "会议室") {
+            proxyData.padBgImg = parseImgUrl("ipdImages", "pad_img3.png");
+          } else if (proxyData.roomType === "开放") {
+            proxyData.padBgImg = parseImgUrl("ipdImages", "pad_img1.png");
+          } else {
+            proxyData.padBgImg = parseImgUrl("ipdImages", "pad_img1.png");
+          }
+        }
+      },
+      logImg: "",
+      // 设置平板logo
+      setPadLogo() {
+        if (
+          proxyData.padImgData.isLogoDefault === 0 &&
+          proxyData.padImgData.logoImage &&
+          proxyData.padImgData.logoImage.fileId
+        ) {
+          // 公司提供的
+          proxyData.logImg =
+            proxyData.fileUrl + `&key=${proxyData.padImgData.logoImage.fileId}`;
+        } else {
+          proxyData.logImg = "";
+        }
+      },
+      padImgData: padImgData,
+      padNumber: 0,
       // 获取pad的背景图
       getPadImg() {
-        let data:any = {
-          criteria: {
-            //类型:Object  必有字段  备注:无
-            projectId: proxyData.projectId, //类型:String  必有字段  备注:无
-          },
+        let params: any = {
+          funcType: proxyData.officeData.roomFuncType,
+        };
+        let str: any = setQueryConfig(params);
+        // debugger;
+        if (proxyData.padNumber < 1) {
+          proxyData.padNumber = 1;
+          getPadImg(str).then((res) => {
+            if (res.result === "success") {
+              proxyData.padImgData = res.data;
+              proxyData.setPadBgImg(); // 设置平板背景
+              proxyData.setPadLogo(); // 设置平板logo
+            }
+          });
         }
-        getPadImg(data).then((res) => {
-
-        });
       },
       /**
        * 加班
@@ -910,8 +972,10 @@ export default defineComponent({
 
             proxyData.checkSpaceType(proxyData.officeData.roomFuncType);
             proxyData.formatSpaceInfo(content);
+            proxyData.getPadImg();
             // proxyData.setPageheight()
             proxyData.loadinngEnd();
+            // 获取pad的背景图
           })
           .catch(() => {
             proxyData.loadinngEnd();
@@ -1583,6 +1647,7 @@ export default defineComponent({
        * 空间相关的接口
        */
       init() {
+        proxyData.padNumber = 0;
         // proxyData.roomType = "";
         // 获取场景配置
         proxyData.querySpaceSceneConfig();
@@ -1770,8 +1835,6 @@ export default defineComponent({
       proxyData.init();
       // 获取当前平板绑定的空间
       proxyData.queryWorkSpace();
-      // 获取pad的背景图
-      proxyData.getPadImg()
     });
     return {
       ...toRefs(proxyData),
@@ -1788,8 +1851,11 @@ export default defineComponent({
   box-sizing: border-box;
   padding: 3.33vh 20px 0 20px;
   font-size: 0;
-  background: linear-gradient(0deg, rgba(69, 33, 0, 0.2), rgba(69, 33, 0, 0.2)),
-    url($bg) no-repeat;
+  background-image: linear-gradient(
+    0deg,
+    rgba(69, 33, 0, 0.2),
+    rgba(69, 33, 0, 0.2)
+  );
   background-size: 100% 100%;
   overflow: hidden;