| | |
| | | <template> |
| | | </template> |
| | | |
| | | <script> |
| | | </script> |
| | | |
| | | <style> |
| | | <template>
|
| | | <view>
|
| | | <!-- 搜索框 -->
|
| | | <view class="search-bar">
|
| | | <uni-search-bar v-model="condition" placeholder=" 扫码 / 输入" bgColor="#EEEEEE" @confirm="search" />
|
| | | </view>
|
| | | <scroll-view> |
| | | <view class="tag-list" v-for="(item,i) in matList" :key="i"> |
| | | <view class="list-left"> |
| | | <view class="list-left-item"> |
| | | <view class="desc">物料码:</view> |
| | | <view class="left-item"> |
| | | <uni-tag :text="item.matnr" type="primary"></uni-tag> |
| | | </view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">品名:</view> |
| | | <view class="left-item">{{item.maktx}}</view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">规格:</view> |
| | | <view class="left-item">{{item.specs}}</view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">型号:</view> |
| | | <view class="left-item"> |
| | | <uni-tag :text="item.model" type="warning"></uni-tag> |
| | | </view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">品牌:</view> |
| | | <view class="left-item">{{item.brand}}</view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">单位:</view> |
| | | <view class="left-item">{{item.unit}}</view> |
| | | </view> |
| | | <view class="list-left-item"> |
| | | <view class="desc">等级:</view> |
| | | <view class="left-item">{{item.level}}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </scroll-view>
|
| | | </view>
|
| | | </template>
|
| | |
|
| | | <script>
|
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | tagList: [],
|
| | | matList: [],
|
| | | condition: '',
|
| | | reload: false,
|
| | | curr:1,
|
| | | tag: '分类',
|
| | | baColor: "background-color: #0081ff;",
|
| | | desc: '商品编号:',
|
| | | baseUrl: '',
|
| | | token: '',
|
| | | }
|
| | | },
|
| | | onShow() {
|
| | | this.baseUrl = uni.getStorageSync('baseUrl');
|
| | | this.token = uni.getStorageSync('token');
|
| | | },
|
| | | methods: {
|
| | | search() {
|
| | | let that = this
|
| | | that.tagList = []
|
| | | that.matList = []
|
| | | uni.request({
|
| | | url: that.baseUrl + '/pda/mats/search/' + that.condition,
|
| | | method:"GET",
|
| | | header: {
|
| | | 'token':uni.getStorageSync('token'),
|
| | | },
|
| | | success(result) {
|
| | | var res = result.data
|
| | | if (res.code === 200 ) { |
| | | that.matList = res.data
|
| | | } else if (res.code == 403) {
|
| | | uni.showToast({title: res.msg, icon: "none", position: 'top'})
|
| | | setTimeout(() => {
|
| | | uni.reLaunch({
|
| | | url: '../login/login'
|
| | | });
|
| | | }, 1000);
|
| | | } else {
|
| | | uni.showToast({title: res.msg, icon: "none",position: 'top'})
|
| | | }
|
| | | }
|
| | | });
|
| | | },
|
| | | }
|
| | | }
|
| | | </script>
|
| | |
|
| | | <style>
|
| | | @import url('../../static/css/wms.css/wms.css');
|
| | | .tag-list {
|
| | | width: 94%;
|
| | | min-height: 160rpx;
|
| | | margin: 10px auto;
|
| | | background-color: #FFF;
|
| | | border-radius: 5px;
|
| | | box-shadow: 0 5upx 20upx rgba(0, 0, 0, 0.2);
|
| | | }
|
| | | .tag {
|
| | | display: flex;
|
| | | flex-direction: column;
|
| | | min-height: 80rpx;
|
| | | border-bottom: 1px solid #e2e2e2;
|
| | | }
|
| | | .wms-tag {
|
| | | min-width: 60rpx;
|
| | | margin-left: 50rpx;
|
| | | margin-top: 30rpx;
|
| | | color: #FFF;
|
| | | font-size: 14px;
|
| | | padding: 4rpx 12rpx;
|
| | | }
|
| | | .tag-item {
|
| | | min-height: 60rpx;
|
| | | line-height: 2;
|
| | | padding-left: 50rpx;
|
| | | color: #606266;
|
| | | font-size: 14px;
|
| | | word-wrap: break-word;
|
| | | }
|
| | | </style> |