ylj/wechat_yxcl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
ylj20011123 2025-12-05 19:01:45 +08:00
parent 4f01850d7a
commit 2b45e72eb1
6 changed files with 1507 additions and 1266 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
pages/everdayRenven/AnhuiIndex.vue
View File

@ -319,7 +319,8 @@
<image src="/static/images/revenue/product-ranking.png" mode="aspectFit"></image> <image src="/static/images/revenue/product-ranking.png" mode="aspectFit"></image>
<text class="strong-text">商品销售排行</text> <text class="strong-text">商品销售排行</text>
</view> </view>
<RankContent :wechatPushSalesList="wechatPushSalesList" :provinceCode="currentProvinceCode" v-if="!isLoading"></RankContent> <RankContent :wechatPushSalesList="wechatPushSalesList" :provinceCode="currentProvinceCode" v-if="!isLoading">
</RankContent>
</template> </template>
</view> </view>
<view v-if="!showPage && !isLoading"> <view v-if="!showPage && !isLoading">
@ -709,25 +710,35 @@ export default {
const ctx = uni.createCanvasContext(obj.id, this); const ctx = uni.createCanvasContext(obj.id, this);
data.series = data.series.concat(obj.data) data.series = data.series.concat(obj.data)
// 针对不同图表使用不同配置
const isAreaChart = obj.id === 'areaCont'; // nowTab为3的图表
const legendConfig = isAreaChart ? {
show: true, // areaCont显示图例
padding: 5,
lineHeight: 11,
margin: 10,
position: 'right' // 图例显示在右侧
} : {
show: false, // 其他图表不显示图例
padding: 5,
lineHeight: 11,
margin: 0,
};
// 微信小程序专用优化配置 - 完全去除动画和过渡效果 // 微信小程序专用优化配置 - 完全去除动画和过渡效果
rincanvas[obj.id] = new uCharts({ rincanvas[obj.id] = new uCharts({
context: ctx, context: ctx,
color: obj.colors, color: obj.colors,
type: 'ring', type: 'ring',
fontSize: 12, fontSize: 12,
padding: [15, 15, 25, 15], padding: [15, 25, 25, 15],
legend: { legend: legendConfig,
show: false,
padding: 5,
lineHeight: 11,
margin: 0,
},
background: '#FFFFFF', background: '#FFFFFF',
pixelRatio: 1, // 使用较低的像素比率减少渲染负担 pixelRatio: 1, // 使用较低的像素比率减少渲染负担
series: data.series, series: data.series,
width: uni.upx2px(686), width: uni.upx2px(686),
height: uni.upx2px(510), height: uni.upx2px(510),
dataLabel: true, dataLabel: !isAreaChart,
// 核心性能优化 - 完全禁用所有动画和交互 // 核心性能优化 - 完全禁用所有动画和交互
animation: false, // 禁用所有动画 animation: false, // 禁用所有动画
@ -997,6 +1008,7 @@ export default {
_data1.push({ _data1.push({
...n, ...n,
name: n.name.split('管理单元')[0],
textColor: '#999', textColor: '#999',
formatter: function (arg) { formatter: function (arg) {
@ -2505,7 +2517,7 @@ canvas.operation-content {
} }
.category-name { .category-name {
font-size: 26rpx; font-size: 24rpx;
font-weight: 600; font-weight: 600;
color: #2c3e50; color: #2c3e50;
} }

466
pages/mbwa/mbwaDetail.vue
View File

@ -4,31 +4,35 @@
<div class="page-top-cont"> <div class="page-top-cont">
<div class="pt-top"> <div class="pt-top">
<p> <p>
<span class="serverpart-name">{{showData.SHOPNAME}}</span> <span class="serverpart-name">{{ showData.SHOPNAME }}</span>
<span class="area-title">{{showData.CREATE_DATE}}</span> <span class="area-title">{{ showData.CREATE_DATE }}</span>
</p> </p>
<span class="status-tag" :class="{'shouldDo':showData.PROCESSMODE!==0&&showData.PROCESSMODE!==4}">{{showData.status}}</span> <span class="status-tag"
:class="{ 'shouldDo': showData.PROCESSMODE !== 0 && showData.PROCESSMODE !== 4 }">{{
showData.status }}</span>
</div> </div>
<p class='massage-content'> <p class='massage-content'>
<span style="font-weight:bold;">{{showData.MEMBERSHIP_NAME}}：</span> <span style="font-weight:bold;">{{ showData.MEMBERSHIP_NAME }}：</span>
{{showData.MBWA_CONTENT}} {{ showData.MBWA_CONTENT }}
</p> </p>
<div class="img-box" v-if="imgList.length>2"> <div class="img-box" v-if="imgList.length > 2">
<image mode="aspectFill" class="image220" lazy-load :src="item" alt="" v-for="(item,i) in imgList" :key="i" @tap="showImg(imgList,i)" /> <image mode="aspectFill" class="image220" lazy-load :src="item" alt="" v-for="(item, i) in imgList"
:key="i" @tap="showImg(imgList, i)" />
</div> </div>
<div class="img-box2" v-else-if="imgList.length==2"> <div class="img-box2" v-else-if="imgList.length == 2">
<image mode="aspectFill" class="image328" lazy-load :src="item" alt="" v-for="(item,i) in imgList" :key="i" @tap="showImg(imgList,i)" /> <image mode="aspectFill" class="image328" lazy-load :src="item" alt="" v-for="(item, i) in imgList"
:key="i" @tap="showImg(imgList, i)" />
</div> </div>
<div class="img-box" v-else-if="imgList.length==1"> <div class="img-box" v-else-if="imgList.length == 1">
<image mode="aspectFill" class="image683" lazy-load :src="imgList[0]" @tap="showImg(imgList,i)" /> <image mode="aspectFill" class="image683" lazy-load :src="imgList[0]" @tap="showImg(imgList, i)" />
</div> </div>
</div> </div>
<div class="msg-resolve-box" v-if="showData.PROCESSMODE!=0"> <div class="msg-resolve-box" v-if="showData.PROCESSMODE != 0">
<block v-if="isManager===1"> <block v-if="isManager === 1">
<div class="page-resolve"> <div class="page-resolve">
<p class="resove-title">处理意见</p> <p class="resove-title">处理意见</p>
<div class="text-detail textarea-box"> <div class="text-detail textarea-box">
@ -38,8 +42,9 @@
<div class="page-resolve no-border"> <div class="page-resolve no-border">
<span class="resove-title">问题处理人</span> <span class="resove-title">问题处理人</span>
<picker mode="selector" @change="pickerChange" :value="pickerIndex" range-key="MEMBERSHIP_NAME" :range="dealerList" class="resolve-person"> <picker mode="selector" @change="pickerChange" :value="pickerIndex" range-key="MEMBERSHIP_NAME"
<view>{{pickerIndex==-1 ? '请选择': dealerList[pickerIndex].MEMBERSHIP_NAME}}</view> :range="dealerList" class="resolve-person">
<view>{{ pickerIndex == -1 ? '请选择' : dealerList[pickerIndex].MEMBERSHIP_NAME }}</view>
</picker> </picker>
<!-- <span class="resolve-person" @tap="cheose">请选择</span> --> <!-- <span class="resolve-person" @tap="cheose">请选择</span> -->
</div> </div>
@ -51,20 +56,21 @@
<p class="text-detail">{{showData.APPROVE_INFO}}</p> <p class="text-detail">{{showData.APPROVE_INFO}}</p>
</div> --> </div> -->
<div class="page-resolve" v-if="showData.PROCESSMODE>2"> <div class="page-resolve" v-if="showData.PROCESSMODE > 2">
<!-- 问题处理人 --> <!-- 问题处理人 -->
<span class="resove-title">{{showData.DEALER_NAME}}</span> <span class="resove-title">{{ showData.DEALER_NAME }}</span>
<!-- 处理结果 --> <!-- 处理结果 -->
<span class="text-detail">{{showData.HANDLING_INFO}}</span> <span class="text-detail">{{ showData.HANDLING_INFO }}</span>
</div> </div>
<div class="page-resolve no-border" v-if="showData.HANDLING_IMG_URL"> <div class="page-resolve no-border" v-if="showData.HANDLING_IMG_URL">
<p class="resove-title">照 片</p> <p class="resove-title">照 片</p>
<div class="img-box text-detail"> <div class="img-box text-detail">
<image :src="item" class="image220" lazy-load v-for="(item,i) in handelImgList" :key="i" @tap="showImg(handelImgList,i)" /> <image :src="item" class="image220" lazy-load v-for="(item, i) in handelImgList" :key="i"
@tap="showImg(handelImgList, i)" />
</div> </div>
</div> </div>
<block v-if="isManager===2"> <block v-if="isManager === 2">
<div class="page-resolve"> <div class="page-resolve">
<p>处理结果</p> <p>处理结果</p>
<div class="text-detail textarea-box"> <div class="text-detail textarea-box">
@ -75,9 +81,9 @@
<p>照 片</p> <p>照 片</p>
<div class="img-box text-detail no-border"> <div class="img-box text-detail no-border">
<div class="upload-file-list" v-for="(item,index) in uploadImgList" :key="index"> <div class="upload-file-list" v-for="(item, index) in uploadImgList" :key="index">
<span class="upload-file-remove" @click.stop="deleteImgFunc(item,index)">×</span> <span class="upload-file-remove" @click.stop="deleteImgFunc(item, index)">×</span>
<image mode="aspectFill" :src="item" @tap="showImg(uploadImgList,index)" /> <image mode="aspectFill" :src="item" @tap="showImg(uploadImgList, index)" />
</div> </div>
<div class="upload-file-add-container" @click="submitImg"> <div class="upload-file-add-container" @click="submitImg">
<span class="walk-manage-plus">+</span> <span class="walk-manage-plus">+</span>
@ -93,8 +99,8 @@
</div> --> </div> -->
</block> </block>
</div> </div>
<block v-if="showData.SORTNUM===0"> <block v-if="showData.SORTNUM === 0">
<button type="primary" class="post-btn" @tap="submitBtn()" v-if="isManager===3">确认</button> <button type="primary" class="post-btn" @tap="submitBtn()" v-if="isManager === 3">确认</button>
<button type="primary" class="post-btn" @tap="postIt()" v-else>提交</button> <button type="primary" class="post-btn" @tap="postIt()" v-else>提交</button>
</block> </block>
@ -109,8 +115,8 @@
<script> <script>
import {mapGetters,mapMutations} from 'vuex' import { mapGetters, mapMutations } from 'vuex'
export default { export default {
data() { data() {
return { return {
mbwaShow: false, mbwaShow: false,
@ -129,25 +135,25 @@
showData: {}, showData: {},
imgList: [], imgList: [],
// dealerImgList: [], // dealerImgList: [],
handelImgList:[], handelImgList: [],
dealerList: [], dealerList: [],
uploadImgPath: [], uploadImgPath: [],
uploadImgList: [], uploadImgList: [],
isShow: 0 isShow: 0
}; };
}, },
computed:{ computed: {
...mapGetters({ ...mapGetters({
'user':'getUser', 'user': 'getUser',
}), }),
}, },
methods:{ methods: {
...mapMutations(['shouldReLoadingList']), ...mapMutations(['shouldReLoadingList']),
// 图片预览 // 图片预览
showImg(list,index) { showImg(list, index) {
uni.previewImage( { uni.previewImage({
urls: list, urls: list,
current: index, current: index,
loop: true, loop: true,
@ -155,7 +161,7 @@
}); });
}, },
submitImg(e){ submitImg(e) {
let _this = this let _this = this
uni.chooseImage({ uni.chooseImage({
count: 1, //默认9 count: 1, //默认9
@ -174,79 +180,130 @@
uni.compressImage({ uni.compressImage({
src: rs.tempFilePaths[0], // 图片路径 src: rs.tempFilePaths[0], // 图片路径
quality: quality, // 压缩质量 quality: quality, // 压缩质量
success (res) { success(res) {
console.log(res) console.log(res)
// imageSrc = res.tempFilePath.replace('undefined','.jpg') // imageSrc = res.tempFilePath.replace('undefined','.jpg')
uni.uploadFile({ uni.uploadFile({
url: 'https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA', url: "https://eshangtech.com:18900/EShangApiMain/Picture/UploadPicture",
filePath: res.tempFilePath, filePath: res.tempFilePath[0],
fileType: 'image', name: "file", // 表单中的文件字段名
name: 'data', formData: {
success: (res) => { Tabletype: "1133", // 表单中其他数据
let _data = JSON.parse(res.data) },
_this.uploadImgList.push(_data.Data.IMAGE_URL) success(uploadRes) {
_this.uploadImgPath.push(_data.Data.IMAGE_PATH) if (uploadRes.data) {
let res = JSON.parse(uploadRes.data)
let url = res.Result_Data.ImageUrl
uni.hideLoading();
_this.uploadImgList.push(url)
_this.uploadImgPath.push(url)
uni.showToast({ uni.showToast({
title: '上传成功', title: '上传成功',
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}) })
},
fail: (err) => {
// console.log('uploadImage fail', err);
uni.showModal({
content: err.errMsg,
showCancel: false
});
},
complete:() =>{
uni.hideLoading()
} }
});
}, },
fail (error) { fail(error) {
console.log("error", error);
_this.noPost = true;
},
});
// uni.uploadFile({
// url: 'https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA',
// filePath: res.tempFilePath,
// fileType: 'image',
// name: 'data',
// success: (res) => {
// let _data = JSON.parse(res.data)
// _this.uploadImgList.push(_data.Data.IMAGE_URL)
// _this.uploadImgPath.push(_data.Data.IMAGE_PATH)
// uni.showToast({
// title: '上传成功',
// icon: 'none',
// duration: 2000
// })
// },
// fail: (err) => {
// // console.log('uploadImage fail', err);
// uni.showModal({
// content: err.errMsg,
// showCancel: false
// });
// },
// complete: () => {
// uni.hideLoading()
// }
// });
},
fail(error) {
} }
}) })
}else { } else {
uni.uploadFile({ uni.uploadFile({
url: 'https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA', url: "https://eshangtech.com:18900/EShangApiMain/Picture/UploadPicture",
filePath: rs.tempFilePaths[0], filePath: res.tempFilePath[0],
fileType: 'image', name: "file", // 表单中的文件字段名
name: 'data', formData: {
success: (res) => { Tabletype: "1133", // 表单中其他数据
uni.hideLoading() },
let _data = JSON.parse(res.data) success(uploadRes) {
_this.uploadImgList.push(_data.Data.IMAGE_URL) if (uploadRes.data) {
_this.uploadImgPath.push(_data.Data.IMAGE_PATH) let res = JSON.parse(uploadRes.data)
let url = res.Result_Data.ImageUrl
uni.hideLoading();
_this.uploadImgList.push(url)
_this.uploadImgPath.push(url)
uni.showToast({ uni.showToast({
title: '上传成功', title: '上传成功',
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}) })
}
},
fail(error) {
console.log("error", error);
_this.noPost = true;
},
});
}, // uni.uploadFile({
fail: (err) => { // url: 'https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA',
// console.log('uploadImage fail', err); // filePath: rs.tempFilePaths[0],
uni.showModal({ // fileType: 'image',
content: err.errMsg, // name: 'data',
showCancel: false // success: (res) => {
}); // uni.hideLoading()
} // let _data = JSON.parse(res.data)
}); // _this.uploadImgList.push(_data.Data.IMAGE_URL)
// _this.uploadImgPath.push(_data.Data.IMAGE_PATH)
// uni.showToast({
// title: '上传成功',
// icon: 'none',
// duration: 2000
// })
// },
// fail: (err) => {
// // console.log('uploadImage fail', err);
// uni.showModal({
// content: err.errMsg,
// showCancel: false
// });
// }
// });
} }
} }
}); });
}, },
deleteImgFunc (item,index) { deleteImgFunc(item, index) {
let _this = this let _this = this
_this.$request.$post('DelFile',{ _this.$request.$post('DelFile', {
fileUrl: _this.uploadImgPath[index] fileUrl: _this.uploadImgPath[index]
}).then(res =>{ }).then(res => {
_this.uploadImgList.splice(index, 1) _this.uploadImgList.splice(index, 1)
_this.uploadImgPath.splice(index, 1) _this.uploadImgPath.splice(index, 1)
uni.showToast({ uni.showToast({
@ -258,23 +315,23 @@
}, },
getDetail() { getDetail() {
let _this = this let _this = this
let keys = {0: '正常',1: '待处理',2:'待反馈',3:'已反馈',4:'已确认'} let keys = { 0: '正常', 1: '待处理', 2: '待反馈', 3: '已反馈', 4: '已确认' }
_this.$request.$get('GetMbwaDetail',{ _this.$request.$get('GetMbwaDetail', {
MBWA_ID: _this.saveData.MBWA_ID MBWA_ID: _this.saveData.MBWA_ID
}).then(rs => { }).then(rs => {
uni.hideLoading() uni.hideLoading()
if(!rs.ResultCode ||rs.ResultCode!='100'){ if (!rs.ResultCode || rs.ResultCode != '100') {
_this.mbwaShow = false _this.mbwaShow = false
}else{ } else {
_this.mbwaShow =true _this.mbwaShow = true
_this.showData = rs.Data _this.showData = rs.Data
_this.showData.status = keys[_this.showData.PROCESSMODE] _this.showData.status = keys[_this.showData.PROCESSMODE]
let processmode = parseInt(_this.showData.PROCESSMODE) let processmode = parseInt(_this.showData.PROCESSMODE)
if(_this.showData.SORTNUM==0){ if (_this.showData.SORTNUM == 0) {
switch (processmode){ switch (processmode) {
case 1: case 1:
_this.getDEALER() _this.getDEALER()
_this.isManager = 1 _this.isManager = 1
@ -292,18 +349,18 @@
} }
let arr = [] let arr = []
let dealerImgList = [] let dealerImgList = []
_this.showData.ImgList.forEach(n=>{arr.push(n.IMAGE_URL)}) _this.showData.ImgList.forEach(n => { arr.push(n.IMAGE_URL) })
_this.showData.dealerImgList.forEach(n=>{dealerImgList.push(n.IMAGE_URL)}) _this.showData.dealerImgList.forEach(n => { dealerImgList.push(n.IMAGE_URL) })
_this.imgList = arr _this.imgList = arr
_this.handelImgList = _this.showData.HANDLING_IMG_URL.split(',') _this.handelImgList = _this.showData.HANDLING_IMG_URL.split(',')
} }
}) })
}, },
getDEALER () { getDEALER() {
let _this = this let _this = this
uni.showLoading() uni.showLoading()
_this.$request.$get('GetDealerList',{ _this.$request.$get('GetDealerList', {
MBWA_ID: _this.saveData.MBWA_ID MBWA_ID: _this.saveData.MBWA_ID
}).then(rs => { }).then(rs => {
@ -314,15 +371,15 @@
}) })
}, },
pickerChange(e){ pickerChange(e) {
this.pickerIndex = e.detail.value this.pickerIndex = e.detail.value
}, },
cheose() { cheose() {
if( this.showData.PROCESSMODE===1 && this.isManager===1) { if (this.showData.PROCESSMODE === 1 && this.isManager === 1) {
if(this.pickerValueArray.length<1) { if (this.pickerValueArray.length < 1) {
uni.showToast({ uni.showToast({
title: '您没有可选择的问题处理人。请让相关人员添加后重试。', title: '您没有可选择的问题处理人。请让相关人员添加后重试。',
icon: 'none' icon: 'none'
@ -338,21 +395,21 @@
postIt() { postIt() {
let _this = this let _this = this
let deal_man = _this.dealerList[_this.pickerIndex] let deal_man = _this.dealerList[_this.pickerIndex]
if (_this.showData.PROCESSMODE===1 && _this.pickerIndex==-1) { if (_this.showData.PROCESSMODE === 1 && _this.pickerIndex == -1) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '请选择问题处理人。' title: '请选择问题处理人。'
}) })
return false return false
} }
if(!_this.saveData.APPROVE_INFO) { if (!_this.saveData.APPROVE_INFO) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: _this.isManager===1 ? '请输入处理意见。' : '请输入处理反馈。' title: _this.isManager === 1 ? '请输入处理意见。' : '请输入处理反馈。'
}) })
return false return false
} }
if(_this.uploadImgPath.length === 0 && _this.isManager === 2){ if (_this.uploadImgPath.length === 0 && _this.isManager === 2) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '请上传现场图片。' title: '请上传现场图片。'
@ -363,8 +420,8 @@
title: '提交中，请稍后' title: '提交中，请稍后'
}) })
_this.saveData.Membership_Id = _this.user.Membership_Id _this.saveData.Membership_Id = _this.user.Membership_Id
_this.saveData.USER_ID= _this.user.UserId _this.saveData.USER_ID = _this.user.UserId
if(_this.showData.PROCESSMODE===1 ) { if (_this.showData.PROCESSMODE === 1) {
_this.saveData.DEALER_STAFFID = deal_man.STAFF_ID _this.saveData.DEALER_STAFFID = deal_man.STAFF_ID
_this.saveData.DEALER_ID = deal_man.MEMBERSHIP_ID _this.saveData.DEALER_ID = deal_man.MEMBERSHIP_ID
_this.saveData.DEALER_NAME = deal_man.MEMBERSHIP_NAME _this.saveData.DEALER_NAME = deal_man.MEMBERSHIP_NAME
@ -373,14 +430,14 @@
_this.saveData.ImageArr = _this.uploadImgPath.toString() _this.saveData.ImageArr = _this.uploadImgPath.toString()
_this.$request.$webPost('/WeChat/MBWA/AddApprove',_this.saveData).then(rs => { _this.$request.$webPost('/WeChat/MBWA/AddApprove', _this.saveData).then(rs => {
uni.hideLoading() uni.hideLoading()
if(rs.Result_Code==100) { if (rs.Result_Code == 100) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: _this.isManager===1 ? '处理成功！' : '反馈成功！', title: _this.isManager === 1 ? '处理成功！' : '反馈成功！',
success() { success() {
setTimeout(() => { setTimeout(() => {
this.$util.toNextRoute('redirectTo', '/pages/mbwa/mbwa') this.$util.toNextRoute('redirectTo', '/pages/mbwa/mbwa')
@ -392,27 +449,27 @@
}, 200) }, 200)
} }
}) })
}else{ } else {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: (_this.isManager===1 ? '处理失败！' : '反馈失败！')+'错误：'+rs.Result_Desc title: (_this.isManager === 1 ? '处理失败！' : '反馈失败！') + '错误：' + rs.Result_Desc
}) })
} }
}) })
}, },
submitBtn(){ submitBtn() {
let _this = this let _this = this
_this.$request.$post( 'AddApprove',{ _this.$request.$post('AddApprove', {
MBWA_ID: _this.showData.MBWA_ID MBWA_ID: _this.showData.MBWA_ID
}).then(res =>{ }).then(res => {
if(res.ResultCode==100) { if (res.ResultCode == 100) {
// uni.$emit('mbwa',true) // uni.$emit('mbwa',true)
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title:'确认成功！', title: '确认成功！',
success() { success() {
setTimeout(() => { setTimeout(() => {
this.$util.toNextRoute('redirectTo', '/pages/mbwa/mbwa') this.$util.toNextRoute('redirectTo', '/pages/mbwa/mbwa')
@ -423,7 +480,7 @@
}, 200) }, 200)
} }
}) })
}else{ } else {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: res.ResultDesc title: res.ResultDesc
@ -434,7 +491,7 @@
}, },
onLoad(option) { onLoad(option) {
uni.showLoading({ uni.showLoading({
title:'正在加载' title: '正在加载'
}) })
this.saveData.MBWA_ID = option.MBWA_ID this.saveData.MBWA_ID = option.MBWA_ID
this.isManager = parseInt(option.isManager) this.isManager = parseInt(option.isManager)
@ -449,63 +506,71 @@
}, },
} }
</script> </script>
<style scoped> <style scoped>
* {
* {
box-sizing: border-box; box-sizing: border-box;
} }
i{
i {
width: 24upx; width: 24upx;
height: 24upx; height: 24upx;
margin-right: 8upx; margin-right: 8upx;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
background-size: contain; background-size: contain;
} }
textarea {
textarea {
height: 40upx; height: 40upx;
line-height: 32upx; line-height: 32upx;
font-size: 28upx; font-size: 28upx;
width: 500upx; width: 500upx;
border: 0; border: 0;
} }
.page-top-cont {
.page-top-cont {
background-color: #fff; background-color: #fff;
padding: 32upx; padding: 32upx;
} }
.msg-resolve-box {
.msg-resolve-box {
margin: 30upx; margin: 30upx;
border-radius: 16upx; border-radius: 16upx;
border:1upx solid #eee; border: 1upx solid #eee;
background-color: #fff; background-color: #fff;
} }
.page-resolve,.page-advice {
.page-resolve,
.page-advice {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 16upx; padding: 0 16upx;
} }
.page-resolve .resove-title {
.page-resolve .resove-title {
width: 160upx; width: 160upx;
color: #242424; color: #242424;
line-height: 96upx; line-height: 96upx;
} }
.page-resolve .text-detail { .page-resolve .text-detail {
width: 500upx; width: 500upx;
border-bottom: 1upx solid #eee; border-bottom: 1upx solid #eee;
padding: 22upx 0; padding: 22upx 0;
line-height: 50upx; line-height: 50upx;
} }
.page-resolve .resolve-person {
.page-resolve .resolve-person {
padding-right: 16upx; padding-right: 16upx;
text-align: right; text-align: right;
padding-right: 72upx; padding-right: 72upx;
position: relative; position: relative;
} }
.page-resolve .resolve-person:after{
.page-resolve .resolve-person:after {
font-family: uniicons; font-family: uniicons;
content: '\E583'; content: '\E583';
position: absolute; position: absolute;
@ -514,42 +579,49 @@
color: #333; color: #333;
transform: translateY(-50%); transform: translateY(-50%);
font-size: 18px; font-size: 18px;
} }
.textarea-box {
.textarea-box {
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 52upx; min-height: 52upx;
} }
.no-border .text-detail {
.no-border .text-detail {
border-bottom: 0; border-bottom: 0;
} }
.pt-top,.page-resolve {
.pt-top,
.page-resolve {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.pt-top>p {
.pt-top>p {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.area-title {
.area-title {
position: relative; position: relative;
margin-right: 8upx; margin-right: 8upx;
} }
/* .massage-date { /* .massage-date {
color: #939393; color: #939393;
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 10upx; margin-top: 10upx;
} */ } */
.massage-content { .massage-content {
margin: 8upx 0; margin: 8upx 0;
} }
.serverpart-name {
.serverpart-name {
font-size: 24upx; font-size: 24upx;
padding: 0 12upx; padding: 0 12upx;
height: 38upx; height: 38upx;
@ -560,88 +632,97 @@
border-radius: 20upx; border-radius: 20upx;
justify-content: center; justify-content: center;
margin-right: 32upx; margin-right: 32upx;
} }
/* .span-color {
/* .span-color {
color: #808080; color: #808080;
min-width: 130upx; min-width: 130upx;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
magin-left: 20upx; magin-left: 20upx;
} */ } */
/* .mbwa-text { /* .mbwa-text {
font-size: 30upx; font-size: 30upx;
color: #000; color: #000;
} */ } */
/* .img-tsr { /* .img-tsr {
background: url('../../static/images/mbwa/tsjy_ry2.png') no-repeat center right; background: url('../../static/images/mbwa/tsjy_ry2.png') no-repeat center right;
background-size: contain; background-size: contain;
} */ } */
.status-tag { .status-tag {
font-size: 24upx; font-size: 24upx;
color: #999999; color: #999999;
} }
.status-tag.shouldDo {
.status-tag.shouldDo {
border: 1upx solid #df7f42; border: 1upx solid #df7f42;
border-radius: 8upx; border-radius: 8upx;
padding: 0 16upx; padding: 0 16upx;
color: #df7f42; color: #df7f42;
font-size: 24upx; font-size: 24upx;
} }
/* .ico-user { /* .ico-user {
background: url(../../static/images/mbwa/zbry.png) no-repeat center; background: url(../../static/images/mbwa/zbry.png) no-repeat center;
background-size: contain; background-size: contain;
width: 22upx; width: 22upx;
height: 21upx; height: 21upx;
margin-right: 8upx; margin-right: 8upx;
} */ } */
.img-box { .img-box {
display: flex; display: flex;
/* align-items: center; */ /* align-items: center; */
flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-end; align-items: flex-end;
/* margin-top: 16upx; */ /* margin-top: 16upx; */
} }
.img-box2 {
.img-box2 {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
} }
.img-box .image683 {
.img-box .image683 {
width: 683upx; width: 683upx;
height: 357upx; height: 357upx;
border-radius: 8upx; border-radius: 8upx;
/* margin-right: 16upx; */ /* margin-right: 16upx; */
} }
.img-box .image220 {
.img-box .image220 {
width: 218upx; width: 218upx;
height: 212upx; height: 212upx;
border-radius: 8upx; border-radius: 8upx;
margin-right: 16upx; margin-right: 16upx;
margin-bottom: 10upx; margin-bottom: 10upx;
} }
.img-box .image220:nth-child(3n) {
.img-box .image220:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
.img-box2 .image328 {
.img-box2 .image328 {
width: 328upx; width: 328upx;
height: 212upx; height: 212upx;
border-radius: 8upx; border-radius: 8upx;
} }
.img-box .image328+.image328{
.img-box .image328+.image328 {
margin-left: 24upx; margin-left: 24upx;
} }
.img-box.text-detail image{
.img-box.text-detail image {
width: 130upx; width: 130upx;
height: 126upx; height: 126upx;
border-radius: 8upx; border-radius: 8upx;
margin-right: 16upx; margin-right: 16upx;
} }
.post-btn { .post-btn {
color: #FFFFFF; color: #FFFFFF;
background-color: #444; background-color: #444;
height: 88upx; height: 88upx;
@ -650,24 +731,24 @@
margin: 60upx 30upx; margin: 60upx 30upx;
margin-top: 60upx; margin-top: 60upx;
font-size: 30upx; font-size: 30upx;
} }
/* .upload-file-container{ /* .upload-file-container{
display: flex; display: flex;
width: 100%; width: 100%;
min-height: 160upx; min-height: 160upx;
box-sizing: border-box; box-sizing: border-box;
flex-wrap: wrap; flex-wrap: wrap;
} */ } */
/* .upload-file-add{ /* .upload-file-add{
width: 130upx; width: 130upx;
height: 126upx; height: 126upx;
margin-right: 16upx; margin-right: 16upx;
box-sizing: border-box; box-sizing: border-box;
} */ } */
.upload-file-add-container{ .upload-file-add-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -675,11 +756,12 @@
border: 1upx dashed #c6c6c6; border: 1upx dashed #c6c6c6;
width: 130upx; width: 130upx;
height: 126upx; height: 126upx;
marrgin-top:16rpx; marrgin-top: 16rpx;
margin-right: 16rpx; margin-right: 16rpx;
border-radius: 6rpx; border-radius: 6rpx;
} }
.walk-manage-plus{
.walk-manage-plus {
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
border-radius: 50%; border-radius: 50%;
@ -688,21 +770,23 @@
color: #ffffff; color: #ffffff;
font-size: 48rpx; font-size: 48rpx;
line-height: 44rpx; line-height: 44rpx;
} }
.upload-file-add-img{
.upload-file-add-img {
margin-top: 10upx; margin-top: 10upx;
font-size: 24upx; font-size: 24upx;
color: #919191; color: #919191;
} }
.upload-file-list{
.upload-file-list {
position: relative; position: relative;
width: 130upx; width: 130upx;
height: 126upx; height: 126upx;
margin-right: 24upx; margin-right: 24upx;
margin-top: 20upx; margin-top: 20upx;
} }
.upload-file-remove{ .upload-file-remove {
position: absolute; position: absolute;
top: -14upx; top: -14upx;
right: -12upx; right: -12upx;
@ -716,7 +800,8 @@
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
z-index: 1; z-index: 1;
} }
/* .ul-list{ /* .ul-list{
background-color: #fff; background-color: #fff;
height: 500upx; height: 500upx;
@ -737,5 +822,4 @@
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;
font-size: 26upx; font-size: 26upx;
} */ } */
</style> </style>

411
pages/mbwa/mbwaUpload.vue
View File

@ -4,7 +4,7 @@
<div class="upload-info"> <div class="upload-info">
<img :src="user.Membership_Headimage" alt=""> <img :src="user.Membership_Headimage" alt="">
<div> <div>
<p>{{user.Membership_Name}}</p> <p>{{ user.Membership_Name }}</p>
<p class="fs12">巡查人员</p> <p class="fs12">巡查人员</p>
</div> </div>
</div> </div>
@ -14,8 +14,8 @@
<div class="uni-flex ai-top"> <div class="uni-flex ai-top">
<image src="/static/images/publicity/dingwei.png" mode="aspectFit" class="img-address"></image> <image src="/static/images/publicity/dingwei.png" mode="aspectFit" class="img-address"></image>
<div> <div>
<p class="xuncha address">{{work_address}}</p> <p class="xuncha address">{{ work_address }}</p>
<div><span>巡查时间：</span><span>{{now_time}}</span></div> <div><span>巡查时间：</span><span>{{ now_time }}</span></div>
</div> </div>
</div> </div>
@ -23,35 +23,40 @@
<div class="form_box_bg"> <div class="form_box_bg">
<ul> <ul>
<li :class="{'active':inputfocus}"> <li :class="{ 'active': inputfocus }">
<span class="circle circle-first" ></span> <span class="circle circle-first"></span>
<div class="li_right_top"> <div class="li_right_top">
<div class="li_title"> <div class="li_title">
<i class="img-zds"></i> <i class="img-zds"></i>
<div class="xuncha" style="display: flex;"><i style="color: red;margin-right: 5px;">*</i>巡查内容</div> <div class="xuncha" style="display: flex;"><i
style="color: red;margin-right: 5px;">*</i>巡查内容</div>
</div> </div>
<div class="list-content"> <div class="list-content">
<textarea auto-height v-model="uploadResult" placeholder="请输入巡查内容" focus="true" @focus="inputfocus=true" @blur="inputfocus = false"></textarea> <textarea auto-height v-model="uploadResult" placeholder="请输入巡查内容" focus="true"
@focus="inputfocus = true" @blur="inputfocus = false"></textarea>
</div> </div>
<div class="tag-list" v-for="(tags,i) in tagList" :key="i"> <div class="tag-list" v-for="(tags, i) in tagList" :key="i">
<div class="tag-name">{{tags.FIELDENUM_NAME}}</div> <div class="tag-name">{{ tags.FIELDENUM_NAME }}</div>
<div class="tags-box"> <div class="tags-box">
<div class="tag-unit" v-for="(tag,s) in tags.fieldenumList" :key="s" @tap="selectTag(tag)" :class="{'active':tag.ischecked}">{{tag.FIELDENUM_NAME}}</div> <div class="tag-unit" v-for="(tag, s) in tags.fieldenumList" :key="s"
@tap="selectTag(tag)" :class="{ 'active': tag.ischecked }">{{ tag.FIELDENUM_NAME }}
</div>
</div> </div>
</div> </div>
</div> </div>
</li> </li>
<li :class="{'active':imgfocus}"> <li :class="{ 'active': imgfocus }">
<span class="circle"></span> <span class="circle"></span>
<div class="li_right_top"> <div class="li_right_top">
<div class="li_title"> <div class="li_title">
<i class="img-upload"></i> <i class="img-upload"></i>
<div style="display: flex;" class="xuncha"><i style="color: red;margin-right: 5px;">*</i>请上传现场图片</div> <div style="display: flex;" class="xuncha"><i
style="color: red;margin-right: 5px;">*</i>请上传现场图片</div>
</div> </div>
<div class="upload-file-container"> <div class="upload-file-container">
<div class="upload-file-list" v-for="(item,index) in imgsList" :key="index"> <div class="upload-file-list" v-for="(item, index) in imgsList" :key="index">
<span class="upload-file-remove" @click.stop="deleteImgFunc(item,index)">×</span> <span class="upload-file-remove" @click.stop="deleteImgFunc(item, index)">×</span>
<image :src="item" @tap="showImg2(index)" mode='aspectFill' /> <image :src="item" @tap="showImg2(index)" mode='aspectFill' />
</div> </div>
<div class="upload-file-add" @click="submitImg"> <div class="upload-file-add" @click="submitImg">
@ -63,15 +68,17 @@
</div> </div>
</div> </div>
</li> </li>
<li :class="{'active':radiofocus}"> <li :class="{ 'active': radiofocus }">
<span class="circle circle-last"></span> <span class="circle circle-last"></span>
<div class="li_right_top"> <div class="li_right_top">
<radio-group @change="radioChange" style="display: flex;" @click="radioFocus" @blur="radiofocus=false"> <radio-group @change="radioChange" style="display: flex;" @click="radioFocus"
@blur="radiofocus = false">
<label class="uni-list-cell " v-for="(item, index) in options" :key="item.value"> <label class="uni-list-cell " v-for="(item, index) in options" :key="item.value">
<view> <view>
<radio :value="item.value" color='#409eff' :checked="index === current" style="transform:scale(0.8);"/> <radio :value="item.value" color='#409eff' :checked="index === current"
style="transform:scale(0.8);" />
</view> </view>
<view>{{item.name}}</view> <view>{{ item.name }}</view>
</label> </label>
</radio-group> </radio-group>
</div> </div>
@ -80,11 +87,12 @@
</ul> </ul>
</div> </div>
<div v-show="current==1"> <div v-show="current == 1">
<div class="resolve-box"> <div class="resolve-box">
<div class="uni-flex">处理人<i style="color: red;margin-right: 5px;">*</i></div> <div class="uni-flex">处理人<i style="color: red;margin-right: 5px;">*</i></div>
<picker mode="selector" @change="pickerChange" :value="pickerIndex" range-key="Membership_Name" :range="dealerList" class="resolve-person"> <picker mode="selector" @change="pickerChange" :value="pickerIndex" range-key="Membership_Name"
<view>{{pickerIndex==-1 ? '请选择': dealerList[pickerIndex].Membership_Name}}</view> :range="dealerList" class="resolve-person">
<view>{{ pickerIndex == -1 ? '请选择' : dealerList[pickerIndex].Membership_Name }}</view>
</picker> </picker>
</div> </div>
@ -95,8 +103,8 @@
</template> </template>
<script> <script>
import {mapGetters} from 'vuex' import { mapGetters } from 'vuex'
export default { export default {
data() { data() {
let nowTime = this.$util.cutDate(new Date(), 'hh:mm:ss') let nowTime = this.$util.cutDate(new Date(), 'hh:mm:ss')
return { return {
@ -122,20 +130,20 @@
} }
], ],
pickerIndex: -1, pickerIndex: -1,
dealerList:[], // 待处理人可选列表 dealerList: [], // 待处理人可选列表
tagList: [] ,// 巡查可选标签 tagList: [],// 巡查可选标签
selectTags:[] // 选中的标签集合 selectTags: [] // 选中的标签集合
} }
}, },
computed:{ computed: {
...mapGetters({ ...mapGetters({
'user':'getUser' 'user': 'getUser'
}) })
}, },
methods: { methods: {
radioFocus () { radioFocus() {
this.radiofocus=true this.radiofocus = true
this.imgfocus=false this.imgfocus = false
}, },
showImg2(index) { showImg2(index) {
uni.previewImage(this.imgsList, { uni.previewImage(this.imgsList, {
@ -144,29 +152,29 @@
indicator: 'number' indicator: 'number'
}); });
}, },
pickerChange(e){ pickerChange(e) {
this.pickerIndex = e.detail.value this.pickerIndex = e.detail.value
}, },
submitUpload(){ submitUpload() {
let _this = this let _this = this
this.radiofocus = false this.radiofocus = false
this.imgfocus = false this.imgfocus = false
let index= this.pickerIndex let index = this.pickerIndex
if(this.uploadResult == ''){ if (this.uploadResult == '') {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '请输入巡查内容！' title: '请输入巡查内容！'
}) })
return false return false
} }
if(_this.imgData.length === 0){ if (_this.imgData.length === 0) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '请上传现场图片。' title: '请上传现场图片。'
}) })
return false return false
} }
if(this.current==1 && index==-1) { if (this.current == 1 && index == -1) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '请选择处理人员。' title: '请选择处理人员。'
@ -177,7 +185,7 @@
title: '提交中，请稍后' title: '提交中，请稍后'
}) })
let address = _this.mbwaId.split(',') let address = _this.mbwaId.split(',')
let province = address[address.length-1] let province = address[address.length - 1]
let postMsg = { let postMsg = {
MBWA_ADDRESS: _this.mbwaId, MBWA_ADDRESS: _this.mbwaId,
MBWA_CONTENT: _this.uploadResult, MBWA_CONTENT: _this.uploadResult,
@ -185,17 +193,18 @@
PROCESSMODE: _this.value, PROCESSMODE: _this.value,
enumLabel: _this.selectTags.toString() enumLabel: _this.selectTags.toString()
} }
if(this.current==1 && index!==-1) { if (this.current == 1 && index !== -1) {
postMsg = {...postMsg, postMsg = {
...postMsg,
DEALER_ID: this.dealerList[index].Membership_Id, DEALER_ID: this.dealerList[index].Membership_Id,
DEALER_NAME: this.dealerList[index].Membership_Name, DEALER_NAME: this.dealerList[index].Membership_Name,
DEALER_STAFFID: this.dealerList[index].Staff_Id DEALER_STAFFID: this.dealerList[index].Staff_Id
} }
} }
_this.$request.$webPost( '/WeChat/MBWA/AddMBWA',postMsg).then(res =>{ _this.$request.$webPost('/WeChat/MBWA/AddMBWA', postMsg).then(res => {
uni.hideLoading() uni.hideLoading()
if(res.Result_Code==100){ if (res.Result_Code == 100) {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: '提交成功', title: '提交成功',
@ -207,7 +216,7 @@
}, 500) }, 500)
} }
}) })
}else{ } else {
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
title: res.Result_Desc title: res.Result_Desc
@ -222,37 +231,60 @@
count: 1, //默认9 count: 1, //默认9
sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有 sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
sourceType: ['camera'], //从相册选择 sourceType: ['camera'], //从相册选择
success: function(res) { success: function (res) {
let imageSrc = res.tempFilePaths[0] let imageSrc = res.tempFilePaths[0]
uni.showLoading() uni.showLoading()
uni.uploadFile({ uni.uploadFile({
url: 'https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA', url: "https://eshangtech.com:18900/EShangApiMain/Picture/UploadPicture",
filePath: imageSrc, filePath: imageSrc,
fileType: 'image', name: "file", // 表单中的文件字段名
name: 'data', formData: {
success: (res) => { Tabletype: "1133", // 表单中其他数据
let _data = JSON.parse(res.data)
uni.hideLoading()
_this.imgsList.push(imageSrc)
_this.imgData.push(_data.Data.IMAGE_PATH)
}, },
fail: (err) => { success(uploadRes) {
// console.log('uploadImage fail', err); if (uploadRes.data) {
uni.showModal({ let res = JSON.parse(uploadRes.data)
content: err.errMsg, let url = res.Result_Data.ImageUrl
showCancel: false uni.hideLoading();
}); _this.imgsList.push(url)
_this.imgData.push(url)
} }
},
fail(error) {
console.log("error", error);
_this.noPost = true;
},
}); });
// uni.uploadFile({
// url: 'https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA',
// filePath: imageSrc,
// fileType: 'image',
// name: 'data',
// success: (res) => {
// let _data = JSON.parse(res.data)
// uni.hideLoading()
// _this.imgsList.push(imageSrc)
// _this.imgData.push(_data.Data.IMAGE_PATH)
// },
// fail: (err) => {
// // console.log('uploadImage fail', err);
// uni.showModal({
// content: err.errMsg,
// showCancel: false
// });
// }
// });
} }
}); });
}, },
deleteImgFunc(item, index) { deleteImgFunc(item, index) {
let _this = this let _this = this
_this.$request.$post('DelFile',{ _this.$request.$post('DelFile', {
fileUrl: _this.imgData[index] fileUrl: _this.imgData[index]
}).then(res => { }).then(res => {
@ -274,10 +306,10 @@
} }
} }
}, },
getDealerList (sid,pcode) { getDealerList(sid, pcode) {
let _this = this let _this = this
uni.showLoading() uni.showLoading()
_this.$request.$webGet('/WeChat/MBWA/GetDealerList',{ _this.$request.$webGet('/WeChat/MBWA/GetDealerList', {
PROVINCE_CODE: pcode, PROVINCE_CODE: pcode,
SERVERPART_ID: sid SERVERPART_ID: sid
@ -289,11 +321,11 @@
}, },
getTag() { getTag() {
let _this = this let _this = this
_this.$request.$get( 'GetEnumLable',{ _this.$request.$get('GetEnumLable', {
fieldexplainField: 'BUSINESS_TARGET', fieldexplainField: 'BUSINESS_TARGET',
fieldenumIndex:3000 fieldenumIndex: 3000
}).then(res=>{ }).then(res => {
_this.tagList = res.Data.List _this.tagList = res.Data.List
}) })
@ -306,7 +338,7 @@
this.selectTags.push(tag.FIELDENUM_VALUE) this.selectTags.push(tag.FIELDENUM_VALUE)
} }
tag.ischecked = tag.ischecked!=undefined ?!tag.ischecked : true tag.ischecked = tag.ischecked != undefined ? !tag.ischecked : true
this.$forceUpdate() this.$forceUpdate()
}, },
}, },
@ -318,26 +350,28 @@
this.mbwaId = option.mbwaID this.mbwaId = option.mbwaID
let key = option.mbwaID.trim().split(',') let key = option.mbwaID.trim().split(',')
if(key.length){ if (key.length) {
this.work_address= key[2] this.work_address = key[2]
this.getDealerList( key[0],key[key.length-1]) this.getDealerList(key[0], key[key.length - 1])
this.getTag() this.getTag()
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
.page-cont { .page-cont {
min-height: 100%; min-height: 100%;
background-color: #fff; background-color: #fff;
padding-bottom: 40rpx; padding-bottom: 40rpx;
} }
.fs12 {
.fs12 {
font-size: 24rpx; font-size: 24rpx;
} }
.upload-wrap-header {
.upload-wrap-header {
height: 120rpx; height: 120rpx;
width: 100%; width: 100%;
background-color: rgb(246, 246, 246); background-color: rgb(246, 246, 246);
@ -346,30 +380,32 @@
background-size: 34%; background-size: 34%;
padding-left: 30rpx; padding-left: 30rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.upload-info { .upload-info {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.upload-info img { .upload-info img {
width: 100rpx; width: 100rpx;
height: 100rpx; height: 100rpx;
border-radius: 50%; border-radius: 50%;
margin-top: 10rpx; margin-top: 10rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.upload-h2 { .upload-h2 {
color: #727272; color: #727272;
padding: 30rpx; padding: 30rpx;
} }
.upload-h2 span {
.upload-h2 span {
font-size: 24rpx; font-size: 24rpx;
} }
.form_box_bg:before {
.form_box_bg:before {
position: absolute; position: absolute;
left: 9rpx; left: 9rpx;
top: 24rpx; top: 24rpx;
@ -379,19 +415,21 @@
background-color: #eee; background-color: #eee;
width: 1rpx; width: 1rpx;
} }
.form_box_bg {
.form_box_bg {
position: relative; position: relative;
margin-left: 24rpx; margin-left: 24rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.form_box_bg li {
.form_box_bg li {
width: 100%; width: 100%;
position: relative; position: relative;
margin-top: 16rpx; margin-top: 16rpx;
} }
.circle { .circle {
background-color: #b2b2b2; background-color: #b2b2b2;
height: 16rpx; height: 16rpx;
width: 16rpx; width: 16rpx;
@ -399,15 +437,17 @@
position: absolute; position: absolute;
top: 16rpx; top: 16rpx;
left: 1rpx; left: 1rpx;
} }
.circle-first{
top: 14rpx;
}
.circle-last{
top: 46rpx;
}
.img-address { .circle-first {
top: 14rpx;
}
.circle-last {
top: 46rpx;
}
.img-address {
display: inline-block; display: inline-block;
width: 49rpx; width: 49rpx;
height: 48rpx; height: 48rpx;
@ -415,65 +455,74 @@
/* background: url("../../static/images/publicity/dingwei.png") no-repeat center; /* background: url("../../static/images/publicity/dingwei.png") no-repeat center;
background-size: contain; */ background-size: contain; */
margin-right: 6rpx; margin-right: 6rpx;
} }
.img-zds { .img-zds {
display: inline-block; display: inline-block;
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
background: url("../../static/images/mbwa/content_img_gray.png") no-repeat center; background: url("../../static/images/mbwa/content_img_gray.png") no-repeat center;
background-size: contain; background-size: contain;
margin-right: 6rpx; margin-right: 6rpx;
} }
.img-upload { .img-upload {
display: inline-block; display: inline-block;
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
background: url("../../static/images/mbwa/pic_img_gray.png") no-repeat center; background: url("../../static/images/mbwa/pic_img_gray.png") no-repeat center;
background-size: contain; background-size: contain;
margin-right: 6rpx; margin-right: 6rpx;
} }
.li_right_top { .li_right_top {
margin-left: 40rpx; margin-left: 40rpx;
} }
.li_title {
.li_title {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.li_right_bottom , .list-content{
.li_right_bottom,
.list-content {
color: #939393; color: #939393;
font-size: 24rpx; font-size: 24rpx;
padding-bottom: 40rpx; padding-bottom: 40rpx;
} }
.list-content textarea {
.list-content textarea {
min-height: 50rpx; min-height: 50rpx;
line-height: 1.5; line-height: 1.5;
} }
.tag-list {
.tag-list {
display: flex; display: flex;
font-size: 24rpx; font-size: 24rpx;
color: #606266; color: #606266;
width: 100%; width: 100%;
} }
.tag-list + .tag-list {
.tag-list+.tag-list {
margin-top: 8rpx; margin-top: 8rpx;
} }
.tag-list .tag-name {
.tag-list .tag-name {
margin-right: 16rpx; margin-right: 16rpx;
font-size: 22rpx; font-size: 22rpx;
line-height: 2.9; line-height: 2.9;
} }
.tag-list .tags-box {
.tag-list .tags-box {
width: 546rpx; width: 546rpx;
padding: 0 24rpx 0 12rpx; padding: 0 24rpx 0 12rpx;
/* overflow: auto; /* overflow: auto;
white-space: nowrap; white-space: nowrap;
-webkit-overflow-scrolling: touch; */ -webkit-overflow-scrolling: touch; */
} }
.tag-list .tags-box .tag-unit {
.tag-list .tags-box .tag-unit {
padding: 4rpx 16rpx; padding: 4rpx 16rpx;
background-color: #F4F4F4; background-color: #F4F4F4;
color: #606266; color: #606266;
@ -482,19 +531,22 @@
font-size: 22rpx; font-size: 22rpx;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.tag-list .tags-box .tag-unit.active {
.tag-list .tags-box .tag-unit.active {
color: #ED7043; color: #ED7043;
background-color: #FDF1EC; background-color: #FDF1EC;
} }
.list-content textarea {
.list-content textarea {
border-bottom: 1rpx solid #eee; border-bottom: 1rpx solid #eee;
margin-top: 20rpx; margin-top: 20rpx;
color: #727272; color: #727272;
font-size: 24rpx; font-size: 24rpx;
line-height: 1.8; line-height: 1.8;
} }
.upload-file-container {
.upload-file-container {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
justify-content: flex-start; justify-content: flex-start;
@ -504,14 +556,14 @@
/* padding-left: 54rpx; */ /* padding-left: 54rpx; */
min-height: 160rpx; min-height: 160rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.upload-file-add { .upload-file-add {
width: 26%; width: 26%;
box-sizing: border-box; box-sizing: border-box;
} }
.upload-file-add-container { .upload-file-add-container {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
justify-content: center; justify-content: center;
@ -522,9 +574,9 @@
margin-top: 15rpx; margin-top: 15rpx;
border-radius: 6rpx; border-radius: 6rpx;
margin-left: 12rpx; margin-left: 12rpx;
} }
.walk-manage-plus { .walk-manage-plus {
line-height: 60rpx; line-height: 60rpx;
width: 62rpx; width: 62rpx;
height: 62rpx; height: 62rpx;
@ -534,15 +586,15 @@
color: #ffffff; color: #ffffff;
font-size: 48rpx; font-size: 48rpx;
box-shadow: 0 2rpx 6rpx 0 #eee; box-shadow: 0 2rpx 6rpx 0 #eee;
} }
.upload-file-add-img { .upload-file-add-img {
margin-top: 10rpx; margin-top: 10rpx;
font-size: 24rpx; font-size: 24rpx;
color: #919191; color: #919191;
} }
.upload-file-list { .upload-file-list {
position: relative; position: relative;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
@ -554,18 +606,21 @@
height: 160rpx; height: 160rpx;
border-radius: 6rpx; border-radius: 6rpx;
margin-top: 16rpx; margin-top: 16rpx;
} }
.upload-file-list:nth-child(3n-1) {
.upload-file-list:nth-child(3n-1) {
margin-left: 16rpx; margin-left: 16rpx;
margin-right: 16rpx; margin-right: 16rpx;
} }
.upload-file-list image {
.upload-file-list image {
width: 160rpx; width: 160rpx;
height: 160rpx; height: 160rpx;
border-radius: 6rpx; border-radius: 6rpx;
} }
.upload-file-remove {
.upload-file-remove {
position: absolute; position: absolute;
top: -14rpx; top: -14rpx;
right: -12rpx; right: -12rpx;
@ -579,56 +634,64 @@
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
z-index: 1; z-index: 1;
} }
uni-radio-group { uni-radio-group {
display: flex; display: flex;
} }
.uni-list-cell {
.uni-list-cell {
justify-content: unset; justify-content: unset;
margin-top: 28rpx; margin-top: 28rpx;
} }
.uni-list-cell:after{ .uni-list-cell:after {
background-color: #F9F9F9; background-color: #F9F9F9;
} }
.btn{ .btn {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
margin-top: 50rpx; margin-top: 50rpx;
background-color:#409eff; background-color: #409eff;
border-radius: 10rpx; border-radius: 10rpx;
color: #fff; color: #fff;
font-size: 28rpx; font-size: 28rpx;
line-height: 2.8; line-height: 2.8;
margin-top: 96rpx; margin-top: 96rpx;
} }
.active .circle {
.active .circle {
background-color: #409eff; background-color: #409eff;
} }
.active .img-zds {
.active .img-zds {
background-image: url("../../static/images/mbwa/zdsgl_sm_nr.png"); background-image: url("../../static/images/mbwa/zdsgl_sm_nr.png");
} }
.active .img-upload {
.active .img-upload {
background-image: url("../../static/images/mbwa/zdsgl_sm_pic.png"); background-image: url("../../static/images/mbwa/zdsgl_sm_pic.png");
} }
.xuncha {
.xuncha {
font-size: 26rpx; font-size: 26rpx;
color: #7A7A7A; color: #7A7A7A;
} }
.address {
.address {
color: #1B1C20; color: #1B1C20;
} }
.active .xuncha {
.active .xuncha {
color: #409eff; color: #409eff;
} }
.resolve-box {
.resolve-box {
width: 656rpx; width: 656rpx;
height: 82rpx; height: 82rpx;
background: #ffffff; background: #ffffff;
border-radius: 12rpx; border-radius: 12rpx;
box-shadow: 0px 0rpx 4rpx 0px rgba(166,166,166,0.60); box-shadow: 0px 0rpx 4rpx 0px rgba(166, 166, 166, 0.60);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -636,14 +699,16 @@
box-sizing: border-box; box-sizing: border-box;
margin-left: 72rpx; margin-left: 72rpx;
margin-top: 40rpx; margin-top: 40rpx;
} }
.resolve-box .resolve-person {
.resolve-box .resolve-person {
padding-right: 16upx; padding-right: 16upx;
text-align: right; text-align: right;
padding-right: 72upx; padding-right: 72upx;
position: relative; position: relative;
} }
.resolve-box .resolve-person:after{
.resolve-box .resolve-person:after {
font-family: uniicons; font-family: uniicons;
content: '\E583'; content: '\E583';
position: absolute; position: absolute;
@ -651,5 +716,5 @@
top: 50%; top: 50%;
color: #333; color: #333;
transform: translateY(-50%); transform: translateY(-50%);
} }
</style> </style>

199
pages/walkAroundManager/detail.vue
View File

@ -1474,36 +1474,56 @@ export default {
uni.showLoading({ uni.showLoading({
title: "图片上传中...", title: "图片上传中...",
}); });
uni.uploadFile({ uni.uploadFile({
// url: "https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA", url: "https://eshangtech.com:18900/EShangApiMain/Picture/UploadPicture",
// url: "https://es.robot-z.cn/oss/upload", filePath: rs.tempFilePaths[0],
url: "https://es.eshangtech.com/oss/upload", name: "file", // 表单中的文件字段名
filePath: res.tempFilePath, formData: {
header: { Tabletype: "1133", // 表单中其他数据
"Content-Type": "multipart/form-data",
}, },
formData: {}, success(uploadRes) {
fileType: "image", if (uploadRes.data) {
name: "file", let res = JSON.parse(uploadRes.data)
success(res) { let url = res.Result_Data.ImageUrl
console.log("res", res);
let data = {};
if (res.data) {
data = JSON.parse(res.data);
}
console.log("data", data);
uni.hideLoading(); uni.hideLoading();
if (type === "feedback") { if (type === "feedback") {
if (obj.feedbackImg && obj.feedbackImg.length > 0) { if (obj.feedbackImg && obj.feedbackImg.length > 0) {
obj.feedbackImg.push( obj.feedbackImg.push(url);
`https://es.eshangtech.com/${data.data.path}`
);
} else { } else {
obj.feedbackImg = [ obj.feedbackImg = [url];
`https://es.eshangtech.com/${data.data.path}`,
];
} }
_this.$forceUpdate();
} else {
_this.feedbackImgList.push(url);
}
}
},
fail(error) {
console.log("error", error);
_this.noPost = true;
},
});
// uni.uploadFile({
// // url: "https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA",
// // url: "https://es.robot-z.cn/oss/upload",
// url: "https://es.eshangtech.com/oss/upload",
// filePath: res.tempFilePath,
// header: {
// "Content-Type": "multipart/form-data",
// },
// formData: {},
// fileType: "image",
// name: "file",
// success(res) {
// console.log("res", res);
// let data = {};
// if (res.data) {
// data = JSON.parse(res.data);
// }
// console.log("data", data);
// uni.hideLoading();
// if (type === "feedback") {
// if (obj.feedbackImg && obj.feedbackImg.length > 0) { // if (obj.feedbackImg && obj.feedbackImg.length > 0) {
// obj.feedbackImg.push( // obj.feedbackImg.push(
// `https://es.eshangtech.com/${data.data.path}` // `https://es.eshangtech.com/${data.data.path}`
@ -1513,19 +1533,29 @@ export default {
// `https://es.eshangtech.com/${data.data.path}`, // `https://es.eshangtech.com/${data.data.path}`,
// ]; // ];
// } // }
_this.$forceUpdate();
console.log("objobjobjobj21321", obj); // // if (obj.feedbackImg && obj.feedbackImg.length > 0) {
} else { // // obj.feedbackImg.push(
_this.feedbackImgList.push( // // `https://es.eshangtech.com/${data.data.path}`
`https://es.eshangtech.com/${data.data.path}` // // );
); // // } else {
} // // obj.feedbackImg = [
}, // // `https://es.eshangtech.com/${data.data.path}`,
fail(error) { // // ];
console.log("error", error); // // }
_this.noPost = true; // _this.$forceUpdate();
}, // console.log("objobjobjobj21321", obj);
}); // } else {
// _this.feedbackImgList.push(
// `https://es.eshangtech.com/${data.data.path}`
// );
// }
// },
// fail(error) {
// console.log("error", error);
// _this.noPost = true;
// },
// });
}, },
fail(error) { fail(error) {
_this.noPost = true; _this.noPost = true;
@ -1537,33 +1567,53 @@ export default {
// mask: true // mask: true
}); });
uni.uploadFile({ uni.uploadFile({
// url: "https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA", url: "https://eshangtech.com:18900/EShangApiMain/Picture/UploadPicture",
// url: "https://es.robot-z.cn/oss/upload",
url: "https://es.eshangtech.com/oss/upload",
filePath: rs.tempFilePaths[0], filePath: rs.tempFilePaths[0],
fileType: "image", name: "file", // 表单中的文件字段名
header: { formData: {
"Content-Type": "multipart/form-data", Tabletype: "1133", // 表单中其他数据
}, },
name: "file", success(uploadRes) {
success(res) { if (uploadRes.data) {
console.log("res", res); let res = JSON.parse(uploadRes.data)
let data = {}; let url = res.Result_Data.ImageUrl
if (res.data) {
data = JSON.parse(res.data);
}
console.log("data", data);
uni.hideLoading(); uni.hideLoading();
if (type === "feedback") { if (type === "feedback") {
if (obj.feedbackImg && obj.feedbackImg.length > 0) { if (obj.feedbackImg && obj.feedbackImg.length > 0) {
obj.feedbackImg.push( obj.feedbackImg.push(url);
`https://es.eshangtech.com/${data.data.path}`
);
} else { } else {
obj.feedbackImg = [ obj.feedbackImg = [url];
`https://es.eshangtech.com/${data.data.path}`,
];
} }
} else {
_this.feedbackImgList.push(url);
}
}
},
fail(error) {
console.log("error", error);
_this.noPost = true;
},
});
// uni.uploadFile({
// // url: "https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA",
// // url: "https://es.robot-z.cn/oss/upload",
// url: "https://es.eshangtech.com/oss/upload",
// filePath: rs.tempFilePaths[0],
// fileType: "image",
// header: {
// "Content-Type": "multipart/form-data",
// },
// name: "file",
// success(res) {
// console.log("res", res);
// let data = {};
// if (res.data) {
// data = JSON.parse(res.data);
// }
// console.log("data", data);
// uni.hideLoading();
// if (type === "feedback") {
// if (obj.feedbackImg && obj.feedbackImg.length > 0) { // if (obj.feedbackImg && obj.feedbackImg.length > 0) {
// obj.feedbackImg.push( // obj.feedbackImg.push(
// `https://es.eshangtech.com/${data.data.path}` // `https://es.eshangtech.com/${data.data.path}`
@ -1573,20 +1623,29 @@ export default {
// `https://es.eshangtech.com/${data.data.path}`, // `https://es.eshangtech.com/${data.data.path}`,
// ]; // ];
// } // }
console.log("objobjobjobj21321", obj); // // if (obj.feedbackImg && obj.feedbackImg.length > 0) {
} else { // // obj.feedbackImg.push(
_this.feedbackImgList.push( // // `https://es.eshangtech.com/${data.data.path}`
`https://es.eshangtech.com/${data.data.path}` // // );
); // // } else {
} // // obj.feedbackImg = [
_this.$forceUpdate(); // // `https://es.eshangtech.com/${data.data.path}`,
// path; // // ];
}, // // }
fail(error) { // console.log("objobjobjobj21321", obj);
console.log("error", error); // } else {
_this.noPost = true; // _this.feedbackImgList.push(
}, // `https://es.eshangtech.com/${data.data.path}`
}); // );
// }
// _this.$forceUpdate();
// // path;
// },
// fail(error) {
// console.log("error", error);
// _this.noPost = true;
// },
// });
} }
}, },
fail: function (err) { }, fail: function (err) { },

155
pages/walkAroundManager/index.vue
View File

@ -977,52 +977,88 @@ export default {
uni.showLoading({ uni.showLoading({
title: "图片上传中...", title: "图片上传中...",
}); });
uni.uploadFile({ uni.uploadFile({
// url: "https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA", url: "https://eshangtech.com:18900/EShangApiMain/Picture/UploadPicture", // 你的接口 URL
// url: "https://es.robot-z.cn/oss/upload", filePath: rs.tempFilePaths[0],
url: "https://es.eshangtech.com/oss/upload", name: "file", // 表单中的文件字段名
filePath: res.tempFilePath, formData: {
header: { Tabletype: "1133", // 表单中其他数据
"Content-Type": "multipart/form-data",
}, },
formData: {}, success: async (uploadRes) => {
fileType: "image", if (uploadRes.data) {
name: "file", let res = JSON.parse(uploadRes.data)
success(res) { console.log('resresresresres', res);
console.log("res", res); let url = res.Result_Data.ImageUrl
let data = {};
if (res.data) {
data = JSON.parse(res.data);
}
console.log("data", data);
uni.hideLoading(); uni.hideLoading();
if (type === "response") { if (type === "response") {
if (obj.imageResponse && obj.imageResponse.length > 0) { if (obj.imageResponse && obj.imageResponse.length > 0) {
obj.imageResponse.push( obj.imageResponse.push(url);
`https://es.eshangtech.com/${data.data.path}`
);
} else { } else {
obj.imageResponse = [ obj.imageResponse = [url];
`https://es.eshangtech.com/${data.data.path}`,
];
} }
console.log(
"objobjobjobjobjobjobjobj",
_this.requestionRadioList
);
_this.$forceUpdate(); _this.$forceUpdate();
} else { } else {
_this.imgsList.push( _this.imgsList.push(url);
`https://es.eshangtech.com/${data.data.path}` }
); _this.noPost = true;
} }
}, },
fail(error) { fail: (error) => {
console.log("error", error); console.log("error", error);
_this.noPost = true; _this.noPost = true;
}, }
}); });
// uni.uploadFile({
// // url: "https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA",
// // url: "https://es.robot-z.cn/oss/upload",
// url: "https://es.eshangtech.com/oss/upload",
// filePath: res.tempFilePath,
// header: {
// "Content-Type": "multipart/form-data",
// },
// formData: {},
// fileType: "image",
// name: "file",
// success(res) {
// console.log("res", res);
// let data = {};
// if (res.data) {
// data = JSON.parse(res.data);
// }
// console.log("data", data);
// uni.hideLoading();
// if (type === "response") {
// if (obj.imageResponse && obj.imageResponse.length > 0) {
// obj.imageResponse.push(
// `https://es.eshangtech.com/${data.data.path}`
// );
// } else {
// obj.imageResponse = [
// `https://es.eshangtech.com/${data.data.path}`,
// ];
// }
// console.log(
// "objobjobjobjobjobjobjobj",
// _this.requestionRadioList
// );
// _this.$forceUpdate();
// } else {
// _this.imgsList.push(
// `https://es.eshangtech.com/${data.data.path}`
// );
// }
// },
// fail(error) {
// console.log("error", error);
// _this.noPost = true;
// },
// });
}, },
fail(error) { fail(error) {
_this.noPost = true; _this.noPost = true;
@ -1034,53 +1070,38 @@ export default {
// mask: true // mask: true
}); });
uni.uploadFile({ uni.uploadFile({
// url: "https://eshangtech.com:18999/Coop.Merchant/Handler/handler_ajax.ashx?action_type=UploadFile&folder=MBWA", url: "https://eshangtech.com:18900/EShangApiMain/Picture/UploadPicture", // 你的接口 URL
// url: "https://es.robot-z.cn/oss/upload",
url: "https://es.eshangtech.com/oss/upload",
filePath: rs.tempFilePaths[0], filePath: rs.tempFilePaths[0],
fileType: "image", name: "file", // 表单中的文件字段名
header: { formData: {
"Content-Type": "multipart/form-data", Tabletype: "1133", // 表单中其他数据
}, },
name: "file", success: async (uploadRes) => {
success(res) { console.log('uploadResuploadRes', uploadRes);
console.log("res", res); if (uploadRes.data) {
let data = {}; let res = JSON.parse(uploadRes.data)
if (res.data) { console.log('resresresresres', res);
data = JSON.parse(res.data); let url = res.Result_Data.ImageUrl
}
console.log("data", data);
uni.hideLoading(); uni.hideLoading();
if (type === "response") { if (type === "response") {
if (obj.imageResponse && obj.imageResponse.length > 0) { if (obj.imageResponse && obj.imageResponse.length > 0) {
obj.imageResponse.push( obj.imageResponse.push(url);
`https://es.eshangtech.com/${data.data.path}`
);
} else { } else {
obj.imageResponse = [ obj.imageResponse = [url];
`https://es.eshangtech.com/${data.data.path}`,
];
}
console.log(
"objobjobjobjobjobjobjobj",
_this.requestionRadioList
);
_this.$forceUpdate();
} else {
_this.imgsList.push(
`https://es.eshangtech.com/${data.data.path}`
);
} }
// _this.imgsList.push( _this.$forceUpdate();
// `https://es.eshangtech.com/${data.data.path}` } else {
// ); _this.imgsList.push(url);
// path; }
_this.noPost = true;
}
}, },
fail(error) { fail: (error) => {
console.log("error", error); console.log("error", error);
_this.noPost = true; _this.noPost = true;
}, }
}); });
} }
// uni.uploadFile({ // uni.uploadFile({