西海岸：应用详情：增加 审批通过可以查看马赛克内容 逻辑
This commit is contained in:
parent
a5df439fd0
commit
e077a04c08
|
|
@ -13,7 +13,11 @@
|
||||||
<p>{{ dataFrom.linkName }}</p>
|
<p>{{ dataFrom.linkName }}</p>
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>请申请后查看</template>
|
<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 }}
|
{{ dataFrom.link }}
|
||||||
</p>
|
</p>
|
||||||
</a-tooltip>
|
</a-tooltip>
|
||||||
|
|
@ -22,12 +26,11 @@
|
||||||
<p>{{ dataFrom.numberName }}</p>
|
<p>{{ dataFrom.numberName }}</p>
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>请申请后查看</template>
|
<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>
|
</a-tooltip>
|
||||||
<div
|
<div @click="copyFunction(dataFrom.number, '复制账号')" v-if="dataFrom.number != '' && flag">
|
||||||
@click="copyFunction(dataFrom.number, '复制账号')"
|
|
||||||
v-if="dataFrom.number != '' && flag"
|
|
||||||
>
|
|
||||||
复制账号
|
复制账号
|
||||||
</div>
|
</div>
|
||||||
<!-- <div v-else id="zanwu">暂无</div> -->
|
<!-- <div v-else id="zanwu">暂无</div> -->
|
||||||
|
|
@ -37,11 +40,9 @@
|
||||||
<a-tooltip>
|
<a-tooltip>
|
||||||
<template #title>请申请后查看</template>
|
<template #title>请申请后查看</template>
|
||||||
<p style="filter: blur(4px)">{{ dataFrom.password }}</p>
|
<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>
|
</a-tooltip>
|
||||||
<div
|
<div @click="copyFunction(dataFrom.password2, '复制密码')" v-if="dataFrom.password2 != '' && flag">
|
||||||
@click="copyFunction(dataFrom.password2, '复制密码')"
|
|
||||||
v-if="dataFrom.password2 != '' && flag"
|
|
||||||
>
|
|
||||||
复制密码
|
复制密码
|
||||||
</div>
|
</div>
|
||||||
<!-- <div v-else id="zanwu">暂无</div> -->
|
<!-- <div v-else id="zanwu">暂无</div> -->
|
||||||
|
|
@ -50,166 +51,185 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle.vue'
|
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle.vue'
|
||||||
import { ref, defineProps, watch } from 'vue'
|
import { ref, defineProps, watch } from 'vue'
|
||||||
import { message } from 'ant-design-vue'
|
import { message } from 'ant-design-vue'
|
||||||
let flag = ref(true)
|
let flag = ref(true)
|
||||||
const whoShow1 = ref(whoShow)
|
const whoShow1 = ref(whoShow)
|
||||||
console.log('whoShow1', whoShow1.value.itShowQingDao)
|
console.log('whoShow1', whoShow1.value.itShowQingDao)
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
dataList: { type: Object, default: null },
|
dataList: { type: Object, default: null },
|
||||||
})
|
})
|
||||||
const dataFrom = ref({
|
const dataFrom = ref({
|
||||||
linkName: '访问地址',
|
linkName: '访问地址',
|
||||||
link: '',
|
link: '',
|
||||||
numberName: '试用账号',
|
numberName: '试用账号',
|
||||||
number: '',
|
number: '',
|
||||||
passwordName: '试用密码',
|
passwordName: '试用密码',
|
||||||
password: '**************************',
|
password: '**************************',
|
||||||
password2: '',
|
password2: '',
|
||||||
})
|
})
|
||||||
if (props.dataList.infoList) {
|
console.log('props.dataList------------>', props.dataList);
|
||||||
let obj = props.dataList.approveStatus
|
const approveStatus = ref('')
|
||||||
if (obj !== '通过' && whoShow1.value.itShowQingDao) {
|
|
||||||
flag.value = false
|
if (props.dataList.infoList) {
|
||||||
}
|
let obj = props.dataList.approveStatus;
|
||||||
dataFrom.value.link = props.dataList.link
|
approveStatus.value = props.dataList.approveStatus
|
||||||
props.dataList.infoList.map((item) => {
|
if (obj !== '通过' && whoShow1.value.itShowQingDao) {
|
||||||
if (item.attrType == '试用用户名' || item.attrType == '试用账号') {
|
flag.value = false
|
||||||
dataFrom.value.number = item.attrValue
|
|
||||||
} else if (item.attrType == '试用密码') {
|
|
||||||
dataFrom.value.password2 = item.attrValue
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if (dataFrom.value.password2 === '') {
|
|
||||||
dataFrom.value.password = ''
|
|
||||||
}
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
const clickLink = (link) => {
|
dataFrom.value.link = props.dataList.link
|
||||||
window.open(link)
|
props.dataList.infoList.map((item) => {
|
||||||
}
|
if (item.attrType == '试用用户名' || item.attrType == '试用账号') {
|
||||||
//复制方法
|
dataFrom.value.number = item.attrValue
|
||||||
const copyFunction = (data, name) => {
|
} else if (item.attrType == '试用密码') {
|
||||||
if (data !== '') {
|
dataFrom.value.password2 = item.attrValue
|
||||||
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 = () => {
|
if (dataFrom.value.password2 === '') {
|
||||||
// message.success({
|
dataFrom.value.password = ''
|
||||||
// // content: 'This is a prompt message with custom className and style',
|
}
|
||||||
// className: 'custom-class',
|
|
||||||
// style: {},
|
|
||||||
// })
|
|
||||||
// }
|
// }
|
||||||
watch(
|
}
|
||||||
() => props.dataList,
|
const clickLink = (link) => {
|
||||||
(val) => {
|
window.open(link)
|
||||||
if (val) {
|
}
|
||||||
let obj = props.dataList.approveStatus
|
//复制方法
|
||||||
if (obj !== '通过' && whoShow1.value.itShowQingDao) {
|
const copyFunction = (data, name) => {
|
||||||
flag.value = false
|
if (data !== '') {
|
||||||
}
|
let url = data
|
||||||
dataFrom.value.link = props.dataList.link
|
let oInput = document.createElement('input')
|
||||||
props.dataList.infoList.map((item) => {
|
oInput.value = url
|
||||||
if (item.attrType == '试用用户名' || item.attrType == '试用账号') {
|
document.body.appendChild(oInput)
|
||||||
dataFrom.value.number = item.attrValue
|
oInput.select() // 选择对象;
|
||||||
} else if (item.attrType == '试用密码') {
|
console.log(oInput.value)
|
||||||
dataFrom.value.password2 = item.attrValue
|
document.execCommand('Copy') // 执行浏览器复制命令
|
||||||
}
|
oInput.remove() // 执行浏览器复制命令
|
||||||
})
|
message.success(name + '成功')
|
||||||
if (dataFrom.value.password2 === '') {
|
} else {
|
||||||
dataFrom.value.password = ''
|
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>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.algorithm-on-trial {
|
.algorithm-on-trial {
|
||||||
padding: 0.8rem 0px 0.8rem;
|
padding: 0.8rem 0px 0.8rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
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;
|
align-items: center;
|
||||||
.main {
|
|
||||||
margin-top: 0.3rem;
|
.main-left {
|
||||||
width: 13rem;
|
border-right: 0.01rem #ffffff solid;
|
||||||
height: 2.5rem;
|
padding-left: 0.7rem;
|
||||||
background: url('~@/assets/detailsAll/kfzj_sybg.png') no-repeat;
|
padding-right: 1rem;
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 33.33% 33.33% 33.33%;
|
&>p {
|
||||||
align-items: center;
|
overflow: hidden;
|
||||||
.main-left {
|
text-overflow: ellipsis;
|
||||||
border-right: 0.01rem #ffffff solid;
|
display: -webkit-box;
|
||||||
padding-left: 0.7rem;
|
-webkit-line-clamp: 2;
|
||||||
padding-right: 1rem;
|
word-break: break-all;
|
||||||
& > p {
|
-webkit-box-orient: vertical;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#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;
|
height: 0.34rem;
|
||||||
width: 1.1rem;
|
width: 1.1rem;
|
||||||
font-size: 0.24rem;
|
border: 0.01rem solid #ffffff;
|
||||||
|
border-radius: 0.06rem;
|
||||||
|
font-size: 0.18rem;
|
||||||
color: #ffffff;
|
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>
|
||||||
<style>
|
<style>
|
||||||
.custom-class {
|
.custom-class {
|
||||||
/* top: 100px; */
|
/* top: 100px; */
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue