<template>
	<el-drawer :title="`[`+form.planCode+`]检修计划全流程管理`" :visible.sync="visible" :size="650" destroy-on-close @closed="$emit('closed')">
		<el-container v-loading="loading">
			<el-main>
				<el-form>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="月计划编号" prop="planCode">{{form.planCode}}
							</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="停电设备数" prop="powerOutageDevices">{{form.powerOutageDevices}}
							</el-form-item>
						</el-col>
					</el-row>
					
					</el-form-item>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="月计划时户数" prop="perHourHouseholdsM">
							<template >
									<el-tag type="danger" effect="dark" v-if="form.perHourHouseholdsM >form.perHourHouseholdsW">{{form.perHourHouseholdsM}}</el-tag>
								    <el-tag type="success" effect="dark"  v-else>{{form.perHourHouseholdsM}}</el-tag>
							</template>
							</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="周计划时户数" prop="perHourHouseholdsW">
							<template >
								    <el-tag type="success" effect="dark" >{{form.perHourHouseholdsW}}</el-tag>
							</template>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="市州单位" prop="city">{{form.city}}
							</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="区县单位" prop="county">{{form.county}}
							</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="供电服务站/所" prop="station">{{form.station}}
							</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="申报单位" prop="declarAgency">{{form.declarAgency}}
							</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24">
						<el-col :lg="12">
							<el-form-item label="线路编号" prop="lineCode">{{form.lineCode}}
							</el-form-item>
						</el-col>
						<el-col :lg="12">
							<el-form-item label="线路名称" prop="lineName">{{form.lineName}}
							</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24" v-if="form.isMaintenance>0">
						<el-col :lg="24">
							<el-form-item label="检修方案" prop="maintenanceFileName">
								<a v-if="form.isMaintenance==2" :href="form.maintenanceFilePath" style="color: #00afff;cursor: pointer">{{form.maintenanceFileName}}</a>
							    <span v-else>待上传</span>
							</el-form-item>
						</el-col>
					</el-row>
					<el-row :gutter="24" v-if="form.isApprove>0">
						<el-col :lg="24">
							<el-form-item label="审批手续" prop="approveFileName">
							   <a v-if="form.isApprove==2" :href="form.approveFilePath" style="color: #00afff;cursor: pointer">{{form.approveFileName}}</a>
							   <span v-else>待上传</span>
							</el-form-item>
						</el-col>
					</el-row>
				</el-form>
				<el-footer style="text-align: center;">
					<el-button @click="visible=false">关闭</el-button>
				</el-footer>
			</el-main>
		</el-container>
	</el-drawer>
</template>

<script>
export default {
	emits: ['success', 'closed'],
	components: {
	},
	data() {
		return {
			loading: false,
			form: {
				recordId: "",
				sortNo: 0,
				userName: "",
				year: "",
				month: "",
				postSalary: 0,
				levelSalary: 0,
				foodSalary: 0,
				otherPassSalary: 0,
				transportSalary: 0,
				postAllowance: 0,
				sumAmount: 0,
				pensoin: 0,
				unemployment: 0,
				medical: 0,
				accumulationFund: 0,
				tax: 0,
				costOther: 0,
				realCost: 0,
				realSalary: 0,
				msgType: "",
				remark:""
			},
			visible: false,
			isSaveing: false,
		}
	},
	mounted() {

	},
	methods: {
		//显示
		open(){
			this.visible = true;
			return this;
		},
		//表单注入数据
		setData(data){
			this.form= data
		}
	}
}
</script>

<style>
</style>
