wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

详情页bug自测

This commit is contained in:
851673013@qq.com 2022-07-06 11:58:13 +08:00
parent d96a0c440b
commit 86580758f4
8 changed files with 313 additions and 292 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/src/views/detailsAll/DeveloperComponents.vue
View File

@ -134,7 +134,6 @@
}
queryPartAppByKeyId2(queryPartAppByKeyIdParams).then((res) => {
associatedComponents.value[0].dataList = res.data.data
debugger
loading.value = false
})
selectOne(id).then((res) => {

21
front/src/views/detailsAll/components/Algorithm/AlgorithmUsageMode.vue
View File

@ -17,7 +17,10 @@
<div class="content-left-content">
<p>
<span>{{ item.link.name }}</span>
<a-tooltip>
<template #title>{{ item.link.value }}</template>
<span>{{ item.link.value }}</span>
</a-tooltip>
</p>
<p>
<span>{{ item.postMethod.name }}</span>
@ -72,7 +75,7 @@
title: '技术对接',
titleSon: '调用接口',
link: {
name: '接口地址：',
name: '服务接口：',
value: '',
},
postMethod: {
@ -225,10 +228,9 @@
color: rgba(33, 41, 86, 0.8);
line-height: 20px;
p {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 10px;
}
}
@ -283,13 +285,16 @@
p {
// width: 160px;
height: 20px;
display: -webkit-box;
// overflow: hidden;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-right: 15px;
span {
display: inline-block;
max-width: 1.2rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
}

7
front/src/views/detailsAll/components/Algorithm/PictureCharacterRecognition.vue
View File

@ -6,11 +6,7 @@
<div>
<div class="title">图片识别</div>
<div class="box">
<a-image
:width="510"
:height="340"
:src="responseUrl"
/>
<a-image :width="510" :height="340" :src="responseUrl" />
<a-upload
v-model:file-list="fileList"
name="file"
@ -88,7 +84,6 @@
const menuOpenKeys2 = ref(['全文还原'])
let responseUrl = ref('static/image/test.jpg')
const handleChange = (info) => {
debugger;
if (info.file.status !== 'uploading') {
console.log(info.file, info.fileList)
}

2
front/src/views/detailsAll/components/Developer/DeveloperApplicationScenarios.vue
View File

@ -71,7 +71,6 @@
dataList: { type: Object, default: null },
})
if (props.dataList.infoList) {
debugger
let obj = props.dataList.infoList.filter(
(item) => item.attrType === '应用场景'
)[0]
@ -79,7 +78,6 @@
flag.value = false
} else {
obj.attrValue = JSON.parse(obj.attrValue)
debugger
dataFrom.value = obj
tabindex.value = dataFrom.value.attrValue[0].name
}

1
front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue
View File

@ -103,7 +103,6 @@
console.log(item)
if (list.value.indexOf(item.name) > -1) {
// if (item.name == '关联应用') {
// debugger
// if (props.associatedComponents[0].dataList.length != 0) {
// item.show = true
// }

25
front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
View File

@ -57,6 +57,10 @@
{
childrenTitle: '归属部门',
childrenContent: [
{
attrType: '归属部门名称',
attrValue: '------',
},
{
attrType: '部门联系人',
attrValue: '------',
@ -65,15 +69,15 @@
attrType: '联系人电话',
attrValue: '------',
},
{
attrType: '归属部门名称',
attrValue: '------',
},
],
},
{
childrenTitle: '服务商信息',
childrenContent: [
{
attrType: '服务商名称',
attrValue: '------',
},
{
attrType: '服务商联系人',
attrValue: '------',
@ -82,10 +86,6 @@
attrType: '联系人电话',
attrValue: '------',
},
{
attrType: '服务商名称',
attrValue: '------',
},
],
},
],
@ -117,6 +117,9 @@
} else if (item.attrType == '服务商联系电话') {
dataFrom.value.content[1].childrenContent[1].attrValue =
item.attrValue
} else if (item.attrType == '服务商' || item.attrType == '服务商名') {
dataFrom.value.content[1].childrenContent[2].attrValue =
item.attrValue
}
})
}
@ -176,6 +179,12 @@
} else if (item.attrType == '服务商联系电话') {
dataFrom.value.content[1].childrenContent[1].attrValue =
item.attrValue
} else if (
item.attrType == '服务商' ||
item.attrType == '服务商名'
) {
dataFrom.value.content[1].childrenContent[2].attrValue =
item.attrValue
}
})
}

7
front/src/views/detailsAll/components/Developer/DeveloperTrial.vue
View File

@ -130,6 +130,13 @@
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;
-webkit-box-orient: vertical;
}
}
.main-center {
padding-left: 1rem;

103
front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
View File

@ -2,21 +2,28 @@
<!-- 使用方式 -->
<div class="usage-mode" v-if="flag">
<div class="tltle">
<DetalsTitle :title="dataFrom.title" :type="dataFrom.englishTitle"></DetalsTitle>
<DetalsTitle
:title="dataFrom.title"
:type="dataFrom.englishTitle"
></DetalsTitle>
</div>
<div class="content" v-for="item in dataFrom.content" :key="item.title">
<div class="content-left">
<div class="left">
<div class="content-left-content">
<a-tooltip>
<template #title>{{ item.linkValue }}</template>
<p>
<span>服务地址：</span>
<span>{{ item.linkValue }}</span>
服务地址：
{{ item.linkValue }}
</p>
</a-tooltip>
<a-tooltip>
<template #title>{{ item.csslinkValue }}</template>
<p>
<span>样式服务地址：</span>
<span>{{ item.csslnkValue }}</span>
样式服务地址：
{{ item.csslinkValue }}
</p>
</div>
</a-tooltip>
</div>
<div class="right">
<div @click="technical()">接口文档</div>
@ -82,10 +89,10 @@
</template>
<script setup>
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
import { pinyin } from 'pinyin-pro'
import { ref, defineProps, watch } from 'vue'
let dataFrom = ref({
import DetalsTitle from '@/views/detailsAll/components/DetalsTitle'
import { pinyin } from 'pinyin-pro'
import { ref, defineProps, watch } from 'vue'
let dataFrom = ref({
link: '',
title: '使用方式',
englishTitle: 'USAGE',
@ -96,6 +103,7 @@ let dataFrom = ref({
name: '接口地址：',
},
linkValue: '',
csslinkValue: '',
contact: '归属部门',
facilitator: { name: '归属部门：', value: '' },
people: { name: '部门联系人：', value: '' },
@ -112,13 +120,13 @@ let dataFrom = ref({
},
},
],
})
//数据初始化
const props = defineProps({
})
//数据初始化
const props = defineProps({
dataList: { type: Object, default: null },
})
const flag = ref(true)
if (props.dataList.infoList) {
})
const flag = ref(true)
if (props.dataList.infoList) {
let obj = props.dataList.infoList.filter(
(item) =>
item.attrType === '技术文档' ||
@ -139,7 +147,7 @@ if (props.dataList.infoList) {
dataFrom.value.content[0].phone.value = props.dataList.deptPhone
console.log('dataList', props.dataList)
props.dataList.infoList.map((item) => {
if (item.attrType === '组件地址') {
if (item.attrType === '服务地址') {
dataFrom.value.content[0].linkValue = item.attrValue || '--'
} else if (item.attrType === '服务商') {
dataFrom.value.content[0].facilitator2.value = item.attrValue || '--'
@ -147,11 +155,13 @@ if (props.dataList.infoList) {
dataFrom.value.content[0].people2.value = item.attrValue || '--'
} else if (item.attrType === '服务商联系电话') {
dataFrom.value.content[0].phone2.value = item.attrValue || '--'
} else if (item.attrType === '样式服务地址') {
dataFrom.value.content[0].csslinkValue = item.attrValue || '--'
}
})
}
}
watch(
}
watch(
() => props.dataList,
(val) => {
if (val) {
@ -174,7 +184,7 @@ watch(
dataFrom.value.content[0].phone.value = val.deptPhone
console.log('dataList', val)
val.infoList.map((item) => {
if (item.attrType === '组件地址') {
if (item.attrType === '服务地址') {
dataFrom.value.content[0].linkValue = item.attrValue || '--'
} else if (item.attrType === '服务商') {
dataFrom.value.content[0].facilitator2.value =
@ -183,13 +193,15 @@ watch(
dataFrom.value.content[0].people2.value = item.attrValue || '--'
} else if (item.attrType === '服务商联系电话') {
dataFrom.value.content[0].phone2.value = item.attrValue || '--'
} else if (item.attrType === '样式服务地址') {
dataFrom.value.content[0].csslinkValue = item.attrValue || '--'
}
})
}
}
}
)
function technical() {
)
function technical() {
// 拼接路径
// const type = pinyin(props.dataList.type, {
// pattern: 'initial',
@ -207,8 +219,8 @@ function technical() {
'hisense_office/onlinePreview?url=' +
btoa(encodeURI(obj.attrValue))
)
}
function technicalNew() {
}
function technicalNew() {
// 拼接路径
// const type = pinyin(props.dataList.type, {
// pattern: 'initial',
@ -225,11 +237,11 @@ function technicalNew() {
'hisense_office/onlinePreview?url=' +
btoa(encodeURI(obj.attrValue))
)
}
}
</script>
<style lang="less" scoped>
.usage-mode {
.usage-mode {
display: flex;
flex-direction: column;
align-items: center;
@ -242,9 +254,11 @@ function technicalNew() {
.content-left {
height: 1.8rem;
width: 6.2rem;
background: linear-gradient(to right,
background: linear-gradient(
to right,
rgba(113, 132, 252, 0.4),
rgba(148, 163, 252, 0.4));
rgba(148, 163, 252, 0.4)
);
border-radius: 0.1rem;
margin-right: 0.6rem;
box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
@ -263,27 +277,20 @@ function technicalNew() {
margin-right: 0.1rem;
}
}
.content-left-content {
width: 4.2rem;
font-size: 0.2rem;
color: rgba(33, 41, 86, 0.8);
line-height: 0.2rem;
p {
display: -webkit-box;
display: block;
color: rgba(33, 41, 86, 0.8);
width: 4.2rem;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
// margin-bottom: 0.1rem;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 20px;
color: #212956;
line-height: 26px;
margin-top: 0.3rem;
}
p:last-of-type {
margin-top: 20px;
}
p:first-child {
margin-top: 0.2rem;
}
}
@ -310,9 +317,11 @@ function technicalNew() {
.content-right {
height: 1.8rem;
width: 6.2rem;
background: linear-gradient(to right,
background: linear-gradient(
to right,
rgba(113, 132, 252, 0.4),
rgba(148, 163, 252, 0.4));
rgba(148, 163, 252, 0.4)
);
border-radius: 0.1rem;
box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
display: flex;
@ -363,5 +372,5 @@ function technicalNew() {
}
}
}
}
}
</style>