|
|
|
@ -1,54 +1,28 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="form-container">
|
|
|
|
|
<el-form :model="form" label-width="140px" label-position="left">
|
|
|
|
|
<el-form :model="form" label-width="130px" label-position="left">
|
|
|
|
|
<div class="tianbao">基本信息:</div>
|
|
|
|
|
<!-- 公司名称 -->
|
|
|
|
|
<el-form-item label="公司名称" style="margin-left: 0.7rem;">
|
|
|
|
|
<el-input v-model="this.name" placeholder="" disabled />
|
|
|
|
|
<el-input v-model="name" placeholder="" disabled />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<el-form :model="form" label-width="150px" label-position="left">
|
|
|
|
|
<el-form :model="form" label-width="140px" label-position="left">
|
|
|
|
|
<!-- 项目名称 -->
|
|
|
|
|
<el-form-item label="项目名称" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入项目名称" />
|
|
|
|
|
<el-input v-model="form.projectName" placeholder=""/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 填报类型 -->
|
|
|
|
|
</el-form>
|
|
|
|
|
<el-form :model="form" label-width="140px" label-position="left">
|
|
|
|
|
<div class="tianbao">填报模型:</div>
|
|
|
|
|
<el-form-item label="危险品等级" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入危险品等级" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="生产火灾危险等级" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入生产火灾危险等级" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="设备载重" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入设备载重" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="货梯要求" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入货梯要求" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="员工密度" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入员工密度" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="加工精度" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入加工精度" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="减振措施" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入减振措施" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="环境保护" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入环境保护" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="生产类型" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入生产类型" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="层高要求" required>
|
|
|
|
|
<el-input v-model="form.projectName" placeholder="请输入层高要求" />
|
|
|
|
|
<!-- 动态生成表单项 -->
|
|
|
|
|
<el-form-item v-for="(item, index) in form.tableData" :key="index" :label="item.label" required>
|
|
|
|
|
<el-input v-model="item.value" :placeholder="`请输入${item.label}`" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" @click="submitForm">提交</el-button>
|
|
|
|
|
<el-button @click="resetForm">重置</el-button>
|
|
|
|
|
<!-- <el-button @click="cancelForm">取消</el-button> -->
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
@ -56,11 +30,12 @@
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { mapGetters } from 'vuex'
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
form: {
|
|
|
|
|
projectName: "", // 项目名称
|
|
|
|
|
projectName: "",
|
|
|
|
|
tableData: [
|
|
|
|
|
{ label: "危险品等级", value: "" },
|
|
|
|
|
{ label: "生产火灾危险等级", value: "" },
|
|
|
|
@ -97,19 +72,6 @@ export default {
|
|
|
|
|
});
|
|
|
|
|
this.$message.info("表单已重置");
|
|
|
|
|
},
|
|
|
|
|
// 取消表单
|
|
|
|
|
cancelForm() {
|
|
|
|
|
this.$confirm("确定要取消当前操作吗?", "提示", {
|
|
|
|
|
confirmButtonText: "确定",
|
|
|
|
|
cancelButtonText: "取消",
|
|
|
|
|
type: "warning",
|
|
|
|
|
})
|
|
|
|
|
.then(() => {
|
|
|
|
|
this.resetForm();
|
|
|
|
|
this.$message.info("表单已取消");
|
|
|
|
|
})
|
|
|
|
|
.catch(() => { });
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
@ -120,7 +82,6 @@ export default {
|
|
|
|
|
padding: 30px 50px;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
/* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
|