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.
405 lines
9.9 KiB
405 lines
9.9 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="90"> |
|
<uni-forms-item label="考核部门" name="assessDept" required> |
|
<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> |
|
<uni-data-select v-model="formData.type" :disabled="check" :localdata="range1" |
|
@change="changeType"></uni-data-select> |
|
</uni-forms-item> |
|
<uni-forms-item label="指标项目" name="classifyId" required> |
|
<uni-data-select v-model="formData.classifyId" :disabled="check" :localdata="range2" |
|
@change="changeByName($event,range2,'classifyName')"></uni-data-select> |
|
</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="照片上传"> |
|
<uni-file-picker limit="9" :class="check?'dsb-up':''" v-model="fileList1" :disabled="check" |
|
:auto-upload="false" @select="selectFile($event,1)" |
|
@delete="deletea($event,1)"></uni-file-picker> |
|
</uni-forms-item> |
|
<uni-forms-item label="附件上传"> |
|
<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> |
|
</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"> |
|
<uni-easyinput type="textarea" disabled autoHeight v-model="formData.objectionRemark" |
|
placeholder="请输入内容"></uni-easyinput> |
|
</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-easyinput type="textarea" autoHeight v-model="formData.objectionRemark" |
|
placeholder="请输入异议描述"></uni-easyinput> |
|
</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> |
|
</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: [] |
|
} |
|
}, |
|
async onLoad(e) { |
|
if (e.check) { |
|
this.check = true |
|
} |
|
let res = await classifyList({}) |
|
this.range1 = res.data.map(item => { |
|
return { |
|
value: item.id, |
|
text: item.name, |
|
children: item.children |
|
} |
|
}) |
|
//通过折叠列表点击过来--回显选项 |
|
if (e.oneId) { |
|
this.formData.type = e.oneId |
|
this.changeType(e.oneId) |
|
this.formData.classifyId = e.twoId; |
|
this.formData.classifyName = e.twoName |
|
this.changeByName(e.twoId, this.range2, 'classifyName') |
|
} |
|
|
|
//查看详情 |
|
if (e.id) { |
|
this.getInfo(e.id) |
|
} |
|
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 |
|
}, |
|
async getInfo(id) { |
|
let res = await myApiIndicatorsDetail({ |
|
id |
|
}) |
|
this.formData = res.data |
|
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 |
|
this.fileList2 = res.data.files |
|
console.log(this.formData) |
|
}, |
|
submit() { |
|
this.$refs.form.validate().then(async () => { |
|
uni.showLoading() |
|
uni.hideLoading() |
|
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() |
|
}, 2000) |
|
} |
|
}) |
|
}, |
|
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" |
|
}) |
|
} |
|
this.formData.isObjection = 1 |
|
let res = await updateApiIndicators(this.formData) |
|
if (res.code == 200) { |
|
this.show = false |
|
uni.showToast({ |
|
title: "提交成功", |
|
icon: "none" |
|
}) |
|
setTimeout(() => { |
|
uni.navigateBack() |
|
}, 2000) |
|
} |
|
}, |
|
selectFile(e, type) { |
|
const files = e.tempFiles; |
|
files.forEach(async item => { |
|
let res = await utils.upfile(item.path) |
|
this['fileList' + type].push({ |
|
url: res.link, |
|
name: item.path, |
|
type |
|
}) |
|
}) |
|
|
|
}, |
|
deletea(e, type) { |
|
const num = this['fileList' + type].findIndex(v => v.name === e.tempFilePath); |
|
this['fileList' + type].splice(num, 1); |
|
}, |
|
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: 0 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; |
|
} |
|
|
|
.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; |
|
border-radius: 10rpx; |
|
margin: 0 10rpx; |
|
} |
|
|
|
.cancel { |
|
border: 1px solid #333; |
|
|
|
} |
|
|
|
.confirm { |
|
background-color: #D3832A; |
|
border: 1px solid #D3832A; |
|
color: #fff; |
|
} |
|
} |
|
} |
|
</style> |