| | |
| | | "navigationBarTitleText" : "订单列表", |
| | | "enablePullDownRefresh" : false |
| | | } |
| | | }, |
| | | { |
| | | "path" : "pages/tzsk/work/wrkMast", |
| | | "style" : |
| | | { |
| | | "navigationBarTitleText" : "工作档查询", |
| | | "enablePullDownRefresh" : false |
| | | } |
| | | }, |
| | | { |
| | | "path" : "pages/phyz/AGV/AGVPakin2", |
| | | "style" : |
| | | { |
| | | "navigationBarTitleText" : "AGV组托", |
| | | "enablePullDownRefresh" : false |
| | | } |
| | | } |
| | | |
| | | |
| | |
| | | project: 'tzsk', |
| | | elements2: [ |
| | | { |
| | | title: '组托', |
| | | name: 'pakin', |
| | | color: 'blue', |
| | | // cuIcon: 'pullup', |
| | | url: `/phyz/AGV/AGVPakin` |
| | | }, |
| | | { |
| | | title: '空板入出库', |
| | | name: 'emptyIn', |
| | | color: 'blue', |
| | |
| | | url: `/tzsk/AGV/AGVPakin` |
| | | }, |
| | | { |
| | | title: '采购入库', |
| | | title: '采购入库-后转订单', |
| | | name: 'AGVPick', |
| | | color: 'cyan', |
| | | // cuIcon: 'pullup', |
| | |
| | | z-index: 9; |
| | | /* border-top: 1px solid #DCDFE6; */ |
| | | text-align: center; |
| | | box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.5); |
| | | box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); |
| | | } |
| | | </style> |
New file |
| | |
| | | <template> |
| | | <view> |
| | | <view class="code"> |
| | | <view class="code-item"> |
| | | <view>订单号</view> |
| | | <input type="text" placeholder="扫码 / 输入"> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .code-item { |
| | | display: flex; |
| | | margin: 16rpx; |
| | | padding: 16rpx; |
| | | font-size: 18px; |
| | | align-items: center; |
| | | border: 1px solid #d8d8d8; |
| | | border-radius: 16rpx; |
| | | background-color: #FFF; |
| | | } |
| | | .code-item input { |
| | | padding-left: 20rpx; |
| | | } |
| | | </style> |
| | |
| | | <uni-search-bar :focus="matFocus" v-model="matnr" @input="matInput()" ma |
| | | maxlength="500" ancel="cancel" @clear="clear" placeholder="输入 / 扫描商品"> |
| | | </uni-search-bar> |
| | | <view class="code-title"> |
| | | <view></view> |
| | | <view>商品列表</view> |
| | | <view @click="allChecked">{{allCheckBtnTitle}}</view> |
| | | </view> |
| | | </view> |
| | | <view class="list" v-for="(item,i) in dataList"> |
| | | <view class="list-left"> |
| | |
| | | <view>数量:{{item.anfme}}</view> |
| | | <view class="card-id">{{i + 1}}</view> |
| | | </view> |
| | | <view class="list-right"> |
| | | <label @click="checkboxChange(item)"> |
| | | <checkbox :value="item.orderNo" color="#FFCC33" style="transform:scale(0.7)" /><text></text> |
| | | <view class="list-right" @click="checkboxChange(item)"> |
| | | <label > |
| | | <checkbox :value="item.orderNo" :checked="item.checked" color="#FFCC33" style="transform:scale(0.7)" /><text></text> |
| | | </label> |
| | | </view> |
| | | </view> |
| | | <view style="height: 100rpx;"></view> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | dataList: [ |
| | | { |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931255', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z', |
| | | checked: true |
| | | }, |
| | | { |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | { |
| | | orderNo: 'cg0931242', |
| | | matnr: 'cg0931242', |
| | | maktx: '哈哈', |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931225', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | { |
| | | orderNo: 'cg0931243', |
| | | matnr: 'cg0931243', |
| | | maktx: '哈哈', |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | { |
| | | orderNo: 'cg0931244', |
| | | matnr: 'cg0931244', |
| | | maktx: '辣椒', |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | { |
| | | orderNo: 'cg0931245', |
| | | matnr: 'cg0931245', |
| | | maktx: '44', |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | { |
| | | orderNo: 'cg0931246', |
| | | matnr: 'cg0931246', |
| | | maktx: '41', |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | } |
| | | }, |
| | | { |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | { |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | { |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | { |
| | | orderNo: 'cg0931241', |
| | | matnr: 'cg0931241', |
| | | maktx: '你好', |
| | | anfme: 10, |
| | | specs: '10-z' |
| | | }, |
| | | ], |
| | | oldDataList: [], |
| | | newDataList: [] |
| | | newDataList: [], |
| | | allCheck: false, |
| | | allCheckBtnTitle: '全选' |
| | | } |
| | | }, |
| | | onShow() { |
| | |
| | | let sign = 0 |
| | | this.dataList = [...this.oldDataList] |
| | | this.newDataList = [] |
| | | this.searchEnd() |
| | | for (let k in this.dataList) { |
| | | if (!this.dataList[k].matnr.includes(this.matnr)) { |
| | | count++; |
| | |
| | | } |
| | | this.dataList = this.newDataList |
| | | }, |
| | | searchEnd() { |
| | | |
| | | |
| | | }, |
| | | checkboxChange(e) { |
| | | let items = this.dataList, |
| | | values = e.orderNo; |
| | |
| | | this.$set(e,'checked',false) |
| | | } else { |
| | | this.$set(e,'checked',true) |
| | | } |
| | | }, |
| | | allChecked() { |
| | | if (this.allCheck) { |
| | | this.allCheck = false |
| | | this.allCheckBtnTitle = '全选' |
| | | } else { |
| | | this.allCheck = true |
| | | this.allCheckBtnTitle = '取消' |
| | | } |
| | | for (let item of this.dataList) { |
| | | if (this.allCheck) { |
| | | this.$set(item,'checked',true) |
| | | } else { |
| | | this.$set(item,'checked',false) |
| | | } |
| | | } |
| | | }, |
| | | clear() { |
| | |
| | | <style> |
| | | .code { |
| | | background-color: #d9d9d9; |
| | | z-index: 99; |
| | | position: sticky; |
| | | top: 80rpx; |
| | | left: 0; |
| | | } |
| | | .code-title { |
| | | display: flex; |
| | | justify-content: space-around; |
| | | height: 50rpx; |
| | | } |
| | | .list { |
| | | margin: 20rpx; |
New file |
| | |
| | | <template> |
| | | <view> |
| | | <view class="code"> |
| | | <uni-search-bar :focus="searchFocus" v-model="searchValue" @input="searchInput()" ma |
| | | maxlength="500" ancel="cancel" @clear="clear" placeholder="输入 / 扫描商品"> |
| | | </uni-search-bar> |
| | | </view> |
| | | <view class="list" v-for="(item,i) in dataList"> |
| | | <!-- 左侧 --> |
| | | <view class="list-left"> |
| | | <!-- 左上 --> |
| | | <view class="list-left-top"> |
| | | <view>工作号4099</view> |
| | | <view style="display: flex;border-bottom: 1px solid #FFF;margin: 10rpx;"> |
| | | <text style="flex: 1;">工作状态</text> |
| | | <text>201.生成入库任务ID</text> |
| | | </view> |
| | | <view style="display: flex;border-bottom: 1px solid #FFF;margin: 10rpx;"> |
| | | <text style="flex: 1;">入出库类型</text> |
| | | <text>1.入库</text> |
| | | </view> |
| | | <view style="display: flex;border-bottom: 1px solid #FFF;margin: 10rpx;"> |
| | | <text style="flex: 1;">优先级</text> |
| | | <text>300</text> |
| | | </view> |
| | | <view style="display: flex;border-bottom: 1px solid #FFF;margin: 10rpx;"> |
| | | <text style="flex: 1;">源库位</text> |
| | | <text>CS-101-001-01@1</text> |
| | | </view> |
| | | <view style="display: flex;border-bottom: 1px solid #FFF;margin: 10rpx;"> |
| | | <text style="flex: 1;">目标库位</text> |
| | | <text>YZ-015-001-01@1</text> |
| | | </view> |
| | | <view style="display: flex;border-bottom: 1px solid #FFF;margin: 10rpx;"> |
| | | <text style="flex: 1;">料箱码</text> |
| | | <text>1112223335</text> |
| | | </view> |
| | | </view> |
| | | <!-- 左下 --> |
| | | <view class="list-left-bottom"> |
| | | <button size="mini">明细</button> |
| | | <button size="mini">完成</button> |
| | | <button size="mini">取消</button> |
| | | </view> |
| | | </view> |
| | | <!-- 右侧 --> |
| | | <!-- <view class="list-right"></view> --> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | data() { |
| | | return { |
| | | searchValue: '', |
| | | searchFocus: true, |
| | | dataList: [ |
| | | {}, |
| | | {}, |
| | | {} |
| | | ] |
| | | } |
| | | }, |
| | | methods: { |
| | | // 搜索框输入 |
| | | searchInput() { |
| | | |
| | | }, |
| | | // 重置搜索框 |
| | | clear() { |
| | | |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | .code { |
| | | background-color: #d9d9d9; |
| | | z-index: 99; |
| | | position: sticky; |
| | | top: 80rpx; |
| | | left: 0; |
| | | } |
| | | .list { |
| | | margin: 20rpx; |
| | | background-color: #fff; |
| | | background-color: #157ec1; |
| | | color: #FFF; |
| | | border-radius: 20rpx; |
| | | border: 1px solid #eeeeee; |
| | | display: flex; |
| | | position: relative; |
| | | } |
| | | .list-left { |
| | | flex: 1; |
| | | position: relative; |
| | | } |
| | | .list-left-top { |
| | | /* border-bottom: 1px solid #eeeeee; */ |
| | | padding: 20rpx; |
| | | } |
| | | .list-left-bottom { |
| | | border-bottom: 1px solid #eeeeee; |
| | | padding: 10rpx; |
| | | display: flex; |
| | | justify-content: space-around; |
| | | } |
| | | .list-right { |
| | | width: 100rpx; |
| | | border-left: 1px solid #eeeeee; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | </style> |