From e077a04c081aaed5b2a438a2b4e9b2d502c92843 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Wed, 21 Sep 2022 22:33:35 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A5=BF=E6=B5=B7=E5=B2=B8=EF=BC=9A=E5=BA=94?=
 =?UTF-8?q?=E7=94=A8=E8=AF=A6=E6=83=85=EF=BC=9A=E5=A2=9E=E5=8A=A0=20?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=E9=80=9A=E8=BF=87=E5=8F=AF=E4=BB=A5=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E9=A9=AC=E8=B5=9B=E5=85=8B=E5=86=85=E5=AE=B9=20?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Application/ApplicationAbilityTrial.vue   | 326 ++++++++++--------
 1 file changed, 173 insertions(+), 153 deletions(-)

diff --git a/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue b/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue
index c5245cd6..78f62ff3 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationAbilityTrial.vue
@@ -13,7 +13,11 @@
         <p>{{ dataFrom.linkName }}</p>
         <a-tooltip>
           <template #title>请申请后查看</template>
-          <p style="cursor: pointer; filter: blur(4px)">
+          <!-- <p style="cursor: pointer; filter: blur(4px)">
+            {{ dataFrom.link }}
+          </p> -->
+          <p style="cursor: pointer;"
+            :class="{ 'blur-word': approveStatus == '通过' && whoShow1.itShowXiHaiAn ? false : true}">
             {{ dataFrom.link }}
           </p>
         </a-tooltip>
@@ -22,12 +26,11 @@
         <p>{{ dataFrom.numberName }}</p>
         <a-tooltip>
           <template #title>请申请后查看</template>
-          <p style="filter: blur(4px)">{{ dataFrom.number }}</p>
+          <!-- <p style="filter: blur(4px)">{{ 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> -->
@@ -37,11 +40,9 @@
         <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>
         </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> -->
@@ -50,166 +51,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: '',
-  })
-  if (props.dataList.infoList) {
-    let obj = 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 = ''
-    }
-    // }
+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
   }
-  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('复制为空')
+  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
     }
-  }
-  message.config({
-    top: '100px', // 距离顶部的位置
   })
-  // const success = () => {
-  //   message.success({
-  //     // content: 'This is a prompt message with custom className and style',
-  //     className: 'custom-class',
-  //     style: {},
-  //   })
+  if (dataFrom.value.password2 === '') {
+    dataFrom.value.password = ''
+  }
   // }
-  watch(
-    () => props.dataList,
-    (val) => {
-      if (val) {
-        let obj = 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;
+.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%;
     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%;
-      align-items: center;
-      .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-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;
       }
     }
-    #zanwu {
+
+    .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;
-      font-size: 0.24rem;
+      border: 0.01rem solid #ffffff;
+      border-radius: 0.06rem;
+      font-size: 0.18rem;
       color: #ffffff;
-      border: 0;
+      cursor: pointer;
+      text-align: center;
+      line-height: 0.34rem;
     }
   }
+
+  #zanwu {
+    height: 0.34rem;
+    width: 1.1rem;
+    font-size: 0.24rem;
+    color: #ffffff;
+    border: 0;
+  }
+}
+
+.blur-word {
+  filter: blur(4px);
+}
 </style>
 <style>
-  .custom-class {
-    /* top: 100px; */
-  }
+.custom-class {
+  /* top: 100px; */
+}
 </style>