接口

src/components/Introduce/CompanyProfile.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <a-modal
+      :footer="null"
+      :title="profile.title"
+      :visible="showProfile"
+      @cancel="handleCancel"
+      @ok="handleCancel"
+    >
+      <p>{{ profile.description }}</p>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+import { mapState, mapMutations, mapActions } from 'vuex';
+
+export default {
+  props: {
+    showProfile: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return { ModalText: 'Content of the modal',  };
+  },
+
+  computed: mapState('home', ['profile']),
+
+  methods: {
+    handleCancel(e) {
+      this.$emit('closeProfile');
+    },
+  },
+};
+</script>

src/components/Introduce/DeriveEnterprise.vue

@@ -16,10 +16,12 @@
       >
         <img :src="item.logoUrl" class="enterprise-pic my-2" v-if="item.logoUrl" />
         <div class="font-bold-24 title-color my-2">{{ item.name }}</div>
-        <div class="font-16 textColor d-flex flex-wrap align-start fill-width enterprise-txt">{{ item.description }}</div>
+        <div
+          class="font-16 textColor d-flex flex-wrap align-start fill-width enterprise-txt"
+        >{{ item.description }}</div>
         <div class="d-flex flex-nowrap fill-width py-5 enterprise-more">
           <div class="flex-1"></div>
-          <span class="font-16 baseColor">
+          <span class="font-16 baseColor pointer">
             了解更多
             <a-icon type="arrow-right" />
           </span>
@@ -42,10 +44,10 @@
 
 <script>
 import { mapState, mapMutations, mapActions } from 'vuex';
-// import CompanyProfile from './CompanyProfile.vue';
+import CompanyProfile from './CompanyProfile.vue';
 export default {
   name: 'DeriveEnterprise',
-  // components: { CompanyProfile },
+  components: { CompanyProfile },
   props: {
     title: {
       type: String,