看板

@@ -10,7 +10,7 @@
       <div class="right">
         <div class="rTop">
           <div>领导重点关注</div>
-          <div><img alt="" class="rTop-img" src="@/assets/image/more@2x.png"></div>
+          <div @click="handelView"><img alt="" class="rTop-img" src="@/assets/image/more@2x.png"></div>
         </div>
         <div class="rBotton">
           <ScrollingData :data="form.leaderinfo" :speed=".3"/>
@@ -85,6 +85,8 @@
         </div>
       </div>
     </div>
+    
+    <Information ref="InformationRef"></Information>
   </div>
 
 
@@ -95,9 +97,12 @@ import {autoToolTip} from "@/plugins/auto-toolTip";
 import ScrollingData from './scrollingData.vue'
 import * as echarts from "echarts";
 import * as api from "@/apiPc/common"
-import {onMounted, ref, computed, onUnmounted, watch} from 'vue'
+import {onMounted, ref, computed, onUnmounted, getCurrentInstance} from 'vue'
 import {dayjs} from 'element-plus'
 import {getYS000, getYS001, getYS002, getYS003, getYS004, getYS005} from '@/api/server.js'
+import Information from "/@/viewsPc/vip/components/information.vue";
+
+const {proxy} = getCurrentInstance()
 
 const props = defineProps({
   type: {
@@ -1294,6 +1299,10 @@ const clear = () => {
   }
 }
 
+function handelView() {
+  proxy.$refs['InformationRef'].open(form.value.leaderinfo)
+}
+
 onUnmounted(() => {
   clearInterval(intervalA);
 })

+<template>
+  <el-dialog
+    v-model="showGroup" :append-to-body="true" :z-index="99999999999999999"
+    class="dialog"
+    draggable
+    title="领导重点关注"
+    width="33%"
+  >
+    <div class="son">
+      <p v-for="val in list" :key="val" class="row">
+        <span></span> {{ val }}
+      </p>
+    </div>
+  
+  </el-dialog>
+</template>
+
+<script setup>
+import {ref} from 'vue'
+
+const list = ref([])
+const showGroup = ref(false)
+
+
+function open(row) {
+  debugger
+  showGroup.value = true
+  list.value = row
+  
+  console.log(list.value)
+}
+
+
+defineExpose({
+  open
+})
+</script>
+
+<style lang="scss">
+.dialog {
+  background: url("@/assets/image/box03@2x.png") no-repeat center;
+  background-size: 100% 100%;
+  border: 1px solid #2969A4;
+  position: relative;
+}
+
+.son {
+  position: relative;
+  z-index: 99999999999999999999999;
+}
+
+.el-dialog__headerbtn .el-icon {
+  color: #fff;
+  font-size: 24px;
+}
+
+
+.row {
+  font-family: SimHei, serif;
+  font-weight: 400;
+  font-size: 20px;
+  color: #FFFFFF;
+  //height: 40px;
+  margin: 7px 0;
+  
+  span {
+    display: inline-block;
+    width: calc(12 * 100vw / 1920);
+    height: calc(12 * 100vw / 1920);
+    background-color: #01D7F0;
+    transform: rotate(45deg);
+    margin-left: calc(3 * 100vw / 1920);
+    border-radius: calc(3 * 100vw / 1920);
+  }
+}
+</style>