refactor(ui): 优化界面布局和表单配置

- 移除首页的欢迎组件和注释
- 更新登录页标题和字体大小
- 统一调整产品、半成品和原材料表单对话框宽度
- 简化原材料表单字段,移除不必要选项
- 设置默认计量单位为"卷"
This commit is contained in:
砂糖
2025-10-31 09:41:31 +08:00
parent 7f13a65792
commit 1287531a81
5 changed files with 21 additions and 26 deletions

View File

@@ -1,10 +1,5 @@
<!-- 代码已包含 CSS使用 TailwindCSS , 安装 TailwindCSS 后方可看到布局样式效果 -->
<template> <template>
<div class="dashboard-root"> <div class="dashboard-root">
<!-- 第一行头像+欢迎语 -->
<Greeting />
<!-- 全部应用 --> <!-- 全部应用 -->
<el-row> <el-row>
<AllApplications /> <AllApplications />

View File

@@ -5,7 +5,7 @@
<div class="login-title-welcome"> <div class="login-title-welcome">
<img src="../assets/logo/logo.png" alt="logo" class="logo-img" /> <img src="../assets/logo/logo.png" alt="logo" class="logo-img" />
<span class="login-title">欢迎使用科伦普综合办公系统</span> <span class="login-title">欢迎使用科伦普冷轧涂镀数智一体化平台</span>
</div> </div>
<p> <p>
嘉祥科伦普重工有限公司是山东省重点工程项目是济宁市工程之一也是科伦普产品结构调整重要的工程项目工程采用了外方技术总负责关键设备整体引进点菜集成国内技术总成自主创新单体设备引进等多种建设方 嘉祥科伦普重工有限公司是山东省重点工程项目是济宁市工程之一也是科伦普产品结构调整重要的工程项目工程采用了外方技术总负责关键设备整体引进点菜集成国内技术总成自主创新单体设备引进等多种建设方
@@ -223,7 +223,7 @@ $--metal-gradient-light: linear-gradient(145deg, #f5f5f550, #ffffff50);
} }
.login-title { .login-title {
font-size: 20px ; font-size: 18px ;
color: $--color-text-primary; // 白色文字 color: $--color-text-primary; // 白色文字
} }
} }

View File

@@ -169,7 +169,7 @@
/> />
<!-- 添加或修改产品对话框 --> <!-- 添加或修改产品对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="400px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<!-- <el-divider>基础信息</el-divider> --> <!-- <el-divider>基础信息</el-divider> -->
<el-row :gutter="20"> <el-row :gutter="20">
@@ -256,7 +256,7 @@
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="SKU" @close="bomDialogVisible = false" :visible.sync="bomDialogVisible" width="900px" append-to-body> <el-dialog title="SKU" @close="bomDialogVisible = false" :visible.sync="bomDialogVisible" width="600px" append-to-body>
<BomPanel :id="bomId" type="product" @addBom="handleAddBom" :itemId="itemId" /> <BomPanel :id="bomId" type="product" @addBom="handleAddBom" :itemId="itemId" />
</el-dialog> </el-dialog>
</div> </div>
@@ -375,7 +375,7 @@ export default {
width: undefined, width: undefined,
innerDiameter: undefined, innerDiameter: undefined,
isEnabled: undefined, isEnabled: undefined,
unit: undefined, unit: '卷',
delFlag: undefined, delFlag: undefined,
createTime: undefined, createTime: undefined,
createBy: undefined, createBy: undefined,

View File

@@ -172,7 +172,7 @@
/> />
<!-- 添加或修改半成品对话框 --> <!-- 添加或修改半成品对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="400px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
<!-- <el-divider>基础信息</el-divider> --> <!-- <el-divider>基础信息</el-divider> -->
<el-row :gutter="20"> <el-row :gutter="20">
@@ -259,7 +259,7 @@
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="SKU" @close="bomDialogVisible = false" :visible.sync="bomDialogVisible" width="900px" append-to-body> <el-dialog title="SKU" @close="bomDialogVisible = false" :visible.sync="bomDialogVisible" width="600px" append-to-body>
<BomPanel :id="bomId" type="product" @addBom="handleAddBom" :itemId="itemId" /> <BomPanel :id="bomId" type="product" @addBom="handleAddBom" :itemId="itemId" />
</el-dialog> </el-dialog>
</div> </div>
@@ -378,7 +378,7 @@ export default {
width: undefined, width: undefined,
innerDiameter: undefined, innerDiameter: undefined,
isEnabled: undefined, isEnabled: undefined,
unit: undefined, unit: '卷',
delFlag: undefined, delFlag: undefined,
createTime: undefined, createTime: undefined,
createBy: undefined, createBy: undefined,

View File

@@ -172,7 +172,7 @@
/> />
<!-- 添加或修改原材料对话框 --> <!-- 添加或修改原材料对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="400px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="原材料编号" prop="rawMaterialCode"> <el-form-item label="原材料编号" prop="rawMaterialCode">
<el-input v-model="form.rawMaterialCode" placeholder="请输入原材料编号" /> <el-input v-model="form.rawMaterialCode" placeholder="请输入原材料编号" />
@@ -183,14 +183,14 @@
<el-form-item label="计量单位" prop="unit"> <el-form-item label="计量单位" prop="unit">
<el-input v-model="form.unit" placeholder="请输入计量单位" /> <el-input v-model="form.unit" placeholder="请输入计量单位" />
</el-form-item> </el-form-item>
<el-form-item label="钢种/牌号" prop="steelGrade"> <!-- <el-form-item label="钢种/牌号" prop="steelGrade">
<el-input v-model="form.steelGrade" placeholder="请输入钢种/牌号" /> <el-input v-model="form.steelGrade" placeholder="请输入钢种/牌号" />
</el-form-item> </el-form-item>
<el-form-item label="目标冷轧牌号" prop="targetColdGrade"> <el-form-item label="目标冷轧牌号" prop="targetColdGrade">
<el-input v-model="form.targetColdGrade" placeholder="请输入目标冷轧牌号" /> <el-input v-model="form.targetColdGrade" placeholder="请输入目标冷轧牌号" />
</el-form-item> </el-form-item> -->
<!-- 基础材质分类和表面处理分类同一行 --> <!-- 基础材质分类和表面处理分类同一行 -->
<el-row :gutter="20"> <!-- <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="基础材质分类" prop="baseMaterialId"> <el-form-item label="基础材质分类" prop="baseMaterialId">
<CategorySelect v-model="form.baseMaterialId" category-type="base_material" placeholder="请选择基础材质分类" clearable /> <CategorySelect v-model="form.baseMaterialId" category-type="base_material" placeholder="请选择基础材质分类" clearable />
@@ -201,9 +201,9 @@
<CategorySelect v-model="form.surfaceTreatmentId" category-type="surface_treatment" placeholder="请选择表面处理分类" clearable /> <CategorySelect v-model="form.surfaceTreatmentId" category-type="surface_treatment" placeholder="请选择表面处理分类" clearable />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row> -->
<el-form-item label="是否启用" prop="isEnabled"> <!-- <el-form-item label="是否启用" prop="isEnabled">
<el-select v-model="form.isEnabled" placeholder="请选择是否启用" clearable> <el-select v-model="form.isEnabled" placeholder="请选择是否启用" clearable>
<el-option <el-option
v-for="dict in dict.type.common_swicth" v-for="dict in dict.type.common_swicth"
@@ -212,12 +212,12 @@
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item> -->
<el-form-item label="备注" prop="remark"> <!-- <el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" /> <el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item> </el-form-item> -->
<el-collapse> <!-- <el-collapse>
<el-collapse-item title="详细参数"> <el-collapse-item title="详细参数">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
@@ -268,7 +268,7 @@
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item> </el-collapse-item>
</el-collapse> </el-collapse> -->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"> </el-button> <el-button :loading="buttonLoading" type="primary" @click="submitForm"> </el-button>
@@ -290,7 +290,7 @@
</el-descriptions> </el-descriptions>
</el-dialog> </el-dialog>
<el-dialog title="SKU" @close="bomDialogVisible = false" :visible.sync="bomDialogVisible" width="900px" append-to-body> <el-dialog title="SKU" @close="bomDialogVisible = false" :visible.sync="bomDialogVisible" width="600px" append-to-body>
<BomPanel :id="bomId" type="raw_material" @addBom="handleAddBom" :itemId="itemId" /> <BomPanel :id="bomId" type="raw_material" @addBom="handleAddBom" :itemId="itemId" />
</el-dialog> </el-dialog>
</div> </div>
@@ -442,7 +442,7 @@ export default {
createBy: undefined, createBy: undefined,
updateTime: undefined, updateTime: undefined,
updateBy: undefined, updateBy: undefined,
unit: undefined, unit: '卷',
}; };
this.resetForm("form"); this.resetForm("form");
}, },