You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
749 lines
18 KiB
749 lines
18 KiB
<template> |
|
<view class="page-bg"> |
|
<u-navbar title="指标编辑" bgColor="rgb(211, 131, 42)" leftIconColor="#fff" titleStyle="color:#fff" placeholder |
|
border=true :autoBack="true" leftIconSize='35'></u-navbar> |
|
|
|
<view class="content-box"> |
|
<uni-forms :modelValue="formData" ref="form" :rules="rules" label-width="5.5rem"> |
|
<uni-forms-item label="考核部门" name="assessDept" required> |
|
<view :class="['pick-input',check?'dsb-color':'']"> |
|
{{formData.assessDeptName||'暂无数据'}} |
|
</view> |
|
<!-- <view :class="['pick-input',check?'dsb-color':'']" @click="showCheck"> |
|
{{formData.assessDeptName||'请选择'}} |
|
</view> --> |
|
<!-- <uni-data-select v-model="formData.assessDept" :localdata="deepList" |
|
@change="changeByName($event,deepList,'assessDeptName')"></uni-data-select> --> |
|
</uni-forms-item> |
|
<uni-forms-item label="指标分类" name="type" required> |
|
<view :class="['pick-input',check?'dsb-color':'']"> |
|
{{formData.parentClassifyName||'暂无数据'}} |
|
</view> |
|
<!-- <uni-data-select v-model="formData.type" disabled :localdata="range1" |
|
@change="changeType"></uni-data-select> --> |
|
</uni-forms-item> |
|
<uni-forms-item label="指标项目" name="classifyId" required> |
|
<view :class="['pick-input',check?'dsb-color':'']"> |
|
{{formData.classifyName||'暂无数据'}} |
|
</view> |
|
<!-- <uni-data-select v-model="formData.classifyId" disabled :localdata="range2" |
|
@change="changeByName($event,range2,'classifyName')"></uni-data-select> --> |
|
</uni-forms-item> |
|
<uni-forms-item label="指标描述" name="deduction"> |
|
<view :class="['pick-input',check?'dsb-color':'']"> |
|
{{formData.deduction||'暂无数据'}} |
|
</view> |
|
</uni-forms-item> |
|
<uni-forms-item label="指标分数" name="point" required> |
|
<uni-data-select v-model="formData.point" :disabled="check" :localdata="pointList" |
|
@change="change"></uni-data-select> |
|
</uni-forms-item> |
|
<uni-forms-item :label="check ?'照片' :'照片上传'"> |
|
<uni-file-picker limit="9" :class="check?'dsb-up':''" v-model="fileList1" :readonly="check" |
|
:auto-upload="false" @select="selectFile($event,1)" :del-icon="!check" |
|
@delete="deletea($event,1)"></uni-file-picker> |
|
</uni-forms-item> |
|
<uni-forms-item :label="check ?'附件' :'附件上传'"> |
|
<!-- <uni-file-picker limit="5" :class="check?'dsb-up':''" v-model="fileList2" :disabled="check" |
|
:auto-upload="false" @select="selectFile($event,2)" @delete="deletea($event,2)" file-mediatype="all" |
|
title="最多选择5个文件"></uni-file-picker> --> |
|
<u-button type="primary" @click="handleChooseFile" v-if="!check"> |
|
选择文件 |
|
</u-button> |
|
|
|
<view class="fileList"> |
|
<block v-for="(item,index) in fileList2" :key="item.url"> |
|
<view class="fileList_item"> |
|
<view class="fileName"> |
|
{{item.name}} |
|
</view> |
|
<view class="downLoadBtn"> |
|
<view class=""> |
|
<u-icon name="eye-fill" @click="handlePreviewFile(item)" color="#32df72"></u-icon> |
|
</view> |
|
<template v-if="!check"> |
|
<view class=""> |
|
<u-icon name="close-circle-fill" @click="deletea(index,2)" color="#c0c4cc" |
|
size="28"></u-icon> |
|
</view> |
|
</template> |
|
|
|
<template v-else> |
|
|
|
<view class=""> |
|
<u-icon name="download" @click="handleCopy(item)" color="#32df72"></u-icon> |
|
</view> |
|
</template> |
|
</view> |
|
</view> |
|
</block> |
|
</view> |
|
</uni-forms-item> |
|
<uni-forms-item label="评分备注"> |
|
<uni-easyinput type="textarea" :disabled="check" autoHeight v-model="formData.remark" |
|
placeholder="请输入内容"></uni-easyinput> |
|
</uni-forms-item> |
|
|
|
<uni-forms-item label="整改结果" v-if="formData.isObjection"> |
|
<view :class="['pick-input',check?'dsb-color':'']"> |
|
{{formData.objectionRemark||'暂无数据'}} |
|
</view> |
|
</uni-forms-item> |
|
|
|
<uni-forms-item label="意见反馈" v-if="formData.appealReason"> |
|
<view :class="['pick-input',check?'dsb-color':'']"> |
|
{{formData.appealReason||'暂无数据'}} |
|
</view> |
|
</uni-forms-item> |
|
</uni-forms> |
|
|
|
<view class="btns"> |
|
<view class="cancel" @click="goBack">返回</view> |
|
<view class="confirm" v-if="!check" @click="submit">提交</view> |
|
<!-- 没申诉过才可以申诉 --> |
|
<view class="confirm" v-else-if="!formData.isObjection" @click="show=true">考评确认</view> |
|
</view> |
|
|
|
</view> |
|
|
|
<u-modal :show="show" title="整改提交" :showCancelButton="true" confirmColor="#D3832A" @cancel="show=false" |
|
@confirm="confirm"> |
|
<view class="slot-content"> |
|
<uni-forms-item label="整改结果"> |
|
<uni-easyinput type="textarea" autoHeight v-model="formData.objectionRemark" |
|
placeholder="请输入整改结果"></uni-easyinput> |
|
</uni-forms-item> |
|
|
|
<uni-forms-item label="意见反馈"> |
|
<uni-easyinput type="textarea" autoHeight v-model="formData.appealReason" |
|
placeholder="请输入意见反馈"></uni-easyinput> |
|
</uni-forms-item> |
|
</view> |
|
</u-modal> |
|
|
|
|
|
<u-popup :show="deepShow" :round="10" closeOnClickOverlay @close="deepShow=false"> |
|
<view class="pop-box"> |
|
<u-search placeholder="输入关键字搜索" v-model="keyword" clearabled :height="60" :showAction="false" |
|
@change="searchDeep"></u-search> |
|
<view class="list"> |
|
<view class="item" @click="checkDeep(item)" v-for="item,index in popList" :key="index"> |
|
{{item.deptName}} |
|
</view> |
|
</view> |
|
</view> |
|
</u-popup> |
|
|
|
<tips ref="tip"></tips> |
|
|
|
<popUp ref="popUpCopyUrl"> |
|
<view style="display: flex; word-break: break-all;"> |
|
url：{{urlItem.url}} |
|
</view> |
|
</popUp> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import utils from '@/utils/functions.js'; |
|
import { |
|
deptTree, |
|
classifyList, |
|
saveApiIndicators, |
|
updateApiIndicators, |
|
myApiIndicatorsDetail |
|
} from '@/api/user.js' |
|
export default { |
|
data() { |
|
return { |
|
show: false, |
|
fileList1: [], |
|
fileList2: [], |
|
range1: [], |
|
range2: [], |
|
pointList: [], |
|
deepList: [], |
|
formData: { |
|
remark: "" |
|
}, |
|
rules: { |
|
assessDept: { |
|
rules: [{ |
|
required: true, |
|
errorMessage: '请选择', |
|
}] |
|
}, |
|
type: { |
|
rules: [{ |
|
required: true, |
|
errorMessage: '请选择', |
|
}] |
|
}, |
|
classifyId: { |
|
rules: [{ |
|
required: true, |
|
errorMessage: '请选择', |
|
}] |
|
}, |
|
point: { |
|
rules: [{ |
|
required: true, |
|
errorMessage: '请选择', |
|
}] |
|
}, |
|
|
|
}, |
|
check: false, //是否只能查看 |
|
deepShow: false, |
|
keyword: '', |
|
popList: [], |
|
/** 文件信息 */ |
|
urlItem: {} |
|
} |
|
}, |
|
async onLoad(e) { |
|
if (e.check) { |
|
this.check = true |
|
} |
|
if (e.oneId) { |
|
//通过折叠列表点击过来--回显选项 |
|
this.formData.assessDept = e.deptId |
|
this.formData.assessDeptName = e.industryTitle |
|
let res = await classifyList({ |
|
deptId: e.deptIds |
|
}) |
|
this.range1 = res.data.map(item => { |
|
return { |
|
value: item.id, |
|
text: item.name, |
|
children: item.children |
|
} |
|
}) |
|
this.formData.type = e.oneId |
|
this.formData.parentClassifyName = this.range1.find(val => val.value === this.formData.type).text |
|
this.changeType(e.oneId) |
|
this.formData.classifyId = e.twoId; |
|
this.formData.classifyName = e.twoName |
|
// this.formData.description = |
|
this.changeByName(e.twoId, this.range2, 'classifyName') |
|
} |
|
|
|
if (e.deduction) this.formData.deduction = e.deduction |
|
|
|
//查看详情 |
|
if (e.id) { |
|
this.getInfo(e) |
|
} |
|
this.getDeep() |
|
}, |
|
methods: { |
|
searchDeep(e) { |
|
console.log(e) |
|
this.popList = this.deepList.filter(item => !e || item.deptName.indexOf(e) != -1) |
|
}, |
|
checkDeep(item) { |
|
this.formData.assessDept = item.id; |
|
this.formData.assessDeptName = item.deptName; |
|
this.deepShow = false |
|
}, |
|
showCheck() { |
|
if (this.check) return |
|
this.deepShow = true |
|
}, |
|
/** 选择并上传文件 */ |
|
handleChooseFile() { |
|
const that = this |
|
// #ifdef MP-WEIXIN |
|
return uni.chooseMessageFile({ |
|
count: 6, //默认100 |
|
success: function(res) { |
|
const files = res.tempFiles; |
|
console.log('files :>> ', files); |
|
const type = 2 |
|
files.forEach(async item => { |
|
const _path = item.path.split('.') |
|
|
|
if (_path[_path.length - 1] === 'mp4') return uni.showToast({ |
|
title: '不支持上传视频', |
|
icon: 'none' |
|
}) |
|
|
|
let res = await utils.upfile(item.path) |
|
console.log('res :>> ', res); |
|
console.log(that.fileList2) |
|
that['fileList' + type].push({ |
|
url: res.link, |
|
name: item.name, |
|
type |
|
}) |
|
}) |
|
|
|
} |
|
}); |
|
// #endif |
|
|
|
// #ifdef APP |
|
return uni.showToast({ |
|
title: '暂仅支持微信小程序上传', |
|
icon: 'none' |
|
}) |
|
// #endif |
|
|
|
uni.chooseFile({ |
|
count: 6, //默认100 |
|
success: function(res) { |
|
console.log(JSON.stringify(res)); |
|
} |
|
}); |
|
}, |
|
async getInfo(e) { |
|
let res = await myApiIndicatorsDetail({ |
|
id: e.id, |
|
classifyId: e.classifyId |
|
}) |
|
console.log('res12312 :>> ', res); |
|
|
|
const { |
|
code, |
|
data |
|
} = res |
|
|
|
if (code !== 200) return |
|
|
|
this.formData = data |
|
|
|
this.formData.type = e.id |
|
|
|
this.pointList = data.pointsVOS.map(item => { |
|
return { |
|
value: item.point, |
|
text: item.point + '', |
|
} |
|
}) |
|
|
|
this.range1.forEach(item => { |
|
item.children && item.children.forEach(item2 => { |
|
if (item2.id == res.data.classifyId) { |
|
console.log(item.value) |
|
this.formData.type = item.value |
|
this.range2 = item.children.map(item3 => { |
|
return { |
|
value: item3.id, |
|
text: item3.name, |
|
pointsVOS: item3.pointsVOS |
|
} |
|
}) |
|
this.pointList = item2.pointsVOS.map(item => { |
|
return { |
|
value: item.point, |
|
text: item.point + '', |
|
} |
|
}) |
|
} |
|
}) |
|
}) |
|
this.fileList1 = res.data.pictures.map(val => { |
|
val.type = 1 |
|
return val |
|
}) |
|
console.log('this.fileList1 :>> ', this.fileList1); |
|
this.fileList2 = res.data.files |
|
console.log(this.formData) |
|
}, |
|
submit() { |
|
this.$refs.form.validate().then(async () => { |
|
// uni.showLoading() |
|
// uni.hideLoading() |
|
for (let iterator of this.fileList1) { |
|
iterator.type = 1 |
|
} |
|
|
|
for (let iterator of this.fileList2) { |
|
iterator.type = 2 |
|
} |
|
this.formData.resourceList = [...this.fileList1, ...this.fileList2] |
|
let res; |
|
if (this.formData.id) { |
|
res = await updateApiIndicators(this.formData) |
|
} else { |
|
res = await saveApiIndicators(this.formData) |
|
} |
|
if (res.code == 200) { |
|
uni.showToast({ |
|
title: "提交成功", |
|
icon: "none" |
|
}) |
|
setTimeout(() => { |
|
uni.navigateBack() |
|
}, 500) |
|
} |
|
}) |
|
}, |
|
async getDeep() { |
|
let res = await deptTree({}) |
|
this.deepList = res.data |
|
this.popList = res.data |
|
// .map(item => { |
|
// return { |
|
// value: item.id, |
|
// text: item.deptName |
|
// } |
|
// }) |
|
// this.deepList = utils.formatTree(res.data, 0, 'parentId') |
|
// console.log(this.deepList) |
|
}, |
|
changeType(e) { |
|
this.formData.classifyId = ''; |
|
this.formData.classifyName = "" |
|
this.range2 = this.range1.find(fd => fd.value == e).children.map(item => { |
|
return { |
|
value: item.id, |
|
text: item.name, |
|
pointsVOS: item.pointsVOS |
|
} |
|
}) |
|
}, |
|
changeByName(e, list, key) { |
|
let fds = list.find(fd => fd.value == e) |
|
this.formData[key] = fds.text |
|
if (key == 'classifyName') { |
|
this.formData.point = "" |
|
this.pointList = fds.pointsVOS.map(item => { |
|
return { |
|
value: item.point, |
|
text: item.point + '', |
|
} |
|
}) |
|
} |
|
}, |
|
async confirm() { |
|
// if (!this.formData.objectionRemark) { |
|
// return uni.showToast({ |
|
// title: "请输入异议描述", |
|
// icon: "none" |
|
// }) |
|
// } |
|
for (let iterator of this.fileList1) { |
|
iterator.type = 1 |
|
} |
|
|
|
for (let iterator of this.fileList2) { |
|
iterator.type = 2 |
|
} |
|
this.formData.resourceList = [...this.fileList1, ...this.fileList2] |
|
this.formData.isObjection = 1 |
|
this.formData.isCommit = 1 |
|
let res = await updateApiIndicators(this.formData) |
|
if (res.code == 200) { |
|
this.show = false |
|
uni.showToast({ |
|
title: "提交成功", |
|
icon: "none" |
|
}) |
|
setTimeout(() => { |
|
uni.navigateBack() |
|
}, 500) |
|
} |
|
}, |
|
selectFile(e, type) { |
|
const files = e.tempFiles; |
|
console.log('files :>> ', files); |
|
files.forEach(async item => { |
|
let res = await utils.upfile(item.path) |
|
this['fileList' + type].push({ |
|
url: res.link, |
|
name: item.name, |
|
type |
|
}) |
|
}) |
|
|
|
}, |
|
deletea(e, type) { |
|
console.log('e :>> ', e); |
|
let num = 0 |
|
if (type === 2) { |
|
num = e |
|
} else { |
|
num = this['fileList' + type].findIndex(v => v.url === e.tempFilePath); |
|
} |
|
this['fileList' + type] |
|
.splice(num, 1); |
|
|
|
console.log('this[fileList + type] :>> ', this['fileList' + type]); |
|
}, |
|
handlePreviewFile(item) { |
|
console.log('this.refs :>> ', this.refs); |
|
this.$refs.tip.setdetails({ |
|
title: '提示', |
|
content: '确认阅览？', |
|
confirmTxt: '确认', |
|
isshow: true, |
|
isshowcancel: true, |
|
success: async () => { |
|
// #ifdef APP |
|
//文件预览 |
|
let that = this |
|
let url = item.url; |
|
uni.downloadFile({ |
|
url: url, |
|
success: function(res) { |
|
let filepathss = plus.io.convertLocalFileSystemURL(res.tempFilePath); |
|
setTimeout( |
|
() => |
|
uni.openDocument({ |
|
filePath: filepathss, |
|
showMenu: false, |
|
success: function() { |
|
console.log("打开文档成功"); |
|
}, |
|
fail: function() { |
|
uni.showToast({ |
|
title: '暂不支持此类型', |
|
duration: 2000, |
|
icon: "none", |
|
}); |
|
} |
|
}), |
|
1000 |
|
); |
|
}, |
|
fail: function(res) { |
|
console.log(res); //失败 |
|
} |
|
}); |
|
|
|
// #endif |
|
|
|
// #ifdef MP-WEIXIN |
|
|
|
wx.downloadFile({ |
|
url: item.url, |
|
// filePath: wx.env.USER_DATA_PATH + '/' + item.fullName, |
|
success(res) { |
|
console.log('res :>> ', res); |
|
if (res.statusCode === 200) { |
|
wx.hideLoading() |
|
let filePath = res.tempFilePath |
|
// let tempFilePath = res.tempFilePath |
|
|
|
wx.openDocument({ |
|
filePath: filePath, |
|
success: function(res) { |
|
console.log('打开文档成功') |
|
} |
|
}) |
|
} |
|
} |
|
}) |
|
// #endif |
|
}, |
|
cancel: () => { |
|
this.$refs.tip.setisshow(false) |
|
}, |
|
close: () => { |
|
this.$refs.tip.setisshow(false) |
|
} |
|
}) |
|
}, |
|
handleCopy(item) { |
|
this.urlItem = item |
|
this.$refs.popUpCopyUrl.setDetails({ |
|
title: '复制链接', |
|
confirmText: '复制', |
|
showPopUp: true, |
|
success: async () => { |
|
uni.setClipboardData({ |
|
data: item.url, //要被复制的内容 |
|
success: () => { //复制成功的回调函数 |
|
uni.showToast({ //提示 |
|
title: '复制成功' |
|
}) |
|
} |
|
}); |
|
}, |
|
close: () => { |
|
this.$refs.popUpCopyUrl.details.showPopUp = false |
|
} |
|
}) |
|
}, |
|
goBack() { |
|
uni.navigateBack() |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped lang="scss"> |
|
.pop-box { |
|
padding: 20rpx; |
|
|
|
.list { |
|
height: 800rpx; |
|
overflow-y: auto; |
|
font-size: 30rpx; |
|
color: #303133; |
|
|
|
.item { |
|
display: flex; |
|
box-sizing: border-box; |
|
padding: 20rpx 30rpx; |
|
align-items: center; |
|
border-bottom: 1px solid #eee; |
|
} |
|
} |
|
} |
|
|
|
.dsb-up { |
|
::v-deep .icon-del-box { |
|
display: none; |
|
} |
|
|
|
::v-deep .is-add, |
|
::v-deep .files-button { |
|
display: none; |
|
} |
|
} |
|
|
|
::v-deep uni-button[type='primary'] { |
|
background-color: #D3832A; |
|
} |
|
|
|
.slot-content { |
|
width: 100%; |
|
} |
|
|
|
.pick-input { |
|
font-size: 14px; |
|
border: 1px solid #e5e5e5; |
|
box-sizing: border-box; |
|
border-radius: 4px; |
|
padding: 15upx 5px; |
|
padding-left: 10px; |
|
position: relative; |
|
display: flex; |
|
-webkit-user-select: none; |
|
user-select: none; |
|
flex-direction: row; |
|
align-items: center; |
|
border-bottom: solid 1px #e5e5e5; |
|
width: 100%; |
|
flex: 1; |
|
// height: 35px; |
|
background: #f5f7fa; |
|
} |
|
|
|
.dsb-color { |
|
background-color: #f5f7fa; |
|
cursor: not-allowed; |
|
} |
|
|
|
.content-box { |
|
background-color: #fff; |
|
margin: 10rpx; |
|
padding: 15rpx; |
|
font-size: 28rpx; |
|
|
|
.btns { |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
margin-bottom: 20rpx; |
|
|
|
view { |
|
// width: 200rpx; |
|
// height: 60rpx; |
|
// display: flex; |
|
// align-items: center; |
|
// justify-content: center; |
|
padding: 15upx 60upx; |
|
border-radius: 10rpx; |
|
margin: 0 10rpx; |
|
} |
|
|
|
.cancel { |
|
border: 1px solid #333; |
|
|
|
} |
|
|
|
.confirm { |
|
background-color: #D3832A; |
|
border: 1px solid #D3832A; |
|
color: #fff; |
|
} |
|
} |
|
} |
|
|
|
.fileList { |
|
.fileList_item { |
|
margin-top: 10upx; |
|
word-break: break-all; |
|
display: flex; |
|
justify-content: space-between; |
|
padding: 15upx; |
|
border: 2upx solid #c0c4cc; |
|
border-radius: 5upx; |
|
box-shadow: 0 0 10upx #c0c4cc; |
|
|
|
.fileName { |
|
flex: 1; |
|
} |
|
|
|
.downLoadBtn { |
|
flex: none; |
|
margin-left: 15upx; |
|
display: flex; |
|
flex-direction: column; |
|
|
|
>view { |
|
&:nth-child(2) { |
|
margin-top: 20upx; |
|
} |
|
} |
|
|
|
:deep(.u-icon__icon) { |
|
font-size: 1.4rem !important; |
|
line-height: 1.4rem !important; |
|
} |
|
} |
|
} |
|
} |
|
|
|
:deep(.uni-file-picker) { |
|
margin-top: 40rpx !important; |
|
} |
|
|
|
:deep(.file-picker__box) { |
|
width: 168rpx !important; |
|
height: 168rpx !important; |
|
padding-top: 0; |
|
|
|
.file-picker__progress { |
|
display: none; |
|
} |
|
} |
|
|
|
:deep(.file-picker__box-content) { |
|
border-style: dashed !important; |
|
border-radius: 16rpx !important; |
|
|
|
.icon-add { |
|
width: 60rpx; |
|
height: 4rpx; |
|
} |
|
|
|
.icon-del-box { |
|
height: 32rpx; |
|
width: 32rpx; |
|
top: 10upx; |
|
right: 10upx; |
|
z-index: 99; |
|
background-color: #F72E2E; |
|
opacity: 0.6; |
|
|
|
.icon-del { |
|
width: 16rpx; |
|
height: 2rpx; |
|
} |
|
} |
|
} |
|
</style> |