text前端样式修改

DAPlatform-front/src/components/textAnnotation/Json.vue

@@ -2,9 +2,7 @@
   <div class="select-container">
     <el-container>
       <el-aside
-        class="sidebar1"
-        style="background-color: rgba(255,255,255,0);box-shadow: 0px 0px 0px rgba(255,255,255,0);padding-right: 20px"
-      >
+        class="sidebar1">
         <!-- 实体列表 -->
         <div class="sidebar-box1">
           <div>

DAPlatform-front/src/components/textAnnotation/SelectText.vue

 <template>
   <div class="select-container">
     <el-container>
-      <el-aside
-        class="sidebar1"
-        style="background-color: rgba(255,255,255,0);box-shadow: 0px 0px 0px rgba(255,255,255,0);padding-right: 20px"
-      >
+      <el-aside class="sidebar1">
         <!-- 实体列表 -->
         <div class="sidebar-box1">
           <div>
@@ -230,7 +227,7 @@ export default {
         },
       }).then((res) => {
         if (res.return_code == 200) {
-          console.log(res.result)
+          console.log(res.result);
           // 实体
           this.token.entityId = res.result.templateName;
           // 属性
@@ -484,21 +481,33 @@ export default {
 @import "@/assets/scss/config.scss";
 @import "@/assets/scss/mixin.scss";
 .select-container {
-  @include container;
+  height: calc(100vh - 61px);
+  display: flex;
+  flex-direction: column;
+  background-color: #d9ecff;
   .sidebar1 {
-    height: 600px;
-    box-shadow: 0px 0px 10px #dbdbdb;
-    background-color: white;
+    padding: 0 0 0 0;
+    margin-left: 50px;
+    margin-right: 20px;
+    margin-top: 40px;
+    width: 250px;
+    display: flex;
     .img-list-title1 {
+      padding: 0 0 0 0;
+      width: 250px;
+      height: 40px;
       line-height: 40px;
-      padding: 0 10px;
       background: #409eff;
       color: white;
+      box-shadow: 0px 0px 10px #dbdbdb;
     }
     .img-title-list-box1 {
-      height: 560px;
+      padding: 0 0 0 0;
+      width: 250px;
+      height: calc(100vh - 61px - 100px - 40px);
       overflow: auto;
       background-color: white;
+      box-shadow: 0px 0px 10px #dbdbdb;
       .tokenList1 {
         margin: 9px;
       }
@@ -508,14 +517,17 @@ export default {
     }
   }
   .filter-container1 {
-    height: 600px;
-    float: center;
+    margin-right: 50px;
+    margin-left: 20px;
+    margin-top: 40px;
+    height: calc(100vh - 61px - 100px);
+    //float: center;
     width: 100%;
     padding: 25px 10px 20px 25px;
     @include whiteBoard;
     .content1 {
       overflow: auto;
-      height: 450px;
+      height: calc(100vh - 61px - 100px - 110px);
       text-align: left;
       font-size: 20px;
       line-height: 30px;

DAPlatform-front/src/components/textAnnotation/SelectedCheck.vue

@@ -297,20 +297,6 @@ export default {
   margin-top: 15px;
   margin-bottom: 10px;
 }
-.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;

DAPlatform-front/src/components/textAnnotation/Tabled.vue

@@ -258,25 +258,6 @@ export default {
 <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;
-}
 
 .el-table .warning-row {
   background: oldlace;
@@ -313,21 +294,6 @@ export default {
   margin-top: 15px;
   margin-bottom: 10px;
 }
-.img-list-title {
-  line-height: 40px;
-  padding: 0 10px;
-  background: #409eff;
-  color: white;
-}
-.img-title-list-box {
-  padding: 7px;
-  height: 250px;
-  overflow: auto;
-  background-color: white;
-  //margin-top: 13px;
-  margin-bottom: 13px;
-}
-
 .add-file-btn-group >>> button {
   margin-top: 3px;
   margin-bottom: 3px;

DAPlatform-front/src/components/textAnnotation/TabledCheck.vue

@@ -320,25 +320,6 @@ export default {
 <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;
-}
 
 .el-table .warning-row {
   background: oldlace;
@@ -375,20 +356,6 @@ export default {
   margin-top: 15px;
   margin-bottom: 10px;
 }
-.img-list-title {
-  line-height: 40px;
-  padding: 0 10px;
-  background: #409eff;
-  color: white;
-}
-.img-title-list-box {
-  padding: 7px;
-  height: 250px;
-  overflow: auto;
-  background-color: white;
-  //margin-top: 13px;
-  margin-bottom: 13px;
-}
 
 .add-file-btn-group >>> button {
   margin-top: 3px;

DAPlatform/static/js/0.24d8ede3b983543299dd.js

-webpackJsonp([0],{l98k:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={name:"task",components:{PiecesTable:a("8Lxp").a},data:function(){return{task:null}},beforeMount:function(){this.task=JSON.parse(decodeURIComponent(this.$route.params.task))},methods:{}},n={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"task-container"},[a("div",{staticClass:"task-panel"},[a("h2",[t._v(t._s(t.task.name))]),t._v(" "),a("p",[t._v("发布者："+t._s(t.task.creator))]),t._v(" "),a("p",[t._v("发布时间："+t._s(t.task.date))]),t._v(" "),a("el-divider"),t._v(" "),a("h2",[t._v("选择分片")]),t._v(" "),a("pieces-table",{attrs:{"task-id":t.task.id,showSelection:""}})],1)])},staticRenderFns:[]};var i=a("VU/8")(s,n,!1,function(t){a("xzXE")},"data-v-0add3a96",null);e.default=i.exports},xzXE:function(t,e){}});
-//# sourceMappingURL=0.24d8ede3b983543299dd.js.map
\ No newline at end of file

DAPlatform/static/js/0.8c2f1d30832f2082fc29.js

+webpackJsonp([0],{"CFJ/":function(t,e){},l98k:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var s={name:"task",components:{PiecesTable:a("8Lxp").a},data:function(){return{task:null}},beforeMount:function(){this.task=JSON.parse(decodeURIComponent(this.$route.params.task))},methods:{}},n={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"task-container"},[a("div",{staticClass:"task-panel"},[a("h2",[t._v(t._s(t.task.name))]),t._v(" "),a("p",[t._v("发布者："+t._s(t.task.creator))]),t._v(" "),a("p",[t._v("发布时间："+t._s(t.task.date))]),t._v(" "),a("el-divider"),t._v(" "),a("h2",[t._v("选择分片")]),t._v(" "),a("pieces-table",{attrs:{"task-id":t.task.id,showSelection:""}})],1)])},staticRenderFns:[]};var r=a("C7Lr")(s,n,!1,function(t){a("CFJ/")},"data-v-0add3a96",null);e.default=r.exports}});
+//# sourceMappingURL=0.8c2f1d30832f2082fc29.js.map
\ No newline at end of file

DAPlatform/static/js/manifest.6d5ea4e298b6b93e1f3e.js → DAPlatform/static/js/manifest.fa7c8e7da99dc0e27dc8.js

-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,i){for(var u,a,f,s=0,l=[];s<r.length;s++)a=r[s],t[a]&&l.push(t[a][0]),t[a]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(n&&n(r,c,i);l.length;)l.shift()();if(i)for(s=0;s<i.length;s++)f=o(o.s=i[s]);return f};var r={},t={3:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],i=document.createElement("script");i.type="text/javascript",i.charset="utf-8",i.async=!0,i.timeout=12e4,o.nc&&i.setAttribute("nonce",o.nc),i.src=o.p+"static/js/"+e+"."+{0:"24d8ede3b983543299dd"}[e]+".js";var u=setTimeout(a,12e4);function a(){i.onerror=i.onload=null,clearTimeout(u);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return i.onerror=i.onload=a,c.appendChild(i),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
-//# sourceMappingURL=manifest.6d5ea4e298b6b93e1f3e.js.map
+!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,i){for(var u,a,f,s=0,l=[];s<r.length;s++)a=r[s],t[a]&&l.push(t[a][0]),t[a]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(n&&n(r,c,i);l.length;)l.shift()();if(i)for(s=0;s<i.length;s++)f=o(o.s=i[s]);return f};var r={},t={3:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],i=document.createElement("script");i.type="text/javascript",i.charset="utf-8",i.async=!0,i.timeout=12e4,o.nc&&i.setAttribute("nonce",o.nc),i.src=o.p+"static/js/"+e+"."+{0:"8c2f1d30832f2082fc29"}[e]+".js";var u=setTimeout(a,12e4);function a(){i.onerror=i.onload=null,clearTimeout(u);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return i.onerror=i.onload=a,c.appendChild(i),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
+//# sourceMappingURL=manifest.fa7c8e7da99dc0e27dc8.js.map
\ No newline at end of file

DAPlatform/templates/index.html

-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>daplatform</title><link href=./static/css/app.84465c48e2cac5f8476ed05be74cc276.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.6d5ea4e298b6b93e1f3e.js></script><script type=text/javascript src=./static/js/vendor.86758adb277d44158237.js></script><script type=text/javascript src=./static/js/app.6f07547f4285beb9fd6b.js></script></body></html><script src="//webapi.amap.com/maps?v=2.0&key=fd28dc34eb931d82a25869cd127005d5&plugin=AMap.MouseTool,AMap.ToolBar"></script>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>daplatform</title><link href=./static/css/app.e50e47f565b7ee297f8270890dad8c18.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.fa7c8e7da99dc0e27dc8.js></script><script type=text/javascript src=./static/js/vendor.d14d3aa5c99b107d845e.js></script><script type=text/javascript src=./static/js/app.89ee16514b6ef485d332.js></script></body></html><script src="//webapi.amap.com/maps?v=2.0&key=fd28dc34eb931d82a25869cd127005d5&plugin=AMap.MouseTool,AMap.ToolBar"></script>
\ No newline at end of file