|
|
@@ -10,11 +10,12 @@
|
|
|
placeholder="请选择人员"
|
|
|
@click="show = true"
|
|
|
/>
|
|
|
- <van-action-sheet class="bigsheetbox" @closed="closedHandler" v-model="show" position="bottom" title="选择人员">
|
|
|
+ <van-action-sheet class="bigsheetbox" @closed="closedHandler" v-model="show" safe-area-inset-bottom position="bottom" title="选择人员">
|
|
|
<van-row>
|
|
|
<van-col span="24">
|
|
|
<!-- <van-search v-model="searchVal" placeholder="请输入搜索关键词" /> -->
|
|
|
<form action="/">
|
|
|
+
|
|
|
<van-search v-model="searchVal" placeholder="请输入搜索关键词" clearable @input="onSearch" />
|
|
|
</form>
|
|
|
</van-col>
|
|
|
@@ -29,7 +30,6 @@
|
|
|
<van-checkbox :name="item.id" />
|
|
|
</template>
|
|
|
</van-cell>
|
|
|
-
|
|
|
</van-cell-group>
|
|
|
</van-checkbox-group>
|
|
|
</van-col>
|
|
|
@@ -127,8 +127,8 @@ export default {
|
|
|
|
|
|
methods: {
|
|
|
// 弹框关闭动画
|
|
|
- closedHandler() {
|
|
|
- this.searchVal = ''
|
|
|
+ closedHandler(){
|
|
|
+ this.searchVal=''
|
|
|
},
|
|
|
onLoad() {},
|
|
|
getpeople() {
|
|
|
@@ -198,20 +198,19 @@ export default {
|
|
|
height: 90px;
|
|
|
}
|
|
|
.bottomdiv {
|
|
|
- // width: 100%;
|
|
|
- // bottom: 0%;
|
|
|
- // position: fixed;
|
|
|
- // z-index: 2000;
|
|
|
+ width: 100%;
|
|
|
+ bottom: 0%;
|
|
|
+ position: fixed;
|
|
|
+ z-index: 2000;
|
|
|
+
|
|
|
}
|
|
|
-.rowclss {
|
|
|
- height: 1050px;
|
|
|
- overflow: scroll;
|
|
|
-
|
|
|
+.rowclss{
|
|
|
+ margin-bottom: 100px;
|
|
|
}
|
|
|
.bigsheetbox {
|
|
|
- height: calc(100vh - 100px);
|
|
|
+ height: calc(100vh - 100px);
|
|
|
}
|
|
|
-.van-field__control {
|
|
|
+.van-field__control{
|
|
|
padding-right: 20px;
|
|
|
}
|
|
|
.line {
|
gaoxiong