-
目标站点
-
-
+ 起始设备
+
+
+ v-for="item in options1"
+ :key="item.device_code"
+ :label="item.device_name"
+ :value="item.device_code">
-
物料类型
-
+
+
物料类型
+
+
+
@@ -33,50 +64,69 @@
-
+
-
区域
-
-
+ 设备
+
+
+ v-for="item in options1"
+ :key="item.device_code"
+ :label="item.device_name"
+ :value="item.device_code">
-
+
+
-
-
+ 区域
+
+
+ v-for="item in options3"
+ :key="item.region_code"
+ :label="item.region_name"
+ :value="item.region_code">
+
+
+
+
-
-
+
@@ -84,57 +134,171 @@
+
+
diff --git a/src/router/index.js b/src/router/index.js
index 1b05bd2..b334315 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,7 @@
import Vue from 'vue'
import Router from 'vue-router'
+const Setup = r => require.ensure([], () => r(require('@page/setup')), 'Setup')
const Index = r => require.ensure([], () => r(require('@page/index')), 'Index')
Vue.use(Router)
@@ -8,7 +9,11 @@ export default new Router({
routes: [
{
path: '/',
- redirect: '/index'
+ redirect: '/setup'
+ },
+ {
+ path: '/setup',
+ component: Setup
},
{
path: '/index',
diff --git a/src/style/font/SourceHanSansCN-Bold.otf b/src/style/font/SourceHanSansCN-Bold.otf
new file mode 100644
index 0000000..4b3429a
Binary files /dev/null and b/src/style/font/SourceHanSansCN-Bold.otf differ
diff --git a/src/style/font/SourceHanSansCN-Medium.otf b/src/style/font/SourceHanSansCN-Medium.otf
new file mode 100644
index 0000000..53e03e0
Binary files /dev/null and b/src/style/font/SourceHanSansCN-Medium.otf differ
diff --git a/src/style/font/SourceHanSansCN-Regular.otf b/src/style/font/SourceHanSansCN-Regular.otf
new file mode 100644
index 0000000..886f82f
Binary files /dev/null and b/src/style/font/SourceHanSansCN-Regular.otf differ
diff --git a/src/style/font/YouSheBiaoTiHei.ttf b/src/style/font/YouSheBiaoTiHei.ttf
new file mode 100644
index 0000000..3729151
Binary files /dev/null and b/src/style/font/YouSheBiaoTiHei.ttf differ
diff --git a/src/style/iconfont/iconfont.ttf b/src/style/iconfont/iconfont.ttf
index 9d37add..239c64c 100644
Binary files a/src/style/iconfont/iconfont.ttf and b/src/style/iconfont/iconfont.ttf differ
diff --git a/src/style/iconfont/iconfont.woff b/src/style/iconfont/iconfont.woff
index 3f6af64..82a494e 100644
Binary files a/src/style/iconfont/iconfont.woff and b/src/style/iconfont/iconfont.woff differ
diff --git a/src/style/iconfont/iconfont.woff2 b/src/style/iconfont/iconfont.woff2
index 60f948c..5929552 100644
Binary files a/src/style/iconfont/iconfont.woff2 and b/src/style/iconfont/iconfont.woff2 differ
diff --git a/src/style/layout.styl b/src/style/layout.styl
index a0e44cc..44d9d90 100644
--- a/src/style/layout.styl
+++ b/src/style/layout.styl
@@ -5,6 +5,32 @@
src: url('iconfont/iconfont.woff2') format('woff2'),
url('iconfont/iconfont.woff') format('woff'),
url('iconfont/iconfont.ttf') format('truetype');
+@font-face {
+ font-family: "YouSheBiaoTiHei";
+ src: url('font/YouSheBiaoTiHei.ttf') format('truetype');
+}
+// @font-face {
+// font-family: "SourceHanSansCN-Bold";
+// src: url('font/SourceHanSansCN-Bold.otf') format('truetype');
+// }
+// @font-face {
+// font-family: "SourceHanSansCN-Regular";
+// src: url('font/SourceHanSansCN-Regular.otf') format('truetype');
+// }
+// @font-face {
+// font-family: "SourceHanSansCN-Medium";
+// src: url('font/SourceHanSansCN-Medium.otf') format('truetype');
+// }
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+.icon-guanbi:before {
+ content: "\e60f";
+}
// 下拉框
.el-select {
@@ -14,70 +40,138 @@
font-size: .16rem;
}
.el-input__inner {
- height .4rem;
+ height .34rem;
font-size: .14rem;
- line-height: .4rem;
- // text-align: right;
- border: 0;
- background-color: transparent;
- color: #b0c7e8;
+ line-height: .34rem;
+ border: 1px solid#4980BD;
+ background-color: rgba(45,88,184,0.1);
+ color: #fff;
+ border-radius: 0;
+}
+.el-input__inner:hover, .el-select:hover .el-input__inner {
+ border-color: #21D0F2;
}
.el-select-dropdown__item {
- // text-align: right;
color: #b0c7e8;
}
.el-select-dropdown {
- border-color: #47567d;
- background-color: #47567d;
+ border-color: #4980BD;
+ background-color: rgba(7,31,62,0.95);
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
- border-bottom-color: #47567d;
+ top: 0;
+ border-bottom-color: #4980BD;
}
.el-popper[x-placement^=bottom] .popper__arrow {
- border-bottom-color: #47567d;
+ border-bottom-color: #4980BD;
+}
+.el-icon-arrow-up:before {
+ content: ''
+}
+.el-select .el-input .el-select__caret {
+ background: center / 60% auto url('~@/images/arrow.png') no-repeat;
+}
+.el-message__icon {
+ font-size: 16px
+}
+.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
+ background-color: rgba(7,31,62,0.95)
}
.button-wrap {
- margin-top: 30px;
+ margin-top: .16rem;
}
-
.button {
- font-size: .16rem;
- line-height: .4rem;
+ font-size: .14rem;
+ line-height: .3rem;
+ height: .3rem;
color #fff;
padding: 0 .1rem
- border: 1px solid #fff;
- border-radius: 10px;
+ border: 0;
background: transparent;
-}
-.button_s {
- font-size: .12rem;
- padding: 0 .02rem
+ box-sizing: border-box;
+ margin-left: .1rem;
}
.btn-primary {
- background: linear-gradient(0deg, #005ad2, #00a0ec);
- border-color: #083a7e;
+ background: linear-gradient(0deg, #126AB2, #57BCF1);
+}
+.btn-primary:disabled {
+ background: linear-gradient(0deg, #6f7f87, #a2a7a7);
+}
+.btn-info {
+ background: linear-gradient(0deg, #6f7f87, #a2a7a7);
}
.contianer
_wh(100%, 100%)
- padding .15rem
+ // background: center / 100% 100% url('~@/images/bg.jpg') no-repeat;
+ background-color: #153289;
+ overflow hidden
+.header-wrap
+ position fixed
+ z-index 10
+ top 0
+ _wh(100%, .97rem)
+ background: center / 100% 100% url('~@/images/header_bg.png') no-repeat
+ h1
+ _font(.3rem, 0.47rem, #fff,,center)
+ font-family "YouSheBiaoTiHei"
+ letter-spacing: .05rem;
+ text-indent: 0.05rem;
+ text-shadow 0 8px 8px rgba(0,0,0,0.30)
.content
+ position relative
+ padding .67rem .15rem .15rem .15rem
_wh(100%, 100%)
.l-wrap
- _wh(34%, 100%)
+ _wh(calc(100% - 705px), 100%)
+ overflow auto
.r-wrap
- _wh(65%, 100%)
- background: linear-gradient(90deg, #213a62, #243a63);
- border-radius: 10px;
+ _wh(700px, 100%)
+ background: center / 100% 100% url('~@/images/item_2_bg.png') no-repeat;
.item-wrap
width 100%
- padding .15rem .08rem
- background: linear-gradient(90deg, #213a62, #243a63);
- border-radius: 10px;
- margin-top: .2rem;
-.filter-name
- _font(.18rem, 1, #fff, 700,)
+ padding 0.12rem 0.1rem 0.12rem 0.1rem
+ margin-top .05rem
+ background: center/ 100% 100% url('~@/images/item_bg_1.png') no-repeat;
+ // background-color rgb(16, 38, 105)
+.title-wrap
+ height .4rem
+ padding-left .26rem
+ background: center/ 100% 100% url('~@/images/title_bg.png') no-repeat;
+ p
+ _font(.2rem, .3rem, transparent, 400,)
+ font-family: YouSheBiaoTiHei;
+ background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(181, 232, 255) 80%, rgb(181, 232, 255) 100%);
+ -webkit-background-clip: text;
+.filter-item
+ margin-bottom .1rem
.filter-label
- _font(.16rem, .4rem, #cee4ff,,)
+ width .56rem
+ _font(.14rem, .34rem, #fff,,right)
.filter-value
- _font(.14rem, .4rem, #b0c7e8,,right)
\ No newline at end of file
+ width calc(100% - .65rem)
+ _font(.14rem, .34rem, #fff,,right)
+.list-wrap
+ _wh(100%, calc(100% - 5.25rem))
+ min-height 1.6rem
+ padding 0.1rem 0.12rem
+ background: center/ 100% 100% url('~@/images/item_bg_1.png') no-repeat;
+ // background-color rgb(16, 38, 105)
+.scroll-tab
+ _font(.14rem, .34rem, #fff,,center)
+ font-family YouSheBiaoTiHei;
+ background-color #1F438A
+.scroll-container
+ height calc(100% - .34rem)
+ overflow hidden
+.scroll-item
+ _font(.14rem, .34rem, #fff,,center)
+ background: rgba(31,46,73,0.9)
+ border 1px solid rgba(122,159,224,0.17)
+.exit_btn
+ position fixed
+ z-index 10
+ left: 0.2rem;
+ top: 0.1rem;
+ opacity: .2;
+ _font(.2rem,.2rem, #fff,,center)
\ No newline at end of file
diff --git a/src/style/reset.css b/src/style/reset.css
index e58ad1b..119113d 100644
--- a/src/style/reset.css
+++ b/src/style/reset.css
@@ -21,7 +21,7 @@ body, html {
-webkit-user-select: auto;
-ms-user-select: auto;
user-select: auto;
- background: linear-gradient(358deg, #031229,#1d2b48,#0a122c);
+ background-color: #11337d;
}
input[type="button"], input[type="submit"], input[type="search"], input[type="reset"], textarea, select{