暂存

pages/manger/news/add.vue

@@ -5,15 +5,22 @@
 
 // Vue.use( CKEditor );
 import RoundedTitle from "../../../components/public/roundedTitle.vue";
+import PopCard from "../../../components/public/popCard.vue";
+import ImageTable from "../../../components/public/imageTable.vue";
+import Pop from "../../../components/public/pop.vue";
 
 let ClassicEditor;
 if (process.client) {
   ClassicEditor = require('@ckeditor/ckeditor5-build-classic')
 }
 
+
 export default {
   name: "add",
   components: {
+    Pop,
+    ImageTable,
+    PopCard,
     RoundedTitle
     // Use the <ckeditor> component in this view.
 
@@ -24,8 +31,21 @@ export default {
       editorData: '<p>文章内容</p>',
       editorConfig: {
         language: "zh-cn"
-      }
+      },
+      imagePopShow: false,
+      imagePopLoading: false,
     }
+  },
+  methods:{
+    okHandle(fileData){
+      console.log('okHandle');
+      console.log(fileData);
+      this.imagePopShow = false;
+      // this.$refs.ckeditor.editor.execute('imageInsert', {
+      //   source: fileData.url,
+      //   alt: fileData.name
+      // });
+    },
   }
 }
 </script>
@@ -39,8 +59,19 @@ export default {
         hover:text-orange-500 ">文章中心</a>
   </rounded-title>
   <div class="page-content-box w-full mt-2 p-0.5  rounded bg-white">
-    <ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
+      <a-button @click="imagePopShow = true">插入图片</a-button>
+    <ckeditor ref="ckeditor" :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
   </div>
+  <pop :show="imagePopShow" :loading="imagePopLoading">
+      <image-table
+        class="w-full h-full"
+        @
+        @ok="okHandle">
+
+      </image-table>
+
+
+  </pop>
 </div>
 </template>