From eabdbefab0d22109128233a716aa3f324294b047 Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Sun, 27 Aug 2023 22:39:11 +0800
Subject: [PATCH] update code

---
 src/components/header.js         | 13 ++++++++-
 src/pages/init.js                | 16 +++++++++++
 src/pages/progress/indexDlg3.vue | 47 ++++++++++++++++++++++++++------
 vue.config.js                    |  4 +--
 4 files changed, 69 insertions(+), 11 deletions(-)

diff --git a/src/components/header.js b/src/components/header.js
index 7b8325d..9abb8f1 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -48,7 +48,10 @@ Vue.component("screen-header", {
                     <span>11~25℃</span>
                 </div>
             </div>
-
+            <i class="set-fullscreen set-font-size" style="margin-left: 16px;position: absolute;top: 4px;right: 16px;" @click="toggleFullScreen">
+                <svg class="icon" v-if="!isFullScreen" style="width: 24px; vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3304"><path d="M145.066667 85.333333h153.6c25.6 0 42.666667-17.066667 42.666666-42.666666S324.266667 0 298.666667 0H34.133333C25.6 0 17.066667 8.533333 8.533333 17.066667 0 25.6 0 34.133333 0 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666666s42.666667-17.066667 42.666666-42.666666V145.066667l230.4 230.4c17.066667 17.066667 42.666667 17.066667 59.733334 0 17.066667-17.066667 17.066667-42.666667 0-59.733334L145.066667 85.333333z m170.666666 563.2L162.133333 802.133333l-76.8 76.8V725.333333C85.333333 699.733333 68.266667 682.666667 42.666667 682.666667s-42.666667 17.066667-42.666667 42.666666v256c0 25.6 17.066667 42.666667 42.666667 42.666667h256c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666H145.066667l76.8-76.8 153.6-153.6c17.066667-17.066667 17.066667-42.666667 0-59.733334-17.066667-17.066667-42.666667-17.066667-59.733334 0z m665.6 34.133334c-25.6 0-42.666667 17.066667-42.666666 42.666666v153.6l-76.8-76.8-153.6-153.6c-17.066667-17.066667-42.666667-17.066667-59.733334 0-17.066667 17.066667-17.066667 42.666667 0 59.733334l153.6 153.6 76.8 76.8H725.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666666z m0-682.666667h-256c-25.6 0-42.666667 17.066667-42.666666 42.666667s17.066667 42.666667 42.666666 42.666666h153.6l-76.8 76.8-153.6 153.6c-17.066667 17.066667-17.066667 42.666667 0 59.733334 17.066667 17.066667 42.666667 17.066667 59.733334 0l153.6-153.6 76.8-76.8v153.6c0 25.6 17.066667 42.666667 42.666666 42.666666s42.666667-17.066667 42.666667-42.666666v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z" fill="" p-id="3305"></path></svg>
+                <svg class="icon" v-else style="width: 24px; vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3952"><path d="M384 597.333333h-256c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h153.6L17.066667 947.2c-17.066667 17.066667-17.066667 42.666667 0 59.733333 17.066667 17.066667 42.666667 17.066667 59.733333 0L341.333333 742.4v153.6c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z m358.4 85.333334h153.6c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667h-256c-25.6 0-42.666667 17.066667-42.666667 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667V742.4l264.533333 264.533333c17.066667 17.066667 42.666667 17.066667 59.733333 0 17.066667-17.066667 17.066667-42.666667 0-59.733333L742.4 682.666667zM640 426.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667H742.4L1006.933333 76.8c17.066667-17.066667 17.066667-42.666667 0-59.733333-17.066667-17.066667-42.666667-17.066667-59.733333 0L682.666667 281.6V128c0-25.6-17.066667-42.666667-42.666667-42.666667s-42.666667 17.066667-42.666667 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666667z m-256-341.333334c-25.6 0-42.666667 17.066667-42.666667 42.666667v153.6L76.8 8.533333C59.733333 0 25.6 0 8.533333 8.533333 0 25.6 0 59.733333 8.533333 76.8L281.6 341.333333H128c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z" p-id="3953"></path></svg>
+            </i>
         </div>
     `,
     props: {
@@ -77,6 +80,7 @@ Vue.component("screen-header", {
             selDept:'',
             localStorage1: JSON.parse(localStorage.getItem("data1")),
             localStorage2: JSON.parse(localStorage.getItem("data2")),
+            isFullScreen:false
         }
     },
     mounted(){
@@ -94,6 +98,13 @@ Vue.component("screen-header", {
 
     },
     methods: {
+        toggleFullScreen(){
+            let el=document.body;
+            this.$toggleFullScreen(el);
+            setTimeout(()=>{
+                this.isFullScreen=document.fullscreenElement==el;
+            },400);
+        },
         init(){
             try{
             this.localStorage1=JSON.parse(localStorage.getItem("data1"))
diff --git a/src/pages/init.js b/src/pages/init.js
index d0a2476..d0cb36c 100644
--- a/src/pages/init.js
+++ b/src/pages/init.js
@@ -12,6 +12,22 @@ Vue.prototype.$bus=new Vue();
 Vue.prototype.$apiPath="/jhapi"
 Vue.prototype.$dt=dayjs;
 Vue.prototype.$tryToJson=tryToJson
+Vue.prototype.$toggleFullScreen=(el)=>{
+    if(document.fullscreenElement==el){
+        let screen = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.exitFullScreen
+        if (typeof screen != "undefined" && screen) {
+            screen.call(document);
+            return;
+          }
+        
+    }else{
+        let screen = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen
+        if (typeof screen != "undefined" && screen) {
+            screen.call(el);
+            return;
+          }
+    }
+}
 window.jhcaches={};
 /*
 Api.project.getInfo().then(d=>{
diff --git a/src/pages/progress/indexDlg3.vue b/src/pages/progress/indexDlg3.vue
index 0b9e877..9a6b1b2 100644
--- a/src/pages/progress/indexDlg3.vue
+++ b/src/pages/progress/indexDlg3.vue
@@ -1,5 +1,5 @@
 <template>
-    <MyDialog v-if="show" v-model="show" width="1600px" height="850px" class="progress-dlg3" :class="'font-size-' + fontSize">
+    <MyDialog v-if="show" v-model="show" width="1600px" height="850px" class="progress-dlg3" :class="('font-size-' + fontSize)">
         <template slot="title">
             <div style="display: flex; align-items: center;justify-content: space-between;">
                 <div style="font-size: 24px;font-weight: bold;">项目形象进度</div>
@@ -48,6 +48,10 @@
                     fill="#fff" p-id="3687"></path>
             </svg>
             </i>
+            <i class="set-fullscreen set-font-size" style="margin-left: 16px;" @click="toggleFullScreen">
+                <svg class="icon" v-if="!isFullScreen" style="width: 24px; vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3304"><path d="M145.066667 85.333333h153.6c25.6 0 42.666667-17.066667 42.666666-42.666666S324.266667 0 298.666667 0H34.133333C25.6 0 17.066667 8.533333 8.533333 17.066667 0 25.6 0 34.133333 0 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666666s42.666667-17.066667 42.666666-42.666666V145.066667l230.4 230.4c17.066667 17.066667 42.666667 17.066667 59.733334 0 17.066667-17.066667 17.066667-42.666667 0-59.733334L145.066667 85.333333z m170.666666 563.2L162.133333 802.133333l-76.8 76.8V725.333333C85.333333 699.733333 68.266667 682.666667 42.666667 682.666667s-42.666667 17.066667-42.666667 42.666666v256c0 25.6 17.066667 42.666667 42.666667 42.666667h256c25.6 0 42.666667-17.066667 42.666666-42.666667s-17.066667-42.666667-42.666666-42.666666H145.066667l76.8-76.8 153.6-153.6c17.066667-17.066667 17.066667-42.666667 0-59.733334-17.066667-17.066667-42.666667-17.066667-59.733334 0z m665.6 34.133334c-25.6 0-42.666667 17.066667-42.666666 42.666666v153.6l-76.8-76.8-153.6-153.6c-17.066667-17.066667-42.666667-17.066667-59.733334 0-17.066667 17.066667-17.066667 42.666667 0 59.733334l153.6 153.6 76.8 76.8H725.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666s17.066667 42.666667 42.666666 42.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666666z m0-682.666667h-256c-25.6 0-42.666667 17.066667-42.666666 42.666667s17.066667 42.666667 42.666666 42.666666h153.6l-76.8 76.8-153.6 153.6c-17.066667 17.066667-17.066667 42.666667 0 59.733334 17.066667 17.066667 42.666667 17.066667 59.733334 0l153.6-153.6 76.8-76.8v153.6c0 25.6 17.066667 42.666667 42.666666 42.666666s42.666667-17.066667 42.666667-42.666666v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z" fill="" p-id="3305"></path></svg>
+                <svg class="icon" v-else style="width: 24px; vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3952"><path d="M384 597.333333h-256c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h153.6L17.066667 947.2c-17.066667 17.066667-17.066667 42.666667 0 59.733333 17.066667 17.066667 42.666667 17.066667 59.733333 0L341.333333 742.4v153.6c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z m358.4 85.333334h153.6c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667h-256c-25.6 0-42.666667 17.066667-42.666667 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667V742.4l264.533333 264.533333c17.066667 17.066667 42.666667 17.066667 59.733333 0 17.066667-17.066667 17.066667-42.666667 0-59.733333L742.4 682.666667zM640 426.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667H742.4L1006.933333 76.8c17.066667-17.066667 17.066667-42.666667 0-59.733333-17.066667-17.066667-42.666667-17.066667-59.733333 0L682.666667 281.6V128c0-25.6-17.066667-42.666667-42.666667-42.666667s-42.666667 17.066667-42.666667 42.666667v256c0 25.6 17.066667 42.666667 42.666667 42.666667z m-256-341.333334c-25.6 0-42.666667 17.066667-42.666667 42.666667v153.6L76.8 8.533333C59.733333 0 25.6 0 8.533333 8.533333 0 25.6 0 59.733333 8.533333 76.8L281.6 341.333333H128c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h256c25.6 0 42.666667-17.066667 42.666667-42.666667v-256c0-25.6-17.066667-42.666667-42.666667-42.666667z" p-id="3953"></path></svg>
+            </i>
         </div>
         <div class="modify-btn btn-left">
             <svg class="my-svg-icon-aaa" @click="modifyLeftBtn"
@@ -67,9 +71,9 @@
                     p-id="4998"></path>
             </svg>
         </div>
-        <div style="display: block;height: 782px;">
-        <div class="prj-info-list" v-if="scheduleInfo && JSON.stringify(scheduleInfo) != '{}'">
-            <div class="col-1" style="width:500px;padding-top:12px;display: inline-block;margin-top: 120px;">
+        <div style="display: block;"  :class="isFullScreen?'is-fullscreen':''" class="main-content">
+        <div class="prj-info-list" v-if="scheduleInfo && JSON.stringify(scheduleInfo) != '{}'" style="height:100%;">
+            <div class="col-1" style="width:40%;padding-top:12px;display: inline-flex;align-items: center;">
                 <el-carousel height="500px" v-if="scheduleInfo && scheduleInfo.images && scheduleInfo.images.length > 0">
                     <el-carousel-item v-for="item in scheduleInfo.images" :key="item">
                         <div style="width: 100%;display: flex;align-items: center;justify-content: center;height: 500px;">
@@ -82,8 +86,8 @@
                     <div style="text-align: center;">暂无图片</div>
                 </div>
             </div>
-            <div class="col-2 scroll"
-                style="flex-grow: 1;max-height: 750px;min-height:750px;overflow: auto;width: calc(100% - 504px);margin-top:8px;display: inline-flex;align-items: center;">
+            <div class="col-2 scroll info-left-right"
+                style="flex-grow: 1;max-height: 100%;min-height:100%;overflow: auto;width: 60%;margin-top:8px;display: inline-flex;align-items: center;">
                 <div>
                 <template v-if="scheduleInfo.plannedNode">
                     <div><img src="images/title_icon.png"><span class="sp-lbl">计划节点</span></div>
@@ -156,7 +160,8 @@ export default {
             scheduleInfo: {},
             localStorage2: {},
             showSel2: false,
-            prjs: []
+            prjs: [],
+            isFullScreen:false
         };
     },
 
@@ -169,10 +174,17 @@ export default {
         // this.$api.project.getProgressProjects().then(d => {
         //     this.prjs = d.data || [];
         //     window.jhcaches.progressProjects = this.prjs;
-        // });
+        // });        
     },
 
     methods: {
+        toggleFullScreen(){
+            let el=this.$el.querySelector(".popup-project-introduction-min");            
+            this.$toggleFullScreen(el);
+            setTimeout(()=>{
+                this.isFullScreen=document.fullscreenElement==el;
+            },400);
+        },
         findItem() {
             let tmps = this.prjs.filter(d => d.projectName == this.dept2);
             if (tmps.length > 0) {
@@ -266,6 +278,11 @@ export default {
                     line-height: 64px;
                 }
             }
+            .prj-info-list{
+                .info-left-right{
+                    align-items: baseline !important;
+                }
+            }
         }
     }
 
@@ -279,6 +296,11 @@ export default {
                     line-height: 48px;
                 }
             }
+            .prj-info-list{
+                .info-left-right{
+                    align-items: baseline !important;
+                }
+            }
         }
     }
 
@@ -346,6 +368,15 @@ export default {
                 line-height: 30px;
             }
         }
+        .main-content{
+            height: 782px;
+            &.is-fullscreen{
+                height: calc(100vh - 80px);
+            }
+            .el-carousel{
+                width:100%;
+            }
+        }
     }
 
     .head-title-select {
diff --git a/vue.config.js b/vue.config.js
index 7b5d4ae..4a0ad91 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -16,8 +16,8 @@ module.exports = defineConfig({
         }
       },   
       '/jhapi':{
-        //target: `http://62.234.3.186/jhapi/`,
-        target: `http://127.0.0.1:8090/jhapi/`,
+        target: `http://62.234.3.186/jhapi/`,
+        //target: `http://127.0.0.1:8090/jhapi/`,
         changeOrigin: true,
         pathRewrite: {
           '^/jhapi':'/'