Yangwl
/
LJ-UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2024-3-1 产品查看页面优化+维修工单页面优化

Browse Source
yangwl
A0010407 10 months ago
parent 69c61233e8
commit 16ad9329ca
2 changed files with 129 additions and 244 deletions
Show Stats Download Patch File Download Diff File

103
src/views/device/repairOrder/index.vue
Unescape Escape View File

@ -283,7 +283,12 @@
prop="orderCode" prop="orderCode"
width="200" width="200"
/> />
<el-table-column label="设备编码" align="center" prop="equipmentCode" width="150"/> <el-table-column
label="设备编码"
align="center"
prop="equipmentCode"
width="150"
/>
<el-table-column <el-table-column
label="故障描述" label="故障描述"
align="center" align="center"
@ -824,8 +829,8 @@
<el-descriptions <el-descriptions
:column="3" :column="3"
border border
:contentStyle="CS1" :contentStyle="CS_WRITE"
:label-style="LS1" :label-style="LS_WRITE"
> >
<el-descriptions-item label="维修工单号">{{ <el-descriptions-item label="维修工单号">{{
form.workCode form.workCode
@ -891,7 +896,7 @@
<el-descriptions :column="1" border> <el-descriptions :column="1" border>
<el-descriptions-item <el-descriptions-item
label="维修前故障图片" label="维修前故障图片"
:contentStyle="CS" :contentStyle="CS_WRITE_IMG"
:label-style="LS_WRITE_IMG" :label-style="LS_WRITE_IMG"
> >
<div class="view_picture_body"> <div class="view_picture_body">
@ -906,7 +911,7 @@
<el-descriptions :column="1" border> <el-descriptions :column="1" border>
<el-descriptions-item <el-descriptions-item
label="维修后故障图片" label="维修后故障图片"
:contentStyle="CS" :contentStyle="CS_WRITE_IMG"
:label-style="LS_WRITE_IMG" :label-style="LS_WRITE_IMG"
> >
<div class="view_picture_body"> <div class="view_picture_body">
@ -921,13 +926,7 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="检查项信息"> <el-tab-pane label="检查项信息">
<el-table <el-table :data="detailList" border :span-method="objectSpanMethod">
:data="detailList"
border
:contentStyle="CS"
:label-style="LS"
:span-method="objectSpanMethod"
>
<el-table-column prop="itemTypeName" label="检查类型" width="100"> <el-table-column prop="itemTypeName" label="检查类型" width="100">
</el-table-column> </el-table-column>
<el-table-column prop="itemName" label="检查项名称" width="150"> <el-table-column prop="itemName" label="检查项名称" width="150">
@ -1186,10 +1185,10 @@
<el-tabs type="border-card"> <el-tabs type="border-card">
<el-tab-pane label="维修基本信息"> <el-tab-pane label="维修基本信息">
<el-descriptions <el-descriptions
:column="2" :column="3"
border border
:contentStyle="CS" :contentStyle="CS_VIEW"
:label-style="LS" :label-style="LS_VIEW"
> >
<el-descriptions-item label="维修工单号">{{ <el-descriptions-item label="维修工单号">{{
form.workCode form.workCode
@ -1245,6 +1244,13 @@
<el-descriptions-item label="维修班组">{{ <el-descriptions-item label="维修班组">{{
form.workTeam form.workTeam
}}</el-descriptions-item> }}</el-descriptions-item>
</el-descriptions>
<el-descriptions
:column="1"
border
:contentStyle="CS_VIEW_IMG"
:label-style="LS_VIEW_IMG"
>
<el-descriptions-item label="维修班组人员">{{ <el-descriptions-item label="维修班组人员">{{
form.workTeamPerson form.workTeamPerson
}}</el-descriptions-item> }}</el-descriptions-item>
@ -1255,38 +1261,36 @@
<el-descriptions :column="1" border> <el-descriptions :column="1" border>
<el-descriptions-item <el-descriptions-item
label="维修前故障图片" label="维修前故障图片"
:contentStyle="CS" :contentStyle="CS_VIEW_IMG"
:label-style="LS_VIEW_IMG" :label-style="LS_VIEW_IMG"
> >
<div class="view_picture_body">
<el-image <el-image
v-for="(item, index) in urlBeforeLists" v-for="(item, index) in urlBeforeLists"
:key="index" :key="index"
:src="item" :src="item"
></el-image ></el-image>
></el-descriptions-item> </div>
</el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-descriptions :column="1" border> <el-descriptions :column="1" border>
<el-descriptions-item <el-descriptions-item
label="维修后故障图片" label="维修后故障图片"
:contentStyle="CS" :contentStyle="CS_VIEW_IMG"
:label-style="LS_VIEW_IMG" :label-style="LS_VIEW_IMG"
> >
<div class="view_picture_body">
<el-image <el-image
v-for="(item, index) in urlAfterLists" v-for="(item, index) in urlAfterLists"
:key="index" :key="index"
:src="item" :src="item"
></el-image ></el-image>
></el-descriptions-item> </div>
</el-descriptions-item>
</el-descriptions> </el-descriptions>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="查看检查项信息"> <el-tab-pane label="查看检查项信息">
<el-table <el-table :data="detailList" border :span-method="objectSpanMethod">
:data="detailList"
border
:contentStyle="CS"
:label-style="LS"
:span-method="objectSpanMethod"
>
<el-table-column prop="itemTypeName" label="检查类型" width="100"> <el-table-column prop="itemTypeName" label="检查类型" width="100">
</el-table-column> </el-table-column>
<el-table-column prop="itemName" label="检查项名称" width="150"> <el-table-column prop="itemName" label="检查项名称" width="150">
@ -1555,36 +1559,38 @@ export default {
return { return {
//委外表格格式 //委外表格格式
WCS: { WCS: {
"text-align": "center", "text-align": "left",
}, },
WLS: { WLS: {
"text-align": "center",
width: "225px", width: "225px",
}, },
CS: { //查看维修表格
"text-align": "center", CS_VIEW: {
width: "183px",
}, },
CS1: { LS_VIEW: {
"text-align": "center", width: "150px",
width: "250px",
}, },
LS: { //图片 以及图面上面两行
"text-align": "center", LS_VIEW_IMG: {
width: "225px", width: "145px",
}, },
LS1: { CS_VIEW_IMG: {
"text-align": "center", width: "817px",
width: "250px",
}, },
//图片表格样式 查看功能 //填写维修表格
LS_VIEW_IMG: { CS_WRITE: {
"text-align": "center", width: "200px",
width: "225px", },
LS_WRITE: {
width: "200px",
}, },
//图片格式样式 填写功能 //图片 以及图面上面两行
LS_WRITE_IMG: { LS_WRITE_IMG: {
"text-align": "center", width: "200px",
width: "235px", },
CS_WRITE_IMG: {
width: "1000px",
}, },
//故障描述 //故障描述
workFaultDescOption: [], workFaultDescOption: [],
@ -1978,7 +1984,6 @@ export default {
this.urlBeforeLists = null; this.urlBeforeLists = null;
} }
//遍历response.data.afterRepairFiles //遍历response.data.afterRepairFiles
if (response.data.afterRepairFiles != null) { if (response.data.afterRepairFiles != null) {
var afterNewFiles = []; var afterNewFiles = [];

248
src/views/wms/product/index.vue
Unescape Escape View File

@ -396,190 +396,64 @@
append-to-body 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-row :gutter="10" class="mb8"> <el-descriptions
<el-col :span="12"> :column="2"
<el-form-item label="产品编号" prop="productCode"> border
<el-input :contentStyle="CS"
v-model="form.productCode" :label-style="LS"
placeholder="" >
disabled <el-descriptions-item label="产品编号">{{
style="width: 320px" form.productCode
/> }}</el-descriptions-item>
</el-form-item> <el-descriptions-item label="品类">{{
</el-col> form.category
<el-col :span="12"> }}</el-descriptions-item>
<el-form-item label="品类" prop="category"> <el-descriptions-item label="每PC单圈">{{
<el-input form.pc
v-model="form.category" }}</el-descriptions-item>
placeholder="" <el-descriptions-item label="标准效率">{{
disabled form.iei
style="width: 320px" }}</el-descriptions-item>
/> <el-descriptions-item label="标准用人">{{
</el-form-item> form.manStandar
</el-col> }}</el-descriptions-item>
</el-row> <el-descriptions-item label="喷药方式">{{
<el-row :gutter="10" class="mb8"> form.sprayWay
<el-col :span="12"> }}</el-descriptions-item>
<el-form-item label="每PC单圈" prop="pc"> <el-descriptions-item label="白坯直径">{{
<el-input form.blankDiameter
v-model="form.pc" }}</el-descriptions-item>
placeholder="" <el-descriptions-item label="白胚物料号">{{
disabled form.blankNo
style="width: 320px" }}</el-descriptions-item>
/> <el-descriptions-item label="标准喷药量">{{
</el-form-item> form.sprayVolume
</el-col> }}</el-descriptions-item>
<el-col :span="12"> <el-descriptions-item label="药液料号">{{
<el-form-item label="标准效率" prop="iei"> form.liquidNo
<el-input }}</el-descriptions-item>
v-model="form.iei" <el-descriptions-item label="标准内膜用量">{{
placeholder="" form.endometrialDosage
disabled }}</el-descriptions-item>
style="width: 320px" <el-descriptions-item label="标准外膜用量（KG/PC）">{{
/> form.outerFilmDosage
</el-form-item> }}</el-descriptions-item>
</el-col> <el-descriptions-item label="支架">{{
</el-row> form.support
<el-row :gutter="10" class="mb8"> }}</el-descriptions-item>
<el-col :span="12"> <el-descriptions-item label="支架物料号">{{
<el-form-item label="标准用人" prop="manStandar"> form.supportNo
<el-input }}</el-descriptions-item>
v-model="form.manStandar" <el-descriptions-item label="吸塑">{{
placeholder="" form.pvc
disabled }}</el-descriptions-item>
style="width: 320px" <el-descriptions-item label="支架盘">{{
/> form.supportPlate
</el-form-item> }}</el-descriptions-item>
</el-col> <el-descriptions-item label="其他">{{
<el-col :span="12"> form.other
<el-form-item label="喷药方式" prop="sprayWay"> }}</el-descriptions-item>
<el-input </el-descriptions>
v-model="form.sprayWay"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="白坯直径" prop="blankDiameter">
<el-input
v-model="form.blankDiameter"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="白坯物料号" prop="blankNo">
<el-input
v-model="form.blankNo"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="标准喷药量" prop="sprayVolume">
<el-input
v-model="form.sprayVolume"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="药液料号" prop="liquidNo">
<el-input
v-model="form.liquidNo"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="标准内膜用量" prop="endometrialDosage">
<el-input
v-model="form.endometrialDosage"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="标准外模用量(KG/PC)" prop="outerFilmDosage">
<el-input
v-model="form.outerFilmDosage"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="支架" prop="support">
<el-input
v-model="form.support"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="支架物料号" prop="supportNo">
<el-input
v-model="form.supportNo"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" class="mb8">
<el-col :span="12">
<el-form-item label="吸塑" prop="pvc">
<el-input
v-model="form.pvc"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="支架盘" prop="supportPlate">
<el-input
v-model="form.supportPlate"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="其它" prop="other">
<el-input
v-model="form.other"
placeholder=""
disabled
style="width: 320px"
/>
</el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancelAttached">取 消</el-button> <el-button @click="cancelAttached">取 消</el-button>
@ -602,6 +476,12 @@ export default {
dicts: ["sys_normal_disable", "material_type"], dicts: ["sys_normal_disable", "material_type"],
data() { data() {
return { return {
LS: {
width: "250px",
},
CS: {
width: "250px",
},
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 选中数组 // 选中数组

Write Preview
Loading…
Cancel
Save