添加时间筛选

zhanghua

2025-07-16 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3

 src/components/edit/index.vue

@@ -4,25 +4,30 @@
    </div>
</template>
<script>
import E from 'wangeditor'
import wangEditor from 'wangeditor'

export default {
  props: {
    readOnly: {
      type: Boolean,
      default: () => false
    }
  },
    data() {
        return {
            editor: null
        }
    },
    props:['getMyBody'],
    mounted() {
        this.editor = new E('#edit');
        this.editor.config.height = 450;
        this.editor.config.colors = [
            '#4b9bb7',
            '#09152f'
        ]
        
        this.editor.config.onchange =(html)=>{
            // 第二步，监控变化，同步更新到 textarea
            this.$emit('getMyBody',html);
        this.editor = new wangEditor('#edit');
        this.editor.customConfig = this.editor.config;
        this.editor.customConfig.height = 450;
        this.editor.customConfig.colors = ['#4b9bb7', '#09152f'];
        this.editor.customConfig.placeholder = '请输入';
        this.editor.customConfig.onchangeTimeout = 500;
        this.editor.customConfig.readOnly = this.readOnly;
        this.editor.customConfig.onfocus = () => {
          this.editor.customConfig.placeholder = '';
        }
        this.editor.create();
    },
@@ -35,14 +40,14 @@
</script>
<style lang="scss" scoped>
#edit {
    :deep(.w-e-toolbar) {
        background-color: #09152f !important;
        color: #4b9bb7;
    }

    :deep(.w-e-text-container) {
        background-color: #09152f !important;
        color: #4b9bb7;
    }
    //:deep(.w-e-toolbar) {
    //    background-color: #09152f !important;
    //    color: #4b9bb7;
    //}
    //
    //:deep(.w-e-text-container) {
    //    background-color: #09152f !important;
    //    color: #4b9bb7;
    //}
}
</style>
</style>