diff --git a/src/views/iscs/iscsSystem/config/bas/controlBAS.vue b/src/views/iscs/iscsSystem/config/bas/controlBAS.vue
index a7b0b6133..ccc72fd45 100644
--- a/src/views/iscs/iscsSystem/config/bas/controlBAS.vue
+++ b/src/views/iscs/iscsSystem/config/bas/controlBAS.vue
@@ -17,7 +17,7 @@
                 <div>运行</div>
               </div>
               <div class="right">
-                <div class="button-box">小新风空调</div>
+                <div class="button-box" @click="SmallAirConditioning">小新风空调</div>
                 <div class="button-box">全新风空调</div>
                 <div class="button-box">非空调季节</div>
                 <div class="button-box">冬季模式</div>
@@ -76,12 +76,34 @@
         </el-table-column>
       </el-table>
     </div>
+    <el-dialog title="" :visible.sync="dialogVisible" width="600px" :before-close="handleClose" class="dialog-div">
+      <div>
+        <div class="dialog-box">
+          <div class="title">模式类别</div>
+          <div class="content">
+            <div class="stand-title">会展中心站</div>
+            <div class="stand-control">系统模式控制</div>
+          </div>
+        </div>
+        <div class="dialog-box">
+          <div class="title">启动模式号</div>
+          <div class="content">
+            <div class="model">101</div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">执 行</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
 export default {
     data() {
         return {
+            dialogVisible: false,
             tableTitleStyle: 'text-align: center; height: 28px; padding: 0;background: #45607B;',
             rowStyle: 'text-align: center;height: 28px; padding: 0; background: #45607B;',
             tableData: [{
@@ -139,11 +161,11 @@ export default {
                 city: '普陀区',
                 zip: 200333
             }, {
-                date: '2016-05-07',
-                name: '王小虎',
-                province: '上海',
-                city: '普陀区',
-                zip: 200333
+                date: '',
+                name: '',
+                province: '',
+                city: '',
+                zip: ''
             }]
         };
     },
@@ -176,8 +198,9 @@ export default {
                 }
             }
         },
-        detail(item) {
+        SmallAirConditioning(item) {
             console.log(item);
+            this.dialogVisible = true;
         }
     }
 };
@@ -226,7 +249,7 @@ export default {
         height: 28px;
         text-align: center;
         line-height: 28px;
-        background-color: #A7A7A7;
+        background-color: #ccc;
         float: left;
         font-size: 12px;
         color: #333;
@@ -246,6 +269,38 @@ export default {
             border-bottom: 1px solid #fff;
         }
     }
+    .dialog-box{
+        width: 100%;
+        overflow: hidden;
+        margin-bottom: 10px;
+        .title{
+            float: left;
+            width: 90px;
+            text-align: left;
+        }
+        .content{
+            float: left;
+            width: 400px;
+            background: #efefef;
+            height: 40px;
+            padding-left: 15px;
+            .stand-title{
+                float: left;
+                margin-right: 50px;
+                height: 40px;
+                line-height: 40px;
+            }
+            .stand-control{
+                float: left;
+                height: 40px;
+                line-height: 40px;
+            }
+            .model{
+                height: 40px;
+                line-height: 40px;
+            }
+        }
+    }
 }
 .control-bas{
     margin: 30px;
@@ -293,5 +348,8 @@ export default {
     .el-table--border th:first-child .cell{
         padding: 0;
     }
+    .dialog-div .el-dialog__body{
+        padding-bottom: 0px;
+    }
 }
 </style>
diff --git a/src/views/iscs/iscsSystem/config/bas/controlPermissionBAS.vue b/src/views/iscs/iscsSystem/config/bas/controlPermissionBAS.vue
new file mode 100644
index 000000000..519991b42
--- /dev/null
+++ b/src/views/iscs/iscsSystem/config/bas/controlPermissionBAS.vue
@@ -0,0 +1,222 @@
+<template>
+  <div class="permission-box">
+    <div class="title-name">会展中心站控制权移交</div>
+    <div class="content-box">
+      <div class="content-top">
+        <div class="content-left">
+          <div class="title_name">通风系统</div>
+          <div class="content_box">
+            <div class="button-box">
+              <div class="button">
+                <p>转移控制</p>
+                <p>权限至中心</p>
+              </div>
+              <div class="button">
+                <p>接收控制权限</p>
+              </div>
+              <div class="button" style="margin-bottom: 0px;">
+                <p>强制收回</p>
+              </div>
+            </div>
+            <div class="text-right">
+              <span style="margin-right: 12px; color: #fff;">控制权状态</span>
+              <span>车站</span>
+            </div>
+          </div>
+        </div>
+        <div class="content-left">
+          <div class="title_name">冷水系统</div>
+          <div class="content_box">
+            <div class="button-box">
+              <div class="button">
+                <p>转移控制</p>
+                <p>权限至中心</p>
+              </div>
+              <div class="button">
+                <p>接收控制权限</p>
+              </div>
+              <div class="button" style="margin-bottom: 0px;">
+                <p>强制收回</p>
+              </div>
+            </div>
+            <div class="text-right">
+              <span style="margin-right: 12px; color: #fff;">控制权状态</span>
+              <span>车站</span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="content-top">
+        <div class="content-left">
+          <div class="title_name">照明系统</div>
+          <div class="content_box">
+            <div class="button-box">
+              <div class="button">
+                <p>转移控制</p>
+                <p>权限至中心</p>
+              </div>
+              <div class="button">
+                <p>接收控制权限</p>
+              </div>
+              <div class="button" style="margin-bottom: 0px;">
+                <p>强制收回</p>
+              </div>
+            </div>
+            <div class="text-right">
+              <span style="margin-right: 12px; color: #fff;">控制权状态</span>
+              <span>车站</span>
+            </div>
+          </div>
+        </div>
+        <div class="content-left">
+          <div class="title_name">电/扶梯及排水系统</div>
+          <div class="content_box">
+            <div class="button-box">
+              <div class="button">
+                <p>转移控制</p>
+                <p>权限至中心</p>
+              </div>
+              <div class="button">
+                <p>接收控制权限</p>
+              </div>
+              <div class="button" style="margin-bottom: 0px;">
+                <p>强制收回</p>
+              </div>
+            </div>
+            <div class="text-right">
+              <span style="margin-right: 12px; color: #fff;">控制权状态</span>
+              <span>车站</span>
+            </div>
+          </div>
+        </div>
+        <div class="content-left" style="margin-right: 0; margin-top: 18px;">
+          <div class="title_name" />
+          <div class="content_box bottom_content">
+            <div class="button-box" style="width: 100%;">
+              <div class="button">
+                <p>强制回收</p>
+                <p>全站权限</p>
+              </div>
+              <div class="button">
+                <p>接受全站</p>
+                <p>控制权限</p>
+              </div>
+              <div class="button" style="margin-bottom: 0px;">
+                <p>全站权限</p>
+                <p>权限至中心</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+    data () {
+        return {
+
+        };
+    }
+};
+</script>
+<style lang="scss" scoped>
+p{
+    padding: 0;
+    margin: 0;
+}
+.permission-box{
+    width: 100%;
+    height: 100%;
+    padding-top: 30px;
+    overflow-y: auto;
+    padding-bottom: 50px;
+    .title-name{
+        width: 1200px;
+        margin: 0 auto;
+        text-align: center;
+        font-size: 26px;
+        color: #56E5DE;
+        height: 30px;
+        margin-bottom: 30px;
+    }
+    .content-box{
+        width: 1200px;
+        margin: 0 auto;
+        .content-top{
+            width: 100%;
+            margin-bottom: 50px;
+            overflow: hidden;
+        }
+        .content-left{
+            float: left;
+            margin-right: 120px;
+            .title_name{
+                margin-bottom: 40px;
+                font-size: 14px;
+                color: #fff;
+            }
+            .content_box{
+                width: 400px;
+                height: 200px;
+                border: 1px solid #fff;
+                .button-box{
+                    float: left;
+                    height: 100%;
+                    width: 40%;
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    justify-content: center;
+                    .button{
+                        width: 95px;
+                        height: 40px;
+                        text-align: center;
+                        background-color: #A7A7A7;
+                        float: left;
+                        font-size: 12px;
+                        color: #333;
+                        font-weight: bold;
+                        margin-left: 5px;
+                        margin-bottom: 2px;
+                        box-sizing: border-box;
+                        border-top: 2px solid #fff;
+                        border-left: 2px solid #fff;
+                        border-right: 2px solid #565656;
+                        border-bottom: 2px solid #565656;
+                        cursor: pointer;
+                        display: flex;
+                        flex-direction: column;
+                        align-items: center;
+                        justify-content: center;
+                        margin-bottom: 20px;
+                        &.active, &:hover{
+                            background: #EBB570;
+                            border-top: 2px solid #795B31;
+                            border-left: 2px solid #795B31;
+                            border-right: 2px solid #fff;
+                            border-bottom: 2px solid #fff;
+                        }
+                        p{
+                            line-height: 16px;
+                        }
+                    }
+                }
+                .text-right{
+                    width: 60%;
+                    float: left;
+                    height: 100%;
+                    display: flex;
+                    align-items: center;
+                }
+            }
+            .bottom_content{
+                border: none;
+                width: 100px;
+                float: left;
+            }
+        }
+    }
+}
+</style>
diff --git a/src/views/iscs/iscsSystem/config/cctv/controlCCTV.vue b/src/views/iscs/iscsSystem/config/cctv/controlCCTV.vue
index bef3f3b5f..2677ee901 100644
--- a/src/views/iscs/iscsSystem/config/cctv/controlCCTV.vue
+++ b/src/views/iscs/iscsSystem/config/cctv/controlCCTV.vue
@@ -1,6 +1,6 @@
 <template>
-  <div>
-    车站控制
+  <div class="control-cctv-box">
+    <div class="title-name">车站控制</div>
   </div>
 </template>
 <script>
@@ -8,3 +8,18 @@ export default {
 
 };
 </script>
+<style lang="scss" scoped>
+.control-cctv-box{
+  width: 100%;
+  height: 100%;
+  padding-top: 30px;
+  padding-bottom: 40px;
+  .title-name{
+    width: 100%;
+    text-align: center;
+    font-size: 26px;
+    margin-top: 30px;
+    color: #56E5DE;
+  }
+}
+</style>
diff --git a/src/views/iscs/iscsSystem/config/index.vue b/src/views/iscs/iscsSystem/config/index.vue
index b456b0682..bb3a913bc 100644
--- a/src/views/iscs/iscsSystem/config/index.vue
+++ b/src/views/iscs/iscsSystem/config/index.vue
@@ -10,6 +10,7 @@
     <station-network v-else-if="mode === 'StationNetwork'" />
     <emergency-release v-else-if="mode === 'EmergencyRelease'" />
     <controlBAS v-else-if="mode === 'controlBAS'" />
+    <controlPermissionBAS v-else-if="mode === 'controlPermissionBAS'" />
     <mainScreenPA v-else-if="mode === 'mainScreenPA'" />
     <radioListeningPA v-else-if="mode === 'radioListeningPA'" />
     <timePreviewPA v-else-if="mode === 'timePreviewPA'" />
@@ -37,6 +38,7 @@ import TimePreview from './pis/timePreview';
 import StationNetwork from './pis/stationNetwork';
 import EmergencyRelease from './pis/emergencyRelease';
 import controlBAS from './bas/controlBAS';
+import controlPermissionBAS from './bas/controlPermissionBAS';
 import mainScreenPA from './pa/mainScreenPA';
 import radioListeningPA from './pa/radioListeningPA';
 import timePreviewPA from './pa/timePreviewPA';
@@ -63,6 +65,7 @@ export default {
         StationNetwork,
         EmergencyRelease,
         controlBAS,
+        controlPermissionBAS,
         mainScreenPA,
         radioListeningPA,
         timePreviewPA,
diff --git a/src/views/iscs/iscsSystem/nav.vue b/src/views/iscs/iscsSystem/nav.vue
index e1e070233..45b23d654 100644
--- a/src/views/iscs/iscsSystem/nav.vue
+++ b/src/views/iscs/iscsSystem/nav.vue
@@ -72,6 +72,11 @@ export default {
                             name: '控制模式',
                             type: 'controlBAS',
                             showType: ['center', 'local']
+                        },
+                        {
+                            name: '控制权限',
+                            type: 'controlPermissionBAS',
+                            showType: ['center', 'local']
                         }
                     ]
                 }, {