|
|
|
@ -17,20 +17,20 @@ |
|
|
|
|
|
|
|
<div class=" div_keywords_sel div_left"> |
|
|
|
|
|
|
|
<!-- <div class="div_left_item" |
|
|
|
v-for="(item,index) in kidSelNameList" |
|
|
|
:key="item"> |
|
|
|
|
|
|
|
<el-row :gutter="10"> |
|
|
|
<el-col style=" text-align: right" |
|
|
|
:span="9"> |
|
|
|
<span>{{item}}:</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="15"> |
|
|
|
<span>{{kidSelExampleList[index]}}</span> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> --> |
|
|
|
<div class="div_left_item" |
|
|
|
v-for="(item,index) in exampleArray" |
|
|
|
:key="index"> |
|
|
|
|
|
|
|
<el-row :gutter="10"> |
|
|
|
<el-col style=" text-align: left" |
|
|
|
:span="9"> |
|
|
|
<span class="span_left_item_title padding_10">{{item.title}}</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="15"> |
|
|
|
<span class="span_left_item_content">{{item.content}}</span> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -39,58 +39,70 @@ |
|
|
|
<el-col :span="15"> |
|
|
|
|
|
|
|
<el-row :gutter="10"> |
|
|
|
<div class="div_left_item_total"> |
|
|
|
<div class="div_right_item_total"> |
|
|
|
<el-col style=" text-align: left" |
|
|
|
:span="6"> |
|
|
|
<span class="span_left_item_title">模板ID</span> |
|
|
|
<span class="span_right_item_title">模板ID</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> |
|
|
|
<span class="span_left_item_content">{{dataForm.priTmplId}}</span> |
|
|
|
<span class="span_right_item_content">{{dataForm.priTmplId}}</span> |
|
|
|
</el-col> |
|
|
|
</div> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-row :gutter="10"> |
|
|
|
<div class="div_left_item_total"> |
|
|
|
<div class="div_right_item_total"> |
|
|
|
<el-col style=" text-align: left" |
|
|
|
:span="6"> |
|
|
|
<span class="span_left_item_title">标题</span> |
|
|
|
<span class="span_right_item_title">标题</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> |
|
|
|
<span class="span_left_item_content">{{dataForm.title}}</span> |
|
|
|
<span class="span_right_item_content">{{dataForm.title}}</span> |
|
|
|
</el-col> |
|
|
|
</div> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="10"> |
|
|
|
<div class="div_left_item_total"> |
|
|
|
<div class="div_right_item_total"> |
|
|
|
<el-col style=" text-align: left" |
|
|
|
:span="6"> |
|
|
|
<span class="span_left_item_title">类目</span> |
|
|
|
<span class="span_right_item_title">类目</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> |
|
|
|
<span class="span_left_item_content">{{'社区/论坛'}}</span> |
|
|
|
<span class="span_right_item_content">{{'社区/论坛'}}</span> |
|
|
|
</el-col> |
|
|
|
</div> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="10"> |
|
|
|
<div class="div_left_item_total"> |
|
|
|
<div class="div_right_item_total"> |
|
|
|
<el-col style=" text-align: left" |
|
|
|
:span="6"> |
|
|
|
<span class="span_left_item_title">详细内容</span> |
|
|
|
<span class="span_right_item_title">详细内容</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> |
|
|
|
<span class="span_left_item_content">{{dataForm.content}}</span> |
|
|
|
<div v-for="(item,index) in contentArray" |
|
|
|
:key="index"> |
|
|
|
<el-row :gutter="10"> |
|
|
|
<el-col style=" text-align: left" |
|
|
|
:span="9"> |
|
|
|
<span class="span_left_item_title">{{item.title}}</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="15"> |
|
|
|
<span class="span_left_item_content">{{item.content}}</span> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</div> |
|
|
|
</el-row> |
|
|
|
<el-row :gutter="10"> |
|
|
|
<div class="div_left_item_total"> |
|
|
|
<div class="div_right_item_total"> |
|
|
|
<el-col style=" text-align: left" |
|
|
|
:span="6"> |
|
|
|
<span class="span_left_item_title">场景说明</span> |
|
|
|
<span class="span_right_item_title">场景说明</span> |
|
|
|
</el-col> |
|
|
|
<el-col :span="18"> |
|
|
|
<span class="span_left_item_content">{{dataForm.sceneDesc}}</span> |
|
|
|
<span class="span_right_item_content">{{dataForm.sceneDesc}}</span> |
|
|
|
</el-col> |
|
|
|
</div> |
|
|
|
</el-row> |
|
|
|
@ -120,14 +132,15 @@ export default { |
|
|
|
priTmplId: '', |
|
|
|
title: '', |
|
|
|
content: '', |
|
|
|
contentShow: [], |
|
|
|
example: '', |
|
|
|
exampleArray: [], |
|
|
|
type: '', |
|
|
|
kidNames: '', |
|
|
|
kidNamesArray: [], |
|
|
|
sceneDesc: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
exampleArray: [], |
|
|
|
contentArray: [], |
|
|
|
kidNamesArray: [], |
|
|
|
} |
|
|
|
}, |
|
|
|
created () { |
|
|
|
@ -144,15 +157,28 @@ export default { |
|
|
|
|
|
|
|
}, |
|
|
|
loadData () { |
|
|
|
//左侧示例解析 |
|
|
|
this.exampleArray = [] |
|
|
|
let array = this.dataForm.example.split('\\n') |
|
|
|
array.forEach(element => { |
|
|
|
let oneArray = element.split(':') |
|
|
|
let obj = Object |
|
|
|
for (let i = 0; i < array.length - 1; i++) { |
|
|
|
let oneArray = array[i].split(':') |
|
|
|
let obj = {} |
|
|
|
obj.title = oneArray[0] |
|
|
|
obj.content = oneArray[1] |
|
|
|
}) |
|
|
|
this.dataForm.exampleArray = |
|
|
|
console.log(this.dataForm.exampleArray) |
|
|
|
this.exampleArray.push(obj) |
|
|
|
} |
|
|
|
|
|
|
|
//右侧详细内容解析 |
|
|
|
|
|
|
|
this.contentArray = [] |
|
|
|
let arrayContent = this.dataForm.content.split('\\n') |
|
|
|
for (let i = 0; i < arrayContent.length - 1; i++) { |
|
|
|
let oneArray = arrayContent[i].split(':') |
|
|
|
let obj = {} |
|
|
|
obj.title = oneArray[0] |
|
|
|
obj.content = oneArray[1] |
|
|
|
this.contentArray.push(obj) |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleClose () { |
|
|
|
@ -181,7 +207,7 @@ export default { |
|
|
|
computed: { |
|
|
|
|
|
|
|
diaWidth () { |
|
|
|
return this.resolution === 'small' ? 80 : 70 |
|
|
|
return this.resolution === 'small' ? 70 : 60 |
|
|
|
}, |
|
|
|
diaTop () { |
|
|
|
return this.resolution === 'small' ? '20px' : '100px' |
|
|
|
@ -221,18 +247,18 @@ export default { |
|
|
|
margin: 10px 10px; |
|
|
|
font-size: 18px; |
|
|
|
} |
|
|
|
.padding_10 { |
|
|
|
padding-left: 10px; |
|
|
|
} |
|
|
|
.div_left { |
|
|
|
margin: 20px 20px 20px 20px; |
|
|
|
margin: 40px 20px 20px 20px; |
|
|
|
} |
|
|
|
.div_left_item { |
|
|
|
background-color: white; |
|
|
|
margin: 0 0 10px 0; |
|
|
|
padding: 0 0 0 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.div_left_item_total { |
|
|
|
margin: 10px 0 10px 20px; |
|
|
|
|
|
|
|
.span_left_item_title { |
|
|
|
color: rgb(121, 121, 121); |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
@ -240,7 +266,17 @@ export default { |
|
|
|
color: rgb(31, 31, 31); |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
.span_left_item_title { |
|
|
|
|
|
|
|
.div_right_item_total { |
|
|
|
margin: 10px 0 10px 20px; |
|
|
|
} |
|
|
|
.span_right_item_content { |
|
|
|
color: rgb(31, 31, 31); |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
.span_right_item_title { |
|
|
|
color: rgb(121, 121, 121); |
|
|
|
font-size: 15px; |
|
|
|
padding-left: 40px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
jiangyy
5 years ago