2024-2-29 设备模块-维修报表图片显示、列表显示修改优化

master
A0010407 9 months ago
parent 8622d21629
commit 9e209f5e04

@ -196,6 +196,16 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
label="处理状态"
align="center"
prop="orderStatus" />
<el-table-column
label="报修去向"
align="center"
prop="repairDestination"
width="120"
/>
<el-table-column <el-table-column
label="设备编码" label="设备编码"
align="center" align="center"
@ -252,16 +262,6 @@
prop="orderConnection" prop="orderConnection"
width="120" width="120"
/> />
<el-table-column
label="处理状态"
align="center"
prop="orderStatus" />
<el-table-column
label="报修去向"
align="center"
prop="repairDestination"
width="120"
/>
<el-table-column <el-table-column
label="创建人" label="创建人"
align="center" align="center"

@ -894,12 +894,14 @@
:contentStyle="CS" :contentStyle="CS"
:label-style="LS_WRITE_IMG" :label-style="LS_WRITE_IMG"
> >
<el-image <div class="view_picture_body">
v-for="(item, index) in urlBeforeLists" <el-image
:key="index" v-for="(item, index) in urlBeforeLists"
:src="item" :key="index"
></el-image :src="item"
></el-descriptions-item> ></el-image>
</div>
</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-descriptions :column="1" border> <el-descriptions :column="1" border>
<el-descriptions-item <el-descriptions-item
@ -907,12 +909,14 @@
:contentStyle="CS" :contentStyle="CS"
:label-style="LS_WRITE_IMG" :label-style="LS_WRITE_IMG"
> >
<el-image <div class="view_picture_body">
v-for="(item, index) in urlAfterLists" <el-image
:key="index" v-for="(item, index) in urlAfterLists"
:src="item" :key="index"
></el-image :src="item"
></el-descriptions-item> ></el-image>
</div>
</el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
@ -2288,6 +2292,11 @@ export default {
height: 400px; height: 400px;
overflow-y: auto; overflow-y: auto;
} }
.view_picture_body {
height: 300px;
overflow-y: auto;
}
</style> </style>

@ -204,6 +204,19 @@
}}</el-button> }}</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
label="维修状态"
align="center"
prop="workStatus"
width="150"
>
<template slot-scope="scope">
<dict-tag
:options="dict.type.device_repair_status"
:value="scope.row.workStatus"
/>
</template>
</el-table-column>
<el-table-column <el-table-column
label="报修单号" label="报修单号"
align="center" align="center"
@ -308,25 +321,8 @@
align="center" align="center"
prop="workCostTime" prop="workCostTime"
width="180" width="180"
> ></el-table-column>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.workCostTime) }}</span>
</template>
</el-table-column>
<el-table-column label="维修费用" align="center" prop="workCost" /> <el-table-column label="维修费用" align="center" prop="workCost" />
<el-table-column
label="维修状态"
align="center"
prop="workStatus"
width="150"
>
<template slot-scope="scope">
<dict-tag
:options="dict.type.device_repair_status"
:value="scope.row.workStatus"
/>
</template>
</el-table-column>
<el-table-column label="工厂编码" align="center" prop="factoryCode" /> <el-table-column label="工厂编码" align="center" prop="factoryCode" />
</el-table> </el-table>
@ -397,15 +393,17 @@
<el-descriptions :column="1" border> <el-descriptions :column="1" border>
<el-descriptions-item <el-descriptions-item
label="维修前故障图片" label="维修前故障图片"
:contentStyle="CS" :contentStyle="CS_IMG"
:label-style="LS" :label-style="LS_BEFORE_IMG"
> >
<el-image <div class="view_picture_body">
v-for="(item, index) in urlBeforeLists" <el-image
:key="index" v-for="(item, index) in urlBeforeLists"
:src="item" :key="index"
></el-image :src="item"
></el-descriptions-item> ></el-image>
</div>
</el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
@ -482,16 +480,18 @@
<el-descriptions <el-descriptions
:column="1" :column="1"
border border
:contentStyle="CS" :contentStyle="CS_IMG"
:label-style="LS" :label-style="LS_AFTER_IMG"
> >
<el-descriptions-item label="维修后图片"> <el-descriptions-item label="维修后图片">
<el-image <div class="view_picture_body">
v-for="(item, index) in urlAfterLists" <el-image
:key="index" v-for="(item, index) in urlAfterLists"
:src="item" :key="index"
></el-image :src="item"
></el-descriptions-item> ></el-image>
</div>
</el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
@ -613,6 +613,18 @@ export default {
"text-align": "center", "text-align": "center",
width: "200px", width: "200px",
}, },
//
CS_IMG: {
"text-align": "center",
},
LS_BEFORE_IMG: {
"text-align": "center",
width: "190px",
},
LS_AFTER_IMG: {
"text-align": "center",
width: "280px",
},
// //
detailList: [], detailList: [],
// //
@ -828,6 +840,8 @@ export default {
urlBeforeLists.push(item.url); urlBeforeLists.push(item.url);
}); });
this.urlBeforeLists = urlBeforeLists; this.urlBeforeLists = urlBeforeLists;
}else{
this.urlBeforeLists = null;
} }
//response.data.afterRepairFiles //response.data.afterRepairFiles
@ -846,6 +860,8 @@ export default {
urlAfterLists.push(item.url); urlAfterLists.push(item.url);
}); });
this.urlAfterLists = urlAfterLists; this.urlAfterLists = urlAfterLists;
}else{
this.urlAfterList = null;
} }
// //
@ -891,7 +907,6 @@ export default {
}); });
this.detailList = standards; this.detailList = standards;
console.log("111111111111", this.detailList);
} }
// //
@ -972,5 +987,10 @@ export default {
height: 400px; height: 400px;
overflow-y: auto; overflow-y: auto;
} }
.view_picture_body {
height: 300px;
overflow-y: auto;
}
</style> </style>

Loading…
Cancel
Save