Skip to content

D
DA-Platform

文档服务地址：http://47.92.0.57:3000/ 周报索引地址：http://47.92.0.57:3000/s/NruNXRYmV

Commit 6a61112e by 郭婉茹
Options

文本的合并

parent 4ae22622
Showing with 518 additions and 178 deletions
DAPlatform-front/src/components/CheckDetail.vue
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
label="操作" label="操作"
width="180"> width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary">查看详情</el-button> <el-button type="primary" @click="start()">查看详情</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -137,6 +137,9 @@ ...@@ -137,6 +137,9 @@
if (this.checkedPieces.length === 0) { if (this.checkedPieces.length === 0) {
alert('请选择分片') alert('请选择分片')
} }
},
start(){
this.$router.push('/selected');
} }
} }
} }
......
DAPlatform-front/src/components/CompletedTaskDetail.vue
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
label="操作" label="操作"
width="180"> width="180">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary">查看详情</el-button> <el-button type="primary" @click="start()">查看详情</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -116,6 +116,9 @@ ...@@ -116,6 +116,9 @@
if (this.checkedPieces.length === 0) { if (this.checkedPieces.length === 0) {
alert('请选择分片') alert('请选择分片')
} }
},
start(){
this.$router.push('/selected');
} }
} }
} }
......
DAPlatform-front/src/components/textAnnotation/SelectText.vue
<template> <template>
<div class="select-container"> <div class="select-container">
<el-container class="filter-container"> <el-container class="filter-container">
<el-main style="background-color: #FFFFFF"> <el-main style="background-color: #FFFFFF">
<div style="overflow-y:auto;height:100%;"> <div style="overflow-y:auto;height:100%;">
<div @mouseup="highlight()"> <div @mouseup="highlight()">
<!-- <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><br/> <div class="msg" v-html="it">{{it}}</div>
</li> <br />
</ul> </li>
</div> </ul>
<div>
<el-button type="primary">保存</el-button>
<el-button type="primary" @click="save()">提交</el-button>
</div>
<!-- 弹窗-->
<el-dialog title="请标注" :visible.sync="ifAlert">
<div style="overflow: auto;height: 50vh">
<el-select v-model="value" placeholder="选择标注对象">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-button type="primary">新建</el-button>
<div style="margin-top: 10px;margin-bottom: 10px">
<span>
基本信息：名称：可爱的滑坡；经度：null；纬度：null；
</span>
</div>
<el-tree
:data="data"
:props="defaultProps"
accordion
@node-click="handleNodeClick"
show-checkbox>
</el-tree>
</div>
<div style="width: 100%;height: 5px"></div>
<el-button type="primary" style="margin-top: 30px" @click="closeAddTag">确定</el-button>
</el-dialog>
<!-- 弹窗-->
</div> </div>
</el-main> <div>
<el-button type="primary" @click="save()">保存</el-button>
</el-container> <el-button type="primary" @click="submit()">提交</el-button>
</div> </div>
<!-- 弹窗-->
<el-dialog title="请标注" :visible.sync="ifAlert">
<div style="overflow: auto;height: 50vh">
<el-select v-model="value" placeholder="选择标注对象">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<el-button type="primary">新建</el-button>
<div style="margin-top: 10px;margin-bottom: 10px">
<span>基本信息：名称：可爱的滑坡；经度：null；纬度：null；</span>
</div>
<el-tree
:data="data"
:props="defaultProps"
accordion
@node-click="handleNodeClick"
show-checkbox
></el-tree>
</div>
<div style="width: 100%;height: 5px"></div>
<el-button type="primary" style="margin-top: 30px" @click="closeAddTag">确定</el-button>
</el-dialog>
<!-- 弹窗-->
</div>
</el-main>
</el-container>
</div>
</template> </template>
<script> <script>
export default { export default {
data () { data() {
const item = { const item = {
date: '2020-05-02', date: "2020-05-02",
name: '小明', name: "小明",
address: '那是我心中最美的“第三极”——第二次青藏科考青年说' address: "那是我心中最美的“第三极”——第二次青藏科考青年说"
} };
return { return {
data: [{ data: [
label: '一级 1', {
children: [{ label: "一级 1",
label: '二级 1-1', children: [
children: [{ {
label: '三级 1-1-1' label: "二级 1-1",
}] children: [
}] {
}, { label: "三级 1-1-1"
label: '一级 2', }
children: [{ ]
label: '二级 2-1', }
children: [{ ]
label: '三级 2-1-1' },
}] {
}, { label: "一级 2",
label: '二级 2-2', children: [
children: [{ {
label: '三级 2-2-1' label: "二级 2-1",
}] children: [
}] {
}, { label: "三级 2-1-1"
label: '一级 3', }
children: [{ ]
label: '二级 3-1', },
children: [{ {
label: '三级 3-1-1' label: "二级 2-2",
}] children: [
}, { {
label: '二级 3-2', label: "三级 2-2-1"
children: [{ }
label: '三级 3-2-1' ]
}] }
}] ]
}],
defaultProps: {
children: 'children',
label: 'label'
}, },
{
label: "一级 3",
children: [
{
label: "二级 3-1",
children: [
{
label: "三级 3-1-1"
}
]
},
{
label: "二级 3-2",
children: [
{
label: "三级 3-2-1"
}
]
}
]
}
],
defaultProps: {
children: "children",
label: "label"
},
count: 1, count: 1,
tableData: Array(20).fill(item), tableData: Array(20).fill(item),
msg: ['那是我心中最美的“第三极”——第二次青藏科考青年说', msg: [
'2020-05-06 11:08 来源：新华网 编辑：矿材网', '那是我心中最美的“第三极”——第二次青藏科考青年说<br/> \
'“看到国家自主研发的‘极目一号’浮空器从纳木错科考站升起，她宛若白鲸，越升越高，融入了星海。古老的‘第三极’与前沿的科技，在星空中融为一体，那就是我心中最美的‘第三极’风情。”中国科学院空天信息创新研究院的屈维说。', 2020-05-06 11:08 来源：新华网 编辑：矿材网<br/> \
'2019年5月23日，中国科学院空天信息创新研究院研制的“极目一号”浮空器在第二次青藏高原综合科学考察研究中，在纳木错升空达到海拔7003米的高度，创造了迄今已知同类型、同量级浮空器驻空高度的世界纪录。', “看到国家自主研发的‘极目一号’浮空器从纳木错科考站升起，她宛若白鲸，越升越高，融入了星海。古老的‘第三极’与前沿的科技，在星空中融为一体，那就是我心中最美的‘第三极’风情。”中国科学院空天信息创新研究院的屈维说。<br/> \
'第二次青藏高原综合科考从2017年8月全面启动，在之后5到10年内，大批科研工作者将对青藏高原的水、生态、人类活动等环境问题进行考察研究。我国首次青藏高原综合科学考察研究是20世纪70年代，这次综合科考研究积累了大量科学资料，为青藏高原生态保护和社会经济发展提供了科学依据。', 2019年5月23日，中国科学院空天信息创新研究院研制的“极目一号”浮空器在第二次青藏高原综合科学考察研究中，在纳木错升空达到海拔7003米的高度，创造了迄今已知同类型、同量级浮空器驻空高度的世界纪录。<br/> \
'相对于南极和北极，人们把青藏高原称为世界“第三极”。', 第二次青藏高原综合科考从2017年8月全面启动，在之后5到10年内，大批科研工作者将对青藏高原的水、生态、人类活动等环境问题进行考察研究。我国首次青藏高原综合科学考察研究是20世纪70年代，这次综合科考研究积累了大量科学资料，为青藏高原生态保护和社会经济发展提供了科学依据。<br/> \
'中国科学家认同“第三极”的称号，除了因为青藏高原和南极、北极有表面上的相似，还因为青藏高原的“一举一动”都对地球的整体环境有着重要影响。', 相对于南极和北极，人们把青藏高原称为世界“第三极”。<br/> \
'“当科考车翻过山头，映入眼帘的便是海拔4700米的纳木错与远处的雪山，碧蓝的湖水倒映着树木、雪山，一相逢便割舍不下。”2018年参加工作的屈维说，能参与第二次青藏科考，能看到“第三极”的多样风情，是他的幸运。', '那是我心中最美的“第三极”——第二次青藏科考青年说', 中国科学家认同“第三极”的称号，除了因为青藏高原和南极、北极有表面上的相似，还因为青藏高原的“一举一动”都对地球的整体环境有着重要影响。<br/> \
'2020-05-06 11:08 来源：新华网 编辑：矿材网', “当科考车翻过山头，映入眼帘的便是海拔4700米的纳木错与远处的雪山，碧蓝的湖水倒映着树木、雪山，一相逢便割舍不下。”2018年参加工作的屈维说，能参与第二次青藏科考，能看到“第三极”的多样风情，是他的幸运。<br/> \
'“看到国家自主研发的‘极目一号’浮空器从纳木错科考站升起，她宛若白鲸，越升越高，融入了星海。古老的‘第三极’与前沿的科技，在星空中融为一体，那就是我心中最美的‘第三极’风情。”中国科学院空天信息创新研究院的屈维说。', 作为地球“第三极”的核心区,西藏有着极致的美丽。顶着身体不适,扛着各种仪器,做样方、采标本、打土钻和入户调研是科考队员户外作业最平常的事情。<br/> \
'2019年5月23日，中国科学院空天信息创新研究院研制的“极目一号”浮空器在第二次青藏高原综合科学考察研究中，在纳木错升空达到海拔7003米的高度，创造了迄今已知同类型、同量级浮空器驻空高度的世界纪录。', “高原上的天气极不稳定,狂风、冰雹、大雨会在同一天多次造访,我们必须趁着天气略有好转时,见缝插针,尽可能多地赶任务。一日行车数百公里都是‘家常便饭’,调研途中为了‘救出’陷入泥坑的车辆,经常折腾到灰头土脸。”36岁的西藏农牧学院副教授王向涛说。<br/> \
'第二次青藏高原综合科考从2017年8月全面启动，在之后5到10年内，大批科研工作者将对青藏高原的水、生态、人类活动等环境问题进行考察研究。我国首次青藏高原综合科学考察研究是20世纪70年代，这次综合科考研究积累了大量科学资料，为青藏高原生态保护和社会经济发展提供了科学依据。', 2019年7月,第二次青藏科考雅鲁藏布大峡谷水汽通道考察分队在墨脱县的一次“陷车”,至今让科考队员李璐含记忆深刻。当时,墨脱因为多日暴雨和泥石流,已封锁半个月之久,科考队员采集数据的当天仍在下暴雨。傍晚,车子到了一处山体坍塌严重的路段。<br/> \
'相对于南极和北极，人们把青藏高原称为世界“第三极”。', “当车子陷入泥泞的时候,我心想,今晚或许就要睡在这里了。”李璐含说,“知道我们是科考队后,前后方车辆的司机和路旁维修道路的人都帮我们推车。原本在黑暗中的车子,被车灯和探照灯照亮,使我能看清这些人的面庞,他们用不同的方言喊口号、用力推车的场景让我难忘。”<br/> \
'中国科学家认同“第三极”的称号，除了因为青藏高原和南极、北极有表面上的相似，还因为青藏高原的“一举一动”都对地球的整体环境有着重要影响。', 躺在草地上观看云团变幻出各种造型;科考间隙引逗草原上东张西望的鼠兔或旱獭;科考途中和赶着牛群、羊群的牧民依靠手势交流,致以微笑……这些是科考队员在科考途中不多的乐趣。<br/> \
'“当科考车翻过山头，映入眼帘的便是海拔4700米的纳木错与远处的雪山，碧蓝的湖水倒映着树木、雪山，一相逢便割舍不下。”2018年参加工作的屈维说，能参与第二次青藏科考，能看到“第三极”的多样风情，是他的幸运。'], 作为第二次青藏科考的参与人员,王向涛多次深入藏北地区考察。“有时候,我随手拍的风景照发到朋友圈,会引来朋友的羡慕。或许这是很多人眼里的‘诗和远方’,但对于我们来说,这一次次‘旅程’不是‘游山玩水’,而是科研工作者的负重前行。”王向涛感慨说。<br/> \
2019年以来,第二次青藏高原综合科学考察研究队在西藏共采集大气、水文、土壤等环境要素样品1.2万余份,采集动植物、微生物样本4.4万余份,收集经济社会发展资料超2200套,在“亚洲水塔”变化与影响及应对等方面取得突破。<br/> \
“我们在西藏进行科学考察,必须了解当地群众生产、生活需求和意愿,为保护好这里的一草一木尽一份绵薄之力。肆虐的风雪阻挡不住前进的路,选择了科考,选择了拥抱这片广袤的土地,就是青春的荣耀。”王向涛说。',
],
ifAlert: false, ifAlert: false,
options: [{ options: [
value: '选项1', {
label: '1.可爱的滑坡' value: "选项1",
}, { label: "1.可爱的滑坡"
value: '选项2', },
label: '2.不可爱的滑坡' {
}, { value: "选项2",
value: '选项3', label: "2.不可爱的滑坡"
label: '3.奇怪的滑坡' },
}, { {
value: '选项4', value: "选项3",
label: '4.平凡的滑坡' label: "3.奇怪的滑坡"
}, { },
value: '选项5', {
label: '5.最后一个滑坡' value: "选项4",
}], label: "4.平凡的滑坡"
value: '' },
} {
value: "选项5",
label: "5.最后一个滑坡"
}
],
value: ""
};
}, },
methods: { methods: {
handleCheckChange (data, checked, indeterminate) { handleCheckChange(data, checked, indeterminate) {
console.log(data, checked, indeterminate); console.log(data, checked, indeterminate);
}, },
handleNodeClick(data) { handleNodeClick(data) {
console.log(data); console.log(data);
}, },
toTextUndo: function () { toTextUndo: function() {
this.$router.push('/') this.$router.push("/");
}, },
toTextEnd: function () { toTextEnd: function() {
this.$router.push('/') this.$router.push("/");
}, },
toTextOther: function () { toTextOther: function() {
this.$router.push('/') this.$router.push("/");
}, },
closeAddTag () { closeAddTag() {
this.ifAlert = 0 this.ifAlert = 0;
}, },
highlight: function () { highlight() {
this.ifAlert = true this.ifAlert = true;
const search = window.getSelection().toString() var search;
if (window.getSelection) {
search = window.getSelection().toString();
}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(search, "g"); // 匹配关键字正则
let replaceString = '<span class="highlights-text">' + search + '</span>' // 高亮替换v-html值 let replaceString =
return item.replace(replaceReg, replaceString) '<span class="highlights-text">' + search + '</span>'; // 高亮替换v-html值
}) return item.replace(replaceReg, replaceString);
});
if(search){
this.$message({
message: '保存成功！',
type: 'success'
});
}
}, },
save () { save() {
this.$router.replace('/completed') this.$message({
message: '保存成功！',
type: 'success'
});
}, },
submit() {
this.$message({
message: '保存成功！',
type: 'success'
});
this.$router.replace("/completed");
}
} }
} };
</script> </script>
<style scoped lang='scss'> <style lang='scss'>
@import '@/assets/scss/config.scss'; @import "@/assets/scss/config.scss";
@import '@/assets/scss/mixin.scss'; @import "@/assets/scss/mixin.scss";
.select-container{ .select-container {
@include container; @include container;
.filter-container{ .filter-container {
float: center; float: center;
width: 100%; width: 100%;
padding: 35px 40px 50px 40px; padding: 35px 40px 50px 40px;
@include whiteBoard; @include whiteBoard;
} }
} }
.msg{ .msg {
text-align:left; text-align: left;
font-size:18px; font-size: 18px;
line-height: 30px; line-height: 30px;
}
} .highlights-text {
.highlights-text { //color: #ff5134;
color: #ff5134; background-color: rgb(255,255,0);
} }
.addTag{ .addTag {
width: 30%; width: 30%;
height: 500px; height: 500px;
background-color: #ffffff; background-color: #ffffff;
position: fixed; position: fixed;
top: 50%; top: 50%;
margin-top: -250px; margin-top: -250px;
left: 55%; left: 55%;
margin-left: -25%; margin-left: -25%;
border: 1px solid darkgrey; border: 1px solid darkgrey;
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
}
} .addTagTitle {
.addTagTitle{ margin-top: 15px;
margin-top: 15px; margin-bottom: 10px;
margin-bottom: 10px; }
}
</style> </style>
DAPlatform-front/src/components/textAnnotation/SelectedText.vue 0 → 100644
<template>
<div class="select-container">
<el-container class="filter-container">
<el-main style="background-color: #FFFFFF">
<div style="overflow-y:auto;height:100%;">
<span id="demo1">实体： 属性：</span>
<span id="demo2">实体：属性：</span>
<div @mouseup="highlight()">
<!-- <div @mouseup="highlight()">-->
<ul class="list">
<li v-for="it in msg" :key="it.message">
<div class="msg" v-html="it">{{it}}</div>
<br />
</li>
</ul>
</div>
<div>
<el-button type="primary" @click="save()">保存</el-button>
<el-button type="primary" @click="submit()">提交</el-button>
</div>
<!-- 弹窗-->
<el-dialog title="请标注" :visible.sync="ifAlert">
<div style="overflow: auto;height: 50vh">
<el-select v-model="value" placeholder="选择标注对象">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
<el-button type="primary">新建</el-button>
<div style="margin-top: 10px;margin-bottom: 10px">
<span>基本信息：名称：可爱的滑坡；经度：null；纬度：null；</span>
</div>
<el-tree
:data="data"
:props="defaultProps"
accordion
@node-click="handleNodeClick"
show-checkbox
></el-tree>
</div>
<div style="width: 100%;height: 5px"></div>
<el-button type="primary" style="margin-top: 30px" @click="closeAddTag">确定</el-button>
</el-dialog>
<!-- 弹窗-->
</div>
</el-main>
</el-container>
</div>
</template>
<script>
export default {
data() {
const item = {
date: "2020-05-02",
name: "小明",
address: "那是我心中最美的“第三极”——第二次青藏科考青年说"
};
return {
data: [
{
label: "一级 1",
children: [
{
label: "二级 1-1",
children: [
{
label: "三级 1-1-1"
}
]
}
]
},
{
label: "一级 2",
children: [
{
label: "二级 2-1",
children: [
{
label: "三级 2-1-1"
}
]
},
{
label: "二级 2-2",
children: [
{
label: "三级 2-2-1"
}
]
}
]
},
{
label: "一级 3",
children: [
{
label: "二级 3-1",
children: [
{
label: "三级 3-1-1"
}
]
},
{
label: "二级 3-2",
children: [
{
label: "三级 3-2-1"
}
]
}
]
}
],
defaultProps: {
children: "children",
label: "label"
},
count: 1,
tableData: Array(20).fill(item),
msg: [
'那是我心中最美的“<span class="highlights-text1">第三极</span>”——第二次青藏科考青年说<br/> \
<span class="highlights-text2">2020-05-06 11:08</span> 来源：新华网 编辑：矿材网<br/> \
<span class="highlights-text3">“看到国家自主研发的‘极目一号’浮空器从纳木错科考站升起，她宛若白鲸，越升越高，融入了星海。古老的‘</span><span class="highlights-text1">第三极</span><span class="highlights-text3">’与前沿的科技，在星空中融为一体，那就是我心中最美的‘</span><span class="highlights-text1">第三极</span><span class="highlights-text3">’风情。”</span>中国科学院空天信息创新研究院的屈维说。<br/> \
<span class="highlights-text2">2019年5月23日</span>，中国科学院空天信息创新研究院研制的“极目一号”浮空器在第二次青藏高原综合科学考察研究中，在纳木错升空达到海拔7003米的高度，创造了迄今已知同类型、同量级浮空器驻空高度的世界纪录。<br/> \
第二次青藏高原综合科考从 <span class="highlights-text2">2017年8月</span>全面启动，在之后5到10年内，大批科研工作者将对青藏高原的水、生态、人类活动等环境问题进行考察研究。我国首次青藏高原综合科学考察研究是20世纪70年代，这次综合科考研究积累了大量科学资料，为青藏高原生态保护和社会经济发展提供了科学依据。<br/> \
相对于南极和北极，人们把青藏高原称为世界“<span class="highlights-text1">第三极</span>”。<br/>中国科学家认同“<span class="highlights-text1">第三极</span>”的称号，除了因为青藏高原和南极、北极有表面上的相似，还因为青藏高原的“一举一动”都对地球的整体环境有着重要影响。<br/> \
“当科考车翻过山头，映入眼帘的便是海拔4700米的纳木错与远处的雪山，碧蓝的湖水倒映着树木、雪山，一相逢便割舍不下。”2018年参加工作的屈维说，能参与第二次青藏科考，能看到“<span class="highlights-text1">第三极</span>”的多样风情，是他的幸运。<br/> \
作为地球“<span class="highlights-text1">第三极</span>”的核心区,西藏有着极致的美丽。顶着身体不适,扛着各种仪器,做样方、采标本、打土钻和入户调研是科考队员户外作业最平常的事情。<br/> \
“高原上的天气极不稳定,狂风、冰雹、大雨会在同一天多次造访,我们必须趁着天气略有好转时,见缝插针,尽可能多地赶任务。一日行车数百公里都是‘家常便饭’,调研途中为了‘救出’陷入泥坑的车辆,经常折腾到灰头土脸。”36岁的西藏农牧学院副教授王向涛说。<br/> \
<span class="highlights-text2">2019年7月</span>,第二次青藏科考雅鲁藏布大峡谷水汽通道考察分队在墨脱县的一次“陷车”,至今让科考队员李璐含记忆深刻。当时,墨脱因为多日暴雨和泥石流,已封锁半个月之久,科考队员采集数据的当天仍在下暴雨。傍晚,车子到了一处山体坍塌严重的路段。<br/> \
“当车子陷入泥泞的时候,我心想,今晚或许就要睡在这里了。”李璐含说,“知道我们是科考队后,前后方车辆的司机和路旁维修道路的人都帮我们推车。原本在黑暗中的车子,被车灯和探照灯照亮,使我能看清这些人的面庞,他们用不同的方言喊口号、用力推车的场景让我难忘。”<br/> \
躺在草地上观看云团变幻出各种造型;科考间隙引逗草原上东张西望的鼠兔或旱獭;科考途中和赶着牛群、羊群的牧民依靠手势交流,致以微笑……这些是科考队员在科考途中不多的乐趣。<br/> \
作为第二次青藏科考的参与人员,王向涛多次深入藏北地区考察。“有时候,我随手拍的风景照发到朋友圈,会引来朋友的羡慕。或许这是很多人眼里的‘诗和远方’,但对于我们来说,这一次次‘旅程’不是‘游山玩水’,而是科研工作者的负重前行。”王向涛感慨说。<br/> \
2019年以来,第二次青藏高原综合科学考察研究队在西藏共采集大气、水文、土壤等环境要素样品1.2万余份,采集动植物、微生物样本4.4万余份,收集经济社会发展资料超2200套,在“亚洲水塔”变化与影响及应对等方面取得突破。<br/> \
“我们在西藏进行科学考察,必须了解当地群众生产、生活需求和意愿,为保护好这里的一草一木尽一份绵薄之力。肆虐的风雪阻挡不住前进的路,选择了科考,选择了拥抱这片广袤的土地,就是青春的荣耀。”王向涛说。',
],
ifAlert: false,
options: [
{
value: "选项1",
label: "1.可爱的滑坡"
},
{
value: "选项2",
label: "2.不可爱的滑坡"
},
{
value: "选项3",
label: "3.奇怪的滑坡"
},
{
value: "选项4",
label: "4.平凡的滑坡"
},
{
value: "选项5",
label: "5.最后一个滑坡"
}
],
value: ""
};
},
methods: {
handleCheckChange(data, checked, indeterminate) {
console.log(data, checked, indeterminate);
},
handleNodeClick(data) {
console.log(data);
},
toTextUndo: function() {
this.$router.push("/");
},
toTextEnd: function() {
this.$router.push("/");
},
toTextOther: function() {
this.$router.push("/");
},
closeAddTag() {
this.ifAlert = 0;
},
highlight() {
this.ifAlert = true;
const search = window.getSelection().toString();
this.msg = this.msg.map(item => {
let replaceReg = new RegExp(search, "g"); // 匹配关键字正则
let replaceString =
'<span class="highlights-text">' + search + '</span>'; // 高亮替换v-html值
return item.replace(replaceReg, replaceString);
});
},
save() {
this.$message({
message: '保存成功！',
type: 'success'
});
},
submit() {
this.$message({
message: '保存成功！',
type: 'success'
});
this.$router.replace("/completed");
}
}
};
</script>
<style lang='scss'>
@import "@/assets/scss/config.scss";
@import "@/assets/scss/mixin.scss";
.select-container {
@include container;
.filter-container {
float: center;
width: 100%;
padding: 35px 40px 50px 40px;
@include whiteBoard;
}
}
.msg {
text-align: left;
font-size: 18px;
line-height: 30px;
}
.highlights-text1 {
//color: #ff5134;
background-color: rgb(255,255,0);
}
.highlights-text2 {
//color: #ff5134;
background-color: rgb(50,205,50);
}
.highlights-text3 {
//color: #ff5134;
background-color: #9933cc;
}
.addTag {
width: 30%;
height: 500px;
background-color: #ffffff;
position: fixed;
top: 50%;
margin-top: -250px;
left: 55%;
margin-left: -25%;
border: 1px solid darkgrey;
border-radius: 10px;
padding: 10px;
}
.addTagTitle {
margin-top: 15px;
margin-bottom: 10px;
}
#demo1 {
width: 140px;
height: 20px;
background-color: rgba(255,255,0,0.47);
position: absolute;
left: 320px;
top: 150px;
}
#demo2 {
width: 140px;
height: 20px;
background-color: rgb(50,205,50);
position: absolute;
left: 250px;
top: 180px;
}
</style>
\ No newline at end of file
DAPlatform-front/src/router/index.js
...@@ -13,6 +13,7 @@ import ongoingtaskdetail from '../components/OngoingTaskDetail' ...@@ -13,6 +13,7 @@ import ongoingtaskdetail from '../components/OngoingTaskDetail'
import completeddetail from '../components/CompletedTaskDetail' import completeddetail from '../components/CompletedTaskDetail'
import checkdetail from '../components/CheckDetail' import checkdetail from '../components/CheckDetail'
import SelectText from '../components/textAnnotation/SelectText' import SelectText from '../components/textAnnotation/SelectText'
import SelectedText from '../components/textAnnotation/SelectedText'
import Table from '../components/textAnnotation/Table' import Table from '../components/textAnnotation/Table'
import imageAnnotiation from '../components/imageAnnotation/imageAnnotiation' import imageAnnotiation from '../components/imageAnnotation/imageAnnotiation'
import layerAnnotation from '../components/imageAnnotation/layerAnnotation'; import layerAnnotation from '../components/imageAnnotation/layerAnnotation';
...@@ -88,6 +89,11 @@ export default new Router({ ...@@ -88,6 +89,11 @@ export default new Router({
component: SelectText component: SelectText
}, },
{ {
path: '/selected',
name: 'SelectedText',
component: SelectedText
},
{
path: '/table', path: '/table',
name: 'table', name: 'table',
component: Table component: Table
......
文档/各页面url.docx
No preview for this file type
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment