Compare commits

...

2 Commits

3 changed files with 70 additions and 29 deletions

View File

@ -2,15 +2,15 @@
* @Author: hisense.wuhongjian * @Author: hisense.wuhongjian
* @Date: 2022-08-25 14:37:49 * @Date: 2022-08-25 14:37:49
* @LastEditors: hisense.wuhongjian * @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-08-25 19:14:13 * @LastEditTime: 2022-08-26 16:56:59
* @Description: 告诉大家这是什么 * @Description: 告诉大家这是什么
*/ */
var _global = {} var _global = {}
var CONFIGITEM = { var CONFIGITEM = {
version: 'qingdao', // 青岛 // version: 'qingdao', // 青岛
// version: 'xihaian', // 西海岸 // version: 'xihaian', // 西海岸
// version: 'test', // 测试 // version: 'test', // 测试
// version: 'frp', // 内网穿透 version: 'frp', // 内网穿透
// version: 'dev', // 开发 // version: 'dev', // 开发
vNum: 'v0.8.7.1', vNum: 'v0.8.7.1',
configData: { configData: {

View File

@ -1,41 +1,67 @@
<!-- <!--
* @Author: hisense.liangjunhua * @Author: hisense.liangjunhua
* @Date: 2022-06-09 09:29:29 * @Date: 2022-06-09 09:29:29
* @LastEditors: hisense.liangjunhua * @LastEditors: hisense.wuhongjian
* @LastEditTime: 2022-06-13 15:21:26 * @LastEditTime: 2022-08-26 19:08:17
* @Description: 应用详情 * @Description: 应用详情
--> -->
<template> <template>
<div class="algorithm-on-trial" v-if="flag"> <div class="algorithm-on-trial">
<detals-title title="应用详情" type="PROBATION"></detals-title> <detals-title title="应用详情" type="PROBATION"></detals-title>
<div class="main"> <div class="main">
<div class="main-left"> <div class="main-left">
<p>{{ dataFrom.linkName }}</p> <p>{{ dataFrom.linkName }}</p>
<p style="cursor: pointer" @click="clickLink(dataFrom.link)"> <a-tooltip v-if="flag">
{{ dataFrom.link }} <template #title>{{ dataFrom.link }}</template>
</p> <p style="cursor: pointer" @click="clickLink(dataFrom.link)">
{{ dataFrom.link || '暂无' }}
</p>
</a-tooltip>
<a-tooltip v-else>
<template #title>请申请后查看</template>
<p
style="cursor: pointer; filter: blur(4px)"
@click="clickLink(dataFrom.link)"
>
{{ dataFrom.link }}
</p>
</a-tooltip>
</div> </div>
<div class="main-center"> <div class="main-center">
<p>{{ dataFrom.numberName }}</p> <p>{{ dataFrom.numberName }}</p>
<p>{{ dataFrom.number }}</p> <a-tooltip v-if="flag">
<template #title>{{ dataFrom.number }}</template>
<p>{{ dataFrom.number || '暂无' }}</p>
</a-tooltip>
<a-tooltip v-else>
<template #title>请申请后查看</template>
<p style="filter: blur(4px)">{{ dataFrom.number }}</p>
</a-tooltip>
<div <div
@click="copyFunction(dataFrom.number, '复制账号')" @click="copyFunction(dataFrom.number, '复制账号')"
v-if="dataFrom.number != ''" v-if="dataFrom.number != '' && flag"
> >
复制账号 复制账号
</div> </div>
<div v-else id="zanwu">暂无</div> <!-- <div v-else id="zanwu">暂无</div> -->
</div> </div>
<div class="main-right"> <div class="main-right">
<p>{{ dataFrom.passwordName }}</p> <p>{{ dataFrom.passwordName }}</p>
<p>{{ dataFrom.password }}</p> <a-tooltip v-if="flag">
<template #title>{{ dataFrom.password }}</template>
<p>{{ dataFrom.password || '暂无' }}</p>
</a-tooltip>
<a-tooltip v-else>
<template #title>请申请后查看</template>
<p style="filter: blur(4px)">{{ dataFrom.password }}</p>
</a-tooltip>
<div <div
@click="copyFunction(dataFrom.password2, '复制密码')" @click="copyFunction(dataFrom.password2, '复制密码')"
v-if="dataFrom.password != ''" v-if="dataFrom.password2 != '' && flag"
> >
复制密码 复制密码
</div> </div>
<div v-else id="zanwu">暂无</div> <!-- <div v-else id="zanwu">暂无</div> -->
</div> </div>
</div> </div>
</div> </div>

View File

@ -12,7 +12,7 @@
v-if="whoShow1 && whoShow1.itShowQingDao" v-if="whoShow1 && whoShow1.itShowQingDao"
style="width: 100%; display: flex; justify-content: center" style="width: 100%; display: flex; justify-content: center"
> >
<div class="content" v-show="approveStatus == '通过'"> <div class="content">
<div <div
v-for="(item, index) in dataFrom.content" v-for="(item, index) in dataFrom.content"
:key="index" :key="index"
@ -23,7 +23,17 @@
<div v-for="carditem in item.childrenContent" :key="carditem"> <div v-for="carditem in item.childrenContent" :key="carditem">
<div style="display: flex"> <div style="display: flex">
<span>{{ carditem.attrType }}</span> <span>{{ carditem.attrType }}</span>
<a-tooltip> <a-tooltip
v-if="
approveStatus !== '通过' &&
(carditem.attrType === '联系人' ||
carditem.attrType === '联系人电话')
"
>
<template #title>请申请后查看</template>
<span class="word-filter">{{ carditem.attrValue }}</span>
</a-tooltip>
<a-tooltip v-else>
<template #title>{{ carditem.attrValue }}</template> <template #title>{{ carditem.attrValue }}</template>
<span>{{ carditem.attrValue }}</span> <span>{{ carditem.attrValue }}</span>
</a-tooltip> </a-tooltip>
@ -32,13 +42,13 @@
</div> </div>
</div> </div>
</div> </div>
<div v-show="approveStatus !== '通过'" class="contentOther"> <!-- <div v-show="approveStatus !== '通过'" class="contentOther">
<img src="~@/assets/detailsAll/uesBefore.png" /> <img src="~@/assets/detailsAll/uesBefore.png" />
<div class="contentOtherRight"> <div class="contentOtherRight">
<p>请在申请能力后返回查看归属部门与服务商</p> <p>请在申请能力后返回查看归属部门与服务商</p>
<div @click="toView()">进入能力申请</div> <div @click="toView()">进入能力申请</div>
</div> </div>
</div> </div> -->
</div> </div>
<!-- 其他 --> <!-- 其他 -->
<div v-else> <div v-else>
@ -247,7 +257,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.word-filter {
filter: blur(4px);
}
.title { .title {
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
} }
@ -261,10 +273,13 @@
height: 1.5rem; height: 1.5rem;
width: 6.2rem; width: 6.2rem;
border-radius: 0.2rem; border-radius: 0.2rem;
background: url('~@/assets/detailsAll/business/business_usage_mode_bg.png') background: linear-gradient(
no-repeat; to right,
background-position: center; rgba(113, 132, 252, 0.4),
background-size: 100% 100%; rgba(148, 163, 252, 0.4)
);
// background-position: center;
// background-size: 100% 100%;
padding: 0 0.3rem; padding: 0 0.3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -298,11 +313,11 @@
span:last-child { span:last-child {
display: block; display: block;
width: 2.3rem; width: 2.3rem;
overflow: hidden; // overflow: hidden;
text-overflow: ellipsis; // text-overflow: ellipsis;
-webkit-box-orient: vertical; // -webkit-box-orient: vertical;
-webkit-line-clamp: 1; // -webkit-line-clamp: 1;
word-break: break-all; // word-break: break-all;
} }
} }
} }