From cd9ceab877c858ed339f043c554abc35f029acbf Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期一, 04 九月 2023 13:10:55 +0800 Subject: [PATCH] # --- pages/business/saleManage/saleManageDetails.vue | 313 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 313 insertions(+), 0 deletions(-) diff --git a/pages/business/saleManage/saleManageDetails.vue b/pages/business/saleManage/saleManageDetails.vue new file mode 100644 index 0000000..f976a2b --- /dev/null +++ b/pages/business/saleManage/saleManageDetails.vue @@ -0,0 +1,313 @@ +<template> + <view> + <scroll-view scroll-y="true" > + <view class="header"> + <view class="cstmr-name"> + <image src="../../../static/image/zuzhibumen.png" mode="aspectFit"></image> + <view>{{saleManage.name}}</view> + </view> + <view class="cstmr-tel"> + {{saleManage.company$}} | + {{saleManage.money ? saleManage.pcd$ : '--'}} | + {{saleManage.director$ ? saleManage.pcd$ : '--'}} + </view> + </view> + <view class="container"> + <view><y-title title="鍩烘湰淇℃伅"></y-title></view><view></view> + <view class="list-item1">璺熻釜椤圭洰</view><view class="list-item2">{{saleManage.name}}</view> + <view class="list-item1">鎵�灞炲叕鍙�</view><view class="list-item2">{{saleManage.company$}}</view> + <view class="list-item1">鐪佸競鍖�</view><view class="list-item2">{{saleManage.pcd$ ? saleManage.pcd$ : '--'}}</view> + <view class="list-item1">璐熻矗浜�</view><view class="list-item2">{{saleManage.director$ ? saleManage.director$ : '--'}}</view> + <view class="list-item1">鐢叉柟鍗曚綅</view><view class="list-item2">{{saleManage.cstmrId$ ? saleManage.cstmrId$ : '--'}}</view> + <view class="list-item1">椤圭洰閲戦</view><view class="list-item2 color-main">{{saleManage.money ? saleManage.money : '--'}}</view> + <view class="list-item1">椤圭洰鍦板潃</view><view class="list-item2">{{saleManage.addr ? saleManage.addr : '--'}}</view> + <view class="list-item1">澶囨敞</view><view class="list-item2">{{saleManage.memo ? saleManage.memo : '--'}}</view> + </view> + <view class="container"> + <view><y-title title="鍏朵粬淇℃伅"></y-title></view><view></view> + <view class="list-item1">娣诲姞浜哄憳</view><view class="list-item2 color-main">{{saleManage.createBy$}}</view> + <view class="list-item1">娣诲姞鏃堕棿</view><view class="list-item2">{{saleManage.createTime$}}</view> + <view class="list-item1">淇敼浜哄憳</view><view class="list-item2">{{saleManage.updateBy$}}</view> + <view class="list-item1">淇敼鏃堕棿</view><view class="list-item2 color-main">{{saleManage.updateTime$}}</view> + </view> + <view class="container"> + <view><y-title title="璺熻繘浜�"></y-title></view><view></view><view><uni-icons @click="addPerson()" type="plus" size="20" color="#55aaff"></uni-icons></view> + <view class="list" v-for="(item,index) in followers" :key="index"> + <view class="list-left">{{item.userName}}</view> + <view class="list-right"><button size="mini" style="float: right;" type="warn" @click="removeFollowers(item.userId)">绉婚櫎</button></view> + </view> + <view class="list-none" v-show="followers.length == 0"> + <text>鏆傛棤璺熻繘浜�</text> + </view> + </view> + + </scroll-view> + <view class="foot"> + <button size="mini" type="warn" @click="del(id)">鍒犻櫎</button> + </view> + + <view> + <!-- 杈撳叆妗嗙ず渚� --> + <uni-popup ref="inputDialog" type="dialog"> + <uni-popup-dialog ref="inputClose" mode="input" title="娣诲姞璺熻繘浜�" value="瀵硅瘽妗嗛缃彁绀哄唴瀹�!" + placeholder="璇疯緭鍏ュ唴瀹�" @confirm="confirm"> + <uni-combox :candidates="addFollower.followers" placeholder="璇烽�夋嫨" + v-model="addFollower.follower" @input="autoLoad('follower',addFollower.follower)"></uni-combox> + </uni-popup-dialog> + </uni-popup> + </view> + </view> +</template> + +<script> + export default { + data() { + return { + id: 0, + saleManage: {}, + cstmr: { + id: '', + name: '', + tel: '', + addr: '', + cstman: '' + }, + addFollower: { + follower: '', + followers: '', + followerList: [] + }, + followers: [], + followerIds: [], + cstmrId: '' + } + }, + onLoad(option) { + this.id = option.id + this.init() + this.autoLoad('follower','') + setTimeout(()=>{ + this.getFollowers() + },500) + }, + methods: { + init() { + let that = this + uni.request({ + url: that.baseUrl + '/order/' + that.id +'/auth', + header: {'token' : uni.getStorageSync('token')}, + method: 'GET', + success(res) { + res = res.data + that.saleManage = res.data + that.cstmr = res.data + that.cstmrId = that.cstmr.id + } + }) + }, + del(e) { + let that = this + e = Number(e) + uni.request({ + url: that.baseUrl + '/cstmr/delete/one/' + e, + header: {'token' : uni.getStorageSync('token'), + }, + method: 'GET', + + success(res) { + res = res.data + if (res.code === 200) { + uni.navigateBack() + } else if (res.code === 403) { + uni.showToast({title: res.msg, icon: "none", position: 'top'}) + setTimeout(() => { + uni.reLaunch({ + url: '../../login/login' + }); + }, 1000); + } else { + uni.showToast({title: res.msg, icon: "none",position: 'top'}) + } + } + }) + }, + addPerson() { + this.$refs.inputDialog.open() + }, + // 纭閫夋嫨宸ヤ綔浜� + confirm() { + let that = this + var followerId + var followerList = that.addFollower.followerList + for (var i = 0;i < followerList.length; i++) { + if (followerList[i].name == this.addFollower.follower) { + followerId =followerList[i].value + } + } + uni.request({ + url: that.baseUrl + '/order/followers/add/json', + header:{'token':uni.getStorageSync('token'),}, + data: { + orderId: that.cstmrId, + followerIds:followerId}, + method: 'POST', + success(result) { + var res = result.data + that.getFollowers() + } + }) + this.addFollower.follower = '' + }, + // 宸ヤ綔浜哄垪琛� + autoLoad(type,condition) { + let that = this + that.addFollower.followers = [] + that.addFollower.followerList = [] + uni.request({ + url: that.baseUrl + '/user/all/get/kv', + header:{'token':uni.getStorageSync('token')}, + data: {condition:condition}, + method: 'POST', + success(result) { + var res = result.data + if (res.code === 200) { + var element; + if (type == 'follower') { + for(element of res.data) { + that.addFollower.followers.push(element.name) + that.addFollower.followerList.push(element) + } + return + } + } + } + }) + }, + getFollowers() { + let that = this + uni.request({ + url: that.baseUrl + '/order/followers/table/auth', + header:{'token':uni.getStorageSync('token')}, + data: {orderId:that.cstmrId}, + method:'GET', + success(res) { + res = res.data + that.followers = res.data + } + }) + }, + removeFollowers(userId) { + let that = this + uni.request({ + url: that.baseUrl + '/order/followers/remove/auth', + header:{ + 'token':uni.getStorageSync('token'), + 'content-type': 'application/x-www-form-urlencoded' + }, + data: { + orderId:that.cstmrId, + userId: userId + }, + method:'POST', + success(res) { + res = res.data + that.getFollowers() + } + }) + } + } + } +</script> + +<style> + .header { + width: auto; + min-height: 110rpx; + background-color: #fff; + padding: 30px 20px 10px 20px; + } + .cstmr-name { + display: flex; + height: 35rpx; + line-height: 35rpx; + text-indent: 10rpx; + font-size: 36rpx; + color: #606266; + } + .cstmr-name image { + width: 35rpx; + height: 35rpx; + } + .cstmr-tel { + min-height: 60rpx; + line-height: 60rpx; + font-size: 24rpx; + color: #303133; + } + .container { + margin-top: 10px; + padding: 10rpx 20rpx 0 20rpx; + background-color: #fff; + display: grid; + grid-template-columns: 1fr 3fr; + } + .container:last-child { + grid-template-columns: 5fr 5fr 2fr; + margin-bottom: 120rpx; + } + .list-item1 { + min-height: 45rpx; + line-height: 45rpx; + color: #909399; + text-indent: 30rpx; + } + .list-item2 { + min-height: 45rpx; + line-height: 45rpx; + color: black; + } + .color-main { + color: #55aaff + } + .foot { + position: fixed; + width: 100%; + min-height: 100rpx; + bottom: 0; + margin-bottom: 0; + background-color: #fff; + border-top: 1px solid #efefef; + display: flex; + align-items: center; + } + .list { + min-height: 60rpx; + margin-top: 20rpx; + grid-column: 1 / 10; + display: grid; + grid-template-columns: 1fr 1fr; + position: relative; + } + .list-left { + min-height: 60rpx; + line-height: 60rpx; + padding-left: 20rpx; + color: #55aaff + } + .list-right { + min-height: 60rpx; + line-height: 60rpx; + /* background-color: #222; */ + padding-right: 30rpx; + } + .list-none { + min-height: 60rpx; + margin-top: 20rpx; + text-align: center; + /* background-color: #303133; */ + color: #b1b3b8; + grid-column: 1 / 10; + display: grid; + position: relative; + } +</style> \ No newline at end of file -- Gitblit v1.9.1