From 779ba53262c5af34dbd03feffbdd45b68f24314e Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期二, 16 四月 2024 00:14:38 +0800 Subject: [PATCH] # --- pages/phyz/checkLocDetl/locDetl.vue | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 106 insertions(+), 1 deletions(-) diff --git a/pages/phyz/checkLocDetl/locDetl.vue b/pages/phyz/checkLocDetl/locDetl.vue index 2ab7d1d..370633b 100644 --- a/pages/phyz/checkLocDetl/locDetl.vue +++ b/pages/phyz/checkLocDetl/locDetl.vue @@ -27,8 +27,32 @@ </view> </view> + <!-- 寮圭獥 --> + <view> + <uni-popup ref="chageDetl" type="dialog"> + <view class="popup"> + <!-- 鏍囬 --> + <view class="title">淇敼搴撲綅鐘舵��</view> + <view class="popup-item"> + <view class="dropdown" @click="toggleDropdown()"> + <input type="text" style="width: 270rpx;" v-model="locSts" placeholder="鏇存敼涓�"> + <uni-icons :type="isOpen ? 'top' : 'bottom'" color="#c1c1c1" style="margin-left: 10rpx;"></uni-icons> + <scroll-view scroll-y="ture" class="dropdown-content" v-if="isOpen"> + <view class="dropdown-item" v-for="option in locStss" @click="selected(option)">{{option.title}}</view> + </scroll-view> + </view> + </view> + <view class="btn"> + <view class="btn-left" @click="remove()">鍙栨秷</view> + <view class="btn-right" @click="changeCount()">淇敼</view> + </view> + </view> + </uni-popup> + </view> + <!-- 搴曢儴鎿嶄綔鎸夐挳 --> <view class="buttom"> + <button size="mini" type="primary" @click="changeSts('warn')">鏇存敼搴撲綅鐘舵��</button> <button size="mini" type="primary" @click="agvStart('warn')">绾犳搴撲綅</button> </view> </view> @@ -55,7 +79,15 @@ data: [] }, dataList: [], - locDetlShow: false + locDetlShow: false, + isOpen: false, + locSts: '', + locStss: [ + {title: 'F.鍦ㄥ簱',val: 'F'}, + {title: 'D.绌烘《/绌烘爤鏉�',val: 'D'}, + {title: 'O.绌哄簱浣�',val: 'O'}, + {title: 'X.绂佺敤',val: 'X'}, + ] } }, onShow() { @@ -128,6 +160,15 @@ } }, }); + }, + toggleDropdown() { + this.isOpen = !this.isOpen; + }, + changeSts() { + this.$refs.chageDetl.open() + }, + selected(option) { + this.locSts = option.title } } } @@ -143,4 +184,68 @@ color: #FFF; background-color: #55aaff; } + .popup { + width: 80vw; + min-height: 100rpx; + background-color: #FFF; + border-radius: 25rpx; + position: relative; + } + .title { + height: 100rpx; + line-height: 100rpx; + width: 100%; + color: #606266; + text-align: center; + font-size: 16px; + } + .popup-item { + height: 80rpx; + line-height: 80rpx; + display: flex; + align-items: center; + justify-content: center; + } + .popup-item-left { + width: 16vw; + padding-right: 20rpx; + text-align: right; + color: #606266; + } + .popup-item-right { + display: flex; + align-items: center; + width: 50vw; + height: 50rpx; + padding: 2px 5px; + border: 1px solid #E4E7ED; + border-radius: 5rpx; + } + .popup-item-right input{ + color: #606266; + } + .btn { + display: flex; + height: 90rpx; + margin-top: 20rpx; + border-top: 1px solid #DCDFE6; + justify-content: center; + align-items: center; + } + .btn-left { + display: flex; + flex: 1; + height: 100%; + justify-content: center; + align-items: center; + color: #e2231a; + border-right: 1px solid #DCDFE6; + } + .btn-right { + display: flex; + flex: 1; + justify-content: center; + align-items: center; + color: #409EFF; + } </style> -- Gitblit v1.9.1