浏览代码

修改了中间的部分

sujunling 5 月之前
父节点
当前提交
a8e9e03748

二进制
src/assets/images/jczc/xtpj_bg1.png


二进制
src/assets/images/jczc/xtpj_bg2.png


二进制
src/assets/images/jczc/xtpj_bg3.png


+ 1 - 1
src/utils/Business.ts

@@ -101,7 +101,7 @@ service.interceptors.response.use(
       })
     }
     if (error.response.data.code === 401) {
-      if (requestTimes === 0) {
+        if (requestTimes === 0 && location.href.indexOf('localhost') < -1) {
         MessageBox.confirm('登录失效,请重新登录!', '提示', {
           confirmButtonText: '确定',
           showCancelButton: false,

+ 1 - 1
src/utils/request.ts

@@ -159,7 +159,7 @@ service.interceptors.response.use(
       })
     }
     if (error.response.data.code === 401) {
-      if (requestTimes === 0) {
+        if (requestTimes === 0 && location.href.indexOf('localhost') < -1) {
         requestTimes = 1
         MessageBox.confirm('登录失效,请重新登录!', '提示', {
           confirmButtonText: '确定',

+ 12 - 0
src/views/groupPage/districtPageModules/decisionSupport/constructionProgressSimulation/index.vue

@@ -35,6 +35,7 @@ export default {
     }
   },
   mounted() {
+    this.changeDom()
     window.init = () => {
       var data = {
         c_puct: 1.4142135623730951,
@@ -143,6 +144,17 @@ export default {
       this.planDateList.push(item)
     },
 
+    changeDom() {
+      var dom = document.querySelector('.widget-SectorToolbar')
+      if (dom) {
+        dom.style.display = 'block'
+      }
+      var dom2 = document.querySelector('.widget-Legend')
+      if (dom2) {
+        dom2.style.display = 'block'
+      }
+    },
+
     addFile() {}
   }
 }

+ 131 - 0
src/views/groupPage/districtPageModules/decisionSupport/coordinatedEvaluation/Center.vue

@@ -0,0 +1,131 @@
+<!--
+ * @Descripttion: 中间的图案
+ * @Author: sujunling
+ * @Date: 2025-05-19 09:10:25
+-->
+<template>
+  <div class="center">
+    <ul class="centerUl">
+      <li>
+        <span><i>59</i><b>分</b></span>
+        <p>信息</p>
+      </li>
+      <li>
+        <span><i>78</i><b>分</b></span>
+        <p>资源</p>
+      </li>
+      <li>
+        <span><i>34</i><b>分</b></span>
+        <p>目标</p>
+      </li>
+      <li>
+        <span><i>56</i><b>分</b></span>
+        <p>利益</p>
+      </li>
+    </ul>
+    <p class="lh">良好</p>
+    <p>总体协调情况</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Center',
+  components: {},
+  data() {
+    return {}
+  },
+  mounted() {},
+
+  methods: {}
+}
+</script>
+
+<style scoped>
+.center > p:last-child {
+  font-weight: bold;
+  margin-top: 10px;
+  font-size: 30px;
+  color: #ffffff;
+  line-height: 40px;
+  text-align: center;
+  text-shadow: 0px 0px 9px #042d45;
+}
+.center > p.lh {
+  margin-top: 80px;
+  font-weight: bold;
+  font-size: 48px;
+  color: #ffffff;
+  text-align: center;
+  line-height: 40px;
+  text-shadow: 0px 0px 9px #042d45;
+  background: linear-gradient(0deg, #ffeaa1 0.87890625%, #ffffff 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.centerUl li:first-child {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.centerUl li:nth-child(2) {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.centerUl li:nth-child(3) {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+.centerUl li:nth-child(4) {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+.centerUl p {
+  font-weight: 400;
+  font-size: 20px;
+  color: #ffffff;
+  line-height: 33px;
+  background: linear-gradient(180deg, #ffffff 0%, #84c1ff 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  margin-top: 30px;
+}
+.centerUl li b {
+  font-weight: 500;
+  font-size: 36px;
+  color: #ffffff;
+  line-height: 40px;
+  background: linear-gradient(180deg, #a2d7ff 0%, #ffffff 47.75390625%, #63fdff 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.centerUl li i {
+  font-weight: 500;
+  margin-left: 10px;
+  font-size: 48px;
+  color: #ffffff;
+  line-height: 40px;
+  background: linear-gradient(180deg, #a2d7ff 0%, #ffffff 47.75390625%, #63fdff 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.centerUl li {
+  width: 147px;
+  text-align: center;
+  height: 96px;
+  background: url('~@/assets/images/jczc/xtpj_bg3.png') no-repeat center center;
+  background-size: 147px 87px;
+}
+.center {
+  position: fixed;
+  top: 130px;
+  left: 28%;
+  width: 45%;
+  height: 48%;
+  background: url('~@/assets/images/jczc/xtpj_bg2.png') no-repeat center center;
+  background-size: 75% 100%;
+}
+</style>

+ 58 - 2
src/views/groupPage/districtPageModules/decisionSupport/coordinatedEvaluation/InspectionsNum.vue

@@ -11,11 +11,29 @@
       <div class="head">
         <div class="title">
           <div class="icon"></div>
-          <span class="site-info">安全巡查次数统计</span>
+          <span class="site-info">子系统协同情况</span>
         </div>
       </div>
       <div class="content-info">
-        <InspectionsNumChart :chartData="cahrtData" />
+        <!-- <InspectionsNumChart :chartData="cahrtData" /> -->
+        <ul class="but_ul">
+          <li>
+            <span>信息</span>
+            <el-progress :percentage="50" :format="format"></el-progress>
+          </li>
+          <li>
+            <span>目标</span>
+            <el-progress :percentage="50" :format="format"></el-progress>
+          </li>
+          <li>
+            <span>资源</span>
+            <el-progress :percentage="50" :format="format"></el-progress>
+          </li>
+          <li>
+            <span>利益</span>
+            <el-progress :percentage="50" :format="format"></el-progress>
+          </li>
+        </ul>
       </div>
     </div>
   </transition>
@@ -73,6 +91,11 @@ export default class InspectionsNum extends Vue {
       everydayTimes
     }
   }
+
+  format(percentage) {
+        return percentage;
+      }
+
   getMonth(item) {
     let month = item.split('-')[1]
     month = month[0] == '0' ? month.slice(1) : month
@@ -80,8 +103,40 @@ export default class InspectionsNum extends Vue {
   }
 }
 </script>
+<style>
+.but_ul .el-progress-bar__outer{
+    height: 10px !important;
+    border-radius: 0px;
+}
+.but_ul .el-progress-bar__inner{
+    border-radius: 0px;
+}
+.but_ul >li>span{
+    margin: 0 10px;
+    font-weight: 400;
+font-size: 14px;
+color: #FFFFFF;
+line-height: 24px;
+}
+.but_ul .el-progress__text{
+    color: #fff;
 
+}
+</style>
 <style lang='scss' scoped>
+.but_ul >li{
+    height: 30px;
+    color: #ffffff;
+    margin: 10px 0px;
+}
+.but_ul >li>span{
+    display: inline-block;
+    float: left;
+}
+.but_ul li div{
+    width: 90%;
+    float: left;
+}
 // .animate__zoomIn,
 // .animate__zoomOut {
 //   animation-duration: 3s; //动画持续时间
@@ -131,6 +186,7 @@ export default class InspectionsNum extends Vue {
     }
   }
   .content-info {
+    padding: 20px;
     width: 100%;
     height: calc(100% - 0.166667rem);
     display: inline-block;

+ 42 - 8
src/views/groupPage/districtPageModules/decisionSupport/coordinatedEvaluation/index.vue

@@ -1,5 +1,12 @@
+<!--
+ * @Descripttion: 地球-浙江
+ * @Author: sujunling
+ * @Date: 2025-05-22 16:16:53
+-->
 <template>
   <div class="widget-securityModule">
+    <!--中心-->
+    <Center />
     <!--隐患统计-->
     <StatisticalRisk />
     <!--安全统计-->
@@ -11,18 +18,45 @@
   </div>
 </template>
 
-<script lang="ts">
+<script>
 import { Vue, Component, Prop } from 'vue-property-decorator'
 import StatisticalRisk from './StatisticalRisk.vue'
 import StatisticalSecurity from './StatisticalSecurity.vue'
 import RiskAndSecurityNew from './RiskAndSecurityNew.vue'
 import InspectionsNum from './InspectionsNum.vue'
-//统计分析-安全模块
-@Component({
-  name: 'securityModule',
-  components: { StatisticalRisk, RiskAndSecurityNew, InspectionsNum, StatisticalSecurity }
-})
-export default class securityModule extends Vue {}
+import Center from './Center.vue'
+
+export default {
+  name: 'xtpj',
+  components: { StatisticalRisk, RiskAndSecurityNew, InspectionsNum, StatisticalSecurity, Center },
+  data() {
+    return {}
+  },
+  mounted() {
+    this.changeDom()
+  },
+
+  methods: {
+    changeDom() {
+      var dom = document.querySelector('.widget-SectorToolbar')
+      if (dom) {
+        dom.style.display = 'none'
+      }
+      var dom2 = document.querySelector('.widget-Legend')
+      if (dom2) {
+        dom2.style.display = 'none'
+      }
+    }
+  }
+}
 </script>
 
-<style></style>
+<style scoped>
+.widget-securityModule {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  background: url('~@/assets/images/jczc/xtpj_bg1.png') no-repeat center center;
+  background-size: 1920px 1080px;
+}
+</style>

+ 0 - 0
src/views/groupPage/districtPageModules/decisionSupport/coordinatedEvaluation/协调评价