suzhou-jichuang-lanhai
/
Gyyq-Upstairs
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

模型填报

Browse Source
xuhongjie
严飞永 2 months ago
parent 3dde55e88e
commit 26659a0f95
4 changed files with 218 additions and 165 deletions
Show Stats Download Patch File Download Diff File

1
src/layout/components/Navbar.vue
Unescape View File

@ -34,7 +34,6 @@ import Breadcrumb from '@/components/Breadcrumb'
import TopNav from '@/components/TopNav' import TopNav from '@/components/TopNav'
import bearicon from '@/components/bearicon' import bearicon from '@/components/bearicon'
import { checkPermi, checkRole } from "@/utils/permission" import { checkPermi, checkRole } from "@/utils/permission"
import { name } from 'mars2d'
export default { export default {
components: { components: {

196
src/views/components/moxintianxie/index.vue
Unescape View File

@ -1,109 +1,109 @@
<template> <template>
<div class="form-container"> <div class="form-container">
<h2>公司项目信息填报</h2> <h2>公司项目信息填报</h2>
<el-form :model="form" label-width="120px" label-position="left"> <el-form :model="form" label-width="120px" label-position="left">
<!-- 公司名称 --> <!-- 公司名称 -->
<el-form-item label="公司名称"> <el-form-item label="公司名称">
<el-input v-model="form.companyName" placeholder="XXXXXX公司" disabled /> <el-input v-model="form.companyName" placeholder="XXXXXX公司" disabled />
</el-form-item> </el-form-item>
<!-- 项目名称 --> <!-- 项目名称 -->
<el-form-item label="项目名称" required> <el-form-item label="项目名称" required>
<el-input v-model="form.projectName" placeholder="请输入项目名称" /> <el-input v-model="form.projectName" placeholder="请输入项目名称" />
</el-form-item> </el-form-item>
<!-- 填报类型 --> <!-- 填报类型 -->
<el-form-item label="填报类型"> <el-form-item label="填报类型">
<el-table :data="form.tableData" border style="width: 100%"> <el-table :data="form.tableData" border style="width: 100%">
<el-table-column prop="label" label="项目" width="200" /> <el-table-column prop="label" label="项目" width="200" />
<el-table-column prop="value" label="填写内容"> <el-table-column prop="value" label="填写内容">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input v-model="scope.row.value" :placeholder="`请输入${scope.row.label}`" /> <el-input v-model="scope.row.value" :placeholder="`请输入${scope.row.label}`" />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-form-item> </el-form-item>
<!-- 操作按钮 --> <!-- 操作按钮 -->
<el-form-item> <el-form-item>
<el-button type="primary" @click="submitForm">提交</el-button> <el-button type="primary" @click="submitForm">提交</el-button>
<el-button @click="resetForm">重置</el-button> <el-button @click="resetForm">重置</el-button>
<el-button @click="cancelForm">取消</el-button> <el-button @click="cancelForm">取消</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
form: { form: {
companyName: "XXXXXX公司", // 公司名称 companyName: "XXXXXX公司", // 公司名称
projectName: "", // 项目名称 projectName: "", // 项目名称
tableData: [ tableData: [
{ label: "危险品等级", value: "" }, { label: "危险品等级", value: "" },
{ label: "生产火灾危险等级", value: "" }, { label: "生产火灾危险等级", value: "" },
{ label: "设备载重", value: "" }, { label: "设备载重", value: "" },
{ label: "货梯要求", value: "" }, { label: "货梯要求", value: "" },
{ label: "员工密度", value: "" }, { label: "员工密度", value: "" },
{ label: "加工精度", value: "" }, { label: "加工精度", value: "" },
{ label: "减振措施", value: "" }, { label: "减振措施", value: "" },
{ label: "环境保护", value: "" }, { label: "环境保护", value: "" },
{ label: "生产类型", value: "" }, { label: "生产类型", value: "" },
{ label: "层高要求", value: "" }, { label: "层高要求", value: "" },
], ],
},
};
},
methods: {
// 提交表单
submitForm() {
console.log("提交表单数据：", this.form);
this.$message.success("表单提交成功！");
},
// 重置表单
resetForm() {
this.form.projectName = "";
this.form.tableData.forEach((item) => {
item.value = "";
});
this.$message.info("表单已重置");
}, },
// 取消表单 };
cancelForm() { },
this.$confirm("确定要取消当前操作吗？", "提示", { methods: {
confirmButtonText: "确定", // 提交表单
cancelButtonText: "取消", submitForm() {
type: "warning", console.log("提交表单数据：", this.form);
this.$message.success("表单提交成功！");
},
// 重置表单
resetForm() {
this.form.projectName = "";
this.form.tableData.forEach((item) => {
item.value = "";
});
this.$message.info("表单已重置");
},
// 取消表单
cancelForm() {
this.$confirm("确定要取消当前操作吗？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.resetForm();
this.$message.info("表单已取消");
}) })
.then(() => { .catch(() => {});
this.resetForm();
this.$message.info("表单已取消");
})
.catch(() => {});
},
}, },
}; },
</script> };
</script>
<style scoped> <style scoped>
.form-container { .form-container {
max-width: 800px; max-width: 800px;
margin: 20px auto; margin: 20px auto;
padding: 20px; padding: 20px;
background-color: #fff; background-color: #fff;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
} }
h2 { h2 {
text-align: center; text-align: center;
margin-bottom: 20px; margin-bottom: 20px;
color: #303133; color: #303133;
} }
.el-form-item { .el-form-item {
margin-bottom: 20px; margin-bottom: 20px;
} }
</style> </style>

168
src/views/components/tianbao/tianbao.vue
Unescape View File

@ -1,88 +1,146 @@
<template> <template>
<div> <div class="form-container">
<div> <el-form :model="form" label-width="140px" label-position="left">
<div class="form-container"> <div class="tianbao">基本信息:</div>
<h2>模型信息填报</h2> <!-- 公司名称 -->
<el-form :model="form" label-width="120px" label-position="left"> <el-form-item label="公司名称" style="margin-left: 0.7rem;">
<!-- 公司名称 --> <el-input v-model="this.name" placeholder="" disabled />
<el-form-item label="公司名称"> </el-form-item>
<el-input v-model="form.companyName" placeholder="XXXXXX公司" disabled /> </el-form>
</el-form-item> <el-form :model="form" label-width="150px" label-position="left">
<!-- 项目名称 -->
<!-- 项目名称 --> <el-form-item label="项目名称" required>
<el-form-item label="项目名称" required> <el-input v-model="form.projectName" placeholder="请输入项目名称" />
<el-input v-model="form.projectName" placeholder="请输入项目名称" /> </el-form-item>
</el-form-item> <!-- 填报类型 -->
<div class="tianbao">填报模型:</div>
<!-- 填报类型 --> <el-form-item label="危险品等级" required>
<el-form-item label="填报类型"> <el-input v-model="form.projectName" placeholder="请输入危险品等级" />
<el-table :data="form.tableData" border style="width: 100%"> </el-form-item>
<el-table-column prop="label" label="项目" width="200" /> <el-form-item label="生产火灾危险等级" required>
<el-table-column prop="value" label="填写内容"> <el-input v-model="form.projectName" placeholder="请输入生产火灾危险等级" />
<template slot-scope="scope"> </el-form-item>
<el-input v-model="scope.row.value" :placeholder="`请输入${scope.row.label}`" /> <el-form-item label="设备载重" required>
</template> <el-input v-model="form.projectName" placeholder="请输入设备载重" />
</el-table-column> </el-form-item>
</el-table> <el-form-item label="货梯要求" required>
</el-form-item> <el-input v-model="form.projectName" placeholder="请输入货梯要求" />
</el-form-item>
<!-- 操作按钮 --> <el-form-item label="员工密度" required>
<el-form-item> <el-input v-model="form.projectName" placeholder="请输入员工密度" />
<el-button type="primary" @click="submitForm">提交</el-button> </el-form-item>
<el-button @click="resetForm">重置</el-button> <el-form-item label="加工精度" required>
<el-button @click="cancelForm">取消</el-button> <el-input v-model="form.projectName" placeholder="请输入加工精度" />
</el-form-item> </el-form-item>
</el-form> <el-form-item label="减振措施" required>
</div> <el-input v-model="form.projectName" placeholder="请输入减振措施" />
</div> </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>
<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> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex'
export default { export default {
dicts: ['yslx'],
data() { data() {
return { return {
form: { form: {
companyName: "XXXXXX公司", projectName: "", // 项目名称
projectName: "",
tableData: [ tableData: [
{ label: '项目1', value: '' }, { label: "危险品等级", value: "" },
{ label: '项目2', value: '' }, { label: "生产火灾危险等级", value: "" },
// 可以根据实际需求添加更多项目 { label: "设备载重", value: "" },
{ label: "货梯要求", value: "" },
{ label: "员工密度", value: "" },
{ label: "加工精度", value: "" },
{ label: "减振措施", value: "" },
{ label: "环境保护", value: "" },
{ label: "生产类型", value: "" },
{ label: "层高要求", value: "" },
], ],
}, },
}; };
}, },
mounted() {
this.username = this.$store.state.user.nickName
},
computed: {
...mapGetters(["avatar", "name", "sidebarRouters", "nickName"]),
},
methods: { methods: {
// 提交表单 // 提交表单
submitForm() { submitForm() {
// 这里添加提交表单的逻辑 console.log("提交表单数据：", this.form);
console.log('提交表单', this.form); // this.$message.success("表单提交成功！");
this.$message.success('提交成功'); this.$message.warning("暂未开放");
}, },
// 重置表单 // 重置表单
resetForm() { resetForm() {
this.form.projectName = ""; this.form.projectName = "";
this.form.tableData.forEach(item => item.value = ""); this.form.tableData.forEach((item) => {
item.value = "";
});
this.$message.info("表单已重置");
}, },
// 取消表单 // 取消表单
cancelForm() { cancelForm() {
this.$router.back(); // 返回上一页，或者根据实际需求进行其他操作 this.$confirm("确定要取消当前操作吗？", "提示", {
} confirmButtonText: "确定",
} cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.resetForm();
this.$message.info("表单已取消");
})
.catch(() => { });
},
},
}; };
</script> </script>
<style scoped> <style scoped>
.form-container { .form-container {
max-width: 1500px; width: 100%;
margin: 20px auto; padding: 30px 50px;
padding: 20px;
background-color: #fff; background-color: #fff;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); /* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
}
h2 {
text-align: center;
margin-bottom: 20px;
color: #303133;
}
.el-form-item {
margin-bottom: 20px;
}
.tianbao {
width: 70%;
height: 2rem;
display: flex;
align-items: center;
justify-content: left;
font-weight: bold;
margin-bottom: 1rem;
margin-left: -20px;
} }
</style> </style>

4
src/views/evalute/supervision/index.vue
Unescape View File

@ -55,7 +55,6 @@
</el-table-column> </el-table-column>
<el-table-column prop="alertTime" label="提醒时间" min-width="180" align="center" /> <el-table-column prop="alertTime" label="提醒时间" min-width="180" align="center" />
<!-- <el-table-column <!-- <el-table-column
prop="createBy" prop="createBy"
label="创建人" label="创建人"
@ -213,12 +212,10 @@ export default {
}); });
}, },
// 处理弹框关闭 // 处理弹框关闭
// 处理弹框关闭
handleClose(done) { handleClose(done) {
this.dialogVisible = false; this.dialogVisible = false;
this.isView = false; this.isView = false;
this.isReminder = 1; // 重置为默认值 this.isReminder = 1; // 重置为默认值
// 完整重置表单数据 // 完整重置表单数据
this.ruleForm = { this.ruleForm = {
rulesName: "", rulesName: "",
@ -296,7 +293,6 @@ export default {
}); });
}, },
// 打开添加规则弹框 // 打开添加规则弹框
// 打开添加规则弹框
handleAdd() { handleAdd() {
this.isView = false; this.isView = false;
this.dialogVisible = true; this.dialogVisible = true;

Write Preview
Loading…
Cancel
Save