gitee/dootask
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2021-07-01 19:36:41 +08:00
parent 12b41ad78f
commit 1793512cc6
3 changed files with 39 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
resources/assets/js/components/TEditor.vue
View File

@ -1,12 +1,18 @@
<template>
<div class="teditor-wrapper">
<input ref="input" class="teditor-bginput"/>
<div class="teditor-box" :class="[!inline && spinShow ? 'teditor-loadstyle' : 'teditor-loadedstyle']">
<div v-if="inline" ref="myTextarea" :id="id">{{ content }}</div>
<textarea v-else ref="myTextarea" :id="id">{{ content }}</textarea>
<Spin fix v-if="!inline&&spinShow">
<Icon type="ios-loading" size=18 class="upload-control-spin-icon-load"></Icon>
<template v-if="inline">
<div ref="myTextarea" :id="id" v-html="content"></div>
<Icon v-if="spinShow" type="ios-loading" :size="18" class="icon-loading icon-inline"></Icon>
</template>
<template v-else>
<textarea ref="myTextarea" :id="id">{{ content }}</textarea>
<Spin fix v-if="spinShow">
<Icon type="ios-loading" :size="18" class="icon-loading"></Icon>
<div>{{$L('加载组件中...')}}</div>
</Spin>
</template>
<ImgUpload
ref="myUpload"
class="upload-control"
@ -32,7 +38,7 @@
:before-upload="handleBeforeUpload"/>
</div>
<Spin fix v-if="uploadIng > 0">
<Icon type="ios-loading" class="upload-control-spin-icon-load"></Icon>
<Icon type="ios-loading" class="icon-loading"></Icon>
<div>{{$L('正在上传文件...')}}</div>
</Spin>
<Modal v-model="transfer" class="teditor-transfer" @on-visible-change="transferChange" footer-hide fullscreen transfer>
@ -43,7 +49,7 @@
<textarea :id="'T_' + id">{{ content }}</textarea>
</div>
<Spin fix v-if="uploadIng > 0">
<Icon type="ios-loading" class="upload-control-spin-icon-load"></Icon>
<Icon type="ios-loading" class="icon-loading"></Icon>
<div>{{$L('正在上传文件...')}}</div>
</Spin>
</Modal>
@ -342,6 +348,11 @@
} else {
this.editor.setMode('design');
}
if (this.inline) {
this.$nextTick(() => {
this.$refs.input.focus();
});
}
this.$emit('editorInit', this.editor);
});
editor.on('KeyUp', (e) => {

2
resources/assets/js/pages/manage/components/TaskDetail.vue
View File

@ -390,7 +390,6 @@
</div>
</div>
</div>
<Input ref="input" v-show="false"/>
</div>
</div>
</template>
@ -679,7 +678,6 @@ export default {
if (id > 0) {
this.$nextTick(() => {
this.loadEditor = true;
this.$refs.input.focus()
});
} else {
this.timeOpen = false;

19
resources/assets/sass/components/t-editor.scss vendored
View File

@ -7,7 +7,26 @@
}
}
.teditor-bginput {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 0;
height: 0;
z-index: -999;
}
.teditor-box {
position: relative;
min-height: 22px;
.icon-inline {
position: absolute;
left: 0;
top: 0;
}
textarea {
opacity: 0;
}