From 3ba1f2423a7ef6d8f7c3282ca5f5293bc0da4b45 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期五, 30 十月 2020 13:58:41 +0800 Subject: [PATCH] 绘制多边形区域命名规则更新,数据栈按文件夹实例化绑定上传组件 --- public/index.html | 458 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 437 insertions(+), 21 deletions(-) diff --git a/public/index.html b/public/index.html index ed070dd..798f7e1 100644 --- a/public/index.html +++ b/public/index.html @@ -1,23 +1,439 @@ <!DOCTYPE html> <html lang="en"> - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width,initial-scale=1.0"> - <link rel="icon" type="image/png" href="<%= BASE_URL %>favicon.png" sizes="32x32" > - <title><%= htmlWebpackPlugin.options.title %></title> - <style> - html,body,h2,p{ - margin:0; - padding:0; - } - </style> - </head> - <body> - <noscript> - <strong>We're sorry but multiple-pages doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> - </noscript> - <div id="app"></div> - <!-- built files will be auto injected --> - </body> -</html> + +<head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width,initial-scale=1.0" /> + <link rel="icon" type="image/png" href="<%= BASE_URL %>favicon.png" sizes="32x32" /> + <link rel="stylesheet" href="/fonts/alibaba/iconfont.css"> + <title><%= htmlWebpackPlugin.options.title %></title> + + <style> + html, + body { + font-family: "Avenir", Helvetica, Arial, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-align: center; + color: #2c3e50; + width: 100%; + height: 100%; + font-size: 12px; + } + + .el-button--primary:hover, + .el-button--primary:focus { + background: #2249b4; + border-color: #2249b4; + } + + .el-button--warning:hover, + .el-button--warning:focus { + background: #fd780b; + border-color: #fd780b; + } + + .el-button--danger:hover, + .el-button--danger:focus { + background: #d22929; + border-color: #d22929; + } + + .el-button--info { + color: #222222; + } + + .el-button--info:hover, + .el-button--info:focus { + background: rgb(190, 190, 190); + border-color: rgb(190, 190, 190); + } + + .el-button--text:focus, + .el-button--text:hover { + color: #2249b4; + } + + body .el-tag.el-tag--info { + background-color: #f4f4f5; + border-color: #e9e9eb; + color: #909399; + } + + /* reset */ + html { + color: #000; + background: #fff; + } + + body, + div, + dl, + dt, + dd, + ul, + ol, + li, + h1, + h2, + h3, + h4, + h5, + h6, + input, + button, + textarea, + p, + blockquote, + th, + td { + margin: 0; + padding: 0; + } + + /* body { + font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; + } */ + img { + border: none; + } + + em, + strong { + font-style: normal; + font-weight: normal; + } + + li { + list-style: none; + } + + table { + border-collapse: collapse; + border-spacing: 0; + } + + h1 { + font-size: 18px; + } + + h2 { + font-size: 16px; + } + + h3 { + font-size: 14px; + } + + h4, + h5, + h6 { + font-size: 100%; + } + + q:before, + q:after { + content: ""; + } + + /* 娑堥櫎q鍓嶅悗鐨勫唴瀹� */ + button, + input, + select, + textarea { + font-size: 100%; + } + + /* 浣垮緱琛ㄥ崟鍏冪礌鍦� ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */ + input, + button, + textarea, + select, + optgroup, + option { + font-family: inherit; + font-size: inherit; + font-style: inherit; + font-weight: inherit; + } + + address, + cite, + dfn, + em, + var { + font-style: normal; + } + + /* 灏嗘枩浣撴壎姝� */ + /* link */ + a { + color: #3d68e1; + text-decoration: none; + } + + a:hover { + color: #2249b4; + text-decoration: underline; + } + + .fade-enter-active, + .fade-leave-active { + transition: opacity 0.5s; + } + + .fade-enter, + .fade-leave-active { + opacity: 0; + } + + /*瀹氫箟婊氬姩鏉¢珮瀹藉強鑳屾櫙 楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ + ::-webkit-scrollbar { + width: 8px; + height: 8px; + background-color: #f5f5f5; + } + + /*瀹氫箟婊氬姩鏉¤建閬� 鍐呴槾褰�+鍦嗚*/ + ::-webkit-scrollbar-track { + box-shadow: inset 0 0 3px rgba(122, 120, 120, 0.3); + border-radius: 5px; + background-color: #f5f5f5; + } + + /*瀹氫箟婊戝潡 鍐呴槾褰�+鍦嗚*/ + ::-webkit-scrollbar-thumb { + border-radius: 5px; + box-shadow: inset 0 0 3px rgba(245, 243, 243, 0.3); + background-color: rgba(160, 158, 158, 0.8); + } + + .fade-enter-active, + .fade-leave-active { + transition: opacity 0.5s; + } + + .fade-enter, + .fade-leave-to + + /* .fade-leave-active below version 2.1.8 */ + { + opacity: 0; + } + + .window { + z-index: 10 !important; + } + + .el-card__body { + box-sizing: border-box; + } + + .is-dark { + background: #00000090 !important; + } + + .el-tooltip__popper { + border-radius: 0px; + padding: 5px 10px; + } + + .atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + border-bottom-color: #20202090; + } + + .atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after { + border-bottom-color: #68666690; + } + + .atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow { + border-top-color: #20202090; + } + + .atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow:after { + border-top-color: #68666690; + } + + .atooltip.el-tooltip__popper[x-placement^="left"] .popper__arrow { + border-left-color: #20202090; + } + + .atooltip.el-tooltip__popper[x-placement^="left"] .popper__arrow:after { + border-left-color: #68666690; + } + + .atooltip.el-tooltip__popper[x-placement^="right"] .popper__arrow { + border-right-color: #20202090; + } + + .atooltip.el-tooltip__popper[x-placement^="right"] .popper__arrow:after { + border-right-color: #68666690; + } + + .el-menu-vertical-demo { + overflow-y: hidden; + overflow-x: hidden; + } + + .el-menu-vertical-demo::-webkit-scrollbar { + /*婊氬姩鏉℃暣浣撴牱寮�*/ + width: 4px; + /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ + height: 4px; + } + + .el-menu-vertical-demo::-webkit-scrollbar-thumb { + /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ + border-radius: 5px; + box-shadow: inset 0 0 5px rgba(157, 165, 183, 0); + -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0); + background: rgb(202, 201, 201); + } + + .el-menu-vertical-demo::-webkit-scrollbar-track { + /*婊氬姩鏉¢噷闈㈣建閬�*/ + box-shadow: inset 0 0 5px rgba(157, 165, 183, 0); + -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0); + border-radius: 0; + background: rgb(255, 255, 255); + } + + .el-menu-vertical-demo::-webkit-scrollbar-thumb:hover { + background: rgba(0, 0, 0, 0.4); + } + + .el-menu-vertical-demo:hover { + overflow-y: visible; + overflow-x: hidden; + } + + .el-dropdown-menu__item:focus, + .el-dropdown-menu__item:not(.is-disabled):hover { + background: rgba(61, 104, 225, 0.5); + color: #fff; + } + + /* 鎺у埗涓嬫媺鑿滃崟鏄剧ず6涓� */ + .el-dropdown-menu { + border-radius: 0px; + max-height: 205px; + overflow: auto; + } + + .el-range-editor.el-input__inner { + border-radius: 2px; + } + + .el-message-box .el-message-box__btns .el-button--primary { + background-color: #3d68e1; + border-color: #3d68e1; + } + + .el-message-box .el-message-box__btns .el-button--primary:hover { + background-color: #2249b4; + border-color: #2249b4; + } + + .btn-icon { + cursor: pointer; + } + + .btn-icon:hover { + filter: drop-shadow(0 0 0 #fff); + opacity: 0.8; + } + + .clearfix::after { + content: ''; + display: block; + height: 0; + clear: both; + } + + .mb10 { + margin-bottom: 10px; + } + + .mt15 { + margin-top: 15px; + } + + .pl20 { + padding-left: 20px; + } + + .cursor-pointer { + cursor: pointer; + } + + /* .flex-box{ + display: flex; + } */ + .el-button--primary { + color: #FFFFFF; + background-color: #3D68E1 !important; + border-color: #3D68E1 !important; + } + + .el-button--primary:hover, + .el-button--primary:focus { + background: #2249b4 !important; + border-color: #2249b4 !important; + } + + /* .el-input>input,.el-date-editor.el-input__inner{ + border-color: #dcdfe6!important; + } */ + /* .el-date-editor.el-input__inner:focus{ + border-color: #2249b4!important; + } */ + /* .el-input>input:focus{ + border-color: #3D68E1!important; + } + .el-input__inner:focus { + outline: none!important; + border-color: #3D68E1!important; + } */ + .el-select-dropdown__list { + text-align: left; + } + + .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { + margin-left: -8px !important; + margin-right: 0; + } + + .el-input.is-disabled .el-input__suffix { + visibility: hidden; + } + + .form-tip { + color: #999; + position: relative; + text-align: left; + padding-left: 10px; + } + + .form-tip:before { + content: '*'; + position: absolute; + top: 0; + left: 0; + color: #f90; + font-size: 14px; + } + </style> + +</head> + +<body> + <noscript> + <strong>We're sorry but multiple-pages doesn't work properly without JavaScript + enabled. Please enable it to continue.</strong> + </noscript> + <div id="app"></div> + <!-- built files will be auto injected --> +</body> + +</html> \ No newline at end of file -- Gitblit v1.8.0