已上报到市批量操作按钮隐藏

fangyuan

2022-12-16 9ff66017debadfc89bc0c1b796684a4d1dbe2bc3

 src/components/edit/index.vue

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

export default {
  props: {
    readOnly: {
      type: Boolean,
      default: () => false
    }
  },
    data() {
        return {
            editor: null
        }
    },
    mounted() {
        this.editor = new E('#edit');
        this.editor.config.height = 450;
        this.editor.config.colors = [
            '#4b9bb7',
            '#09152f'
        ]
        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();
    },
    beforeDestroy() {
@@ -28,14 +39,15 @@
}
</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;
        }
#edit {
    :deep(.w-e-toolbar) {
        background-color: #09152f !important;
        color: #4b9bb7;
    }

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