‘优化’

smart/src/assets/css/main.scss

@@ -1,4 +1,4 @@
-@import "./public-style.scss";
+@import './public-style.scss';
 
 * {
     margin: 0;
@@ -23,8 +23,8 @@ ul li {
 }
 
 body {
-    font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", Microsoft YaHei, "Helvetica Neue", Helvetica,
-        "Hiragino Sans GB", Arial, sans-serif;
+    font-family: 'PingFang SC', 'Microsoft YaHei', '微软雅黑', Microsoft YaHei, 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial,
+        sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin: 0;
@@ -32,8 +32,8 @@ body {
 
 textarea,
 textarea::-webkit-input-placeholder {
-    font-family: "PingFang SC", "Microsoft YaHei", "微软雅黑", Microsoft YaHei, "Helvetica Neue", Helvetica,
-        "Hiragino Sans GB", Arial, sans-serif;
+    font-family: 'PingFang SC', 'Microsoft YaHei', '微软雅黑', Microsoft YaHei, 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', Arial,
+        sans-serif;
 }
 .dmp-app {
     height: 100%;
@@ -120,7 +120,7 @@ a {
     transform: translate(-50%, -120%);
     word-break: break-all;
     &:after {
-        content: " ";
+        content: ' ';
         position: absolute;
         bottom: -(vw(9));
         left: 50%;
@@ -240,7 +240,7 @@ a {
 }
 .notice_icon {
     .el-icon-close:before {
-        content: "关闭";
+        content: '关闭';
         display: flex;
         align-items: center;
         justify-content: center;
@@ -461,7 +461,7 @@ a {
         visibility: hidden;
         display: block;
         font-size: 0;
-        content: " ";
+        content: ' ';
         clear: both;
         height: 0;
     }
@@ -501,12 +501,12 @@ a {
     }
 
     .el-submenu > .el-submenu__title > .el-submenu__icon-arrow:before {
-        content: "\e791";
+        content: '\e791';
         color: #ffffff;
     }
 
     .el-submenu.is-active > .el-submenu__title > .el-submenu__icon-arrow:before {
-        content: "\e791";
+        content: '\e791';
         color: $mainTextColor;
     }
 
@@ -529,7 +529,7 @@ a {
 }
 
 .sidebar-el-menu .el-icon-arrow-down:before {
-    content: "\e791";
+    content: '\e791';
 }
 
 /*菜单关闭*/
@@ -610,13 +610,13 @@ a {
             top: 17px;
         }
         .dmp-icon-btn.icon-error {
-            background-image: url("../img/icon_error.png");
+            background-image: url('../img/icon_error.png');
         }
         .dmp-icon-btn.icon-warning {
-            background-image: url("../img/icon-warning.png");
+            background-image: url('../img/icon-warning.png');
         }
         .dmp-icon-btn.icon-success {
-            background-image: url("/static/imgs/icon-success.png");
+            background-image: url('/static/imgs/icon-success.png');
         }
         .title {
             width: 273px;
@@ -631,10 +631,10 @@ a {
             height: 10px;
             width: 10px;
             cursor: pointer;
-            background: url("../../assets/img/icon-close-off.png") no-repeat center;
+            background: url('../../assets/img/icon-close-off.png') no-repeat center;
             background-size: 10px 10px;
             &:hover {
-                background-image: url("../../assets/img/icon-close-on.png");
+                background-image: url('../../assets/img/icon-close-on.png');
             }
         }
     }
@@ -680,14 +680,14 @@ a {
 }
 
 @font-face {
-    font-family: "iconfont"; /* Project id 2167017 */
-    src: url("//at.alicdn.com/t/font_2167017_wrd31fts4a.woff2?t=1623035434172") format("woff2"),
-        url("//at.alicdn.com/t/font_2167017_wrd31fts4a.woff?t=1623035434172") format("woff"),
-        url("//at.alicdn.com/t/font_2167017_wrd31fts4a.ttf?t=1623035434172") format("truetype");
+    font-family: 'iconfont'; /* Project id 2167017 */
+    src: url('//at.alicdn.com/t/font_2167017_wrd31fts4a.woff2?t=1623035434172') format('woff2'),
+        url('//at.alicdn.com/t/font_2167017_wrd31fts4a.woff?t=1623035434172') format('woff'),
+        url('//at.alicdn.com/t/font_2167017_wrd31fts4a.ttf?t=1623035434172') format('truetype');
 }
 
 .zoniot_font {
-    font-family: "zoniot_font" !important;
+    font-family: 'zoniot_font' !important;
     color: $mainTextColor;
     font-size: 16px;
     line-height: 15px;
@@ -698,7 +698,7 @@ a {
     cursor: pointer;
 }
 .iconfont {
-    font-family: "iconfont" !important;
+    font-family: 'iconfont' !important;
     font-size: 14px;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
@@ -789,3 +789,16 @@ div.box-40 {
 .width100 {
     width: 100% !important;
 }
+
+.el-menu--vertical {
+    width: 150px !important;
+    overflow: hidden;
+    border-radius: 10px !important;
+}
+.el-menu--vertical > .el-menu {
+    width: 150px;
+    border-radius: 10px !important;
+}
+.el-menu--vertical > .el-menu > div {
+    width: 150px;
+}

smart/src/components/common/MenuTree.vue

@@ -1,63 +1,104 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-06-06 10:07:09
+ * @LastEditTime: 2022-09-30 15:58:46
+ * @LastEditors: D4THYL3
+ * @Description: In User Settings Edit
+ * @FilePath: \smart\src\components\common\MenuTree.vue
+-->
 <template>
-    <div>
-        <template v-for="item in menuList">
-            <el-submenu v-if="!!item.children" :index="'/' + item.linkPath" :key="item.id">
-                <template slot="title">
-                    <img
-                        :src="`${envConfig.baseImgApi}${
+  <div>
+    <template v-for="item in menuList">
+      <el-submenu
+        v-if="!!item.children"
+        :index="'/' + item.linkPath"
+        :key="item.id"
+      >
+        <template slot="title">
+          <img
+            :src="`${envConfig.baseImgApi}${
                             openArray.includes(item.linkPath) ? item.menuDynamicImage || item.menuImage : item.menuImage
                         }`"
-                        style="width: 14px; height: 14px; margin-right: 10px"
-                    />
-                    <span v-if="!collapse" slot="title">{{ item.name }}</span>
-                </template>
-                <menu-tree :menuList="item.children" :openArray="openArray" />
-            </el-submenu>
-            <el-menu-item v-else :index="'/' + item.linkPath" :key="item.id">
-                <img
-                    :src="`${envConfig.baseImgApi}${
+            style="width: 14px; height: 14px; margin-right: 10px"
+          />
+          <span
+            v-if="!collapse"
+            slot="title"
+          >{{ item.name }}</span>
+        </template>
+        <menu-tree
+          :menuList="item.children"
+          :openArray="openArray"
+        />
+      </el-submenu>
+      <el-menu-item
+        v-else
+        :index="'/' + item.linkPath"
+        :key="item.id"
+      >
+        <!-- <img
+          :src="`${envConfig.baseImgApi}${
                         openArray.includes(item.linkPath) ? item.menuDynamicImage || item.menuImage : item.menuImage
                     }`"
-                    style="width: 14px; height: 14px; margin-right: 10px"
-                />
-                <span slot="title">{{ item.name }}</span>
-            </el-menu-item>
-        </template>
-    </div>
+          style="width: 14px; height: 14px; margin-right: 10px"
+        /> -->
+        <img
+          v-if="item.linkPath == 'newWorkBench/index' || item.linkPath =='flow/index'"
+          :src="`${envConfig.baseImgApi}${
+                        openArray.includes(item.linkPath) ? item.menuDynamicImage || item.menuImage : item.menuImage
+                    }`"
+          style="width: 14px; height: 14px; margin-right: 10px"
+        />
+        <img
+          src="@/assets/img/menuicon/xuanzhong2.png"
+          alt=""
+          v-if="openArray.includes(item.linkPath) && item.linkPath != 'newWorkBench/index' && item.linkPath !='flow/index'"
+          style=" margin-right: 10px"
+        >
+        <img
+          src="@/assets/img/menuicon/changtai.png"
+          alt=""
+          v-if="!openArray.includes(item.linkPath) && item.linkPath != 'newWorkBench/index' && item.linkPath !='flow/index'"
+          style=" margin-right: 10px"
+        >
+        <span slot="title">{{ item.name }}</span>
+      </el-menu-item>
+    </template>
+  </div>
 </template>
 <script>
 import MenuTree from './MenuTree.vue';
 import envConfig from '@/config';
 export default {
-    name: 'MenuTree',
-    data() {
-        return {
-            envConfig: envConfig
-        };
-    },
-    components: {
-        MenuTree
-    },
-    computed: {
-        onRoutes() {
-            return this.$route.path;
-        }
+  name: 'MenuTree',
+  data () {
+    return {
+      envConfig: envConfig
+    };
+  },
+  components: {
+    MenuTree
+  },
+  computed: {
+    onRoutes () {
+      return this.$route.path;
+    }
+  },
+  methods: {},
+  props: {
+    menuList: {
+      type: Array,
+      default: () => []
     },
-    methods: {},
-    props: {
-        menuList: {
-            type: Array,
-            default: () => []
-        },
-        collapse: {
-            type: Boolean,
-            default: false
-        },
-        openArray: {
-            type: Array,
-            default: () => []
-        }
+    collapse: {
+      type: Boolean,
+      default: false
     },
-    created() {}
+    openArray: {
+      type: Array,
+      default: () => []
+    }
+  },
+  created () { }
 };
 </script>

smart/src/components/common/Sidebar.vue

@@ -1,109 +1,125 @@
 <template>
-    <div class="sidebar" :style="collapse ? 'width:85px' : 'width:220px'">
-        <div class="logo" v-if="!collapse">
-            <img style="width: rem(90); height: rem(24)" src="@/assets/img/img_logo2.png" />
-            <div class="title"><span class="point"></span>{{ $store.getters['getThisDetai'].name || sessSetThisDetai }}</div>
-        </div>
-        <div class="logo shrink" v-else>
-            <div class="text">{{ $store.getters['getThisDetai'].name || sessSetThisDetai }}</div>
-        </div>
-        <div class="menu-wrap no-scrollbar">
-            <el-menu
-                class="sidebar-el-menu"
-                ref="sidebarelmenu"
-                :default-active="onRoutes"
-                :collapse="collapse"
-                background-color="#171F32"
-                text-color="#aaadba"
-                active-text-color="#2887f2"
-                unique-opened
-                collapse-transition
-                router
-                :style="collapse ? 'width:84px' : 'width:220px'"
-            >
-                <menu-tree :menuList="menuList" :collapse="collapse" :openArray="openArray"></menu-tree>
-            </el-menu>
-        </div>
-        <div class="footer">
-            <img
-                :class="[collapse ? 'expandhover' : 'packuphover']"
-                :src="collapse ? btnCollpaseright : btnCollpaseleft"
-                @click="collapseChage"
-            />
-        </div>
+  <div
+    class="sidebar"
+    :style="collapse ? 'width:85px' : 'width:220px'"
+  >
+    <div
+      class="logo"
+      v-if="!collapse"
+    >
+      <img
+        style="width: rem(90); height: rem(24)"
+        src="@/assets/img/img_logo2.png"
+      />
+      <div class="title"><span class="point"></span>{{ $store.getters['getThisDetai'].name || sessSetThisDetai }}</div>
     </div>
+    <div
+      class="logo shrink"
+      v-else
+    >
+      <div class="text">{{ $store.getters['getThisDetai'].name || sessSetThisDetai }}</div>
+    </div>
+    <div class="menu-wrap no-scrollbar">
+      <el-menu
+        class="sidebar-el-menu"
+        ref="sidebarelmenu"
+        :default-active="onRoutes"
+        :collapse="collapse"
+        background-color="#171F32"
+        text-color="#aaadba"
+        active-text-color="#2887f2"
+        unique-opened
+        collapse-transition
+        router
+        :style="collapse ? 'width:84px' : 'width:220px'"
+      >
+        <menu-tree
+          :menuList="menuList"
+          :collapse="collapse"
+          :openArray="openArray"
+        ></menu-tree>
+      </el-menu>
+    </div>
+    <div class="footer">
+      <img
+        :class="[collapse ? 'expandhover' : 'packuphover']"
+        :src="collapse ? btnCollpaseright : btnCollpaseleft"
+        @click="collapseChage"
+      />
+    </div>
+  </div>
 </template>
 
 <script>
 import MenuTree from './MenuTree.vue';
 export default {
-    data() {
-        return {
-            btnCollpaseright: require('@assets/img/btn_collpaseright.png'),
-            btnCollpaseleft: require('@assets/img/btn_collpaseleft.png'),
-            openList: []
-        };
+  data () {
+    return {
+      btnCollpaseright: require('@assets/img/btn_collpaseright.png'),
+      btnCollpaseleft: require('@assets/img/btn_collpaseleft.png'),
+      openList: []
+    };
+  },
+  components: {
+    MenuTree
+  },
+  computed: {
+    onRoutes () {
+      return this.$route.path;
     },
-    components: {
-        MenuTree
-    },
-    computed: {
-        onRoutes() {
-            return this.$route.path;
-        },
-        collapse() {
-            return this.$store.getters['getCollapse'];
-        },
-        menuList() {
-            let list = this.$store.getters['getMenuList'];
-            return list;
-        },
-        openArray() {
-            return this.openList;
-        },
-        sessSetThisDetai() {
-            let text = '';
-            if (!!window.sessionStorage.getItem('setThisDetai')) {
-                text = JSON.parse(window.sessionStorage.getItem('setThisDetai')).name;
-            }
-            return text;
-        }
+    collapse () {
+      return this.$store.getters['getCollapse'];
     },
-    methods: {
-        // 侧边栏折叠
-        collapseChage() {
-            this.$store.dispatch('collapse', !this.collapse);
-        },
-        thisfindMen(arr, indexPath) {
-            let status = [];
-            arr.map((v) => {
-                if (v.children) {
-                    v.children.map((s) => {
-                        if ('/' + s.linkPath === indexPath) {
-                            status.push(v.linkPath, s.linkPath);
-                        }
-                    });
-                } else {
-                    if ('/' + v.linkPath === indexPath) {
-                        status.push(v.linkPath);
-                    }
-                }
-            });
-            return status;
-        }
+    menuList () {
+      let list = this.$store.getters['getMenuList'];
+      return list;
     },
-    watch: {
-        $route(newValue, oldValue) {
-            this.openList = this.thisfindMen(this.$store.getters['getMenuList'], newValue.path);
-        }
+    openArray () {
+      return this.openList;
     },
-    created() {
-        this.openList = this.thisfindMen(this.$store.getters['getMenuList'], this.$route.path);
+    sessSetThisDetai () {
+      let text = '';
+      if (!!window.sessionStorage.getItem('setThisDetai')) {
+        text = JSON.parse(window.sessionStorage.getItem('setThisDetai')).name;
+      }
+      return text;
+    }
+  },
+  methods: {
+    // 侧边栏折叠
+    collapseChage () {
+      this.$store.dispatch('collapse', !this.collapse);
     },
-    mounted() {
-        // this.$refs.sidebarelmenu.$children[0].$children[0].$el.style.paddingLeft = 0;
-        // console.log((this.$refs.sidebarelmenu.$children[0].$children[0].$el.style.paddingLeft = 0));
+    thisfindMen (arr, indexPath) {
+      let status = [];
+      arr.map((v) => {
+        if (v.children) {
+          v.children.map((s) => {
+            if ('/' + s.linkPath === indexPath) {
+              status.push(v.linkPath, s.linkPath);
+            }
+          });
+        } else {
+          if ('/' + v.linkPath === indexPath) {
+            status.push(v.linkPath);
+          }
+        }
+      });
+      return status;
+    }
+  },
+  watch: {
+    $route (newValue, oldValue) {
+      this.openList = this.thisfindMen(this.$store.getters['getMenuList'], newValue.path);
     }
+  },
+  created () {
+    this.openList = this.thisfindMen(this.$store.getters['getMenuList'], this.$route.path);
+  },
+  mounted () {
+    // this.$refs.sidebarelmenu.$children[0].$children[0].$el.style.paddingLeft = 0;
+    // console.log((this.$refs.sidebarelmenu.$children[0].$children[0].$el.style.paddingLeft = 0));
+  }
 };
 </script>
 
@@ -213,7 +229,7 @@ export default {
     background: #2c354a !important;
     border-radius: rem(32) 0px 0px rem(32);
     color: rgb(39, 135, 241) !important;
-    border-right: 2px solid #2787f1;
+    // border-right: 2px solid #2787f1;
     .el-submenu__icon-arrow::before {
         color: rgb(39, 135, 241);
     }

smart/src/utils/http.js

@@ -50,7 +50,7 @@ http.interceptors.response.use(
     (err) => {
         if (err.response.status == 401) {
             axios({
-                url: '/user-auth/user/getUserStatus?accessToken=' + localStorage.getItem('SC_token'),
+                url: '/sc-user-auth/user/getUserStatus?accessToken=' + localStorage.getItem('SC_token'),
                 method: 'get'
             }).then((response) => {
                 if (window.relogin) return false;

smart/src/views/accessRecord/index.js

@@ -97,6 +97,7 @@ export default {
                 // },
                 {
                     label: '操作',
+                    width: '60',
                     slot: 'opt'
                 }
             ]

smart/src/views/accessRecord/index.vue

@@ -133,7 +133,7 @@ export default {
         this.$store.dispatch('addPopup', {
           url: '/accessRecord/setpPage/details.vue',
           width: '950px',
-          height: '595px',
+          height: '520px',
           props: {
             // id: row.id,
             row: row,

smart/src/views/accessRecord/setpPage/details.vue

@@ -4,7 +4,7 @@
       <div class="list-item">
         <el-carousel
           :interval="5000"
-          height="400px"
+          height="380px"
           :arrow='this.arrowPicture'
         >
           <!-- :arrow="this.vehiclePicture.length != 1 ? always : never" -->

smart/src/views/channelManagement/index.js

@@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2022-06-06 10:07:09
+ * @LastEditTime: 2022-09-30 16:02:02
+ * @LastEditors: your name
+ * @Description: In User Settings Edit
+ * @FilePath: \smart\src\views\channelManagement\index.js
+ */
 export default {
     data() {
         return {
@@ -33,6 +41,7 @@ export default {
                 },
                 {
                     label: '操作',
+                    width: '150',
                     slot: 'opt'
                 }
             ]

smart/src/views/onSiteVehicles/index.js

@@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2022-06-06 10:07:09
+ * @LastEditTime: 2022-09-30 16:02:46
+ * @LastEditors: your name
+ * @Description: In User Settings Edit
+ * @FilePath: \smart\src\views\onSiteVehicles\index.js
+ */
 export default {
     data() {
         return {
@@ -75,6 +83,7 @@ export default {
                 },
                 {
                     label: '操作',
+                    width: '60',
                     slot: 'opt'
                 }
             ]

smart/src/views/onSiteVehicles/index.vue

@@ -129,7 +129,7 @@ export default {
         this.$store.dispatch('addPopup', {
           url: '/onSiteVehicles/setpPage/details.vue',
           width: '950px',
-          height: '581px',
+          height: '520px',
           props: {
             parkId: this.mixins_query.parkId,
             // nodeId: row.nodeId,
@@ -183,14 +183,11 @@ export default {
       } else {
         this.mixins_dataUrl = '/sc-community/parkingCar/queryPresenceVehicles';
         this.mixins_query = { plateNo: this.mixins_query.plateNo, parkId: this.mixins_query.parkId, pageNum: this.mixins_pageset.pageIndex, pageSize: this.mixins_pageset.pageSize, parkName: this.nameParkingLotName };
-        // console.log('mixins_list', this.mixins_query);
         this.mixins_search();
       }
 
     },
     shijianc (countTime) {
-
-      // var D = parseInt((tiem)/60/24)
       let day = parseInt(countTime / 60 / 24);
       let hr = parseInt(countTime / 60 % 24);
       let min = parseInt(countTime % 60);

smart/src/views/onSiteVehicles/setpPage/details.vue

@@ -4,7 +4,7 @@
       <div class="list-item">
         <el-carousel
           :interval="5000"
-          height="400px"
+          height="380px"
           :arrow="this.arrowPicture"
         >
           <el-carousel-item
@@ -324,4 +324,9 @@ export default {
 .el-carousel__item:nth-child(2n + 1) {
     background-color: #d3dce6;
 }
+
+.el-button--success {
+    background-color: #0eaeff;
+    border: #0eaeff;
+}
 </style>

smart/src/views/parkingManagement/index.js

@@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2022-06-06 10:07:09
+ * @LastEditTime: 2022-09-30 16:02:19
+ * @LastEditors: your name
+ * @Description: In User Settings Edit
+ * @FilePath: \smart\src\views\parkingManagement\index.js
+ */
 export default {
     data() {
         return {
@@ -24,6 +32,7 @@ export default {
                 },
                 {
                     label: '操作',
+                    width: '60',
                     slot: 'opt'
                 }
             ]

smart/src/views/parkingSpaceManagement/parkingSpaceList.vue

@@ -176,6 +176,7 @@ export default {
         {
           label: '操作',
           prop: 'opt',
+          width: '80',
           slot: 'opt'
         }
       ],

smart/src/views/rechargeRecord/index.js

@@ -94,6 +94,7 @@ export default {
                 },
                 {
                     label: '操作',
+                    width: '60',
                     slot: 'opt'
                 }
             ]

smart/src/views/temporaryStopCharge/index.js

@@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2022-06-06 10:07:09
+ * @LastEditTime: 2022-09-30 16:07:23
+ * @LastEditors: your name
+ * @Description: In User Settings Edit
+ * @FilePath: \smart\src\views\temporaryStopCharge\index.js
+ */
 export default {
     data() {
         return {
@@ -68,6 +76,7 @@ export default {
                 },
                 {
                     label: '操作',
+                    width: '60',
                     slot: 'opt'
                 }
             ]

smart/src/views/temporaryStopCharge/setpPage/details.vue

@@ -23,18 +23,16 @@
         </div>
         <!-- <div style="color: #29B6FF;">已支付</div> -->
 
-        <el-form
-          label-width="110px"
-          class="formContent_laber"
-        >
+        <el-form class="formContent_laber">
           <template>
             <el-col
               :span="8"
               v-for="(item,index) in cols"
               :key="index"
+              class="whitespace"
             >
               <span>{{item.name}}</span>
-              <span>{{item.label}}</span>
+              <span :title='item.label'>{{item.label}}</span>
             </el-col>
           </template>
         </el-form>
@@ -177,4 +175,9 @@ export default {
 .formContent_laber > .el-col {
     margin: 15px 0 !important;
 }
+.whitespace {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 </style>

smart/src/views/vehicleInformation/index.js

@@ -93,6 +93,7 @@ export default {
                 },
                 {
                     label: '操作',
+                    width: '120',
                     slot: 'opt'
                 }
             ]

smart/src/views/vehicleInformation/index.vue

@@ -233,7 +233,7 @@ export default {
         this.$store.dispatch('addPopup', {
           url: '/vehicleInformation/setpPage/recharge.vue',
           width: '511px',
-          height: '683px',
+          height: '690px',
           props: {
             userName: row.userName,
             cardType: row.cardType,

smart/src/views/vehicleInformation/setpPage/recharge.vue

@@ -29,7 +29,7 @@
               style="content: '*';color: #F56C6C;"
             >*</el-col>
             <el-col :span="4">充值规则</el-col>
-            <el-col :span="19">
+            <el-col :span="17">
               <el-form-item
                 prop="parkingArea"
                 ref="againValue"
@@ -74,8 +74,11 @@
               </el-col>
             </el-col>
             <el-col :span="12">
-              <el-col :span="8">赠送天数</el-col>
-              <el-col :span="15">
+              <el-col
+                :span="8"
+                style="margin-left: 5px;"
+              >赠送天数</el-col>
+              <el-col :span="10">
                 <el-select
                   disabled
                   :placeholder='valueselect'
@@ -202,8 +205,11 @@
           </el-col>
           <!-- 备注 -->
           <el-col :span="24">
-            <el-col :span="4">充值备注</el-col>
-            <el-col :span="20">
+            <el-col
+              :span="4"
+              style="margin-right: 3px;"
+            >充值备注</el-col>
+            <el-col :span="17">
               <el-input
                 type="textarea"
                 :rows="3"