|
|
<template>
|
|
|
<view>
|
|
|
<view class="" v-show="!subitShow">
|
|
|
|
|
|
<view class="cu-bar bg-white margin-top">
|
|
|
<view class="action">
|
|
|
<text class="cuIcon-titles text-red"></text>
|
|
|
<text>使用前效果</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<textarea class="texta" v-model="form.symptomatic" placeholder="请输入使用前效果" />
|
|
|
<view class="flex solid-bottom padding align-center">
|
|
|
<view v-for="(item,index) in before" :key='index'>
|
|
|
<view class="huiyuan_img">
|
|
|
<image @tap="_previewImage(item.url)" style='width: 120upx;height: 120upx;' :src="item.url" ></image>
|
|
|
<text class="cuIcon-delete text-red" @click="delFile(item,index)" style="position: absolute;bottom: 5upx;right: 5upx; color: #000000;"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="cuIcon-add addiamge" @click="beforeupload" ></view>
|
|
|
</view>
|
|
|
<view class="cu-bar bg-white margin-top">
|
|
|
<view class="action">
|
|
|
<text class="cuIcon-titles text-red"></text>
|
|
|
<text>使用后效果</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<textarea class="texta" v-model="form.nursingEffect" placeholder="请输入使用后效果" />
|
|
|
<view class="flex solid-bottom padding align-center">
|
|
|
<view v-for="(item,index) in later" :key='index'>
|
|
|
<view class="huiyuan_img">
|
|
|
<image @tap="_previewImage(item.url)" style='width: 120upx;height: 120upx;' :src="item.url" ></image>
|
|
|
<text class="cuIcon-delete text-red" @click="delFile(item,index)" style="position: absolute;bottom: 5upx;right: 5upx; color: #000000;"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="cuIcon-add addiamge" @click="laterupload" ></view>
|
|
|
</view>
|
|
|
<view class="cu-bar bg-white margin-top">
|
|
|
<view class="action">
|
|
|
<text class="cuIcon-titles text-red"></text>
|
|
|
<text>意见反馈</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<textarea class="texta" v-model="form.feedBack" placeholder="请输入您要反馈的意见" />
|
|
|
<view class="sub-titles">
|
|
|
<button class="bg-red" @click="subit">提 交</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="" v-show="subitShow">
|
|
|
<view class="solids-bottom padding-xs flex align-center">
|
|
|
<view class="flex-sub text-center">
|
|
|
<view class="solid-bottom text-sl padding">
|
|
|
<text class=" cuIcon-roundcheckfill text-green"></text>
|
|
|
</view>
|
|
|
<view class="padding " @click="backTar" >意见反馈成功 , 请返回上一级</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import zhUpFile from '@/components/zh-upFile'
|
|
|
import host from "../../../../../utils/host.js"
|
|
|
export default {
|
|
|
components:{
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
imageList:[],
|
|
|
image:'',
|
|
|
before:[],
|
|
|
later:[],
|
|
|
subitShow:false,
|
|
|
form:{
|
|
|
projectName:null,
|
|
|
projectId:null,
|
|
|
memberPhone:null,
|
|
|
feedBack:null,
|
|
|
symptomatic:null,
|
|
|
nursingEffect:null,
|
|
|
uploadFiles:[],
|
|
|
},
|
|
|
tempImg:[],
|
|
|
userInfo:{}
|
|
|
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
_previewImage(image) {
|
|
|
var imgArr = [];
|
|
|
imgArr.push(image);
|
|
|
//预览图片
|
|
|
uni.previewImage({
|
|
|
urls: imgArr,
|
|
|
current: imgArr[0]
|
|
|
});
|
|
|
},
|
|
|
subit:function(){
|
|
|
this.form.source = 1
|
|
|
this.form.staffIds = this.form.staffId
|
|
|
this.form.staffnNames = this.form.staffName
|
|
|
this.$api.addProjectProgress(this.form).then(res=>{
|
|
|
if (res.code=='000000') {
|
|
|
uni.showToast({
|
|
|
title: res.message,
|
|
|
icon: "success",
|
|
|
duration: 3000
|
|
|
});
|
|
|
this.subitShow=true
|
|
|
} else{
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
content: res.message,
|
|
|
showCancel: false,
|
|
|
success: function() {}
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
beforeupload:function(){
|
|
|
var that = this
|
|
|
uni.chooseImage({
|
|
|
count: 5, //上传图片的数量，默认是9
|
|
|
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
|
sourceType: ['album'], //从相册选择
|
|
|
success: function (res) {
|
|
|
let image = []
|
|
|
that.tempImg = res.tempFilePaths.map(item => {
|
|
|
return {
|
|
|
name: 'flieList',
|
|
|
url: item
|
|
|
}
|
|
|
})
|
|
|
var tempFilePaths = res.tempFilePaths
|
|
|
let header = {
|
|
|
'token':that.userInfo.token
|
|
|
}
|
|
|
uni.uploadFile({
|
|
|
url: host+'/demay/ssm/memberCs/addProjectProgressFile', //仅为示例，非真实的接口地址
|
|
|
filePath: res.tempFilePaths[0],
|
|
|
name: 'fileList',
|
|
|
header:header,
|
|
|
formData:{storeId:that.userInfo.storeId},
|
|
|
success: (res) => {
|
|
|
let row = JSON.parse(res.data)
|
|
|
console.log(row);
|
|
|
if (row.code=='000000') {
|
|
|
row.data.type = 0
|
|
|
that.form.uploadFiles.push(row.data)
|
|
|
tempFilePaths.forEach(item=>{
|
|
|
let items = {url:item,filePath:row.data.filePath,fileName:row.data.fileName,type:0}
|
|
|
image.push(items)
|
|
|
})
|
|
|
that.before = [... that.before ,...image]
|
|
|
} else{
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
content: row.message,
|
|
|
showCancel: false,
|
|
|
success: function() {}
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
laterupload:function(){
|
|
|
var that = this
|
|
|
uni.chooseImage({
|
|
|
count: 5, //上传图片的数量，默认是9
|
|
|
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
|
sourceType: ['album'], //从相册选择
|
|
|
success: function (res) {
|
|
|
console.log('res',res);
|
|
|
that.image = res.tempFilePaths[0]
|
|
|
let image = []
|
|
|
let header = {
|
|
|
'token':that.userInfo.token
|
|
|
}
|
|
|
that.tempImg = res.tempFilePaths.map(item => {
|
|
|
return {
|
|
|
name: 'flieList',
|
|
|
url: item
|
|
|
}
|
|
|
})
|
|
|
var tempFilePaths = res.tempFilePaths
|
|
|
uni.uploadFile({
|
|
|
url: host+'/demay/ssm/memberCs/addProjectProgressFile', //仅为示例，非真实的接口地址
|
|
|
filePath: res.tempFilePaths[0],
|
|
|
name: 'fileList',
|
|
|
header:header,
|
|
|
formData:{storeId:that.userInfo.storeId},
|
|
|
success: (res) => {
|
|
|
let row = JSON.parse(res.data)
|
|
|
if (row.code=='000000') {
|
|
|
row.data.type = 1
|
|
|
that.form.uploadFiles.push(row.data)
|
|
|
tempFilePaths.forEach(item=>{
|
|
|
let items = {url:item,filePath:row.data.filePath,fileName:row.data.fileName,type:1}
|
|
|
image.push(items)
|
|
|
})
|
|
|
that.later = [... that.later ,...image]
|
|
|
} else{
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
content: row.message,
|
|
|
showCancel: false,
|
|
|
success: function(row) {}
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
delFile:function(item,index){
|
|
|
let form = {filePath:item.filePath,fileName:item.fileName}
|
|
|
this.$api.deleteProjectProgressFile(form).then(res=>{
|
|
|
if (res.code=='000000') {
|
|
|
if(item.type==1){
|
|
|
this.later.splice(index,1)
|
|
|
}else{
|
|
|
this.before.splice(index,1)
|
|
|
}
|
|
|
this.form.uploadFiles.forEach((items,index)=>{
|
|
|
if(items.filePath==item.filePath&&items.fileName==item.fileName){
|
|
|
this.form.uploadFiles.splice(index,1)
|
|
|
}
|
|
|
})
|
|
|
} else{
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
content: res.message,
|
|
|
showCancel: false,
|
|
|
success: function(res) {}
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
onLoad :function(option){
|
|
|
if(option.item){
|
|
|
let form = JSON.parse(option.item)
|
|
|
console.log(form);
|
|
|
let ids = ''
|
|
|
let names = ''
|
|
|
this.form.storeId = form.storeId
|
|
|
this.form.storeName = form.storeName
|
|
|
this.form.memberId = form.memberId
|
|
|
this.form.memberName = form.memberName
|
|
|
this.form.memberIdentity = form.memberIdentity
|
|
|
this.form.memberIdentity = null
|
|
|
this.form.memberPhone = form.mobilePhone
|
|
|
this.form.projectId = form.projectId
|
|
|
this.form.projectName = form.projectName
|
|
|
|
|
|
this.form.docId = form.id
|
|
|
this.form.docNum = form.cashNum
|
|
|
this.form.docDate = form.cashDate
|
|
|
|
|
|
console.log(this.form);
|
|
|
// form.entities.forEach((item,index)=>{
|
|
|
// item.saleStaffId = item.saleStaffId +','
|
|
|
// item.saleStaffName =item.saleStaffName +','
|
|
|
// ids = item.saleStaffId
|
|
|
// names = item.saleStaffName
|
|
|
// })
|
|
|
|
|
|
// ids = ids.substring(0,ids.lastIndexOf(","))
|
|
|
// names = names.substring(0,names.lastIndexOf(","))
|
|
|
// this.form.staffNames = names
|
|
|
// this.form.staffIds = ids
|
|
|
|
|
|
}
|
|
|
},
|
|
|
|
|
|
backTar(){
|
|
|
uni.navigateBack({
|
|
|
delta: 1,
|
|
|
animationType: 'pop-out',
|
|
|
animationDuration: 200
|
|
|
});
|
|
|
}
|
|
|
|
|
|
},
|
|
|
onShow:function(){
|
|
|
this.userInfo = uni.getStorageSync('userInfo')
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
.texta{
|
|
|
padding: 10upx 5%;
|
|
|
height: 10vh;
|
|
|
width: 100%;
|
|
|
}
|
|
|
.texta view{
|
|
|
display: inline-block;
|
|
|
}
|
|
|
.huiyuan_img{
|
|
|
width: 120upx;
|
|
|
height: 120upx;
|
|
|
border: #b5ccd9 1upx solid;
|
|
|
margin: 10upx;
|
|
|
background-color: #DDDDDD;
|
|
|
overflow: hidden;
|
|
|
position: relative;
|
|
|
}
|
|
|
.addiamge{
|
|
|
width: 120upx;height: 120upx; text-align: center;line-height: 120upx;border: #CCCCCC 1upx solid;margin: 10upx;
|
|
|
background-color: #fff;
|
|
|
font-size: 48upx;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
.sub-titles{
|
|
|
width: 90%;
|
|
|
margin:10upx 5%;
|
|
|
background-color: red;
|
|
|
border-radius: 15upx;
|
|
|
}
|
|
|
</style>
|