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

BUG修改

This commit is contained in:
gaoyuanwei 2022-07-01 18:33:11 +08:00
parent 46e5c6dbb6
commit d75d7e1eab
2 changed files with 111 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
View File

@ -27,7 +27,7 @@
</div> </div>
<div class="content-right"> <div class="content-right">
<div class="content-right-left"> <div class="content-right-left">
<!-- <div class="content-right-title">{{ item.contact }}</div> --> <div class="content-right-title">{{ item.contact }}</div>
<div class="content-right-content"> <div class="content-right-content">
<p> <p>
<span>{{ item.contact }}</span> <span>{{ item.contact }}</span>
@ -53,7 +53,7 @@
</div> </div>
</div> </div>
<div class="content-right-right"> <div class="content-right-right">
<!-- <div class="content-right-title">{{ item.contact2 }}</div> --> <div class="content-right-title">{{ item.contact2 }}</div>
<div class="content-right-content"> <div class="content-right-content">
<p> <p>
<span>{{ item.contact2 }}</span> <span>{{ item.contact2 }}</span>
@ -97,14 +97,14 @@
name: '接口地址：', name: '接口地址：',
}, },
linkValue: '', linkValue: '',
contact: '归属部门：', contact: '归属部门',
facilitator: { name: '归属部门：', value: '' }, facilitator: { name: '归属部门：', value: '' },
people: { name: '部门联系人：', value: '' }, people: { name: '部门联系人：', value: '' },
phone: { phone: {
name: '联系人电话：', name: '联系人电话：',
value: '', value: '',
}, },
contact2: '服务商：', contact2: '服务商',
facilitator2: { name: '服务商：', value: '' }, facilitator2: { name: '服务商：', value: '' },
people2: { name: '服务商联系人：', value: '' }, people2: { name: '服务商联系人：', value: '' },
phone2: { phone2: {
@ -121,7 +121,14 @@
const flag = ref(true) const flag = ref(true)
if (props.dataList.infoList) { if (props.dataList.infoList) {
let obj = props.dataList.infoList.filter( let obj = props.dataList.infoList.filter(
(item) => item.attrType === '技术文档' (item) =>
item.attrType === '技术文档' ||
item.attrType === '服务商' ||
item.attrType === '服务商联系人' ||
item.attrType === '使用手册' ||
item.attrType === '服务地址' ||
item.attrType === '样式服务地址' ||
item.attrType === '服务商联系电话'
)[0] )[0]
if (!obj) { if (!obj) {
flag.value = false flag.value = false
@ -149,7 +156,16 @@
() => props.dataList, () => props.dataList,
(val) => { (val) => {
if (val) { if (val) {
let obj = val.infoList.filter((item) => item.attrType === '技术文档')[0] let obj = val.infoList.filter(
(item) =>
item.attrType === '技术文档' ||
item.attrType === '服务商' ||
item.attrType === '服务商联系人' ||
item.attrType === '使用手册' ||
item.attrType === '服务地址' ||
item.attrType === '样式服务地址' ||
item.attrType === '服务商联系电话'
)[0]
if (!obj) { if (!obj) {
flag.value = false flag.value = false
} else { } else {
@ -299,7 +315,7 @@
} }
.content-right-content { .content-right-content {
display: flex; display: flex;
font-size: 0.18rem; font-size: 0.16rem;
color: rgba(33, 41, 86, 0.8); color: rgba(33, 41, 86, 0.8);
line-height: 0.2rem; line-height: 0.2rem;
overflow: hidden; overflow: hidden;
@ -311,6 +327,7 @@
height: 0.2rem; height: 0.2rem;
display: -webkit-box; display: -webkit-box;
// overflow: hidden; // overflow: hidden;
margin-bottom: 0.08rem;
white-space: nowrap; white-space: nowrap;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;

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

@ -27,25 +27,57 @@
</div> </div>
</div> </div>
<div class="content-right"> <div class="content-right">
<div class="content-right-title"> <div class="content-right-left">
<!-- ：{{ item.facilitator.values }} --> <div class="content-right-title">{{ item.contact }}</div>
{{ item.contact }} <div class="content-right-content">
<p>
<span>{{ item.contact }}</span>
<a-tooltip>
<template #title>{{ item.facilitator.value }}</template>
<span>{{ item.facilitator.value }}</span>
</a-tooltip>
</p>
<p>
<span>{{ item.people.name }}</span>
<a-tooltip>
<template #title>{{ item.people.value }}</template>
<span>{{ item.people.value }}</span>
</a-tooltip>
</p>
<p>
<span>{{ item.phone.name }}</span>
<a-tooltip>
<template #title>{{ item.phone.value }}</template>
<span>{{ item.phone.value }}</span>
</a-tooltip>
</p>
</div>
</div> </div>
<div class="content-right-content"> <div class="content-right-right">
<p> <div class="content-right-title">{{ item.contact2 }}</div>
<span>{{ item.people.name }}</span> <div class="content-right-content">
<a-tooltip> <p>
<template #title>{{ item.people.value }}</template> <span>{{ item.contact2 }}</span>
<span>{{ item.people.value }}</span> <a-tooltip>
</a-tooltip> <template #title>{{ item.facilitator2.value }}</template>
</p> <span>{{ item.facilitator2.value }}</span>
<p> </a-tooltip>
<span>{{ item.phone.name }}</span> </p>
<a-tooltip> <p>
<template #title>{{ item.phone.value }}</template> <span>{{ item.people2.name }}</span>
<span>{{ item.phone.value }}</span> <a-tooltip>
</a-tooltip> <template #title>{{ item.people2.value }}</template>
</p> <span>{{ item.people2.value }}</span>
</a-tooltip>
</p>
<p>
<span>{{ item.phone2.name }}</span>
<a-tooltip>
<template #title>{{ item.phone2.value }}</template>
<span>{{ item.phone2.value }}</span>
</a-tooltip>
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -67,13 +99,19 @@
name: '接口地址：', name: '接口地址：',
}, },
linkValue: '', linkValue: '',
csslnkValue: '',
contact: '归属部门', contact: '归属部门',
facilitator: { name: '归属部门：', values: '讯飞科大' }, facilitator: { name: '归属部门：', value: '' },
people: { name: '部门联系人：', value: '李四' }, people: { name: '部门联系人：', value: '' },
phone: { phone: {
name: '联系人电话：', name: '联系人电话：',
value: '12345678901', value: '',
},
contact2: '服务商',
facilitator2: { name: '服务商：', value: '' },
people2: { name: '服务商联系人：', value: '' },
phone2: {
name: '联系人电话：',
value: '',
}, },
}, },
], ],
@ -98,22 +136,21 @@
flag.value = false flag.value = false
} else { } else {
// eslint-disable-next-line vue/no-setup-props-destructure // eslint-disable-next-line vue/no-setup-props-destructure
// dataFrom.value.content[0].link.value = props.dataList.apiUrl dataFrom.value.content[0].link.value = props.dataList.apiUrl
dataFrom.value.content[0].facilitator.values = props.dataList.deptName dataFrom.value.content[0].facilitator.value = props.dataList.deptName
dataFrom.value.content[0].people.value = props.dataList.deptContacts dataFrom.value.content[0].people.value = props.dataList.deptContacts
dataFrom.value.content[0].phone.value = props.dataList.deptPhone dataFrom.value.content[0].phone.value = props.dataList.deptPhone
console.log('dataList', props.dataList) console.log('dataList', props.dataList)
props.dataList.infoList.map((item) => { props.dataList.infoList.map((item) => {
if (item.attrType === '使用手册') { if (item.attrType === '组件地址') {
dataFrom.value.link = item.attrValue || '--'
} else if (item.attrType === '服务地址') {
dataFrom.value.content[0].linkValue = item.attrValue || '--' dataFrom.value.content[0].linkValue = item.attrValue || '--'
} else if (item.attrType === '样式服务地址') { } else if (item.attrType === '服务商') {
dataFrom.value.content[0].csslnkValue = item.attrValue || '--' dataFrom.value.content[0].facilitator2.value = item.attrValue || '--'
} else if (item.attrType === '服务商联系人') {
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].phone.value = item.deptPhone || '--'
// }
}) })
} }
} }
@ -134,27 +171,22 @@
if (!obj) { if (!obj) {
flag.value = false flag.value = false
} else { } else {
// dataFrom.value.content[0].link.value = val.apiUrl dataFrom.value.content[0].link.value = val.apiUrl
dataFrom.value.content[0].facilitator.values = val.deptName dataFrom.value.content[0].facilitator.value = val.deptName
dataFrom.value.content[0].people.value = val.deptContacts dataFrom.value.content[0].people.value = val.deptContacts
dataFrom.value.content[0].phone.value = val.deptPhone dataFrom.value.content[0].phone.value = val.deptPhone
console.log('dataList', val) console.log('dataList', val)
val.infoList.map((item) => { val.infoList.map((item) => {
if (item.attrType === '使用手册') { if (item.attrType === '组件地址') {
dataFrom.value.link = item.attrValue || '--'
} else if (item.attrType === '服务地址') {
dataFrom.value.content[0].linkValue = item.attrValue || '--' dataFrom.value.content[0].linkValue = item.attrValue || '--'
} else if (item.attrType === '样式服务地址') { } else if (item.attrType === '服务商') {
dataFrom.value.content[0].csslnkValue = item.attrValue || '--' dataFrom.value.content[0].facilitator2.value =
item.attrValue || '--'
} else if (item.attrType === '服务商联系人') {
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].facilitator.value =
// item.attrValue || '--'
// } else if (item.attrType === '服务商联系人') {
// dataFrom.value.content[0].people.value = item.attrValue || '--'
// } else if (item.attrType === '服务商联系电话') {
// dataFrom.value.content[0].phone.value = item.attrValue || '--'
// }
}) })
} }
} }
@ -275,10 +307,13 @@
box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4); box-shadow: 0rem 0.05rem 0.15rem rgba(82, 106, 255, 0.4);
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center;
padding: 0 0.3rem; padding: 0 0.3rem;
flex-direction: column; .content-right-left {
justify-content: center; border-right: 0.01rem solid #b0b9f1;
padding-right: 0.1rem;
margin-right: 0.1rem;
}
.content-right-title { .content-right-title {
font-size: 0.26rem; font-size: 0.26rem;
line-height: 0.26rem; line-height: 0.26rem;
@ -287,15 +322,13 @@
} }
.content-right-content { .content-right-content {
display: flex; display: flex;
font-size: 0.18rem; font-size: 0.16rem;
color: rgba(33, 41, 86, 0.8); color: rgba(33, 41, 86, 0.8);
line-height: 0.2rem; line-height: 0.2rem;
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 1; -webkit-line-clamp: 1;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
flex-direction: row; flex-direction: column;
margin-top: 0.2rem;
justify-content: space-between;
p { p {
// width: 1.60rem; // width: 1.60rem;
height: 0.2rem; height: 0.2rem;