Skip to content

A
apaas-ui
Commit 796385ea authored by 张俊's avatar 张俊
Browse files
Options

修改编辑器样式

parent 5d38cc4f
Hide whitespace changes
Inline Side-by-side
Showing with 684 additions and 38 deletions
src/assets/style/common.less 0 → 100644
View file @ 796385ea
.w-e-toolbar,
.w-e-text-container,
.w-e-menu-panel {
padding: 0;
margin: 0;
box-sizing: border-box;
background-color: #fff;
/*表情菜单样式*/
.eleImg{
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 0 3px;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
/*分割线样式*/
hr{
cursor: pointer;
display: block;
height: 0px;
border: 0;
border-top: 3px solid #ccc;
margin: 20px 0;
}
}
.w-e-clear-fix:after {
content: "";
display: table;
clear: both;
}
.w-e-drop-list-item {
position: relative;
top: 1px;
padding-right: 7px;
color: #333 !important;
}
.w-e-drop-list-tl {
padding-left: 10px;
text-align: left;
}
src/assets/style/create-panel-conf.less 0 → 100644
View file @ 796385ea
.w-e-table{
display: flex;
.w-e-table-input{
width: 40px;
text-align: center!important;
margin: 0 5px;
}
}
\ No newline at end of file
src/assets/style/drag-size.less 0 → 100644
View file @ 796385ea
.w-e-text-container {
overflow: hidden;
}
.w-e-img-drag-mask {
position: absolute;
z-index: 1;
border: 1px dashed #ccc;
box-sizing: border-box;
.w-e-img-drag-rb {
position: absolute;
right: -5px;
bottom: -5px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #ccc;
cursor: se-resize;
}
.w-e-img-drag-show-size {
min-width: 110px;
height: 22px;
line-height: 22px;
font-size: 14px;
color: #999;
position: absolute;
left: 0;
top: 0;
background-color: #999;
color: #fff;
border-radius: 2px;
padding: 0 5px;
}
}
\ No newline at end of file
src/assets/style/droplist.less 0 → 100644
View file @ 796385ea
.w-e-toolbar {
.w-e-droplist {
position: absolute;
left: 0;
top: 0;
background-color: #fff;
border: 1px solid #f1f1f1;
border-right-color: #ccc;
border-bottom-color: #ccc;
.w-e-dp-title {
text-align: center;
color: #999;
line-height: 2;
border-bottom: 1px solid #f1f1f1;
font-size: 13px;
}
ul.w-e-list {
list-style: none;
line-height: 1;
li.w-e-item {
color: #333;
padding: 5px 0;
&:hover {
background-color: #f1f1f1;
}
}
}
ul.w-e-block {
list-style: none;
text-align: left;
padding: 5px;
li.w-e-item {
display: inline-block;
padding: 3px 5px;
&:hover {
background-color: #f1f1f1;
}
}
}
}
}
\ No newline at end of file
src/assets/style/full-screen.less 0 → 100644
View file @ 796385ea
.w-e-full-screen-editor {
position: fixed;
width:100%!important;
height:100%!important;
left:0;
top:0;
}
\ No newline at end of file
src/assets/style/icon.less 0 → 100644
View file @ 796385ea
@font-face {
font-family: 'w-e-icon';
src: url('../font/w-e-icon.woff?ddq1c7') format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="w-e-icon-"], [class*=" w-e-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'w-e-icon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.w-e-icon-close:before {
content: "\f00d";
}
.w-e-icon-upload2:before {
content: "\e9c6";
}
.w-e-icon-trash-o:before {
content: "\f014";
}
.w-e-icon-header:before {
content: "\f1dc";
}
.w-e-icon-pencil2:before {
content: "\e906";
}
.w-e-icon-paint-brush:before {
content: "\f1fc";
}
.w-e-icon-image:before {
content: "\e90d";
}
.w-e-icon-play:before {
content: "\e912";
}
.w-e-icon-location:before {
content: "\e947";
}
.w-e-icon-undo:before {
content: "\e965";
}
.w-e-icon-redo:before {
content: "\e966";
}
.w-e-icon-quotes-left:before {
content: "\e977";
}
.w-e-icon-list-numbered:before {
content: "\e9b9";
}
.w-e-icon-list2:before {
content: "\e9bb";
}
.w-e-icon-link:before {
content: "\e9cb";
}
.w-e-icon-happy:before {
content: "\e9df";
}
.w-e-icon-bold:before {
content: "\ea62";
}
.w-e-icon-underline:before {
content: "\ea63";
}
.w-e-icon-italic:before {
content: "\ea64";
}
.w-e-icon-strikethrough:before {
content: "\ea65";
}
.w-e-icon-table2:before {
content: "\ea71";
}
.w-e-icon-paragraph-left:before {
content: "\ea77";
}
.w-e-icon-paragraph-center:before {
content: "\ea78";
}
.w-e-icon-paragraph-right:before {
content: "\ea79";
}
.w-e-icon-terminal:before {
content: "\f120";
}
.w-e-icon-page-break:before {
content: "\ea68";
}
.w-e-icon-cancel-circle:before {
content: "\ea0d";
}
.w-e-icon-font:before {
content: "\ea5c";
}
.w-e-icon-text-heigh:before {
content: "\ea5f";
}
.w-e-icon-paint-format:before {
content: "\e90c";
}
.w-e-icon-indent-increase:before {
content: "\ea7b";
}
.w-e-icon-indent-decrease:before {
content: "\ea7c";
}
.w-e-icon-row-height:before {
content: "\e9be";
}
.w-e-icon-fullscreen_exit:before {
content: "\e900";
}
.w-e-icon-fullscreen:before {
content: "\e901";
}
.w-e-icon-split-line:before {
content: "\ea0b";
}
.w-e-icon-checkbox-checked:before {
content: "\ea52";
}
\ No newline at end of file
src/assets/style/menus.less 0 → 100644
View file @ 796385ea
.w-e-toolbar {
display: flex;
padding: 0 6px;
flex-wrap: wrap;
/* 单个菜单 */
.w-e-menu {
position: relative;
display: flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
i {
color: #999;
}
&:hover {
background-color: #F6F6F6;
i {
color: #333;
}
}
}
.w-e-active {
i {
color: #1e88e5;
}
&:hover {
i {
color: #1e88e5;
}
}
}
}
\ No newline at end of file
src/assets/style/panel.less 0 → 100644
View file @ 796385ea
.w-e-menu {
.w-e-panel-container {
position: absolute;
top: 0;
left: 50%;
border: 1px solid #ccc;
border-top: 0;
box-shadow: 1px 1px 2px #ccc;
color: #333;
background-color: #fff;
text-align: left;
.w-e-panel-close {
position: absolute;
right: 0;
top: 0;
padding: 5px;
margin: 2px 5px 0 0;
cursor: pointer;
color: #999;
&:hover {
color: #333;
}
}
.w-e-panel-tab-title {
list-style: none;
display: flex;
font-size: 14px;
margin: 2px 10px 0 10px;
border-bottom: 1px solid #f1f1f1;
.w-e-item {
padding: 3px 5px;
color: #999;
cursor: pointer;
margin: 0 3px;
position: relative;
top: 1px;
}
.w-e-active {
color: #333;
border-bottom: 1px solid #333;
cursor: default;
font-weight: 700;
}
}
.w-e-panel-tab-content {
padding: 10px 15px 10px 15px;
font-size: 16px;
/* 输入框的样式 */
input,textarea,button {
&:focus {
outline: none;
}
}
textarea {
width: 100%;
border: 1px solid #ccc;
padding: 5px;
margin-top: 10px;
&:focus {
border-color: #1e88e5;
}
}
input[type=text] {
border: none;
border-bottom: 1px solid #ccc;
font-size: 14px;
height: 20px;
color: #333;
text-align: left;
}
input[type=text].small {
width: 30px;
text-align: center;
}
input[type=text].block {
display: block;
width: 100%;
margin: 10px 0;
}
input[type=text]:focus {
border-bottom: 2px solid #1e88e5;
}
/* 按钮的样式 */
.w-e-button-container {
button {
font-size: 14px;
color: #1e88e5;
border: none;
padding: 5px 10px;
background-color: #fff;
cursor: pointer;
border-radius: 3px;
}
button.left {
float: left;
margin-right: 10px;
}
button.right {
float: right;
margin-left: 10px;
}
button.gray {
color: #999;
}
button.red {
color: rgb(194, 79, 74);
}
button:hover {
background-color: #f1f1f1;
}
}
.w-e-button-container:after {
content: "";
display: table;
clear: both;
}
}
/* 为 emotion panel 定制的样式 */
.w-e-emoticon-container {
.w-e-item {
cursor: pointer;
font-size: 18px;
padding: 0 3px;
display: inline-block;
}
}
/* 上传图片的 panel 定制样式 */
.w-e-up-img-container {
text-align: center;
.w-e-up-btn {
display: inline-block;
color: #999;
cursor: pointer;
font-size: 60px;
line-height: 1;
&:hover {
color: #333;
}
}
}
}
}
\ No newline at end of file
src/assets/style/text.less 0 → 100644
View file @ 796385ea
.w-e-text-container {
position: relative;
.w-e-progress {
position: absolute;
background-color: #1e88e5;
top: 0;
left: 0;
height: 1px;
}
.placeholder {
color: #D4D4D4;
position: absolute;
font-size: 11pt;
line-height: 22px;
left: 10px;
top: 10px;
user-select: none;
z-index: -1;
}
}
.w-e-text {
padding: 0 10px;
overflow-y: auto;
p,h1,h2,h3,h4,h5,table,pre {
margin: 10px 0;
line-height: 1.5;
}
ul, ol {
margin: 10px 0 10px 20px;
}
blockquote {
display: block;
border-left: 8px solid #d0e5f2;
padding: 5px 10px;
margin: 10px 0;
line-height: 1.4;
font-size: 100%;
background-color: #f1f1f1;
}
code {
display: inline-block;
background-color: #f1f1f1;
border-radius: 3px;
padding: 3px 5px;
margin: 0 3px;
}
pre {
code {
display: block;
}
}
table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
td,th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 3px 5px;
min-height: 30px;
}
th {
border-bottom: 2px solid #ccc;
text-align: center;
background-color: #f1f1f1;
}
}
&:focus {
outline: none;
}
img {
cursor: pointer;
&:hover {
box-shadow: 0 0 5px #333;
}
}
}
.w-e-tooltip {
position: absolute;
display: flex;
color: #f1f1f1;
background-color: rgba(0,0,0,.75);
box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
border-radius: 4px;
padding: 4px 5px 6px;
position: absolute;
}
// 下箭头
.w-e-tooltip-up::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border: 5px solid rgba(0,0,0,0);
border-top-color: rgba(0,0,0,.73);
}
// 上箭头
.w-e-tooltip-down::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border: 5px solid rgba(0,0,0,0);
border-bottom-color: rgba(0,0,0,.73);
}
.w-e-tooltip-item-wrapper {
cursor: pointer;
font-size: 14px;
margin: 0 5px;
&:hover {
color: #ccc;
text-decoration: underline;
}
}
\ No newline at end of file
src/components/doc-width-nav.vue
View file @ 796385ea
......@@ -6,7 +6,7 @@
<span>更新时间：{{ time || "-" }}</span>
</h3>
<div
class="part_content doc_content apaas_scroll"
class="part_content doc_content w-e-text w-e-text-container apaas_scroll"
v-html="content"
ref="docContent"
></div>
......
src/main.js
View file @ 796385ea
......@@ -4,6 +4,13 @@ import store from "@/store";
import Vue from 'vue'
import '../src/assets/style/common.less'
import '../src/assets/style/icon.less'
import '../src/assets/style/menus.less'
import '../src/assets/style/text.less'
import '../src/assets/style/panel.less'
import '../src/assets/style/droplist.less'
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
Vue.use(mavonEditor)
......
src/pages/technical-support/answer-center/detail.vue
View file @ 796385ea
......@@ -29,7 +29,7 @@
<span>{{ question.view }}</span>
</span>
</p>
<div class="ques_content" v-html="question.content"></div>
<div class="ques_content w-e-text w-e-text-container" v-html="question.content"></div>
</div>
<div class="answer">
<p>{{answer_total}}条回答</p>
......
src/pages/technical-support/doc-manage/list.vue
View file @ 796385ea
......@@ -124,7 +124,7 @@
width="1340px"
>
<div
class="detail_content apaas_scroll"
class="detail_content w-e-text w-e-text-container apaas_scroll"
slot="content"
v-html="detail.content"
></div>
......
src/pages/technical-support/sdk-manage/example/index.vue
View file @ 796385ea
......@@ -94,7 +94,7 @@
width="1340px"
>
<div
class="view_content apaas_scroll"
class="view_content w-e-text w-e-text-container apaas_scroll"
slot="content"
v-html="detailForm.content"
></div>
......
src/pages/workbench/fwgl/apply_service_detail.vue
View file @ 796385ea
......@@ -21,7 +21,7 @@
<div class="type_box_select">
<info-list :list_arr="process_in_up_arr" v-if="now_service == 1&&process_in_up">
<div slot="service_port" class="service_port">
<el-select v-model="port_select" placeholder="">
<el-select v-model="port_select" placeholder="" @change="change_port">
<el-option
v-for="item in port_options"
:key="item.value"
......@@ -52,18 +52,18 @@
<info-list :list_arr="perception_solt_arr" v-if="now_service == 1&&perception_in">
<table-um
:headers="perception_req_solt_header_arr"
:datas="perception_req_solt_data"
:datas="req_solt_data"
:stripe="true"
slot="request_table"
></table-um>
<v-apaas-code :datas="perception_req_solt_code_arr" slot="request_code" :readOnly="true"></v-apaas-code>
<v-apaas-code :datas="req_solt_code_arr" slot="request_code" :readOnly="true"></v-apaas-code>
<table-um
:headers="perception_res_solt_header_arr"
:datas="perception_res_solt_data"
:datas="res_solt_data"
:stripe="true"
slot="response_table"
></table-um>
<v-apaas-code :datas="perception_res_solt_code_arr" slot="response_code" :readOnly="true"></v-apaas-code>
<v-apaas-code :datas="res_solt_code_arr" slot="response_code" :readOnly="true"></v-apaas-code>
</info-list>
<info-list
v-else
......@@ -153,7 +153,7 @@ export default {
align: "left",
},
{
prop: "is_must",
prop: "example",
label: "字段示例数值",
align: "center",
width: 240,
......@@ -184,7 +184,7 @@ export default {
align: "left",
},
{
prop: "is_must",
prop: "example",
label: "字段示例数值",
align: "center",
width: 240,
......@@ -220,7 +220,7 @@ export default {
align: "center",
},
{
prop: "is_must",
prop: "example",
label: "字段示例数值",
align: "center",
width: 240,
......@@ -256,33 +256,21 @@ export default {
align: "center",
},
{
prop: "is_must",
prop: "example",
label: "字段示例数值",
align: "center",
width: 240,
},
],
port_options:[
{
label:'接口1',
value:'qweqweqsdfsdf',
able:true,
},
{
label:'接口2',
value:'qweqweqsdfsdfwer2w23',
able:false,
},
],
port_options:[],
port_solt_arr:[
{
title: "服务地址：",
info: "12312312",
info: "",
},
{
title: "请求方式：",
info: "12123",
info: "",
},
{
title: "编码格式：",
......@@ -316,13 +304,13 @@ export default {
perception_solt_arr:[
{
title: "接口文档：",
info: "接口文档示例.docx",
url: "11111",
info: "",
url: "",
type: "down",
},
{
title: "请求方式：",
info: "12123",
info: "",
},
{
title: "编码格式：",
......@@ -356,8 +344,8 @@ export default {
process_in_up_arr:[
{
title: "接口文档：",
info: "接口文档示例.docx",
url: "11111",
info: "",
url: "",
type: "down",
},
{
......@@ -674,6 +662,19 @@ export default {
},
mounted() {},
methods: {
change_port(val){
this.port_options.forEach(e => {
if(e.value == val){
this.$set(this.port_solt_arr[0],'info',e.value)
this.$set(this.port_solt_arr[1],'info',e.req_type)
this.$set(this.port_solt_arr[2],'info',e.encode_method)
this.req_solt_data = e.req_fields
this.res_solt_data = e.res_fields
this.req_solt_code_arr = e.req_fields_example
this.res_solt_code_arr = e.res_fields_example
}
});
},
get_service_info() {
this.$http
.get(
......@@ -732,21 +733,45 @@ export default {
//判断是否是服务注册出来的流程服务
if(data.data_service_type2 == 24&&data.workflows_id==0){
this.process_in_up = true
this.$set(this.process_in_up_arr[0],'info',data.doc_file.split('/')[data.doc_file.split('/').length-1])
this.$set(this.process_in_up_arr[0],'url',data.doc_file)
var temp_port_arr = []
data.urls.forEach(e => {
temp_port_arr.push({
label:e.req_name,
value:e.req_url,
able:e.state==-1?false:true,
...e
})
});
this.port_options = temp_port_arr
if(this.port_options[0]){
this.port_select = this.port_options[0].value
this.$set(this.port_solt_arr[0],'info',this.port_options[0].value)
this.$set(this.port_solt_arr[1],'info',this.port_options[0].req_type)
this.$set(this.port_solt_arr[2],'info',this.port_options[0].encode_method)
this.req_solt_data = this.port_options[0].req_fields
this.res_solt_data = this.port_options[0].res_fields
this.req_solt_code_arr = this.port_options[0].req_fields_example
this.res_solt_code_arr = this.port_options[0].res_fields_example
}
}else{
this.process_in_up = false
}
if(data.service_data_type_1 == 10){
this.perception_in = true
this.$set(this.perception_solt_arr[0],'info',data.doc_file.split('/')[data.doc_file.split('/').length-1])
this.$set(this.perception_solt_arr[1],'info',data.urls[0].req_url)
this.$set(this.perception_solt_arr[2],'info',data.urls[0].encode_method)
this.req_solt_data = data.urls[0].req_fields
this.res_solt_data = data.urls[0].res_fields
this.req_solt_code_arr = data.urls[0].req_fields_example
this.res_solt_code_arr = data.urls[0].res_fields_example
}else{
this.perception_in = false
}
if(this.process_in_up){
var temp_sj = this.service_header_arr.first.pop()
this.service_header_arr.second = []
this.service_header_arr.second.push(temp_sj)
}
if(this.service_apply_type==1){
this.$set(
this.service_header_arr["first"][2],
......@@ -769,6 +794,11 @@ export default {
.split("+")[0]
);
}
if(this.process_in_up){
var temp_sj = this.service_header_arr.first.pop()
this.service_header_arr.second = []
this.service_header_arr.second.push(temp_sj)
}
this.$set(this.list_arr[0], "info", data.descript);
this.$set(this.list_arr[1], "info", data.data_service_type2_name);
this.$set(
......
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