Merge branch 'main' of git.zdool.com:xs/ggfwjsc

src/main.js

@@ -6,5 +6,7 @@ import router from "./router";
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import './assets/css/common.css'
-
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-createApp(App).use(router).use(ElementPlus).mount('#app')
+createApp(App).use(router).use(ElementPlus,{
+    locale: zhCn,
+}).mount('#app')

src/view/dialog/dialog.vue

@@ -58,7 +58,7 @@
               <el-table-column
                 :key="item.label"
                 v-if="item.type === 'slot'"
-                :width="item.width"
+                :show-overflow-tooltip="true"
                 :label="item.label"
                 :property="item.property"
                 align="center"
@@ -75,7 +75,7 @@
                 :key="item.label"
                 :property="item.property"
                 :label="item.label"
-                :width="item.width"
+                :show-overflow-tooltip="true"
                 align="center"
                 v-else
               />
@@ -86,7 +86,7 @@
         <div class="pagePart">
           <el-pagination
             background
-            layout="prev, pager, next"
+            layout="prev, pager, next,total"
             :page-size="pagination.pageSize"
             :total="pagination.total"
             prev-text="上一页"
@@ -153,7 +153,7 @@ const data = reactive({
 
 const gridData = [];
 //切换页数后置顶
-const tableKey = ref(Math.random())
+const tableKey = ref(Math.random());
 // 监听
 watch(
   () => props.dialogShow,
@@ -167,7 +167,7 @@ watch(
   () => props.tableData,
   (newVal, oldVal) => {
     data.tableData = props.tableData;
-    tableKey.value = Math.random()
+    tableKey.value = Math.random();
   }
 );
 // 使用生命钩子
@@ -176,6 +176,9 @@ onMounted(() => {
   data.columns = props.columns;
   data.title = props.title;
   data.tableData = props.tableData;
+  const paginationTotal = document.querySelector(".el-pagination__total");
+  console.log(paginationTotal);
+  // paginationTotal.innerText = `总共 ${props.pagination.total} 组数据`;
 });
 
 const closeDialog = () => {
@@ -190,6 +193,7 @@ const handle = (current) => {
 <style lang="scss" scoped>
 :deep(.el-dialog) {
   --el-dialog-bg-color: none;
+  --el-dialog-width: 76% !important;
 }
 
 .my-header {
@@ -198,7 +202,6 @@ const handle = (current) => {
 }
 
 .tabelPart {
-  height: 80vh;
   padding: 16px;
   background: linear-gradient(
       270deg,
@@ -248,6 +251,9 @@ const handle = (current) => {
   :deep(.el-pagination button:disabled) {
     background-color: rgba(0, 116, 255, 0) !important;
   }
+  :deep(.el-pagination > .is-last) {
+    color: #ffffff;
+  }
 }
 
 .bo {

src/view/education.vue

@@ -226,6 +226,11 @@
               src="@/assets/eduImg/jyImg10.png"
               alt=""
             />
+            <img
+              src="@/assets/eduImg/pp3.gif"
+              alt=""
+              class="ppImg"
+            />
             <div class="historyimg historyimg1">
               <span>绿色预警</span>
             </div>
@@ -238,6 +243,11 @@
               src="@/assets/eduImg/jyImg9.png"
               alt=""
             />
+            <img
+              src="@/assets/eduImg/pp2.gif"
+              alt=""
+              class="ppImg"
+            />
             <div class="historyimg historyimg2">
               <span>黄色预警</span>
             </div>
@@ -250,6 +260,11 @@
               src="@/assets/eduImg/jyImg8.png"
               alt=""
             />
+            <img
+              src="@/assets/eduImg/pp1.gif"
+              alt=""
+              class="ppImg"
+            />
             <div class="historyimg historyimg3">
               <span>红色预警</span>
             </div>
@@ -1079,6 +1094,13 @@ onMounted(() => {
     display: flex;
     flex-direction: column;
     align-items: center;
+    position: relative;
+
+    .ppImg{
+      position: absolute;
+      width: 500px;
+      height: 170px;
+    }
 
     img {
       width: 136px;

src/view/yl.vue

@@ -373,7 +373,7 @@ const tableType = reactive({
 // 表格分页
 const pagination = reactive({
   total: 100,
-  pageSize: 20,
+  pageSize: 10,
   currentPage: 1,
 });
 const change = (name, index) => {

vite.config.js

@@ -8,7 +8,7 @@ export default defineConfig({
   server: {
     host: "0.0.0.0", //解决vite use--host to expose
     port: 8080,
-    open: true,
+    open: false,
     base: "./ ", //生产环境路径
     // hmr: true,
     proxy: {