|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <view class="container"> | 
|---|
|  |  |  | <view class="code"> | 
|---|
|  |  |  | <uni-search-bar :focus="searchValueFocus" v-model="searchValue"  @input="searchValueInput()" | 
|---|
|  |  |  | <uni-search-bar :focus="searchValueFocus" v-model="searchValue"  @input="searchValueInput2()" | 
|---|
|  |  |  | maxlength="500" ancel="cancel" @clear="clear" placeholder="输入 / 扫描 订单号"> | 
|---|
|  |  |  | </uni-search-bar> | 
|---|
|  |  |  | <view class="code-title"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | <view style="height: 100rpx;"></view> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <view style="position: fixed;bottom: 40px;padding: 10rpx;border-radius: 50%; | 
|---|
|  |  |  | left: 20px;background-color: #55aaff;box-shadow: 0px 0px 5px 5px #c8c8c8;"> | 
|---|
|  |  |  | <uni-icons type="refreshempty" size="30" color="#FFF"  @click="reload()"/> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </view> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | onShow() { | 
|---|
|  |  |  | this.baseUrl = uni.getStorageSync('baseUrl'); | 
|---|
|  |  |  | this.token = uni.getStorageSync('token'); | 
|---|
|  |  |  | this.oldDataList = [...this.dataList] | 
|---|
|  |  |  | this.getOrderList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | reload() { | 
|---|
|  |  |  | this.getOrderList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | searchValueInput2() { | 
|---|
|  |  |  | let _this = this | 
|---|
|  |  |  | uni.request({ | 
|---|
|  |  |  | url: `${_this.baseUrl}/order/head/page/auth`, | 
|---|
|  |  |  | header: {'token': uni.getStorageSync('token')}, | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | curr: 1, | 
|---|
|  |  |  | limit: 999999, | 
|---|
|  |  |  | order_no: _this.searchValue | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | method: 'GET', | 
|---|
|  |  |  | success(res) { | 
|---|
|  |  |  | res = res.data | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | _this.dataList = res.data.records | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | searchValueInput() { | 
|---|
|  |  |  | let count = 0 | 
|---|
|  |  |  | let sign = 0 | 
|---|
|  |  |  | this.dataList = [...this.oldDataList] | 
|---|
|  |  |  | this.newDataList = [] | 
|---|
|  |  |  | for (let k in this.dataList) { | 
|---|
|  |  |  | if (!this.dataList[k].matnr.includes(this.matnr)) { | 
|---|
|  |  |  | if (!this.dataList[k].orderNo.includes(this.searchValue)) { | 
|---|
|  |  |  | count++; | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.newDataList.push(this.dataList[k]) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (this.matnr != '') { | 
|---|
|  |  |  | for (let j in this.dataList) { | 
|---|
|  |  |  | if (!this.dataList[j].maktx.includes(this.matnr)) { | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | for (let i in this.newDataList) { | 
|---|
|  |  |  | if (this.newDataList[i].matnr ==  this.dataList[j].matnr) { | 
|---|
|  |  |  | sign++ | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (sign == 0) { | 
|---|
|  |  |  | this.newDataList.push(this.dataList[j]) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.dataList = this.newDataList | 
|---|
|  |  |  | 
|---|
|  |  |  | getOrderList() { | 
|---|
|  |  |  | let _this = this | 
|---|
|  |  |  | uni.request({ | 
|---|
|  |  |  | url: `${_this.baseUrl}/order/head/page/auth`, | 
|---|
|  |  |  | url: `${_this.baseUrl}/order/detls/in/page/auth`, | 
|---|
|  |  |  | header: {'token': uni.getStorageSync('token')}, | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | curr: 1, | 
|---|
|  |  |  | limit: 1000, | 
|---|
|  |  |  | limit: 30, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | method: 'GET', | 
|---|
|  |  |  | success(res) { | 
|---|
|  |  |  | res = res.data | 
|---|
|  |  |  | if (res.code === 200) { | 
|---|
|  |  |  | _this.dataList = res.data.records | 
|---|
|  |  |  | _this.oldDataList = [..._this.dataList] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | @import url('../../../static/css/common/order.css'); | 
|---|
|  |  |  | .card-status-1 { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | right: 20rpx; | 
|---|
|  |  |  | top: 30rpx; | 
|---|
|  |  |  | padding: 4rpx 20rpx; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | font-size: 10px; | 
|---|
|  |  |  | color: #f5222d; | 
|---|
|  |  |  | background-color: #fff1f0; | 
|---|
|  |  |  | border: 1px solid #ffa39e; | 
|---|
|  |  |  | border-radius: 6rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .card-status-2 { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | right: 20rpx; | 
|---|
|  |  |  | top: 30rpx; | 
|---|
|  |  |  | padding: 4rpx 20rpx; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | font-size: 10px; | 
|---|
|  |  |  | color: #52c41a; | 
|---|
|  |  |  | background-color: #f6ffed; | 
|---|
|  |  |  | border: 1px solid #b7eb8f; | 
|---|
|  |  |  | border-radius: 6rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .card-status-4 { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | right: 20rpx; | 
|---|
|  |  |  | top: 30rpx; | 
|---|
|  |  |  | padding: 4rpx 20rpx; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | font-size: 10px; | 
|---|
|  |  |  | color: #1890ff; | 
|---|
|  |  |  | background-color: #e6f7ff; | 
|---|
|  |  |  | border: 1px solid #91d5ff; | 
|---|
|  |  |  | border-radius: 6rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|