合并

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

@@ -83,7 +83,6 @@
             </a-popconfirm>
           </div>
         </div>
-
         <div class="box" v-if="item.list.length > 0">
           <div
             class="ability"
@@ -146,6 +145,13 @@
                   </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">
@@ -166,13 +172,7 @@
                   >
                     附件下载
                   </a-button>
-                  <a-button
+                  
-                    type="primary"
-                    v-if="item.approveStatus === '通过'"
-                    @click.stop="switchFunction(item)"
-                  >
-                    查看详情
-                  </a-button>
                 </div>
               </div>
             </div>
@@ -238,7 +238,6 @@
         </div>
       </div>
     </div>
-
     <!-- 单个预览弹窗 -->
     <a-modal
       wrapClassName="single-preview-modal"
@@ -311,7 +310,6 @@
       'fullScreen',
     ], //显示所有按钮,
   })
-
   const dept = reactive({})
   // eslint-disable-next-line no-undef
   if (infrastructure) {
@@ -470,7 +468,6 @@
       }
     }
   }
-
   // 视频预览
   const openVideo = (item) => {
     console.log('打开视频', item)
@@ -494,11 +491,9 @@
     // visible.value = true
     // options.src = 'http://playertest.longtailvideo.com/adaptive/bipbop/gear4/prog_index.m3u8'
   }
-
   onMounted(() => {
     handleUser()
   })
-
   // 获取用户信息
   const userInfo = ref(null)
   const handleUser = () => {
@@ -522,19 +517,16 @@
         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 {
@@ -545,22 +537,17 @@
     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;
@@ -569,13 +556,11 @@
           justify-content: space-between;
           margin-top: 0.05rem;
         }
-
         .btn:hover {
           color: #0058e1;
           cursor: pointer;
         }
       }
-
       .item {
         span {
           width: 2.5rem;
@@ -583,19 +568,16 @@
       }
     }
   }
-
   .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;
@@ -604,20 +586,16 @@
             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;
@@ -626,37 +604,30 @@
               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;
@@ -665,22 +636,18 @@
               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;
@@ -691,7 +658,6 @@
                     -webkit-box-orient: vertical;
                     word-break: break-all;
                   }
-
                   .type {
                     background: #0087ff;
                     color: #fff;
@@ -702,10 +668,8 @@
                   }
                 }
               }
-
               .ability-bottom {
                 margin-top: 0.15rem;
-
                 // display: flex;
                 // justify-content: space-between;
                 .dec {
@@ -718,7 +682,6 @@
                   -webkit-box-orient: vertical;
                   word-break: break-all;
                 }
-
                 .dec2 {
                   width: 7rem;
                   height: 0.22rem;
@@ -729,7 +692,6 @@
                   -webkit-box-orient: vertical;
                   word-break: break-all;
                 }
-
                 // .result:hover {
                 //   color: #0058e1;
                 //   cursor: pointer;
@@ -739,20 +701,17 @@
                 }
               }
             }
-
             .DownloadAttachment {
               position: absolute;
               right: 10px;
               top: -150px;
             }
-
             .DownloadAttachment2 {
               position: absolute;
               right: 10px;
               top: -110px;
             }
           }
-
           .clickCursor {
             cursor: pointer;
           }
@@ -760,52 +719,44 @@
       }
     }
   }
-
   .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;