法律法规与频发问题view,综合分析动态图例

src/components/map/MapHolder.vue

@@ -121,7 +121,7 @@ export default {
     },
     // 疑点审计
     caseAuditEvent() {
-      console.log("case audit");
+      // console.log("case audit");
       // 每次点击按钮后重绘弹窗
       if (this.currentHtml && this.currentCid) {
         setTimeout(() => {
@@ -240,7 +240,7 @@ export default {
     // 综合分析 - 图层绘制面
     addPolygonLayer(data, cid, color) {
       // cid -- 'yongjiu'
-      console.log(data, cid, color);
+      // console.log(data, cid, color);
       data.map(feature => {
         let polygonData = JSON.parse(JSON.stringify(feature));
         let coordinates = polygonData.geometry.coordinates[0];
@@ -267,7 +267,7 @@ export default {
           this.currentCid = cid;
         });
       });
-      console.log(map2DViewer.polygons[`${cid}_layer`]);
+      // console.log(map2DViewer.polygons[`${cid}_layer`]);
     },
 
     //综合分析 - 标记疑点 - 删除面

src/views/ComprehensiveAnalysis.vue

@@ -35,10 +35,11 @@
     <!-- 图例 -->
 
     <Legend
+      v-show="legendShow"
       class="comprehensive-analysis-legendbox"
       :legendData="{
-        boxWidth: '250',
-        boxHeight: '350',
+        boxWidth: '230',
+        boxHeight: legendHeight,
         menuIndex: '3',
         legendIcon: legendIcon,
         legendTitle: legendTitle,
@@ -187,7 +188,9 @@ export default {
   },
   data() {
     return {
+      legendShow: false,
       tableType: "normal",
+      legendHeight: "0",
       boxWidth: "600",
       boxHeight: "600",
       attrTableShow: false,
@@ -250,11 +253,22 @@ export default {
     },
   },
   watch: {
+    legendTitle(val) {
+      console.log(val, "监听当前图例item数量");
+      if (val.length === 0) {
+        this.legendShow = false;
+      }
+
+      if (val.length > 0 && val.length <= 10) {
+        this.legendShow = true;
+        this.legendHeight = 50 * val.length + 50 + "";
+      }
+    },
     filterText(val) {
       this.$refs.tree.filter(val);
     },
     myModel(val) {
-      console.log(val, "监听综合分析中的我的模型");
+      // console.log(val, "监听综合分析中的我的模型");
     },
     getCustomModel: {
       handler(val) {
@@ -596,8 +610,8 @@ export default {
   }
   &-legendbox {
     position: absolute;
-    right: 30px;
-    bottom: 30px;
+    right: 410px;
+    top: 30px;
     z-index: 1;
   }
   /* 弹窗 */

src/components/popup/FrequencyDialog.vue → src/views/FrequencyView.vue

@@ -1,12 +1,5 @@
 <template>
-  <el-dialog :visible.sync="dialogVisible">
-    <template slot="title">
-      <div class="dialogTitle">
-        <div class="dialogTitleIcon"></div>
-        频发问题
-      </div>
-    </template>
-  </el-dialog>
+  <div class="frenquency-container"></div>
 </template>
 <script>
 import NewSelect from "@/components/common/NewSelect.vue";
@@ -20,7 +13,6 @@ export default {
   components: { NewSelect },
   data() {
     return {
-      dialogVisible: true,
       typeSelectVal: "",
       typeOptions: [],
       streetSelectVal: "",
@@ -41,4 +33,7 @@ export default {
   },
 };
 </script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.frenquency-container {
+}
+</style>

src/views/HomeView.vue

@@ -70,6 +70,12 @@
       v-if="$ifMenu('3', '')"
     />
 
+    <!-- 法律法规 -->
+    <LawView id="LawContainer" v-if="$ifMenu('5', '1')" />
+
+    <!-- 频发问题 -->
+    <FrequencyView id="FrequencyContainer" v-if="$ifMenu('5', '2')" />
+
     <!-- Home页面 -->
     <!-- 左侧菜单列 1 -- 首页 -->
     <div id="leftMenus">
@@ -244,6 +250,10 @@ import ComprehensiveAnalysis from "@/views/ComprehensiveAnalysis.vue";
 import TagProblemCard from "@/components/common/TagProblemCard.vue";
 // 全流程管理
 import WholeProcessManagement from "@/components/common/WholeProcessManagement.vue";
+// 智能辅助 -- 频发问题
+import FrequencyView from "@/views/FrequencyView.vue";
+// 智能辅助 -- 法律法规
+import LawView from "@/views/LawView.vue";
 export default {
   name: "HomeView",
   components: {
@@ -260,7 +270,9 @@ export default {
     ComprehensiveAnalysis,
     TagProblemCard,
     Legend,
-    WholeProcessManagement
+    WholeProcessManagement,
+    FrequencyView,
+    LawView,
   },
   data() {
     return {
@@ -711,6 +723,27 @@ export default {
   z-index: 999;
   pointer-events: none;
 }
+
+/* 法律法规 */
+#LawContainer {
+  position: relative;
+  height: calc(100% - 60px);
+  width: 100%;
+  top: 60px;
+  z-index: 999;
+  background: pink;
+}
+
+/* 频发问题 */
+#FrequencyContainer {
+  position: relative;
+  height: calc(100% - 60px);
+  width: 100%;
+  top: 60px;
+  z-index: 999;
+  background: lightgreen;
+}
+
 /* Home目录 -- 左侧菜单列 */
 #leftMenus {
   position: absolute;

src/components/popup/LawDialog.vue → src/views/LawView.vue

@@ -1,26 +1,18 @@
 <template>
-  <el-dialog :visible.sync="dialogVisible">
-    <template slot="title">
-      <div class="dialogTitle">
-        <div class="dialogTitleIcon"></div>
-        法律法规
-      </div>
-    </template>
-  </el-dialog>
+  <div class="law-container"></div>
 </template>
 <script>
 import NewSelect from "@/components/common/NewSelect.vue";
 /**
- * 法律法规 dialog -- 智能辅助，疑点相关的法律法规
+ * 法律法规 页面 -- 智能辅助，疑点相关的法律法规
  * @author: Gao Lu
  * @Date: 2022.11.24
  */
 export default {
-  name: "LawDialog",
+  name: "LawView",
   components: { NewSelect },
   data() {
     return {
-      dialogVisible: true,
       searchInput: "",
       sortSelectVal: "",
       sortOptions: [],
@@ -42,4 +34,7 @@ export default {
   },
 };
 </script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.law-container {
+}
+</style>