bug fixes

src/components/base/AppEditor.vue

@@ -4,10 +4,9 @@ import md5 from 'blueimp-md5'
 import { getSignature, uploadFile } from '@/api/base'
 
 const props = defineProps({
-  height: {
-    type: Number,
-    default: 400
-  }
+  height: { type: Number, default: 400 },
+  toolbar: { type: Boolean, default: true },
+  readonly: { type: Boolean, default: false },
 })
 
 const ImageUploadHandler = (blobInfo: any) =>
@@ -26,7 +25,7 @@ const ImageUploadHandler = (blobInfo: any) =>
           signature,
           success_action_status: '200',
           file,
-          url: `${host}/${key}`
+          url: `${host}/${key}`,
         }
         uploadFile(params)
           .then((res: any) => {
@@ -57,12 +56,22 @@ const init = {
   automatic_uploads: true,
   quickbars_insert_toolbar: false,
   // style_formats: [{ title: '悬挂缩进', block: 'p', styles: { textIndent: '-2em', paddingLeft: '2em' } }],
-  content_style: 'img {max-width:100%;}'
+  content_style: 'img {max-width:100%;}',
+}
+
+const init2 = {
+  toolbar: false,
+  quickbars_insert_toolbar: false,
+  menubar: false,
+  statusbar: false,
+  height: props.height,
+  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:13px; }',
+  readonly: true,
 }
 </script>
 
 <template>
-  <editor :init="init" v-bind="$attrs" style="width: 100%" />
+  <editor :init="toolbar ? init : init2" v-bind="$attrs" style="width: 100%" />
 </template>
 
 <style lang="scss">

src/modules/live/score/components/CompetitionOperations.vue

 <script setup>
 import ModuleCard from './ModuleCard.vue'
 import ScoreCardSub from './ScoreCardSub.vue'
+import AppEditor from '@/components/base/AppEditor.vue'
 
 const props = defineProps({
   detail: { type: Object, default: () => ({}) },
@@ -66,28 +67,28 @@ const handleNext = () => {
           :maxScore="3"
           v-model:score="scoreDetails.plan_theme.score"
           v-model:comment="scoreDetails.plan_theme.comment">
-          <div class="html-content" v-html="json.plan?.theme"></div>
+          <AppEditor v-model="json.plan.theme" :toolbar="false" readonly v-if="json.plan?.theme" />
         </ScoreCardSub>
         <ScoreCardSub
           title="运营的渠道路径（3分）"
           :maxScore="3"
           v-model:score="scoreDetails.plan_path.score"
           v-model:comment="scoreDetails.plan_path.comment">
-          <div class="html-content" v-html="json.plan?.path"></div>
+          <AppEditor v-model="json.plan.path" :toolbar="false" readonly v-if="json.plan?.path" />
         </ScoreCardSub>
         <ScoreCardSub
           title="运营的重点和难点（4分）"
           :maxScore="4"
           v-model:score="scoreDetails.plan_difficulty.score"
           v-model:comment="scoreDetails.plan_difficulty.comment">
-          <div class="html-content" v-html="json.plan?.difficulty"></div>
+          <AppEditor v-model="json.plan.difficulty" :toolbar="false" readonly v-if="json.plan?.difficulty" />
         </ScoreCardSub>
         <ScoreCardSub
           title="运营策划框架方案（从媒介技术、加工匹配、传播、反馈等，要点式表述）（10分）"
           :maxScore="10"
           v-model:score="scoreDetails.plan_framework.score"
           v-model:comment="scoreDetails.plan_framework.comment">
-          <div class="html-content" v-html="json.plan?.framework"></div>
+          <AppEditor v-model="json.plan.framework" :toolbar="false" readonly v-if="json.plan?.framework" />
         </ScoreCardSub>
       </ModuleCard>
     </el-tab-pane>
@@ -98,21 +99,21 @@ const handleNext = () => {
           :maxScore="5"
           v-model:score="scoreDetails.audiovisual_title.score"
           v-model:comment="scoreDetails.audiovisual_title.comment">
-          <div class="html-content" v-html="json.audiovisual?.title"></div>
+          <AppEditor v-model="json.audiovisual.title" :toolbar="false" readonly v-if="json.audiovisual?.title" />
         </ScoreCardSub>
         <ScoreCardSub
           title="导语（3分）"
           :maxScore="3"
           v-model:score="scoreDetails.audiovisual_intro.score"
           v-model:comment="scoreDetails.audiovisual_intro.comment">
-          <div class="html-content" v-html="json.audiovisual?.intro"></div>
+          <AppEditor v-model="json.audiovisual.intro" :toolbar="false" readonly v-if="json.audiovisual?.intro" />
         </ScoreCardSub>
         <ScoreCardSub
           title="正文报道文字（不少于200字）（7分）"
           :maxScore="7"
           v-model:score="scoreDetails.audiovisual_content.score"
           v-model:comment="scoreDetails.audiovisual_content.comment">
-          <div class="html-content" v-html="json.audiovisual?.content"></div>
+          <AppEditor v-model="json.audiovisual.content" :toolbar="false" readonly v-if="json.audiovisual?.content" />
         </ScoreCardSub>
         <ScoreCardSub
           title="主题活动（场景）现场照片（不少于2张）（5分）"
@@ -145,21 +146,21 @@ const handleNext = () => {
           :maxScore="10"
           v-model:score="scoreDetails.flow_platforms.score"
           v-model:comment="scoreDetails.flow_platforms.comment">
-          <div class="html-content" v-html="json.flow?.platforms"></div>
+          <AppEditor v-model="json.flow.platforms" :toolbar="false" readonly v-if="json.flow?.platforms" />
         </ScoreCardSub>
         <ScoreCardSub
           title="流量运营及直播运营的预期成效分析（10分）"
           :maxScore="10"
           v-model:score="scoreDetails.flow_traffic.score"
           v-model:comment="scoreDetails.flow_traffic.comment">
-          <div class="html-content" v-html="json.flow?.traffic"></div>
+          <AppEditor v-model="json.flow.traffic" :toolbar="false" readonly v-if="json.flow?.traffic" />
         </ScoreCardSub>
         <ScoreCardSub
           title="运营风险管控解析（5分）"
           :maxScore="5"
           v-model:score="scoreDetails.flow_risk.score"
           v-model:comment="scoreDetails.flow_risk.comment">
-          <div class="html-content" v-html="json.flow?.risk"></div>
+          <AppEditor v-model="json.flow.risk" :toolbar="false" readonly v-if="json.flow?.risk" />
         </ScoreCardSub>
       </ModuleCard>
     </el-tab-pane>

src/modules/operations/views/Index.vue

@@ -11,25 +11,25 @@ const typeMap = {
       {
         name: 1,
         label: '第一步',
-        title: '全媒体运营的主题（方向）描述（4分）',
+        title: '全媒体运营的主题（方向）描述（3分）',
         key: 'theme',
       },
       {
         name: 2,
         label: '第二步',
-        title: '运营的渠道路径（5分）',
+        title: '运营的渠道路径（3分）',
         key: 'path',
       },
       {
         name: 3,
         label: '第三步',
-        title: '运营的重点和难点（5分）',
+        title: '运营的重点和难点（4分）',
         key: 'difficulty',
       },
       {
         name: 4,
         label: '第四步',
-        title: '运营策划框架方案（从媒介技术、加工匹配、传播、反馈等，要点式表述）（6分）',
+        title: '运营策划框架方案（从媒介技术、加工匹配、传播、反馈等，要点式表述）（10分）',
         key: 'framework',
       },
     ],