From 61eb7c5e440f9a7ef686a31cea5cdf12dfd8d21f Mon Sep 17 00:00:00 2001 From: joylink_cuiweidong <364937672@qq.com> Date: Wed, 5 Feb 2020 14:01:54 +0800 Subject: [PATCH] =?UTF-8?q?iscs=20=E9=97=AD=E8=B7=AF=E7=94=B5=E8=A7=86=20?= =?UTF-8?q?=E8=BD=A6=E7=AB=99=E6=97=B6=E5=BA=8F=E7=BC=96=E8=BE=91=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../iscs/iscsSystem/config/cctv/timeCCTV.vue | 1 + .../iscsSystem/config/cctv/timeEditCCTV.vue | 205 +++++++++++++++++- 2 files changed, 200 insertions(+), 6 deletions(-) diff --git a/src/views/iscs/iscsSystem/config/cctv/timeCCTV.vue b/src/views/iscs/iscsSystem/config/cctv/timeCCTV.vue index 29bf6f7cb..8eb303222 100644 --- a/src/views/iscs/iscsSystem/config/cctv/timeCCTV.vue +++ b/src/views/iscs/iscsSystem/config/cctv/timeCCTV.vue @@ -327,6 +327,7 @@ border-right: 2px solid #a85321; border-bottom: 2px solid #502b53; font-weight:bold; float:right; +cursor: pointer; } .time-cctv-content-bottomR{width:560px; margin-left:300px; diff --git a/src/views/iscs/iscsSystem/config/cctv/timeEditCCTV.vue b/src/views/iscs/iscsSystem/config/cctv/timeEditCCTV.vue index 6c978e7db..aefed53aa 100644 --- a/src/views/iscs/iscsSystem/config/cctv/timeEditCCTV.vue +++ b/src/views/iscs/iscsSystem/config/cctv/timeEditCCTV.vue @@ -25,7 +25,13 @@ /> -
+
+
+
功能选择
+
修改
+
删除
+
+
-
-
+
+
+
车站位置
+
+
会展中心站
+
世纪大道站
+
交通大学站
+
市图书馆站
+
中心医院站
+
未来路站
+
火车站
+
人民广场站
+
体育中心站
+
+
+
+
位置描述
+
+
+
+
+
+
显示时间（秒）
+
+
加入
+
移除
+
全部删除
+
+
+
+
序列编号
+
121
+
+
+
序列描述
+
+
+
+ + + + + +
+
+
+
确认
+
取消
+
+
信息提示：
@@ -134,6 +204,7 @@ export default { border-left: 2px solid #8c8a89; border-right: 2px solid #fff; border-bottom: 2px solid #fff; + margin-bottom:30px; } .edit-cctv-bottom-title{ height:20px; @@ -146,6 +217,7 @@ export default { font-size: 14px; color: #061c77; width: 26%; + font-weight:bold; } .edit-cctv-bottom-footC{ width: 45%; @@ -169,9 +241,130 @@ export default { text-align: center; font-weight: bold; } -.edit-cctv-bottom-content{} -.edit-cctv-bottom-contentL{} -.edit-cctv-bottom-contentR{} +.edit-cctv-bottom-content{ + width: 1100px; + margin: 10px auto 20px auto; + display:flex; +} +.edit-cctv-bottom-contentL{width: 410px;display:flex;} +.edit-cctv-bottom-contentR{margin-left:100px;display:flex;} +.edit-cctv-bottom-contentLL{width:200px;border:1px #443b71 solid;} +.edit-cctv-bottom-contentLLTitle{width:100%;background:#5c48f8;color:#fff; +padding:5px 0px;text-align:center;font-size:13px;} +.edit-cctv-bottom-contentLLGroup{width:197px;padding-top:5px;height:300px;overflow-y:auto; +border-left:1px #6a7487 solid;margin-left:1px;border-top:1px #694aaf solid; +border-right:1px #6a7487 solid;border-bottom:1px #6a7487 solid;} +.each-dit-cctv-bottom-contentLL{padding:5px 0px 5px 5px;font-size:13px;color:#061c77; +font-weight: bold;cursor: pointer;} +.each-dit-cctv-bottom-contentLL.active{background:#fff;border-radius:5px;} +.edit-cctv-bottom-contentLR{width:200px;margin-left:10px;border:1px #443b71 solid;} +.edit-cctv-bottom-contentLRTitle{width:100%;background:#5c48f8;color:#fff; +padding:5px 0px;text-align:center;font-size:13px;} +.edit-cctv-bottom-contentLRGroup{width:197px;padding-top:5px;height:300px;overflow-y:auto; +border-left:1px #6a7487 solid;margin-left:1px;border-top:1px #694aaf solid; +border-right:1px #6a7487 solid;border-bottom:1px #6a7487 solid;} +.edit-cctv-bottom-contentRL{} +.edit-cctv-bottom-contentRLlabel{ + font-size: 13px; + color: #ccc; + margin-top: 80px; +} +.edit-cctv-bottom-contentRLtext{ + margin-top:10px; + width:60px; + background:#fff; + height:20px; +} +.edit-cctv-bottom-contentRLBtn1{margin-top:10px;display: flex; + width: 65px;height:35px;font-size: 12px; + background: #ccc;cursor: pointer; + justify-content: center; + text-align: center; + border-top: 2px solid #f9f9f9; + border-left: 2px solid #f6f8f8; + border-right: 2px solid #9e9e9e; + border-bottom: 2px solid #636667; + align-items: center; + font-weight:bold; +} +.edit-cctv-bottom-contentRC{margin-left: 30px;} +.edit-cctv-bottom-contentRCT1{margin-top:10px;} +.edit-cctv-bottom-contentRCT2{margin-top:10px;} +.edit-cctv-bottom-contentRContent{} +.edit-cctv-bottom-contentRCT1title{ + display: inline-block; + font-size: 13px; + color: #56E5DE; + margin-right: 5px; + vertical-align: top; + margin-top: 2px; +} +.edit-cctv-bottom-contentRCT1text{ + height: 16px; + width: 80px; + background: #fff; + display: inline-block; + font-size:12px; + vertical-align:top; + line-height:16px; + padding-left:5px; +} +.edit-cctv-bottom-contentRCT2title{ + display: inline-block; + font-size: 13px; + color: #56E5DE; + margin-right: 5px; + vertical-align: top; + margin-top: 2px; +} +.edit-cctv-bottom-contentRCT2text{ + height: 16px; + width: 290px; + background: #fff; + display: inline-block; +} +.edit-cctv-bottom-contentRR{ + margin-top: 220px; + margin-left: 30px; +} +.edit-cctv-bottom-contentRRBtn1{ + margin-top:10px;display: flex; + width: 65px;height:35px;font-size: 12px; + background: #ccc;cursor: pointer; + justify-content: center; + text-align: center; + border-top: 2px solid #f9f9f9; + border-left: 2px solid #f6f8f8; + border-right: 2px solid #9e9e9e; + border-bottom: 2px solid #636667; + align-items: center; + font-weight:bold; +} +.edit-cctv-top-contentCIn{width:80px;margin-left:10px; + margin-top: 45px; + height: 160px; + border: 1px #061c77 solid; + +} +.edit-cctv-top-contentCInTitle{font-size:13px;background:#5c48f8;color:#fff;padding:5px 0px;text-align:center} +.edit-cctv-top-contentCInBtn{ + margin-top: 20px; + display: flex; + width: 50px; + height: 35px; + font-size: 12px; + background: #ccc; + cursor: pointer; + margin-left:15px; + justify-content: center; + text-align: center; + border-top: 2px solid #f9f9f9; + border-left: 2px solid #f6f8f8; + border-right: 2px solid #9e9e9e; + border-bottom: 2px solid #636667; + align-items:center; + font-weight:bold; +}