guoyuepeng
/
qa-prevention-xgf-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev' into dev

dev
huangyuxuan 2024-12-18 16:42:31 +08:00
parent 25279bcd76 2cf6d5c79a
commit da4d5c1f54
2 changed files with 60 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/qrcode/assets/images/xgf_hgz/error.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

64
static/qrcode/views/xgf_hgz/index.html
View File

@ -14,7 +14,41 @@
<!--全局配置-->
<script src="../../../config.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<style>
<style lang="scss">
.unValid_container{
width: 100%;
height: 100%;
position: fixed;
background: #ffffff;
top: 0;
left: 0;
text-align: center;
.unValid{
width: 100%;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
.reason{
width: 80%;
margin: 50px auto;
background: #f9f9f9;
border-radius: 4px;
padding: 20px;
box-sizing: border-box;
text-align: left;
font-size: 14px;
.main{
margin-top: 10px;
color: #da1818;
}
}
}
}
.training_records {
margin: 0 10px;
}
@ -103,11 +137,16 @@
font-size: 24px;
color: #ff0000;
}
.textQrStyle{
font-size: 50px;
color: red;
text-align: center;
}
</style>
</head>
<body style="background-color: #f1f1f1;">
<div id="app">
<div class="dy-card">
<div v-if="unValidFlag !== '1'" class="dy-card">
<div class="bg_table">
<div class="title">相关方安全告知培训合格证</div>
<div class="Number">{{ message.CLASS_NO }}</div>
@ -185,7 +224,7 @@
</table>
</div>
</div>
<div class="dy-card">
<div v-if="unValidFlag !== '1'" class="dy-card">
<van-divider content-position="left">人员信息</van-divider>
<van-cell-group>
<van-cell title="照片">
@ -346,6 +385,19 @@
<van-image-preview v-model="show" :images="images" :start-position="startPosition">
</van-image-preview>
</div>
<div v-if="unValidFlag === '1'">
<div class="unValid_container">
<div class="unValid">
<img src="../../assets/images/xgf_hgz/error.png" alt="" width="150px">
<p>合格证已失效</p>
<div class="reason">
<b >失效原因:</b>
<div class="main">{{unValidInfo}}</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../../assets/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
@ -367,7 +419,9 @@
socialPhotoFile: [],
gongshangbaoxianFile: [],
insuranceFileList: [],
trainRecordList: []
trainRecordList: [],
unValidFlag: '0',
unValidInfo: ''
},
methods: {
//初始执行
@ -393,6 +447,8 @@
},
success: function (data) {
_this.message = data.pd
_this.unValidFlag = data.pd.unValidFlag
_this.unValidInfo = data.pd.unValidInfo
_this.USER_ID = data.pd.USER_ID
new QRCode(document.querySelector(".qrcode"), {
text: config.messageUrl + '?CLASS_INFO_ID=' + _this.CLASS_INFO_ID,