样式修改
This commit is contained in:
parent
ac9dc6b851
commit
512f5243b9
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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) => {
|
// 同样添加空值判断
|
||||||
if (item.level == 1 && item.id == this.level1Temp) {
|
this.treeTemp?.forEach((item) => {
|
||||||
this.level1TempName = item.label;
|
if (item.level == 1 && item.id == this.level1Temp) {
|
||||||
}
|
this.level1TempName = item.label;
|
||||||
});
|
}
|
||||||
this.treeTemp.forEach((item) => {
|
});
|
||||||
if (item.level == 0 && item.id == data.houseId) {
|
|
||||||
this.level0TempName = item.label;
|
this.treeTemp?.forEach((item) => {
|
||||||
}
|
if (item.level == 0 && item.id == data.houseId) {
|
||||||
});
|
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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue