理事会员证书查询

ruoyi-ui/src/views/certInquire/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="main">
-        <div>
+        <div >
             <router-view></router-view>
         </div>
     </div>
@@ -8,6 +8,13 @@
 <script>
 </script>
 <style lang="scss">
+body,html{
+  height: 100vh;
+  width: 100vw;
+}
+.height100{
+  height: 100%;
+}
 .main {
   text-align: left;
   height: 100%;
@@ -160,19 +167,22 @@
   text-align: left;
   margin: 10px 0;
   line-height: 32px;
-  // text-indent: 2em;
-  text-indent: 3em;
+  text-indent: 2em;
+  // text-indent: 3em;
   position: absolute;
     /* top: 129px; */
   bottom: 265px;
   margin-top: 30px;
-   padding-right: 50px;
+  padding-right: 80px;
+  left: 88px;
 }
 .con-name {
-  font-family:黑体 ;
   margin-right: 10px;
   font-size: 24px;
 }
+.heiti{
+  font-family:黑体 ;
+}
 .con-unit {
   font-size: 20px;
   font-weight: 700;
@@ -225,4 +235,10 @@
   bottom: 64px;
   left: 175px;
 }
+.z10{
+  z-index: 10;
+}
+.z01{
+  z-index: 1;
+}
 </style>

ruoyi-ui/src/views/certInquire/member/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div >
       <div class="main-content">
         <div class="img-box">
             <img src="../../../assets/logo/logo2.png" alt="广东省教师继续教育学会">
@@ -38,6 +38,22 @@
             </div>
         </div>
       </div>
+      <!-- <div style="position:fixed;top:-900px;left:-500px">
+        <div id="pdfDomm" ref="posterWrap" >
+        <div class="proBox" >
+          <img class="proBox-img" :src="data.url" >
+          <div class="con" >
+            <span class="con-name heiti">{{data.name}}</span>
+            <span>{{data.certContent}}</span>
+          </div>
+          <span class="foot-term" :style="{bottom:'+data.top+'+'px'}">{{data.validTerm}}</span>
+          <span class="foot-cert">{{data.certId}}</span>
+          <span class="foot-date">{{data.issueDate}}</span>
+          </div>
+        </div>
+        <el-button type="primary" @click="getPdf('#pdfDomm')" ref="download">下载</el-button>
+      </div> -->
+      
       <el-dialog
         title="证书预览和下载"
         :visible.sync="dialogVisible"
@@ -49,35 +65,17 @@
           <div class="proBox" >
             <!-- :style="{backgroundImage:'url('+data.imgurl+')'}" -->
             <img class="proBox-img" :src="data.url" >
-            <!-- < <p class="tit">{{data.title}}</p> 
-            <p class="proid"><span>编号：</span> <span>xxjj2021412</span></p> -->
             <div class="con" >
-              <span class="con-name">{{data.name}}</span>
+              <span class="con-name heiti">{{data.name}}</span>
               <span>{{data.certContent}}</span>
             </div>
-            <span class="foot-term" :style="{bottom:'+data.top+'+'px'}">{{data.validTerm}}</span>
+            <span class="foot-term">{{data.validTerm}}</span>
             <span class="foot-cert">{{data.certId}}</span>
             <span class="foot-date">{{data.issueDate}}</span>
-            <!-- <p class="con">特发此证。</p>
-            <div class="con-unit">
-              <p>广东省教师继续教育学会</p>
-            </div>  -->
-            <!-- <div class="con-footer">
-              <p>广东省教师继续教育学会证书查询:</p>
-              <p>请关注学会微信公众号“粤师继教”(gqisjxjyxh)查询</p>
-            </div> -->
-            <!-- <div class="cert-msg">
-              <p>证书编号：{{data.d_code}}</p>
-              <p>发证时间：{{data.issue_date}}</p>
-            </div> -->
           </div>
-          <!-- <img :src="imgUrl" > -->
         </div>
         <span slot="footer" class="dialog-footer">
-          <!-- <el-checkbox v-model="isShow" style="margin-right: 20px;">添加盖章</el-checkbox> -->
           <el-button @click="handleClose">取 消</el-button>
-          <!-- <el-button type="primary" @click="makePoster">下载</el-button>   bnm,.//.,mnbvcx
-           -->
           <el-button type="primary" @click="getPdf('#pdfDom')">下载</el-button>
         </span>
       </el-dialog>
@@ -123,8 +121,7 @@ export default {
         updateDate: null,
         updateTime: null,
         validTerm: "22222222"
-      },
-      majorData:[],
+      }
     };
   },
   methods:{
@@ -175,8 +172,12 @@ export default {
                 this.htmlTitle = this.data.name
                 this.data.url = img
                 this.dialogVisible = true
-                // console.log(host)
               })
+              setTimeout(()=>{
+                if(this.iconShow){
+                  this.iconShow = false
+                }
+              },10000)
             }catch(error){
               this.iconShow = false
               this.getCode()