Merge branch 'xuhongjie' of http://39.101.188.84:7000/suzhou-jichuang-lanhai/Gyyq-Upstairs into xuhongjie
# Conflicts: # src/views/evalute/supervision/index.vuemain
commit
b671a7d11a
@ -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>
|
|
||||||
.form-container {
|
<style scoped>
|
||||||
max-width: 800px;
|
.form-container {
|
||||||
margin: 20px auto;
|
max-width: 800px;
|
||||||
padding: 20px;
|
margin: 20px auto;
|
||||||
background-color: #fff;
|
padding: 20px;
|
||||||
border-radius: 8px;
|
background-color: #fff;
|
||||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
border-radius: 8px;
|
||||||
}
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
h2 {
|
|
||||||
text-align: center;
|
h2 {
|
||||||
margin-bottom: 20px;
|
text-align: center;
|
||||||
color: #303133;
|
margin-bottom: 20px;
|
||||||
}
|
color: #303133;
|
||||||
|
}
|
||||||
.el-form-item {
|
|
||||||
margin-bottom: 20px;
|
.el-form-item {
|
||||||
}
|
margin-bottom: 20px;
|
||||||
</style>
|
}
|
||||||
|
</style>
|
||||||
@ -1,47 +0,0 @@
|
|||||||
upload: {
|
|
||||||
open: false,
|
|
||||||
isUploading: false,
|
|
||||||
headers: { Authorization: "Bearer " + getToken() },
|
|
||||||
url: process.env.VUE_APP_BASE_API + "/gysl/ml/importMl"
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {
|
|
||||||
console.log('【导出参数】', JSON.stringify(this.queryParams, null, 2));
|
|
||||||
this.$modal.confirm('确认导出所有数据?').then(() => {
|
|
||||||
return exportCatalog(this.queryParams);
|
|
||||||
}).then(response => {
|
|
||||||
this.download(response.msg);
|
|
||||||
}).catch(error => {
|
|
||||||
console.error('导出失败:', error);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 导入按钮操作 */
|
|
||||||
handleImport() {
|
|
||||||
this.upload.open = true;
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 下载模板操作 */
|
|
||||||
importTemplate() {
|
|
||||||
this.download("/gysl/ml/importTemplate", {}, `目录导入模板_${new Date().getTime()}.xlsx`);
|
|
||||||
},
|
|
||||||
|
|
||||||
// 文件上传中处理
|
|
||||||
handleFileUploadProgress(event, file, fileList) {
|
|
||||||
this.upload.isUploading = true;
|
|
||||||
},
|
|
||||||
|
|
||||||
// 文件上传成功处理
|
|
||||||
handleFileSuccess(response, file, fileList) {
|
|
||||||
this.upload.open = false;
|
|
||||||
this.upload.isUploading = false;
|
|
||||||
this.$refs.upload.clearFiles();
|
|
||||||
this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
|
|
||||||
// 提交上传文件
|
|
||||||
submitFileForm() {
|
|
||||||
this.$refs.upload.submit();
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue