Selaa lähdekoodia

画板组件只保留书写区 去掉展示区

natasha 1 kuukausi sitten
vanhempi
commit
cc0a459223

+ 13 - 3
src/views/book/courseware/preview/components/write_base/WriteBasePreview.vue

@@ -5,7 +5,16 @@
 
     <div v-if="width" class="main">
       <h2>{{ convertText('书写区') }}</h2>
-      <div class="esign-box">
+      <template v-if="isJudgingRightWrong">
+        <img
+          v-if="data.write_base64[0]"
+          style="background-color: #f7f8fa"
+          :src="data.write_base64[0]"
+          alt="write-show"
+        />
+        <div class="esign-box" v-else :style="{ width: width + 'px', height: '150px' }"></div>
+      </template>
+      <div class="esign-box" v-else>
         <vue-esign
           ref="esign"
           class="esign-canvas"
@@ -21,10 +30,10 @@
           <SvgIcon icon-class="camera" size="24" title="保存" @click="handleGenerate" />
         </div>
       </div>
-      <template v-if="data.write_base64[0]">
+      <!-- <template v-if="data.write_base64[0]">
         <h2>{{ convertText('展示区') }}</h2>
         <img style="background-color: #f7f8fa" :src="data.write_base64[0]" alt="write-show" />
-      </template>
+      </template> -->
     </div>
   </div>
 </template>
@@ -75,6 +84,7 @@ export default {
         .then((res) => {
           this.data.write_base64[0] = res;
           this.$forceUpdate();
+          this.$message.success('保存成功');
         })
         .catch((err) => {
           console.error(err);