diff --git a/static/qrcode/assets/images/xgf_hgz/error.png b/static/qrcode/assets/images/xgf_hgz/error.png
new file mode 100644
index 0000000..c6b7f8b
Binary files /dev/null and b/static/qrcode/assets/images/xgf_hgz/error.png differ
diff --git a/static/qrcode/views/xgf_hgz/index.html b/static/qrcode/views/xgf_hgz/index.html
index 3310244..7270644 100644
--- a/static/qrcode/views/xgf_hgz/index.html
+++ b/static/qrcode/views/xgf_hgz/index.html
@@ -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,
