From beb0455e3d13d9d5447f9df495b46ca8e0dfda10 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Fri, 2 Dec 2022 15:09:07 +0800
Subject: [PATCH] =?UTF-8?q?BUG=E4=BF=AE=E6=94=B9=20=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E8=B5=84=E6=BA=90=20=E6=A8=A1=E7=B3=8A=E5=88=A4=E6=96=AD?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Application/ApplicationAbilityTrial.vue   | 366 ++++++++++--------
 1 file changed, 197 insertions(+), 169 deletions(-)

diff --git a/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue b/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue
index 78f62ff3..15871d0f 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue
@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-09 09:29:29
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-08-27 15:43:57
+ * @LastEditors: Light
+ * @LastEditTime: 2022-12-02 15:08:26
  * @Description: 应用详情
 -->
 <template>
@@ -16,8 +16,14 @@
           <!-- <p style="cursor: pointer; filter: blur(4px)">
             {{ dataFrom.link }}
           </p> -->
-          <p style="cursor: pointer;"
-            :class="{ 'blur-word': approveStatus == '通过' && whoShow1.itShowXiHaiAn ? false : true}">
+          <p
+            style="cursor: pointer"
+            :class="{
+              'blur-word': !(approveStatus == '通过' && whoShow1.itShowXiHaiAn
+                ? false
+                : true),
+            }"
+          >
             {{ dataFrom.link }}
           </p>
         </a-tooltip>
@@ -27,10 +33,20 @@
         <a-tooltip>
           <template #title>请申请后查看</template>
           <!-- <p style="filter: blur(4px)">{{ dataFrom.number }}</p> -->
-          <p :class="{ 'blur-word': approveStatus == '通过' && whoShow1.itShowXiHaiAn ? false : true}">{{ dataFrom.number
-          }}</p>
+          <p
+            :class="{
+              'blur-word': !(approveStatus == '通过' && whoShow1.itShowXiHaiAn
+                ? false
+                : true),
+            }"
+          >
+            {{ dataFrom.number }}
+          </p>
         </a-tooltip>
-        <div @click="copyFunction(dataFrom.number, '复制账号')" v-if="dataFrom.number != '' && flag">
+        <div
+          @click="copyFunction(dataFrom.number, '复制账号')"
+          v-if="dataFrom.number != '' && flag"
+        >
           复制账号
         </div>
         <!-- <div v-else id="zanwu">暂无</div> -->
@@ -40,9 +56,21 @@
         <a-tooltip>
           <template #title>请申请后查看</template>
           <p style="filter: blur(4px)">{{ dataFrom.password }}</p>
-          <p style="filter: blur(4px)" :class="{ 'blur-word': approveStatus == '通过' && whoShow1.itShowXiHaiAn ? false : true}">{{ dataFrom.password }}</p>
+          <p
+            style="filter: blur(4px)"
+            :class="{
+              'blur-word': !(approveStatus == '通过' && whoShow1.itShowXiHaiAn
+                ? false
+                : true),
+            }"
+          >
+            {{ dataFrom.password }}
+          </p>
         </a-tooltip>
-        <div @click="copyFunction(dataFrom.password2, '复制密码')" v-if="dataFrom.password2 != '' && flag">
+        <div
+          @click="copyFunction(dataFrom.password2, '复制密码')"
+          v-if="dataFrom.password2 != '' && flag"
+        >
           复制密码
         </div>
         <!-- <div v-else id="zanwu">暂无</div> -->
@@ -51,185 +79,185 @@
   </div>
 </template>
 <script setup>
-import DetalsTitle from '@/views/detailsAll/components/DetalsTitle.vue'
-import { ref, defineProps, watch } from 'vue'
-import { message } from 'ant-design-vue'
-let flag = ref(true)
-const whoShow1 = ref(whoShow)
-console.log('whoShow1', whoShow1.value.itShowQingDao)
-const props = defineProps({
-  dataList: { type: Object, default: null },
-})
-const dataFrom = ref({
-  linkName: '访问地址',
-  link: '',
-  numberName: '试用账号',
-  number: '',
-  passwordName: '试用密码',
-  password: '**************************',
-  password2: '',
-})
-console.log('props.dataList------------>', props.dataList);
-const approveStatus = ref('')
-
-if (props.dataList.infoList) {
-  let obj = props.dataList.approveStatus;
-  approveStatus.value = props.dataList.approveStatus
-  if (obj !== '通过' && whoShow1.value.itShowQingDao) {
-    flag.value = false
-  }
-  dataFrom.value.link = props.dataList.link
-  props.dataList.infoList.map((item) => {
-    if (item.attrType == '试用用户名' || item.attrType == '试用账号') {
-      dataFrom.value.number = item.attrValue
-    } else if (item.attrType == '试用密码') {
-      dataFrom.value.password2 = item.attrValue
-    }
+  import DetalsTitle from '@/views/detailsAll/components/DetalsTitle.vue'
+  import { ref, defineProps, watch } from 'vue'
+  import { message } from 'ant-design-vue'
+  let flag = ref(true)
+  const whoShow1 = ref(whoShow)
+  console.log('whoShow1', whoShow1.value.itShowQingDao)
+  const props = defineProps({
+    dataList: { type: Object, default: null },
   })
-  if (dataFrom.value.password2 === '') {
-    dataFrom.value.password = ''
-  }
-  // }
-}
-const clickLink = (link) => {
-  window.open(link)
-}
-//复制方法
-const copyFunction = (data, name) => {
-  if (data !== '') {
-    let url = data
-    let oInput = document.createElement('input')
-    oInput.value = url
-    document.body.appendChild(oInput)
-    oInput.select() // 选择对象;
-    console.log(oInput.value)
-    document.execCommand('Copy') // 执行浏览器复制命令
-    oInput.remove() // 执行浏览器复制命令
-    message.success(name + '成功')
-  } else {
-    message.error('复制为空')
-  }
-}
-message.config({
-  top: '100px', // 距离顶部的位置
-})
-// const success = () => {
-//   message.success({
-//     // content: 'This is a prompt message with custom className and style',
-//     className: 'custom-class',
-//     style: {},
-//   })
-// }
-watch(
-  () => props.dataList,
-  (val) => {
-    if (val) {
-      let obj = props.dataList.approveStatus
-      approveStatus.value = props.dataList.approveStatus
-      if (obj !== '通过' && whoShow1.value.itShowQingDao) {
-        flag.value = false
-      }
-      dataFrom.value.link = props.dataList.link
-      props.dataList.infoList.map((item) => {
-        if (item.attrType == '试用用户名' || item.attrType == '试用账号') {
-          dataFrom.value.number = item.attrValue
-        } else if (item.attrType == '试用密码') {
-          dataFrom.value.password2 = item.attrValue
-        }
-      })
-      if (dataFrom.value.password2 === '') {
-        dataFrom.value.password = ''
+  const dataFrom = ref({
+    linkName: '访问地址',
+    link: '',
+    numberName: '试用账号',
+    number: '',
+    passwordName: '试用密码',
+    password: '**************************',
+    password2: '',
+  })
+  console.log('props.dataList------------>', props.dataList)
+  const approveStatus = ref('')
+
+  if (props.dataList.infoList) {
+    let obj = props.dataList.approveStatus
+    approveStatus.value = props.dataList.approveStatus
+    if (obj !== '通过' && whoShow1.value.itShowQingDao) {
+      flag.value = false
+    }
+    dataFrom.value.link = props.dataList.link
+    props.dataList.infoList.map((item) => {
+      if (item.attrType == '试用用户名' || item.attrType == '试用账号') {
+        dataFrom.value.number = item.attrValue
+      } else if (item.attrType == '试用密码') {
+        dataFrom.value.password2 = item.attrValue
       }
+    })
+    if (dataFrom.value.password2 === '') {
+      dataFrom.value.password = ''
+    }
+    // }
+  }
+  const clickLink = (link) => {
+    window.open(link)
+  }
+  //复制方法
+  const copyFunction = (data, name) => {
+    if (data !== '') {
+      let url = data
+      let oInput = document.createElement('input')
+      oInput.value = url
+      document.body.appendChild(oInput)
+      oInput.select() // 选择对象;
+      console.log(oInput.value)
+      document.execCommand('Copy') // 执行浏览器复制命令
+      oInput.remove() // 执行浏览器复制命令
+      message.success(name + '成功')
+    } else {
+      message.error('复制为空')
     }
   }
-)
+  message.config({
+    top: '100px', // 距离顶部的位置
+  })
+  // const success = () => {
+  //   message.success({
+  //     // content: 'This is a prompt message with custom className and style',
+  //     className: 'custom-class',
+  //     style: {},
+  //   })
+  // }
+  watch(
+    () => props.dataList,
+    (val) => {
+      if (val) {
+        let obj = props.dataList.approveStatus
+        approveStatus.value = props.dataList.approveStatus
+        if (obj !== '通过' && whoShow1.value.itShowQingDao) {
+          flag.value = false
+        }
+        dataFrom.value.link = props.dataList.link
+        props.dataList.infoList.map((item) => {
+          if (item.attrType == '试用用户名' || item.attrType == '试用账号') {
+            dataFrom.value.number = item.attrValue
+          } else if (item.attrType == '试用密码') {
+            dataFrom.value.password2 = item.attrValue
+          }
+        })
+        if (dataFrom.value.password2 === '') {
+          dataFrom.value.password = ''
+        }
+      }
+    }
+  )
 </script>
 <style lang="less" scoped>
-.algorithm-on-trial {
-  padding: 0.8rem 0px 0.8rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  .main {
-    margin-top: 0.3rem;
-    width: 13rem;
-    height: 2.5rem;
-    background: url('~@/assets/detailsAll/kfzj_sybg.png') no-repeat;
-    display: grid;
-    grid-template-columns: 33.33% 33.33% 33.33%;
+  .algorithm-on-trial {
+    padding: 0.8rem 0px 0.8rem;
+    display: flex;
+    flex-direction: column;
     align-items: center;
 
-    .main-left {
-      border-right: 0.01rem #ffffff solid;
-      padding-left: 0.7rem;
-      padding-right: 1rem;
+    .main {
+      margin-top: 0.3rem;
+      width: 13rem;
+      height: 2.5rem;
+      background: url('~@/assets/detailsAll/kfzj_sybg.png') no-repeat;
+      display: grid;
+      grid-template-columns: 33.33% 33.33% 33.33%;
+      align-items: center;
 
-      &>p {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        word-break: break-all;
-        -webkit-box-orient: vertical;
+      .main-left {
+        border-right: 0.01rem #ffffff solid;
+        padding-left: 0.7rem;
+        padding-right: 1rem;
+
+        & > p {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          word-break: break-all;
+          -webkit-box-orient: vertical;
+        }
+      }
+
+      .main-center {
+        padding-left: 1rem;
+        padding-right: 1rem;
+      }
+
+      .main-right {
+        padding-right: 0.7rem;
+      }
+
+      & > div > p:first-child {
+        font-size: 0.26rem;
+        color: #ffffff;
+        font-weight: bold;
+      }
+
+      & > div > p:nth-child(2) {
+        font-size: 0.22rem;
+        color: #ffffff;
+        line-height: 0.34rem;
+      }
+
+      & > div:first-child > p:last-child {
+        text-decoration: underline;
+        word-wrap: break-word;
+        word-break: normal;
+      }
+
+      & > div > div:last-child {
+        height: 0.34rem;
+        width: 1.1rem;
+        border: 0.01rem solid #ffffff;
+        border-radius: 0.06rem;
+        font-size: 0.18rem;
+        color: #ffffff;
+        cursor: pointer;
+        text-align: center;
+        line-height: 0.34rem;
       }
     }
 
-    .main-center {
-      padding-left: 1rem;
-      padding-right: 1rem;
-    }
-
-    .main-right {
-      padding-right: 0.7rem;
-    }
-
-    &>div>p:first-child {
-      font-size: 0.26rem;
-      color: #ffffff;
-      font-weight: bold;
-    }
-
-    &>div>p:nth-child(2) {
-      font-size: 0.22rem;
-      color: #ffffff;
-      line-height: 0.34rem;
-    }
-
-    &>div:first-child>p:last-child {
-      text-decoration: underline;
-      word-wrap: break-word;
-      word-break: normal;
-    }
-
-    &>div>div:last-child {
+    #zanwu {
       height: 0.34rem;
       width: 1.1rem;
-      border: 0.01rem solid #ffffff;
-      border-radius: 0.06rem;
-      font-size: 0.18rem;
+      font-size: 0.24rem;
       color: #ffffff;
-      cursor: pointer;
-      text-align: center;
-      line-height: 0.34rem;
+      border: 0;
     }
   }
 
-  #zanwu {
-    height: 0.34rem;
-    width: 1.1rem;
-    font-size: 0.24rem;
-    color: #ffffff;
-    border: 0;
+  .blur-word {
+    filter: blur(4px);
   }
-}
-
-.blur-word {
-  filter: blur(4px);
-}
 </style>
 <style>
-.custom-class {
-  /* top: 100px; */
-}
+  .custom-class {
+    /* top: 100px; */
+  }
 </style>