样式修改

This commit is contained in:
bonus 2024-12-03 13:53:28 +08:00
parent ac9dc6b851
commit 512f5243b9
2 changed files with 149 additions and 42 deletions

View File

@ -148,9 +148,15 @@
<el-table-column <el-table-column
label="工程状态" label="工程状态"
align="center" align="center"
prop="proStatusName" prop="proStatus"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
> >
<template slot-scope="scope">
<dict-tag
:options="dict.type.bm_project_status"
:value="scope.row.proStatus"
/>
</template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="140"> <el-table-column label="操作" align="center" width="140">
<template slot-scope="scope"> <template slot-scope="scope">
@ -394,7 +400,7 @@ import { unitTypeList,impUnitTypeList } from '@/api/basic/basic'
// import '@riophae/vue-treeselect/dist/vue-treeselect.css' // import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default { export default {
name: 'bmProject', name: 'bmProject',
dicts: ['sys_normal_disable'], dicts: ['bm_project_status'],
// components: { Treeselect }, // components: { Treeselect },
data() { data() {
return { return {

View File

@ -318,70 +318,72 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="6"> <el-col :span="8">
<el-form-item label="总保有量" prop="name9"> <el-form-item label="总保有量" prop="name9">
<el-input <el-input
v-model="form.name9" v-model="form.name9"
type="number" type="number"
placeholder="请输入总保有量" placeholder="请输入总保有量"
maxlength="20" maxlength="20"
style="width: 170px" :disabled="true"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<el-form-item label="在库数量" prop="name8"> <el-form-item label="在库数量" prop="name8">
<el-input <el-input
v-model="form.name8" v-model="form.name8"
type="number" type="number"
placeholder="请输入在库数量" placeholder="请输入在库数量"
maxlength="20" maxlength="20"
style="width: 170px" :disabled="true"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<el-form-item label="在用数量" prop="name7"> <el-form-item label="在用数量" prop="name7">
<el-input <el-input
v-model="form.name7" v-model="form.name7"
type="number" type="number"
placeholder="请输入在用数量" placeholder="请输入在用数量"
maxlength="20" maxlength="20"
style="width: 170px" :disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="在修数量" prop="name6">
<el-input
v-model="form.name6"
type="number"
placeholder="请输入在修数量"
maxlength="20"
style="width: 170px"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="8">
<el-form-item label="在修数量" prop="name6">
<el-input
v-model="form.name6"
type="number"
placeholder="请输入在修数量"
maxlength="20"
:disabled="true"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="待报废数量" prop="name5"> <el-form-item label="待报废数量" prop="name5">
<el-input <el-input
v-model="form.name5" v-model="form.name5"
type="number" type="number"
placeholder="请输入待报废数量" placeholder="请输入待报废数量"
maxlength="10" maxlength="20"
:disabled="true"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="8">
<el-form-item label="丢失数量" prop="name4"> <el-form-item label="丢失数量" prop="name4">
<el-input <el-input
v-model="form.name4" v-model="form.name4"
type="number" type="number"
placeholder="请输入丢失数量" placeholder="请输入丢失数量"
maxlength="30" maxlength="20"
:disabled="true"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -475,15 +477,14 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="检验周期" prop="testCycle"> <el-form-item label="检验周期(月)" prop="testCycle">
<el-input <el-input
v-model="form.testCycle" v-model="form.testCycle"
type="number" type="number"
placeholder="请输入" placeholder="请输入"
maxlength="20" maxlength="20"
style="width: 150px" style="width: 100%"
/> />
<span style="color: black"></span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
@ -722,7 +723,7 @@ export default {
level1TempName: undefined, level1TempName: undefined,
level0TempName: undefined, level0TempName: undefined,
level1Temp: undefined, level1Temp: undefined,
uploadUrl: process.env.VUE_APP_BASE_API + "/system", // uploadUrl: process.env.VUE_APP_BASE_API + "/system", //
defaultProps: { defaultProps: {
children: "children", children: "children",
label: "label", label: "label",
@ -939,6 +940,9 @@ export default {
this.form.itemType = row.itemType; this.form.itemType = row.itemType;
this.form.materialType = row.materialType; this.form.materialType = row.materialType;
this.form.materialName = row.materialName; this.form.materialName = row.materialName;
if (response.data.keeperNickName) {
this.form.keeperUserId = response.data.keeperUserId;
}
this.isLevel1Disabled = true; this.isLevel1Disabled = true;
this.isLevel2Disabled = true; this.isLevel2Disabled = true;
this.isLevel3Disabled = true; this.isLevel3Disabled = true;
@ -958,6 +962,9 @@ export default {
this.form.itemType = row.itemType; this.form.itemType = row.itemType;
this.form.materialType = row.materialType; this.form.materialType = row.materialType;
this.form.materialName = row.materialName; this.form.materialName = row.materialName;
if (response.data.keeperNickName) {
this.form.keeperUserId = response.data.keeperUserId;
}
this.isLevel1Disabled = true; this.isLevel1Disabled = true;
this.isLevel2Disabled = true; this.isLevel2Disabled = true;
this.isLevel3Disabled = true; this.isLevel3Disabled = true;
@ -1022,7 +1029,7 @@ export default {
// downloadFile({ fileName: `_${new Date().getTime()}.xlsx`, fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' }) // downloadFile({ fileName: `_${new Date().getTime()}.xlsx`, fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
// }) // })
// }, // },
/** 导出按钮作 */ /** 导出按钮作 */
handleExport() { handleExport() {
let queryTemp = this.queryParams; let queryTemp = this.queryParams;
queryTemp.level = 0; queryTemp.level = 0;
@ -1050,9 +1057,14 @@ export default {
if (data.level === 3) { if (data.level === 3) {
this.reset(); this.reset();
Object.assign(this.form, data); Object.assign(this.form, data);
(this.treeTemp = this.treeOptions[0].children),
this.treeTemp.forEach((item) => { //
item.children.forEach((itemTemp) => { if (this.treeOptions && this.treeOptions[0] && this.treeOptions[0].children) {
this.treeTemp = this.treeOptions[0].children;
// 使undefined
this.treeTemp?.forEach((item) => {
item.children?.forEach((itemTemp) => {
if (itemTemp.level == 2 && itemTemp.id == data.parentId) { if (itemTemp.level == 2 && itemTemp.id == data.parentId) {
this.level2Temp = itemTemp.id; this.level2Temp = itemTemp.id;
this.level2TempName = itemTemp.label; this.level2TempName = itemTemp.label;
@ -1060,17 +1072,21 @@ export default {
} }
}); });
}); });
// console.log('treeTemp',this.treeTemp)
this.treeTemp.forEach((item) => { //
this.treeTemp?.forEach((item) => {
if (item.level == 1 && item.id == this.level1Temp) { if (item.level == 1 && item.id == this.level1Temp) {
this.level1TempName = item.label; this.level1TempName = item.label;
} }
}); });
this.treeTemp.forEach((item) => {
this.treeTemp?.forEach((item) => {
if (item.level == 0 && item.id == data.houseId) { if (item.level == 0 && item.id == data.houseId) {
this.level0TempName = item.label; this.level0TempName = item.label;
} }
}); });
}
this.isLevel1Disabled = true; this.isLevel1Disabled = true;
this.isLevel2Disabled = true; this.isLevel2Disabled = true;
this.isLevel3Disabled = true; this.isLevel3Disabled = true;
@ -1230,4 +1246,89 @@ export default {
> .el-tree-node__content { > .el-tree-node__content {
background-color: #8decf1; background-color: #8decf1;
} }
::v-deep .el-dialog {
//
.el-form-item__label {
font-size: 14px;
color: #606266;
font-weight: 500;
line-height: 1.5;
}
//
.el-input__inner {
font-size: 14px;
color: #303133;
&::placeholder {
font-size: 13px;
color: #c0c4cc;
}
}
//
span {
font-size: 14px;
color: #606266;
margin-left: 8px;
}
//
.el-select {
.el-input__inner {
font-size: 14px;
color: #303133;
}
}
//
.el-input.is-disabled .el-input__inner {
background-color: #f5f7fa;
border-color: #e4e7ed;
color: #606266;
cursor: not-allowed;
}
}
//
::v-deep .el-table {
font-size: 14px;
th {
font-weight: 500;
color: #303133;
}
td {
color: #606266;
}
}
//
::v-deep .el-button {
font-size: 14px;
&--text {
font-size: 13px;
}
}
//
::v-deep .el-tree-node__label {
font-size: 14px;
color: #606266;
}
//
::v-deep .el-input--small {
.el-input__inner {
font-size: 13px;
&::placeholder {
font-size: 13px;
color: #c0c4cc;
}
}
}
</style> </style>