update

jsowell-ui/src/views/homeIndex/homeIndex.vue

@@ -1,11 +1,12 @@
 <template>
-    <el-row :gutter="0" type="flex" style="flex-wrap:wrap">
 
     <div>
         <h1>概况</h1>
         <hr/>
+        <el-row >
             <div style="display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 10px">
-        <el-col :span="4">
+
+                <el-col :xs="12" :sm="12" :lg="{span: '4-8'}" class="card-panel-col">
                     <div class="box" style="background-color: #ffba00;">
                         <el-image class="box-image"
                                   :src="require('@/assets/images/lightning.png')"
@@ -16,7 +17,8 @@
                         </div>
                     </div>
                 </el-col>
-        <el-col :span="4">
+
+                <el-col :xs="12" :sm="12" :lg="{span: '4-8'}" class="card-panel-col">
                     <div class="box" style="background-color: #c74542;">
                         <el-image class="box-image"
                                   :src="require('@/assets/images/zongfeiyong.png')"/>
@@ -27,7 +29,7 @@
                     </div>
                 </el-col>
 
-        <el-col :span="4">
+                <el-col :xs="12" :sm="12" :lg="{span: '4-8'}" class="card-panel-col">
                     <div class="box" style="background-color: #12ce65;">
                         <el-image
                             class="box-image"
@@ -39,7 +41,7 @@
                     </div>
                 </el-col>
 
-        <el-col :span="4">
+                <el-col :xs="12" :sm="12" :lg="{span: '4-8'}" class="card-panel-col">
                     <div class="box" style="background-color: #909399;">
                         <el-image
                             class="box-image"
@@ -51,7 +53,7 @@
                     </div>
                 </el-col>
 
-        <el-col :span="4">
+                <el-col :xs="12" :sm="12" :lg="{span: '4-8'}" class="card-panel-col">
                     <div class="box" v-hasRole="['admin', 'common']" style="background-color: #ff4949;">
                         <el-image
                             class="box-image"
@@ -76,10 +78,12 @@
                 <!--        <div class="progress"></div>-->
                 <!--      </div>-->
             </div>
+        </el-row>
         <h1>订单</h1>
         <hr/>
         <el-button style="background-color: #1ab394; color: #ffffff"
-      >最近30天</el-button
+        >最近30天
+        </el-button
         >
         <div ref="chart" :style="{ width: '100%', height: '500px' }"></div>
         <hr/>
@@ -89,7 +93,7 @@
         <!-- <hr /> -->
         <!-- <h1>设备</h1> -->
     </div>
-    </el-row>
+
 </template>
 <script>
 import Echarts from "echarts";
@@ -377,6 +381,7 @@ export default {
     margin-right: 24px;
     margin-bottom: 20px;
     position: relative;
+
     .box-image {
         width: 60px;
         height: 60px;
@@ -386,31 +391,40 @@ export default {
         // bottom: 0;
         // filter: drop-shadow(40px 0px gray);
     }
+
     .flex1 {
         flex: 1;
         margin-left: 5px;
     }
 }
+
 .box-h1 {
     /* margin-top: -14px; */
     font-size: 47px;
 }
+
 .box-text {
     margin-top: 0px;
 
 }
+
 .progress {
     border: 3px solid #fff;
     margin-top: 5px;
 }
+
 .el-row {
     margin-bottom: 20px;
+
     &:last-child {
         margin-bottom: 0;
     }
 }
+
 .el-col {
     border-radius: 4px;
 }
-
+.el-col-lg-4-8 {
+    width: 20%;
+}
 </style>

jsowell-ui/vue.config.js

@@ -35,9 +35,9 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        // target: `http://localhost:8080`,
+        target: `http://localhost:8080`,
         // 更改代理为本地地址
-        target: `http://192.168.2.3:8080`,
+        // target: `http://192.168.2.3:8080`,
         changeOrigin: true,
         pathRewrite: {
           ["^" + process.env.VUE_APP_BASE_API]: "",