<template>
|
<view>
|
|
<view class="square-2">
|
<view class="square-title">
|
<view class="title-sign"><view class="sign"></view></view>
|
<view class="title-text"><text>没有按钮</text></view>
|
</view>
|
<view class="square-content">
|
<view class="content-input">
|
<input type="text" v-model="yyds" placeholder="扫码 / 输入" @input="find" :focus="focus">
|
<uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
|
</view>
|
</view>
|
</view>
|
<checkbox-group >
|
<view v-for="(item,index) in staNoList" :key="index" class="data-list " >
|
<view class="data-list-left">
|
<view class="matnr">{{item}}</view>
|
</view>
|
</view>
|
</checkbox-group>
|
<view class="square-2">
|
<view class="square-title">
|
<view class="title-sign"><view class="sign"></view></view>
|
<view class="title-text"><text>右侧按钮</text></view>
|
</view>
|
<view class="square-content">
|
<view class="content-input-btn">
|
<input type="text">
|
<uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
|
</view>
|
<view class="content-btn">
|
<button class="cu-btn bg-blue pda-btn">提取</button>
|
</view>
|
</view>
|
</view>
|
|
<view class="square-3">
|
<view class="square-title">
|
<view class="title-sign"><view class="sign"></view></view>
|
<view class="title-text"><text>左侧下拉</text></view>
|
</view>
|
<view class="square-content">
|
<view class="content-combox">
|
|
<uni-combox emptyTips="暂无数据" :candidates="staNoList" v-model="staNo" placeholder="站台号"></uni-combox>
|
</view>
|
|
</view>
|
<view class="square-content">
|
<view class="content-input-combox">
|
<input type="text">
|
<uni-icons type="closeempty" size="20" color="#dadada"></uni-icons>
|
</view>
|
</view>
|
</view>
|
|
<view class="square-1">
|
<view class="square-title">
|
<view class="title-sign"><view class="sign"></view></view>
|
<view class="title-text"><text>托盘条码</text></view>
|
</view>
|
</view>
|
|
<view class="square-none">
|
<view class="v-show">暂无更多数据...</view>
|
</view>
|
<!-- 商品列表 -->
|
<view>
|
<view></view>
|
</view>
|
<!-- 表单 -->
|
<view class="square-form">
|
<view class="form-title">
|
<text>结束时间</text>
|
</view>
|
<view class="form-input">
|
<input type="text" placeholder="请输入...">
|
</view>
|
</view>
|
<!-- 表单必填 -->
|
<view class="square-form">
|
<view class="form-title">
|
<text>结束时间</text>
|
</view>
|
<view class="form-input">
|
<input type="text" placeholder="请输入...">
|
</view>
|
</view>
|
<!-- 搜索框 -->
|
<view class="square-1">
|
<view class="search-box">
|
<view class="search-icon"><uni-icons type="search" size="20" color="#dadada"></uni-icons></view>
|
<view class="search-area"><input type="text" placeholder=" 请输入"></view>
|
<view class="close-icon"><uni-icons type="closeempty" size="20" color="#dadada"></uni-icons></view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
staNoList:[],
|
staNo:'',
|
yyds:'',
|
focus:''
|
}
|
},
|
onLoad() {
|
// #ifdef APP
|
setInterval(()=>{
|
uni.hideKeyboard()
|
},20)
|
// #endif
|
},
|
methods:{
|
find(){
|
this.staNoList.push(this.yyds);
|
|
|
this.focus = false;
|
setTimeout(()=>{
|
this.yyds ='';
|
this.focus = true;
|
console.log(this.yyds ,'1')
|
}, 50);
|
}
|
}
|
}
|
|
</script>
|
|
<style>
|
|
</style>
|