模型填报

src/layout/components/Navbar.vue

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

src/views/components/moxintianxie/index.vue

@@ -32,10 +32,10 @@
       </el-form-item>
     </el-form>
   </div>
-  </template>
+</template>
 
-  <script>
-  export default {
+<script>
+export default {
   data() {
     return {
       form: {
@@ -84,26 +84,26 @@
         .catch(() => {});
     },
   },
-  };
-  </script>
+};
+</script>
 
-  <style scoped>
-  .form-container {
+<style scoped>
+.form-container {
   max-width: 800px;
   margin: 20px auto;
   padding: 20px;
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  }
+}
 
-  h2 {
+h2 {
   text-align: center;
   margin-bottom: 20px;
   color: #303133;
-  }
+}
 
-  .el-form-item {
+.el-form-item {
   margin-bottom: 20px;
-  }
-  </style>
+}
+</style>

src/views/components/tianbao/tianbao.vue

@@ -1,88 +1,146 @@
 <template>
-    <div>
-        <div>
     <div class="form-container">
-                <h2>模型信息填报</h2>
-                <el-form :model="form" label-width="120px" label-position="left">
+        <el-form :model="form" label-width="140px" label-position="left">
+            <div class="tianbao">基本信息:</div>
             <!-- 公司名称 -->
-                    <el-form-item label="公司名称">
-                        <el-input v-model="form.companyName" placeholder="XXXXXX公司" disabled />
+            <el-form-item label="公司名称" style="margin-left: 0.7rem;">
+                <el-input v-model="this.name" placeholder="" disabled />
             </el-form-item>
-
+        </el-form>
+        <el-form :model="form" label-width="150px" label-position="left">
             <!-- 项目名称 -->
             <el-form-item label="项目名称" required>
                 <el-input v-model="form.projectName" placeholder="请输入项目名称" />
             </el-form-item>
-
             <!-- 填报类型 -->
-                    <el-form-item label="填报类型">
-                        <el-table :data="form.tableData" border style="width: 100%">
-                            <el-table-column prop="label" label="项目" width="200" />
-                            <el-table-column prop="value" label="填写内容">
-                                <template slot-scope="scope">
-                                    <el-input v-model="scope.row.value" :placeholder="`请输入${scope.row.label}`" />
-                                </template>
-                            </el-table-column>
-                        </el-table>
+            <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>
-
             <!-- 操作按钮 -->
             <el-form-item>
                 <el-button type="primary" @click="submitForm">提交</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>
     </div>
-        </div>
-    </div>
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
 export default {
-    dicts: ['yslx'],
     data() {
         return {
             form: {
-                companyName: "XXXXXX公司",
-                projectName: "",
+                projectName: "", // 项目名称
                 tableData: [
-                    { label: '项目1', value: '' },
-                    { label: '项目2', value: '' },
-                    // 可以根据实际需求添加更多项目
+                    { label: "危险品等级", 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: {
         // 提交表单
         submitForm() {
-            // 这里添加提交表单的逻辑
-            console.log('提交表单', this.form);
-            this.$message.success('提交成功');
+            console.log("提交表单数据：", this.form);
+            // this.$message.success("表单提交成功！");
+            this.$message.warning("暂未开放");
         },
-        
         // 重置表单
         resetForm() {
             this.form.projectName = "";
-            this.form.tableData.forEach(item => item.value = "");
+            this.form.tableData.forEach((item) => {
+                item.value = "";
+            });
+            this.$message.info("表单已重置");
         },
-        
         // 取消表单
         cancelForm() {
-            this.$router.back(); // 返回上一页，或者根据实际需求进行其他操作
-        }
-    }
+            this.$confirm("确定要取消当前操作吗？", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+            })
+                .then(() => {
+                    this.resetForm();
+                    this.$message.info("表单已取消");
+                })
+                .catch(() => { });
+        },
+    },
 };
 </script>
 
 <style scoped>
 .form-container {
-    max-width: 1500px;
-    margin: 20px auto;
-    padding: 20px;
+    width: 100%;
+    padding: 30px 50px;
     background-color: #fff;
     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>

src/views/evalute/supervision/index.vue

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