257 lines
		
	
	
		
			7.9 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
		
		
			
		
	
	
			257 lines
		
	
	
		
			7.9 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
| 
								 | 
							
								<template>
							 | 
						||
| 
								 | 
							
									<view class="page-wrap">
							 | 
						||
| 
								 | 
							
										<view class="card">
							 | 
						||
| 
								 | 
							
											<uni-card margin="0" :is-shadow="true">
							 | 
						||
| 
								 | 
							
												<u--form labelPosition="left" labelWidth="auto" labelAlign="center" :model="dataModel"
							 | 
						||
| 
								 | 
							
													ref="wForm" errorType="border-bottom">
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
													<u-form-item label="制定时间" prop="SET_TIME" borderBottom>
							 | 
						||
| 
								 | 
							
														<u--input v-model="dataModel.SET_TIME" disabled disabledColor="#ffffff" placeholder="请输入发起时间" border="none" inputAlign="right">
							 | 
						||
| 
								 | 
							
														</u--input>
							 | 
						||
| 
								 | 
							
													</u-form-item>
							 | 
						||
| 
								 | 
							
													<u-form-item label="制定部门" prop="DepartmentName" borderBottom>
							 | 
						||
| 
								 | 
							
														<u--input v-model="dataModel.Nav_Department.NAME" disabled disabledColor="#ffffff"  placeholder="请输入发起部门" border="none"
							 | 
						||
| 
								 | 
							
															inputAlign="right"></u--input>
							 | 
						||
| 
								 | 
							
													</u-form-item>
							 | 
						||
| 
								 | 
							
													<u-form-item label="制定人员" prop="UserName" borderBottom>
							 | 
						||
| 
								 | 
							
														<u--input v-model="dataModel.Nav_User.NAME" disabled disabledColor="#ffffff" placeholder="请输入发起人员" border="none"
							 | 
						||
| 
								 | 
							
															inputAlign="right"></u--input>
							 | 
						||
| 
								 | 
							
													</u-form-item>
							 | 
						||
| 
								 | 
							
													<u-form-item label="年度" prop="YEAR" borderBottom>
							 | 
						||
| 
								 | 
							
														<u--input v-model="dataModel.YEAR" disabled disabledColor="#ffffff" placeholder="请输入年度" border="none" inputAlign="right">
							 | 
						||
| 
								 | 
							
														</u--input>
							 | 
						||
| 
								 | 
							
													</u-form-item>
							 | 
						||
| 
								 | 
							
													<u-form-item label="考核层级" prop="DEPARTMENT_TYPE_SHOW" borderBottom>
							 | 
						||
| 
								 | 
							
														<u--input v-model="dataModel.DEPARTMENT_TYPE_SHOW" disabled disabledColor="#ffffff" placeholder="请输入征集截至时间" border="none" inputAlign="right">
							 | 
						||
| 
								 | 
							
														</u--input>
							 | 
						||
| 
								 | 
							
													</u-form-item>
							 | 
						||
| 
								 | 
							
												</u--form>
							 | 
						||
| 
								 | 
							
											</uni-card>
							 | 
						||
| 
								 | 
							
										</view>
							 | 
						||
| 
								 | 
							
										
							 | 
						||
| 
								 | 
							
										<u-sticky offset-top="20">
							 | 
						||
| 
								 | 
							
											<view class="sub-form">
							 | 
						||
| 
								 | 
							
												<uni-collapse :border="false" accordion>
							 | 
						||
| 
								 | 
							
													<uni-card margin="0" spacing="0" padding="0" :is-shadow="true">
							 | 
						||
| 
								 | 
							
														<uni-collapse-item title="考核方案明细">
							 | 
						||
| 
								 | 
							
															<view class="sub-form-wrap" style="height: 500px; overflow: auto">
							 | 
						||
| 
								 | 
							
																<u--form labelPosition="left" labelWidth="auto" labelAlign="center"
							 | 
						||
| 
								 | 
							
																	:model="subDataModel" ref="sForm2" errorType="border-bottom">
							 | 
						||
| 
								 | 
							
																	<u-swipe-action>
							 | 
						||
| 
								 | 
							
																		<u-swipe-action-item style="margin-bottom: 16px;" :options="options"
							 | 
						||
| 
								 | 
							
																			v-for="(item, index) in dataModel.Nav_Details">
							 | 
						||
| 
								 | 
							
																			<uni-card margin="0" spacing="0" :is-shadow="false"
							 | 
						||
| 
								 | 
							
																				style="margin-bottom: 10px;">
							 | 
						||
| 
								 | 
							
																				<u-form-item label="考核部门" prop="DepartName" borderBottom>
							 | 
						||
| 
								 | 
							
																					<u--input disabled disabledColor="#fff" v-model="item['Nav_Department'].NAME"
							 | 
						||
| 
								 | 
							
																										border="none" inputAlign="right"></u--input>
							 | 
						||
| 
								 | 
							
																					
							 | 
						||
| 
								 | 
							
																				</u-form-item>
							 | 
						||
| 
								 | 
							
																				<u-form-item label="考核人员" prop="PersonName" borderBottom>
							 | 
						||
| 
								 | 
							
																					<u--input disabled disabledColor="#fff" v-model="item['Nav_User'].NAME"
							 | 
						||
| 
								 | 
							
																										border="none" inputAlign="right"></u--input>
							 | 
						||
| 
								 | 
							
																					
							 | 
						||
| 
								 | 
							
																				</u-form-item>
							 | 
						||
| 
								 | 
							
																				<u-form-item label="考核周期" prop="ASSESSMENT_CYCLE_SHOW" borderBottom>
							 | 
						||
| 
								 | 
							
																					<u--input disabled disabledColor="#fff" v-model="item.ASSESSMENT_CYCLE_SHOW"
							 | 
						||
| 
								 | 
							
																										border="none" inputAlign="right"></u--input>
							 | 
						||
| 
								 | 
							
																					
							 | 
						||
| 
								 | 
							
																				</u-form-item>
							 | 
						||
| 
								 | 
							
																				<u-form-item label="安全生产目标与指标" prop="UserNames" borderBottom>
							 | 
						||
| 
								 | 
							
																				</u-form-item>
							 | 
						||
| 
								 | 
							
																				<u--textarea autoHeight type="textarea" v-html="item.UserNames" border="none"
							 | 
						||
| 
								 | 
							
																					inputAlign="left">
							 | 
						||
| 
								 | 
							
																				</u--textarea>
							 | 
						||
| 
								 | 
							
																			</uni-card>
							 | 
						||
| 
								 | 
							
																		</u-swipe-action-item>
							 | 
						||
| 
								 | 
							
																	</u-swipe-action>
							 | 
						||
| 
								 | 
							
																</u--form>
							 | 
						||
| 
								 | 
							
															</view>
							 | 
						||
| 
								 | 
							
														</uni-collapse-item>
							 | 
						||
| 
								 | 
							
													</uni-card>
							 | 
						||
| 
								 | 
							
												</uni-collapse>
							 | 
						||
| 
								 | 
							
											</view>
							 | 
						||
| 
								 | 
							
										</u-sticky>
							 | 
						||
| 
								 | 
							
										
							 | 
						||
| 
								 | 
							
										<view class="bottom-button">
							 | 
						||
| 
								 | 
							
											<button type="primary" class="bottom" v-if="isLoadOK&&tableKey==='1'&&!isAudit" @click="onTableBtnAgree">已阅</button>
							 | 
						||
| 
								 | 
							
											<!-- <button type="primary" class="bottom" v-if='isLoadOK&&tableKey==1' @click="onTableBtnAgree">签到</button> -->
							 | 
						||
| 
								 | 
							
										</view>
							 | 
						||
| 
								 | 
							
										<!-- <query-selector :show="showPopup" :lists="userLists" :defaultValue="currentOperateUser.NAME"
							 | 
						||
| 
								 | 
							
											@close="handleClosePopup" @search="handleSearchUser" @select="handleSelectedUser" />
							 | 
						||
| 
								 | 
							
										<u-picker :show="comPickerInfo.showSheet" :columns="comPickerInfo.columns" @confirm="onConfirmPicker"
							 | 
						||
| 
								 | 
							
											@close="closePicker" @cancel="closePicker" keyName="NAME"></u-picker>
							 | 
						||
| 
								 | 
							
										<view class="bottom-button">
							 | 
						||
| 
								 | 
							
											<button type="primary" @click="submit">提交</button>
							 | 
						||
| 
								 | 
							
										</view> -->
							 | 
						||
| 
								 | 
							
									</view>
							 | 
						||
| 
								 | 
							
								</template>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<script>
							 | 
						||
| 
								 | 
							
									import {
							 | 
						||
| 
								 | 
							
										mapState,
							 | 
						||
| 
								 | 
							
										mapMutations
							 | 
						||
| 
								 | 
							
									} from 'vuex'
							 | 
						||
| 
								 | 
							
									import {
							 | 
						||
| 
								 | 
							
										extendFilterGroup,
							 | 
						||
| 
								 | 
							
										extendGroupRule,
							 | 
						||
| 
								 | 
							
										extendInclude,
							 | 
						||
| 
								 | 
							
										extendOrder,
							 | 
						||
| 
								 | 
							
										extendRule,
							 | 
						||
| 
								 | 
							
										guid,
							 | 
						||
| 
								 | 
							
										initFilter,
							 | 
						||
| 
								 | 
							
										initFilterGroup,
							 | 
						||
| 
								 | 
							
										extendIgnoreDataRule
							 | 
						||
| 
								 | 
							
									} from '../../../../utils/common'
							 | 
						||
| 
								 | 
							
									import {
							 | 
						||
| 
								 | 
							
										getRequest,
							 | 
						||
| 
								 | 
							
										getPlanAuditSign
							 | 
						||
| 
								 | 
							
									} from '../../../../services/apply/subPages/SCPT/PTServices'
							 | 
						||
| 
								 | 
							
									import config from '../../../../config/common'
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									export default {
							 | 
						||
| 
								 | 
							
										data() {
							 | 
						||
| 
								 | 
							
											return {
							 | 
						||
| 
								 | 
							
												ID:'',
							 | 
						||
| 
								 | 
							
												TaskID: '',
							 | 
						||
| 
								 | 
							
												tableKey:0,
							 | 
						||
| 
								 | 
							
												isLoadOK :false,
							 | 
						||
| 
								 | 
							
												isAudit: false,
							 | 
						||
| 
								 | 
							
												userLists: [],
							 | 
						||
| 
								 | 
							
												dataModel: {
							 | 
						||
| 
								 | 
							
													Nav_Department:{NAME:''},
							 | 
						||
| 
								 | 
							
													Nav_User:{NAME:''},
							 | 
						||
| 
								 | 
							
													// Nav_Collects:{
							 | 
						||
| 
								 | 
							
													// 	Nav_Collect:{
							 | 
						||
| 
								 | 
							
													// 		NAME:''
							 | 
						||
| 
								 | 
							
													// 	}
							 | 
						||
| 
								 | 
							
													// },
							 | 
						||
| 
								 | 
							
												},
							 | 
						||
| 
								 | 
							
												subDataModel: {},
							 | 
						||
| 
								 | 
							
												options: [{
							 | 
						||
| 
								 | 
							
													text: '删除',
							 | 
						||
| 
								 | 
							
													style: {
							 | 
						||
| 
								 | 
							
														backgroundColor: '#f56c6c'
							 | 
						||
| 
								 | 
							
													}
							 | 
						||
| 
								 | 
							
												}],
							 | 
						||
| 
								 | 
							
												comPickerInfo: {
							 | 
						||
| 
								 | 
							
													showSheet: false,
							 | 
						||
| 
								 | 
							
													columns: [],
							 | 
						||
| 
								 | 
							
													title: '',
							 | 
						||
| 
								 | 
							
													dataIndex: undefined,
							 | 
						||
| 
								 | 
							
													formIndex: undefined,
							 | 
						||
| 
								 | 
							
													name: ''
							 | 
						||
| 
								 | 
							
												},
							 | 
						||
| 
								 | 
							
												currentOperateUser: {},
							 | 
						||
| 
								 | 
							
												showPopup: false,
							 | 
						||
| 
								 | 
							
											}
							 | 
						||
| 
								 | 
							
										},
							 | 
						||
| 
								 | 
							
										onLoad(opt) {
							 | 
						||
| 
								 | 
							
											this.handleGetTechGet(opt)
							 | 
						||
| 
								 | 
							
										},
							 | 
						||
| 
								 | 
							
										methods: {
							 | 
						||
| 
								 | 
							
											handleGetTechGet(opt) {
							 | 
						||
| 
								 | 
							
												this.TaskID = opt.taskID ? opt.taskID : '';
							 | 
						||
| 
								 | 
							
												this.ID = opt.ID ? opt.ID : '';
							 | 
						||
| 
								 | 
							
												this.tableKey = opt.tableKey ? opt.tableKey : '0'
							 | 
						||
| 
								 | 
							
												this.okApi = opt.okApi
							 | 
						||
| 
								 | 
							
												this.refuseApi = opt.refuseApi
							 | 
						||
| 
								 | 
							
												this.ApproveID = opt.ApproveID
							 | 
						||
| 
								 | 
							
												this.isAudit = opt.isAudit
							 | 
						||
| 
								 | 
							
												const orgId = uni.getStorageSync('orgId')
							 | 
						||
| 
								 | 
							
												const json = initFilter(orgId, "", "")
							 | 
						||
| 
								 | 
							
												 extendRule(json, 'ID', 1, opt.ID)
							 | 
						||
| 
								 | 
							
												// TODO: id 未获取
							 | 
						||
| 
								 | 
							
												getRequest(json,"/PT/PTAssessmentPlanAudit/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_Details && res.Nav_Details.length > 0) {
							 | 
						||
| 
								 | 
							
														for (let i = 0; i < res.Nav_Details.length; i++) {
							 | 
						||
| 
								 | 
							
															let strconfirmFiles = ''
							 | 
						||
| 
								 | 
							
															let details=res.Nav_Details[i];
							 | 
						||
| 
								 | 
							
															if (details.Nav_Contents && details.Nav_Contents.length > 0) {
							 | 
						||
| 
								 | 
							
																for (let j = 0; j < details.Nav_Contents.length; j++) {
							 | 
						||
| 
								 | 
							
																let depart=details.Nav_Contents[j].NAME;
							 | 
						||
| 
								 | 
							
																strconfirmFiles += (strconfirmFiles.length > 0 ? "</br>" : "") + depart;
							 | 
						||
| 
								 | 
							
																details.UserNames = strconfirmFiles
							 | 
						||
| 
								 | 
							
																}
							 | 
						||
| 
								 | 
							
															}
							 | 
						||
| 
								 | 
							
															if(res.Nav_Details[i].ASSESSMENT_CYCLE == 10)
							 | 
						||
| 
								 | 
							
															{
							 | 
						||
| 
								 | 
							
																res.Nav_Details[i].ASSESSMENT_CYCLE_SHOW ='年度'
							 | 
						||
| 
								 | 
							
															}else if(res.Nav_Details[i].ASSESSMENT_CYCLE == 20)
							 | 
						||
| 
								 | 
							
															{
							 | 
						||
| 
								 | 
							
																res.Nav_Details[i].ASSESSMENT_CYCLE_SHOW ='季度'
							 | 
						||
| 
								 | 
							
															}else if(res.Nav_Details[i].ASSESSMENT_CYCLE == 30)
							 | 
						||
| 
								 | 
							
															{
							 | 
						||
| 
								 | 
							
																res.Nav_Details[i].ASSESSMENT_CYCLE_SHOW ='月度'
							 | 
						||
| 
								 | 
							
															}
							 | 
						||
| 
								 | 
							
														}
							 | 
						||
| 
								 | 
							
													}
							 | 
						||
| 
								 | 
							
													this.isLoadOK = true
							 | 
						||
| 
								 | 
							
												})
							 | 
						||
| 
								 | 
							
											},
							 | 
						||
| 
								 | 
							
											onTableBtnAgree() {
							 | 
						||
| 
								 | 
							
												this.dataModel.ID = this.ID;
							 | 
						||
| 
								 | 
							
												this.dataModel.TaskID = this.TaskID;
							 | 
						||
| 
								 | 
							
												this.dataModel.ORG_ID =uni.getStorageSync('orgId')
							 | 
						||
| 
								 | 
							
												getPlanAuditSign(this.dataModel).then(res => {
							 | 
						||
| 
								 | 
							
													uni.$showMsgFunc('操作成功!', () => {
							 | 
						||
| 
								 | 
							
														uni.navigateBack()
							 | 
						||
| 
								 | 
							
													}, 'success', 1000)
							 | 
						||
| 
								 | 
							
												})
							 | 
						||
| 
								 | 
							
											
							 | 
						||
| 
								 | 
							
											}
							 | 
						||
| 
								 | 
							
										}
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								</script>
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								<style scoped>
							 | 
						||
| 
								 | 
							
									.page-wrap {
							 | 
						||
| 
								 | 
							
										padding: 16px 16px 66px;
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									.card {
							 | 
						||
| 
								 | 
							
										margin-bottom: 18px;
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									.sub-form {
							 | 
						||
| 
								 | 
							
										margin-bottom: 16px;
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									.bottom-button {
							 | 
						||
| 
								 | 
							
										position: fixed;
							 | 
						||
| 
								 | 
							
										bottom: 0;
							 | 
						||
| 
								 | 
							
										left: 0;
							 | 
						||
| 
								 | 
							
										width: 100%;
							 | 
						||
| 
								 | 
							
										padding: 10px 16px;
							 | 
						||
| 
								 | 
							
										box-sizing: border-box;
							 | 
						||
| 
								 | 
							
										background: #fff;
							 | 
						||
| 
								 | 
							
										z-index: 999;
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									.upload-title {
							 | 
						||
| 
								 | 
							
										color: #303133;
							 | 
						||
| 
								 | 
							
										font-size: 15px;
							 | 
						||
| 
								 | 
							
										line-height: 22px;
							 | 
						||
| 
								 | 
							
										padding: 8px 0;
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
									.page-wrap>>>.u-upload__button {
							 | 
						||
| 
								 | 
							
										margin-bottom: 0;
							 | 
						||
| 
								 | 
							
									}
							 | 
						||
| 
								 | 
							
								</style>
							 |