diff --git a/src/assets/iconfonts/light/iconfont.css b/src/assets/iconfonts/light/iconfont.css index 3e6f252..0045b9b 100644 --- a/src/assets/iconfonts/light/iconfont.css +++ b/src/assets/iconfonts/light/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "iconfont"; /* Project id 3966148 */ - src: url('iconfont.woff2?t=1736498949884') format('woff2'), - url('iconfont.woff?t=1736498949884') format('woff'), - url('iconfont.ttf?t=1736498949884') format('truetype'); + src: url('iconfont.woff2?t=1755072475931') format('woff2'), + url('iconfont.woff?t=1755072475931') format('woff'), + url('iconfont.ttf?t=1755072475931') format('truetype'); } .iconfont { @@ -13,6 +13,42 @@ -moz-osx-font-smoothing: grayscale; } +.icon-fuzhichenggong1:before { + content: "\e696"; +} + +.icon-fuzhi:before { + content: "\ec7a"; +} + +.icon-jiantou-sanjiao-shang:before { + content: "\e697"; +} + +.icon-tuoguanhetong:before { + content: "\e694"; +} + +.icon-weituo:before { + content: "\e695"; +} + +.icon-yijiantiquwenzi:before { + content: "\e692"; +} + +.icon-fasong-jiantou:before { + content: "\e9d6"; +} + +.icon-wenjianjiexi:before { + content: "\e82f"; +} + +.icon-shendusikao:before { + content: "\e876"; +} + .icon-zhongduanjiankong:before { content: "\e691"; } diff --git a/src/assets/iconfonts/light/iconfont.js b/src/assets/iconfonts/light/iconfont.js index be5617b..26ce132 100644 --- a/src/assets/iconfonts/light/iconfont.js +++ b/src/assets/iconfonts/light/iconfont.js @@ -1 +1 @@ -window._iconfont_svg_string_3966148='',(c=>{var a=(l=(l=document.getElementsByTagName("script"))[l.length-1]).getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var h,i,o,t,s,z=function(a,l){l.parentNode.insertBefore(a,l)};if(a&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(a){console&&console.log(a)}}h=function(){var a,l=document.createElement("div");l.innerHTML=c._iconfont_svg_string_3966148,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(a=document.body).firstChild?z(l,a.firstChild):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),h()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=h,t=c.document,s=!1,p(),t.onreadystatechange=function(){"complete"==t.readyState&&(t.onreadystatechange=null,v())})}function v(){s||(s=!0,o())}function p(){try{t.documentElement.doScroll("left")}catch(a){return void setTimeout(p,50)}v()}})(window); \ No newline at end of file +window._iconfont_svg_string_3966148='',(c=>{var a=(l=(l=document.getElementsByTagName("script"))[l.length-1]).getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var h,i,o,t,z,s=function(a,l){l.parentNode.insertBefore(a,l)};if(a&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(a){console&&console.log(a)}}h=function(){var a,l=document.createElement("div");l.innerHTML=c._iconfont_svg_string_3966148,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(a=document.body).firstChild?s(l,a.firstChild):a.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),h()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=h,t=c.document,z=!1,p(),t.onreadystatechange=function(){"complete"==t.readyState&&(t.onreadystatechange=null,v())})}function v(){z||(z=!0,o())}function p(){try{t.documentElement.doScroll("left")}catch(a){return void setTimeout(p,50)}v()}})(window); \ No newline at end of file diff --git a/src/assets/iconfonts/light/iconfont.json b/src/assets/iconfonts/light/iconfont.json index a60bbcd..401c345 100644 --- a/src/assets/iconfonts/light/iconfont.json +++ b/src/assets/iconfonts/light/iconfont.json @@ -5,6 +5,69 @@ "css_prefix_text": "icon-", "description": "", "glyphs": [ + { + "icon_id": "40338657", + "name": "复制成功-copy", + "font_class": "fuzhichenggong1", + "unicode": "e696", + "unicode_decimal": 59030 + }, + { + "icon_id": "5993150", + "name": "复制", + "font_class": "fuzhi", + "unicode": "ec7a", + "unicode_decimal": 60538 + }, + { + "icon_id": "10943054", + "name": "箭头-三角-上", + "font_class": "jiantou-sanjiao-shang", + "unicode": "e697", + "unicode_decimal": 59031 + }, + { + "icon_id": "13091314", + "name": "托管合同", + "font_class": "tuoguanhetong", + "unicode": "e694", + "unicode_decimal": 59028 + }, + { + "icon_id": "16327703", + "name": "委托", + "font_class": "weituo", + "unicode": "e695", + "unicode_decimal": 59029 + }, + { + "icon_id": "42551369", + "name": "一键提取文字", + "font_class": "yijiantiquwenzi", + "unicode": "e692", + "unicode_decimal": 59026 + }, + { + "icon_id": "41794940", + "name": "发送-箭头", + "font_class": "fasong-jiantou", + "unicode": "e9d6", + "unicode_decimal": 59862 + }, + { + "icon_id": "40591561", + "name": "文件解析", + "font_class": "wenjianjiexi", + "unicode": "e82f", + "unicode_decimal": 59439 + }, + { + "icon_id": "43375318", + "name": "深度思考", + "font_class": "shendusikao", + "unicode": "e876", + "unicode_decimal": 59510 + }, { "icon_id": "18610501", "name": "终端监控", diff --git a/src/assets/iconfonts/light/iconfont.ttf b/src/assets/iconfonts/light/iconfont.ttf index b39f9f4..f9c19bc 100644 Binary files a/src/assets/iconfonts/light/iconfont.ttf and b/src/assets/iconfonts/light/iconfont.ttf differ diff --git a/src/assets/iconfonts/light/iconfont.woff b/src/assets/iconfonts/light/iconfont.woff index b8a208f..5575a06 100644 Binary files a/src/assets/iconfonts/light/iconfont.woff and b/src/assets/iconfonts/light/iconfont.woff differ diff --git a/src/assets/iconfonts/light/iconfont.woff2 b/src/assets/iconfonts/light/iconfont.woff2 index 4f0bdb3..39ec7c0 100644 Binary files a/src/assets/iconfonts/light/iconfont.woff2 and b/src/assets/iconfonts/light/iconfont.woff2 differ diff --git a/src/assets/images/screen/geo.png b/src/assets/images/screen/geo.png new file mode 100644 index 0000000..c0f3082 Binary files /dev/null and b/src/assets/images/screen/geo.png differ diff --git a/src/assets/styles/digitalScreen.scss b/src/assets/styles/digitalScreen.scss new file mode 100644 index 0000000..1a68190 --- /dev/null +++ b/src/assets/styles/digitalScreen.scss @@ -0,0 +1,297 @@ +.config-title{ + display: flex; + justify-content: flex-start; + align-items: center; + color: #0c0e1e; + height: 32px; + line-height: 32px; + margin-bottom: 16px; + overflow: hidden; + p{ + font-weight: bold; + width: 90px; + } + .title-readonly { + width: 600px; + height: 32px; + line-height: 32px; + padding: 0 15px; + border: 1px solid #dcdfe6; + border-radius: 4px; + background-color: #fff; + cursor: default; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #606266; + font-size: 13px; + } + .double-click-btn{ + margin: 0 0 0 20px; + color: #f56c6c; + } +} + +.screen-content-title{ + display: flex; + justify-content: flex-start; + align-items: center; + border-left: 3px solid #0348F3; + line-height: 30px; + padding-left: 10px; + font-size: 14px; + h4{ + font-size: 18px; + color: #0c0e1e; + margin-right: 10px; + } + .el-tag{ + margin-right: 10px; + } + .el-tag--small{ + background-color: #e7faf0; + border-color: #d0f5e0; + color: #12C47A; + } + .el-tag--danger{ + background-color: #ffeded; + border-color: #f65163; + color: #f65163; + } + p{ + span{ + display: inline-block; + padding: 0 3px; + font-weight: bold; + color: #0348F3; + } + } +} +.screen-remarks{ + margin-top: 12px; + padding: 8px; + background-color: #EEF5FE; + font-size: 14px; + line-height: 22px; + border-radius: 4px; +} +.area-config{ + .config-item{ + padding: 15px 0; + } + .config-item-main{ + display: flex; + justify-content: flex-start; + align-items: flex-start; + line-height: 32px; + .data-title{ + display: block; + width: 80px; + text-align: right; + margin-right: 20px; + } + + .el-radio-group{ + .el-radio{ + line-height: 32px; + } + } + } + .library-form{ + padding-left: 70px; + margin-top: 10px; + .el-input{ + width: 240px !important; + } + .config-remarks{ + margin-left: 100px; + } + .edit-readonly { + width: 240px !important; + } + } + .el-form{ + .el-input{ + width: 340px; + margin-right: 20px; + } + .edit-readonly{ + width: 340px; + } + ::v-deep .el-form-item__content{ + height: 40px; + overflow: hidden; + } + } + + .edit-readonly { + display: inline-block; + height: 32px; + line-height: 32px; + padding: 0 15px; + border: 1px solid #dcdfe6; + border-radius: 4px; + background-color: #fff; + margin-right: 20px; + cursor: default; + color: #606266; + font-size: 13px; + &:hover { + border-color: #c0c4cc; + } + } + + .config-remarks{ + font-size: 12px; + line-height: 18px; + color: #9098a4; + margin-left: 200px; + } + .upload-item{ + display: flex; + justify-content: flex-start; + p{ + width: 100px; + text-align: right; + font-size: 14px; + color: #606266; + padding: 0 12px 0 0; + font-weight: bold; + } + } + .avatar-uploader { + ::v-deep .el-upload { + border: 1px dashed #d9d9d9; + border-radius: 6px; + cursor: pointer; + position: relative; + overflow: hidden; + &:hover { + border-color: #409EFF; + } + } + } + .avatar-uploader-icon { + font-size: 28px; + color: #8c939d; + width: 100px; + height: 100px; + line-height: 100px; + text-align: center; + } + .avatar { + width: 100px; + height: 100px; + display: block; + } + + .book-list-upload{ + display: flex; + flex-wrap: nowrap; + gap: 10px; + overflow-x: auto; // 超出宽度时显示横向滚动条 + scrollbar-width: thin; + max-width: 1000px; + } + .book-swiper-wrapper { + position: relative; + // width: 100%; + max-width: 970px; + overflow: hidden; + } + .book-swiper { + width: 100%; + } + .book-list-item{ + position: relative; + width: 110px; + height: 160px; + flex-shrink: 0; // 禁止压缩,保持固定尺寸 + overflow: hidden; + border: 1px solid #fff; + border-radius: 4px; + transition: all 0.2s; + &:hover { + border-color: #0348F3; // hover时高亮边框 + box-shadow: 0 2px 8px rgba(3, 72, 243, 0.1); + } + img{ + display: block; + width: 100%; + height: 100%; + object-fit: cover; + } + .book-select, .book-delete { + position: absolute; + bottom: 3px; + display: flex; + align-items: center; + justify-content: center; + cursor: default; + transition: all 0.2s; + z-index: 10; + .iconfont{ + font-size: 18px; + } + } + .book-select { + left: 3px; + .icon-wancheng { + display: none; + color: #0348F3; + } + .icon-weixuan { + color: #A6ADB6; + } + } + + .book-delete { + right: 3px; + .icon-shanchu { + font-size: 16px; + color: #ED4A41; + } + } + // 选中状态样式 + &:has(.icon-wancheng:not([style*="display: none"])) { + .icon-wancheng { + display: block; + } + .icon-weixuan { + display: none; + } + border-color: #0348F3; + } + } + .book-upload-btn{ + width: 160px; + height: 160px; + text-align: center; + border: 1px dashed #d9d9d9; + border-radius: 6px; + cursor: pointer; + position: relative; + overflow: hidden; + margin: 0 0 0 10px; + .iconfont { + line-height: 160px; + font-size: 30px; + color: #8c939d; + } + } + .book-recommend{ + position: relative; + padding-bottom: 40px; + } + .batch-delete-btn{ + position: absolute; + bottom: 0; + left: 100px; + } +} + +// 输入框聚焦样式增强 +::v-deep .el-input__inner:focus { + border-color: #0348f3; + box-shadow: 0 0 0 2px rgba(3, 72, 243, 0.2); +} \ No newline at end of file diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss index e5cf67b..b5eeb08 100644 --- a/src/assets/styles/sidebar.scss +++ b/src/assets/styles/sidebar.scss @@ -18,7 +18,7 @@ top: $headerHeight; bottom: 0; left: 0; - z-index: 99999; + z-index: 200; @include bg_color; @include siderBar-set; padding-bottom: 50px; diff --git a/src/views/digitalScreen/index.vue b/src/views/digitalScreen/index.vue index 083ab33..4bc4f1a 100644 --- a/src/views/digitalScreen/index.vue +++ b/src/views/digitalScreen/index.vue @@ -69,41 +69,243 @@
{{ currentScreenItem.name }}为系统默认第5屏,整屏显示宣传图片(支持多图片切换)。
公众号二维码
+推荐列表
+封面预览
+总分馆列表
+1.开发网址: + + {{ link }} + + +
+2.在地图上找到并选择正确的区域(区域最小单位是:区/县)
+3.在右侧工具栏中找到:
+ “其他类型(GeoJSON、SVG)”
+ 点击下方的“GeoJSON”后面的按钮
+ 复制代码,粘贴到此处即可。