diff --git a/collect_information/src/assets/images/popuptiobg.png b/collect_information/src/assets/images/popuptiobg.png new file mode 100644 index 0000000..8650666 Binary files /dev/null and b/collect_information/src/assets/images/popuptiobg.png differ diff --git a/collect_information/src/picker-search/picker-search.json.ts b/collect_information/src/picker-search/picker-search.json.ts new file mode 100644 index 0000000..29210de --- /dev/null +++ b/collect_information/src/picker-search/picker-search.json.ts @@ -0,0 +1,3 @@ +export default { + "component": true +} diff --git a/collect_information/src/picker-search/picker-search.scss b/collect_information/src/picker-search/picker-search.scss new file mode 100644 index 0000000..f5ee090 --- /dev/null +++ b/collect_information/src/picker-search/picker-search.scss @@ -0,0 +1,85 @@ +.uiwu-flex-align { + align-items: center; +} + +.uiwu-flex { + display: flex; +} + +.uiwu-flex-space { + align-items: center; + justify-content: space-between; +} + +.uiwu-picker-search { + position: absolute; + height: 1031rpx; + left: 0; + right: 0; + bottom: 0; + background: url('../assets/images/popuptiobg.png') no-repeat 0 0 #fff; + background-size: 100% auto; + border-radius: 30rpx 30rpx 0 0; + + &-btn { + padding: 20rpx 30rpx 40rpx; + + text { + &:nth-child(1) { + color: #999; + } + + &:nth-child(2) { + color: #00bbff; + } + } + } + + &-input { + box-sizing: border-box; + height: 80rpx; + background: rgba(#f3f6fd, 0.6); + border-radius: 16rpx; + margin: 0 30rpx; + padding-left: 24rpx; + padding-right: 10rpx; + + input { + font-size: 28rpx; + width: 100%; + } + } + + .scroll-view { + width: 100%; + height: calc(100% - 212rpx); + margin-top: 30rpx; + } + + .radio-group { + padding: 0 50rpx 30rpx; + + &-item { + margin-bottom: 20rpx; + + text { + font-size: 28rpx; + color: #666; + } + + radio { + transform: scale(0.8); + } + } + } +} + +.searchButton { + height: 60rpx; + width: 200rpx; + border-radius: 10rpx; + line-height: 60rpx; + text-align: center; + color: #fff; + background-color: #00bbff; +} diff --git a/collect_information/src/picker-search/picker-search.vue b/collect_information/src/picker-search/picker-search.vue new file mode 100644 index 0000000..d23edcb --- /dev/null +++ b/collect_information/src/picker-search/picker-search.vue @@ -0,0 +1,90 @@ + + + diff --git a/collect_information/src/subPages/police/dailyInspection/dailyInspection.scss b/collect_information/src/subPages/police/dailyInspection/dailyInspection.scss index b239470..569272c 100644 --- a/collect_information/src/subPages/police/dailyInspection/dailyInspection.scss +++ b/collect_information/src/subPages/police/dailyInspection/dailyInspection.scss @@ -39,9 +39,131 @@ page { border-left: white; } } + .sigh_btns { transform: rotate(-90deg); transform-origin: center } .sigh_btns_noRotate {} + +.input_box { + width: 638rpx; + background: #f8f9fa; + border-radius: 16rpx; + padding: 20rpx 32rpx; + display: flex; + margin-bottom: 24rpx; + display: flex; + align-items: center +} + +.input_lable { + width: 180rpx; + display: flex; + flex-wrap: wrap; + font-weight: bold; + font-size: 28rpx; + color: #101010; + line-height: 40rpx; + font-style: normal; +} + +.input_width { + width: 400rpx; + height: 40rpx; + display: flex; + justify-content: space-between; + align-items: center +} + + + + + +.uiwu-flex-align { + align-items: center; +} + +.uiwu-flex { + display: flex; +} + +.uiwu-flex-space { + align-items: center; + justify-content: space-between; +} + +.uiwu-picker-search { + position: absolute; + height: 1031rpx; + left: 0; + right: 0; + bottom: 0; + background: url('../../../assets/images/popuptiobg.png') no-repeat 0 0 #fff; + background-size: 100% auto; + border-radius: 30rpx 30rpx 0 0; + + &-btn { + padding: 20rpx 30rpx 40rpx; + + text { + &:nth-child(1) { + color: #999; + } + + &:nth-child(2) { + color: rgb(73, 143, 242); + } + } + } + + &-input { + box-sizing: border-box; + height: 80rpx; + background: rgba(#f3f6fd, 0.6); + border-radius: 16rpx; + margin: 0 30rpx; + padding-left: 24rpx; + padding-right: 10rpx; + + input { + font-size: 28rpx; + width: 100%; + } + } + + .scroll-view { + width: 100%; + height: 800rpx; + margin-top: 30rpx; + } + + .radio-group { + padding: 0 50rpx 30rpx; + overflow-y: scroll; + + &-item { + margin-bottom: 20rpx; + + text { + font-size: 28rpx; + color: #666; + } + + radio { + transform: scale(0.8); + } + } + } +} + +.searchButton { + height: 60rpx; + width: 200rpx; + border-radius: 10rpx; + line-height: 60rpx; + text-align: center; + color: #fff; + background-color: rgb(73, 143, 242); +} diff --git a/collect_information/src/subPages/police/dailyInspection/dailyInspection.vue b/collect_information/src/subPages/police/dailyInspection/dailyInspection.vue index 5d78af5..029bc5d 100644 --- a/collect_information/src/subPages/police/dailyInspection/dailyInspection.vue +++ b/collect_information/src/subPages/police/dailyInspection/dailyInspection.vue @@ -1,6 +1,15 @@ +