This commit is contained in:
gaoyuanwei 2022-07-21 15:57:08 +08:00
parent 681dceaa47
commit 3968d6a7de
2 changed files with 157 additions and 147 deletions

View File

@ -176,29 +176,30 @@ export default {
itemViewSon.children.map((itemSon, indexSon) => {
// console.log('itemSon', itemSon)
if (itemSon.name.indexOf('描述') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.description
} else if (itemSon.name.indexOf('名称') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.name
} else if (itemSon.name.indexOf('能力类型') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.type
} else if (itemSon.name === '部门联系人') {
console.log('itemSon.name', itemSon.name)
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.deptContacts
} else if (itemSon.name.indexOf('属部门') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.unit
} else if (itemSon.name.indexOf('共享条件') != -1) {
this.dataView.children[indexView].children[
indexViewSon
].children[indexSon].note1 = this.dataForm.shareCondition
} else if (itemSon.name.indexOf('共享类型') != -1) {
this.dataView.children[indexView].children[
indexViewSon
].children[indexSon].note1 = this.dataForm.shareType
} else if (itemSon.name === '部门联系人电话') {
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.deptPhone
} else if (
itemSon.name === '关联组件信息' &&
item.attrType === '关联组件信息'
@ -247,39 +248,40 @@ export default {
itemViewSon.children.map((itemSon, indexSon) => {
console.log('itemSon', itemSon)
if (itemSon.name.indexOf('描述') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.description
} else if (itemSon.name.indexOf('名称') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.name
} else if (itemSon.name.indexOf('共享条件') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.shareCondition
} else if (itemSon.name.indexOf('共享方式') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.shareMode
} else if (itemSon.name.indexOf('共享类型') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.shareType
} else if (itemSon.name.indexOf('部门联系人') != -1) {
this.dataView.children[indexView].children[0].children[
} else if (itemSon.name === '部门联系人') {
console.log('itemSon.name', itemSon.name)
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.deptContacts
} else if (itemSon.name.indexOf('属部门') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.unit
} else if (itemSon.name.indexOf('部门联系人电话') != -1) {
this.dataView.children[indexView].children[0].children[
} else if (itemSon.name === '部门联系人电话') {
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.deptPhone
} else if (itemSon.name.indexOf('接口请求方式') != -1) {
this.dataView.children[indexView].children[0].children[
this.dataView.children[indexView].children[indexViewSon].children[
indexSon
].note1 = this.dataForm.apiMethodType
} else if (
@ -403,7 +405,7 @@ export default {
color: #333333;
font-size: 22px;
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;
}
.multipleAdditionsClass {
@ -445,6 +447,14 @@ export default {
align-items: center;
padding: 10px;
position: relative;
& > div {
-webkit-line-clamp: 5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
word-break: break-all;
}
& > div:first-child {
margin-bottom: 10px;
font-weight: bold;

View File

@ -45,7 +45,7 @@
</div>
<div
class="data-list-right-table-list-content"
v-if="dataList.tota > 0"
v-if="dataList.total > 0"
>
<div
v-for="(item, index) in dataList.list"
@ -326,150 +326,150 @@
</script>
<style scoped lang="less">
.TheShelvesAbility {
.title-h1 {
.TheShelvesAbility {
.title-h1 {
font-size: 0.22rem;
line-height: 0.22rem;
margin-bottom: 0.25rem;
color: #212121;
}
.title-h2 {
display: flex;
justify-content: space-between;
font-size: 0.16rem;
color: #212121;
line-height: 0.16rem;
border-bottom: 0.01rem #dddee1 solid;
margin: 0 0.6rem 0.2rem 0.6rem;
padding-bottom: 0.1rem;
}
.TheShelvesAbility-top {
margin: 0 0.6rem 0 0.6rem;
.deptName {
color: #0558e1;
font-size: 0.22rem;
line-height: 0.22rem;
margin-bottom: 0.25rem;
color: #212121;
}
.title-h2 {
display: flex;
justify-content: space-between;
font-size: 0.16rem;
color: #212121;
line-height: 0.16rem;
border-bottom: 0.01rem #dddee1 solid;
margin: 0 0.6rem 0.2rem 0.6rem;
padding-bottom: 0.1rem;
}
.TheShelvesAbility-top {
margin: 0 0.6rem 0 0.6rem;
.deptName {
color: #0558e1;
font-size: 0.22rem;
display: flex;
align-items: center;
line-height: 0.22rem;
margin-bottom: 0.2rem;
span {
display: inline-block;
width: 0.05rem;
height: 0.05rem;
background: #0558e1;
border-radius: 0.05rem;
margin-right: 0.05rem;
}
align-items: center;
line-height: 0.22rem;
margin-bottom: 0.2rem;
span {
display: inline-block;
width: 0.05rem;
height: 0.05rem;
background: #0558e1;
border-radius: 0.05rem;
margin-right: 0.05rem;
}
.data-list {
display: flex;
border-bottom: 1px solid #dddee1;
margin-bottom: 0.1rem;
.data-list-left {
width: 0.8rem;
height: 1.1rem;
background: url('~@/assets/personalCenter/Capabilitydiagram.png')
no-repeat;
background-size: 0.8rem 0.8rem;
background-position: center;
margin-left: 0.1rem;
padding-bottom: 0.3rem;
}
.data-list-right {
width: calc(100% - 0.83rem);
margin-left: 0.1rem;
padding-bottom: 0.2rem;
border-left: 1px solid #dddee1;
font-size: 0.18rem;
color: #000000;
.data-list-right-titleAndDescription {
padding-left: 0.1rem;
padding-right: 0.2rem;
border-bottom: 1px solid #dddee1;
padding-bottom: 0.1rem;
.data-list-right-title {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
.title-left {
span:first-child {
font-weight: 600;
}
span:last-child {
font-size: 0.14rem;
display: inline-block;
margin-left: 0.08rem;
padding: 0 0.05rem;
border-radius: 0.3rem;
background: #00b8e6;
color: #fff;
}
}
.data-list {
display: flex;
border-bottom: 1px solid #dddee1;
margin-bottom: 0.1rem;
.data-list-left {
width: 0.8rem;
height: 1.1rem;
background: url('~@/assets/personalCenter/Capabilitydiagram.png')
no-repeat;
background-size: 0.8rem 0.8rem;
background-position: center;
margin-left: 0.1rem;
padding-bottom: 0.3rem;
}
.data-list-right {
width: calc(100% - 0.83rem);
margin-left: 0.1rem;
padding-bottom: 0.2rem;
border-left: 1px solid #dddee1;
font-size: 0.18rem;
color: #000000;
.data-list-right-titleAndDescription {
padding-left: 0.1rem;
padding-right: 0.2rem;
border-bottom: 1px solid #dddee1;
padding-bottom: 0.1rem;
.data-list-right-title {
display: flex;
justify-content: space-between;
margin-bottom: 0.2rem;
.title-left {
span:first-child {
font-weight: 600;
}
span:last-child {
font-size: 0.14rem;
display: inline-block;
margin-left: 0.08rem;
padding: 0 0.05rem;
border-radius: 0.3rem;
background: #00b8e6;
color: #fff;
}
}
}
.data-list-right-table {
.data-list-right-table-title {
margin-left: 0.1rem;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
font-size: 0.14rem;
display: inline-block;
margin-left: 0.08rem;
padding: 0 0.05rem;
border-radius: 0.3rem;
background: #00b8e6;
color: #fff;
}
.data-list-right-table {
.data-list-right-table-title {
margin-left: 0.1rem;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
font-size: 0.14rem;
display: inline-block;
margin-left: 0.08rem;
padding: 0 0.05rem;
border-radius: 0.3rem;
background: #00b8e6;
color: #fff;
}
.data-list-right-table-list {
padding: 0 0.05rem;
.data-list-right-table-list-tab {
display: grid;
grid-template-columns: repeat(4, 25%);
background: rgba(191, 191, 191, 0.1);
span {
display: inline-block;
text-align: center;
padding: 0.05rem 0;
}
}
.data-list-right-table-list {
padding: 0 0.05rem;
.data-list-right-table-list-tab {
.data-list-right-table-list-content {
& > div {
display: grid;
grid-template-columns: repeat(4, 25%);
background: rgba(191, 191, 191, 0.1);
span {
display: inline-block;
text-align: center;
padding: 0.05rem 0;
}
}
.data-list-right-table-list-content {
& > div {
display: grid;
grid-template-columns: repeat(4, 25%);
span {
display: inline-block;
text-align: center;
padding: 0.05rem 0;
}
}
div:nth-child(even) {
background: rgba(191, 191, 191, 0.1);
}
div:nth-child(odd) {
span {
padding: 0.2rem 0;
}
div:nth-child(even) {
background: rgba(191, 191, 191, 0.1);
}
div:nth-child(odd) {
span {
padding: 0.2rem 0;
}
}
.zanwu {
margin-top: 0.2rem;
text-align: center;
}
}
.zanwu {
margin-top: 0.2rem;
text-align: center;
}
}
}
}
}
.TheShelvesAbility-bottom {
margin: 0.5rem 0.6rem 0 0.6rem;
.base-info {
display: flex;
justify-content: space-between;
}
.button-bottom {
display: flex;
justify-content: center;
}
}
.TheShelvesAbility-bottom {
margin: 0.5rem 0.6rem 0 0.6rem;
.base-info {
display: flex;
justify-content: space-between;
}
.button-bottom {
display: flex;
justify-content: center;
}
}
}
</style>