From 55dc1d1d1561075a0ccff79d8d6ac1b901e55527 Mon Sep 17 00:00:00 2001 From: zhangxiaoxu123 <819527061@qq.com> Date: 星期五, 29 七月 2022 09:10:10 +0800 Subject: [PATCH] '提交' --- pages/jihua/jihua.vue | 788 ++++++++++++++++++++++++++++---------------------------- 1 files changed, 394 insertions(+), 394 deletions(-) diff --git a/pages/jihua/jihua.vue b/pages/jihua/jihua.vue index 34e16c3..66ad5a9 100644 --- a/pages/jihua/jihua.vue +++ b/pages/jihua/jihua.vue @@ -1,394 +1,394 @@ -<template> - <view class="jihua-wrap"> - <view class="qiehuan-box"> - <u-tabs :list="tabList" @click="tabClick"></u-tabs> - </view> - <view class="jihua-main"> - <view class="shaixuan-box"> - <u-radio-group v-model="radioValue" @change="groupChange"> - <u-radio style="margin-right: 30rpx;" shape="square" label="鍏ㄩ儴" name="鍏ㄩ儴"></u-radio> - <u-radio style="margin-right: 30rpx;" shape="square" label="宸茶缃殑璁″垝" name="宸茶缃殑璁″垝"></u-radio> - <!-- <u-radio shape="square" label="鏈缃殑璁″垝" name="鏈缃殑璁″垝"></u-radio> --> - </u-radio-group> - </view> - <div class="main-inside"> - <view v-if="isTomJihua == '鍏ㄩ儴'"> - <view class="main-block-box" v-for="(item,index) in fyData" :key="item.id"> - <view class="jihua-main-line"> - <view class="name">瀹㈡埛鍚嶇О锛歿{item.customerName || ''}}</view> - </view> - <view class="jihua-main-line"> - <view class="main-flex"> - <view>鐓ょ锛歿{ item.coalName || ''}}</view> - <view>鍓╀綑閲忥細{{ item.executiveSurplus || ''}}</view> - </view> - </view> - <view class="jihua-main-line"> - <view class="main-flex"> - <view class="carNum-box"> - <view>璁″垝杞︽暟锛�</view> - <u--input - placeholder="璇疯緭鍏ュ彂杩愯溅鏁�" - border="surround" - v-model="item.numPlan" - @change="inputChange" - ></u--input> - </view> - <view>瀹為檯鍙戣溅鏁帮細{{item.numReal || ''}}</view> - </view> - </view> - </view> - <u-button class="xiugai-btn" type="primary" text="鎻愪氦" @click="dataFormSubmit"></u-button> - </view> - <view v-if="isTomJihua == '宸茶缃殑璁″垝'"> - <view class="main-block-box" v-for="(item,index) in fyData" :key="item.id"> - <view class="jihua-main-line"> - <view class="name">瀹㈡埛鍚嶇О锛歿{item.customerName || ''}}</view> - </view> - <view class="jihua-main-line"> - <view class="main-flex"> - <view>鐓ょ锛歿{item.order.coalName || ''}}</view> - <view>鍓╀綑閲忥細{{item.order.executiveSurplus || ''}}</view> - </view> - </view> - <view class="jihua-main-line"> - <view class="main-flex"> - <view class="carNum-box"> - <view>璁″垝杞︽暟锛�</view> - <u--input placeholder="璇疯緭鍏ュ彂杩愯溅鏁�" border="surround" v-model="item.numPlan" - @change="inputTotalChange(item)"></u--input> - </view> - <view>瀹為檯鍙戣溅鏁帮細{{item.order.numReal || ''}}</view> - </view> - </view> - </view> - <u-button class="xiugai-btn" type="primary" text="淇敼" @click="getOrderCarNum"></u-button> - </view> - <!-- <u-empty - v-if="fyData.length == 0" - mode="data" - icon="" - > - </u-empty> --> - </div> - </view> - <!-- 鑿滃崟鏍� --> - <popup-menu @menuShow="menushow" ref="menuRef"></popup-menu> - </view> -</template> - -<script> - import popupMenu from '@/components/common/popup-menu/popup-menu.vue'; - export default { - components: { - popupMenu - }, - data() { - return { - radioValue: '鍏ㄩ儴', - tabList: [{ - name: '浠婃棩鍙戣繍璁″垝' - }, { - name: '鏄庢棩鍙戣繍璁″垝' - }], - carValue: 0, - fyData: [], - fyData2: [], - info: { - shippingDate: this.todayDate() - }, - isTomJihua: '鍏ㄩ儴', - editRow:'', //淇敼琛岀殑琛� - menuShow:false, - } - }, - onShow() { - if(this.menuShow == true){ - this.$refs.menuRef.menuClick() - } - this.init() - }, - // 鐐瑰嚮瀵艰埅鏍忚彍鍗曞悗 - onNavigationBarButtonTap(e) { - // console.log(e); - this.$refs.menuRef.menuClick() - }, - methods: { - init() { - this.fyList() - }, - menushow(e){ - this.menuShow = e; - }, - dataFormSubmit() { //鎻愪氦璁㈠崟 - this.fyData.forEach(e => { - e.shippingDate = this.info.shippingDate - if (e.planId && !e.numPlan) { - e.numPlan = -1; //鍒犻櫎璁剧疆涓虹┖鐨勮鍒� - } - let orderId = e.id; - e.id = e.planId; - e.orderId = orderId; - }) - this.$reqPost('addObj', this.fyData).then(res => { - this.$u.toast('娣诲姞鎴愬姛') - this.fyList() - }) - }, - getOrderCarNum() { //淇敼 - this.$reqPost('setCarNums',this.editRow).then(res => { - this.$u.toast('淇敼鎴愬姛') - this.xscarshippingdayplan() - }) - }, - groupChange(n) { - console.log(n, 'n================') - this.isTomJihua = n - if (n == '宸茶缃殑璁″垝') { - this.xscarshippingdayplan() - } else { - this.fyList() - } - }, - todayDate() { - let yes = new Date().getTime() - let date = new Date(yes) - let y = date.getFullYear() - let m = date.getMonth() + 1 - m = m < 10 ? ('0' + m) : m - let d = date.getDate() - d = d < 10 ? ('0' + d) : d - const time = y + '-' + m + '-' + d - console.log('todayDate---------', time) - return time - }, - tomorrowDate() { - let yes = new Date().getTime() + 60 * 24 * 60 * 1000 - let date = new Date(yes) - let y = date.getFullYear() - let m = date.getMonth() + 1 - m = m < 10 ? ('0' + m) : m - let d = date.getDate() - d = d < 10 ? ('0' + d) : d - const time = y + '-' + m + '-' + d - console.log('tomorrowDate---------222', time) - return time - }, - - fyList() { //鍒楄〃鏌ヨ - uni.showLoading({ - title: '姝e湪鍔犺浇...' - }); - let compId = uni.getStorageSync('userInfo').compId - - let params = { - current: 1, - size: 100, - status: 2, - trainType: 1, - compId: compId - } - this.$reqGet('fyList', params).then(res => { - if (res.code == 0) { - this.xscarshippingdayplan(res.data); - - } - }) - }, - xscarshippingdayplan(allList) { //宸茬粡璁剧疆鐨� - console.log(allList,'allList==========') - let params = { - current: 1, - size: 50, - shippingDate: this.info.shippingDate - } - this.$reqGet('xscarshippingdayplan', params).then(res => { - if (res.code == 0) { - if(!allList) { - this.fyData = res.data.records - console.log(this.fyData,'this.fyData=========11111111') - }else { - let l = res.data.records - allList.forEach(e => { - l.forEach(ee => { - if (e.id == ee.orderId) { - e.numPlan = ee.numPlan; - e.numReal = ee.numReal; - e.planId = ee.id; - if (ee.carNums != null) { - e.carNums = ee.carNums; - } - } - }) - }) - this.fyData = allList; - console.log(this.fyData,'this.fyData=========22222222') - } - console.log(this.fyData,'this.fyData=========333333333') - uni.hideLoading(); - } - }).catch(e => { - uni.hideLoading(); - }) - }, - tabClick(item) { //鍒囨崲浠婃棩鍜屾槑鏃� - console.log(item, 'item==========') - if (item.index == 1) { - this.info.shippingDate = this.tomorrowDate() - if (this.isTomJihua == '宸茶缃殑璁″垝') { - this.xscarshippingdayplan() - } else { - this.fyList() - } - - } else { - this.info.shippingDate = this.todayDate() - if (this.isTomJihua == '宸茶缃殑璁″垝') { - this.xscarshippingdayplan() - } else { - this.fyList() - } - } - - }, - inputChange(val) { - console.log(val) - }, - inputTotalChange(val) { - console.log(val,'val2=======val2') - this.editRow = val - } - } - } -</script> - -<style lang="scss" scoped> - ::v-deep { - .u-tabs__wrapper__nav { - padding-left: vww(75.5) - } - - .u-radio__text { - span { - font-size: vww(14); - } - } - .u-radio{ - margin-right: vww(10); - } - .u-radio__text{ - font-size: vww(14)!important; - } - .u-input { - height: vww(16); - width: vww(100); - } - .u-radio-group--row { - height: 100%; - width: 100%; - display: flex; - justify-content: right; - } - - .u-radio__icon-wrap { - width: vww(14) !important; - height: vww(14) !important; - ; - } - - } - - .qiehuan-box { - position: sticky; - top: 0; - left: 0; - right: 0; - width: 100%; - z-index: 1; - background-color: #fff; - } - - .jihua-wrap { - width: 100%; - height: 100%; - overflow-y: auto; - display: flex; - flex-direction: column; - - .xiugai-btn { - position: absolute; - left: 50%; - bottom: vww(20); - width: vww(200); - transform: translateX(-50%); - border-radius: vww(20); - } - } - - .jihua-main { - display: flex; - flex-direction: column; - width: 100%; - padding: vww(0) vww(10) vww(70) vww(10); - box-sizing: border-box; - - .main-inside { - width: 100%; - height: calc(100% - vww(44)); - } - - .shaixuan-box { - height: vww(40); - position: sticky; - top: vww(44); - left: 0; - right: 0; - width: 100%; - z-index: 1; - background-color: #fff; - } - - .main-block-box { - box-shadow: 0px 0px 8px 0px rgba(216,218,238,0.80); - height: vww(120); - padding: vww(10); - box-sizing: border-box; - margin-top: vww(12); - border-radius: vww(8); - &:first-child{ - margin-top: vww(5); - } - .jihua-main-line { - width: 100%; - display: flex; - - view { - font-size: vww(14); - } - - .name { - font-weight: 600 !important; - } - - .main-flex { - width: 100%; - display: flex; - justify-content: space-between; - view{ - font-size: vww(14); - line-height: vww(32); - } - .carNum-box { - display: flex; - view { - font-size: vww(14); - line-height: vww(32); - } - - } - } - } - - } - } -</style> +<template> + <view class="jihua-wrap"> + <view class="qiehuan-box"> + <u-tabs :list="tabList" @click="tabClick"></u-tabs> + </view> + <view class="jihua-main"> + <view class="shaixuan-box"> + <u-radio-group v-model="radioValue" @change="groupChange"> + <u-radio style="margin-right: 30rpx;" shape="square" label="鍏ㄩ儴" name="鍏ㄩ儴"></u-radio> + <u-radio style="margin-right: 30rpx;" shape="square" label="宸茶缃殑璁″垝" name="宸茶缃殑璁″垝"></u-radio> + <!-- <u-radio shape="square" label="鏈缃殑璁″垝" name="鏈缃殑璁″垝"></u-radio> --> + </u-radio-group> + </view> + <div class="main-inside"> + <view v-if="isTomJihua == '鍏ㄩ儴'"> + <view class="main-block-box" v-for="(item,index) in fyData" :key="item.id"> + <view class="jihua-main-line"> + <view class="name">瀹㈡埛鍚嶇О锛歿{item.customerName || ''}}</view> + </view> + <view class="jihua-main-line"> + <view class="main-flex"> + <view>鐓ょ锛歿{ item.coalName || ''}}</view> + <view>鍓╀綑閲忥細{{ item.executiveSurplus || ''}}</view> + </view> + </view> + <view class="jihua-main-line"> + <view class="main-flex"> + <view class="carNum-box"> + <view>璁″垝杞︽暟锛�</view> + <u--input + placeholder="璇疯緭鍏ュ彂杩愯溅鏁�" + border="surround" + v-model="item.numPlan" + @change="inputChange" + ></u--input> + </view> + <view>瀹為檯鍙戣溅鏁帮細{{item.numReal || ''}}</view> + </view> + </view> + </view> + <u-button class="xiugai-btn" type="primary" text="鎻愪氦" @click="dataFormSubmit"></u-button> + </view> + <view v-if="isTomJihua == '宸茶缃殑璁″垝'"> + <view class="main-block-box" v-for="(item,index) in fyData" :key="item.id"> + <view class="jihua-main-line"> + <view class="name">瀹㈡埛鍚嶇О锛歿{item.customerName || ''}}</view> + </view> + <view class="jihua-main-line"> + <view class="main-flex"> + <view>鐓ょ锛歿{item.order.coalName || ''}}</view> + <view>鍓╀綑閲忥細{{item.order.executiveSurplus || ''}}</view> + </view> + </view> + <view class="jihua-main-line"> + <view class="main-flex"> + <view class="carNum-box"> + <view>璁″垝杞︽暟锛�</view> + <u--input placeholder="璇疯緭鍏ュ彂杩愯溅鏁�" border="surround" v-model="item.numPlan" + @change="inputTotalChange(item)"></u--input> + </view> + <view>瀹為檯鍙戣溅鏁帮細{{item.order.numReal || ''}}</view> + </view> + </view> + </view> + <u-button class="xiugai-btn" type="primary" text="淇敼" @click="getOrderCarNum"></u-button> + </view> + <!-- <u-empty + v-if="fyData.length == 0" + mode="data" + icon="" + > + </u-empty> --> + </div> + </view> + <!-- 鑿滃崟鏍� --> + <popup-menu @menuShow="menushow" ref="menuRef"></popup-menu> + </view> +</template> + +<script> + import popupMenu from '@/components/common/popup-menu/popup-menu.vue'; + export default { + components: { + popupMenu + }, + data() { + return { + radioValue: '鍏ㄩ儴', + tabList: [{ + name: '浠婃棩鍙戣繍璁″垝' + }, { + name: '鏄庢棩鍙戣繍璁″垝' + }], + carValue: 0, + fyData: [], + fyData2: [], + info: { + shippingDate: this.todayDate() + }, + isTomJihua: '鍏ㄩ儴', + editRow:'', //淇敼琛岀殑琛� + menuShow:false, + } + }, + onShow() { + if(this.menuShow == true){ + this.$refs.menuRef.menuClick() + } + this.init() + }, + // 鐐瑰嚮瀵艰埅鏍忚彍鍗曞悗 + onNavigationBarButtonTap(e) { + // console.log(e); + this.$refs.menuRef.menuClick() + }, + methods: { + init() { + this.fyList() + }, + menushow(e){ + this.menuShow = e; + }, + dataFormSubmit() { //鎻愪氦璁㈠崟 + this.fyData.forEach(e => { + e.shippingDate = this.info.shippingDate + if (e.planId && !e.numPlan) { + e.numPlan = -1; //鍒犻櫎璁剧疆涓虹┖鐨勮鍒� + } + let orderId = e.id; + e.id = e.planId; + e.orderId = orderId; + }) + this.$reqPost('addObj', this.fyData).then(res => { + this.$u.toast('娣诲姞鎴愬姛') + this.fyList() + }) + }, + getOrderCarNum() { //淇敼 + this.$reqPost('setCarNums',this.editRow).then(res => { + this.$u.toast('淇敼鎴愬姛') + this.xscarshippingdayplan() + }) + }, + groupChange(n) { + console.log(n, 'n================') + this.isTomJihua = n + if (n == '宸茶缃殑璁″垝') { + this.xscarshippingdayplan() + } else { + this.fyList() + } + }, + todayDate() { + let yes = new Date().getTime() + let date = new Date(yes) + let y = date.getFullYear() + let m = date.getMonth() + 1 + m = m < 10 ? ('0' + m) : m + let d = date.getDate() + d = d < 10 ? ('0' + d) : d + const time = y + '-' + m + '-' + d + console.log('todayDate---------', time) + return time + }, + tomorrowDate() { + let yes = new Date().getTime() + 60 * 24 * 60 * 1000 + let date = new Date(yes) + let y = date.getFullYear() + let m = date.getMonth() + 1 + m = m < 10 ? ('0' + m) : m + let d = date.getDate() + d = d < 10 ? ('0' + d) : d + const time = y + '-' + m + '-' + d + console.log('tomorrowDate---------222', time) + return time + }, + + fyList() { //鍒楄〃鏌ヨ + uni.showLoading({ + title: '姝e湪鍔犺浇...' + }); + let compId = uni.getStorageSync('userInfo').compId + + let params = { + current: 1, + size: 100, + status: 2, + trainType: 1, + compId: compId + } + this.$reqGet('fyList', params).then(res => { + if (res.code == 0) { + this.xscarshippingdayplan(res.data); + + } + }) + }, + xscarshippingdayplan(allList) { //宸茬粡璁剧疆鐨� + console.log(allList,'allList==========') + let params = { + current: 1, + size: 50, + shippingDate: this.info.shippingDate + } + this.$reqGet('xscarshippingdayplan', params).then(res => { + if (res.code == 0) { + if(!allList) { + this.fyData = res.data.records + console.log(this.fyData,'this.fyData=========11111111') + }else { + let l = res.data.records + allList.forEach(e => { + l.forEach(ee => { + if (e.id == ee.orderId) { + e.numPlan = ee.numPlan; + e.numReal = ee.numReal; + e.planId = ee.id; + if (ee.carNums != null) { + e.carNums = ee.carNums; + } + } + }) + }) + this.fyData = allList; + console.log(this.fyData,'this.fyData=========22222222') + } + console.log(this.fyData,'this.fyData=========333333333') + uni.hideLoading(); + } + }).catch(e => { + uni.hideLoading(); + }) + }, + tabClick(item) { //鍒囨崲浠婃棩鍜屾槑鏃� + console.log(item, 'item==========') + if (item.index == 1) { + this.info.shippingDate = this.tomorrowDate() + if (this.isTomJihua == '宸茶缃殑璁″垝') { + this.xscarshippingdayplan() + } else { + this.fyList() + } + + } else { + this.info.shippingDate = this.todayDate() + if (this.isTomJihua == '宸茶缃殑璁″垝') { + this.xscarshippingdayplan() + } else { + this.fyList() + } + } + + }, + inputChange(val) { + console.log(val) + }, + inputTotalChange(val) { + console.log(val,'val2=======val2') + this.editRow = val + } + } + } +</script> + +<style lang="scss" scoped> + ::v-deep { + .u-tabs__wrapper__nav { + padding-left: vww(75.5) + } + + .u-radio__text { + span { + font-size: vww(14); + } + } + .u-radio{ + margin-right: vww(10); + } + .u-radio__text{ + font-size: vww(14)!important; + } + .u-input { + height: vww(16); + width: vww(100); + } + .u-radio-group--row { + height: 100%; + width: 100%; + display: flex; + justify-content: right; + } + + .u-radio__icon-wrap { + width: vww(14) !important; + height: vww(14) !important; + ; + } + + } + + .qiehuan-box { + position: sticky; + top: 0; + left: 0; + right: 0; + width: 100%; + z-index: 1; + background-color: #fff; + } + + .jihua-wrap { + width: 100%; + height: 100%; + overflow-y: auto; + display: flex; + flex-direction: column; + + .xiugai-btn { + position: fixed; + left: 50%; + bottom: vww(20); + width: vww(200); + transform: translateX(-50%); + border-radius: vww(20); + } + } + + .jihua-main { + display: flex; + flex-direction: column; + width: 100%; + padding: vww(0) vww(10) vww(70) vww(10); + box-sizing: border-box; + + .main-inside { + width: 100%; + height: calc(100% - vww(44)); + } + + .shaixuan-box { + height: vww(40); + position: sticky; + top: vww(44); + left: 0; + right: 0; + width: 100%; + z-index: 1; + background-color: #fff; + } + + .main-block-box { + box-shadow: 0px 0px 8px 0px rgba(216,218,238,0.80); + height: vww(120); + padding: vww(10); + box-sizing: border-box; + margin-top: vww(12); + border-radius: vww(8); + &:first-child{ + margin-top: vww(5); + } + .jihua-main-line { + width: 100%; + display: flex; + + view { + font-size: vww(14); + } + + .name { + font-weight: 600 !important; + } + + .main-flex { + width: 100%; + display: flex; + justify-content: space-between; + view{ + font-size: vww(14); + line-height: vww(32); + } + .carNum-box { + display: flex; + view { + font-size: vww(14); + line-height: vww(32); + } + + } + } + } + + } + } +</style> -- Gitblit v1.9.1