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"
width="80"
type="index"
:index="indexContinuation(queryParams.pageNum, queryParams.pageSize)"
:index="
indexContinuation(queryParams.pageNum, queryParams.pageSize)
"
>
<!-- <template slot-scope="scope">
<span>{{
@ -299,22 +301,42 @@ export default {
/* 新购任务 */
{
taskTypeId: 23,
routerPath: 'store/newBuy/newDevicesList',
routerPath: 'store/newPurchase/tools',
},
/* 领料任务 */
{
taskTypeId: 29,
routerPath: 'claimAndRefund/receive/receiveManage',
routerPath: 'claimAndRefund/picking/apply',
},
/* 退料任务 */
{
taskTypeId: 36,
routerPath: 'claimAndRefund/return/returnApply',
routerPath: 'claimAndRefund/return/apply',
},
/* 维修任务 */
{
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.urgingDialogVisible = true

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

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