长页图片全部变更为完整截图

src/pages/column/add/index.vue

@@ -68,7 +68,7 @@
           <ul class="styles">
             <li v-for="(item, i) in detailStyleId" :key="i" @click="form.detailStyleId = item.id">
               <div class="review">
-                <el-image :style="{ width: item.id == 24 ? '50px' : '90px', 'max-height': '110px' }"
+                <el-image class="pic" :style="{ width: item.id == 24 ? '50px' : '90px' }"
                   :src="require('@/assets/images/style/' + item.id + '.png')"
                   :preview-src-list="[require('@/assets/images/style/' + item.id + '.png')]">
                 </el-image>
@@ -135,10 +135,9 @@
           <ul class="styles">
             <li v-for="(item, i) in pageStyle" :key="i" @click="form.listStyleId = item.id">
               <div class="review">
-                <el-image style="width: 50px;" :src="require('@/assets/images/page/' + item.pic + '.png')"
+                <el-image class="pic" :src="require('@/assets/images/page/' + item.pic + '.png')"
                   :preview-src-list="[require('@/assets/images/page/' + item.pic + '.png')]">
                 </el-image>
-                <!-- <img :src="require('@/assets/images/page/' + item.pic + '.png')" alt=""> -->
               </div>
               <el-radio v-model="form.listStyleId" :label="item.id">{{ item.style }}</el-radio>
             </li>
@@ -655,6 +654,7 @@ export default {
           this.updateFile(form, data)
           // 栏目类型选择了长页栏目，才需要保存长页
           form.typeId === 3 && this.savePage(data)
+          // return
           Util.successMsg("创建成功")
           next ? next() : this.$router.back()
         }).catch(err => {
@@ -669,6 +669,8 @@ export default {
       let module = Modules[this.pageStyle.find(e => e.id == listStyleId).path] // 获取module.js里存的初始长页数据
       // 如果是编辑 ，并且已经绑定过长页模板，则调编辑，并且json要给字符串（新增给数组）
       if (data.length) module = JSON.stringify(module)
+      console.log(111, Modules, module, Modules['iasf'])
+      // debugger
       if (module) {
         await this.$post(this.api[data.length ? 'updatePage' : 'savePage'], {
           id: data.length ? data[0].id : '',
@@ -787,8 +789,9 @@ $upload-lg-height: 102px;
     border: 1px solid #dcdee0;
     border-radius: 2px;
 
-    img {
+    .pic {
       width: 50px;
+      max-height: 110px;
     }
   }
 

src/pages/column/page/application.vue

@@ -204,6 +204,7 @@ export default {
 
 .app {
   display: flex;
+  justify-content: center;
   flex-wrap: wrap;
 
   li {
@@ -261,7 +262,7 @@ export default {
 
   li {
     position: relative;
-    width: 448px;
+    width: 380px;
     margin: 0 28px 39px 0;
 
     &:nth-child(3n) {
@@ -272,6 +273,7 @@ export default {
   img {
     width: 100%;
     height: 353px;
+    object-fit: cover;
   }
 
   .text {
@@ -300,7 +302,7 @@ export default {
 
   li {
     display: inline-flex;
-    width: 686px;
+    width: 586px;
     padding: 34px;
     margin-bottom: 28px;
     background-color: #fff;

src/pages/column/page/iasf.vue

@@ -89,7 +89,7 @@
                 </li>
               </template>
             </ul>
-            <div class="cover" @click="toSet(5)">关联栏目</div>
+            <div class="cover" style="min-height: 100px;" @click="toSet(5)">关联栏目</div>
           </div>
 
           <ul class="news-carousel">
@@ -150,7 +150,7 @@
                 <div class="text" v-html="item.mainBody"></div>
               </div>
             </li>
-            <div class="cover" style="min-height: 534px;" @click="toSet(10)">关联栏目</div>
+            <div class="cover" style="min-height: 100px;" @click="toSet(10)">关联栏目</div>
           </ul>
         </div>
       </div>