This commit is contained in:
851673013@qq.com 2022-08-01 11:47:39 +08:00
parent 80e9ddf3fc
commit a202bb27c9
1 changed files with 110 additions and 85 deletions

View File

@ -2,7 +2,7 @@
<div class="wrapper"> <div class="wrapper">
<el-form :model="dataView"> <el-form :model="dataView">
<div v-for="(item, index) in dataView.children" :key="item"> <div v-for="(item, index) in dataView.children" :key="item">
<div class="dataTitle">{{ item.name }}</div> <!-- <div class="dataTitle">{{ item.name }}</div> -->
<div v-for="itemson in item.children" :key="itemson.name"> <div v-for="itemson in item.children" :key="itemson.name">
<div class="dataTitleSon"> <div class="dataTitleSon">
{{ itemson.name }} {{ itemson.name }}
@ -21,7 +21,14 @@
:label=" :label="
itemsonson.type != ' multipleAdditions' ? itemsonson.name : '' itemsonson.type != ' multipleAdditions' ? itemsonson.name : ''
" "
v-show="!(itemsonson.name==='平台地址'|| itemsonson.name==='SDK安装包' || itemsonson.name==='接口请求方式' || itemsonson.name==='服务接口')" v-show="
!(
itemsonson.name === '平台地址' ||
itemsonson.name === 'SDK安装包' ||
itemsonson.name === '接口请求方式' ||
itemsonson.name === '服务接口'
)
"
> >
<div <div
class="videoAndImgCss" class="videoAndImgCss"
@ -40,33 +47,37 @@
v-for="multipleAdditionsItem in itemsonson.note1" v-for="multipleAdditionsItem in itemsonson.note1"
:key="multipleAdditionsItem" :key="multipleAdditionsItem"
> >
<el-tooltip placement="top"> <el-tooltip placement="top">
<div slot="content"> {{ <div slot="content">
multipleAdditionsItem.question || {{
multipleAdditionsItem.type || multipleAdditionsItem.question ||
multipleAdditionsItem.name multipleAdditionsItem.type ||
}}</div> multipleAdditionsItem.name
}}
</div>
<div> <div>
{{ {{
multipleAdditionsItem.question || multipleAdditionsItem.question ||
multipleAdditionsItem.type || multipleAdditionsItem.type ||
multipleAdditionsItem.name multipleAdditionsItem.name
}} }}
</div> </div>
</el-tooltip> </el-tooltip>
<el-tooltip placement="top"> <el-tooltip placement="top">
<div slot="content">{{ <div slot="content">
multipleAdditionsItem.answer || {{
multipleAdditionsItem.price || multipleAdditionsItem.answer ||
multipleAdditionsItem.img multipleAdditionsItem.price ||
}}</div> multipleAdditionsItem.img
}}
</div>
<div> <div>
{{ {{
multipleAdditionsItem.answer || multipleAdditionsItem.answer ||
multipleAdditionsItem.price || multipleAdditionsItem.price ||
multipleAdditionsItem.img multipleAdditionsItem.img
}} }}
</div> </div>
</el-tooltip> </el-tooltip>
<el-tooltip placement="top"> <el-tooltip placement="top">
<div slot="content">{{ multipleAdditionsItem.desc }}</div> <div slot="content">{{ multipleAdditionsItem.desc }}</div>
@ -78,9 +89,9 @@
<el-tooltip v-else placement="top"> <el-tooltip v-else placement="top">
<div slot="content">{{ itemsonson.note1 }}</div> <div slot="content">{{ itemsonson.note1 }}</div>
<el-input <el-input
v-model="itemsonson.note1" v-model="itemsonson.note1"
disabled="disabled" disabled="disabled"
></el-input> ></el-input>
</el-tooltip> </el-tooltip>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -89,15 +100,23 @@
:label=" :label="
itemsonson.type != ' multipleAdditions' ? itemsonson.name : '' itemsonson.type != ' multipleAdditions' ? itemsonson.name : ''
" "
v-show="((itemsonson.name==='平台地址'&&showDocking)|| (itemsonson.name==='SDK安装包'&&showSDK) || (itemsonson.name==='接口请求方式'&&showInterface) || (itemsonson.name==='服务接口'&&showInterface))" v-show="
(itemsonson.name === '平台地址' && showDocking) ||
(itemsonson.name === 'SDK安装包' && showSDK) ||
(itemsonson.name === '接口请求方式' && showInterface) ||
(itemsonson.name === '服务接口' && showInterface)
"
> >
<el-input <el-input
v-model="itemsonson.note1" v-model="itemsonson.note1"
disabled="disabled" disabled="disabled"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</div> </div>
<div v-else-if="itemson.name === '算法优势'"> <div
v-else-if="itemson.name === '算法优势'"
style="margin-bottom: 20px"
>
<div <div
v-for="itemDataForm in dataForm.infoList" v-for="itemDataForm in dataForm.infoList"
:key="itemDataForm.attrType" :key="itemDataForm.attrType"
@ -121,7 +140,10 @@
</div> </div>
</div> </div>
</div> </div>
<div v-else-if="itemson.name === '应用场景'"> <div
v-else-if="itemson.name === '应用场景'"
style="margin-bottom: 20px"
>
<div <div
v-for="itemDataForm in dataForm.infoList" v-for="itemDataForm in dataForm.infoList"
:key="itemDataForm.attrType" :key="itemDataForm.attrType"
@ -146,7 +168,10 @@
</div> </div>
</div> </div>
</div> </div>
<div v-else-if="itemson.name === '功能介绍'"> <div
v-else-if="itemson.name === '功能介绍'"
style="margin-bottom: 20px"
>
<div <div
v-for="itemDataForm in dataForm.infoList" v-for="itemDataForm in dataForm.infoList"
:key="itemDataForm.attrType" :key="itemDataForm.attrType"
@ -224,34 +249,34 @@ export default {
itemViewSon.children.map((itemSon, indexSon) => { itemViewSon.children.map((itemSon, indexSon) => {
// console.log('itemSon', itemSon) // console.log('itemSon', itemSon)
if (itemSon.name.indexOf('描述') != -1) { if (itemSon.name.indexOf('描述') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.description ].children[indexSon].note1 = this.dataForm.description
} else if (itemSon.name.indexOf('名称') != -1) { } else if (itemSon.name.indexOf('名称') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.name ].children[indexSon].note1 = this.dataForm.name
} else if (itemSon.name.indexOf('能力类型') != -1) { } else if (itemSon.name.indexOf('能力类型') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.type ].children[indexSon].note1 = this.dataForm.type
} else if (itemSon.name.indexOf('共享条件') != -1) { } else if (itemSon.name.indexOf('共享条件') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.shareCondition ].children[indexSon].note1 = this.dataForm.shareCondition
} else if (itemSon.name === '部门联系人') { } else if (itemSon.name === '部门联系人') {
console.log('itemSon.name', itemSon.name) console.log('itemSon.name', itemSon.name)
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.deptContacts ].children[indexSon].note1 = this.dataForm.deptContacts
} else if (itemSon.name.indexOf('属部门') != -1) { } else if (itemSon.name.indexOf('属部门') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.unit ].children[indexSon].note1 = this.unit
} else if (itemSon.name === '部门联系人电话') { } else if (itemSon.name === '部门联系人电话') {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.deptPhone ].children[indexSon].note1 = this.dataForm.deptPhone
} else if ( } else if (
itemSon.name === '关联组件信息' && itemSon.name === '关联组件信息' &&
item.attrType === '关联组件信息' item.attrType === '关联组件信息'
@ -300,42 +325,42 @@ export default {
itemViewSon.children.map((itemSon, indexSon) => { itemViewSon.children.map((itemSon, indexSon) => {
console.log('itemSon', itemSon) console.log('itemSon', itemSon)
if (itemSon.name.indexOf('描述') != -1) { if (itemSon.name.indexOf('描述') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.description ].children[indexSon].note1 = this.dataForm.description
} else if (itemSon.name.indexOf('名称') != -1) { } else if (itemSon.name.indexOf('名称') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.name ].children[indexSon].note1 = this.dataForm.name
} else if (itemSon.name.indexOf('共享条件') != -1) { } else if (itemSon.name.indexOf('共享条件') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.shareCondition ].children[indexSon].note1 = this.dataForm.shareCondition
} else if (itemSon.name.indexOf('共享方式') != -1) { } else if (itemSon.name.indexOf('共享方式') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.shareMode ].children[indexSon].note1 = this.dataForm.shareMode
} else if (itemSon.name.indexOf('共享类型') != -1) { } else if (itemSon.name.indexOf('共享类型') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.shareType ].children[indexSon].note1 = this.dataForm.shareType
} else if (itemSon.name === '部门联系人') { } else if (itemSon.name === '部门联系人') {
console.log('itemSon.name', itemSon.name) console.log('itemSon.name', itemSon.name)
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.deptContacts ].children[indexSon].note1 = this.dataForm.deptContacts
} else if (itemSon.name.indexOf('属部门') != -1) { } else if (itemSon.name.indexOf('属部门') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.unit ].children[indexSon].note1 = this.unit
} else if (itemSon.name === '部门联系人电话') { } else if (itemSon.name === '部门联系人电话') {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.deptPhone ].children[indexSon].note1 = this.dataForm.deptPhone
} else if (itemSon.name.indexOf('接口请求方式') != -1) { } else if (itemSon.name.indexOf('接口请求方式') != -1) {
this.dataView.children[indexView].children[indexViewSon].children[ this.dataView.children[indexView].children[
indexSon indexViewSon
].note1 = this.dataForm.apiMethodType ].children[indexSon].note1 = this.dataForm.apiMethodType
} else if ( } else if (
itemSon.name === '来源应用' && itemSon.name === '来源应用' &&
item.attrType === '来源应用' item.attrType === '来源应用'
@ -375,11 +400,11 @@ export default {
this.dataView this.dataView
) )
// -使-3 // -使-3
this.dataView.children.map(val => { this.dataView.children.map((val) => {
if (val.name === '部署与使用') { if (val.name === '部署与使用') {
val.children.map(val => { val.children.map((val) => {
if (val.name === '使用方式') { if (val.name === '使用方式') {
val.children.map(val => { val.children.map((val) => {
if (val.name === '使用方式') { if (val.name === '使用方式') {
if (val.note1 === 'SDK') { if (val.note1 === 'SDK') {
this.showSDK = true this.showSDK = true
@ -482,7 +507,7 @@ export default {
color: #333333; color: #333333;
font-size: 22px; font-size: 22px;
margin-bottom: 20px; margin-bottom: 20px;
background: url("~@/assets/img/sj-jx.png") no-repeat; background: url('~@/assets/img/sj-jx.png') no-repeat;
background-position-x: 15px; background-position-x: 15px;
} }
.multipleAdditionsClass { .multipleAdditionsClass {