关于我们添加可配置展示

src/api/home/home.js

@@ -43,3 +43,10 @@ export function getInformation2(params) {
     params
   });
 }
+// 获取关于我们
+export function getAboutUs(params) {
+  return request({
+    url: '/mobile/getAboutUs',
+    params
+  });
+}

src/views/about.vue

@@ -6,7 +6,12 @@
 
     <div class="my_main content p0-100 min_h_285" style="display: flex">
       <div class="l" style="width: 77%; background-color: #fff; padding: 30px">
-        <h2 style="text-align:center">关于我们</h2>
+        <div id="text" class="ql-editor">
+          <!-- :class="type == 'policy' && aboutInfo.method == 1 ? '' : 'ql-editor'" -->
+          <!-- <editor v-model="aboutInfo.text" :min-height="192" /> -->
+          <div v-html="aboutInfo.evenMore" />
+        </div>
+        <!-- <h2 style="text-align:center">关于我们</h2>
         <p style="color:#999;line-height:1.75;text-indent:2em">
           合肥嘉策信息技术服务有限公司成立于2018年05月22日，注册地位于安徽省合肥市高新区嶺湖墅76幢508室，法定代表人为时加红。经营范围包括信息系统集成咨询及服务；软件开发、技术服务、技术咨询、技术推广、技术转让；数据分析、加工、处理；基础软件服务；应用软件服务；机器人系统集成设备、工业智能装备及自动化辅助设备研发及销售；计算机设备及配件、计算机耗材用品、网络设备及材料、节能设备的研发和销售。（依法须经批准的项目，经相关部门批准后方可开展经营活动）
         </p>
@@ -24,7 +29,7 @@
         </p>
         <div style="text-align:center">
           <img src="@/assets/image/03.png" alt="" />
-        </div>
+        </div> -->
       </div>
       <div
         class="r"
@@ -117,6 +122,7 @@ import {
   getInfo3
 } from '@/api/search';
 import { getPolicyList, getRead } from '@/api/home/notice';
+import { getAboutUs } from '@/api/home/home';
 import { mapGetters } from 'vuex';
 import { add, cancel } from '@/api/search';
 import Editor from '@/components/Editor';
@@ -133,7 +139,8 @@ export default {
       input: '',
       type: '',
       noticeList: [],
-      total: {}
+      total: {},
+      aboutInfo: {}
     };
   },
   computed: {
@@ -147,6 +154,9 @@ export default {
     getPolicyList({ pageNum: 1, pageSize: 5 }).then(({ data }) => {
       this.noticeList = data.list;
     });
+    getAboutUs().then(res => {
+      this.aboutInfo = res.data;
+    });
   }
 };
 </script>
@@ -164,7 +174,6 @@ export default {
     justify-content: space-between;
   }
   #text {
-    margin-top: 30px;
     /deep/.ql-toolbar {
       display: none;
     }

src/views/home/home.vue

@@ -342,32 +342,27 @@
         </p>
         <div class="about_box">
           <div class="banner about_l">
-            <img src="@/assets/image/03.png" alt="" />
+            <img :src="aboutInfo.pic" alt="" />
           </div>
           <div class="about_r">
             <div>
-              <h3>以科技创新赋能政策服务</h3>
+              <h3>{{ aboutInfo.title }}</h3>
-              <p>
+              <p>{{ aboutInfo.textWord }}</p>
-                合肥嘉策信息技术服务有限公司于2018年05月2日成立。法定代表人时加红，公司经营范围包括：信息系统集成咨询...
-              </p>
             </div>
-            <div style="margin-top: 53px">
+            <!-- <div style="margin-top: 53px">
               <h3>嘉策互联网科技创新服务平台</h3>
               <p>
-                合肥嘉策信息技术服务有限公司于2018年05月2日成立。法定代表人时加红，公司经营范围包括：信息系统集成咨询...
+                合肥嘉策信息技术服务有限公司于成立。法定代表人时加红，公司经营范围包括：信息系统集成咨询...
               </p>
-            </div>
+            </div> -->
-            <!-- <router-link
+            <router-link
               target="_blank"
               :to="{
                 path: '/about'
               }"
             >
               <el-button type="warning">更多</el-button>
-            </router-link> -->
+            </router-link>
-            <el-button type="warning" @click="handlePageAbout()"
-              >更多</el-button
-            >
           </div>
         </div>
       </div>
@@ -422,7 +417,8 @@ import {
   getRotationList,
   getPolicy,
   getPolicyRead,
-  getInformation
+  getInformation,
+  getAboutUs
 } from '@/api/home/home';
 export default {
   data() {
@@ -441,13 +437,11 @@ export default {
       // date: this.parseTime(new Date(), '{y}-{m}-{d}'),
       list: [],
       list2: [],
-      list3: []
+      list3: [],
+      aboutInfo: {}
     };
   },
   methods: {
-    handlePageAbout() {
-      return alert('请提供更多信息，以图文格式展示！！！');
-    },
     // 政策列表
     handleClick(tab, event) {
       getPolicy(this.queryParams).then(({ data }) => {
@@ -473,6 +467,9 @@ export default {
     getInformation(this.queryParams3).then(({ data }) => {
       this.list3 = data.list;
     });
+    getAboutUs().then(res => {
+      this.aboutInfo = res.data;
+    });
   }
 };
 </script>
@@ -726,6 +723,11 @@ export default {
       display: flex;
       .about_l {
         overflow: hidden;
+        max-height: 345px;
+        img {
+          width: 100%;
+          height: 100%;
+        }
       }
       .about_r {
         flex: 1;
@@ -734,6 +736,7 @@ export default {
           font-size: 20px;
         }
         p {
+          text-indent: 2em;
           color: #666;
           font-size: 18px;
           line-height: 30px;