Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
D
DA-Platform
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
文档服务地址:
http://47.92.0.57:3000/
周报索引地址:
http://47.92.0.57:3000/s/NruNXRYmV
Open sidebar
Berlin
DA-Platform
Commits
1bbb2e17
Commit
1bbb2e17
authored
Jun 01, 2020
by
郭婉茹
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
文本
parent
9d6ecab2
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
102 additions
and
52 deletions
+102
-52
SelectText.vue
...atform-front/src/components/textAnnotation/SelectText.vue
+102
-52
SelectedText.vue
...form-front/src/components/textAnnotation/SelectedText.vue
+0
-0
No files found.
DAPlatform-front/src/components/textAnnotation/SelectText.vue
View file @
1bbb2e17
...
@@ -7,7 +7,7 @@
...
@@ -7,7 +7,7 @@
<!--
<div
@
mouseup=
"highlight()"
>
-->
<!--
<div
@
mouseup=
"highlight()"
>
-->
<ul
class=
"list"
>
<ul
class=
"list"
>
<li
v-for=
"it in msg"
:key=
"it.message"
>
<li
v-for=
"it in msg"
:key=
"it.message"
>
<div
class=
"msg"
v-html=
"it"
>
{{
it
}}
</div>
<div
class=
"msg"
v-html=
"it"
></div>
<br
/>
<br
/>
</li>
</li>
</ul>
</ul>
...
@@ -24,23 +24,25 @@
...
@@ -24,23 +24,25 @@
v-for=
"item in options"
v-for=
"item in options"
:key=
"item.value"
:key=
"item.value"
:label=
"item.label"
:label=
"item.label"
:value=
"item.
value
"
:value=
"item.
label
"
></el-option>
></el-option>
</el-select>
</el-select>
<el-button
type=
"primary"
>
新建
</el-button>
<el-button
type=
"primary"
@
click=
"handleOption"
>
新建
</el-button>
<div
style=
"margin-top: 10px;margin-bottom: 10px"
>
<div
style=
"margin-top: 10px;margin-bottom: 10px"
>
<
span>
基本信息:名称:可爱的滑坡;经度:null;纬度:null;
</span
>
<
!--span>基本信息:名称:可爱的滑坡;经度:null;纬度:null;
</span--
>
</div>
</div>
<el-tree
<el-tree
:data=
"data"
:data=
"treedata"
:props=
"defaultProps"
accordion
@
node-click=
"handleNodeClick"
show-checkbox
show-checkbox
default-expand-all
node-key=
"id"
ref=
"tree"
highlight-current
:props=
"defaultProps"
></el-tree>
></el-tree>
</div>
</div>
<div
style=
"width: 100%;height: 5px"
></div>
<div
style=
"width: 100%;height: 5px"
></div>
<el-button
type=
"primary"
style=
"margin-top: 30px"
@
click=
"
closeAddTag
"
>
确定
</el-button>
<el-button
type=
"primary"
style=
"margin-top: 30px"
@
click=
"
handleCheckChange
"
>
确定
</el-button>
</el-dialog>
</el-dialog>
<!-- 弹窗-->
<!-- 弹窗-->
</div>
</div>
...
@@ -58,7 +60,7 @@ export default {
...
@@ -58,7 +60,7 @@ export default {
address
:
"那是我心中最美的“第三极”——第二次青藏科考青年说"
address
:
"那是我心中最美的“第三极”——第二次青藏科考青年说"
};
};
return
{
return
{
data
:
[
tree
data
:
[
{
{
label
:
"一级 1"
,
label
:
"一级 1"
,
children
:
[
children
:
[
...
@@ -122,7 +124,7 @@ export default {
...
@@ -122,7 +124,7 @@ export default {
count
:
1
,
count
:
1
,
tableData
:
Array
(
20
).
fill
(
item
),
tableData
:
Array
(
20
).
fill
(
item
),
msg
:
[
msg
:
[
'
那是我心中最美的“第三极”——第二次青藏科考青年说<br/>
\
"
那是我心中最美的“第三极”——第二次青藏科考青年说<br/>
\
2020-05-06 11:08 来源:新华网 编辑:矿材网<br/>
\
2020-05-06 11:08 来源:新华网 编辑:矿材网<br/>
\
“看到国家自主研发的‘极目一号’浮空器从纳木错科考站升起,她宛若白鲸,越升越高,融入了星海。古老的‘第三极’与前沿的科技,在星空中融为一体,那就是我心中最美的‘第三极’风情。”中国科学院空天信息创新研究院的屈维说。<br/>
\
“看到国家自主研发的‘极目一号’浮空器从纳木错科考站升起,她宛若白鲸,越升越高,融入了星海。古老的‘第三极’与前沿的科技,在星空中融为一体,那就是我心中最美的‘第三极’风情。”中国科学院空天信息创新研究院的屈维说。<br/>
\
2019年5月23日,中国科学院空天信息创新研究院研制的“极目一号”浮空器在第二次青藏高原综合科学考察研究中,在纳木错升空达到海拔7003米的高度,创造了迄今已知同类型、同量级浮空器驻空高度的世界纪录。<br/>
\
2019年5月23日,中国科学院空天信息创新研究院研制的“极目一号”浮空器在第二次青藏高原综合科学考察研究中,在纳木错升空达到海拔7003米的高度,创造了迄今已知同类型、同量级浮空器驻空高度的世界纪录。<br/>
\
...
@@ -137,7 +139,7 @@ export default {
...
@@ -137,7 +139,7 @@ export default {
躺在草地上观看云团变幻出各种造型;科考间隙引逗草原上东张西望的鼠兔或旱獭;科考途中和赶着牛群、羊群的牧民依靠手势交流,致以微笑……这些是科考队员在科考途中不多的乐趣。<br/>
\
躺在草地上观看云团变幻出各种造型;科考间隙引逗草原上东张西望的鼠兔或旱獭;科考途中和赶着牛群、羊群的牧民依靠手势交流,致以微笑……这些是科考队员在科考途中不多的乐趣。<br/>
\
作为第二次青藏科考的参与人员,王向涛多次深入藏北地区考察。“有时候,我随手拍的风景照发到朋友圈,会引来朋友的羡慕。或许这是很多人眼里的‘诗和远方’,但对于我们来说,这一次次‘旅程’不是‘游山玩水’,而是科研工作者的负重前行。”王向涛感慨说。<br/>
\
作为第二次青藏科考的参与人员,王向涛多次深入藏北地区考察。“有时候,我随手拍的风景照发到朋友圈,会引来朋友的羡慕。或许这是很多人眼里的‘诗和远方’,但对于我们来说,这一次次‘旅程’不是‘游山玩水’,而是科研工作者的负重前行。”王向涛感慨说。<br/>
\
2019年以来,第二次青藏高原综合科学考察研究队在西藏共采集大气、水文、土壤等环境要素样品1.2万余份,采集动植物、微生物样本4.4万余份,收集经济社会发展资料超2200套,在“亚洲水塔”变化与影响及应对等方面取得突破。<br/>
\
2019年以来,第二次青藏高原综合科学考察研究队在西藏共采集大气、水文、土壤等环境要素样品1.2万余份,采集动植物、微生物样本4.4万余份,收集经济社会发展资料超2200套,在“亚洲水塔”变化与影响及应对等方面取得突破。<br/>
\
“我们在西藏进行科学考察,必须了解当地群众生产、生活需求和意愿,为保护好这里的一草一木尽一份绵薄之力。肆虐的风雪阻挡不住前进的路,选择了科考,选择了拥抱这片广袤的土地,就是青春的荣耀。”王向涛说。
'
,
“我们在西藏进行科学考察,必须了解当地群众生产、生活需求和意愿,为保护好这里的一草一木尽一份绵薄之力。肆虐的风雪阻挡不住前进的路,选择了科考,选择了拥抱这片广袤的土地,就是青春的荣耀。”王向涛说。
"
],
],
ifAlert
:
false
,
ifAlert
:
false
,
options
:
[
options
:
[
...
@@ -162,60 +164,101 @@ export default {
...
@@ -162,60 +164,101 @@ export default {
label
:
"5.最后一个滑坡"
label
:
"5.最后一个滑坡"
}
}
],
],
value
:
""
value
:
""
,
search
:
""
};
};
},
},
methods
:
{
methods
:
{
handleCheckChange
(
data
,
checked
,
indeterminate
)
{
console
.
log
(
data
,
checked
,
indeterminate
);
handleOption
()
{
},
console
.
log
(
this
.
value
);
handleNodeClick
(
data
)
{
if
(
this
.
value
)
{
console
.
log
(
data
);
this
.
$message
({
},
message
:
"创建成功!"
,
toTextUndo
:
function
()
{
type
:
"success"
this
.
$router
.
push
(
"/"
);
});
},
}
toTextEnd
:
function
()
{
this
.
$router
.
push
(
"/"
);
},
toTextOther
:
function
()
{
this
.
$router
.
push
(
"/"
);
},
},
closeAddTag
()
{
handleCheckChange
()
{
console
.
log
(
this
.
$refs
.
tree
.
getCheckedNodes
());
this
.
ifAlert
=
0
;
this
.
ifAlert
=
0
;
},
let
res
=
this
.
$refs
.
tree
.
getCheckedNodes
();
highlight
()
{
let
arr
=
[];
this
.
ifAlert
=
true
;
res
.
forEach
(
item
=>
{
var
search
;
arr
.
push
(
item
.
label
);
if
(
window
.
getSelection
)
{
});
search
=
window
.
getSelection
().
toString
();
console
.
log
(
"111"
+
arr
);
}
else
{
search
=
document
.
selection
.
createRange
().
search
;
}
this
.
msg
=
this
.
msg
.
map
(
item
=>
{
this
.
msg
=
this
.
msg
.
map
(
item
=>
{
let
replaceReg
=
new
RegExp
(
search
,
"g"
);
// 匹配关键字正则
let
replaceReg
=
new
RegExp
(
this
.
search
,
"g"
);
// 匹配关键字正则
let
replaceString
=
let
replaceString
=
'<span class="highlights-text">'
+
search
+
'</span>'
;
// 高亮替换v-html值
'<span class="highlights-text">'
+
this
.
search
+
"</span>"
+
'<span class="mark">'
+
//'
<
el
-
tag
size
=
"mini"
closable
>
' +
"(实体:" +
this.value +
";属性:" +
arr +
")" +
//"</el-tag>" +
"</span>"; // 高亮替换v-html值
return item.replace(replaceReg, replaceString);
return item.replace(replaceReg, replaceString);
});
});
if
(
search
){
// ?
this
.
$message
({
this.$nextTick(() => {
message
:
'保存成功!'
,
this.$refs.tree.setCheckedKeys([]);
type
:
'success'
})
this.value = "";
this.$message({
message: "保存成功!",
type: "success"
});
},
setCheckedNodes() {
this.$refs.tree.setCheckedNodes([
{
id: 5,
label: "二级 2-1"
},
{
id: 9,
label: "三级 1-1-1"
}
]);
},
highlight() {
if (window.getSelection().toString() != "") {
//console.log("1111"+window.getSelection().toString());
this.ifAlert = true;
//var search;
this.search = window.getSelection().toString();
this.msg = this.msg.map(item => {
let replaceReg = new RegExp(this.search, "g"); // 匹配关键字正则
let replaceString =
'
<
span
class
=
"highlights-text"
>
' + this.search + "</span>"; // 高亮替换v-html值
return item.replace(replaceReg, replaceString);
});
});
if (search) {
this.$message({
message: "保存成功!",
type: "success"
});
}
}
}
},
},
save() {
save() {
this.$message({
this.$message({
message
:
'保存成功!'
,
message: "保存成功!"
,
type
:
'success'
type: "success"
});
});
},
},
submit() {
submit() {
this.$message({
this.$message({
message
:
'保存成功!'
,
message: "保存成功!"
,
type
:
'success'
type: "success"
});
});
this.$router.replace("/completed");
this.$router.replace("/completed");
}
}
}
}
...
@@ -236,12 +279,19 @@ export default {
...
@@ -236,12 +279,19 @@ export default {
}
}
.msg
{
.msg
{
text-align
:
left
;
text-align
:
left
;
font-size
:
18
px
;
font-size
:
20
px
;
line-height
:
30px
;
line-height
:
30px
;
}
}
.highlights-text
{
.highlights-text
{
//
color
:
#ff5134
;
color
:
#ff5134
;
background-color
:
rgb
(
255
,
255
,
0
);
text-decoration
:
underline
;
//
background-color
:
rgb
(
255
,
255
,
0
);
}
.mark
{
font-size
:
14px
;
color
:
rgb
(
128
,
138
,
135
);
text-decoration
:
none
;
//
background-color
:
rgb
(
255
,
227
,
132
);
}
}
.addTag
{
.addTag
{
width
:
30%
;
width
:
30%
;
...
...
DAPlatform-front/src/components/textAnnotation/SelectedText.vue
View file @
1bbb2e17
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment