diff --git a/src/views/Permission.vue b/src/views/Permission.vue
index 08cf6b9..d25d75f 100644
--- a/src/views/Permission.vue
+++ b/src/views/Permission.vue
@@ -1,37 +1,46 @@
 <template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item><i class="el-icon-lx-warn"></i> 权限测试</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container">
-            <h1>管理员权限页面</h1>
-            <p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>
-            <p>想尝试一下，请<router-link to="/login" class="logout">退出登录</router-link>，随便输入个账号名，再进来试试看。</p>
-        </div>
+  <div>
+    <div class="crumbs">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item
+          ><i class="el-icon-lx-warn"></i> 权限测试</el-breadcrumb-item
+        >
+      </el-breadcrumb>
     </div>
+    <div class="container">
+      <h1>管理员权限页面</h1>
+      <p>
+        只有用 admin
+        账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。
+      </p>
+      <p>
+        想尝试一下，请<router-link to="/login" class="logout"
+          >退出登录</router-link
+        >，随便输入个账号名，再进来试试看。
+      </p>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-    data: function () {
-        return {};
-    }
+  data: function () {
+    return {};
+  },
 };
 </script>
 
 <style scoped>
 h1 {
-    text-align: center;
-    margin: 30px 0;
+  text-align: center;
+  margin: 30px 0;
 }
 p {
-    line-height: 30px;
-    margin-bottom: 10px;
-    text-indent: 2em;
+  line-height: 30px;
+  margin-bottom: 10px;
+  text-indent: 2em;
 }
 .logout {
-    color: #409eff;
+  color: @color-primary;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/components/carouselChart.vue b/src/views/components/carouselChart.vue
index 2fdaae6..9e781ff 100644
--- a/src/views/components/carouselChart.vue
+++ b/src/views/components/carouselChart.vue
@@ -498,7 +498,7 @@ export default {
       width: 40px;
       height: 40px;
       &:hover {
-        color: #409eff;
+        color: @color-primary;
       }
     }
     .leftArrow {
@@ -563,13 +563,13 @@ export default {
       }
       .borderActive {
         .timeInfo {
-          //background: #409eff;
-          background: linear-gradient(180deg, #00eaff 10%, #409eff 100%);
+          //background: @color-primary;
+          background: linear-gradient(180deg, #00eaff 10%, @color-primary 100%);
           color: #fff;
         }
       }
       // .borderActive {
-      //   border: 3px solid #409eff;
+      //   border: 3px solid @color-primary;
       //   &::after {
       //     content: "";
       //     position: absolute;
@@ -578,7 +578,7 @@ export default {
       //     left: 50%;
       //     top: -16px;
       //     margin-left: -8px;
-      //     border-bottom: 13px solid #409eff;
+      //     border-bottom: 13px solid @color-primary;
       //     border-left: 8px solid transparent;
       //     border-right: 8px solid transparent;
       //   }
diff --git a/src/views/devicePhotoSchedule/components/setdevice.vue b/src/views/devicePhotoSchedule/components/setdevice.vue
index 815f08e..6f335a6 100644
--- a/src/views/devicePhotoSchedule/components/setdevice.vue
+++ b/src/views/devicePhotoSchedule/components/setdevice.vue
@@ -352,7 +352,7 @@ export default {
         margin-right: 16px;
         b {
           font-weight: normal;
-          color: #409eff;
+          color: @color-primary;
         }
         span {
           margin: 0px 8px;
diff --git a/src/views/devicePhotoSchedule/index.vue b/src/views/devicePhotoSchedule/index.vue
index 0eb76ae..c9465cb 100644
--- a/src/views/devicePhotoSchedule/index.vue
+++ b/src/views/devicePhotoSchedule/index.vue
@@ -256,7 +256,7 @@ export default {
       line-height: 32px;
       b {
         font-weight: normal;
-        color: #409eff;
+        color: @color-primary;
       }
       span {
         margin: 0px 8px;
diff --git a/src/views/management/monitoringEquipment/photographicDevice/components/addPhotoDialog.vue b/src/views/management/monitoringEquipment/photographicDevice/components/addPhotoDialog.vue
index bede94f..6e11ea2 100644
--- a/src/views/management/monitoringEquipment/photographicDevice/components/addPhotoDialog.vue
+++ b/src/views/management/monitoringEquipment/photographicDevice/components/addPhotoDialog.vue
@@ -4,17 +4,17 @@
     :title="photoDialogTitle"
     :visible.sync="isShow"
     :close-on-click-modal="false"
-    width="576px"
+    width="800px"
     @close="handleclose"
   >
     <el-form
       label-position="left"
-      label-width="98px"
+      label-width="74px"
       ref="formgrapInfo"
       :rules="rules"
       :model="formInfo"
     >
-      <el-form-item label="线路" prop="lineid">
+      <el-form-item label="线路名称：" prop="lineid">
         <el-select
           v-model="formInfo.lineid"
           placeholder="请选择"
@@ -29,7 +29,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="杆塔：" prop="towerid">
+      <el-form-item label="杆塔名称：" prop="towerid">
         <el-select v-model="formInfo.towerid" placeholder="请选择">
           <el-option
             v-for="item in toweridOptions"
@@ -43,32 +43,71 @@
       <el-form-item label="装置ID：" prop="cmdid">
         <el-input v-model="formInfo.cmdid" auto-complete="on"></el-input>
       </el-form-item>
-      <!-- <el-form-item label="显示名：" prop="displayName" required>
-        <el-input v-model="formInfo.displayName" auto-complete="on"></el-input>
-      </el-form-item> -->
-
       <el-form-item label="装置名称：" prop="equipName">
         <el-input v-model="formInfo.equipName" auto-complete="on"></el-input>
       </el-form-item>
       <el-form-item label="SIM卡：" prop="sim">
         <el-input v-model="formInfo.sim" auto-complete="on"></el-input>
       </el-form-item>
-      <el-form-item label="通道(可多选)：" prop="channelVal">
-        <el-checkbox-group
-          class="channelBox"
-          v-model="formInfo.channelVal"
-          v-if="channelOptions.length > 0"
+      <el-divider></el-divider>
+      <h4>添加通道</h4>
+      <div class="addchannel" ref="channelBoxref">
+        <div
+          class="channelBoxadd"
+          v-for="(channellist, index) in formInfo.list"
+          :key="index"
         >
-          <el-checkbox
-            border
-            v-for="item in channelOptions"
-            :key="item.id"
-            :label="item.id"
-            :value="item.channelname"
-            >{{ item.channelname }}</el-checkbox
+          <el-form-item label="通道号：">
+            <el-select
+              v-model="channellist.channelVal"
+              placeholder="请选择通道号"
+            >
+              <el-option
+                v-for="item in channelOptions"
+                :key="item.id"
+                :label="item.channelname"
+                :value="item.id"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="通道名称：">
+            <el-input
+              v-model="channellist.nickname"
+              placeholder="请输入通道名称"
+            ></el-input>
+          </el-form-item>
+          <div class="btngrop">
+            <el-button
+              v-if="index !== 0"
+              type="danger"
+              icon="el-icon-minus"
+              @click="deleteModule(channellist, index)"
+            ></el-button>
+            <el-button
+              icon="el-icon-plus"
+              type="primary"
+              @click="addModule()"
+              v-if="index + 1 == formInfo.list.length"
+            ></el-button>
+          </div>
+        </div>
+        <!-- <el-form-item label="通道(可多选)：" prop="channelVal">
+          <el-checkbox-group
+            class="channelBox"
+            v-model="formInfo.channelVal"
+            v-if="channelOptions.length > 0"
           >
-        </el-checkbox-group>
-      </el-form-item>
+            <el-checkbox
+              border
+              v-for="item in channelOptions"
+              :key="item.id"
+              :label="item.id"
+              :value="item.channelname"
+              >{{ item.channelname }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </el-form-item> -->
+      </div>
     </el-form>
     <div slot="footer" class="dialog-footer">
       <el-button @click="isShow = false">取 消</el-button>
@@ -105,15 +144,7 @@ export default {
     };
     return {
       isShow: false,
-      formInfo: {
-        // lineid: "",
-        // towerid: "",
-        // equipName: "",
-        // cmdid: "",
-        // sim: "",
-        // displayName: "",
-        channelVal: [],
-      },
+      formInfo: {},
       channelOptions: [], //所有通道列表
       lineOptions: [], //线路
       toweridOptions: [], //杆塔
@@ -137,7 +168,17 @@ export default {
       this.getChannel();
       if (val == null) {
         return (this.formInfo = {
-          channelVal: [],
+          lineid: [],
+          towerid: [],
+          cmdid: "",
+          equipName: "",
+          sim: "",
+          list: [
+            {
+              channelVal: [],
+              nickname: "",
+            },
+          ],
         });
       }
       this.formInfo = val;
@@ -147,6 +188,32 @@ export default {
       });
       this.$set(this.formInfo, "channelVal", channelnr);
     },
+    //新增一行
+    addModule() {
+      //新增一行
+      this.formInfo.list.push({
+        channelVal: [],
+        nickname: "",
+      });
+      console.log(this.formInfo.list);
+
+      this.$nextTick(() => {
+        console.log(this.$refs.channelBoxref);
+        if (this.$refs.channelBoxref) {
+          console.log(this.$refs.channelBoxref.scrollHeight);
+          this.$refs.channelBoxref.scrollTop =
+            this.$refs.channelBoxref.scrollHeight;
+        }
+      });
+    },
+    //删除一行
+    deleteModule(item, index) {
+      console.log(item, index);
+      const itemList = this.formInfo.list.indexOf(item);
+      if (itemList !== -1) {
+        this.formInfo.list.splice(index, 1);
+      }
+    },
     // 保存确定操作
     submitForm() {
       this.$refs.formgrapInfo.validate((valid) => {
@@ -272,11 +339,11 @@ export default {
 .addPhotoDialog {
   .el-dialog {
     .el-form {
-      //display: flex;
-      // flex-wrap: wrap;
+      display: flex;
+      flex-wrap: wrap;
       .el-form-item {
-        // width: 260px;
-        // margin-right: 16px;
+        width: 364px;
+        margin-right: 16px;
         .el-select {
           width: 100%;
         }
@@ -289,6 +356,36 @@ export default {
           padding-right: 0px;
         }
       }
+      .el-divider--horizontal {
+        margin: 12px;
+      }
+      h4 {
+        font-size: 16px;
+        font-weight: normal;
+        margin-bottom: 6px;
+        line-height: 24px;
+      }
+      .addchannel {
+        max-height: 200px;
+        overflow: auto;
+        .channelBoxadd {
+          display: flex;
+          //justify-content: space-between;
+          padding-right: 6px;
+          .el-form-item {
+            width: 310px;
+          }
+          .btngrop {
+            margin-bottom: 16px;
+            margin-left: 16px;
+            height: 32px;
+            .el-button--small {
+              padding: 9px 8px;
+              width: 30px;
+            }
+          }
+        }
+      }
       .channelBox {
         .el-checkbox {
           margin-right: 12px;
diff --git a/src/views/management/monitoringEquipment/photographicDevice/index.vue b/src/views/management/monitoringEquipment/photographicDevice/index.vue
index 789012c..662c5fa 100644
--- a/src/views/management/monitoringEquipment/photographicDevice/index.vue
+++ b/src/views/management/monitoringEquipment/photographicDevice/index.vue
@@ -502,7 +502,7 @@ export default {
     height: calc(100% - 48px);
   }
   .dropgps {
-    color: #409eff;
+    color: @color-primary;
     margin-left: 16px;
     margin-right: 16px;
     cursor: pointer;
diff --git a/src/views/pictureRotation/index.vue b/src/views/pictureRotation/index.vue
index 3c818f2..c28ff56 100644
--- a/src/views/pictureRotation/index.vue
+++ b/src/views/pictureRotation/index.vue
@@ -342,7 +342,7 @@ export default {
         bottom: 28px;
         left: 0px;
         font-size: 14px;
-        background: linear-gradient(180deg, #00eaff 10%, #409eff 100%);
+        background: linear-gradient(180deg, #00eaff 10%, @color-primary 100%);
         color: @color-white;
         font-weight: normal;
         margin-top: 2px;
@@ -355,7 +355,7 @@ export default {
         color: @color-white;
         left: 0px;
         font-size: 14px;
-        background: linear-gradient(180deg, #00eaff 10%, #409eff 100%);
+        background: linear-gradient(180deg, #00eaff 10%, @color-primary 100%);
         font-weight: normal;
         margin-top: 2px;
         padding-left: 5px;