我的收藏模块

src/views/search.vue

@@ -40,57 +40,27 @@
         </div>
       </div>
     </div>
-    <el-dialog title="" :visible.sync="dialogVisible" width="70%">
-      <h2>{{ formData.title }}</h2>
-      <div class="info" v-if="type != 'information'">
-        <span v-if="type != 'companyNeed' && type != 'scienceResult'"
-          >来源：{{ formData.source }}</span
-        >
-        <span v-if="type == 'companyNeed'">价格：{{ formData.price }}</span>
-        <el-image
-          v-if="type == 'scienceResult'"
-          style="width: 100px; height: 100px"
-          :src="formData.picList ? formData.picList[0] : ''"
-          fit="cover"
-          :preview-src-list="formData.picList"
-        ></el-image>
-        <span
-          >发布：{{
-            formData.listDate || parseTime(formData.createTime, '{y}-{m}-{d}')
-          }}</span
-        >
-        <span v-if="token && type == 'policy'">
-          <el-button type="primary" size="mini">
-            <i class="el-icon-star-on"></i><span>收藏</span>
-          </el-button>
-          <el-button type="info" size="mini">
-            <i class="el-icon-star-on"></i><span>取消收藏</span>
-          </el-button>
-        </span>
-      </div>
-      <!-- <div v-html="formData.text"></div> -->
-      <div id="text">
-        <editor v-model="formData.text" :min-height="192" />
-      </div>
-    </el-dialog>
+    <popup
+      :dialogVisible="dialogVisible"
+      :type="type"
+      :formData="formData"
+      @close="dialogVisible = false"
+    />
   </div>
 </template>
 <script>
-import { mapGetters } from 'vuex';
-import Editor from '@/components/Editor';
 import {
   search,
   getPolicyInfo,
   getPolicyReadInfo,
   getInfo,
   getInfo2,
-  getInfo3,
-  add,
-  cancel
+  getInfo3
 } from '@/api/search';
+import popup from './components/dialog';
 export default {
   components: {
-    Editor
+    popup
   },
   data() {
     return {
@@ -100,9 +70,6 @@ export default {
       type: ''
     };
   },
-  computed: {
-    ...mapGetters(['token'])
-  },
   watch: {
     dialogVisible(a, b) {
       if (!a) this.formData = {};
@@ -158,25 +125,6 @@ export default {
 </script>
 <style lang="scss" scoped>
 .search_page {
-  /deep/.el-dialog__body {
-    padding-top: 0;
-  }
-  .el-dialog {
-    .info {
-      display: flex;
-      justify-content: space-between;
-    }
-    #text {
-      margin-top: 30px;
-      /deep/.ql-toolbar {
-        display: none;
-      }
-      /deep/.editor {
-        border: 0;
-      }
-    }
-  }
-
   .content {
     padding: 20px 30px;
     .item {