|
|
@@ -2,8 +2,12 @@
|
|
|
<template>
|
|
|
<view id="accessQualification">
|
|
|
<view class="top-picker-max-box">
|
|
|
- <input class="top-picker-input-box" type="text"
|
|
|
- v-model="queryParams.searchValue" placeholder="申请人/实验室名称/房间号" maxlength="20">
|
|
|
+ <view class="top-picker-input-box">
|
|
|
+ <input class="top-picker-input" type="text" clearable
|
|
|
+ v-model="queryParams.searchValue" placeholder="申请人/实验室名称/房间号" maxlength="20">
|
|
|
+ <img v-if="queryParams.searchValue" class="top-picker-del"
|
|
|
+ :src="imagesUrl('student/icon_jlfgz_gb.png')" @click="delSearchValue()">
|
|
|
+ </view>
|
|
|
<picker class="top-picker-right-box" @change="buttonChange"
|
|
|
:range-key="'name'" :value="id" :range="buttonArray">
|
|
|
<view>{{buttonArray[buttonArrayIndex].name}}</view>
|
|
|
@@ -87,6 +91,9 @@
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
+ delSearchValue(){
|
|
|
+ this.$set(this.queryParams,'searchValue','');
|
|
|
+ },
|
|
|
getButton(){
|
|
|
this.clearData();
|
|
|
this.getList();
|
|
|
@@ -203,10 +210,26 @@
|
|
|
border-radius: 6rpx;
|
|
|
margin-left:30rpx;
|
|
|
padding:0 20rpx;
|
|
|
+ position:relative;
|
|
|
view {
|
|
|
padding: 0 20rpx;
|
|
|
color: #999999;
|
|
|
}
|
|
|
+ .top-picker-input{
|
|
|
+ width: 350rpx;
|
|
|
+ height: 82rpx;
|
|
|
+ line-height: 82rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ }
|
|
|
+ .top-picker-del{
|
|
|
+ position: absolute;
|
|
|
+ top:20rpx;
|
|
|
+ right:20rpx;
|
|
|
+ width:40rpx;
|
|
|
+ height:40rpx;
|
|
|
+ z-index:10;
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
.top-picker-right-box {
|
|
|
margin-top: 34rpx;
|
dedsudiyu