front/src/views/personalCenter/components/AbilityApplication.vue

@@ -83,6 +83,7 @@
             </a-popconfirm>
           </div>
         </div>
+
         <div class="box" v-if="item.list.length > 0">
           <div
             class="ability"
@@ -145,13 +146,6 @@
                   </div>
                 </div>
                 <div></div>
-                <a-button
-                    type="primary"
-                    v-if="item.approveStatus === '通过'"
-                    @click.stop="switchFunction(item)"
-                  >
-                    查看详情
-                  </a-button>
                 <!-- <div class="btn" v-if="val.type == '组件服务'">技术文档</div> -->
               </div>
               <div class="ability-bottom">
@@ -172,7 +166,13 @@
                   >
                     附件下载
                   </a-button>
-                  
+                  <a-button
+                    type="primary"
+                    v-if="item.approveStatus === '通过'"
+                    @click.stop="switchFunction(item)"
+                  >
+                    查看详情
+                  </a-button>
                 </div>
               </div>
             </div>
@@ -238,6 +238,7 @@
         </div>
       </div>
     </div>
+
     <!-- 单个预览弹窗 -->
     <a-modal
       wrapClassName="single-preview-modal"
@@ -310,6 +311,7 @@
       'fullScreen',
     ], //显示所有按钮,
   })
+
   const dept = reactive({})
   // eslint-disable-next-line no-undef
   if (infrastructure) {
@@ -468,6 +470,7 @@
       }
     }
   }
+
   // 视频预览
   const openVideo = (item) => {
     console.log('打开视频', item)
@@ -491,9 +494,11 @@
     // visible.value = true
     // options.src = 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8'
   }
+
   onMounted(() => {
     handleUser()
   })
+
   // 获取用户信息
   const userInfo = ref(null)
   const handleUser = () => {
@@ -517,16 +522,19 @@
         message.warning(err)
       })
   }
+
   const openView = (url) => {
     window.open(url, '_blank')
   }
 </script>
+
 <style lang="less" scoped>
   .aaa {
     margin-right: 30px;
   }
   :deep(.ant-popover-inner) {
     position: fixed !important;
+
     margin-right: 100px;
   }
   .title {
@@ -537,17 +545,22 @@
     padding-left: 0.1rem;
     border-left: 0.06rem #0058e1 solid;
   }
+
   .top {
     margin-bottom: 0.1rem;
+
     .main {
       background: #eee;
       padding: 0.2rem 0.2rem 0.1rem;
+
       p {
         display: flex;
         justify-content: space-between;
+
         & > span {
           width: 100%;
         }
+
         .enclosure {
           width: 95%;
           padding: 0.05rem 0.1rem;
@@ -556,11 +569,13 @@
           justify-content: space-between;
           margin-top: 0.05rem;
         }
+
         .btn:hover {
           color: #0058e1;
           cursor: pointer;
         }
       }
+
       .item {
         span {
           width: 2.5rem;
@@ -568,16 +583,19 @@
       }
     }
   }
+
   .bottom {
     .main {
       .item {
         border-top: 1px #eee solid;
+
         .deptName {
           color: #0058e1;
           font-size: 0.16rem;
           margin-top: 0.1rem;
           display: flex;
           align-items: center;
+
           .img {
             width: 0.05rem;
             height: 0.05rem;
@@ -586,16 +604,20 @@
             margin-right: 0.1rem;
           }
         }
+
         .oddNumbers {
           margin: 0.1rem 0 0 0.15rem;
         }
+
         .box {
           margin-left: 0.1rem;
+
           .ability {
             height: 1.6rem;
             display: flex;
             border-bottom: 1px #eee solid;
             padding: 0.1rem 0;
+
             .left {
               display: inline-block;
               width: 1.1rem;
@@ -604,30 +626,37 @@
               background: url('~@/assets/home/sxt_square.png') no-repeat;
               background-size: 100%;
             }
+
             .sxt {
               background: url('~@/assets/home/sxt_square.png') no-repeat;
               background-size: 100%;
             }
+
             .yyzy {
               background: url('~@/assets/home/yyzy_square.png') no-repeat;
               background-size: 100%;
             }
+
             .znsf {
               background: url('~@/assets/home/znsf_square.png') no-repeat;
               background-size: 100%;
             }
+
             .tcfw {
               background: url('~@/assets/home/tcfw_square.png') no-repeat;
               background-size: 100%;
             }
+
             .kfzj {
               background: url('~@/assets/home/kfzj_square.png') no-repeat;
               background-size: 100%;
             }
+
             .ywzj {
               background: url('~@/assets/home/ywzj_square.png') no-repeat;
               background-size: 100%;
             }
+
             .btn {
               cursor: pointer;
               color: #0087ff;
@@ -636,18 +665,22 @@
               border: 1px #0087ff solid;
               border-radius: 0.2rem;
             }
+
             .right {
               flex: 1;
               margin-left: 0.15rem;
+
               .ability-top {
                 width: 100%;
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
+
                 .name {
                   width: 6rem;
                   height: 0.2rem;
                   display: flex;
+
                   .channelName {
                     max-width: 5rem;
                     height: 0.2rem;
@@ -658,6 +691,7 @@
                     -webkit-box-orient: vertical;
                     word-break: break-all;
                   }
+
                   .type {
                     background: #0087ff;
                     color: #fff;
@@ -668,8 +702,10 @@
                   }
                 }
               }
+
               .ability-bottom {
                 margin-top: 0.15rem;
+
                 // display: flex;
                 // justify-content: space-between;
                 .dec {
@@ -682,6 +718,7 @@
                   -webkit-box-orient: vertical;
                   word-break: break-all;
                 }
+
                 .dec2 {
                   width: 7rem;
                   height: 0.22rem;
@@ -692,6 +729,7 @@
                   -webkit-box-orient: vertical;
                   word-break: break-all;
                 }
+
                 // .result:hover {
                 //   color: #0058e1;
                 //   cursor: pointer;
@@ -701,17 +739,20 @@
                 }
               }
             }
+
             .DownloadAttachment {
               position: absolute;
               right: 10px;
               top: -150px;
             }
+
             .DownloadAttachment2 {
               position: absolute;
               right: 10px;
               top: -110px;
             }
           }
+
           .clickCursor {
             cursor: pointer;
           }
@@ -719,44 +760,52 @@
       }
     }
   }
+
   .single-preview-modal {
     .ant-modal-header {
       background: url(~@/assets/home/video-background.png) no-repeat;
       background-size: cover;
     }
+
     .ant-modal-title {
       font-size: 0.16rem;
       font-weight: 500;
       color: #ffffff;
     }
+
     .anticon {
       color: #ffffff;
     }
   }
+
   // 左上
   .waterMark-left-top {
     left: 50px;
     top: 100px;
     text-align: left;
   }
+
   // 右上
   .waterMark-right-top {
     right: 50px;
     top: 100px;
     text-align: right;
   }
+
   // 左下
   .waterMark-left-bottom {
     left: 50px;
     bottom: 100px;
     text-align: left;
   }
+
   // 右下
   .waterMark-right-bottom {
     right: 50px;
     bottom: 100px;
     text-align: right;
   }
+
   .waterMark {
     position: absolute;
     z-index: 99999999;