Compare commits
2 Commits
bfc88508d8
...
8a0ac98824
Author | SHA1 | Date |
---|---|---|
wuhongjian | 8a0ac98824 | |
wuhongjian | 0e224958ce |
|
@ -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: {
|
||||||
|
|
|
@ -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>
|
||||||
|
<a-tooltip v-if="flag">
|
||||||
|
<template #title>{{ dataFrom.link }}</template>
|
||||||
<p style="cursor: pointer" @click="clickLink(dataFrom.link)">
|
<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 }}
|
{{ dataFrom.link }}
|
||||||
</p>
|
</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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue