Преглед на файлове

指标、信息、设备树组件调整

chuwuya преди 2 години
родител
ревизия
15f8f1ad55

+ 76 - 26
src/views/deviceManagement/deviceConfig.vue

@@ -17,8 +17,16 @@
         :filter-node-method="filterNode"
         @node-click="handleNodeClick"
       >
+      <span slot-scope="{node,data}">
+                    <el-image :src="data.url"></el-image>
+                    <span style="padding-left: 10px; vertical-align: text-bottom;">{{ node.label }}</span>
+                    <span class="operate_btns">
+                        <dropdown :events="data.id ? menuEvents : subMenuEvents" :data="{ node, data }"
+                            @itemClick="dropDownClick"></dropdown>
+                    </span>
+                </span>
       </el-tree>
-      <el-button
+      <el-button class="newDevice"
         @click="newDeviceType()"
         style="color: #fff; background: #3da0d6"
         ><i class="el-icon-s-order"></i>新建设备类别</el-button
@@ -116,6 +124,7 @@ import NewDeviceType from "./messageDailog/newDeviceType";
 import dataImport from "./messageDailog/dataImport";
 import addDevice from "./messageDailog/addDevice";
 import deviceEdit from "./messageDailog/deviceEdit";
+import dropdown from '@/components/Dropdown/index';
 export default {
   components: {
     checkbox,
@@ -124,6 +133,7 @@ export default {
     dataImport,
     addDevice,
     deviceEdit,
+    dropdown
   },
   data() {
     return {
@@ -135,6 +145,7 @@ export default {
       },
       data: [
         {
+          id:1,
           label: "楼层",
           children: [
             {
@@ -150,6 +161,16 @@ export default {
         children: "children",
         label: "label",
       },
+      menuEvents: [
+                { label: '新建', funcName: 'addNode' }
+            ],
+            subMenuEvents: [
+                { label: '新建', funcName: 'addNode' },
+                { label: '上移', funcName: 'moveUp' },
+                { label: '下移', funcName: 'moveDown' },
+                { label: '编辑', funcName: 'editNode' },
+                { label: '删除', funcName: 'removeNode' }
+            ],
       tableData: [
         {
           deviceName: "摄像头",
@@ -247,34 +268,63 @@ export default {
   display: flex;
   align-items: center;
 
+
   .left-pane {
-    width: 300px;
-    padding: 15px;
-    height: 90%;
-    position: relative;
-    .left-input {
-      height: 30px;
-      width: 98%;
-      /deep/.el-input-group__append {
-        cursor: pointer;
-      }
-    }
-    .el-tree {
-      margin-top: 10px;
-      height: calc(98% - 30px);
-      background-color: rgb(247, 245, 243);
-    }
+        width: 300px;
+        padding: 15px;
+        height: calc(100% - 30px);
+
+        .el-tree {
+          
+            margin-top: 10px;
+            height: calc(98% - 30px);
+            background-color: #FAFAFA;
+
+
+            /deep/.el-tree-node__content {
+                align-items: center;
+                height: 30px;
+                cursor: pointer;
+                font-size: 16px;
+                position: relative;
+                color: #999999;
+                padding-top: 10px;
+                padding-left: 30px !important;
+
+                .operate_btns {
+                    position: absolute;
+                    right: 20px;
+                    display: none;
+                }
+
+                &:hover,
+                :focus-within {
+                    background-color: #f7fbff;
+
+                    .operate_btns {
+                        display: inline;
+                    }
+                }
+            }
+
+            /deep/.el-tree-node__children {
+                .el-tree-node__content {
+                    padding-left: 60px !important;
+                }
+            }
+            
+        }
 
-    .el-button {
-      position: absolute;
-      left: 25px;
-      bottom: 40px;
-      width: 250px;
-      background-color: rgb(131, 208, 243);
-      text-align: center;
-      font-size: 16px;
     }
-  }
+    .newDevice{
+        position: relative;
+        bottom: 50px;
+        width: 250px;
+        text-align: center;
+        font-size: 16px;
+        color: #fff;
+        background: #3da0d6;
+    }
 
   .right-pane {
     width: calc(100% - 300px);

+ 78 - 28
src/views/deviceManagement/deviceWarning.vue

@@ -12,8 +12,16 @@
         :filter-node-method="filterNode"
         @node-click="handleNodeClick"
       >
+      <span slot-scope="{node,data}">
+                    <el-image :src="data.url"></el-image>
+                    <span style="padding-left: 10px; vertical-align: text-bottom;">{{ node.label }}</span>
+                    <span class="operate_btns">
+                        <dropdown :events="data.id ? menuEvents : subMenuEvents" :data="{ node, data }"
+                            @itemClick="dropDownClick"></dropdown>
+                    </span>
+                </span>
       </el-tree>
-      <el-button style="color: #fff; background: #3da0d6" @click="newAlarmType"
+      <el-button class="newWarning" style="color: #fff; background: #3da0d6" @click="newAlarmType"
         ><i class="el-icon-s-order"></i>新建告警类别</el-button
       >
     </div>
@@ -80,8 +88,9 @@
 <script>
 import checkbox from "@/components/Checkbox/index";
 import page from "@/components/pagination/index";
+import dropdown from '@/components/Dropdown/index';
 export default {
-  components: { checkbox, page },
+  components: { checkbox, page, dropdown },
   data() {
     return {
       searchInput: "",
@@ -89,16 +98,29 @@ export default {
       input: "",
       data: [
         {
+          id:1,
           label: "紧急告警",
           children: [],
         },
         {
+          id:2,
           label: "重要告警",
         },
         {
+          id:3,
           label: "一般告警",
         },
       ],
+      menuEvents: [
+                { label: '新建', funcName: 'addNode' }
+            ],
+            subMenuEvents: [
+                { label: '新建', funcName: 'addNode' },
+                { label: '上移', funcName: 'moveUp' },
+                { label: '下移', funcName: 'moveDown' },
+                { label: '编辑', funcName: 'editNode' },
+                { label: '删除', funcName: 'removeNode' }
+            ],
       defaultProps: {
         children: "children",
         label: "label",
@@ -180,34 +202,62 @@ export default {
   align-items: center;
 
   .left-pane {
-    width: 300px;
-    padding: 15px;
-    height: 90%;
-    position: relative;
-    .left-input {
-      height: 30px;
-      width: 98%;
-      /deep/.el-input-group__append {
-        cursor: pointer;
-      }
-    }
-    .el-tree {
-      margin-top: 10px;
-      height: calc(98% - 30px);
-      background-color: rgb(247, 245, 243);
-    }
+        width: 300px;
+        padding: 15px;
+        height: calc(100% - 30px);
 
-    .el-button {
-      position: absolute;
-      left: 25px;
-      bottom: 40px;
-      width: 250px;
-      background-color: rgb(131, 208, 243);
-      text-align: center;
-      font-size: 16px;
-    }
-  }
+        .el-tree {
+          
+            margin-top: 10px;
+            height: calc(98% - 30px);
+            background-color: #FAFAFA;
+
+
+            /deep/.el-tree-node__content {
+                align-items: center;
+                height: 30px;
+                cursor: pointer;
+                font-size: 16px;
+                position: relative;
+                color: #999999;
+                padding-top: 10px;
+                padding-left: 30px !important;
+
+                .operate_btns {
+                    position: absolute;
+                    right: 20px;
+                    display: none;
+                }
+
+                &:hover,
+                :focus-within {
+                    background-color: #f7fbff;
 
+                    .operate_btns {
+                        display: inline;
+                    }
+                }
+            }
+
+            /deep/.el-tree-node__children {
+                .el-tree-node__content {
+                    padding-left: 60px !important;
+                }
+            }
+            
+        }
+
+    }
+    
+    .newWarning{
+        position: relative;
+        bottom: 50px;
+        width: 250px;
+        text-align: center;
+        font-size: 16px;
+        color: #fff;
+        background: #3da0d6;
+    }
   .right-pane {
     width: calc(100% - 300px);
     height: 100%;

+ 71 - 17
src/views/systemManagement/indexConfiguration/smartBoard.vue

@@ -4,6 +4,14 @@
             <el-input placeholder="请输入关键字" suffix-icon="el-icon-search" v-model="filterText"></el-input>
             <el-tree ref="tree" :data="data" :props="defaultProps" node-key="id" default-expand-all
                 :filter-node-method="filterNode" @node-click="handleNodeClick">
+                <span slot-scope="{node,data}">
+                    <el-image :src="data.url"></el-image>
+                    <span style="padding-left: 10px; vertical-align: text-bottom;">{{ node.label }}</span>
+                    <span class="operate_btns">
+                        <dropdown :events="data.id ? menuEvents : subMenuEvents" :data="{ node, data }"
+                            @itemClick="dropDownClick"></dropdown>
+                    </span>
+                </span>
             </el-tree>
         </div>
         <div class="right-pane">
@@ -11,7 +19,7 @@
                 <p class="info">指标列表</p>
                 <el-button class="new_button">新建</el-button>
             </div>
-            <el-table ref="multipleTable" border :data="tableData" tooltip-effect="dark"
+            <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark"
                 :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" style="width: 100%"
                 @selection-change="handleSelectionChange">
                 <el-table-column type="selection" width="50">
@@ -33,22 +41,23 @@
             </el-table>
         </div>
         <div class="bottom">
-    
+
             <page class="page" :paginationData="paginationData"></page>
         </div>
     </div>
 </div></template>
 
 <script>
-import page from '@/components/pagination/index'
+import page from '@/components/pagination/index';
+import dropdown from '@/components/Dropdown/index';
 export default {
-    components: { page },
+    components: { page, dropdown },
     data() {
         return {
             total: 0,
             filterText: '',
             show: true,
-            value:'test',
+            value: 'test',
             data: [
                 {
                     label: '人员画像',
@@ -71,6 +80,16 @@ export default {
                     }]
                 }
             ],
+            menuEvents: [
+                { label: '新建', funcName: 'addNode' }
+            ],
+            subMenuEvents: [
+                { label: '新建', funcName: 'addNode' },
+                { label: '上移', funcName: 'moveUp' },
+                { label: '下移', funcName: 'moveDown' },
+                { label: '编辑', funcName: 'editNode' },
+                { label: '删除', funcName: 'removeNode' }
+            ],
             tableData: [
                 {
                     indexName: '进入大楼人数',
@@ -145,30 +164,61 @@ export default {
 <style lang="less" scoped>
 .sub-container {
     position: relative;
+    height: calc(100% - 70px);
     line-height: 20px;
     background-color: rgba(255, 255, 255, 1);
     color: rgba(16, 16, 16, 1);
     font-size: 14px;
     text-align: center;
-    //box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
+    display: flex;
 
     .left-pane {
         width: 300px;
-        padding: 0 15px 0 15px;
+        padding: 15px;
+        height: calc(100% - 30px);
 
         .el-tree {
-            height: 650px;
-            margin-top: 15px;
-            background-color: rgb(247, 245, 243);
+            margin-top: 10px;
+            height: calc(98% - 30px);
+            background-color: #FAFAFA;
+
+
+            /deep/.el-tree-node__content {
+                align-items: center;
+                height: 30px;
+                cursor: pointer;
+                font-size: 16px;
+                position: relative;
+                color: #999999;
+                padding-top: 10px;
+                padding-left: 30px !important;
+
+                .operate_btns {
+                    position: absolute;
+                    right: 20px;
+                    display: none;
+                }
+
+                &:hover,
+                :focus-within {
+                    background-color: #f7fbff;
+
+                    .operate_btns {
+                        display: inline;
+                    }
+                }
+            }
+
+            /deep/.el-tree-node__children {
+                .el-tree-node__content {
+                    padding-left: 60px !important;
+                }
+            }
         }
     }
 
     .right-pane {
-        width: 1340px;
-        position: absolute;
-        margin-left: 330px;
-        top: 0;
-        margin-right: 20px;
+        width: calc(100% - 330px);
 
         .info {
             text-align: left;
@@ -178,9 +228,13 @@ export default {
 
         .new_button {
             padding: 5px;
-            width: 80px;
+            width: 100px;
             position: relative;
-            left: 600px;
+            left: 42%;
+            text-align: center;
+            font-size: 16px;
+            color: #fff;
+            background: #3da0d6;
         }
 
         .el-table {

+ 76 - 31
src/views/systemManagement/infoConfiguration/index.vue

@@ -4,23 +4,33 @@
             <el-input placeholder="请输入关键字" suffix-icon="el-icon-search" v-model="filterText"></el-input>
             <el-tree ref="tree" :data="data" :props="defaultProps" node-key="id" default-expand-all
                 :filter-node-method="filterNode" @node-click="handleNodeClick">
+                <span slot-scope="{node,data}">
+                    <el-image :src="data.url"></el-image>
+                    <span style="padding-left: 10px; vertical-align: text-bottom;">{{ node.label }}</span>
+                    <span class="operate_btns">
+                        <dropdown :events="data.id ? menuEvents : subMenuEvents" :data="{ node, data }"
+                            @itemClick="dropDownClick"></dropdown>
+                    </span>
+                </span>
             </el-tree>
-            <el-button class="newInfo_button"><i class="el-icon-s-order"></i>新建消息模块</el-button>
+            <el-button><i class="el-icon-s-order"></i>新建消息模块</el-button>
         </div>
         <div class="right-pane">
-            <test></test>
+            <floorInfo></floorInfo>
         </div>
     </div>
 </template>
 
 <script>
-import test from './floorInfo'
+import dropdown from '@/components/Dropdown/index';
+import floorInfo from './floorInfo';
 export default {
-    components:{test},
+    components: { floorInfo, dropdown },
     data() {
         return {
             filterText: '',
             data: [{
+                id:1,
                 label: '楼层地图信息配置',
                 children: [{
                     label: '1F',
@@ -31,6 +41,7 @@ export default {
                 }]
             },
             {
+                id:2,
                 label: '安保人员信息',
                 children: [{
                     label: '前台人员排班信息',
@@ -41,7 +52,17 @@ export default {
             defaultProps: {
                 children: 'children',
                 label: 'label'
-            }
+            }, 
+            menuEvents: [
+                { label: '新建', funcName: 'addNode' }
+            ],
+            subMenuEvents: [
+                { label: '新建', funcName: 'addNode' },
+                { label: '上移', funcName: 'moveUp' },
+                { label: '下移', funcName: 'moveDown' },
+                { label: '编辑', funcName: 'editNode' },
+                { label: '删除', funcName: 'removeNode' }
+            ]
         }
     },
     watch: {
@@ -54,7 +75,7 @@ export default {
             if (!value) return true;
             return data.label.indexOf(value) !== -1;
         },
-        handleNodeClick(){
+        handleNodeClick() {
             //
         }
     }
@@ -70,38 +91,70 @@ export default {
     color: rgba(16, 16, 16, 1);
     font-size: 14px;
     text-align: center;
+    display: flex;
     box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
 
     .left-pane {
         width: 300px;
         padding: 15px;
+        height: calc(100% - 30px);
 
         .el-tree {
-            height: 700px;
-            margin-top: 15px;
-            background-color: rgb(247, 245, 243);
-        }
+            margin-top: 10px;
+            height: calc(98% - 30px);
+            background-color: #FAFAFA;
+
+
+            /deep/.el-tree-node__content {
+                align-items: center;
+                height: 30px;
+                cursor: pointer;
+                font-size: 16px;
+                position: relative;
+                color: #999999;
+                padding-top: 10px;
+                padding-left: 30px !important;
+
+                .operate_btns {
+                    position: absolute;
+                    right: 20px;
+                    display: none;
+                }
+
+                &:hover,
+                :focus-within {
+                    background-color: #f7fbff;
+
+                    .operate_btns {
+                        display: inline;
+                    }
+                }
+            }
 
-        .newInfo_button {
-            position: absolute;
-            left: -5px;
-            bottom: 50px;
-            width: 250px;
-            background-color: rgb(131, 208, 243);
-            text-align: center;
-            font-size: 16px;
-            
+            /deep/.el-tree-node__children {
+                .el-tree-node__content {
+                    padding-left: 60px !important;
+                }
+            }
         }
     }
 
     .right-pane {
-        width: 1340px;
+        width: calc(100% - 330px);
+    }
+
+    .el-button {
         position: absolute;
-        margin-left: 330px;
-        top: 0;
-        margin-right: 20px;
+        left: 40px;
+        bottom: 15px;
+        width: 250px;
+        text-align: center;
+        font-size: 16px;
+        color: #fff;
+        background: #3da0d6;
     }
 }
+
 .el-tag {
     position: absolute;
     background-color: transparent;
@@ -118,12 +171,4 @@ export default {
     top: 70px;
     right: 20px;
 }
-
-.el-button {
-    height: 30px;
-    width: 100px;
-    margin-top: 20px;
-    margin-inline: 40px;
-    padding: 5px;
-}
 </style>

+ 2 - 2
src/views/systemManagement/infoConfiguration/infoConfigure.vue

@@ -26,9 +26,9 @@ export default {
     data() {
         return {
             label: "1F",
-            testUrl: "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png",
+            testUrl: "",
             srcList: [
-                "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png",
+                "",
             ],
             filterText: '',
             data: [{

+ 1 - 1
src/views/systemManagement/messageConfiguration/index.vue

@@ -13,7 +13,7 @@
                     </span>
                 </span>
             </el-tree>
-            <el-button class="newInfo_button"><i class="el-icon-s-order"></i>新建消息模块</el-button>
+            <el-button><i class="el-icon-s-order"></i>新建消息模块</el-button>
         </div>
         <div class="right-pane">
             <commonMessage v-if="commonShow"></commonMessage>

+ 1 - 1
src/views/systemManagement/messageConfiguration/messageCreate.vue

@@ -39,7 +39,7 @@
         </el-form>
         <div class="bottom">
             <el-button>下一个</el-button>
-            <el-button>重置</el-button>
+            <el-button style="background:  #B3B3B3;">重置</el-button>
             <el-button>确认</el-button>
         </div>
     </div>

+ 115 - 105
src/views/systemManagement/messageConfiguration/messageRemind.vue

@@ -1,48 +1,40 @@
 <template>
-    <div class="container">
-        <div class="left-pane">
-            <el-input placeholder="请输入关键字" suffix-icon="el-icon-search" v-model="filterText"></el-input>
-            <el-tree ref="tree" :data="data" :props="defaultProps" node-key="id" default-expand-all
-                :filter-node-method="filterNode" @node-click="handleNodeClick">
-            </el-tree>
-            <el-button class="newInfo_button"><i class="el-icon-s-order"></i>新建消息模块</el-button>
-        </div>
-        <div class="right-pane">
-            <el-form :model="form" label-position="left" label-width="80px">
-                <el-form-item style="width: 350px;" :model="form.channelconfig" label="通道配置:">
-                    <el-checkbox label="短信" v-model="checked"></el-checkbox>
-                    <el-checkbox label="邮件"></el-checkbox>
-                    <el-checkbox label="钉钉"></el-checkbox>
-                    <el-checkbox label="站内通知"></el-checkbox>
+    <div>
+        <el-form :model="form" label-position="left" label-width="80px">
+            <el-form-item :model="form.channelconfig" label="通道配置:">
+                <el-checkbox label="短信" v-model="checked"></el-checkbox>
+                <el-checkbox label="邮件"></el-checkbox>
+                <el-checkbox label="钉钉"></el-checkbox>
+                <el-checkbox label="站内通知"></el-checkbox>
+            </el-form-item>
+            <el-form-item :model="form.personconfig" label="人员配置:">
+                <div style="display: flex; margin-right:30px;">
+                    <el-checkbox label="指定用户:" v-model="checked2"></el-checkbox><span>
+                        <el-select style="width: 80px;">
+                            <el-option label="张三"></el-option>
+                        </el-select>
+                    </span>
+                </div>
+                <el-checkbox label="操作账户"></el-checkbox>
+                <el-checkbox label="管理员"></el-checkbox>
+            </el-form-item>
+            <div style="margin-top:30px">
+                <el-tag>资产年限通知模板</el-tag>
+                <el-form-item :model="form.title" label="标题:">
+                    <el-input class="input_title" v-model="title" placeholder="资产名称/年限提醒"></el-input>
                 </el-form-item>
-                <el-form-item style="width: 350px;" :model="form.personconfig" label="人员配置:">
-                    <div style="display: flex; margin-right:30px;">
-                        <el-checkbox label="指定用户:" v-model="checked2"></el-checkbox><span>
-                            <el-select style="width: 80px;">
-                                <el-option label="张三"></el-option>
-                            </el-select>
-                        </span>
-                    </div>
-                    <el-checkbox label="操作账户"></el-checkbox>
-                    <el-checkbox label="管理员"></el-checkbox>
+                <el-form-item :model="form.content" label="内容:">
+                    <el-input class="input_content" v-model="content" placeholder="请输入内容"></el-input>
                 </el-form-item>
-                <el-tag style="margin:20px 1160px 0 0">资产年限通知模板</el-tag>
-                <el-form-item style="width: 350px;" :model="form.title" label="标题:">
-                    <el-input v-model="title" placeholder="资产名称/年限提醒"></el-input>
+                <el-form-item :model="form.messagePreview" label="消息预览:">
+                    <el-input class="stylePreview" v-model="messagePreview"></el-input>
                 </el-form-item>
-                <el-form-item style="width: 500px;" :model="form.content" label="内容:">
-                    <el-input v-model="content" placeholder="请输入内容"></el-input>
-                </el-form-item>
-                <el-form-item style="width: 500px;" :model="form.messagePreview" label="消息预览:">
-                    <el-input v-model="messagePreview"></el-input>
-                </el-form-item>
-            </el-form>
-            <div class="bottom">
-                <el-button>更新</el-button>
             </div>
-        </div>
+        </el-form>
+    <div class="bottom">
+        <el-button>更新</el-button>
     </div>
-</template>
+</div></template>
 
 <script>
 export default {
@@ -53,9 +45,9 @@ export default {
             radio: '1',
             value1: '',
             filterText: '',
-            title:'',
-            content:'',
-            messagePreview:'',
+            title: '',
+            content: '',
+            messagePreview: '',
             data: [{
                 label: '普通消息',
                 children: [{
@@ -101,76 +93,95 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.container {
-    position: fixed;
-    left: 218px;
-    top: 77px;
-    right: 16px;
-    bottom: 20px;
-    line-height: 20px;
-    background-color: rgba(255, 255, 255, 1);
-    color: rgba(16, 16, 16, 1);
-    font-size: 14px;
-    text-align: center;
-    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
-
-    .left-pane {
-        width: 300px;
-        padding: 15px;
-
-        .el-tree {
-            height: 700px;
-            margin-top: 15px;
-            background-color: rgb(247, 245, 243);
-        }
+.input_title{
+    /deep/.el-input__inner{
+        width:500px;
+        float: left;
+    }
+}
+.input_content{
+    /deep/.el-input__inner{
+        width:500px;
+        float: left;
+    }
+}
+.stylePreview{
+    /deep/.el-input__inner{
+       width: 95%;
+       height: 300px;
+        float: left;
+    }
+}
+.el-form {
+    padding-left: 30px;
+
+    .el-form-item {
+        padding-top: 20px;
+        margin-inline: 20px;
+        margin-bottom: 0;
 
-        .newInfo_button {
-            position: absolute;
-            left: -5px;
-            bottom: 50px;
-            width: 250px;
-            background-color: rgb(131, 208, 243);
-            text-align: center;
+        /deep/.el-form-item__label {
+            padding: 0;
             font-size: 16px;
+            color: #4D4D4D;
+            font-weight: 550;
+        }
+
+        /deep/.el-form-item__content {
+            display: flex;
+        }
+    }
+
+    .el-checkbox {
+        margin-right: 30px;
+        margin-left: 50px;
 
+        /deep/.el-checkbox__label {
+            color: #4D4D4D;
         }
     }
 
-    .right-pane {
-        width: 1340px;
-        position: absolute;
-        margin-left: 330px;
-        top: 0;
-        margin-right: 20px;
+    .el-cascader {
+        /deep/.el-input__inner {
+            width: 400px;
+        }
 
-        .el-form {
+        /deep/.el-input__suffix {
+            right: -80px;
+        }
+    }
 
-            .el-form-item {
-                padding-top: 20px;
-                margin-inline: 20px;
-                margin-bottom: 0;
-            }
+    .el-radio {
+        margin-left: 20px;
+    }
 
-            /deep/.el-form-item__label {
-                padding: 0;
-            }
+    .el-date-editor {
+        /deep/.el-input__inner {
+            width: 320px;
+        }
 
-            /deep/.el-form-item__content {
-                display: flex;
-            }
+        /deep/.el-input__suffix {
+            right: -80px;
         }
     }
-}
 
-.el-tag {
-    position: relative;
-    background-color: transparent;
-    border-color: transparent;
-    font-size: 18px;
-    color: #000;
-    top: 20px;
-    left: 20px;
+    .el-date-picker {
+        width: 450px;
+
+        /deep/.el-picker-panel__content {
+            width: 370px;
+        }
+    }
 
+    .el-tag {
+        position: relative;
+        background-color: transparent;
+        border-color: transparent;
+        font-size: 18px;
+        color: #4D4D4D;
+        right: 585px;
+        font-weight: 550;
+    }
 }
 
 .el-button--text {
@@ -182,14 +193,13 @@ export default {
 .el-button {
     height: 30px;
     width: 100px;
-    margin-top: 20px;
-    margin-inline: 40px;
-    padding: 5px;
+    padding: 3px;
+    color: #fff;
+    background: #3da0d6;
 }
 
 .bottom {
     position: absolute;
-    left: 450px;
-    top: 700px;
-}
-</style>
+    left: 900px;
+    bottom: 15px;
+}</style>

+ 0 - 1
src/views/systemManagement/strategyConfiguration/smartMeeting.vue

@@ -205,7 +205,6 @@ export default {
     }
 
     .right-pane {
-        width:100%;
         .info {
             text-align: left;
             padding: 10px;