落箱 客户业务及班列业务实现

master
ZR20090193-陈敬勇 2 years ago
parent e853442fbf
commit 30b6b2d360

20
.gitignore vendored

@ -0,0 +1,20 @@
# Build and Release Folders
bin-debug/
bin-release/
[Oo]bj/
[Bb]in/
# Other files and folders
.settings/
.vs/
.vscode/
unpackage/
# Executables
*.swf
*.air
*.ipa
*.apk
# Project files, i.e. `.project`, `.actionScriptProperties` and `.flexProperties`
# should NOT be excluded as they contain compiler settings and other important
# information for Eclipse / Flash Builder.

@ -5,15 +5,21 @@
const tui = {
//接口地址
interfaceUrl: function() {
return 'http://127.0.0.1:9002/api'
// return 'http://60.209.125.238:9992/api'
// return 'http://118.190.210.123:9992/api'
// return 'http://127.0.0.1:9993/api'
return 'http://60.209.125.238:9993/api'
// return 'http://118.190.210.123:9993/api'
},
//App升级地址
appUrl: function() {
return 'http://127.0.0.1:9002/Update/'
// return 'http://60.209.125.238:9992/Update'
// return 'http://118.190.210.123:9992/Update'
// return 'http://127.0.0.1:9993/Update/'
return 'http://60.209.125.238:9993/Update/'
// return 'http://118.190.210.123:9993/Update'
},
//上传图片地址
uploadUrl: function() {
// return 'http://192.168.0.212:9991/api/VW_INFO_FILES/UploadDJZ'
return 'http://60.209.125.238:9991/api/VW_INFO_FILES/UploadDJZ'
// return 'http://118.190.210.123:9992/api/VW_INFO_FILES/UploadDJZ'
},
toast: function(text, duration, success) {
uni.showToast({

@ -1,5 +1,5 @@
{
"name" : "落箱辅助",
"name" : "落箱App",
"appid" : "__UNI__032F53F",
"description" : "",
"versionName" : "1.0.0",
@ -41,9 +41,13 @@
]
},
/* ios */
"ios" : {},
"ios" : {
"dSYMs" : false
},
/* SDK */
"sdkConfigs" : {}
"sdkConfigs" : {
"ad" : {}
}
}
},
/* */

@ -20,11 +20,38 @@
}
}
,{
"path" : "pages/ctnmng/ctnmng",
,{
"path" : "pages/train/train",
"style" :
{
"navigationBarTitleText": "待执行业务",
"navigationBarTitleText": "班列业务",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/customer/customer",
"style" :
{
"navigationBarTitleText": "客户业务",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/customer-check/customer-check",
"style" :
{
"navigationBarTitleText": "客户业务核对",
"enablePullDownRefresh": false
}
}
,{
"path" : "pages/train-check/train-check",
"style" :
{
"navigationBarTitleText": "班列业务核对",
"enablePullDownRefresh": false
}

@ -1,22 +0,0 @@
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

@ -0,0 +1,390 @@
<template>
<view class='container'>
<!-- <tui-list-cell :lineLeft="false">
<view class="tui-item-box">
<view class="tui-msg-box">
<image src="../../static/stockin.png" class="tui-msg-pic" mode="widthFix"></image>
<view class="tui-msg-item">
<view v-if="info" class="tui-msg-name"></view>
</view>
</view>
</view>
</tui-list-cell>
<tui-list-cell :lineLeft="false">
<view class="tui-item-box">
<view class="tui-msg-box">
<view class="tui-msg-item" style="margin-left: 10px;">
<button v-if="imgList && imgList.length > 0"
@click="pickImage()">已选择{{imgList.length}}张图片</button>
<button v-else @click="pickImage()"></button>
</view>
</view>
</view>
</tui-list-cell> -->
<template v-if="info">
<uni-card :title="info.worktype">
<view class="example">
<uni-forms ref="form" label-position="left">
<uni-forms-item label="预计日期" name="workplandate">
<uni-easyinput type="text" :disabled="true" v-model="info.workplandate" />
</uni-forms-item>
<uni-forms-item label="箱号" name="cntrno">
<uni-easyinput type="text" :disabled="true" v-model="info.cntrno" />
</uni-forms-item>
<uni-forms-item label="承运车号" name="truckno">
<uni-easyinput type="text" :disabled="true" v-model="info.truckno" />
</uni-forms-item>
<uni-forms-item v-if="info.worktype=='场站落箱'" label="库位" name="areacode">
<uni-data-select v-model="info.areacode" :localdata="areaList" @change="change"
label="库位选择">
</uni-data-select>
</uni-forms-item>
</uni-forms>
<button @click="checkIn()"></button>
</view>
</uni-card>
</template>
</view>
</template>
<script>
export default {
data() {
return {
isshow: false,
isbinding: true,
key: '',
temp: '',
info: null,
loading: false,
areaList: [],
imgList: [],
tempArea: '',
tableData: [],
}
},
onReady() {
// onReady
// this.$refs.form.setRules(this.rules)
},
onLoad: function(option) {
var _this = this
},
onShow: function() {
var _this = this
_this.getInfo()
},
methods: {
change(e) {
// console.log('e:',e);
var _this = this
_this.$set(_this.info, 'areacode', e)
_this.tempArea = e
},
getInfo: function() {
uni.showLoading()
this.tui.request("/App/GetCustomerWorkInfo?id=" + uni.getStorageSync("custWorkId"), "GET", null, false, false,
false)
.then((
res) => {
console.log(res)
if (res.succeeded) {
this.info = res.data[0]
this.areaList = res.data[1]
// console.log(this.list)
uni.hideLoading()
} else {
this.tui.toast(res.message, 2000, 'none')
}
}).catch((err) => {
this.tui.toast('异常:' + err, 2000, 'none')
uni.hideLoading()
})
},
checkIn: function() {
uni.showLoading()
this.$refs.form.validate().then(res => {
uni.hideLoading()
// console.log('', res);
let postData = {
GID: this.info.gid,
WORKTYPE: this.info.worktype,
OP:uni.getStorageSync("UserId"),
// InfoFiles: this.imgList,
AREACODE: this.info.areacode
}
this.tui.request("/App/CustomerWorkDeal", "POST", postData, false, false, false)
.then((
res) => {
console.log(res)
if (res.succeeded) {
this.tui.toast(res.message, 2000, 'success')
uni.navigateBack();
} else {
this.tui.toast(res.message, 2000, 'none')
}
}).catch((err) => {
this.tui.toast('异常:' + err, 2000, 'none')
})
}).catch(err => {
uni.hideLoading()
this.tui.toast('请检查表单!', 2000, 'none')
})
},
pickImage: function() {
console.log('==== picker ====')
uni.chooseImage({
count: 1, //9
sizeType: ['original'], //
sourceType: ['camera'], //使
success: (temp) => {
// const tempFilePaths = res.tempFilePaths;
const files = temp.tempFiles;
// console.log(files[0])
var path = files[0].path
var filename = path.replace(/(.*\/)*([^.]+).*/ig,"$2")+".jpg"
uni.showLoading()
uni.uploadFile({
url: this.tui.uploadUrl(), //
fileType:"image",//ZFB,
filePath: temp.tempFilePaths[0],//
name: 'files',
success: res => {
console.log(res)
this.imgList.push({name: filename ,url:JSON.parse(res.data).data + filename})
console.log(this.imgList)
uni.hideLoading();
},
fail(err) {
console.log(err)
// this.tui.toast('', 2000, 'none')
uni.hideLoading();
}
});
}
})
}
}
}
</script>
<style>
/* @import '../../static/style/thorui.css'; */
.tui-msg-box {
display: flex;
align-items: center;
}
.example {
padding: 15px;
background-color: #fff;
}
.button-group {
margin-top: 15px;
display: flex;
justify-content: space-around;
}
.form-item {
display: flex;
align-items: center;
}
.button {
display: flex;
align-items: center;
height: 35px;
margin-left: 10px;
}
.tui-msg-pic {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
display: block;
margin-right: 24rpx;
flex-shrink: 0;
}
.tui-msg-item {
max-width: 500rpx;
/* min-height: 100rpx; */
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tui-msg-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 45rpx;
line-height: 2;
justify-content: space-between;
color: #262b3a;
}
.tui-item-box {
width: 100%;
display: flex;
align-items: center;
}
.tui-list-cell_name {
padding-left: 20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.tui-ml-auto {
margin-left: auto;
}
.tui-right {
margin-left: auto;
margin-right: 34rpx;
font-size: 26rpx;
color: #999;
}
.tui-logo {
height: 52rpx;
width: 52rpx;
flex-shrink: 0;
}
</style>
<style lang='scss'>
.fr-right-blue {
float: right;
font-family: 微软雅黑;
color: #4977E7;
}
.fr-left-blue {
float: left;
font-family: 微软雅黑;
color: #4977E7;
}
.fr-right-green {
float: right;
font-family: 微软雅黑;
color: #11AE11;
}
.color-999 {
color: #999;
}
.color-red {
color: red;
}
.fr-right {
float: right;
font-family: 微软雅黑;
color: #999;
}
.list-card {
margin: 20upx 0;
background-color: #ffffff;
/* font-size: 28upx; */
transform: all 1s;
.card-head {
padding: 20upx;
height: 80upx;
font-size: 35upx;
box-sizing: border-box;
border-bottom: 2upx solid #f5f5f5;
}
.card-body {
padding: 20upx;
display: flex;
flex-wrap: wrap;
text {
width: 50%;
font-size: 32upx;
line-height: 55upx;
}
}
.card-foot {
height: 88upx;
/* margin: 20upx 0; */
padding: 0 20upx;
border-top: 2upx solid #f5f5f5;
border-bottom: none;
line-height: 88upx;
.btn {
height: 60upx;
font-size: 28upx;
line-height: 60upx;
margin: 14upx 0;
}
}
}
.tui-searchbox {
padding: 30rpx 0;
box-sizing: border-box;
display: flex;
align-items: center;
}
.tui-search-input {
width: 100%;
height: 66rpx;
border-radius: 35rpx;
padding: 0 30rpx;
box-sizing: border-box;
background: #f2f2f2;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.tui-input {
flex: 1;
color: #333;
padding: 0 16rpx;
font-size: 28rpx;
}
.tui-input-plholder {
font-size: 28rpx;
color: #b2b2b2;
}
.fr-btn {
float: right;
height: 60upx;
font-size: 28upx;
line-height: 60upx;
margin: 14upx 0;
}
;
.uni-group {
display: flex;
align-items: center;
}
</style>
-->

@ -0,0 +1,237 @@
<template>
<view class="container">
<view class="tui-searchbox">
<view class="tui-search-input">
<icon type="search" :size='20' color='#333'></icon>
<input confirm-type="search" placeholder="请输入箱号" :focus="true" auto-focus
placeholder-class="tui-input-plholder" class="tui-input" v-model.trim="postData.CNTRNO"
@confirm="getInfo" />
<icon type="clear" :size='20' color='#bcbcbc' @tap="cleanCNTRNO" v-show="postData.CNTRNO"></icon>
</view>
<view class="tui-search-input">
<icon type="search" :size='20' color='#333'></icon>
<input confirm-type="search" placeholder="请输入车号" :focus="true" auto-focus
placeholder-class="tui-input-plholder" class="tui-input" v-model.trim="postData.TRUCKNO"
@confirm="getInfo" />
<icon type="clear" :size='20' color='#bcbcbc' @tap="cleanTRUCKNO" v-show="postData.TRUCKNO"></icon>
</view>
</view>
<uni-card v-if="list" v-for="(item,index) in list" :title="item.worktype" :key="index">
<view class="example">
<uni-forms ref="form" :modelValue="item" label-position="left">
<uni-forms-item label="预计日期" name="workplandate">
<uni-easyinput type="text" :disabled="true" v-model="item.workplandate" />
</uni-forms-item>
<uni-forms-item label="箱号" name="cntrno">
<uni-easyinput type="text" :disabled="true" v-model="item.cntrno" />
</uni-forms-item>
<uni-forms-item label="承运车号" name="truckno">
<uni-easyinput type="text" :disabled="true" v-model="item.truckno" />
</uni-forms-item>
<uni-forms-item label="状态" name="workstatus">
<uni-easyinput type="text" :disabled="true" v-model="item.workstatus" />
</uni-forms-item>
</uni-forms>
<button @click="skip(item.gid)"></button>
</view>
</uni-card>
</view>
</template>
<script>
export default {
data() {
return {
info: [],
loadData: [],
pageIndex: 1,
loadding: false,
pullUpOn: true,
isShow: false,
postData: {
CNTRNO: "",
TRUCKNO: "",
},
skipData: {
WMSPLANID: "",
},
key: "",
list: '',
type:''
}
},
onShow() {
this.list = ''
this.skipData.type = ''
this.postData.CNTRNO = ''
this.postData.TRUCKNO = ''
this.getInfo()
},
methods: {
back: function() {
uni.navigateBack();
},
cleanCNTRNO: function() {
this.postData.CNTRNO = ''
},
cleanTRUCKNO: function() {
this.postData.TRUCKNO = ''
},
getInfo: function() {
uni.showLoading()
console.log(this.postData)
this.tui.request("/App/GetCustomerWorkList", "POST", this.postData, false, false, false)
.then((
res) => {
console.log(res)
if (res.succeeded) {
this.list = res.data
uni.hideLoading()
} else {
this.tui.toast(res.message, 2000, 'none')
}
}).catch((err) => {
console.log(err)
this.tui.toast('异常:' + err, 2000, 'none')
uni.hideLoading()
})
},
skip: function(id) {
uni.setStorageSync("custWorkId", id)
uni.navigateTo({
url: '../customer-check/customer-check'
})
}
}
}
</script>
<style>
.example {
padding: 15px;
background-color: #fff;
}
.button-group {
margin-top: 15px;
display: flex;
justify-content: space-around;
}
.form-item {
display: flex;
align-items: center;
}
.button {
display: flex;
align-items: center;
height: 35px;
margin-left: 10px;
}
/* @import '../../static/style/thorui.css'; */
.tui-msg-box {
display: flex;
align-items: center;
}
.tui-msg-pic {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
display: block;
margin-right: 24rpx;
flex-shrink: 0;
}
.tui-msg-item {
max-width: 500rpx;
/* min-height: 100rpx; */
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tui-msg-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 45rpx;
line-height: 2;
justify-content: space-between;
color: #262b3a;
}
.tui-item-box {
width: 100%;
display: flex;
align-items: center;
}
.tui-list-cell_name {
padding-left: 20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.tui-ml-auto {
margin-left: auto;
}
.tui-right {
margin-left: auto;
margin-right: 34rpx;
font-size: 26rpx;
color: #999;
}
.tui-logo {
height: 52rpx;
width: 52rpx;
flex-shrink: 0;
}
</style>
<style lang='scss'>
.tui-searchbox {
padding: 30rpx 0;
box-sizing: border-box;
display: flex;
align-items: center;
}
.tui-search-input {
width: 100%;
height: 66rpx;
border-radius: 35rpx;
padding: 0 30rpx;
box-sizing: border-box;
background: #f2f2f2;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.tui-input {
flex: 1;
color: #333;
padding: 0 16rpx;
font-size: 28rpx;
}
.tui-input-plholder {
font-size: 28rpx;
color: #b2b2b2;
}
.fr-btn {
float: right;
height: 60upx;
font-size: 28upx;
line-height: 60upx;
margin: 14upx 0;
}
</style>

@ -21,25 +21,23 @@
return {
code: 'Hello',
lists: [{
title: '待执行业务',
title: '客户业务',
openType: 'navigate',
routerPath: '../ctnmng/ctnmng',
imgPath: '../../static/stockin.png',
routerPath: '../customer/customer',
imgPath: '../../static/truck.png',
type:'1'
},
{
title: '班列业务',
openType: 'navigate',
routerPath: '../train/train',
imgPath: '../../static/train.png',
type:'1'
},
]
}
},
onLoad: function() {
// uni.$off('scancodedata') //
// uni.$on('scancodedata', function(data) {
// // this.uni.showToast({
// // title: data.code,
// // duration: 2000
// // });
// console.log(":" + data.code)
// })
onLoad: function() {
//TOKEN
var loginRes = this.checkLogin('../index/index', 2)
if (!loginRes) {

@ -77,11 +77,11 @@
},
login: function() {
let postData = {
UserName: this.user,
Password: this.password
userCode: this.user,
password: this.password
}
// console.log(postData)
this.tui.request("/User/Login", "POST", postData, false, false, false).then((res) => {
this.tui.request("/App/Login", "POST", postData, false, false, false).then((res) => {
console.log(res)
if (res.succeeded) {
this.tui.toast(res.message, 2000, 'success')

@ -0,0 +1,398 @@
<template>
<view class='container'>
<!-- <tui-list-cell :lineLeft="false">
<view class="tui-item-box">
<view class="tui-msg-box">
<image src="../../static/stockin.png" class="tui-msg-pic" mode="widthFix"></image>
<view class="tui-msg-item">
<view v-if="info" class="tui-msg-name"></view>
</view>
</view>
</view>
</tui-list-cell>
<tui-list-cell :lineLeft="false">
<view class="tui-item-box">
<view class="tui-msg-box">
<view class="tui-msg-item" style="margin-left: 10px;">
<button v-if="imgList && imgList.length > 0"
@click="pickImage()">已选择{{imgList.length}}张图片</button>
<button v-else @click="pickImage()"></button>
</view>
</view>
</view>
</tui-list-cell> -->
<template v-if="info">
<uni-card :title="info.worktype">
<view class="example">
<uni-forms ref="form" label-position="left">
<uni-forms-item label="预计日期" name="workplandate">
<uni-easyinput type="text" :disabled="true" v-model="info.plandate" />
</uni-forms-item>
<uni-forms-item label="箱号" name="cntrno">
<uni-easyinput type="text" :disabled="true" v-model="info.cntrno" />
</uni-forms-item>
<uni-forms-item label="班列号" name="trainnum">
<uni-easyinput type="text" :disabled="true" v-model="info.trainnum" />
</uni-forms-item>
<uni-forms-item v-if="info.worktype=='班列落箱'" label="库位" name="areacode">
<uni-data-select v-model="info.areacode" :localdata="areaList" @change="change"
label="库位选择">
</uni-data-select>
</uni-forms-item>
<uni-forms-item v-if="info.worktype=='班列移位'" label="计划车架号" name="carnuM_1">
<uni-easyinput type="text" :disabled="true" v-model="info.carnuM_1" />
</uni-forms-item>
<uni-forms-item v-if="info.worktype=='班列移位'" label="实际车架号" name="carnuM_2">
<uni-easyinput type="text" v-model="info.carnuM_2" />
</uni-forms-item>
</uni-forms>
<button @click="checkIn()"></button>
</view>
</uni-card>
</template>
</view>
</template>
<script>
export default {
data() {
return {
isshow: false,
isbinding: true,
key: '',
temp: '',
info: null,
loading: false,
areaList: [],
imgList: [],
tempArea: '',
tableData: [],
}
},
onReady() {
// onReady
// this.$refs.form.setRules(this.rules)
},
onLoad: function(option) {
var _this = this
},
onShow: function() {
var _this = this
_this.getInfo()
},
methods: {
change(e) {
// console.log('e:',e);
var _this = this
_this.$set(_this.info, 'areacode', e)
_this.tempArea = e
},
getInfo: function() {
uni.showLoading()
this.tui.request("/App/GetTrainWorkInfo?id=" + uni.getStorageSync("trainWorkId"), "GET", null, false, false,
false)
.then((
res) => {
console.log(res)
if (res.succeeded) {
this.info = res.data[0]
this.areaList = res.data[1]
// console.log(this.list)
uni.hideLoading()
} else {
this.tui.toast(res.message, 2000, 'none')
}
}).catch((err) => {
this.tui.toast('异常:' + err, 2000, 'none')
uni.hideLoading()
})
},
checkIn: function() {
uni.showLoading()
this.$refs.form.validate().then(res => {
uni.hideLoading()
// console.log('', res);
let postData = {
GID: this.info.gid,
WORKTYPE: this.info.worktype,
OP:uni.getStorageSync("UserId"),
CARNUM_1: this.info.carnuM_1,
CARNUM_2: this.info.carnuM_2,
// InfoFiles: this.imgList,
AREACODE: this.info.areacode
}
this.tui.request("/App/TrainWorkDeal", "POST", postData, false, false, false)
.then((
res) => {
console.log(res)
if (res.succeeded) {
this.tui.toast(res.message, 2000, 'success')
uni.navigateBack();
} else {
this.tui.toast(res.message, 2000, 'none')
}
}).catch((err) => {
this.tui.toast('异常:' + err, 2000, 'none')
})
}).catch(err => {
uni.hideLoading()
this.tui.toast('请检查表单!', 2000, 'none')
})
},
pickImage: function() {
console.log('==== picker ====')
uni.chooseImage({
count: 1, //9
sizeType: ['original'], //
sourceType: ['camera'], //使
success: (temp) => {
// const tempFilePaths = res.tempFilePaths;
const files = temp.tempFiles;
// console.log(files[0])
var path = files[0].path
var filename = path.replace(/(.*\/)*([^.]+).*/ig,"$2")+".jpg"
uni.showLoading()
uni.uploadFile({
url: this.tui.uploadUrl(), //
fileType:"image",//ZFB,
filePath: temp.tempFilePaths[0],//
name: 'files',
success: res => {
console.log(res)
this.imgList.push({name: filename ,url:JSON.parse(res.data).data + filename})
console.log(this.imgList)
uni.hideLoading();
},
fail(err) {
console.log(err)
// this.tui.toast('', 2000, 'none')
uni.hideLoading();
}
});
}
})
}
}
}
</script>
<style>
/* @import '../../static/style/thorui.css'; */
.tui-msg-box {
display: flex;
align-items: center;
}
.example {
padding: 15px;
background-color: #fff;
}
.button-group {
margin-top: 15px;
display: flex;
justify-content: space-around;
}
.form-item {
display: flex;
align-items: center;
}
.button {
display: flex;
align-items: center;
height: 35px;
margin-left: 10px;
}
.tui-msg-pic {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
display: block;
margin-right: 24rpx;
flex-shrink: 0;
}
.tui-msg-item {
max-width: 500rpx;
/* min-height: 100rpx; */
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tui-msg-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 45rpx;
line-height: 2;
justify-content: space-between;
color: #262b3a;
}
.tui-item-box {
width: 100%;
display: flex;
align-items: center;
}
.tui-list-cell_name {
padding-left: 20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.tui-ml-auto {
margin-left: auto;
}
.tui-right {
margin-left: auto;
margin-right: 34rpx;
font-size: 26rpx;
color: #999;
}
.tui-logo {
height: 52rpx;
width: 52rpx;
flex-shrink: 0;
}
</style>
<style lang='scss'>
.fr-right-blue {
float: right;
font-family: 微软雅黑;
color: #4977E7;
}
.fr-left-blue {
float: left;
font-family: 微软雅黑;
color: #4977E7;
}
.fr-right-green {
float: right;
font-family: 微软雅黑;
color: #11AE11;
}
.color-999 {
color: #999;
}
.color-red {
color: red;
}
.fr-right {
float: right;
font-family: 微软雅黑;
color: #999;
}
.list-card {
margin: 20upx 0;
background-color: #ffffff;
/* font-size: 28upx; */
transform: all 1s;
.card-head {
padding: 20upx;
height: 80upx;
font-size: 35upx;
box-sizing: border-box;
border-bottom: 2upx solid #f5f5f5;
}
.card-body {
padding: 20upx;
display: flex;
flex-wrap: wrap;
text {
width: 50%;
font-size: 32upx;
line-height: 55upx;
}
}
.card-foot {
height: 88upx;
/* margin: 20upx 0; */
padding: 0 20upx;
border-top: 2upx solid #f5f5f5;
border-bottom: none;
line-height: 88upx;
.btn {
height: 60upx;
font-size: 28upx;
line-height: 60upx;
margin: 14upx 0;
}
}
}
.tui-searchbox {
padding: 30rpx 0;
box-sizing: border-box;
display: flex;
align-items: center;
}
.tui-search-input {
width: 100%;
height: 66rpx;
border-radius: 35rpx;
padding: 0 30rpx;
box-sizing: border-box;
background: #f2f2f2;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.tui-input {
flex: 1;
color: #333;
padding: 0 16rpx;
font-size: 28rpx;
}
.tui-input-plholder {
font-size: 28rpx;
color: #b2b2b2;
}
.fr-btn {
float: right;
height: 60upx;
font-size: 28upx;
line-height: 60upx;
margin: 14upx 0;
}
;
.uni-group {
display: flex;
align-items: center;
}
</style>
-->

@ -0,0 +1,237 @@
<template>
<view class="container">
<view class="tui-searchbox">
<view class="tui-search-input">
<icon type="search" :size='20' color='#333'></icon>
<input confirm-type="search" placeholder="请输入箱号" :focus="true" auto-focus
placeholder-class="tui-input-plholder" class="tui-input" v-model.trim="postData.CNTRNO"
@confirm="getInfo" />
<icon type="clear" :size='20' color='#bcbcbc' @tap="cleanCNTRNO" v-show="postData.CNTRNO"></icon>
</view>
<view class="tui-search-input">
<icon type="search" :size='20' color='#333'></icon>
<input confirm-type="search" placeholder="请输入班列号" :focus="true" auto-focus
placeholder-class="tui-input-plholder" class="tui-input" v-model.trim="postData.TRAINNUM"
@confirm="getInfo" />
<icon type="clear" :size='20' color='#bcbcbc' @tap="cleanTRAINNUM" v-show="postData.TRAINNUM"></icon>
</view>
</view>
<uni-card v-if="list" v-for="(item,index) in list" :title="item.worktype" :key="index">
<view class="example">
<uni-forms ref="form" :modelValue="item" label-position="left">
<uni-forms-item label="预计日期" name="plandate">
<uni-easyinput type="text" :disabled="true" v-model="item.plandate" />
</uni-forms-item>
<uni-forms-item label="箱号" name="cntrno">
<uni-easyinput type="text" :disabled="true" v-model="item.cntrno" />
</uni-forms-item>
<uni-forms-item label="班列号" name="trainnum">
<uni-easyinput type="text" :disabled="true" v-model="item.trainnum" />
</uni-forms-item>
<uni-forms-item label="状态" name="workstatus">
<uni-easyinput type="text" :disabled="true" v-model="item.workstatus" />
</uni-forms-item>
</uni-forms>
<button @click="skip(item.gid)"></button>
</view>
</uni-card>
</view>
</template>
<script>
export default {
data() {
return {
info: [],
loadData: [],
pageIndex: 1,
loadding: false,
pullUpOn: true,
isShow: false,
postData: {
CNTRNO: "",
TRAINNUM: "",
},
skipData: {
WMSPLANID: "",
},
key: "",
list: '',
type:''
}
},
onShow() {
this.list = ''
this.skipData.type = ''
this.postData.CNTRNO = ''
this.postData.TRAINNUM = ''
this.getInfo()
},
methods: {
back: function() {
uni.navigateBack();
},
cleanCNTRNO: function() {
this.postData.CNTRNO = ''
},
cleanTRAINNUM: function() {
this.postData.TRAINNUM = ''
},
getInfo: function() {
uni.showLoading()
console.log(this.postData)
this.tui.request("/App/GetTrainWorkList", "POST", this.postData, false, false, false)
.then((
res) => {
console.log(res)
if (res.succeeded) {
this.list = res.data
uni.hideLoading()
} else {
this.tui.toast(res.message, 2000, 'none')
}
}).catch((err) => {
console.log(err)
this.tui.toast('异常:' + err, 2000, 'none')
uni.hideLoading()
})
},
skip: function(id) {
uni.setStorageSync("trainWorkId", id)
uni.navigateTo({
url: '../train-check/train-check'
})
}
}
}
</script>
<style>
.example {
padding: 15px;
background-color: #fff;
}
.button-group {
margin-top: 15px;
display: flex;
justify-content: space-around;
}
.form-item {
display: flex;
align-items: center;
}
.button {
display: flex;
align-items: center;
height: 35px;
margin-left: 10px;
}
/* @import '../../static/style/thorui.css'; */
.tui-msg-box {
display: flex;
align-items: center;
}
.tui-msg-pic {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
display: block;
margin-right: 24rpx;
flex-shrink: 0;
}
.tui-msg-item {
max-width: 500rpx;
/* min-height: 100rpx; */
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tui-msg-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 45rpx;
line-height: 2;
justify-content: space-between;
color: #262b3a;
}
.tui-item-box {
width: 100%;
display: flex;
align-items: center;
}
.tui-list-cell_name {
padding-left: 20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.tui-ml-auto {
margin-left: auto;
}
.tui-right {
margin-left: auto;
margin-right: 34rpx;
font-size: 26rpx;
color: #999;
}
.tui-logo {
height: 52rpx;
width: 52rpx;
flex-shrink: 0;
}
</style>
<style lang='scss'>
.tui-searchbox {
padding: 30rpx 0;
box-sizing: border-box;
display: flex;
align-items: center;
}
.tui-search-input {
width: 100%;
height: 66rpx;
border-radius: 35rpx;
padding: 0 30rpx;
box-sizing: border-box;
background: #f2f2f2;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.tui-input {
flex: 1;
color: #333;
padding: 0 16rpx;
font-size: 28rpx;
}
.tui-input-plholder {
font-size: 28rpx;
color: #b2b2b2;
}
.fr-btn {
float: right;
height: 60upx;
font-size: 28upx;
line-height: 60upx;
margin: 14upx 0;
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Loading…
Cancel
Save