lm-safe-app/pages/apply/subPages/SCPT/formulationDepartmentEdit.vue

568 lines
20 KiB
Vue
Raw Permalink Normal View History

2024-06-03 09:37:52 +08:00
<template>
<view>
<step-title :stepPage="stepsPage" :stepText="stepsText"></step-title>
<view>
<view class="card" v-if="stepsPage === 0">
<u--form label-width="90px" :model="dataModel" ref="wForm" class="demo-ruleForm">
<view style="position: relative;">
<view style="position: absolute;left: -10px;color: #3d4b70;top: -3px;">*</view>
</view>
<view style="font-size: 15px; font-weight: bold;color: #3d4b70;margin-bottom: 10px;">基本信息填写</view>
<!-- <u-form-item label="审核意见:" prop="CONTEXT" borderBottom v-if="dataModel.IS_PUBLISH==9">
</u-form-item>
<u--textarea v-html="dataModel.CONTEXT" border="surround" v-if="dataModel.IS_PUBLISH==9"
disabled></u--textarea> -->
<u-form-item label="制定时间" prop="SET_TIME">
<u--input v-model="dataModel.SET_TIME" disabled disabledColor="#ffffff" placeholder="请输入制定时间" border="none" fontSize="14px" customStyle="margin:0px;display:flex;padding:3px 9px">
</u--input>
</u-form-item>
<u-form-item label="制定部门" prop="DepartmentName">
<u--input v-model="dataModel.Nav_Department.NAME" disabled disabledColor="#ffffff" placeholder="请输入制定部门" border="none" fontSize="14px"
customStyle="margin:0px;display:flex;padding:3px 9px"></u--input>
</u-form-item>
<u-form-item label="制定人员" prop="UserName">
<u--input v-model="dataModel.Nav_User.NAME" disabled disabledColor="#ffffff" placeholder="请输入制定人员" border="none" fontSize="14px" customStyle="margin:0px;display:flex;padding:3px 9px"></u--input>
</u-form-item>
<u-form-item label="年度" prop="YEAR">
<u--input v-model="dataModel.YEAR" disabled disabledColor="#ffffff" placeholder="请输入年度" border="none" fontSize="14px" customStyle="margin:0px;display:flex;padding:3px 9px">
</u--input>
</u-form-item>
<u-form-item label="考核层级" prop="DEPARTMENT_TYPE_SHOW">
<u--input v-model="dataModel.DEPARTMENT_TYPE_SHOW" disabled disabledColor="#ffffff" placeholder="请输入征集截至时间" fontSize="14px" border="none" customStyle="margin:0px;display:flex;padding:3px 9px">
</u--input>
</u-form-item>
<u-form-item label="附件" prop="Nav_Files">
<full-upload v-model="dataModel.Nav_Files"></full-upload>
</u-form-item>
</u--form>
</view>
<view style="padding: 10px 16px;" v-if="stepsPage === 0" class="bottom-button">
<u-button type="primary" @click="stepAdd" color="#3d4b70">下一步</u-button>
</view>
<view class="sub-form" v-if="stepsPage === 1">
<view>
<u--form labelPosition="left" labelWidth="auto" :model="subDataModel" ref="sForm2" class="demo-ruleForm">
<view v-if="dataModel.Nav_DepartmentDetail.length!==0">
<view v-for="(item, index) in dataModel.Nav_DepartmentDetail" :key="index">
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding-bottom: 10px;"
:style="index > 0?'border-top: #e7e6e4 1px solid;padding-top:10px':''">
<view style="font-size: 15px; font-weight: bold;color: #3d4b70;display: flex;flex-direction: row;align-items: center;">
考核部门
<u-badge :value="index+1" bgColor="#3d4b70" style="margin-left: 5px;"></u-badge>
<view v-if="index>0" style="margin-left: 10px;">
<view style="display: flex;align-items: center;" v-if="thisDep.indexOf(index)!==-1" @click="handleDepartmentPush(index)">
<u-icon name="arrow-down"></u-icon>
</view>
<view style="display: flex;align-items: center;" v-if="thisDep.indexOf(index)==-1" @click="handleDepartmentPush(index)">
<u-icon name="arrow-up"></u-icon>
</view>
</view>
</view>
<view style="font-size: 15px;align-items: center;" v-if="thisDep.indexOf(index)!==-1">
{{item['Nav_Department'].NAME}}
</view>
</view>
<view v-if="thisDep.indexOf(index)==-1 && item.Nav_Department">
<u-form-item label="部门名称" prop="ChildDepartName">
<u--input disabled disabledColor="#fff" fontSize="14px" v-model="item.Nav_Department.NAME" border="none" inputAlign="right"></u--input>
</u-form-item>
<u-form-item label="部门负责人" prop="ChildUserName">
<u--input disabled disabledColor="#fff" fontSize="14px" v-model="item.Nav_Department.Nav_User.NAME" border="none" inputAlign="right"></u--input>
</u-form-item>
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
<u-form-item label="安全生产目标与指标" prop="DepartNames">
</u-form-item>
<u-icon name="plus-circle" color="#3D4B70" size="20" @click="handleAddDep(index)"></u-icon>
</view>
<view style="margin-bottom: 10px;">
<view style="display: flex;flex-direction: row;align-items: center;font-size: 14px;margin: 10px 0px;" v-for="(item1,index1) in item.Nav_DetailContent" :key="index1">
<u-badge :value="index1+1" bgColor="#7591d7" style="margin-right: 20px;"></u-badge>
<u--textarea v-model="item.Nav_DetailContent[index1].NAME" inputAlign="left" placeholder="请输入内容" autoHeight maxlength='-1'>
</u--textarea>
<view @click="handleDelRowBefore(index,index1)" style="padding: 0px 0px 0px 20px;">
<u-icon name="trash" size="24" color="#3d4b70"></u-icon>
</view>
</view>
</view>
</view>
</view>
</view>
<view v-else style="padding: 20px 0px 40px 0px;">
<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" text="暂无考核部门 , 请继续下一步">
</u-empty>
</view>
</u--form>
</view>
</view>
<view style="padding: 10px 16px;display: flex;flex-direction: row;align-items: center;" v-if="stepsPage === 1" class="bottom-button">
<u-button type="primary" @click="stepReduce" color="#3d4b70" :plain="true" style="margin-right: 5px;">上一步</u-button>
<u-button type="primary" @click="stepAddOne" color="#3d4b70">下一步</u-button>
</view>
<view class="sub-form" v-if="stepsPage === 2">
<view>
<u--form labelPosition="left" labelWidth="auto" :model="subDataModel" ref="sForm2" class="demo-ruleForm">
<view v-for="(item, index) in dataModel.Nav_TeamDetail" :key="index">
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding-bottom: 10px;" :style="index > 0?'border-top: #e7e6e4 1px solid;padding-top:10px':''">
<view style="font-size: 15px; font-weight: bold;color: #3d4b70;display: flex;flex-direction: row;align-items: center;">
考核人员
<u-badge :value="index+1" bgColor="#3d4b70" style="margin-left: 5px;"></u-badge>
<view v-if="index>0" style="margin-left: 10px;">
<view style="display: flex;align-items: center;" v-if="thisPer.indexOf(index)!==-1" @click="handlePersonPush(index)">
<u-icon name="arrow-down"></u-icon>
</view>
<view style="display: flex;align-items: center;" v-if="thisPer.indexOf(index)==-1" @click="handlePersonPush(index)">
<u-icon name="arrow-up"></u-icon>
</view>
</view>
</view>
<view style="font-size: 15px;align-items: center;" v-if="thisPer.indexOf(index)!==-1">
{{item['Nav_User'].NAME}}
</view>
</view>
<view v-if="thisPer.indexOf(index)==-1 && item.Nav_User">
<u-form-item label="岗位" prop="PostName">
<u--input disabled disabledColor="#fff" fontSize="14px" v-model="item['Nav_User']['Nav_Person']['Nav_Post'].NAME" border="none" inputAlign="right"></u--input>
</u-form-item>
<u-form-item label="人员" prop="PersonName">
<u--input disabled disabledColor="#fff" fontSize="14px" v-model="item['Nav_User'].NAME" border="none" inputAlign="right"></u--input>
</u-form-item>
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
<u-form-item label="安全生产目标与指标" prop="DepartNames">
</u-form-item>
<u-icon name="plus-circle" color="#3D4B70" size="20" @click="handleAddPer(index)"></u-icon>
</view>
<view style="margin-bottom: 10px;">
<view style="display: flex;flex-direction: row;align-items: center;font-size: 14px;margin: 10px 0px;" v-for="(item1,index1) in item.Nav_DetailContent" :key="index1">
<u-badge :value="index1+1" bgColor="#7591d7" style="margin-right: 20px;"></u-badge>
<u--textarea v-model="item.Nav_DetailContent[index1].NAME" inputAlign="left" placeholder="请输入内容" autoHeight maxlength='-1'>
</u--textarea>
<view @click="handleDelPerRowBefore(index,index1)" style="padding: 0px 0px 0px 20px;">
<u-icon name="trash" size="24" color="#3d4b70"></u-icon>
</view>
</view>
</view>
</view>
</view>
</u--form>
</view>
</view>
<view style="padding: 10px 16px;display: flex;flex-direction: row;align-items: center;" v-if="stepsPage === 2" class="bottom-button">
<u-button type="primary" @click="stepReduce" color="#3d4b70" :plain="true" style="margin-right: 5px;">上一步</u-button>
<u-button type="primary" @click="submit" color="#3d4b70">提交</u-button>
</view>
<!-- <view class="bottom-button">
<button type="primary" @click="submit">提交</button>
</view> -->
</view>
<u-modal :show="showDelModalIndex >= 0" @confirm="confirmDel" @cancel="cacelDel" :showCancelButton="true" title="确认删除?"></u-modal>
<u-modal :show="showDelPerModalIndex >= 0" @confirm="confirmPerDel" @cancel="cacelPerDel" :showCancelButton="true" title="确认删除?"></u-modal>
</view>
</template>
<script>
import {
mapState,
mapMutations
} from 'vuex'
import {
extendFilterGroup,
extendGroupRule,
extendInclude,
extendOrder,
extendRule,
guid,
initFilter,
initFilterGroup,
extendIgnoreDataRule
} from '../../../../utils/common'
import {
getRequest,
saveformulationDepartment
} from '../../../../services/apply/subPages/SCPT/PTServices'
import {
getUserLists,
} from '../../../../services/apply/FOServices/FOServices.js'
import config from '../../../../config/common'
import stepTitle from '@/components/custom/step-title.vue'
export default {
components: {
stepTitle,
},
data() {
return {
stepsPage: 0,
stepsText: ['基本信息', '考核部门', '考核人员'],
ID: null,
TaskID: null,
tableKey: 0,
curTotal: 0,
isLoadOK: false,
showDelModalIndex: undefined,
defaultIndex: undefined,
showDelPerModalIndex: undefined,
defaultPerIndex: undefined,
userLists: [],
thisDep: [],
thisPer: [],
dataModel: {
SET_TIME: null,
Nav_Department: {
NAME: ''
},
Nav_User: {
NAME: ''
},
Nav_DepartmentDetail: {
DepartNames: {},
Nav_Department: {
NAME: '',
Nav_User: {
NAME: ''
},
},
Nav_DetailContent: {
NAME: ''
}
},
Nav_Files:[]
},
subDataModel: {
Nav_DepartmentDetail: {
Nav_DetailContent: {
NAME: ''
},
},
Nav_TeamDetail: {
Nav_DetailContent: {
NAME: ''
},
}
},
options: [{
text: '删除',
style: {
backgroundColor: '#f56c6c'
}
}],
comPickerInfo: {
showSheet: false,
columns: [],
title: '',
dataIndex: undefined,
formIndex: undefined,
name: ''
},
currentOperateUser: {},
showPopup: false,
// rules: {
// 'YEAR': {
// type: 'string',
// required: true,
// trigger: ['blur', 'change']
// },
// },
}
},
onLoad(opt) {
this.handleGetLicenseGet(opt)
},
methods: {
handleDelRowBefore(index, index1) {
this.showDelModalIndex = index1
this.defaultIndex = index
},
handleDelPerRowBefore(index, index1) {
this.showDelPerModalIndex = index1
this.defaultPerIndex = index
},
confirmDel() {
this.dataModel.Nav_DepartmentDetail[this.defaultIndex].Nav_DetailContent.splice(this.showDelModalIndex, 1)
this.showDelModalIndex = undefined
},
cacelDel() {
this.showDelModalIndex = undefined
},
confirmPerDel() {
this.dataModel.Nav_TeamDetail[this.defaultPerIndex].Nav_DetailContent.splice(this.showDelPerModalIndex, 1)
this.showDelPerModalIndex = undefined
},
cacelPerDel() {
this.showDelPerModalIndex = undefined
},
handleAddDep(index) {
const persons = JSON.parse(JSON.stringify(this.subDataModel.Nav_DepartmentDetail.Nav_DetailContent))
this.dataModel.Nav_DepartmentDetail[index].Nav_DetailContent.push(persons)
},
handleAddPer(index) {
const persons = JSON.parse(JSON.stringify(this.subDataModel.Nav_TeamDetail.Nav_DetailContent))
this.dataModel.Nav_TeamDetail[index].Nav_DetailContent.push(persons)
},
handleDepartmentPush(index) {
if (this.thisDep.indexOf(index) == -1) {
this.thisDep.push(index)
} else {
this.thisDep = this.thisDep.filter(item => item != index)
}
},
handlePersonPush(index) {
if (this.thisPer.indexOf(index) == -1) {
this.thisPer.push(index)
} else {
this.thisPer = this.thisPer.filter(item => item != index)
}
},
stepAdd() {
this.stepsPage = this.stepsPage + 1
},
stepAddOne() {
this.numA = 0;
this.numB = 0;
this.numC = 0;
this.dataModel.Nav_DepartmentDetail.map((item, index) => {
item.Nav_DetailContent.map((item1, index1) => {
if (item1.NAME == '') {
// uni.$showErrorInfo('添加安全生产目标与指标不能为空')
return
}
this.numB = this.numB + 1
})
if (item.Nav_DetailContent.length == 0) {
this.numC = 1;
return
}
this.numA = this.numA + item.Nav_DetailContent.length
})
if (this.numB !== this.numA) {
uni.$showErrorInfo('添加安全生产目标与指标不能为空')
} else if (this.numC == 1) {
uni.$showErrorInfo('安全生产目标与指标为必填项')
} else {
this.stepsPage = this.stepsPage + 1
}
},
stepReduce() {
this.stepsPage = this.stepsPage - 1
},
handleGetLicenseGet(opt) {
this.TaskID = opt.taskID ? opt.taskID : null;
this.ID = opt.ID ? opt.ID : null;
const orgId = uni.getStorageSync('orgId')
const json = initFilter(orgId, "", "")
extendRule(json, 'ID', 1, opt.ID)
// TODO: id 未获取
getRequest(json, "/PT/PTIndicatorFormulationDepartment/GetEdit").then(res => {
this.dataModel = res
if (res.DEPARTMENT_TYPE == 0) {
res.DEPARTMENT_TYPE_SHOW = '部门'
} else if (res.DEPARTMENT_TYPE == 1) {
res.DEPARTMENT_TYPE_SHOW = '车间'
} else if (res.DEPARTMENT_TYPE == 2) {
res.DEPARTMENT_TYPE_SHOW = '班组'
} else {
res.DEPARTMENT_TYPE_SHOW = '公司'
}
//数据组装
// if (res.Nav_DepartmentDetail && res.Nav_DepartmentDetail.length > 0) {
// for (let i = 0; i < res.Nav_DepartmentDetail.length; i++) {
// let strconfirmFiles = ''
// let details = res.Nav_DepartmentDetail[i];
// if (details.Nav_DetailContent && details.Nav_DetailContent.length > 0) {
// for (let j = 0; j < details.Nav_DetailContent.length; j++) {
// let depart = details.Nav_DetailContent[j].NAME;
// console.log(depart,'080900')
// // strconfirmFiles += depart;
// details.DepartNames = depart
// }
// }
// }
// }
// if (res.Nav_TeamDetail && res.Nav_TeamDetail.length > 0) {
// for (let i = 0; i < res.Nav_TeamDetail.length; i++) {
// let strconfirmFiles = ''
// let details = res.Nav_TeamDetail[i];
// if (details.Nav_DetailContent && details.Nav_DetailContent.length > 0) {
// for (let j = 0; j < details.Nav_DetailContent.length; j++) {
// let user = details.Nav_DetailContent[j].NAME;
// strconfirmFiles += (strconfirmFiles.length > 0 ? "</br>" : "") + user;
// details.UserNames = strconfirmFiles
// }
// }
// }
// }
this.isLoadOK = true
})
},
submit() {
// const ele = this.$refs
// ele['wForm'].validate().then(res => {
this.numA = 0;
this.numB = 0;
this.numC = 0;
this.dataModel.Nav_TeamDetail.map((item, index) => {
item.Nav_DetailContent.map((item1, index1) => {
if (item1.NAME == '') {
// uni.$showErrorInfo('添加安全生产目标与指标不能为空')
return
}
this.numB = this.numB + 1
})
if (item.Nav_DetailContent.length == 0) {
this.numC = 1;
return
}
this.numA = this.numA + item.Nav_DetailContent.length
})
const result = this.dataModel.Nav_Files.map((obj) => {
// const {
// IMG_FILE_ID,PRE_OPER_SCH_ID,ORG_ID
// } = obj
return Object.assign({}, obj, {
IMG_FILE_ID: obj.responseText.imgFileID,
INDICATOR_FORMULATION_DEPARTMENT_ID:this.dataModel.ID,
ORG_ID:uni.getStorageSync('orgId')
})
return obj
})
this.dataModel.Nav_Files = result
if (this.numB !== this.numA) {
uni.$showErrorInfo('添加安全生产目标与指标不能为空')
} else if (this.numC == 1) {
uni.$showErrorInfo('安全生产目标与指标为必填项')
} else {
// this.stepsPage = this.stepsPage + 1
this.dataModel.PUBLISH = "SaveAndNotify";
if (this.TaskID != "") {
this.dataModel.TaskID = this.TaskID;
}
this.dataModel.ID = this.ID;
this.dataModel.ORG_ID = uni.getStorageSync('orgId')
saveformulationDepartment(this.dataModel).then(res => {
uni.$showMsgFunc('操作成功!', () => {
// if (this.tableKey == null || this.tableKey == 0) {
// uni.navigateTo({
// url: 'jobTaskLicenseRecord'
// })
// } else {
// uni.navigateBack()
uni.switchTab({
url: '/pages/index/index2'
})
// }
}, 'success', 1000)
})
}
// }).catch(err => {
// uni.$showErrorInfo('请检查必填项,必填项不能为空')
// })
},
uploadFilePromise(url) {
const appInfoData = uni.getStorageSync('appInfo')
const userId = appInfoData?.User?.ID || ''
const orgId = uni.getStorageSync('orgId')
const tenant = uni.getStorageSync('Tenant') || ''
const remoteUrl = config.serviceHost('/PF/File/UploadFile')
return new Promise((resolve, reject) => {
uni.uploadFile({
url: remoteUrl,
filePath: url,
fileList: url,
name: 'file',
formData: {
OrgId: orgId
},
header: {
Tenant: tenant,
userid: userId
},
success: (res) => {
if (res.statusCode === 200) {
const uploadResult = JSON.parse(res.data)
if (uploadResult.IsSuccessful) {
resolve(uploadResult.Data)
}
}
}
});
})
},
}
}
</script>
<style scoped>
/* @import url("../../../../style/css/editTemplate.css"); */
.page-wrap {
/* padding: 16px 16px 166px; */
}
.card {
margin: 20px 16px 10px 16px;
padding: 20px 30px 10px 30px;
background-color: #ffffff;
border-radius: 10px;
}
.sub-form {
margin: 20px 16px 180px 16px;
padding: 20px 30px 10px 30px;
background-color: #ffffff;
border-radius: 10px;
}
.bottom-button {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 16px;
box-sizing: border-box;
background: #edf1fd;
z-index: 999;
}
.upload-title {
color: #303133;
font-size: 15px;
line-height: 22px;
padding: 8px 0;
}
.page-wrap>>>.u-upload__button {
margin-bottom: 0;
}
.demo-ruleForm>>>.u-form-item__body__left__content__label {
font-size: 14px;
color: #8e8b9c;
/* justify-content: flex-start; */
}
.demo-ruleForm>>>.u-form-item__body__left__content__ {
left: -11px;
top: 0px
}
.demo-ruleForm>>>.u-textarea__field {
font-size: 14px;
}
.demo-ruleForm>>>.u-cell__title-text {
font-size: 14px;
}
.demo-ruleForm>>>.u-textarea {
font-size: 14px;
}
</style>