bonus
/
devicesmgt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化首页查看跳转报错问题

This commit is contained in:
BianLzhaoMin 2024-06-19 14:42:17 +08:00
parent 4186260ef5
commit b4b8a79df0
2 changed files with 238 additions and 173 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
sgzb-ui/src/views/index.vue
View File

@ -134,7 +134,9 @@
align="center" align="center"
width="80" width="80"
type="index" type="index"
:index="indexContinuation(queryParams.pageNum, queryParams.pageSize)" :index="
indexContinuation(queryParams.pageNum, queryParams.pageSize)
"
> >
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
<span>{{ <span>{{
@ -299,22 +301,42 @@ export default {
/* 新购任务 */ /* 新购任务 */
{ {
taskTypeId: 23, taskTypeId: 23,
routerPath: 'store/newBuy/newDevicesList', routerPath: 'store/newPurchase/tools',
}, },
/* 领料任务 */ /* 领料任务 */
{ {
taskTypeId: 29, taskTypeId: 29,
routerPath: 'claimAndRefund/receive/receiveManage', routerPath: 'claimAndRefund/picking/apply',
}, },
/* 退料任务 */ /* 退料任务 */
{ {
taskTypeId: 36, taskTypeId: 36,
routerPath: 'claimAndRefund/return/returnApply', routerPath: 'claimAndRefund/return/apply',
}, },
/* 维修任务 */ /* 维修任务 */
{ {
taskTypeId: 41, taskTypeId: 41,
routerPath: 'repairTest/repair/repair', routerPath: 'repairTest/repairTest/repair',
},
/* 维修审核 */
{
taskTypeId: 45,
routerPath: 'repairTest/repairTest/testExamine',
},
/* 修试入库任务 */
{
taskTypeId: 50,
routerPath: 'store/warehousing/repair',
},
/* 报废任务 */
{
taskTypeId: 57,
routerPath: 'repairTest/repairTest/brokenExamine',
},
/* 新购配件任务 */
{
taskTypeId: 67,
routerPath: 'store/warehousing/newParts',
}, },
], ],
@ -401,7 +423,7 @@ export default {
}) })
}) })
this.sendMessageParams.message = `宁夏送变电工程有限公司提示：您有一条任务单号为 <span style="color:#529b2e">${taskCode}</span> 的待办任务未处理，请及时处理。` this.sendMessageParams.message = `重庆送变电工程有限公司提示：您有一条任务单号为 <span style="color:#529b2e">${taskCode}</span> 的待办任务未处理，请及时处理。`
this.sendMessageParams.taskId = taskId this.sendMessageParams.taskId = taskId
this.urgingDialogVisible = true this.urgingDialogVisible = true

253
sgzb-ui/src/views/qrCode/qrCode.vue
View File

@ -1,183 +1,226 @@
<template> <template>
<div style="width: 100%"> <div style="width: 100%">
<div style="width: 100%;padding: 10px;"> <div style="width: 100%; padding: 10px">
<div class="item-box"> <div class="item-box">
<div>设备类型:</div> <div>设备类型:</div>
<div style="margin-left: 10px;color: blue;">{{queryParams.deviceType}}</div> <div style="margin-left: 10px; color: blue">{{
queryParams.deviceType
}}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div>规格型号:</div> <div>规格型号:</div>
<div style="margin-left: 10px;"> {{queryParams.specificationType}}</div> <div style="margin-left: 10px">
{{ queryParams.specificationType }}</div
>
</div> </div>
<div class="item-box"> <div class="item-box">
<div>二维码编码:</div> <div>二维码编码:</div>
<div style="margin-left: 10px;">{{queryParams.qrCode}}</div> <div style="margin-left: 10px">{{ queryParams.qrCode }}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >设备编码:</div> <div>设备编码:</div>
<div style="margin-left: 10px;">{{queryParams.maCode}}</div> <div style="margin-left: 10px">{{ queryParams.maCode }}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >设备状态:</div> <div>设备状态:</div>
<div style="margin-left: 10px;">{{queryParams.maStatusName}}</div> <div style="margin-left: 10px">{{
queryParams.maStatusName
}}</div>
</div> </div>
<!-- <div class="item-box"> <!-- <div class="item-box">
<div >本次检修人员:</div> <div >本次检修人员:</div>
<div style="margin-left: 10px;">{{queryParams.checkMan}}</div> <div style="margin-left: 10px;">{{queryParams.checkMan}}</div>
</div> --> </div> -->
<div class="item-box"> <div class="item-box">
<div >本次检修时间:</div> <div>本次检修时间:</div>
<div style="margin-left: 10px;color: blue;">{{queryParams.thisCheckTime}}</div> <div style="margin-left: 10px; color: blue">{{
queryParams.thisCheckTime
}}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >下次检修时间:</div> <div>下次检修时间:</div>
<div style="margin-left: 10px;color: blue;">{{queryParams.nextCheckTime}}</div> <div style="margin-left: 10px; color: blue">{{
queryParams.nextCheckTime
}}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >检验人员:</div> <div>检验人员:</div>
<div style="margin-left: 10px;">{{queryParams.checkMan }}</div> <div style="margin-left: 10px">{{ queryParams.checkMan }}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >检验结论:</div> <div>检验结论:</div>
<div style="margin-left: 10px;color: blue;">{{queryParams.inspectStatus || '合格'}}</div> <div style="margin-left: 10px; color: blue">{{
queryParams.inspectStatus || '合格'
}}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >联系电话:</div> <div>联系电话:</div>
<div style="margin-left: 10px;">{{queryParams.phone}}</div> <div style="margin-left: 10px">{{ queryParams.phone }}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >生产厂家:</div> <div>生产厂家:</div>
<div style="margin-left: 10px;">{{queryParams.maVender}}</div> <div style="margin-left: 10px">{{ queryParams.maVender }}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >出厂日期:</div> <div>出厂日期:</div>
<div style="margin-left: 10px;">{{queryParams.outFacTime}}</div> <div style="margin-left: 10px">{{
queryParams.outFacTime
}}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >出入库次数:</div> <div>出入库次数:</div>
<div style="margin-left: 10px;">{{queryParams.inOutNum}}</div> <div style="margin-left: 10px">{{ queryParams.inOutNum }}</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >领料单位:</div> <div>领料单位:</div>
<div style="margin-left: 10px;">{{queryParams.leaseUnit}} </div> <div style="margin-left: 10px"
>{{ queryParams.leaseUnit }}
</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >领料工程:</div> <div>领料工程:</div>
<div style="margin-left: 10px;">{{queryParams.leasePro}} </div> <div style="margin-left: 10px">{{ queryParams.leasePro }} </div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >领料时间:</div> <div>领料时间:</div>
<div style="margin-left: 10px;">{{queryParams.leaseTime}} </div> <div style="margin-left: 10px"
>{{ queryParams.leaseTime }}
</div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >退料单位:</div> <div>退料单位:</div>
<div style="margin-left: 10px;">{{queryParams.backUnit}} </div> <div style="margin-left: 10px">{{ queryParams.backUnit }} </div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >退料工程:</div> <div>退料工程:</div>
<div style="margin-left: 10px;">{{queryParams.backPro}} </div> <div style="margin-left: 10px">{{ queryParams.backPro }} </div>
</div> </div>
<div class="item-box"> <div class="item-box">
<div >退料时间:</div> <div>退料时间:</div>
<div style="margin-left: 10px;">{{queryParams.backTime}} </div> <div style="margin-left: 10px">{{ queryParams.backTime }} </div>
</div> </div>
</div> </div>
<div class="bottom-box"> <div class="bottom-box">
<div style="width: 100%;text-align: center;margin-bottom: 20px;color:green;margin-top: 10px;"> 检 验 合 格 证 </div> <div
<div style="width: 50%;display: flex;margin-bottom: 10px;"> style="
<div style="color:green;" >名 称：</div> <div style="border-bottom: 1px solid green;">{{queryParams.deviceType}}</div> width: 100%;
text-align: center;
margin-bottom: 20px;
color: green;
margin-top: 10px;
"
>
检 验 合 格 证
</div> </div>
<div style="width: 50%;display: flex;margin-bottom: 10px;"> <div style="width: 50%; display: flex; margin-bottom: 10px">
<div style="color:green;" >检验结论：</div> <div style="color:red;font-size: 18px;font-weight: 600;">{{queryParams.inspectStatus || '合格'}}</div> <div style="color: green">名 称：</div>
<div style="border-bottom: 1px solid green">{{
queryParams.deviceType
}}</div>
</div> </div>
<div style="width:100%;display: flex;margin-bottom: 10px;"> <div style="width: 50%; display: flex; margin-bottom: 10px">
<div style="color:green;" >型 号：</div> <div style="border-bottom: 1px solid green;">{{queryParams.specificationType}}</div> <div style="color: green">检验结论：</div>
<div style="color: red; font-size: 18px; font-weight: 600">{{
queryParams.inspectStatus || '合格'
}}</div>
</div> </div>
<div style="width:100%;display: flex;margin-bottom: 10px;"> <div style="width: 100%; display: flex; margin-bottom: 10px">
<div style="color:green;" >编 号：</div> <div style="border-bottom: 1px solid green;">{{queryParams.maCode}}</div> <div style="color: green">型 号：</div>
<div style="border-bottom: 1px solid green">{{
queryParams.specificationType
}}</div>
</div> </div>
<div style="width:100%;display: flex;margin-bottom: 10px;"> <div style="width: 100%; display: flex; margin-bottom: 10px">
<div style="color:green;" >本次检验日期：</div> <div style="border-bottom: 1px solid green;">{{queryParams.thisCheckTime}}</div> <div style="color: green">编 号：</div>
<div style="border-bottom: 1px solid green">{{
queryParams.maCode
}}</div>
</div> </div>
<div style="width:100%;display: flex;margin-bottom: 10px;"> <div style="width: 100%; display: flex; margin-bottom: 10px">
<div style="color:green;" >下次检验日期：：</div> <div style="border-bottom: 1px solid green;">{{queryParams.nextCheckTime}}</div> <div style="color: green">本次检验日期：</div>
<div style="border-bottom: 1px solid green">{{
queryParams.thisCheckTime
}}</div>
</div> </div>
<div style="position:absolute; top: 0%;left: 25%;"> <div style="width: 100%; display: flex; margin-bottom: 10px">
<div style="color: green">下次检验日期：：</div>
<div style="border-bottom: 1px solid green">{{
queryParams.nextCheckTime
}}</div>
</div>
<div style="position: absolute; top: 0%; left: 25%">
<canvas id="canvas" width="180" height="180"></canvas> <canvas id="canvas" width="180" height="180"></canvas>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import chapter from '../../utils/chapter'; import chapter from '../../utils/chapter'
import { getMachineByQrCode } from '@/api/base/base' import { getMachineByQrCode } from '@/api/base/base'
export default { export default {
data() { data() {
return { return {
qrCode:'', qrCode: '',
queryParams:{ queryParams: {
deviceType:'',//设备类型 deviceType: '', //设备类型
specificationType:'',//规格型号 specificationType: '', //规格型号
qrCode:'',//二维码 qrCode: '', //二维码
maCode:'',//设备编码 maCode: '', //设备编码
maStatusName:'',//设备状态 maStatusName: '', //设备状态
checkMan:'',//本次检验人 checkMan: '', //本次检验人
thisCheckTime:'',//本次检验日期 thisCheckTime: '', //本次检验日期
nextCheckTime:'',//下次检验日期 nextCheckTime: '', //下次检验日期
// maStatusName:'',//设备状态 // maStatusName:'',//设备状态
inspectMan:'',//检验人员 inspectMan: '', //检验人员
inspectStatus:'',//检验结论 inspectStatus: '', //检验结论
phone:'',//联系电话 phone: '', //联系电话
maVender:'',//厂家名称 maVender: '', //厂家名称
outFacTime:'',//出厂日期 outFacTime: '', //出厂日期
inOutNum:'',//出入库次数 inOutNum: '', //出入库次数
leaseUnit:'',// 领料单位 leaseUnit: '', // 领料单位
leasePro:'',// 领料工程 leasePro: '', // 领料工程
leaseTime:'',// 领料时间 leaseTime: '', // 领料时间
backUnit:'',// 退料单位 backUnit: '', // 退料单位
backPro:'',// 退料工程 backPro: '', // 退料工程
backTime:'',// 退料时间 backTime: '', // 退料时间
},
} }
};
}, },
created() { created() {
this.qrCode = this.$route.query.qrCode this.qrCode = this.$route.query.qrCode
console.log(this.qrCode) console.log(this.qrCode)
this.getMachineByQrCode() this.getMachineByQrCode()
}, },
mounted(){ mounted() {
chapter('机具检验专用章','宁夏送变电工程有限公司') chapter('机具检验专用章', '重庆送变电工程有限公司')
}, },
methods: { methods: {
getMachineByQrCode(){ getMachineByQrCode() {
let param = { let param = {
qrCode:this.qrCode qrCode: this.qrCode,
} }
getMachineByQrCode(param).then(response => { getMachineByQrCode(param).then((response) => {
console.log(response) console.log(response)
this.queryParams = response.data this.queryParams = response.data
}); })
},
},
} }
} </script>
};
</script>
<style lang="scss" scoped> <style lang="scss" scoped>
.item-box{ .item-box {
display: flex;width: 100%;border-bottom: 1px solid green;margin-bottom: 10px; display: flex;
} width: 100%;
.bottom-box{ border-bottom: 1px solid green;
display: flex;width: 99%;border: 4px solid rgb(2, 196, 2);flex-wrap: wrap;margin: auto;position: relative; margin-bottom: 10px;
} }
</style> .bottom-box {
display: flex;
width: 99%;
border: 4px solid rgb(2, 196, 2);
flex-wrap: wrap;
margin: auto;
position: relative;
}
</style>