css

device-manager-ui/admin/public/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <link rel="icon" href="<%= BASE_URL %>sbgl.ico" />
     <title>设备管理平台</title>
     <link
       rel="stylesheet"

device-manager-ui/admin/src/assets/less/common.less

@@ -328,3 +328,7 @@
   text-align: right;
 }
 
+.addclass {
+  background: linear-gradient(90deg, #5ab6ff 0%, #2e9aff 100%) !important;
+  color: #fff !important;
+}

device-manager-ui/admin/src/assets/mixins/table.js

@@ -199,7 +199,7 @@ export default {
     formatterLink(row, column, val) {
       //const content = formatter(this.tableData, column-2, val);
 
-      return <el-link type="primary" href={val} target="_blank">{row.fileName}</el-link>
+      return <el-link type="primary" class="addclass"  href={val} target="_blank">{row.fileName}</el-link>
       //return content;
       // return content ? <el-tag type={'info'} size='mini'>{content}</el-tag> : val
     },

device-manager-ui/admin/src/components/Confirm.vue

@@ -7,7 +7,7 @@
     <p>{{message}}</p>
     <div style="text-align: right; margin: 0">
       <el-button size="mini" type="text" @click="visible = false">取消</el-button>
-      <el-button type="primary" size="mini" @click="change">确定</el-button>
+      <el-button type="primary" class="addclass"  size="mini" @click="change">确定</el-button>
     </div>
     <label slot="reference">
       <slot></slot>

device-manager-ui/admin/src/components/DeviceSwitch.vue

@@ -7,7 +7,7 @@
         <el-button size="mini" type="text" @click="visible = false"
           >取消</el-button
         >
-        <el-button type="primary" size="mini" @click="statusClick"
+        <el-button type="primary" class="addclass"  size="mini" @click="statusClick"
           >确定</el-button
         >
       </div>

device-manager-ui/admin/src/components/FileUpload.vue

@@ -14,7 +14,7 @@
       ref="upload"
     >
       <!-- 上传按钮 -->
-      <el-button size="mini" type="primary">选取文件</el-button>
+      <el-button size="mini" type="primary" class="addclass" >选取文件</el-button>
 
       <!-- 上传提示 -->
       <div class="el-upload__tip" slot="tip" v-if="showTip">

device-manager-ui/admin/src/components/Header.vue

@@ -15,7 +15,7 @@
               height="27"
               width="27"
             />
-            <b style="color: white; font-size: 18px; margin-right: 42px">
+            <b style="color: white; font-size: 20px; font-weight: bold; margin-right: 20px">
               AIOT智慧边缘物联网系统</b
             >
           </router-link>
@@ -250,9 +250,10 @@ export default {
     line-height: 66px;
     font-size: 14px;
     color: #eee;
-    background: #2681e8;
+    background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
     .layout-logo {
       height: 50px;
+      padding-left: 23px;
       .el-icon-menu {
         display: none;
       }
@@ -276,8 +277,9 @@ export default {
             //background: #1890ff;
             color: #fff;
             list-style-type: none;
-            border-bottom: 3px solid #fff;
+            // border-bottom: 3px solid #fff;
             padding-bottom: 2px;
+            background-color: #1890ff;
           }
         }
       }
@@ -305,7 +307,7 @@ export default {
       li {
         a {
           display: block;
-          padding: 0 10px;
+          padding: 0 15px;
           height: 40px;
           line-height: 40px;
           font-size: 14px;
@@ -313,6 +315,7 @@ export default {
           &.router-link-active,
           &[active] {
             color: #1890ff;
+            font-weight: 600;
             border-bottom: 2px solid #1890ff;
           }
         }
@@ -321,7 +324,7 @@ export default {
   }
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1500px) {
   .layout-header {
     .mobile-menu-list {
       display: flex;
@@ -351,6 +354,7 @@ export default {
       width: 100%;
       .layout-logo {
         width: 40px;
+        height: 66px;
         .el-icon-menu {
           margin: auto;
           display: inline-block;

device-manager-ui/admin/src/components/HeaderSite.vue

@@ -30,7 +30,7 @@
       </div>
       <div class="site-btn">
         <el-button
-          type="primary"
+          type="primary" class="addclass" 
           size="small"
           style="margin-right: 10px"
           @click="onSucessSite"
@@ -156,7 +156,7 @@ export default {
 }
 .ant-dropdown-link {
   padding: 0 20px;
-  font-size: 14px;
+  font-size: 16px;
   min-width: 200px;
   color: #eee;
   display: inline-block;

device-manager-ui/admin/src/components/MapDetail.vue

@@ -146,7 +146,7 @@ export default {
 <style lang="less">
 .tuli {
   width: 400px;
-  top: 60px;
+  top: 20px;
   left: 34px;
   position: absolute;
   float: left;

device-manager-ui/admin/src/components/SearchForm.vue

@@ -153,7 +153,7 @@
 
       <el-form-item>
         <el-button
-          type="primary"
+          type="primary" class="addclass" 
           icon="el-icon-search"
           @click="onSubmit"
           title="查询"

device-manager-ui/admin/src/components/Switch.vue

@@ -7,7 +7,7 @@
         <el-button size="mini" type="text" @click="visible = false"
           >取消</el-button
         >
-        <el-button type="primary" size="mini" @click="statusClick"
+        <el-button type="primary" class="addclass"  size="mini" @click="statusClick"
           >确定</el-button
         >
       </div>

device-manager-ui/admin/src/components/Table.vue

@@ -13,7 +13,7 @@
           <slot name="table-head-center">
             <el-button
               v-if="isShowButton('notAdd')"
-              type="primary"
+              type="primary" class="addclass" 
               icon="el-icon-plus"
               plain
               size="mini"
@@ -316,7 +316,7 @@ export default {
     margin-bottom: 10px;
     //padding-bottom: 12px;
     // padding-top: 7px;
-    border-bottom: 1px solid #ededed;
+    // border-bottom: 1px solid #ededed;
     .el-breadcrumb {
       margin-right: 30px;
     }

device-manager-ui/admin/src/components/tools/FormButtons.vue

@@ -3,7 +3,7 @@
     <el-form-item>
         <slot name="prepend"></slot>
         <slot>
-            <el-button v-if="!noSaveBtn" type="primary" @click='$emit("submit")' size='small' icon='el-icon-circle-check-outline'>保存</el-button>
+            <el-button v-if="!noSaveBtn" type="primary" class="addclass"  @click='$emit("submit")' size='small' icon='el-icon-circle-check-outline'>保存</el-button>
             <el-button v-if="!noCancelBtn" @click="$router.go(-1)" size='small' icon='el-icon-circle-close-outline'>取消</el-button>
         </slot>
         <slot name="append"></slot>

device-manager-ui/admin/src/views/alarm/config/dialogshow.vue

@@ -45,7 +45,7 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button
-        type="primary"
+        type="primary" class="addclass" 
         v-if="pageInfo.type !== 'view'"
         @click="submitForm"
         >确 定</el-button

device-manager-ui/admin/src/views/alarm/config/view.vue

@@ -12,7 +12,7 @@
         基本详细信息
       </template>
       <template slot="extra">
-        <el-button type="primary" @click="$router.go(-1)" size="small"
+        <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small"
           >返回</el-button
         >
       </template>

device-manager-ui/admin/src/views/alarm/sms/send/dialogshow.vue

@@ -13,7 +13,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/alarm/sms/send/list.vue

 <template>
   <div class="page">
     <LayoutTable :data="tableData" notAdd notDel :config="tableConfig">
-      <el-button
-        slot="table-head-left2"
-        style="margin-left: 10px"
-        icon="el-icon-tickets"
-        size="mini"
-        @click="doExport"
-        :disabled="isExport"
-        >导出</el-button
-      >
+      <el-button slot="table-head-left2" style="margin-left: 10px" type="primary" size="mini" @click="doExport"
+        :disabled="isExport">导出</el-button>
     </LayoutTable>
 
     <drawer-show ref="drawerform" @ok="getData" />
@@ -135,6 +128,7 @@ export default {
 <style lang="less" >
 .buttons {
   display: flex;
+
   .el-row {
     margin-left: 20px;
   }

device-manager-ui/admin/src/views/alarm/sms/send/view.vue

@@ -6,7 +6,7 @@
                 基本详细信息
             </template>
             <template slot="extra">
-                <el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
+                <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small">返回</el-button>
             </template>
                                     <el-descriptions-item label="电话号码" label-class-name="labelClass" content-class-name="contentClass">
                             {{form.mobile}}

device-manager-ui/admin/src/views/analysis/components/HeaderSite.vue

@@ -28,7 +28,7 @@
       </div>
       <div class="site-btn">
         <el-button
-          type="primary"
+          type="primary" class="addclass" 
           size="small"
           style="margin-right: 10px"
           @click="onSucessSite"

device-manager-ui/admin/src/views/app/publish/dialogshow.vue

@@ -14,7 +14,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/app/publish/view.vue

@@ -6,7 +6,7 @@
                 基本详细信息
             </template>
             <template slot="extra">
-                <el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
+                <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small">返回</el-button>
             </template>
                                     <el-descriptions-item label="应用编码" label-class-name="labelClass" content-class-name="contentClass">
                             {{form.appCode}}

device-manager-ui/admin/src/views/device/alarm/info/dialogshow.vue

@@ -58,7 +58,7 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button
-        type="primary"
+        type="primary" class="addclass" 
         v-if="pageInfo.type !== 'view'"
         @click="submitForm"
         >确 定</el-button

device-manager-ui/admin/src/views/device/alarm/info/list.vue

 <template>
   <div class="page">
     <LayoutTable :data="tableData" notAdd notDel :config="tableConfig">
-      <el-button
-        slot="table-head-left2"
-        style="margin-left: 10px"
-        icon="el-icon-tickets"
-        size="mini"
-        @click="doExport"
-        :disabled="isExport"
-        >导出</el-button
-      >
+      <el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass"  size="mini" @click="doExport"
+        :disabled="isExport">导出</el-button>
 
-      <el-tag slot="table-head-row2-left" size="mini"
-        >告警次数：{{ tableData.totalCount }}次</el-tag
-      >
+      <el-tag slot="table-head-row2-left" size="mini" style="margin: 10px">告警次数：{{ tableData.totalCount }}次</el-tag>
 
-      <el-tag
-        slot="table-head-row2-left"
-        size="mini"
-        style="margin: 5px"
-        type="danger"
-        >危险：{{ tableData.dangerCount }}次</el-tag
-      >
+      <el-tag slot="table-head-row2-left" size="mini" style="margin: 10px" type="danger">危险：{{ tableData.dangerCount
+      }}次</el-tag>
 
-      <el-tag
-        slot="table-head-row2-left"
-        size="mini"
-        style="margin: 5px"
-        type="warning"
-        >次要：{{ tableData.subCount }}次</el-tag
-      >
+      <el-tag slot="table-head-row2-left" size="mini" style="margin: 10px" type="warning">次要：{{ tableData.subCount
+      }}次</el-tag>
 
-      <el-tag
-        slot="table-head-row2-left"
-        size="mini"
-        style="margin: 5px"
-        type="info"
-        >一般：{{ tableData.normalCount }}次</el-tag
-      >
+      <el-tag slot="table-head-row2-left" size="mini" style="margin: 10px" type="info">一般：{{ tableData.normalCount
+      }}次</el-tag>
     </LayoutTable>
 
     <dialog-show ref="dialogform" @ok="getData" />

device-manager-ui/admin/src/views/device/dialogshow.vue

@@ -29,7 +29,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/device/log/dialogshow.vue

@@ -12,7 +12,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/device/log/view.vue

@@ -6,7 +6,7 @@
                 基本详细信息
             </template>
             <template slot="extra">
-                <el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
+                <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small">返回</el-button>
             </template>
                                     <el-descriptions-item label="设备编号" label-class-name="labelClass" content-class-name="contentClass">
                             {{form.deviceNum}}

device-manager-ui/admin/src/views/device/module/dialogshow.vue

@@ -10,7 +10,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/device/module/distribute/dialogshow.vue

@@ -17,7 +17,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/device/module/distribute/view.vue

@@ -6,7 +6,7 @@
                 基本详细信息
             </template>
             <template slot="extra">
-                <el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
+                <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small">返回</el-button>
             </template>
                                     <el-descriptions-item label="产品Id" label-class-name="labelClass" content-class-name="contentClass">
                             {{form.productId}}

device-manager-ui/admin/src/views/device/module/use/dialogshow.vue

@@ -12,7 +12,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/device/module/use/view.vue

@@ -6,7 +6,7 @@
                 基本详细信息
             </template>
             <template slot="extra">
-                <el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
+                <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small">返回</el-button>
             </template>
                                     <el-descriptions-item label="模块名称" label-class-name="labelClass" content-class-name="contentClass">
                             {{form.moduleName}}

device-manager-ui/admin/src/views/device/module/view.vue

@@ -6,7 +6,7 @@
                 基本详细信息
             </template>
             <template slot="extra">
-                <el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
+                <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small">返回</el-button>
             </template>
                                     <el-descriptions-item label="模块名称" label-class-name="labelClass" content-class-name="contentClass">
                             {{form.moduleName}}

device-manager-ui/admin/src/views/firm/dialogshow.vue

@@ -11,7 +11,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/firm/list.vue

 <template>
   <div class="page">
+    <div class="xs-title">
+      <div class="active">生产产商</div>
+    </div>
     <LayoutTable :data="tableData" :config="tableConfig"> </LayoutTable>
 
     <drawer-show ref="drawerform" @ok="getData" />
@@ -17,7 +20,7 @@ export default {
     drawerShow,
   },
   mixins: [table],
-  created() {},
+  created() { },
   methods: {
     /** 重写新增方法 */
     toAdd(row) {
@@ -85,4 +88,23 @@ export default {
     };
   },
 };
-</script>
\ No newline at end of file
+</script>
+
+<style scoped lang="less">
+.xs-title {
+  padding-left: 20px;
+  background: #fff;
+  border-bottom: 1px solid #ededed;
+  display: flex;
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+
+  .active {
+    color: #1890ff;
+    font-weight: 600;
+    border-bottom: 2px solid #1890ff;
+    padding: 0 15px;
+  }
+}
+</style>
\ No newline at end of file

device-manager-ui/admin/src/views/firm/view.vue

@@ -6,7 +6,7 @@
                 基本详细信息
             </template>
             <template slot="extra">
-                <el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
+                <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small">返回</el-button>
             </template>
                                     <el-descriptions-item label="设备生产厂商名称" label-class-name="labelClass" content-class-name="contentClass">
                             {{form.firmName}}

device-manager-ui/admin/src/views/login/login.vue

@@ -19,7 +19,7 @@
         </el-form-item>
         <el-form-item size="large">
           <el-button
-            type="primary"
+            type="primary" class="addclass" 
             native-type="submit"
             :loading="loading"
             @click="onSubmit"

device-manager-ui/admin/src/views/platform/dialogshow.vue

@@ -16,7 +16,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/product/dialogshow.vue

@@ -11,7 +11,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/product/version/view.vue

@@ -6,7 +6,7 @@
                 基本详细信息
             </template>
             <template slot="extra">
-                <el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
+                <el-button type="primary" class="addclass"  @click="$router.go(-1)" size="small">返回</el-button>
             </template>
                                     <el-descriptions-item label="产品Id" label-class-name="labelClass" content-class-name="contentClass">
                             {{form.productId}}

device-manager-ui/admin/src/views/site/dialogshow.vue

@@ -35,7 +35,7 @@
 
         </el-form>
         <div slot="footer" class="dialog-footer">
-            <el-button type="primary" v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
+            <el-button type="primary" class="addclass"  v-if="pageInfo.type !== 'view'" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>
         </div>
     </el-dialog>

device-manager-ui/admin/src/views/sitestat/dialogshow.vue

@@ -57,7 +57,7 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button
-        type="primary"
+        type="primary" class="addclass" 
         v-if="pageInfo.type !== 'view'"
         @click="submitForm"
         >确 定</el-button

device-manager-ui/admin/src/views/sitestat/list.vue

 <template>
   <div class="page">
-    <el-row :gutter="20">
+    <el-row :gutter="20" class="pd20">
       <el-col :span="6" :xs="12" class="mytree">
         <el-card>
           <div slot="header">
             <span><b class="cardTitle">站点分布</b></span>
-            <el-button style="float: right" @click="switchStat" type="text"
-              >切换为地图模式</el-button
-            >
+            <el-button style="float: right" @click="switchStat" type="text">切换为地图模式</el-button>
           </div>
           <el-scrollbar style="height: 100%">
-            <el-tree
-              size="mini"
-              ref="siteTree"
-              :data="areaData"
-              id="el-tree"
-              node-key="id"
-              indent="4"
-              :props="treeProps"
-              :load="loadNode"
-              highlight-current
-              default-expand-all
-              :expand-on-click-node="false"
-              :render-content="renderContent"
-              @node-click="handleNodeClick"
-            >
+            <el-tree size="mini" ref="siteTree" :data="areaData" id="el-tree" node-key="id" indent="4" :props="treeProps"
+              :load="loadNode" highlight-current default-expand-all :expand-on-click-node="false"
+              :render-content="renderContent" @node-click="handleNodeClick">
             </el-tree>
           </el-scrollbar>
         </el-card>
@@ -33,22 +19,9 @@
       <el-col :span="18" :xs="12">
         <el-card>
           <el-row>
-            <LayoutTable
-              ref="layoutTable"
-              :data="tableData"
-              notAdd
-              notDel
-              :config="tableConfig"
-            >
-              <el-button
-                slot="table-head-left2"
-                style="margin-left: 10px"
-                icon="el-icon-tickets"
-                size="mini"
-                @click="doExport"
-                :disabled="isExport"
-                >导出</el-button
-              >
+            <LayoutTable ref="layoutTable" :data="tableData" notAdd notDel :config="tableConfig">
+              <el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini" @click="doExport"
+                :disabled="isExport">导出</el-button>
             </LayoutTable>
           </el-row>
         </el-card>
@@ -245,9 +218,11 @@ export default {
 .el-card__body {
   padding: 10px;
 }
+
 .el-calendar-table .el-calendar-day {
   height: 70px;
 }
+
 .is-selected {
   color: #fa3b19;
 }
@@ -261,32 +236,32 @@ export default {
   border-bottom: 3px solid rgb(20, 134, 248);
   padding-bottom: 2px;
 }
+
 .mytree ::v-deep {
-  .el-tree--highlight-current
-    ::v-deep
-    .el-tree-node.is-checked
-    > .el-tree-node__content {
+  .el-tree--highlight-current ::v-deep .el-tree-node.is-checked>.el-tree-node__content {
     background-color: rgb(255, 255, 255);
     color: rgb(64, 158, 255);
   }
-  .el-tree--highlight-current
-    ::v-deep
-    .el-tree-node.is-current
-    > .el-tree-node__content {
+
+  .el-tree--highlight-current ::v-deep .el-tree-node.is-current>.el-tree-node__content {
     background-color: rgb(255, 255, 255);
     color: rgb(64, 158, 255);
   }
-  .el-tree > .el-tree-node:after {
+
+  .el-tree>.el-tree-node:after {
     border-top: none;
   }
+
   .el-tree-node {
     position: relative;
     padding-left: 16px;
   }
+
   //节点有间隙，隐藏掉展开按钮就好了,如果觉得空隙没事可以删掉
   .el-tree-node__expand-icon.is-leaf {
     display: none;
   }
+
   .el-tree-node__children {
     padding-left: 16px;
   }
@@ -295,11 +270,11 @@ export default {
     height: 38px;
   }
 
-  .el-tree > .el-tree-node:before {
+  .el-tree>.el-tree-node:before {
     border-left: none;
   }
 
-  .el-tree > .el-tree-node:after {
+  .el-tree>.el-tree-node:after {
     border-top: none;
   }
 

device-manager-ui/admin/src/views/sitestat/mapDetail.vue

@@ -2,21 +2,13 @@
   <div>
     <MapDetail ref="map" :markersData="originData" @choose="getDetailData">
       <el-card body-style="padding:0px;" slot="leftTop1">
-        <el-button
-          type="text"
-          size="mini"
-          style="margin-left: 10px"
-          icon="el-icon-back"
-          @click="switchStat"
-          >返回至站点分布</el-button
-        >
+        <el-button type="text" size="mini" style="margin-left: 10px" icon="el-icon-back"
+          @click="switchStat">返回至站点分布</el-button>
       </el-card>
 
       <el-card slot="leftTop">
         <el-row type="flex" justify="space-between">
-          <span style="font-size: 18px"
-            ><b>{{ info.siteName }}</b></span
-          >
+          <span style="font-size: 18px"><b>{{ info.siteName }}</b></span>
         </el-row>
 
         <el-divider></el-divider>
@@ -27,11 +19,8 @@
           <el-descriptions-item label="站点地址">{{
             info.address
           }}</el-descriptions-item>
-          <el-descriptions-item
-            label="联系人"
-            :labelStyle="{ 'text-align': 'right', width: '50px' }"
-            >{{ info.leadingOfficial }}</el-descriptions-item
-          >
+          <el-descriptions-item label="联系人" :labelStyle="{ 'text-align': 'right', width: '50px' }">{{ info.leadingOfficial
+          }}</el-descriptions-item>
           <el-descriptions-item label="联系电话">
             {{ info.leadingOfficialTelephone }}
           </el-descriptions-item>
@@ -43,33 +32,23 @@
         <el-divider></el-divider>
         <el-row type="flex" justify="space-around">
           <el-col :span="4">
-            <span style="font-size: 13px"
-              ><b>{{ info.deviceTotal }}</b></span
-            ><br />
+            <span style="font-size: 13px"><b>{{ info.deviceTotal }}</b></span><br />
             <span style="font-size: 12px">设备总数</span>
           </el-col>
           <el-col :span="4">
-            <span style="font-size: 13px"
-              ><b style="color: green">{{ info.onlineCount }}</b></span
-            ><br />
+            <span style="font-size: 13px"><b style="color: green">{{ info.onlineCount }}</b></span><br />
             <span style="font-size: 12px">在线</span>
           </el-col>
           <el-col :span="4">
-            <span style="font-size: 13px"
-              ><b style="color: red">{{ info.offlineCount }}</b></span
-            ><br />
+            <span style="font-size: 13px"><b style="color: red">{{ info.offlineCount }}</b></span><br />
             <span style="font-size: 12px">离线</span>
           </el-col>
           <el-col :span="4">
-            <span style="font-size: 13px"
-              ><b style="color: orange">{{ info.stopCount }}</b></span
-            ><br />
+            <span style="font-size: 13px"><b style="color: orange">{{ info.stopCount }}</b></span><br />
             <span style="font-size: 12px">停用</span>
           </el-col>
           <el-col :span="4">
-            <span style="font-size: 13px"
-              ><b style="color: grey">{{ info.unActiveCount }}</b></span
-            ><br />
+            <span style="font-size: 13px"><b style="color: grey">{{ info.unActiveCount }}</b></span><br />
             <span style="font-size: 12px">待激活</span>
           </el-col>
         </el-row>
@@ -77,81 +56,39 @@
         <el-divider></el-divider>
 
         <el-row type="flex" justify="space-around" style="margin-top: 10px">
-          <el-button
-            type="primary"
-            @click="switchList"
-            size="mini"
-            icon="el-icon-tickets"
-            >列表模式</el-button
-          >
-
-          <el-button type="primary" size="mini" icon="el-icon-edit-outline"
-            >编辑站点</el-button
-          >
-
-          <el-button
-            type="primary"
-            size="mini"
-            @click="addDevice"
-            icon="el-icon-plus"
-            >添加设备</el-button
-          >
+          <el-button type="primary" class="addclass" @click="switchList" size="mini">列表模式</el-button>
+
+          <el-button type="primary" class="addclass" size="mini" icon="el-icon-edit-outline">编辑站点</el-button>
+
+          <el-button type="primary" class="addclass" size="mini" @click="addDevice" icon="el-icon-plus">添加设备</el-button>
         </el-row>
       </el-card>
 
-      <el-col
-        slot="rightTop"
-        style="box-shadow: 12px 2px 12px 12px rgba(0, 0, 0, 0.1)"
-      >
+      <el-col slot="rightTop" style="box-shadow: 12px 2px 12px 12px rgba(0, 0, 0, 0.1)">
         <el-row type="flex" justify="space-around">
-          <el-select
-            style="padding: 5px"
-            size="mini"
-            @change="deviceStatuschange"
-            v-model="deviceStatus"
-            placeholder="请选择设备状态"
-          >
-            <el-option
-              v-for="($label, $value) in tableData.dict.deviceStatus"
-              :key="$value"
-              :label="$label"
-              :value="$value"
-            ></el-option>
+          <el-select style="padding: 5px" size="mini" @change="deviceStatuschange" v-model="deviceStatus"
+            placeholder="请选择设备状态">
+            <el-option v-for="($label, $value) in tableData.dict.deviceStatus" :key="$value" :label="$label"
+              :value="$value"></el-option>
           </el-select>
           <span> </span>
         </el-row>
 
         <el-row>
-          <el-input
-            size="mini"
-            v-model="deviceName"
-            @change="deviceNameChange"
-            style="padding: 5px"
-            placeholder="请输入设备编码"
-          ></el-input>
+          <el-input size="mini" v-model="deviceName" @change="deviceNameChange" style="padding: 5px"
+            placeholder="请输入设备编码"></el-input>
         </el-row>
 
         <el-divider></el-divider>
 
-        <el-row
-          v-for="(label, value, index) in tableData.dict.productId"
-          :key="index"
-          type="flex"
-          style="border-bottom: 1px solid #e8eaec; padding: 10px"
-          justify="space-between"
-        >
+        <el-row v-for="(label, value, index) in tableData.dict.productId" :key="index" type="flex"
+          style="border-bottom: 1px solid #e8eaec; padding: 10px" justify="space-between">
           <!-- <img src="../../assets/images/排队机.png" alt="" /> -->
           <img :src="require(`../../assets/images/${label}.png`)" />
           <!-- <i style="font-size: 20px" class="el-icon-location-information"></i> -->
           <span style="font-size: 12px">{{ label }}</span>
-          <el-switch
-            v-model="items[index]"
-            :active-value="value"
-            :inactive-value="0"
-            @change="switchChange"
-            active-color="#2882ED"
-            inactive-color="#8C8B8E"
-          >
+          <el-switch v-model="items[index]" :active-value="value" :inactive-value="0" @change="switchChange"
+            active-color="#2882ED" inactive-color="#8C8B8E">
           </el-switch>
         </el-row>
       </el-col>
@@ -363,6 +300,7 @@ export default {
   background: 0 0;
   border-top: 1px solid #e8eaec;
 }
+
 .back {
   width: 200px;
   top: 20px;
@@ -370,9 +308,11 @@ export default {
   position: absolute;
   float: left;
 }
+
 .el-row {
   margin-bottom: 5px;
   margin-top: 5px;
+
   &:last-child {
     margin: 0;
   }
@@ -384,58 +324,72 @@ export default {
   font-size: 18px;
   color: red;
 }
+
 .location1 {
   font-size: 18px;
   color: blueviolet;
 }
+
 .location2 {
   font-size: 18px;
   color: aqua;
 }
+
 .location3 {
   font-size: 18px;
   color: coral;
 }
+
 .location4 {
   font-size: 18px;
   color: slateblue;
 }
+
 .location5 {
   font-size: 18px;
   color: purple;
 }
+
 .location6 {
   font-size: 18px;
   color: darkgreen;
 }
+
 .location7 {
   font-size: 18px;
   color: magenta;
 }
+
 .location8 {
   font-size: 18px;
   color: goldenrod;
 }
+
 .location9 {
   font-size: 18px;
   color: orchid;
 }
+
 .location10 {
   font-size: 18px;
   color: navy;
 }
+
 .location11 {
   font-size: 18px;
   color: darkred;
 }
+
 .location12 {
   font-size: 18px;
   color: forestgreen;
 }
+
 .location13 {
   font-size: 18px;
   color: cyan;
 }
+
 .location14 {
   font-size: 18px;
   color: deepskyblue;

device-manager-ui/admin/src/views/system/menu/dialogshow.vue

@@ -69,7 +69,7 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button
-        type="primary"
+        type="primary" class="addclass" 
         v-if="pageInfo.type !== 'view'"
         @click="submitForm"
         >确 定</el-button

device-manager-ui/admin/src/views/system/param/dialogshow.vue

@@ -58,7 +58,7 @@
       </el-row>
     </el-form>
     <div slot="footer" class="dialog-footer">
-      <el-button type="primary" @click="submitForm">确 定</el-button>
+      <el-button type="primary" class="addclass"  @click="submitForm">确 定</el-button>
       <el-button @click="cancel">取 消</el-button>
     </div>
   </el-dialog>

device-manager-ui/admin/src/views/system/resource/dialogshow.vue

@@ -66,7 +66,7 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button
-        type="primary"
+        type="primary" class="addclass" 
         v-if="pageInfo.type !== 'view'"
         @click="submitForm"
         >确 定</el-button

device-manager-ui/admin/src/views/system/role/dialogshow.vue

@@ -29,7 +29,7 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button
-        type="primary"
+        type="primary" class="addclass" 
         v-if="pageInfo.type !== 'view'"
         @click="submitForm"
         >确 定</el-button

device-manager-ui/admin/src/views/system/role/list.vue

@@ -31,7 +31,7 @@
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button size="mini" @click="auth.visible = false">取 消</el-button>
-        <el-button size="mini" type="primary" @click="saveAuth"
+        <el-button size="mini" type="primary" class="addclass"  @click="saveAuth"
           >确 定</el-button
         >
       </div>
@@ -74,7 +74,7 @@
             />
             <el-col style="text-align: center">
               <el-button
-                type="primary"
+                type="primary" class="addclass" 
                 size="mini"
                 icon="el-icon-search"
                 @click="searchUserList"
@@ -145,7 +145,7 @@
         </el-form>
         <div slot="footer" class="dialog-footer">
           <el-button size="mini" @click="user.visible = false">取 消</el-button>
-          <el-button size="mini" type="primary" @click="saveUser"
+          <el-button size="mini" type="primary" class="addclass"  @click="saveUser"
             >确 定</el-button
           >
         </div>

device-manager-ui/admin/src/views/system/task/dialogshow.vue

@@ -60,7 +60,7 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button
-        type="primary"
+        type="primary" class="addclass" 
         v-if="pageInfo.type !== 'view'"
         @click="submitForm"
         >确 定</el-button

device-manager-ui/admin/src/views/system/user/dialogshow.vue

@@ -55,7 +55,7 @@
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button
-        type="primary"
+        type="primary" class="addclass" 
         v-if="pageInfo.type !== 'view'"
         @click="submitForm"
         >确 定</el-button

device-manager-ui/admin/src/views/system/user/list.vue

@@ -35,7 +35,7 @@
         />
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="userRoleConfirm">确 定</el-button>
+        <el-button type="primary" class="addclass"  @click="userRoleConfirm">确 定</el-button>
         <el-button @click="userRoleDialog.open = false">取 消</el-button>
       </div>
     </el-dialog>