|
@@ -1,24 +1,63 @@
|
|
|
<template>
|
|
|
<div class="dialog">
|
|
|
<el-dialog
|
|
|
- :title="formData['项目名称']"
|
|
|
+ title="开竣工信息设置"
|
|
|
width="40%"
|
|
|
:visible.sync="dialogVisible"
|
|
|
:before-close="close"
|
|
|
:modal-append-to-body="false"
|
|
|
:close-on-click-modal="false"
|
|
|
>
|
|
|
+ <!-- label-width="130px" -->
|
|
|
<div class="content">
|
|
|
- <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
|
|
|
- <el-form-item label="是否开工:" prop="shjl">
|
|
|
- <el-radio v-model="ruleForm.shjl" label="1"> 开工 </el-radio>
|
|
|
- <el-radio v-model="ruleForm.shjl" label="2"> 不开工 </el-radio>
|
|
|
+ <el-form
|
|
|
+ :model="ruleForm"
|
|
|
+ ref="ruleForm"
|
|
|
+ :rules="rules"
|
|
|
+ :inline="true"
|
|
|
+ class="two-columns"
|
|
|
+ >
|
|
|
+ <el-form-item label="项目名称:"> {{ title }} </el-form-item>
|
|
|
+ <el-form-item label="约定开工日期:" prop="ydkgsj">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="ruleForm.ydkgsj"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy/MM/dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="约定竣工时间:" prop="ydjgsj">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="ruleForm.ydjgsj"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy/MM/dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否开工:" prop="sfkg">
|
|
|
+ <el-radio v-model="ruleForm.sfkg" :label="true"> 是 </el-radio>
|
|
|
+ <el-radio v-model="ruleForm.sfkg" :label="false"> 否 </el-radio>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="开工日期:" prop="jzrq">
|
|
|
+ <el-form-item label="实际开工日期:" prop="sjkgsj">
|
|
|
<el-date-picker
|
|
|
- v-model="ruleForm.jzrq"
|
|
|
+ v-model="ruleForm.sjkgsj"
|
|
|
type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
+ value-format="yyyy/MM/dd"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否竣工:" prop="sfjg">
|
|
|
+ <el-radio v-model="ruleForm.sfjg" :label="true"> 是 </el-radio>
|
|
|
+ <el-radio v-model="ruleForm.sfjg" :label="false"> 否 </el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="实际竣工日期:" prop="sjjgsj">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="ruleForm.sjjgsj"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy/MM/dd"
|
|
|
placeholder="选择日期"
|
|
|
>
|
|
|
</el-date-picker>
|
|
@@ -34,14 +73,24 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { kgSet } from "@/api/Idleland";
|
|
|
export default {
|
|
|
components: {},
|
|
|
props: {},
|
|
|
data() {
|
|
|
return {
|
|
|
- formData: {},
|
|
|
- ruleForm: {},
|
|
|
+ title: "",
|
|
|
+ ruleForm: {
|
|
|
+ id: "",
|
|
|
+ ydkgsj: "",
|
|
|
+ ydjgsj: "",
|
|
|
+ sjkgsj: "",
|
|
|
+ sfjg: false,
|
|
|
+ },
|
|
|
dialogVisible: false,
|
|
|
+ rules: {
|
|
|
+ sfkg: [{ required: true, message: "请选址是否开工" }],
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
created() {},
|
|
@@ -53,11 +102,31 @@ export default {
|
|
|
},
|
|
|
Init(rowdata) {
|
|
|
this.dialogVisible = true;
|
|
|
- this.formData = rowdata;
|
|
|
+ this.title = rowdata["项目名称"];
|
|
|
+ this.ruleForm = {
|
|
|
+ id: rowdata["pid"] || 415,
|
|
|
+ ydkgsj: rowdata["约定开工日期"] || "",
|
|
|
+ ydjgsj: rowdata["约定竣工日期"] || "",
|
|
|
+ sfkg: rowdata["是否开工"] || false,
|
|
|
+ sfjg: rowdata["是否竣工"] || false,
|
|
|
+ sjkgsj: rowdata["实际开工日期"] || "",
|
|
|
+ sjjgsj: rowdata["实际竣工日期"] || "",
|
|
|
+ };
|
|
|
},
|
|
|
-
|
|
|
async submit() {
|
|
|
- this.close();
|
|
|
+ this.$refs.ruleForm.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ kgSet(this.ruleForm).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.$message.success("开工数据设置成功!");
|
|
|
+ this.close();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ console.log("error submit!!");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
},
|
|
|
};
|
|
@@ -85,6 +154,16 @@ export default {
|
|
|
.elrow {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
+ .two-columns .el-form-item {
|
|
|
+ width: 49%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .two-columns .el-form-item:nth-child(odd) {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ .two-columns .el-form-item:nth-child(1) {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss" >
|