| | |
| | | <template> |
| | | <view> |
| | | <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 class="card-id">{{i + 1}}</view> --> |
| | | <view class="card-status-1" v-if="item.settle == 1">{{item.settle$}}</view> |
| | | <view class="card-status-2" v-if="item.settle == 2">{{item.settle$}}</view> |
| | | <view class="card-status-4" v-if="item.settle == 4">{{item.settle$}}</view> |
| | | </view> |
| | | <!-- <view class="list-right" @click="checkboxChange(item)"> |
| | | <label > |
| | |
| | | </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; |
| | | } |
| | | </style> |