山水工程总览左右显示

src/views/LandscapeProject/index.vue

@@ -21,12 +21,11 @@
             </div>
           </div>
           <div class="echartlist">
-            <div v-for="(eitem, i) in echarts" :key="i" class="echars">
+            <div class="echars">
               <div class="echartTitle">
-                <div class="block-title">{{ eitem.label }}</div>
+                <div class="block-title">工程类型</div>
                 <div class="selectTab">
                   <el-select
-                    v-if="i == 0"
                     v-model="tab"
                     placeholder="请选择"
                     :popper-append-to-body="false"
@@ -41,31 +40,47 @@
                     </el-option>
                   </el-select>
                 </div>
-                <!-- <div
-                  class="eicon"
-                  :class="eitem.isshow ? 'eshow' : 'eclose'"
-                  @click="eitem.isshow = !eitem.isshow"
-                ></div> -->
               </div>
-              <!-- v-show="eitem.isshow" -->
+              <div class="echart"></div>
+            </div>
+            <div class="echars">
+              <div class="echartTitle">
+                <div class="block-title">工程进度</div>
+              </div>
               <ThreeStackedBarAndLine
-                v-if="i == 1"
                 class="echart"
                 ref="echartRef1"
               ></ThreeStackedBarAndLine>
-              <pie
-                v-else-if="i == 2"
-                unit="亿元"
-                class="echart"
-                ref="echartRef2"
-              ></pie>
-              <div v-else class="echart"></div>
-              <!-- <bar class="echart" :ref="`echartRef${i}`"></bar> -->
             </div>
           </div>
         </div>
       </template>
     </Boxcommon>
+    <div class="innerContainer rightPane" v-show="!islist" v-drag>
+      <h2 class="Pangetitle darg-div">
+        <span class="pange_text">山水工程总览</span>
+      </h2>
+      <div class="xz_box echartlist">
+        <div class="echars">
+          <div class="echartTitle">
+            <div class="block-title">计划总投资</div>
+          </div>
+          <pie unit="亿元" class="echart" ref="echartRef2"></pie>
+        </div>
+        <div class="echars">
+          <div class="echartTitle">
+            <div class="block-title">资金筹措情况</div>
+          </div>
+          <div class="echart"></div>
+        </div>
+        <div class="echars">
+          <div class="echartTitle">
+            <div class="block-title">工程成效</div>
+          </div>
+          <div class="echart"></div>
+        </div>
+      </div>
+    </div>
     <div
       class="sm-panel sm-function-module-query"
       v-if="store.state.vectorData.length > 0"
@@ -210,7 +225,7 @@ export default {
     },
     setEchart(data, id) {
       this.$nextTick(() => {
-        this.$refs[`echartRef${id}`][0].setOptions(data);
+        this.$refs[`echartRef${id}`].setOptions(data);
       });
     },
   },

src/views/complianceAnalysis/ghzc.scss

@@ -15,35 +15,35 @@
 
     .leftPane {
         left: 20px;
-
-        .Pangetitle {
-            box-sizing: border-box;
-            width: 100%;
-            height: 42px;
-            background: url("/static/images/overview/titlebox.gif") no-repeat !important;
-            background-size: 100% 100% !important;
-            line-height: 43px;
-            font-size: 14px;
-            padding-left: 15px;
-            display: flex;
-            position: relative;
-            overflow: hidden;
-            cursor: move;
-        }
-
-        .pange_text {
-            font-family: 'HarmonyOS Sans, HarmonyOS Sans';
-            font-weight: bold;
-            font-size: 18px;
-            color: #FFFFFF;
-            margin-left: 30px;
-        }
     }
 
     .rightPane {
         right: 10px;
     }
 
+    .Pangetitle {
+        box-sizing: border-box;
+        width: 100%;
+        height: 42px;
+        background: url("/static/images/overview/titlebox.gif") no-repeat !important;
+        background-size: 100% 100% !important;
+        line-height: 43px;
+        font-size: 14px;
+        padding-left: 15px;
+        display: flex;
+        position: relative;
+        overflow: hidden;
+        cursor: move;
+    }
+
+    .pange_text {
+        font-family: 'HarmonyOS Sans, HarmonyOS Sans';
+        font-weight: bold;
+        font-size: 18px;
+        color: #FFFFFF;
+        margin-left: 30px;
+    }
+
     .xz_box {
         width: 100%;
         height: calc(100% - 42px);