优化下载页展示

fir_client/src/components/FirDownload.vue

@@ -3,7 +3,8 @@
         <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
 
 
-        <div class="wechat_tip_content" v-if="agent === 'wxandroid' || agent === 'wxapple'">
+        <div class="wechat_tip_content" v-if="(agent === 'wxandroid' || agent === 'wxapple') && !wrong">
+            <div class="mask">
                 <div class="wechat_tip" v-show="agent === 'wxandroid'">
                     <i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开"
                 </div>
@@ -11,6 +12,7 @@
                     <i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开"
                 </div>
             </div>
+        </div>
 
         <div v-else>
             <!--            <span class="pattern left"><img src="@/assets/down_left.png"></span>-->
@@ -64,12 +66,13 @@
 
                                 <div id="actions" class="actions" v-if="agent !==''"
                                      style="margin-top: 20%;margin-bottom: 20%">
+                                    <button type="button" v-if="wrong">{{ msg }}</button>
 
-                                    <el-button type="info" round v-if="agent === 'wxandroid' || agent === 'wxapple'">
+                                    <el-button type="info" round
+                                               v-else-if="agent === 'wxandroid' || agent === 'wxapple'">
                                         不支持在微信内下载
                                     </el-button>
 
-                                    <button type="button" v-else-if="wrong">{{ msg }}</button>
                                     <div v-else style="margin-top: 20%;margin-bottom: 20%">
                                         <div v-if="isdownload">
                                             <div v-if="gomobile">
@@ -692,6 +695,15 @@
 </script>
 
 <style scoped>
+    .mask {
+        z-index: 9;
+        position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background: rgba(0, 0, 0, .5);
+    }
 
     .text-black {
         color: #505556
@@ -710,7 +722,8 @@
 
     .wechat_tip, .wechat_tip > i {
         position: absolute;
-        right: 10px
+        right: 10px;
+        z-index: 99999;
     }
 
     .wechat_tip {
@@ -727,7 +740,7 @@
         color: #fff;
         font-size: 14px;
         font-weight: 500;
-        width: 135px;
+        width: 166px;
         height: 60px;
         border-radius: 10px;
         top: 15px

fir_client/src/components/ShortDownload.vue

@@ -24,7 +24,8 @@
         <div ref="bg" class="bg"></div>
 
 
-        <div class="wechat_tip_content" v-if="agent === 'wxandroid' || agent === 'wxapple'">
+        <div class="wechat_tip_content" v-if="(agent === 'wxandroid' || agent === 'wxapple') && !wrong">
+            <div class="mask">
                 <div class="wechat_tip" v-show="agent === 'wxandroid'">
                     <i class="triangle-up"/>请点击右上角<br>选择"在浏览器打开"
                 </div>
@@ -32,6 +33,7 @@
                     <i class="triangle-up"/>请点击右上角<br>选择"在Safari中打开"
                 </div>
             </div>
+        </div>
 
         <div v-else>
             <!--        <span class="pattern left"><img src="@/assets/download_pattern_left.png"></span>-->
@@ -85,12 +87,12 @@
 
                                 <div id="actions" class="actions" v-if="agent !==''"
                                      style="margin-top: 20%;margin-bottom: 20%">
+                                    <button type="button" v-if="wrong">{{ msg }}</button>
 
-                                    <button v-if="agent === 'wxandroid' || agent === 'wxapple'">
+                                    <button v-else-if="agent === 'wxandroid' || agent === 'wxapple'">
                                         不支持在微信内下载
                                     </button>
 
-                                    <button type="button" v-else-if="wrong">{{ msg }}</button>
                                     <div v-else style="margin-top: 20%;margin-bottom: 20%">
                                         <div v-if="isdownload">
                                             <div v-if="gomobile">
@@ -678,6 +680,15 @@
 </script>
 
 <style scoped>
+    .mask {
+        z-index: 9;
+        position: fixed;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        background: rgba(0, 0, 0, .5);
+    }
 
     .text-black {
         color: #505556
@@ -696,7 +707,8 @@
 
     .wechat_tip, .wechat_tip > i {
         position: absolute;
-        right: 10px
+        right: 10px;
+        z-index: 99999;
     }
 
     .wechat_tip {
@@ -713,7 +725,7 @@
         color: #fff;
         font-size: 14px;
         font-weight: 500;
-        width: 135px;
+        width: 166px;
         height: 60px;
         border-radius: 10px;
         top: 15px

fir_client/src/components/user/FirSuperSignBase.vue

@@ -158,7 +158,8 @@
                             width="100">
                         <template slot-scope="scope">
                             <el-popover trigger="hover" placement="top">
-                                <p v-if="!scope.row.certid && scope.row.is_actived === true">开发证书不可用，请在编辑中导入或手动创建发布证书</p>
+                                <p v-if="!scope.row.certid && scope.row.is_actived === true">
+                                    开发证书不可用，请在编辑中导入或手动创建发布证书</p>
                                 <p v-if="!scope.row.certid && scope.row.is_actived !== true">请先激活开发者账户</p>
                                 <p v-if="scope.row.certid && scope.row.is_actived === true">账户已经启用</p>
                                 <div slot="reference" class="name-wrapper">