| | |
| | | <view class="search-box"> |
| | | <view class="search-area"> |
| | | <view class="search-icon"><uni-icons type="search" size="25" color="#a5a5a5"></uni-icons></view> |
| | | <input type="text" v-model="condition" placeholder="请输入商品编码 / 名称"/> |
| | | <input type="text" v-model="condition" placeholder="Please enter item code / name"/> |
| | | <view class="close-icon" @click="reset()"><uni-icons type="closeempty" size="25" color="#a5a5a5"></uni-icons></view> |
| | | </view> |
| | | <view class="search-btn"><button @click="search(condition)" class="cu-btn bg-blue">搜索</button></view> |
| | | <view class="search-btn"><button @click="search(condition)" class="cu-btn bg-blue">Search</button></view> |
| | | </view> |
| | | <checkbox-group @change="checkbox"> |
| | | <label v-for="(item,index) in tag" :key="index" class="demo-list bg-false" |
| | | @click="showTag(item.id)"> |
| | | <view class="demo-list-right"> |
| | | <view class="tag"> |
| | | <view class="cu-tag bg-blue ">归类</view> |
| | | <view class="cu-tag bg-blue ">Category</view> |
| | | </view> |
| | | |
| | | <view class="order-ditel"><text class="orderNo">{{item.name}}</text></view> |
| | |
| | | @click="findBySelect(item.matnr)"> |
| | | <view class="demo-list-right"> |
| | | <view class="tag"> |
| | | <view class="cu-tag bg-cyan ">商品</view> |
| | | <view class="cu-tag bg-cyan ">Item</view> |
| | | </view> |
| | | <view class="matnr"><text style="width: 400rpx;">{{item.matnr}}</text></view> |
| | | <view class="matnr"><text style="width: 400rpx;">{{item.maktx}}</text></view> |
| | |
| | | border-bottom: 1px solid #d8d8d8; |
| | | border-radius: 0 0 20rpx 20rpx; |
| | | z-index: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | /*#ifdef H5 */ |
| | | .search-box { |
| | |
| | | border-bottom: 1px solid #d8d8d8; |
| | | border-radius: 0 0 20rpx 20rpx; |
| | | z-index: 1; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | /* #endif */ |
| | | .search-area { |
| | | display: inline-block; |
| | | display: flex; |
| | | align-items: center; |
| | | background-color: #F1F1F1; |
| | | width: 75%; |
| | | flex: 1; |
| | | height: 70%; |
| | | margin: 15rpx; |
| | | border-radius: 15rpx; |
| | | } |
| | | .search-area input { |
| | | display: inline-block; |
| | | flex: 1; |
| | | height: 70rpx; |
| | | width: 70%; |
| | | line-height: 70rpx; |
| | | font-size: 25rpx; |
| | | font-weight: 400; |
| | | } |
| | | .search-btn { |
| | | display: inline-block; |
| | | float: right; |
| | | margin-right: 30rpx; |
| | | margin-top: 15rpx; |
| | | } |
| | | .search-icon { |
| | | display: inline-block; |
| | | float: left; |
| | | width: 70rpx; |
| | | height: 70rpx; |
| | | text-align: center; |
| | |
| | | |
| | | } |
| | | .close-icon { |
| | | display: inline-block; |
| | | float: right; |
| | | width: 70rpx; |
| | | height: 70rpx; |
| | | text-align: center; |
| | |
| | | color: #3b3b3b; |
| | | /* background-color: #0A98D5; */ |
| | | } |
| | | .demo-list-right .vertical-bar { // 竖杠 |
| | | .demo-list-right .vertical-bar { // Vertical bar |
| | | /* background-color: #6739B6; */ |
| | | width: 50rpx; |
| | | font-size: 30rpx; |