diff --git a/src/App.vue b/src/App.vue
index cc950d7..b96c037 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,7 @@
 <template>
   <div id="app">
     <router-view />
+    <el-backtop target="#app"></el-backtop>
   </div>
 </template>
 
@@ -17,9 +18,65 @@ export default  {
     }
 }
 </script>
+<style>
+
+/* 滚动条样式 */
+::-webkit-scrollbar {
+  width: 10px; /* 滚动条宽度 */
+  height: 10px; /* 滚动条高度 */
+}
+
+/* 滚动条轨道 */
+::-webkit-scrollbar-track {
+  background-color: #f5f5f5; /* 滚动条轨道颜色 */
+  border-radius: 25px; /* 滚动条轨道圆角 */
+}
+
+/* 滚动条滑块 */
+::-webkit-scrollbar-thumb {
+  background-color: #888; /* 滚动条滑块颜色 */
+  border-radius: 25px; /* 滚动条轨道圆角 */
+}
+
+/* 鼠标悬停时滚动条滑块颜色 */
+::-webkit-scrollbar-thumb:hover {
+  background-color: #555; /* 鼠标悬停时滚动条滑块颜色 */
+}
+
+.width-full{
+  width: 100%;
+}
+
+.height-full{
+  height: 100%;
+}
+
+.mt15{
+  margin-top: 15px;
+}
+
+.p0{
+  padding: 0;
+}
+.p10{
+  padding: 10px;
+}
+
+.m0{
+  margin: 0;
+}
+.el-card__header{
+  padding: 0;
+}
+.el-table__body-wrapper{
+}
+.d-block{
+  display: block;
+}
+</style>
 <style lang="scss">
   //tabel样式优化
 .el-table th.gutter {
   display: table-cell !important;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/api/system/sysMsgTodoApi.js b/src/api/system/sysMsgTodoApi.js
new file mode 100644
index 0000000..b008334
--- /dev/null
+++ b/src/api/system/sysMsgTodoApi.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+
+export function sysMsgTodoPage(query) {
+  return request({
+    url: '/spms/sysMsgTodo/page',
+    method: 'POST',
+    data: query
+  })
+}
diff --git a/src/assets/svg/已对照产品.svg b/src/assets/svg/已对照产品.svg
new file mode 100644
index 0000000..9f065c4
--- /dev/null
+++ b/src/assets/svg/已对照产品.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1700041612651" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4572" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M887.466667 627.2c-2.133333 0-2.133333 0 0 0-6.4-4.266667-12.8-10.666667-12.8-19.2V192c0-12.8-8.533333-21.333333-21.333334-21.333333h-177.066666c-38.4 0-72.533333-25.6-83.2-64-10.666667-40.533333-46.933333-66.133333-87.466667-64-36.266667 2.133333-66.133333 29.866667-76.8 66.133333C418.133333 145.066667 384 170.666667 347.733333 170.666667H170.666667c-12.8 0-21.333333 8.533333-21.333334 21.333333v768c0 12.8 8.533333 21.333333 21.333334 21.333333h352c8.533333 0 14.933333 4.266667 19.2 10.666667 6.4 14.933333-2.133333 29.866667-19.2 29.866667H170.666667c-36.266667 0-64-27.733333-64-64V192c0-36.266667 27.733333-64 64-64h177.066666c19.2 0 36.266667-12.8 40.533334-32 14.933333-55.466667 64-96 123.733333-96s108.8 40.533333 123.733333 96c4.266667 19.2 21.333333 32 40.533334 32H853.333333c36.266667 0 64 27.733333 64 64v416c0 14.933333-17.066667 25.6-29.866666 19.2zM256 746.666667h256c14.933333 0 25.6 14.933333 19.2 29.866666-2.133333 8.533333-10.666667 12.8-19.2 12.8H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333z m0-192h426.666667c12.8 0 21.333333 8.533333 21.333333 21.333333s-8.533333 21.333333-21.333333 21.333333H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333zM469.333333 170.666667c-12.8 0-21.333333-8.533333-21.333333-21.333334s8.533333-21.333333 21.333333-21.333333h85.333334c12.8 0 21.333333 8.533333 21.333333 21.333333s-8.533333 21.333333-21.333333 21.333334h-85.333334z m320 213.333333c0 12.8-8.533333 21.333333-21.333333 21.333333H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333h512c10.666667 0 21.333333 8.533333 21.333333 21.333333z m-134.4 490.666667l64 61.866666 162.133334-162.133333c8.533333-8.533333 21.333333-8.533333 29.866666 0 8.533333 8.533333 8.533333 21.333333 0 29.866667l-192 192-93.866666-91.733334c-8.533333-8.533333-8.533333-21.333333 0-29.866666 8.533333-8.533333 21.333333-8.533333 29.866666 0z" fill="#409EFF" p-id="4573"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg/库存预警.svg b/src/assets/svg/库存预警.svg
new file mode 100644
index 0000000..e828b4d
--- /dev/null
+++ b/src/assets/svg/库存预警.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1700041424195" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18284" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M453.030445 733.571375l117.7938 0 0 117.7938-117.7938 0L453.030445 733.571375zM486.377948 674.67601l57.674561 0 26.770713-294.485011-117.7938 0L486.377948 674.67601zM996.086765 969.130322l0 0.029676-966.975239 0c-15.247262 0-27.608801-12.361539-27.608801-27.608801 0-5.248537 1.465374-10.155291 4.00829-14.332427l-0.064468 0 480.603943-854.407464c3.911076-10.494005 14.020318-17.971303 25.877367-17.971303 11.857049 0 21.966291 7.477298 25.877367 17.971303l480.013495 853.358575c2.955308 4.396123 4.680603 9.68764 4.680603 15.381315C1022.497275 956.395276 1010.778372 968.500988 996.086765 969.130322zM976.214159 931.340647l-464.285279-825.515437-464.3477 825.515437L976.214159 931.340647z" fill="#fd1403" p-id="18285"></path></svg>
\ No newline at end of file
diff --git a/src/assets/svg/资质预警.svg b/src/assets/svg/资质预警.svg
new file mode 100644
index 0000000..407b101
--- /dev/null
+++ b/src/assets/svg/资质预警.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1700041341581" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16800" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M438.272 546.05824v83.968h119.45984c48.0256-69.2224 128.04096-115.17952 218.9312-115.17952h6.8608V176.59904s-90.89024-3.97312-192.63488-43.13088c-101.1712-39.7312-167.48544-84.56192-175.5136-90.23488L411.97568 40.96l-2.8672 1.69984c-2.84672 1.69984-70.8608 48.80384-176.04608 90.23488C131.2768 173.19936 40.96 176.59904 40.96 176.59904v405.77024c0 84.5824 21.15584 171.39712 114.8928 257.08544 82.90304 75.48928 216.6784 137.91232 256.1024 137.91232 19.456 0 78.88896-22.71232 140.63616-56.75008-26.86976-42.57792-41.73824-91.38176-41.73824-141.88544 0-32.91136 6.28736-64.12288 17.16224-93.06112H207.872v-56.19712h67.46112v-147.5584h56.60672v146.98496h49.152V392.25344h56.58624v99.328h119.48032v53.90336l-118.90688 0.57344z m20.56192-207.1552h-93.75744l-138.32192 125.41952-37.74464-41.984 153.78432-140.1856h135.4752l157.77792 141.312-38.87104 41.43104-138.3424-125.99296z m318.40256 235.52c-113.74592 0-205.78304 91.38176-205.78304 204.30848C571.45344 891.6992 663.49056 983.04 777.216 983.04 891.00288 983.04 983.04 891.67872 983.04 778.73152c0-112.92672-92.03712-204.30848-205.80352-204.30848z m107.47904 175.37024l-110.8992 110.65344c-5.14048 5.12-12.57472 7.94624-19.43552 7.94624h-1.14688c-6.8608 0-14.29504-2.82624-19.43552-7.94624l-1.14688-1.1264-64.02048-61.8496c-10.8544-10.79296-10.28096-28.95872 1.14688-40.30464s29.71648-11.91936 40.59136-1.1264l43.43808 40.8576 89.74336-89.088c10.8544-10.79296 29.16352-10.24 40.59136 1.1264 11.42784 11.91936 12.00128 30.06464 0.57344 40.8576z" fill="#fd1403" p-id="16801"></path></svg>
\ No newline at end of file
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index f4e74db..f5480f8 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -29,10 +29,10 @@ export default {
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  height: calc(100vh - 50px);
   width: 100%;
   position: relative;
-  overflow: hidden;
+  overflow: auto;
 }
 
 .fixed-header + .app-main {
@@ -42,7 +42,7 @@ export default {
 .hasTagsView {
   .app-main {
     /* 84 = navbar + tags-view = 50 + 34 */
-    min-height: calc(100vh - 84px);
+    height: calc(100vh - 84px);
   }
 
   .fixed-header + .app-main {
diff --git a/src/views/index.vue b/src/views/index.vue
index d2ea092..1a24732 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,34 +1,395 @@
 <template>
   <div class="app-container home">
-    <el-row :gutter="20">
-      <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>欢迎使用供应商自助管理系统</h2>
+    <div>
+      <h2>欢迎使用供应商自助管理系统</h2>
+      <el-divider/>
+    </div>
+    <!-- 分割线 -->
+    <div class="mt10 grid-container grid-container3" style="height: 15%">
+      <el-card class="grid-item" body-style="padding:0px;height:100%">
+        <el-row>
+          <div class="height-full fl center ml20" style="width: 30%">
+            <el-image style="border-radius: 4%;width: 80%;height: 80%"
+                      :src="productSvg">
+              <div slot="placeholder" class="image-slot">
+                加载中<span class="dot">...</span>
+              </div>
+            </el-image>
+          </div>
+          <div class="height-full fr center mr20">
+              <span class="header d-block">
+                已对照产品
+              </span>
+            <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">
+                {{ productCount }}
+              </span>
+          </div>
+        </el-row>
+      </el-card>
 
-      </el-col>
-    </el-row>
-    <el-divider/>
+      <el-card class="grid-item" body-style="padding:0px;height:100%">
+        <el-row>
+          <div class="height-full fl center ml20" style="width: 30%">
+            <el-image style="border-radius: 4%;width: 80%;height: 80%"
+                      :src="invSvg">
+              <div slot="placeholder" class="image-slot">
+                加载中<span class="dot">...</span>
+              </div>
+            </el-image>
+          </div>
+          <div class="height-full fr center mr20">
+              <span class="header d-block">
+                库存预警
+              </span>
+            <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#ef5c3b'}">
+                {{ invMsgCount }}
+              </span>
+          </div>
+        </el-row>
+      </el-card>
+
+      <el-card class="grid-item" body-style="padding:0px;height:100%">
+        <el-row>
+          <div class="height-full fl center ml20" style="width: 30%">
+            <el-image style="border-radius: 4%;width: 80%;height: 80%"
+                      :src="certSvg">
+              <div slot="placeholder" class="image-slot">
+                加载中<span class="dot">...</span>
+              </div>
+            </el-image>
+          </div>
+          <div class="height-full fr center mr20">
+              <span class="header d-block">
+                资质预警
+              </span>
+            <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#ef5c3b'}">
+                {{ invMsgCount }}
+              </span>
+          </div>
+        </el-row>
+      </el-card>
+    </div>
+    <!--  分割线  -->
+    <div class="m0 grid-container grid-container2" style="height: calc(40%);margin-top: 10px">
+      <el-card class="grid-item" body-style="padding:0px;height:100%">
+        <div slot="header" class="header">
+          <el-icon class="el-icon-s-management"/>
+          待办事项{{ `(${todoCount}条)` }}
+          <div class="fr">
+            <el-button type="text" style="font-size: 15px;color: unset" @click="getSysMsgTodoList">
+              <el-icon class="el-icon-refresh"/>
+              重新加载
+            </el-button>
+            <el-button type="text" style="font-size: 15px;color: unset"
+                       @click.stop="linkPage('/pur/auditDelivery')">
+              更多
+              <el-icon class="el-icon-d-arrow-right"/>
+            </el-button>
+          </div>
+        </div>
+        <el-table
+          v-loading="msgLoading"
+          :data="msgList"
+          height="calc(100% - 45px)"
+          stripe
+          style="">
+          <el-table-column
+            type="index"
+            label="序号"
+            width="50"/>
+          <el-table-column
+            label="消息编码"
+            prop="code"
+            width="120"/>
+          <el-table-column
+            label="消息类型"
+            prop="msgTypeName"
+            width="120"/>
+          <el-table-column
+            label="消息内容"
+            prop="msgContent"
+            width="280"/>
+          <el-table-column
+            label="处理状态"
+            prop="dealStatus"
+            width="120"/>
+          <el-table-column
+            label="创建时间"
+            prop="createTime"
+            width="140"/>
+          <el-table-column label="操作" width="80" fixed="right">
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                @click="linkPage('/pur/auditDelivery')"
+              >处理
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-card>
+      <el-card class="grid-item" body-style="padding:0px;height:100%">
+        <div slot="header" class="header">
+          <el-icon class="el-icon-s-platform"/>
+          审核送货单{{ `(${orderTotal}条)` }}
+          <div class="fr">
+            <el-button type="text" style="font-size: 15px;color: unset" @click="getOrderList">
+              <el-icon class="el-icon-refresh"/>
+              重新加载
+            </el-button>
+            <el-button type="text" style="font-size: 15px;color: unset"
+                       @click="linkPage('/pur/auditDelivery')">更多
+              <el-icon class="el-icon-d-arrow-right"/>
+            </el-button>
+          </div>
+        </div>
+        <el-table
+          v-loading="orderLoading"
+          :data="orderList"
+          height="calc(100% - 45px)"
+          stripe>
+          <el-table-column
+            type="index"
+            label="序号"
+            width="50"/>
+          <el-table-column label="送货单号" prop="billNo" width="180"/>
+          <el-table-column label="单据类型" prop="billTypeName" width="150"/>
+          <el-table-column label="送货单位" prop="fromName" width="220"/>
+          <el-table-column label="创建时间" prop="createTime" width="150"/>
+          <el-table-column label="核对时间" prop="checkTime" width="150"/>
+
+          <el-table-column label="采购部门" prop="deptName" width="120">
+          </el-table-column>
+          <el-table-column label="收货仓库" prop="invName" width="120">
+          </el-table-column>
+          <el-table-column label="核对人" prop="checkUserName" width="120">
+          </el-table-column>
+          <el-table-column label="来源单号" prop="corpOrderId" width="180"/>
+          <!--          <el-table-column label="来源" prop="fromType" width="120">-->
+          <!--            <template slot-scope="scope">-->
+          <!--              <span>{{ fromTypeMap[scope.row.fromType] }}</span>-->
+          <!--            </template>-->
+          <!--          </el-table-column>-->
+
+
+          <!--          <el-table-column label="审核状态" prop="status" width="100">-->
+          <!--            <template slot-scope="scope">-->
+          <!--              <el-tag :type="statusFilterType(scope.row.status)">{{-->
+          <!--                  checkStatus[scope.row.status]-->
+          <!--                }}-->
+          <!--              </el-tag>-->
+          <!--            </template>-->
+          <!--          </el-table-column>-->
+          <el-table-column label="备注" prop="remark" width="180"/>
+          <el-table-column label="操作" width="80" fixed="right">
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                @click="linkPage('/pur/auditDelivery')"
+              >处理
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-card>
+    </div>
   </div>
 </template>
 
 <script>
+import {getOrderList} from "../api/inout/order";
+import {sysMsgTodoPage} from "../api/system/sysMsgTodoApi";
+import productSvg from "@/assets/svg/已对照产品.svg"
+import invSvg from "@/assets/svg/库存预警.svg"
+import certSvg from "@/assets/svg/资质预警.svg"
+import {getInvRemindMsgList} from "../api/system/invRemindMsg";
+import {getUdiInfos} from "../api/basic/udiRelevance";
+import {getSupCertRemindMsgList} from "../api/purchase/supCertRedmindMsg";
+
 export default {
   name: "Index",
   data() {
     return {
-      // 版本号
-      version: "4.3.0",
+      productSvg: productSvg,
+      invSvg: invSvg,
+      certSvg: certSvg,
+      productCount: 0,
+      invMsgCount: 0,
+      certMsgCount: 0,
+      // 待办==================================================
+      msgLoading: false,
+      todoCount: 0,
+      msgList: [],
+      // =======================================================================
+      // 单据==================================================
+      orderLoading: false,
+      orderTotal: 0,
+      orderList: [],
+      // =======================================================================
     };
   },
+  created() {
+    this.getProductCount()
+    this.getInvMsgCount()
+    this.getCertMsgCount()
+    this.getSysMsgTodoList()
+    this.getOrderList()
+  },
   methods: {
-    goTarget(href) {
-      window.open(href, "_blank");
+    getProductCount() {
+      let param = {
+        page: 1,
+        limit: 1,
+        addType: 1,
+        filterType: 1
+      }
+      getUdiInfos(param).then(res => {
+        this.productCount = res.data?.total || 0
+      })
     },
+    getInvMsgCount() {
+      let param = {
+        page: 1,
+        limit: 1,
+        status: 1,
+        ignoreStatus: 0
+      }
+      getInvRemindMsgList(param).then(res => {
+        this.invMsgCount = res.data?.total || 0
+      })
+    },
+    getCertMsgCount() {
+      let param = {
+        page: 1,
+        limit: 1,
+        status: 1,
+        ignoreStatus: 0
+      }
+      getSupCertRemindMsgList(param).then(res => {
+        this.certMsgCount = res.data?.total || 0
+      })
+    },
+    linkPage(path) {
+      this.$router.push({path})
+    },
+    getSysMsgTodoList() {
+      this.msgLoading = true
+      let msgQuery = {
+        page: 1,
+        limit: 5
+      }
+      sysMsgTodoPage(msgQuery).then(res => {
+        this.msgLoading = false
+        if (res.code != 20000) {
+          this.$message.error(res.message())
+          return
+        }
+        this.msgList = res.data.list || []
+        this.todoCount = res.data.total || 0
+      }).catch(e => {
+        this.$message.error(e.message)
+        this.msgLoading = false
+        this.msgList = []
+        this.todoCount = 0
+      })
+    },
+    getOrderList() {
+      this.orderLoading = true
+      let orderQuery = {
+        page: 1,
+        limit: 5,
+        status: 10,
+        vueType: "supDelivery",
+      }
+      getOrderList(orderQuery)
+        .then((res) => {
+          this.orderLoading = false;
+          if (res.code === 20000) {
+            this.orderList = res.data.list || [];
+            this.orderTotal = res.data.total || 0;
+          } else {
+            this.$message.error(res.message);
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message)
+          this.orderLoading = false;
+          this.orderList = [];
+          this.orderTotal = 0;
+        });
+    }
   },
 };
 </script>
 
 <style scoped lang="scss">
+.center {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+
+.el-row .el-card {
+  margin: 0;
+
+  .el-card__body {
+    padding: 0 !important;
+  }
+}
+
+.grid-item {
+  height: 100%;
+  padding: 15px;
+
+  .el-row, .el-col {
+    height: 100%;
+  }
+
+  .header {
+    color: #676a6c;
+    font-size: 20px;
+    font-weight: bolder;
+  }
+
+  .el-table {
+    margin-top: 10px;
+    width: 100%;
+  }
+}
+
+.grid-container {
+  height: inherit;
+  display: grid;
+  grid-gap: 10px;
+
+  .el-card {
+    margin: 0;
+  }
+}
+
+.grid-container1 {
+  grid-template-columns: repeat(1, 1fr);
+
+}
+
+.grid-container2 {
+  grid-template-columns: repeat(2, 1fr);
+
+}
+
+.grid-container3 {
+  grid-template-columns: repeat(3, 1fr);
+
+}
+
+.grid-container4 {
+  grid-template-columns: repeat(4, 1fr);
+
+}
+
 .home {
+
   blockquote {
     padding: 10px 20px;
     margin: 0 0 20px;
@@ -52,6 +413,7 @@ export default {
     margin: 0;
   }
 
+  height: calc(100%);
   font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   color: #676a6c;
@@ -68,7 +430,8 @@ export default {
   h2 {
     margin-top: 10px;
     font-size: 26px;
-    font-weight: 100;
+    color: #000610;
+    font-weight: bolder;
   }
 
   p {
diff --git a/src/views/myLogin.vue b/src/views/myLogin.vue
index 02e3792..5424f18 100644
--- a/src/views/myLogin.vue
+++ b/src/views/myLogin.vue
@@ -11,6 +11,7 @@
       </el-row>
     </div>
     <el-form
+      @submit.native.prevent
       class="card-box login-form"
       autocomplete="on"
       :model="ruleForm"
diff --git a/vue.config.js b/vue.config.js
index 7d00c59..16e3211 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,15 +1,15 @@
-"use strict";
-const path = require("path");
-/* 忽略忽略 */
+'use strict'
+const path = require('path')
+
 function resolve(dir) {
-  return path.join(__dirname, dir);
+  return path.join(__dirname, dir)
 }
 
-const CompressionPlugin = require("compression-webpack-plugin");
+const CompressionPlugin = require('compression-webpack-plugin')
 
-const name = process.env.VUE_APP_TITLE || "UDI自助平台"; // 网页标题
+const name = process.env.VUE_APP_TITLE || 'UDI自助平台' // 网页标题
 
-const port = process.env.port || process.env.npm_config_port || 80; // 端口
+const port = process.env.port || process.env.npm_config_port || 84 // 端口
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
@@ -20,16 +20,16 @@ module.exports = {
   // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
   publicPath: process.env.VUE_APP_CONTEXT_PATH,
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
-  outputDir: "UDI_SPMS_CLIENT",
+  outputDir: 'UDI_SPMS_CLIENT',
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
-  assetsDir: "static",
+  assetsDir: 'static',
   // 是否开启eslint保存检测，有效值：ture | false | 'error'
-  lintOnSave: process.env.NODE_ENV === "development",
+  lintOnSave: process.env.NODE_ENV === 'development',
   // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
   productionSourceMap: false,
   // webpack-dev-server 相关配置
   devServer: {
-    host: "0.0.0.0",
+    host: '0.0.0.0',
     port: port,
     open: false,
     proxy: {
@@ -38,94 +38,99 @@ module.exports = {
         target: process.env.VUE_APP_BASE_API,
         changeOrigin: true,
         pathRewrite: {
-          ["^" + process.env.VUE_APP_BASE_API]: "",
-        },
-      },
+          ['^' + process.env.VUE_APP_BASE_API]: ''
+        }
+      }
     },
-    disableHostCheck: true,
+    disableHostCheck: true
   },
   css: {
     loaderOptions: {
       sass: {
-        sassOptions: { outputStyle: "expanded" },
-      },
-    },
+        sassOptions: {outputStyle: "expanded"}
+      }
+    }
   },
   configureWebpack: {
     name: name,
     resolve: {
       alias: {
-        "@": resolve("src"),
-      },
+        '@': resolve('src')
+      }
     },
     plugins: [
       // http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件
       new CompressionPlugin({
-        cache: false, // 不启用文件缓存
-        test: /\.(js|css|html)?$/i, // 压缩文件格式
-        filename: "[path].gz[query]", // 压缩后的文件名
-        algorithm: "gzip", // 使用gzip压缩
-        minRatio: 0.8, // 压缩率小于1才会压缩
-      }),
+        cache: false,                   // 不启用文件缓存
+        test: /\.(js|css|html)?$/i,     // 压缩文件格式
+        filename: '[path].gz[query]',   // 压缩后的文件名
+        algorithm: 'gzip',              // 使用gzip压缩
+        minRatio: 0.8                   // 压缩率小于1才会压缩
+      })
     ],
   },
   chainWebpack(config) {
-    config.plugins.delete("preload"); // TODO: need test
-    config.plugins.delete("prefetch"); // TODO: need test
+    config.plugins.delete('preload') // TODO: need test
+    config.plugins.delete('prefetch') // TODO: need test
 
     // set svg-sprite-loader
-    config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
     config.module
-      .rule("icons")
+      .rule('svg')
+      .exclude.add(resolve('src/assets/icons'))
+      .end()
+    config.module
+      .rule('icons')
       .test(/\.svg$/)
-      .include.add(resolve("src/assets/icons"))
+      .include.add(resolve('src/assets/icons'))
       .end()
-      .use("svg-sprite-loader")
-      .loader("svg-sprite-loader")
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
       .options({
-        symbolId: "icon-[name]",
+        symbolId: 'icon-[name]'
       })
-      .end();
+      .end()
 
-    config.when(process.env.NODE_ENV !== "development", (config) => {
-      config
-        .plugin("ScriptExtHtmlWebpackPlugin")
-        .after("html")
-        .use("script-ext-html-webpack-plugin", [
-          {
-            // `runtime` must same as runtimeChunk name. default is `runtime`
-            inline: /runtime\..*\.js$/,
-          },
-        ])
-        .end();
-      config.optimization.splitChunks({
-        chunks: "all",
-        cacheGroups: {
-          libs: {
-            name: "chunk-libs",
-            test: /[\\/]node_modules[\\/]/,
-            priority: 10,
-            chunks: "initial", // only package third parties that are initially dependent
-          },
-          elementUI: {
-            name: "chunk-elementUI", // split elementUI into a single package
-            priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
-            test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
-          },
-          commons: {
-            name: "chunk-commons",
-            test: resolve("src/components"), // can customize your rules
-            minChunks: 3, //  minimum common number
-            priority: 5,
-            reuseExistingChunk: true,
-          },
-        },
-      });
-      config.optimization.runtimeChunk("single"),
-        {
-          from: path.resolve(__dirname, "./public/robots.txt"), //防爬虫文件
-          to: "./", //到根目录下
-        };
-    });
-  },
-};
+    config
+      .when(process.env.NODE_ENV !== 'development',
+        config => {
+          config
+            .plugin('ScriptExtHtmlWebpackPlugin')
+            .after('html')
+            .use('script-ext-html-webpack-plugin', [{
+              // `runtime` must same as runtimeChunk name. default is `runtime`
+              inline: /runtime\..*\.js$/
+            }])
+            .end()
+          config
+            .optimization.splitChunks({
+            chunks: 'all',
+            cacheGroups: {
+              libs: {
+                name: 'chunk-libs',
+                test: /[\\/]node_modules[\\/]/,
+                priority: 10,
+                chunks: 'initial' // only package third parties that are initially dependent
+              },
+              elementUI: {
+                name: 'chunk-elementUI', // split elementUI into a single package
+                priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+                test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+              },
+              commons: {
+                name: 'chunk-commons',
+                test: resolve('src/components'), // can customize your rules
+                minChunks: 3, //  minimum common number
+                priority: 5,
+                reuseExistingChunk: true
+              }
+            }
+          })
+          config.optimization.runtimeChunk('single'),
+            {
+              from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
+              to: './' //到根目录下
+            }
+        }
+      )
+  }
+}