From 0b2877a4b4bf90bec9bd46b78beedf211263a028 Mon Sep 17 00:00:00 2001 From: zhangxiaoxu123 <819527061@qq.com> Date: 星期二, 19 七月 2022 17:48:11 +0800 Subject: [PATCH] '权限优化' --- pages/jihua/jihua.vue | 401 ++++++++++++++++++++++++++++++++++++++++++++------------- 1 files changed, 310 insertions(+), 91 deletions(-) diff --git a/pages/jihua/jihua.vue b/pages/jihua/jihua.vue index 60c1056..6f8f2b1 100644 --- a/pages/jihua/jihua.vue +++ b/pages/jihua/jihua.vue @@ -1,170 +1,389 @@ <template> <view class="jihua-wrap"> <view class="qiehuan-box"> - <u-tabs :list="tabList" @click="tabClick"></u-tabs> + <u-tabs :list="tabList" @click="tabClick"></u-tabs> </view> <view class="jihua-main"> <view class="shaixuan-box"> - <u-radio-group v-model="radioValue"> + <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 shape="square" label="鏈缃殑璁″垝" name="鏈缃殑璁″垝"></u-radio> --> </u-radio-group> </view> - <view class="main-block-box"> - <view class="jihua-main-line"> - <view class="name">瀹㈡埛鍚嶇О锛氭瀹�****</view> - </view> - <view class="jihua-main-line"> - <view class="main-flex"> - <view>鐓ょ锛氫富鐒�</view> - <view>鍓╀綑閲忥細277.65</view> - </view> - </view> - <view class="jihua-main-line"> - <view class="main-flex"> - <view class="carNum-box"> - <view>鍙戣繍杞︽暟锛�</view> - <u--input - focus - placeholder="璇疯緭鍏ュ彂杩愯溅鏁�" - border="surround" - v-model="carValue" - @change="change" - ></u--input> + <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>瀹為檯鍙戣溅鏁帮細4000</view> - </view> - </view> - </view> - <view class="main-block-box"> - <view class="jihua-main-line"> - <view class="name">瀹㈡埛鍚嶇О锛氭瀹�****</view> - </view> - <view class="jihua-main-line"> - <view class="main-flex"> - <view>鐓ょ锛氫富鐒�</view> - <view>鍓╀綑閲忥細277.65</view> - </view> - </view> - <view class="jihua-main-line"> - <view class="main-flex"> - <view class="carNum-box"> - <view>鍙戣繍杞︽暟锛�</view> - <u--input - focus - placeholder="璇疯緭鍏ュ彂杩愯溅鏁�" - border="surround" - v-model="carValue" - @change="change" - ></u--input> + <view class="jihua-main-line"> + <view class="main-flex"> + <view>鐓ょ锛歿{ item.coalName}}</view> + <view>鍓╀綑閲忥細{{ item.executiveSurplus}}</view> + </view> </view> - <view>瀹為檯鍙戣溅鏁帮細4000</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> - <!-- <u-button class="xiugai-btn" type="primary" text="淇敼" size="mini"></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 ? item.order.coalName : item.coalName}}</view> + <view>鍓╀綑閲忥細{{ item.order ? item.order.executiveSurplus : 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="inputTotalChange(item)"></u--input> + </view> + <view>瀹為檯鍙戣溅鏁帮細{{item.order ? item.order.numReal : item.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, + 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: { - tabClick(item) { - + init() { + this.fyList() }, - change() { + 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{ + ::v-deep { + .u-tabs__wrapper__nav { padding-left: vww(75.5) } - .u-radio__text{ - span{ + + .u-radio__text { + span { font-size: vww(14); } } - .u-radio-group--row{ + + .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;; + + .u-radio__icon-wrap { + width: vww(14) !important; + height: vww(14) !important; + ; } - .u-button__text{ - font-size: vww(12)!important; - } + } - .jihua-wrap{ + + .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{ + + .jihua-main { display: flex; flex-direction: column; width: 100%; - padding:vww(10) vww(10); + padding: vww(0) vww(10) vww(70) vww(10); box-sizing: border-box; - .shaixuan-box{ - height: vww(40); + + .main-inside { + width: 100%; + height: calc(100% - vww(44)); } - .main-block-box{ - box-shadow: 0 0 8px rgba(0,0,0,0.1); + + .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(15); - border-radius: vww(5); - position: relative; - .xiugai-btn{ - position: absolute; - right: vww(10); - bottom: vww(10); - width: vww(20); + margin-top: vww(12); + border-radius: vww(8); + &:first-child{ + margin-top: vww(5); } - .jihua-main-line{ + .jihua-main-line { width: 100%; display: flex; - view{ + + view { font-size: vww(14); line-height: 2; } - .name{ - font-weight: 600!important; + + .name { + font-weight: 600 !important; } - .main-flex{ + + .main-flex { width: 100%; display: flex; justify-content: space-between; - .carNum-box{ + view{ + font-size: vww(14); + line-height: vww(34); + } + .carNum-box { display: flex; - .u-input{ + view { + font-size: vww(14); + line-height: vww(34); + } + .u-input { height: vww(20); width: vww(100); } } } } - + } } </style> -- Gitblit v1.9.1