使用方式-- --申请后查看

This commit is contained in:
gaoyuanwei 2022-08-24 12:54:40 +08:00
parent d1a50bc25a
commit f28d12ac88
6 changed files with 369 additions and 13 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

View File

@ -8,7 +8,10 @@
></DetalsTitle>
</div>
<!-- 青岛市局 -->
<div v-if="whoShow1 && whoShow1.itShowQingDao">
<div
v-if="whoShow1 && whoShow1.itShowQingDao"
style="width: 100%; display: flex; justify-content: center"
>
<div
class="content"
v-for="item in dataFrom.content"
@ -133,7 +136,11 @@
</div>
</div>
<div v-show="approveStatus !== '通过'" class="contentOther">
请申请后查看
<img src="~@/assets/detailsAll/uesBefore.png" />
<div class="contentOtherRight">
<p>请在申请能力后返回查看使用方式</p>
<div @click="toView()">进入能力申请</div>
</div>
</div>
</div>
<!-- 其他 -->
@ -265,6 +272,9 @@
import { pinyin } from 'pinyin-pro'
import { ref, defineProps, watch } from 'vue'
import { message } from 'ant-design-vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const approveStatus = ref('通过')
const whoShow1 = ref(whoShow)
let dataFrom = ref({
@ -310,6 +320,34 @@
dataList: { type: Object, default: null },
})
const flag = ref(true)
//
function toView() {
// window.open(newpage.href, '_blank')
console.log('一键申请===================>', props.dataList)
localStorage.setItem(
'applyList',
JSON.stringify([
{
arr: [
{
delFlag: props.dataList.delFlag,
description: props.dataList.description,
resourceId: props.dataList.id,
resourceName: props.dataList.name,
time: props.dataList.createDate,
type: props.dataList.type,
componentType: '智能算法',
},
],
deptId: props.dataList.deptId,
deptName: props.dataList.deptName,
},
])
)
router.push({
path: '/apply',
})
}
if (props.dataList.infoList) {
let obj = true
if (!obj) {
@ -583,9 +621,37 @@
}
}
.contentOther {
width: 100%;
height: 0.3rem;
background: pink;
width: 80%;
height: 4rem;
border: 1px dashed #7b98fd;
margin-top: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
img {
margin-right: 2rem;
}
.contentOtherRight {
p {
font-weight: bold;
font-size: 0.2rem;
}
div {
width: 1.3rem;
height: 0.4rem;
line-height: 0.4rem;
background: #0885ff;
color: #ffffff;
border-radius: 0.05rem;
font-size: 0.18rem;
text-align: center;
cursor: pointer;
transition: all 0.3s;
}
div:hover {
background: #359bff;
}
}
}
}
</style>

View File

@ -7,7 +7,11 @@
:type="dataFrom.englishTitle"
></DetalsTitle>
</div>
<div v-if="whoShow1 && whoShow1.itShowQingDao">
<!-- 青岛市局 -->
<div
v-if="whoShow1 && whoShow1.itShowQingDao"
style="width: 100%; display: flex; justify-content: center"
>
<div class="content" v-show="approveStatus == '通过'">
<div
v-for="(item, index) in dataFrom.content"
@ -28,8 +32,15 @@
</div>
</div>
</div>
<div v-show="approveStatus !== '通过'">请申请后查看</div>
<div v-show="approveStatus !== '通过'" class="contentOther">
<img src="~@/assets/detailsAll/uesBefore.png" />
<div class="contentOtherRight">
<p>请在申请能力后返回查看使用方式</p>
<div @click="toView()">进入能力申请</div>
</div>
</div>
</div>
<!-- 其他 -->
<div v-else>
<div class="content">
<div
@ -58,6 +69,8 @@
<script setup>
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
import { ref, defineProps, watch } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const approveStatus = ref('通过')
const whoShow1 = ref(whoShow)
let dataFrom = ref({
@ -79,6 +92,34 @@
const props = defineProps({
dataList: { type: Object, default: null },
})
//
function toView() {
// window.open(newpage.href, '_blank')
console.log('一键申请===================>', props.dataList)
localStorage.setItem(
'applyList',
JSON.stringify([
{
arr: [
{
delFlag: props.dataList.delFlag,
description: props.dataList.description,
resourceId: props.dataList.id,
resourceName: props.dataList.name,
time: props.dataList.createDate,
type: props.dataList.type,
componentType: '智能算法',
},
],
deptId: props.dataList.deptId,
deptName: props.dataList.deptName,
},
])
)
router.push({
path: '/apply',
})
}
if (props.dataList.infoList) {
let obj = {
attrType: '归属部门',
@ -272,5 +313,38 @@
}
}
}
.contentOther {
width: 80%;
height: 4rem;
border: 1px dashed #7b98fd;
margin-top: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
img {
margin-right: 2rem;
}
.contentOtherRight {
p {
font-weight: bold;
font-size: 0.2rem;
}
div {
width: 1.3rem;
height: 0.4rem;
line-height: 0.4rem;
background: #0885ff;
color: #ffffff;
border-radius: 0.05rem;
font-size: 0.18rem;
text-align: center;
cursor: pointer;
transition: all 0.3s;
}
div:hover {
background: #359bff;
}
}
}
}
</style>

View File

@ -7,7 +7,10 @@
:type="dataFrom.englishTitle"
></DetalsTitle>
</div>
<div v-if="whoShow1 && whoShow1.itShowQingDao">
<div
v-if="whoShow1 && whoShow1.itShowQingDao"
style="width: 100%; display: flex; justify-content: center"
>
<div
class="content"
v-for="item in dataFrom.content"
@ -89,7 +92,13 @@
</div>
</div>
</div>
<div v-show="approveStatus !== '通过'">请申请后查看</div>
<div v-show="approveStatus !== '通过'" class="contentOther">
<img src="~@/assets/detailsAll/uesBefore.png" />
<div class="contentOtherRight">
<p>请在申请能力后返回查看使用方式</p>
<div @click="toView()">进入能力申请</div>
</div>
</div>
</div>
<div v-else>
<div class="content" v-for="item in dataFrom.content" :key="item.title">
@ -177,6 +186,8 @@
import { pinyin } from 'pinyin-pro'
import { ref, defineProps, watch } from 'vue'
import { message } from 'ant-design-vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const approveStatus = ref('通过')
const whoShow1 = ref(whoShow)
let dataFrom = ref({
@ -211,6 +222,34 @@
dataList: { type: Object, default: null },
})
const flag = ref(true)
//
function toView() {
// window.open(newpage.href, '_blank')
console.log('一键申请===================>', props.dataList)
localStorage.setItem(
'applyList',
JSON.stringify([
{
arr: [
{
delFlag: props.dataList.delFlag,
description: props.dataList.description,
resourceId: props.dataList.id,
resourceName: props.dataList.name,
time: props.dataList.createDate,
type: props.dataList.type,
componentType: '智能算法',
},
],
deptId: props.dataList.deptId,
deptName: props.dataList.deptName,
},
])
)
router.push({
path: '/apply',
})
}
if (props.dataList.infoList) {
let obj = true
if (!obj) {
@ -449,5 +488,38 @@
}
}
}
.contentOther {
width: 80%;
height: 4rem;
border: 1px dashed #7b98fd;
margin-top: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
img {
margin-right: 2rem;
}
.contentOtherRight {
p {
font-weight: bold;
font-size: 0.2rem;
}
div {
width: 1.3rem;
height: 0.4rem;
line-height: 0.4rem;
background: #0885ff;
color: #ffffff;
border-radius: 0.05rem;
font-size: 0.18rem;
text-align: center;
cursor: pointer;
transition: all 0.3s;
}
div:hover {
background: #359bff;
}
}
}
}
</style>

View File

@ -7,7 +7,10 @@
:type="dataFrom.englishTitle"
></DetalsTitle>
</div>
<div v-if="whoShow1 && whoShow1.itShowQingDao">
<div
v-if="whoShow1 && whoShow1.itShowQingDao"
style="width: 100%; display: flex; justify-content: center"
>
<div class="content" v-show="approveStatus == '通过'">
<div class="content-card">
<div class="left">
@ -41,7 +44,13 @@
</div>
</div>
</div>
<div v-show="approveStatus !== '通过'">请申请后查看</div>
<div v-show="approveStatus !== '通过'" class="contentOther">
<img src="~@/assets/detailsAll/uesBefore.png" />
<div class="contentOtherRight">
<p>请在申请能力后返回查看使用方式</p>
<div @click="toView()">进入能力申请</div>
</div>
</div>
</div>
<div v-else>
<div class="content">
@ -86,6 +95,8 @@
import { ref, defineProps, watch } from 'vue'
import { pinyin } from 'pinyin-pro'
import { message } from 'ant-design-vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const approveStatus = ref('通过')
const whoShow1 = ref(whoShow)
let flag = ref(true)
@ -136,6 +147,34 @@
const props = defineProps({
dataList: { type: Object, default: null },
})
//
function toView() {
// window.open(newpage.href, '_blank')
console.log('一键申请===================>', props.dataList)
localStorage.setItem(
'applyList',
JSON.stringify([
{
arr: [
{
delFlag: props.dataList.delFlag,
description: props.dataList.description,
resourceId: props.dataList.id,
resourceName: props.dataList.name,
time: props.dataList.createDate,
type: props.dataList.type,
componentType: '智能算法',
},
],
deptId: props.dataList.deptId,
deptName: props.dataList.deptName,
},
])
)
router.push({
path: '/apply',
})
}
if (props.dataList.infoList) {
let obj = props.dataList.infoList.filter(
(item) => item.attrType === '组件地址'
@ -360,5 +399,38 @@
}
}
}
.contentOther {
width: 80%;
height: 4rem;
border: 1px dashed #7b98fd;
margin-top: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
img {
margin-right: 2rem;
}
.contentOtherRight {
p {
font-weight: bold;
font-size: 0.2rem;
}
div {
width: 1.3rem;
height: 0.4rem;
line-height: 0.4rem;
background: #0885ff;
color: #ffffff;
border-radius: 0.05rem;
font-size: 0.18rem;
text-align: center;
cursor: pointer;
transition: all 0.3s;
}
div:hover {
background: #359bff;
}
}
}
}
</style>

View File

@ -7,7 +7,10 @@
:type="dataFrom.englishTitle"
></DetalsTitle>
</div>
<div v-if="whoShow1 && whoShow1.itShowQingDao">
<div
v-if="whoShow1 && whoShow1.itShowQingDao"
style="width: 100%; display: flex; justify-content: center"
>
<div
class="content"
v-for="item in dataFrom.content"
@ -91,7 +94,13 @@
</div>
</div>
</div>
<div v-show="approveStatus !== '通过'">请申请后查看</div>
<div v-show="approveStatus !== '通过'" class="contentOther">
<img src="~@/assets/detailsAll/uesBefore.png" />
<div class="contentOtherRight">
<p>请在申请能力后返回查看使用方式</p>
<div @click="toView()">进入能力申请</div>
</div>
</div>
</div>
<div v-else>
<div class="content" v-for="item in dataFrom.content" :key="item.title">
@ -181,6 +190,8 @@
import { message } from 'ant-design-vue'
import { pinyin } from 'pinyin-pro'
import { ref, defineProps, watch } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const approveStatus = ref('通过')
const whoShow1 = ref(whoShow)
let dataFrom = ref({
@ -217,6 +228,34 @@
dataList: { type: Object, default: null },
})
const flag = ref(true)
//
function toView() {
// window.open(newpage.href, '_blank')
console.log('一键申请===================>', props.dataList)
localStorage.setItem(
'applyList',
JSON.stringify([
{
arr: [
{
delFlag: props.dataList.delFlag,
description: props.dataList.description,
resourceId: props.dataList.id,
resourceName: props.dataList.name,
time: props.dataList.createDate,
type: props.dataList.type,
componentType: '智能算法',
},
],
deptId: props.dataList.deptId,
deptName: props.dataList.deptName,
},
])
)
router.push({
path: '/apply',
})
}
if (props.dataList.infoList) {
let obj = true
if (!obj) {
@ -461,5 +500,38 @@
}
}
}
.contentOther {
width: 80%;
height: 4rem;
border: 1px dashed #7b98fd;
margin-top: 0.3rem;
display: flex;
justify-content: center;
align-items: center;
img {
margin-right: 2rem;
}
.contentOtherRight {
p {
font-weight: bold;
font-size: 0.2rem;
}
div {
width: 1.3rem;
height: 0.4rem;
line-height: 0.4rem;
background: #0885ff;
color: #ffffff;
border-radius: 0.05rem;
font-size: 0.18rem;
text-align: center;
cursor: pointer;
transition: all 0.3s;
}
div:hover {
background: #359bff;
}
}
}
}
</style>