Skip to content

D
DA-Platform

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

Commit f22c5650 by 郭婉茹
Options

修改页面布局

parent a051e969
Showing with 67 additions and 156 deletions
DAPlatform-front/src/components/textAnnotation/SelectText.vue
<template>
<div class="select-container">
<el-container style="margin-top: 40px">
<el-container>
<el-aside
class="sidebar"
class="sidebar1"
style="background-color: rgba(255,255,255,0);box-shadow: 0px 0px 0px rgba(255,255,255,0);padding-right: 20px"
>
<!-- 实体列表 -->
......@@ -12,7 +12,7 @@
<div class="img-title-list-box1">
<div class="img-title-list1">
<div
class="tokenList"
class="tokenList1"
v-for="it in tokenList"
:key="it"
style="user-select:none; float: left;"
......@@ -24,7 +24,7 @@
:disable-transitions="false"
@close="deleteToken(it)"
>
<div class="token" v-html="it.word"></div>
<a class="token1" v-html="it.word"></a>
</el-tag>
<br />
</div>
......@@ -34,12 +34,12 @@
</div>
</el-aside>
<!-- 文本界面 -->
<el-main class="filter-container" style="background-color: #FFFFFF">
<el-main class="filter-container1" style="background-color: #FFFFFF">
<div style="overflow-y:auto;height:100%;">
<div class="content" @mouseup="select()" v-html="content"></div>
<div class="content1" @mouseup="select()" v-html="content"></div>
<br />
<div>
<el-button type="primary" @click="submit()">提交</el-button>
<el-button class="button1" type="primary" @click="submit()">提交</el-button>
</div>
<!-- 弹窗-->
......@@ -480,23 +480,47 @@ export default {
@import "@/assets/scss/mixin.scss";
.select-container {
@include container;
.sidebar {
height: 900px;
.sidebar1 {
height: 600px;
box-shadow: 0px 0px 10px #dbdbdb;
background-color: white;
.img-list-title1 {
line-height: 40px;
padding: 0 10px;
background: #409eff;
color: white;
}
.img-title-list-box1 {
height: 560px;
overflow: auto;
background-color: white;
.tokenList1 {
margin: 9px;
}
.token1 {
font-size: 18px;
}
}
}
.filter-container {
.filter-container1 {
height: 600px;
float: center;
width: 100%;
padding: 35px 40px 50px 40px;
padding: 25px 10px 20px 25px;
@include whiteBoard;
.content1 {
overflow: auto;
height: 450px;
text-align: left;
font-size: 20px;
line-height: 30px;
}
.button1 {
overflow: auto;
}
}
}
.content {
text-align: left;
font-size: 20px;
line-height: 30px;
}
.highlights-text {
color: #ff5134;
text-decoration: underline;
......@@ -525,37 +549,9 @@ export default {
margin-top: 15px;
margin-bottom: 10px;
}
.sidebar-box1 {
position: fixed;
width: 260px;
}
.img-list-title1 {
line-height: 40px;
padding: 0 10px;
background: #409eff;
color: white;
}
.img-title-list-box1 {
height: 550px;
overflow: auto;
background-color: white;
//margin-top: 13px;
margin-bottom: 13px;
}
.add-file-btn-group >>> button {
margin-top: 3px;
margin-bottom: 3px;
}
.tokenList {
margin: 9px;
//margin-bottom: 9px;
}
.token {
// width: 150px;
// white-space: nowrap;
// text-overflow: ellipsis;
// overflow: hidden;
font-size: 18px;
}
</style>
DAPlatform-front/src/components/textAnnotation/SelectedCheck.vue
<template>
<div class="select-container">
<el-container style="margin-top: 40px">
<el-container>
<el-aside
class="sidebar"
class="sidebar1"
style="background-color: rgba(255,255,255,0);box-shadow: 0px 0px 0px rgba(255,255,255,0);padding-right: 20px"
>
<!-- 实体列表 -->
......@@ -12,21 +12,12 @@
<div class="img-title-list-box1">
<div class="img-title-list1">
<div
class="tokenList"
class="tokenList2"
v-for="it in tokenList"
:key="it"
style="user-select:none; float: left;"
>
<el-tag
size="small"
@click="changeToken(it)"
closable
:disable-transitions="false"
@close="deleteToken(it)"
>
<div class="token" v-html="it.word"></div>
</el-tag>
<br />
<li class="token2" v-html="it.word"></li>
</div>
</div>
</div>
......@@ -34,13 +25,13 @@
</div>
</el-aside>
<!-- 文本界面 -->
<el-main class="filter-container" style="background-color: #FFFFFF">
<el-main class="filter-container1" style="background-color: #FFFFFF">
<div style="overflow-y:auto;height:100%;">
<div class="content" @mouseup="select()" v-html="content"></div>
<div class="content1" @mouseup="select()" v-html="content"></div>
<br />
<!-- 打分 -->
<!--div v-if="this.$route.query.isCheck == '1'"-->
<div>
<div class="button1">
<el-button type="primary" @click="commentScore = true">打分</el-button>
<el-button type="primary" @click="submit()">提交</el-button>
<el-dialog title="请打分" :visible.sync="commentScore" width="400px">
......@@ -267,27 +258,6 @@ export default {
</script>
<style lang='scss'>
@import "@/assets/scss/config.scss";
@import "@/assets/scss/mixin.scss";
.select-container {
@include container;
.sidebar {
height: 900px;
box-shadow: 0px 0px 10px #dbdbdb;
background-color: white;
}
.filter-container {
float: center;
width: 100%;
padding: 35px 40px 50px 40px;
@include whiteBoard;
}
}
.content {
text-align: left;
font-size: 20px;
line-height: 30px;
}
.highlights-text {
color: #ff5134;
text-decoration: underline;
......@@ -316,10 +286,6 @@ export default {
margin-top: 15px;
margin-bottom: 10px;
}
.sidebar-box1 {
position: fixed;
width: 260px;
}
.img-list-title1 {
line-height: 40px;
padding: 0 10px;
......@@ -338,15 +304,4 @@ export default {
margin-top: 3px;
margin-bottom: 3px;
}
.tokenList {
margin: 9px;
//margin-bottom: 9px;
}
.token {
// width: 150px;
// white-space: nowrap;
// text-overflow: ellipsis;
// overflow: hidden;
font-size: 18px;
}
</style>
DAPlatform-front/src/components/textAnnotation/SelectedText.vue
<template>
<div class="select-container">
<el-container style="margin-top: 40px">
<el-container>
<el-aside
class="sidebar"
class="sidebar1"
style="background-color: rgba(255,255,255,0);box-shadow: 0px 0px 0px rgba(255,255,255,0);padding-right: 20px"
>
<!-- 实体列表 -->
......@@ -12,21 +12,12 @@
<div class="img-title-list-box1">
<div class="img-title-list1">
<div
class="tokenList"
class="tokenList2"
v-for="it in tokenList"
:key="it"
style="user-select:none; float: left;"
>
<el-tag
size="small"
@click="changeToken(it)"
closable
:disable-transitions="false"
@close="deleteToken(it)"
>
<div class="token" v-html="it.word"></div>
</el-tag>
<br />
<li class="token2" v-html="it.word"></li>
</div>
</div>
</div>
......@@ -34,12 +25,12 @@
</div>
</el-aside>
<!-- 文本界面 -->
<el-main class="filter-container" style="background-color: #FFFFFF">
<el-main class="filter-container1" style="background-color: #FFFFFF">
<div style="overflow-y:auto;height:100%;">
<div class="content" @mouseup="select()" v-html="content"></div>
<div class="content1" @mouseup="select()" v-html="content"></div>
<br />
<div>
<el-button type="primary" @click="submit()">提交</el-button>
<el-button class="button1" type="primary" @click="submit()">提交</el-button>
</div>
</div>
</el-main>
......@@ -210,21 +201,16 @@ export default {
</script>
<style lang='scss'>
@import "@/assets/scss/config.scss";
@import "@/assets/scss/mixin.scss";
.select-container {
@include container;
.sidebar {
height: 900px;
box-shadow: 0px 0px 10px #dbdbdb;
background-color: white;
}
.filter-container {
float: center;
width: 100%;
padding: 35px 40px 50px 40px;
@include whiteBoard;
}
.token2 {
width: 200px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
float: left;
font-size: 18px;
color: #409eff;
}
.content {
text-align: left;
......@@ -259,37 +245,11 @@ export default {
margin-top: 15px;
margin-bottom: 10px;
}
.sidebar-box1 {
position: fixed;
width: 260px;
}
.img-list-title1 {
line-height: 40px;
padding: 0 10px;
background: #409eff;
color: white;
}
.img-title-list-box1 {
height: 550px;
overflow: auto;
background-color: white;
//margin-top: 13px;
margin-bottom: 13px;
}
.add-file-btn-group >>> button {
margin-top: 3px;
margin-bottom: 3px;
}
.tokenList {
margin: 9px;
//margin-bottom: 9px;
}
.token {
// width: 150px;
// white-space: nowrap;
// text-overflow: ellipsis;
// overflow: hidden;
font-size: 18px;
.tokenList2 {
margin: 9px 9px 0px 9px;
}
</style>
DAPlatform-front/src/components/textAnnotation/Table.vue
<template>
<div class="select-container">
<el-container style="margin-top: 40px">
<el-container>
<el-aside
class="sidebar"
style="background-color: rgba(255,255,255,0);box-shadow: 0px 0px 0px rgba(255,255,255,0);padding-right: 20px"
......
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