From dadb0c0eb3e8c0e494816c2c4d8a04e0d258eb12 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期一, 08 四月 2024 22:19:29 +0800
Subject: [PATCH] #
---
pages/phyz/stationManage/stationDetl.vue | 698 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 695 insertions(+), 3 deletions(-)
diff --git a/pages/phyz/stationManage/stationDetl.vue b/pages/phyz/stationManage/stationDetl.vue
index 8183fd0..0cf6167 100644
--- a/pages/phyz/stationManage/stationDetl.vue
+++ b/pages/phyz/stationManage/stationDetl.vue
@@ -1,6 +1,149 @@
<template>
<view>
+ <!-- 绔欑偣璇︽儏 -->
+ <view class="station" :class="station.style" v-if="station">
+ <view class="mt-flex">
+ <view class="station-title" style="flex: 1;">{{station.devNo}}</view>
+ <view><button size="mini" :loading="reload.loading" @click="reloadStation()">{{reload.loadingText}}</button></view>
+ </view>
+ <view>绔欑偣绫诲瀷锛歿{station.locType1$}}鍖�</view>
+ <view>璐ф灦鍓嶄袱浣嶏細{{station.locType2$}}</view>
+ <view>绔欑偣鐘舵�侊細{{station.locSts$}}</view>
+ <view class="mt-flex">
+ <view class="station-barcode" style="flex: 1">璐ф灦鐮侊細<text>{{station.barcode ? station.barcode : '--'}}</text></view>
+ <view v-if="station.barcode && station.locSts == 'F'"><button size="mini" type="warn" @click="unbind()">瑙ｉ櫎缁戝畾</button></view>
+ </view>
+ </view>
+
+ <!-- 宸ヤ綔妗� -->
+ <view class="wrkMast" v-if="wrkMast">
+ <view class="wrkMast-wrkNo">
+ <view style="flex:3">宸ヤ綔鍙�: {{wrkMast.wrkNo}}</view>
+ <view style="flex:2;text-align: right;">{{wrkMast.ioTitle}}</view>
+ </view>
+ <view>宸ヤ綔绫诲瀷: {{wrkMast.ioType$}}</view>
+ <view>婧愬簱浣�: {{wrkMast.sourceLocNo}}</view>
+ </view>
+
+ <!-- 鏄庣粏 -->
+ <view class="wrkDetls" v-if="wrkDetls.length > 0">
+ <view style="font-weight: bold;">宸ヤ綔鏄庣粏</view>
+ <view class="wrkDetl" v-for="wrkDetl in wrkDetls">
+ <view>鍟嗗搧鍚嶇О:{{wrkDetl.maktx}}</view>
+ <view>鍟嗗搧缂栫爜:{{wrkDetl.matnr}}</view>
+ <view>閿�鍞鍗曞彿:{{wrkDetl.threeCode ? wrkDetl.threeCode : ' --'}}</view>
+ <view>鑷敱椤�:{{wrkDetl.deadTime ? wrkDetl.deadTime : ' --'}}</view>
+ <view>鏁伴噺:{{wrkDetl.anfme}}</view>
+ </view>
+ </view>
+
+
+ <!-- 缁勬墭鏄庣粏 -->
+ <view class="waitPakins" v-if="waitPakins.length > 0">
+ <view style="font-weight: bold;">缁勬墭鏄庣粏</view>
+ <view class="waitPakin" v-for="waitPakin in waitPakins">
+ <view>鍟嗗搧鍚嶇О:{{waitPakin.maktx}}</view>
+ <view>鍟嗗搧缂栫爜:{{waitPakin.matnr}}</view>
+ <view>璁㈠崟缂栧彿:{{waitPakin.orderNo}}</view>
+ <view>閿�鍞鍗曞彿:{{waitPakin.threeCode ? waitPakin.threeCode : ' --'}}</view>
+ <view>鑷敱椤�:{{waitPakin.deadTime ? waitPakin.deadTime : ' --'}}</view>
+ <view>鐘舵��:{{waitPakin.ioStatus$}}</view>
+ <view>鍏ュ簱鏁伴噺:{{waitPakin.anfme}}</view>
+
+ </view>
+ </view>
+
+ <view style="height: 140rpx;"></view>
+
+ <!-- 寮圭獥 -->
+ <view>
+ <uni-popup ref="emptyPakin" type="dialog">
+ <view class="popup">
+ <!-- 鏍囬 -->
+ <view class="title">璇疯緭鍏ョ┖璐ф灦鐮�</view>
+ <view class="popup-item">
+ <view class="popup-item-left">璐ф灦鐮�:</view>
+ <view class="popup-item-right"><input type="text" v-model="barcode"></view>
+ </view>
+ <view class="btn">
+ <view class="btn-left" @click="emptyPakinClose">鍙栨秷</view>
+ <view class="btn-right" @click="emptyPakinConfirm()">鍏ュ簱</view>
+ </view>
+ </view>
+ </uni-popup>
+ </view>
+
+ <!-- 寮圭獥 -->
+ <view>
+ <uni-popup ref="doContainerMoveOut" type="dialog">
+ <view class="popup">
+ <!-- 鏍囬 -->
+ <view class="title">璇疯緭鍏ョ┖璐ф灦鐮�</view>
+ <view class="popup-item">
+ <view class="popup-item-left">璐ф灦鐮�:</view>
+ <view class="popup-item-right"><input type="text" v-model="barcode"></view>
+ </view>
+ <view class="btn">
+ <view class="btn-left" @click="containerMoveOutClose">鍙栨秷</view>
+ <view class="btn-right" @click="containerMoveOut()">鍏ュ簱</view>
+ </view>
+ </view>
+ </uni-popup>
+ </view>
+
+ <!-- 寮圭獥 -->
+ <view>
+ <uni-popup ref="doPickIn" type="dialog">
+ <view class="popup">
+ <!-- 鏍囬 -->
+ <view class="title">璇疯緭鍏ョ┖璐ф灦鐮�</view>
+ <view class="popup-item">
+ <view class="popup-item-left">璐ф灦鐮�:</view>
+ <view class="popup-item-right"><input type="text" v-model="barcode"></view>
+ </view>
+ <view class="btn">
+ <view class="btn-left" @click="pickInClose">鍙栨秷</view>
+ <view class="btn-right" @click="pickIn()">鍏ュ簱</view>
+ </view>
+ </view>
+ </uni-popup>
+ </view>
+
+ <!-- 寮圭獥 -->
+ <view>
+ <uni-popup ref="emptyOut" type="dialog">
+ <view class="popup">
+ <!-- 鏍囬 -->
+ <view class="title">璇烽�夋嫨璐ф灦绫诲瀷</view>
+ <view class="popup-item">
+ <view class="dropdown" @click="toggleDropdown()">
+ <input type="text" style="width: 650rpx;" v-model="containerType" 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 selects" @click="selected(option)">{{option}}</view>
+ </scroll-view>
+ </view>
+ </view>
+ <view class="btn">
+ <view class="btn-left" @click="emptyOutClose">鍙栨秷</view>
+ <view class="btn-right" @click="emptyOutConfirm()">鍑哄簱</view>
+ </view>
+ </view>
+ </uni-popup>
+ </view>
+
+
+
+
+ <!-- 搴曢儴鎿嶄綔鎸夐挳 -->
+ <view class="buttom">
+ <button size="mini" type="primary" @click="emptyPakin()" v-if="btnType == 'emptyPakin'">绌烘澘鍏ュ簱</button>
+ <button size="mini" type="primary" @click="emptyOut()" v-if="btnType == 'emptyPakin'">鍛煎彨绌烘澘</button>
+ <button size="mini" type="primary" @click="doContainerMoveOut()" v-if="btnType == 'out' && station.locSts == 'F'">纭鍑哄簱</button>
+ <button size="mini" type="primary" @click="doPickIn()" v-if="btnType == 'pick' && station.locSts == 'F'">宸叉嫞鏂欏洖搴�</button>
+ <button size="mini" type="primary" @click="startPakin()" v-if="btnType == 'start' && station.locSts == 'F'">鍚姩鍏ュ簱</button>
+ </view>
</view>
</template>
@@ -8,15 +151,564 @@
export default {
data() {
return {
-
+ station: null,
+ reload: {
+ loading: false,
+ loadingText: '鏇存柊鐘舵��'
+ },
+ btnType: 'emptyPakin',
+ barcode: '',
+ containerType: '',
+ selects: [],
+ option: '',
+ isOpen: false,
+ wrkMast: '',
+ wrkDetls: [],
+ waitPakins: []
}
},
+ onShow() {
+ let _this = this
+ this.baseUrl = uni.getStorageSync('baseUrl');
+ this.token = uni.getStorageSync('token');
+ // const eventChannel = this.$scope.eventChannel; // 鍏煎APP-NVUE
+ const eventChannel = this.getOpenerEventChannel();
+ // 鐩戝惉acceptDataFromOpenerPage浜嬩欢锛岃幏鍙栦笂涓�椤甸潰閫氳繃eventChannel浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹�
+ eventChannel.on('item', function(data) {
+ _this.station = data.item
+ _this.reloadStation()
+ })
+ },
methods: {
-
+ // 鏇存柊绔欑偣
+ reloadStation() {
+ let _this = this
+ _this.reload.loading = true
+ _this.reload.loadingText = '鏇存柊涓�...'
+ uni.request({
+ url: `${_this.baseUrl}/agv/basDevp/list/auth`,
+ header: {'token': uni.getStorageSync('token')},
+ data: { curr: 1, limit: 1000, dev_no: _this.station.devNo },
+ method: 'GET',
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+
+ if (res.data.records[0].locSts == 'O') {
+ _this.btnType = 'emptyPakin'
+ } else if (res.data.records[0].locSts == 'F') {
+ _this.btnType = 'pakin'
+ } else {
+ _this.btnType = 'working'
+ }
+
+ setTimeout(()=>{
+ for (let k of res.data.records) {
+ if (k.locSts != 'O') {
+ k['style'] = 'station-wrk'
+ } else {
+ k['style'] = 'station-nowrk'
+ }
+ }
+ _this.station = res.data.records[0]
+ _this.reload.loading = false
+ _this.reload.loadingText = '鏇存柊鐘舵��'
+ _this.getContainerType()
+ },500)
+
+ _this.getWrkMast(res.data.records[0].barcode)
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ })
+ },
+ // 绔欑偣瑙ｇ粦
+ unbind() {
+ let _this = this
+ let data = {param: JSON.stringify(_this.station)}
+ uni.request({
+ url: `${_this.baseUrl}/agv/basDevp/unbind/auth`,
+ header: {
+ 'token': uni.getStorageSync('token'),
+ 'content-type': 'application/x-www-form-urlencoded'
+ },
+ data: data,
+ method: 'POST',
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ _this.reloadStation()
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ })
+ },
+ // 绌烘澘鍏ュ簱纭
+ emptyPakin() {
+ this.$refs.emptyPakin.open()
+ },
+ emptyPakinClose() {
+ this.$refs.emptyPakin.close()
+ },
+ emptyPakinConfirm() {
+ let _this = this;
+ if (this.barcode.length != 6) {
+ uni.showToast({ title: '璐ф灦鏉＄爜寮傚父', icon: "error", position: 'top' })
+ return
+ }
+ let params = []
+ let param = { devNo: this.station.devNo, containerCode: this.barcode, }
+ params.push(param)
+ this.emptyPakinClose()
+ uni.request({
+ url: `${_this.baseUrl}/agvMobile/pakin/empty/auth`,
+ data: { pad: params },
+ method: 'POST',
+ header: { 'token': uni.getStorageSync('token') },
+ success(res) {
+ var res = res.data
+ if (res.code === 200) {
+ setTimeout(()=> {
+ _this.barcode = ''
+ _this.reloadStation()
+ },1000)
+ uni.showToast({ title: '鍚姩鍏ュ簱', icon: "success", position: 'top' })
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ });
+ },
+ emptyOut() {
+ this.$refs.emptyOut.open()
+ },
+ emptyOutClose() {
+ this.$refs.emptyOut.close()
+ },
+ emptyOutConfirm() {
+ this.emptyOutClose()
+ let _this = this;
+ let params = []
+ let param = { devNo: this.station.devNo, containerType: this.containerType, }
+ params.push(param)
+ uni.request({
+ url: `${_this.baseUrl}/agvMobile/pakout/empty/auth`,
+ data: { pad: params },
+ method: 'POST',
+ header: { 'token': uni.getStorageSync('token') },
+ success(res) {
+ var res = result.data
+ if (res.code === 200) {
+ setTimeout(()=> {
+ _this.containerType = ''
+ _this.reloadStation()
+ },1000)
+ uni.showToast({ title: '鍛煎彨鎴愬姛', icon: "success", position: 'top' })
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ });
+ },
+ getContainerType() {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/agvMobile/pakout/empty/container/selector/auth`,
+ header: {'token': uni.getStorageSync('token')},
+ data: JSON.stringify({devNo: _this.station.devNo}),
+ method: 'POST',
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ _this.selects = res.data
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ })
+ },
+ // 寮�鍚� / 鍏抽棴涓嬫媺妗�
+ toggleDropdown() {
+ this.isOpen = !this.isOpen
+ },
+ // 閫夋嫨璐ф灦绫诲瀷
+ selected(option) {
+ this.containerType = option
+ },
+ // 鏌ヨ宸ヤ綔妗�
+ getWrkMast(barcode) {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/agv/wrkMast/list/auth`,
+ header: {'token': uni.getStorageSync('token')},
+ data: {
+ curr: 1,
+ limit: 1000,
+ condition: _this.station.devNo
+ },
+ method: 'GET',
+ success(res) {
+ res = res.data
+ if (res.code === 200 && res.data.records.length > 0) {
+ let mast = null
+ for (let wrkMast of res.data.records) {
+ if (wrkMast.ioType == 1) {
+ wrkMast['ioTitle'] = '鍏ュ簱'
+ } else if (wrkMast.ioType == 10) {
+ wrkMast['ioTitle'] = '绌烘澘鍏ュ簱'
+ } else if (wrkMast.ioType == 53) {
+ wrkMast['ioTitle'] = '鎷ｆ枡鍥炲簱'
+ } else if (wrkMast.ioType == 101) {
+ wrkMast['ioTitle'] = '鍏ㄦ澘鍑哄簱'
+ _this.btnType = 'out'
+ } else if (wrkMast.ioType == 103) {
+ wrkMast['ioTitle'] = '鎷ｆ枡鍑哄簱'
+ _this.btnType = 'pick'
+ } else if (wrkMast.ioType == 110) {
+ wrkMast['ioTitle'] = '绌烘澘鍑哄簱'
+ }
+ if (wrkMast.barcode == barcode) {
+ mast = wrkMast
+ }
+ }
+
+ _this.wrkMast = mast
+ _this.getWrkDetl(mast.wrkNo)
+ } else if (res.code === 200 && res.data.records.length == 0) {
+ _this.wrkMast = null
+ _this.wrkDetls = []
+ if (_this.station.barcode != '') {
+ _this.getWaitPakin(_this.station.barcode)
+ }
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ })
+ },
+ // 鑾峰彇宸ヤ綔鏄庣粏
+ getWrkDetl(wrkNo) {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/agv/wrkDetl/list/auth`,
+ header: {'token': uni.getStorageSync('token')},
+ data: {
+ curr: 1,
+ limit: 1000,
+ wrk_no: wrkNo
+ },
+ method: 'GET',
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ _this.wrkDetls = res.data.records
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ })
+ },
+ // 鑾峰彇缁勬墭妗�
+ getWaitPakin(barcode) {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/agv/waitPakin/list/auth`,
+ header: {'token': uni.getStorageSync('token')},
+ data: {
+ curr: 1,
+ limit: 1000,
+ supp_code: barcode
+ },
+ method: 'GET',
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ _this.waitPakins = res.data.records
+ _this.btnType = 'start'
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ })
+ },
+ // 鍏ㄦ澘鍑哄簱 纭鍑哄簱
+ doContainerMoveOut() {
+ this.$refs.doContainerMoveOut.open()
+ },
+ containerMoveOutClose() {
+ this.$refs.doContainerMoveOut.close()
+ },
+ containerMoveOut() {
+ let _this = this
+ let devNo = {devNo:[this.station.devNo],barcode: _this.barcode}
+ uni.request({
+ url: `${_this.baseUrl}/agv/basDevp/visualized/container/moveOut`,
+ data: JSON.stringify(devNo),
+ method: 'POST',
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ _this.$refs.doContainerMoveOut.close()
+ setTimeout(()=> {
+ _this.barcode = ''
+ _this.reloadStation()
+ },1000)
+ uni.showToast({ title: '纭瀹屾垚', icon: "success", position: 'top' })
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ })
+ },
+ // 鎷ｆ枡鍑哄簱 纭鍚庡洖搴�
+ doPickIn() {
+ this.$refs.doPickIn.open()
+ },
+ pickInClose() {
+ this.$refs.doPickIn.close()
+ },
+ pickIn() {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/agv/basDevp/visualized/container/pickIn`,
+ data: {devNo: _this.station.devNo,barcode: _this.barcode},
+ method: 'POST',
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ _this.$refs.doPickIn.close()
+ _this.barcode = ''
+ _this.reloadStation()
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ })
+ },
+ // 鍚姩鍏ュ簱
+ startPakin(type) {
+ let that = this
+ let params = []
+ let param = { devNo: this.station.devNo, containerCode: this.station.barcode, }
+ params.push(param)
+ uni.request({
+ url: that.baseUrl + '/agvMobile/pakin/empty/auth',
+ data: {pad: params},
+ method: 'POST',
+ header: {'token': uni.getStorageSync('token')},
+ success(result) {
+ var res = result.data
+ if (res.code === 200) {
+ setTimeout(()=> {
+ _this.barcode = ''
+ _this.reloadStation()
+ },1000)
+ uni.showToast({ title: '鍚姩鍏ュ簱', icon: "success", position: 'top' })
+ } else if (res.code == 403) {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ setTimeout(() => { uni.reLaunch({ url: '../login/login' }); }, 1000);
+ } else {
+ uni.showToast({ title: res.msg, icon: "error", position: 'top' })
+ }
+ }
+ });
+ },
}
}
</script>
<style>
-
+ @import url('../../../static/css/common/order.css');
+
+ .station {
+ font-size: 18px;
+ padding: 24rpx;
+ }
+ .station-title {
+ font-size: 32px;
+ font-weight: bold;
+ padding: 24rpx 0;
+ }
+ .station-barcode {
+ font-size: 24px;
+ font-weight: bold;
+ padding: 24rpx 0;
+ }
+ .station-wrk {
+ background-color: #ff7356;
+ color: #fff;
+ }
+ .station-nowrk {
+ background-color: #3eb689;
+ color: #fff;
+ }
+
+
+ .wrkMast {
+ background-color: #0083ff;
+ color: #fff;
+ margin-top: 10rpx;
+ font-size: 18px;
+ padding: 24rpx;
+ }
+ .wrkMast-wrkNo {
+ font-size: 32px;
+ font-weight: bold;
+ padding: 24rpx 0;
+ display: flex;
+ }
+
+ .wrkDetls {
+ background-color: #2299ff;
+ color: #fff;
+ margin-top: 10rpx;
+ font-size: 18px;
+ padding: 24rpx;
+ }
+ .wrkDetl {
+ padding: 16rpx 0;
+ border-bottom: 1px solid #FFF;
+ }
+ .wrkDetl:last-child {
+ border-bottom: none;
+ }
+
+ .waitPakins {
+ background-color: #c494ed;
+ color: #fff;
+ margin-top: 10rpx;
+ font-size: 18px;
+ padding: 24rpx;
+ }
+ .waitPakin {
+ padding: 16rpx 0;
+ border-bottom: 1px solid #FFF;
+ }
+ .waitPakin:last-child {
+ border-bottom: none;
+ }
+
+
+ .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 {
+ position: relative;
+ height: 80rpx;
+ line-height: 80rpx;
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ }
+ .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: #606266;
+ border-right: 1px solid #DCDFE6;
+ }
+ .btn-right {
+ display: flex;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ color: #409EFF;
+ }
+
+ .dropdown {
+ position: relative;
+ display: flex;
+ width: 93%;
+ align-items: center;
+ padding: 0rpx 20rpx;
+ }
+ .dropdown-content {
+ position: absolute;
+ top: calc(100% + 15rpx);
+ left: 0;
+ width: calc(100% - 20rpx);
+ max-height: 300rpx;
+ background-color: #fff;
+ box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
+ border-radius: 8rpx;
+ z-index: 10;
+ }
+ .dropdown-item {
+ padding: 12rpx;
+ line-height: 1.2;
+ font-size: 22px;
+ color: #3a3a3a;
+ }
</style>
--
Gitblit v1.9.1