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/Home.vue

 <template>
   <div class="page page-home homeIndex" style="min-height: 100vh">
     <el-row :gutter="10">
-      <el-row
-        style="margin-left: 50px; margin-right: 50px"
-        type="flex"
-        justify="end"
-        :gutter="10"
-      >
-        <el-button type="text" size="mini" style="color: #fff"
-          >数据更新:{{
-            formatterDate(statData.updateTime)
-          }}
-          2分钟后自动更新</el-button
-        >
-        <el-button
-          icon="el-icon-refresh"
-          style="color: #fff"
-          size="mini"
-          @click="syncDeviceStat"
-          type="text"
-          >手动刷新</el-button
-        >
+      <el-row style="margin-left: 50px; margin-right: 50px" type="flex" justify="end" :gutter="10">
+        <el-button type="text" size="mini" style="color: #fff">数据更新:{{
+          formatterDate(statData.updateTime)
+        }}
+          2分钟后自动更新</el-button>
+        <el-button icon="el-icon-refresh" style="color: #fff" size="mini" @click="syncDeviceStat"
+          type="text">手动刷新</el-button>
       </el-row>
 
-      <el-card
-        style="
-          margin-left: 50px;
-          margin-right: 50px;
-          margin-top: 10px;
-          height: 160px;
-        "
-      >
+      <el-card style="
+            margin-left: 50px;
+            margin-right: 50px;
+            margin-top: 10px;
+            height: 160px;
+          ">
         <div class="total-list">
           <!-- 设备总数 -->
           <div class="total-item">
             <p class="total-item-count">{{ statData.deviceTotalCount }}</p>
-            <span style="font-size: 12px"
-              ><span class="tips">昨日 </span
-              ><span
-                :class="{
-                  success: statData.deviceAddCount >= 0,
-                  warn: statData.deviceAddCount < 0,
-                }"
-                >{{
-                  statData.deviceAddCount >= 0
-                    ? "+" + statData.deviceAddCount
-                    : "-" + statData.deviceAddCount
-                }}</span
-              ></span
-            >
+            <span style="font-size: 12px"><span class="tips">昨日 </span><span :class="{
+              success: statData.deviceAddCount >= 0,
+              warn: statData.deviceAddCount < 0,
+            }">{{
+  statData.deviceAddCount >= 0
+  ? "+" + statData.deviceAddCount
+  : "-" + statData.deviceAddCount
+}}</span></span>
             <p class="total-item-title">
               <img src="../assets/images/abzs.png" alt="" />
               <span>设备总数</span>
@@ -57,20 +36,14 @@
           <!-- 监控站点数 -->
           <div class="total-item">
             <p class="total-item-count">{{ statData.siteTotalCount }}</p>
-            <span style="font-size: 12px"
-              ><span class="tips">昨日 </span
-              ><span
-                :class="{
-                  success: statData.siteAddCount >= 0,
-                  warn: statData.siteAddCount < 0,
-                }"
-                >{{
-                  statData.siteAddCount >= 0
-                    ? "+" + statData.siteAddCount
-                    : "-" + statData.siteAddCount
-                }}</span
-              ></span
-            >
+            <span style="font-size: 12px"><span class="tips">昨日 </span><span :class="{
+              success: statData.siteAddCount >= 0,
+              warn: statData.siteAddCount < 0,
+            }">{{
+  statData.siteAddCount >= 0
+  ? "+" + statData.siteAddCount
+  : "-" + statData.siteAddCount
+}}</span></span>
             <p class="total-item-title">
               <img src="../assets/images/jczds.png" alt="" />
               <span>监控站点数</span>
@@ -79,12 +52,9 @@
           <!-- 在线设备 -->
           <div class="total-item">
             <p class="total-item-count">{{ statData.deviceOnlineCount }}</p>
-            <span style="font-size: 12px"
-              ><span class="tips">上线率 </span
-              ><span v-bind:class="{ success: statData.deviceOnlineRatio >= 0 }"
-                >{{ (statData.deviceOnlineRatio * 100).toFixed(2) }}%</span
-              ></span
-            >
+            <span style="font-size: 12px"><span class="tips">上线率 </span><span
+                v-bind:class="{ success: statData.deviceOnlineRatio >= 0 }">{{ (statData.deviceOnlineRatio *
+                  100).toFixed(2) }}%</span></span>
             <p class="total-item-title">
               <img src="../assets/images/zxsb.png" alt="" />
               <span>在线设备</span>
@@ -93,12 +63,9 @@
           <!-- 离线率 -->
           <div class="total-item">
             <p class="total-item-count">{{ statData.deviceOfflineCount }}</p>
-            <span style="font-size: 12px"
-              ><span class="tips">离线率 </span
-              ><span v-bind:class="{ warn: statData.deviceOfflineRatio >= 0 }"
-                >{{ (statData.deviceOfflineRatio * 100).toFixed(2) }}%</span
-              ></span
-            >
+            <span style="font-size: 12px"><span class="tips">离线率 </span><span
+                v-bind:class="{ warn: statData.deviceOfflineRatio >= 0 }">{{ (statData.deviceOfflineRatio *
+                  100).toFixed(2) }}%</span></span>
             <p class="total-item-title">
               <img src="../assets/images/lxsb.png" alt="" />
               <span>离线设备</span>
@@ -107,12 +74,9 @@
           <!-- 停用设备 -->
           <div class="total-item">
             <p class="total-item-count">{{ statData.deviceStopRatio }}</p>
-            <span style="font-size: 12px"
-              ><span class="tips">停用率 </span
-              ><span v-bind:class="{ warn: statData.deviceStopRatio >= 0 }"
-                >{{ (statData.deviceStopRatio * 100).toFixed(2) }}%</span
-              ></span
-            >
+            <span style="font-size: 12px"><span class="tips">停用率 </span><span
+                v-bind:class="{ warn: statData.deviceStopRatio >= 0 }">{{ (statData.deviceStopRatio * 100).toFixed(2)
+                }}%</span></span>
             <p class="total-item-title">
               <img src="../assets/images/tusb.png" alt="" />
               <span>停用设备</span>
@@ -121,12 +85,9 @@
           <!-- 未激活设备 -->
           <div class="total-item">
             <p class="total-item-count">{{ statData.deviceUnActiveRatio }}</p>
-            <span style="font-size: 12px"
-              ><span class="tips">未激活率 </span
-              ><span v-bind:class="{ warn: statData.deviceUnActiveRatio >= 0 }"
-                >{{ (statData.deviceUnActiveRatio * 100).toFixed(2) }}%</span
-              ></span
-            >
+            <span style="font-size: 12px"><span class="tips">未激活率 </span><span
+                v-bind:class="{ warn: statData.deviceUnActiveRatio >= 0 }">{{ (statData.deviceUnActiveRatio *
+                  100).toFixed(2) }}%</span></span>
             <p class="total-item-title">
               <img src="../assets/images/wjhsb.png" alt="" />
               <span>未激活设备</span>
@@ -135,20 +96,14 @@
           <!-- 今日警告次数 -->
           <div class="total-item">
             <p class="total-item-count">{{ statData.alarmTotalCount }}</p>
-            <span style="font-size: 12px"
-              ><span class="tips">昨日 </span
-              ><span
-                v-bind:class="{
-                  success: statData.alarmAddCount >= 0,
-                  warn: statData.alarmAddCount < 0,
-                }"
-                >{{
-                  statData.alarmAddCount >= 0
-                    ? "+" + statData.alarmAddCount
-                    : "-" + statData.alarmAddCount
-                }}</span
-              ></span
-            >
+            <span style="font-size: 12px"><span class="tips">昨日 </span><span v-bind:class="{
+              success: statData.alarmAddCount >= 0,
+              warn: statData.alarmAddCount < 0,
+            }">{{
+  statData.alarmAddCount >= 0
+  ? "+" + statData.alarmAddCount
+  : "-" + statData.alarmAddCount
+}}</span></span>
             <p class="total-item-title">
               <img src="../assets/images/gjcs.png" alt="" />
               <span>今日告警次数</span>
@@ -157,20 +112,14 @@
           <!-- 今日消息推送 -->
           <div class="total-item">
             <p class="total-item-count">{{ statData.pushTotalCount }}</p>
-            <span style="font-size: 12px"
-              ><span class="tips">昨日 </span
-              ><span
-                v-bind:class="{
-                  success: statData.pushAddCount >= 0,
-                  warn: statData.pushAddCount < 0,
-                }"
-                >{{
-                  statData.pushAddCount >= 0
-                    ? "+" + statData.pushAddCount
-                    : "-" + statData.pushAddCount
-                }}</span
-              ></span
-            >
+            <span style="font-size: 12px"><span class="tips">昨日 </span><span v-bind:class="{
+              success: statData.pushAddCount >= 0,
+              warn: statData.pushAddCount < 0,
+            }">{{
+  statData.pushAddCount >= 0
+  ? "+" + statData.pushAddCount
+  : "-" + statData.pushAddCount
+}}</span></span>
             <p class="total-item-title">
               <img src="../assets/images/xits.png" alt="" />
               <span>今日消息推送次数</span>
@@ -364,21 +313,13 @@
       </el-card>
     </el-row>
 
-    <el-row
-      style="margin-left: 35px; margin-right: 35px; margin-top: 15px"
-      :gutter="20"
-    >
+    <el-row style="margin-left: 35px; margin-right: 35px; margin-top: 15px" :gutter="20">
       <el-col :span="12">
         <!-- 设备数据 -->
         <el-card class="box-card">
           <div id="deviceTotal" style="width: 100%; height: 300px"></div>
           <!-- 天数选择 -->
-          <el-select
-            class="change-day"
-            v-model="myEchartsDay"
-            size="mini"
-            placeholder="请选择"
-          >
+          <el-select class="change-day" v-model="myEchartsDay" size="mini" placeholder="请选择">
             <el-option label="近15天" :value="15"> </el-option>
             <el-option label="近30天" :value="30"> </el-option>
           </el-select>
@@ -389,12 +330,7 @@
         <el-card class="box-card">
           <div id="deviceStat" style="width: 100%; height: 300px"></div>
           <!-- 天数选择 -->
-          <el-select
-            class="change-day"
-            size="mini"
-            placeholder="请选择"
-            v-model="deviceStatEchartsDay"
-          >
+          <el-select class="change-day" size="mini" placeholder="请选择" v-model="deviceStatEchartsDay">
             <el-option label="近15天" :value="15"> </el-option>
             <el-option label="近30天" :value="30"> </el-option>
           </el-select>
@@ -402,22 +338,14 @@
       </el-col>
     </el-row>
 
-    <el-row
-      style="margin-left: 35px; margin-right: 35px; margin-top: 10px"
-      :gutter="20"
-    >
+    <el-row style="margin-left: 35px; margin-right: 35px; margin-top: 10px" :gutter="20">
       <el-col :span="12">
         <!-- 设备告警 -->
         <el-card class="box-card device-alarm">
           <div id="deviceAlarm" style="width: 70%; height: 300px"></div>
           <div id="PieEcharts" style="width: 30%; height: 300px"></div>
           <!-- 天数选择 -->
-          <el-select
-            class="change-day"
-            v-model="deviceAlarmEchartsDay"
-            size="mini"
-            placeholder="请选择"
-          >
+          <el-select class="change-day" v-model="deviceAlarmEchartsDay" size="mini" placeholder="请选择">
             <el-option label="近15天" :value="15"> </el-option>
             <el-option label="近30天" :value="30"> </el-option>
           </el-select>
@@ -428,12 +356,7 @@
         <el-card class="box-card">
           <div id="devicePush" style="width: 100%; height: 300px"></div>
           <!-- 天数选择 -->
-          <el-select
-            class="change-day"
-            v-model="devicePushEchartsDay"
-            size="mini"
-            placeholder="请选择"
-          >
+          <el-select class="change-day" v-model="devicePushEchartsDay" size="mini" placeholder="请选择">
             <el-option label="近15天" :value="15"> </el-option>
             <el-option label="近30天" :value="30"> </el-option>
           </el-select>
@@ -649,8 +572,10 @@ export default {
       let option = {
         title: {
           text: "设备数据",
-          top: "40px",
+          top: "0",
           subtext: "",
+          fontSize:"16px",
+          color:"#333"
         },
         // 图例提示框
         tooltip: {
@@ -677,7 +602,7 @@ export default {
         legend: {
           orient: "horizontal",
           top: "40px",
-          left: "98",
+          left: "0",
           y: "top",
           itemWidth: 14,
           data: ["设备总量", "在线趋势"],
@@ -758,7 +683,7 @@ export default {
       let deviceStatOption = {
         title: {
           text: "设备状态",
-          top: "40px",
+          top: "0",
         },
         tooltip: {
           trigger: "axis",
@@ -775,7 +700,7 @@ export default {
         },
         legend: {
           top: "40px",
-          left: "98",
+          left: "0",
           itemWidth: 14,
           data: ["在线率", "离线率"],
           icon: "roundRect",
@@ -868,7 +793,7 @@ export default {
       let option = {
         title: {
           text: "设备告警趋势",
-          top: "40px",
+          top: "0",
         },
         tooltip: {
           trigger: "axis",
@@ -886,8 +811,7 @@ export default {
         legend: {
           itemWidth: 14,
           top: "40px",
-
-          left: "120",
+          left: "",
           data: ["告警次数"],
           icon: "roundRect",
         },
@@ -1027,7 +951,7 @@ export default {
       let option = {
         title: {
           text: "设备消息推送趋势",
-          top: "40px",
+          top: "0",
         },
         tooltip: {
           trigger: "axis",
@@ -1045,7 +969,7 @@ export default {
         legend: {
           top: "40px",
           itemWidth: 14,
-          left: "160",
+          left: "0",
           data: ["告警次数"],
           icon: "roundRect",
         },
@@ -1136,32 +1060,38 @@ export default {
   width: 100%;
   height: 100%;
 }
+
 .total-list {
   width: inherit;
   height: inherit;
   display: flex;
   justify-content: space-around;
   align-items: center;
+
   .total-item {
     height: 90px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
+
     .total-item-count {
       font-size: 24px;
       font-family: Source Han Sans CN;
       font-weight: bold;
       color: #333333;
     }
+
     .total-item-title {
       display: flex;
       align-items: center;
+
       img {
         width: 14px;
         height: 14px;
         margin-right: 4px;
       }
+
       span {
         font-size: 14px;
         font-family: Source Han Sans CN;
@@ -1171,9 +1101,11 @@ export default {
     }
   }
 }
+
 .success {
   color: green;
 }
+
 .warn {
   color: rgb(215, 25, 25);
 }
@@ -1187,6 +1119,7 @@ export default {
   display: flex;
   position: relative;
 }
+
 .change-day {
   width: 120px !important;
   position: absolute;
@@ -1194,6 +1127,7 @@ export default {
   right: 20px;
   z-index: 100;
 }
+
 .homeIndex::before {
   content: "";
   position: absolute;
@@ -1201,7 +1135,7 @@ export default {
   left: 0;
   width: 100%;
   height: 35%;
-  background: #2681e8;
+  background: linear-gradient(90deg, #1845c6 0%, #2999ff 100%);
 }
 </style>
 

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/list.vue

@@ -2,259 +2,126 @@
   <div class="page">
     <div class="page-header">
       <div>
-        <span style="font-size: 14px"
-        ><b>设备列表</b> （
+        <span style="font-size: 14px"><b>设备列表</b> （
           <span style="margin-right: 6px">{{ siteName }}</span> 站点编码：{{
             siteCode
           }}
-          ）</span
-        >
-        <el-link
-            style="margin-left: 10px"
-            type="primary"
-            @click="switchMap"
-            :underline="false"
-        >地图模式
-        </el-link
-        >
+          ）</span>
+        <el-link style="margin-left: 10px" type="primary" class="addclass" @click="switchMap" :underline="false">地图模式
+        </el-link>
       </div>
-      <el-button style="margin-right: 10px" @click="$router.back()" size="small"
-      >返回上一级
-      </el-button
-      >
+      <el-button style="margin-right: 10px" @click="$router.back()" size="small">返回上一级
+      </el-button>
     </div>
     <el-divider></el-divider>
     <LayoutTable :data="tableData" :config="tableConfig">
-      <el-button
-          slot="table-head-left2"
-          style="margin-left: 10px"
-          icon="el-icon-tickets"
-          size="mini"
-          @click="handleImport"
-      >导入
-      </el-button
-      >
-      <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"
-          icon="el-icon-tickets"
-          size="mini"
-          @click="batchActiveDevice"
-      >批量激活
-      </el-button
-      >
-
-      <el-button
-          slot="table-head-left2"
-          style="margin-left: 10px"
-          icon="el-icon-tickets"
-          size="mini"
-          @click="batchUpdateHall"
-      >更新大厅
-      </el-button
-      >
-
-
-      <el-button
-          slot="table-head-left2"
-          style="margin-left: 10px"
-          icon="el-icon-tickets"
-          size="mini"
-          @click="batchRestartApp"
-      >批量重启
-      </el-button
-      >
-      <el-tag
-          slot="table-body-head"
-          size="mini"
-          class="cursord"
-          @click="changeStatAll()"
-      >设备总数：{{ tableData.totalCount }}台
-      </el-tag
-      >
-
-      <el-tag
-          slot="table-body-head"
-          size="mini"
-          style="margin: 5px"
-          type="success"
-          class="cursord"
-          @click="changeStat(2)"
-      >在线：{{ tableData.onlineCount }}台
-      </el-tag
-      >
-
-      <el-tag
-          slot="table-body-head"
-          size="mini"
-          style="margin: 5px"
-          type="danger"
-          class="cursord"
-          @click="changeStat(1)"
-      >离线：{{ tableData.offlineCount }}台
-      </el-tag
-      >
-
-      <el-tag
-          slot="table-body-head"
-          size="mini"
-          style="margin: 5px"
-          type="danger"
-          class="cursord"
-          @click="changeStatEnabled( 0)"
-      >停用：{{ tableData.stopCount }}台
-      </el-tag
-      >
-
-      <el-tag
-          slot="table-body-head"
-          size="mini"
-          style="margin: 5px"
-          type="danger"
-          class="cursord"
-          @click="changeStat(0)"
-      >未激活：{{ tableData.unActiveCount }}台
-      </el-tag
-      >
+      <el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini" @click="handleImport">导入
+      </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-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini"
+        @click="batchActiveDevice">批量激活
+      </el-button>
+
+      <el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini"
+        @click="batchUpdateHall">更新大厅
+      </el-button>
+
+
+      <el-button slot="table-head-left2" style="margin-left: 10px" type="primary" class="addclass" size="mini"
+        @click="batchRestartApp">批量重启
+      </el-button>
+      <el-tag slot="table-body-head" size="mini" class="cursord" @click="changeStatAll()">设备总数：{{ tableData.totalCount }}台
+      </el-tag>
+
+      <el-tag slot="table-body-head" size="mini" style="margin: 5px" type="success" class="cursord"
+        @click="changeStat(2)">在线：{{ tableData.onlineCount }}台
+      </el-tag>
+
+      <el-tag slot="table-body-head" size="mini" style="margin: 5px" type="danger" class="cursord"
+        @click="changeStat(1)">离线：{{ tableData.offlineCount }}台
+      </el-tag>
+
+      <el-tag slot="table-body-head" size="mini" style="margin: 5px" type="danger" class="cursord"
+        @click="changeStatEnabled(0)">停用：{{ tableData.stopCount }}台
+      </el-tag>
+
+      <el-tag slot="table-body-head" size="mini" style="margin: 5px" type="danger" class="cursord"
+        @click="changeStat(0)">未激活：{{ tableData.unActiveCount }}台
+      </el-tag>
     </LayoutTable>
 
     <!-- 设备导入对话框 -->
-    <el-dialog
-        :title="upload.title"
-        :visible.sync="upload.open"
-        width="400px"
-        append-to-body
-    >
-      <el-upload
-          ref="upload"
-          :limit="1"
-          accept=".xlsx, .xls"
-          :headers="upload.headers"
-          :action="upload.url + '?siteId=' + siteId"
-          :disabled="upload.isUploading"
-          :on-progress="handleFileUploadProgress"
-          :on-success="handleFileSuccess"
-          :auto-upload="false"
-          drag
-      >
+    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+      <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+        :action="upload.url + '?siteId=' + siteId" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress"
+        :on-success="handleFileSuccess" :auto-upload="false" drag>
         <i class="el-icon-upload"></i>
         <div class="el-upload__text">
           将文件拖到此处，或
           <em>点击上传</em>
         </div>
         <div class="el-upload__tip" slot="tip">
-          <el-checkbox v-model="upload.updateSupport"/>
+          <el-checkbox v-model="upload.updateSupport" />
           是否更新已经存在的数据
-          <el-link
-              type="primary"
-              style="font-size: 14px"
-              @click="downloadTemplate"
-          >下载模板
-          </el-link
-          >
+          <el-link type="primary" class="addclass" style="font-size: 14px" @click="downloadTemplate">下载模板
+          </el-link>
         </div>
         <div class="el-upload__tip" style="color: red" slot="tip">
           提示：仅允许导入“xls”或“xlsx”格式文件！
         </div>
       </el-upload>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitFileForm">确 定</el-button>
+        <el-button type="primary" class="addclass" @click="submitFileForm">确 定</el-button>
         <el-button @click="upload.open = false">取 消</el-button>
       </div>
     </el-dialog>
 
     <!-- 站点修改对话框 -->
-    <el-dialog
-        :title="tree.title"
-        :visible.sync="tree.open"
-        width="40%"
-        append-to-body
-    >
-      <span style="font-size: 13px"
-      ><b>当前站点:</b> (<el-link
-          style="margin-left: 10px"
-          type="primary"
-          :underline="false"
-      >{{ siteName }}</el-link
-      >
-        站点编码：{{ siteCode }} )</span
-      >
+    <el-dialog :title="tree.title" :visible.sync="tree.open" width="40%" append-to-body>
+      <span style="font-size: 13px"><b>当前站点:</b> (<el-link style="margin-left: 10px" type="primary" class="addclass"
+          :underline="false">{{ siteName }}</el-link>
+        站点编码：{{ siteCode }} )</span>
       <el-divider></el-divider>
       <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>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="updateSiteConform">确 定</el-button>
+        <el-button type="primary" class="addclass" @click="updateSiteConform">确 定</el-button>
         <el-button @click="tree.open = false">取 消</el-button>
       </div>
     </el-dialog>
 
 
     <!-- 大厅修改对话框 -->
-    <el-dialog
-        :title="hallDialog.title"
-        :visible.sync="hallDialog.open"
-        width="60%"
-        append-to-body
-    >
-      <el-form  label-width="120px">
-
-      <Field
-          label="站点大厅"
-          v-model="hallId"
-          type="radio"
-          :enumData="tableData.dict.hallId"
-          placeholder="请选择所属大厅"
-      />
+    <el-dialog :title="hallDialog.title" :visible.sync="hallDialog.open" width="60%" append-to-body>
+      <el-form label-width="120px">
+
+        <Field label="站点大厅" v-model="hallId" type="radio" :enumData="tableData.dict.hallId" placeholder="请选择所属大厅" />
 
       </el-form>
 
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="updateBatchHallConform">确 定</el-button>
+        <el-button type="primary" class="addclass" @click="updateBatchHallConform">确 定</el-button>
         <el-button @click="hallDialog.open = false">取 消</el-button>
       </div>
     </el-dialog>
 
     <!-- 查看二维码弹窗 -->
-    <el-dialog
-        title="设备二维码"
-        :visible.sync="qrCodeDialog.visible"
-        width="350px"
-    >
-      <img :src="qrCodeDialog.qrCode"/>
+    <el-dialog title="设备二维码" :visible.sync="qrCodeDialog.visible" width="350px">
+      <img :src="qrCodeDialog.qrCode" />
       <p style="word-wrap: break-word">{{ qrCodeDialog.qrCodeUrl }}</p>
     </el-dialog>
     <!-- <dialog-show ref="dialogform" @ok="getData" /> -->
 
-    <drawer-show ref="drawerform" @ok="getData"/>
+    <drawer-show ref="drawerform" @ok="getData" />
 
-    <drawer-view ref="drawerViewform" @ok="getData"/>
+    <drawer-view ref="drawerViewform" @ok="getData" />
   </div>
 </template>
 
@@ -267,26 +134,26 @@ import tree from "@/assets/mixins/tree";
 
 export default {
   name: "Device",
-  components: {drawerShow, drawerView},
+  components: { drawerShow, drawerView },
   mixins: [table, tree],
   created() {
     this.siteId = this.$route.query.siteId;
     this.info = this.$route.query;
-    this.query = {siteId: this.siteId};
+    this.query = { siteId: this.siteId };
 
     this.$get("/sitestat/siteInfo", {
       siteId: this.siteId,
     })
-        .then((res) => {
-          if (res.code == 1) {
-            //this.info=res.data
-            this.siteName = res.data.siteName;
-            this.siteCode = res.data.siteCode;
-          }
-        })
-        .catch((error) => {
-          this.$message.error(error.message);
-        });
+      .then((res) => {
+        if (res.code == 1) {
+          //this.info=res.data
+          this.siteName = res.data.siteName;
+          this.siteCode = res.data.siteCode;
+        }
+      })
+      .catch((error) => {
+        this.$message.error(error.message);
+      });
 
     // this.$router.push({ query: {siteId:this.siteId } });
   },
@@ -309,15 +176,15 @@ export default {
     downloadTemplate() {
       this.isExport = true;
       this.$download(
-          "/device/downloadTemplate",
-          {},
-          {type: "excel", fileName: "设备导入模板"}
+        "/device/downloadTemplate",
+        {},
+        { type: "excel", fileName: "设备导入模板" }
       )
-          .then(() => (this.isExport = false))
-          .catch((error) => {
-            this.isExport = false;
-            this.$message.error(error.message);
-          });
+        .then(() => (this.isExport = false))
+        .catch((error) => {
+          this.isExport = false;
+          this.$message.error(error.message);
+        });
     },
     /** 文件上传中处理 */
     handleFileUploadProgress(event, file, fileList) {
@@ -328,7 +195,7 @@ export default {
       this.upload.open = false;
       this.upload.isUploading = false;
       this.$refs.upload.clearFiles();
-      this.$alert(response.msg, "导入结果", {dangerouslyUseHTMLString: true});
+      this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
       this.getData();
     },
     /** 提交上传文件 */
@@ -339,19 +206,19 @@ export default {
     doExport() {
       this.isExport = true;
       this.$download(
-          "/device/exportExcel",
-          {
-            idList: this.selection,
-            deviceName: this.$route.query["deviceName"],
-            siteId: this.$route.query["siteId"],
-          },
-          {type: "excel", fileName: "设备表"}
+        "/device/exportExcel",
+        {
+          idList: this.selection,
+          deviceName: this.$route.query["deviceName"],
+          siteId: this.$route.query["siteId"],
+        },
+        { type: "excel", fileName: "设备表" }
       )
-          .then(() => (this.isExport = false))
-          .catch((error) => {
-            this.isExport = false;
-            this.$message.error(error.message);
-          });
+        .then(() => (this.isExport = false))
+        .catch((error) => {
+          this.isExport = false;
+          this.$message.error(error.message);
+        });
     },
     /** 重写新增方法 */
     toAdd(row) {
@@ -404,7 +271,7 @@ export default {
       // delete this.query["productId"]
       //delete this.query["deviceName"]
       // delete this.query["deviceCode"]
-      this.query = Object.assign(this.query, {deviceStatus: val});
+      this.query = Object.assign(this.query, { deviceStatus: val });
       this.query["page"] = 1
       this.getData();
     },
@@ -414,60 +281,60 @@ export default {
       this.$post("/device/active", {
         deviceCode: row.deviceCode,
       })
-          .then((res) => {
-            if (res.code == 1) {
-              this.$message.success("激活设备成功！");
-              this.getData();
-            }
-          })
-          .catch((error) => {
-            this.$message.error(error.message);
-          });
+        .then((res) => {
+          if (res.code == 1) {
+            this.$message.success("激活设备成功！");
+            this.getData();
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message);
+        });
     },
 
     batchActiveDevice(row) {
       this.$post("/device/batchActive", {
         idList: this.selection,
       })
-          .then((res) => {
-            if (res.code == 1) {
-              this.$message.success("批量激活设备成功！");
-              this.getData();
-            }
-          })
-          .catch((error) => {
-            this.$message.error(error.message);
-          });
+        .then((res) => {
+          if (res.code == 1) {
+            this.$message.success("批量激活设备成功！");
+            this.getData();
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message);
+        });
     },
 
 
     batchUpdateHall() {
-      this.hallId=null;
-      this.hallName=""
+      this.hallId = null;
+      this.hallName = ""
       this.hallDialog.title = "设备所属大厅设置";
       this.hallDialog.open = true;
     },
 
 
     updateBatchHallConform(row) {
-      this.hallName=this.tableData.dict.hallId[this.hallId];
+      this.hallName = this.tableData.dict.hallId[this.hallId];
       this.$post("/device/batchUpdateHall", {
         idList: this.selection,
         hallId: this.hallId,
         hallName: this.hallName
       })
-          .then((res) => {
-            if (res.code == 1) {
-              this.$message.success("批量更新大厅设备成功！");
-              this.hallDialog.open=false;
-         console.log(this.$refs)
-              this.selection=[]
-              this.getData();
-            }
-          })
-          .catch((error) => {
-            this.$message.error(error.message);
-          });
+        .then((res) => {
+          if (res.code == 1) {
+            this.$message.success("批量更新大厅设备成功！");
+            this.hallDialog.open = false;
+            console.log(this.$refs)
+            this.selection = []
+            this.getData();
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message);
+        });
     },
 
 
@@ -475,34 +342,34 @@ export default {
       this.$post("/device/batchRestartApp", {
         idList: this.selection,
       })
-          .then((res) => {
-            if (res.code == 1) {
-              this.$message.success("批量重启设备应用成功！");
-              this.getData();
-            }
-          })
-          .catch((error) => {
-            this.$message.error(error.message);
-          });
+        .then((res) => {
+          if (res.code == 1) {
+            this.$message.success("批量重启设备应用成功！");
+            this.getData();
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message);
+        });
     },
 
     restartApp(row) {
       this.$post("/device/batchRestartApp", {
         idList: [row.id],
       })
-          .then((res) => {
-            if (res.code == 1) {
-              this.$message.success("重启设备应用成功！");
-              this.getData();
-            }
-          })
-          .catch((error) => {
-            this.$message.error(error.message);
-          });
+        .then((res) => {
+          if (res.code == 1) {
+            this.$message.success("重启设备应用成功！");
+            this.getData();
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message);
+        });
     },
 
     updateSite(row) {
-      this.$get("/sitestat/siteTree", {}).then(({data}) => {
+      this.$get("/sitestat/siteTree", {}).then(({ data }) => {
         this.areaData = data.siteTree;
         this.tree.open = true;
         this.tree.id = row.id;
@@ -526,37 +393,37 @@ export default {
         siteCode: this.currentNode.siteCode,
         siteName: this.currentNode.label,
       })
-          .then((res) => {
-            if (res.code == 1) {
-              this.$message.success("编辑站点成功！");
-              this.tree.open = false;
-
-              this.getData();
-            }
-          })
-          .catch((error) => {
-            this.loading = false;
-            this.$message.error(error.message);
-          });
+        .then((res) => {
+          if (res.code == 1) {
+            this.$message.success("编辑站点成功！");
+            this.tree.open = false;
+
+            this.getData();
+          }
+        })
+        .catch((error) => {
+          this.loading = false;
+          this.$message.error(error.message);
+        });
     },
     // 操作菜单状态
     changeStatus(row, column) {
       return (
-          <device-switch
-              confirm
-              url="/device/enable"
-              row={row}
-              onChange={this.statusChange}
-              value={this.tableData.data}
-              onInput={(data) => {
-                this.tableData.data = data;
-              }}
-          />
+        <device-switch
+          confirm
+          url="/device/enable"
+          row={row}
+          onChange={this.statusChange}
+          value={this.tableData.data}
+          onInput={(data) => {
+            this.tableData.data = data;
+          }}
+        />
       );
     },
     async viewQrCode(id) {
       try {
-        const {qrCode, qrCodeUrl} = await this.$post("/device/viewQrCode", {
+        const { qrCode, qrCodeUrl } = await this.$post("/device/viewQrCode", {
           id: id,
         });
         this.qrCodeDialog.qrCode = qrCode;
@@ -618,7 +485,7 @@ export default {
 
       config: {
         getsocketData: null,
-        tableName:"table",
+        tableName: "table",
         search: [
           {
             name: "deviceName",
@@ -645,9 +512,9 @@ export default {
             reserveSelection: true,
             width: 60,
           },
-          {type: "index", label: "序号", align: "center", width: 50},
+          { type: "index", label: "序号", align: "center", width: 50 },
 
-          {label: "设备名称", align: "center", prop: "deviceName"},
+          { label: "设备名称", align: "center", prop: "deviceName" },
 
           {
             label: "设备类型",
@@ -656,9 +523,9 @@ export default {
             formatter: this.formatter,
           },
 
-          {label: "设备编码", align: "center", prop: "deviceCode"},
+          { label: "设备编码", align: "center", prop: "deviceCode" },
 
-           { label: "所属大厅", prop: "hallName"},
+          { label: "所属大厅", prop: "hallName" },
 
           {
             label: "设备生产商",
@@ -667,7 +534,7 @@ export default {
             formatter: this.formatter,
             width: 250,
           },
-          {label: "负责人", align: "center", prop: "leadingOfficial"},
+          { label: "负责人", align: "center", prop: "leadingOfficial" },
           {
             label: "联系电话",
             align: "center",
@@ -708,46 +575,46 @@ export default {
             width: 240,
             formatter: (row) => {
               return (
-                  <div>
-                    <table-buttons
-                        noAdd
-                        row={row}
-                        onEdit={this.toEdit}
-                        onView={this.toView}
-                        onDel={this.toDel}
-                    />
-                    <span> </span>
-                    {row.deviceStatus === 0 ? (
-                        <el-button
-                            size="mini"
-                            type="text"
-                            icon="el-icon-open"
-                            onClick={() => {
-                              this.activeDevice(row);
-                            }}
-                        >
-                          激活
-                        </el-button>
-                    ) : (
-                        ""
-                    )}
-                    <span> </span>
-                    <el-button
-                        type="text"
-                        size="mini"
-                        onClick={() => this.viewQrCode(row.id)}
-                    >
-                      二维码
-                    </el-button>
-                    <span> </span>
+                <div>
+                  <table-buttons
+                    noAdd
+                    row={row}
+                    onEdit={this.toEdit}
+                    onView={this.toView}
+                    onDel={this.toDel}
+                  />
+                  <span> </span>
+                  {row.deviceStatus === 0 ? (
                     <el-button
-                        type="text"
-                        size="mini"
-                        onClick={() => this.restartApp(row)}
+                      size="mini"
+                      type="text"
+                      icon="el-icon-open"
+                      onClick={() => {
+                        this.activeDevice(row);
+                      }}
                     >
-                      重启
+                      激活
                     </el-button>
-                  </div>
+                  ) : (
+                    ""
+                  )}
+                  <span> </span>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    onClick={() => this.viewQrCode(row.id)}
+                  >
+                    二维码
+                  </el-button>
+                  <span> </span>
+                  <el-button
+                    type="text"
+                    size="mini"
+                    onClick={() => this.restartApp(row)}
+                  >
+                    重启
+                  </el-button>
+                </div>
               );
             },
           },

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>
+</script>
\ No newline at end of file
+
+<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>