gx

src/view/dialog/dialog.vue

@@ -1,13 +1,7 @@
 <template>
   <div class="dialogPage">
-    <el-dialog
+    <el-dialog v-model="dialogShow" width="80vw" :show-close="false" center :close-on-click-modal="false"
-      v-model="dialogShow"
+      :close-on-press-escape="false">
-      width="80vw"
-      :show-close="false"
-      center
-      :close-on-click-modal="false"
-      :close-on-press-escape="false"
-    >
       <template #header="{ close, titleId, titleClass }">
         <div class="my-header">
           <el-icon size="26" color="#fff" @click="closeDialog">
@@ -24,18 +18,11 @@
               <div class="name">{{ title }}详情</div>
               <img src="@/assets/images/table_r.png" alt="" style="margin-left:10px;" />
             </div>
-            <img
+            <img class="title_botton" src="@/assets/images/table_c.png" alt="" />
-              class="title_botton"
-              src="@/assets/images/table_c.png"
-              alt=""
-            />
           </div>
         </div>
-        <el-table
+        <div style="width: 100%; height: calc(100% - 110px);">
-          :data="data.tableData"
+          <el-table :data="data.tableData" height="100%" :header-cell-style="{ background: '#008FCD' }">
-          height="calc(100% - 110px)"
-          :header-cell-style="{ background: '#008FCD' }"
-        >
             <!-- <el-table-column
             v-for="(item, index) in data.columns"
             :key="index"
@@ -45,43 +32,22 @@
             align="center"
           /> -->
             <template v-for="item in data.columns">
-            <el-table-column
+              <el-table-column :key="item.label" v-if="item.type === 'slot'" :width="item.width" :label="item.label"
-              :key="item.label"
+                :property="item.property" align="center">
-              v-if="item.type === 'slot'"
-              :width="item.width"
-              :label="item.label"
-              :property="item.property"
-              align="center"
-            >
                 <template #default="scope">
-                <slot
+                  <slot :name="item.property" :currentCol="item" :currentData="scope.row"></slot>
-                  :name="item.property"
-                  :currentCol="item"
-                  :currentData="scope.row"
-                ></slot>
                 </template>
               </el-table-column>
-            <el-table-column
+              <el-table-column :key="item.label" :property="item.property" :label="item.label" :width="item.width"
-              :key="item.label"
+                align="center" v-else />
-              :property="item.property"
-              :label="item.label"
-              :width="item.width"
-              align="center"
-              v-else
-            />
             </template>
           </el-table>
+        </div>
+
         <div class="pagePart">
-          <el-pagination
+          <el-pagination background layout="prev, pager, next" :page-size="pagination.pageSize"
-            background
+            :total="pagination.total" prev-text="上一页" next-text="下一页" @current-change="handle"
-            layout="prev, pager, next"
+            v-model:current-page="pagination.currentPage" />
-            :page-size="pagination.pageSize"
-            :total="pagination.total"
-            prev-text="上一页"
-            next-text="下一页"
-            @current-change="handle"
-            v-model:current-page="pagination.currentPage"
-          />
         </div>
       </div>
     </el-dialog>
@@ -180,25 +146,18 @@ const handle = (current) => {
 .tabelPart {
   height: 80vh;
   padding: 16px;
-  background: linear-gradient(
+  background: linear-gradient(270deg,
-      270deg,
       rgba(0, 77, 131, 0.69) 0%,
       rgba(0, 51, 83, 0.77) 50%,
-      rgba(0, 77, 131, 0.74) 100%
+      rgba(0, 77, 131, 0.74) 100%),
-    ),
+    radial-gradient(66% 40% at 50% 0%,
-    radial-gradient(
-      66% 40% at 50% 0%,
       rgba(1, 150, 243, 0.55) 0%,
-      rgba(0, 116, 255, 0) 100%
+      rgba(0, 116, 255, 0) 100%);
-    );
   box-shadow: inset 0px 0px 56px 0px rgba(100, 191, 255, 0.5);
   border: 2px solid;
-  border-image: linear-gradient(
+  border-image: linear-gradient(180deg,
-      180deg,
       rgba(21, 150, 255, 1),
-      rgba(0, 157, 227, 0)
+      rgba(0, 157, 227, 0)) 2 2;
-    )
-    2 2;
 
   :deep(.el-table) {
     --el-table-bg-color: none;
@@ -216,6 +175,7 @@ const handle = (current) => {
   display: flex;
   align-items: center;
   justify-content: center;
+
   :deep(.el-pagination) {
     --el-pagination-button-disabled-bg-color: none;
     --el-pagination-bg-color: none;
@@ -223,25 +183,31 @@ const handle = (current) => {
     --el-pagination-button-color: #fff;
     color: #fff;
   }
+
   :deep(.el-pagination button:disabled) {
     background-color: rgba(0, 116, 255, 0) !important;
   }
 }
+
 .bo {
   width: 100%;
   display: flex;
 }
+
 .title {
   margin: 10px auto;
   display: flex;
   flex-direction: column;
+
   &_top {
     display: flex;
     align-items: end;
+
     img {
       height: 33px;
       width: 33px;
     }
+
     .name {
       font-family: PangMenZhengDao, PangMenZhengDao;
       font-weight: 600;
@@ -252,10 +218,13 @@ const handle = (current) => {
       font-style: normal;
       letter-spacing: 2px;
       background: linear-gradient(180deg, #ffffff 0%, #51ffef 100%);
-      -webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
+      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent; /*给文字设置成透明*/
+      /*将设置的背景颜色限制在文字中*/
+      -webkit-text-fill-color: transparent;
+      /*给文字设置成透明*/
     }
   }
+
   &_botton {
     margin-top: 5px;
     height: 19px;

src/view/echarts_yl/ylXZZC.vue

@@ -262,7 +262,6 @@ const setChart = () => {
   // 使用刚指定的配置项和数据显示图表。
   myChart.setOption(data.option);
   myChart.on("click", function (params) {
-    console.log(params);
     emit('village',params.name);
   });
 };

src/view/yl.vue

@@ -206,6 +206,7 @@
         <ylXZZC :list1="data.zccs1" :list2="data.zccs2" @village='chooseVillage'></ylXZZC>
       </div>
     </div>
+    
   </div>
 </template>
 
@@ -232,7 +233,7 @@ const change = (name, index) => {
   leftchoose.value[name] = index;
 };
 const chooseVillage=(village)=>{
-  console.log(village);
+  console.log('village',village);
 }
 const data = reactive({
   leftTop1: [],