最新楼层装修模块

manager/src/components/lili-dialog/link-dialog.vue

@@ -66,7 +66,6 @@ export default {
       }, []);
       this.wap.forEach((items,indexs) => {
         if(items.title == '活动'){
-          console.log(32323232323232)
           this.wap.splice(indexs,1)
         }
       })

manager/src/components/lili-dialog/template/other.vue

@@ -117,7 +117,6 @@ export default {
     if(urls.indexOf('/floorList/renovation') != -1){
       this.linkList.forEach((items,indexs)=>{
         if(items.title == '砍价'){
-          console.log(12321322,indexs)
           this.linkList.splice(indexs,1)
         }
       })
@@ -136,7 +135,7 @@ export default {
       this.linkVisible = false
     }
 
-  },  
+  },
   methods: {
     handleLink(val, index) {
       val = { ...val, ___type: "other" };

manager/src/components/lili-dialog/template/special.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="wrapper">
     <div class="content">
-      <div >
+      <div>
         <div class="tables">
           <Table
            border
@@ -22,7 +22,7 @@
             :current="params.pageNumber"
             :page-size="params.pageSize"
             class="mt_10"
-            :total="Number(totals)"
+            :total="Number(total)"
             size="small"
             show-elevator
           />

manager/src/views/page-decoration/modelConfig.js

@@ -789,7 +789,7 @@ export const modelData = [{
         data:{
           image:{
             url:"",
-            src:require('@/assets/mix-bg1.png'),
+            src:'https://lili-system.oss-cn-beijing.aliyuncs.com/mix-bg1.png',
             size:"197 * 344"
           },
           list:[
@@ -830,7 +830,7 @@ export const modelData = [{
         data:{
           image:{
             url:"",
-            src:require('@/assets/mix-bg2.png'),
+            src:'https://lili-system.oss-cn-beijing.aliyuncs.com/mix-bg2.png',
             size:"254 * 344"
           },
           list:[
@@ -872,6 +872,80 @@ export const modelData = [{
     },
   },
 
+  {
+    type: 'forYour',
+    name: '为你推荐',
+    icon: 'md-image',
+    options: {
+        model:'goods',
+        title:"为你推荐",
+        //数据集合
+        data:{
+          image:{
+            url:"",
+            src:'https://lili-system.oss-cn-beijing.aliyuncs.com/mix-bg3.png',
+            size:"197 * 344"
+          },
+          list:[
+            {
+              img:"https://lili-system.oss-cn-beijing.aliyuncs.com/example1.png",
+              title:"标题",
+              desc:"精品好物等你挑",
+              url:"",
+              size:"346 * 554"
+            },
+            {
+              img:"https://lili-system.oss-cn-beijing.aliyuncs.com/example2.png",
+              title:"标题",
+              desc:"精品好物等你挑",
+              url:"",
+              size:"190 * 156"
+            },
+            {
+              img:"https://lili-system.oss-cn-beijing.aliyuncs.com/example3.png",
+              title:"标题",
+              desc:"精品好物等你挑",
+              url:"",
+              size:"190 * 156"
+            },
+            {
+              img:"https://lili-system.oss-cn-beijing.aliyuncs.com/example4.png",
+              title:"标题",
+              desc:"精品好物等你挑",
+              url:"",
+              size:"190 * 156"
+            },
+          ],
+          hot:{
+            title:"最近热卖",
+            list:[
+              {
+                img:"https://i.loli.net/2021/05/14/KTLSrOVJmEdX12A.png",
+                title:"商品标题",
+                price:"120",
+                url:"",
+              },{
+                img:"https://i.loli.net/2021/05/14/KTLSrOVJmEdX12A.png",
+                title:"商品标题",
+                price:"120",
+                url:"",
+              },{
+                img:"https://i.loli.net/2021/05/14/KTLSrOVJmEdX12A.png",
+                title:"商品标题",
+                price:"120",
+                url:"",
+              },{
+                img:"https://i.loli.net/2021/05/14/KTLSrOVJmEdX12A.png",
+                title:"商品标题",
+                price:"120",
+                url:"",
+              },
+            ]
+          }
+      },
+
+    },
+  },
 
   {
     type: 'notEnough',

manager/src/views/page-decoration/modelFormItem.vue

@@ -127,6 +127,10 @@
     <template v-if="element.type == 'mixModel'">
       <mixModel :data="element" class="mb_20 width_1200_auto"></mixModel>
     </template>
+    <!-- 为你推荐 -->
+    <template v-if="element.type == 'forYour'">
+      <forYour :data="element" class="mb_20 width_1200_auto"></forYour>
+    </template>
     <!-- 一行三列 -->
     <template v-if="element.type == 'oneRowThreeColumns'">
       <oneRowThreeColumns :data="element" class="mb_20 width_1200_auto"></oneRowThreeColumns>
@@ -261,6 +265,7 @@ import goodsType from "./modelList/goodsAndType.vue";
 import ossManage from "@/views/sys/oss-manage/ossManage";
 
 import mixModel from "./modelList/mixModel.vue";
+import forYour from "./modelList/forYour.vue";
 import onlyGoodsModel from "./modelList/onlyGoodsModel.vue";
 
 import oneRowThreeColumns from "./modelList/oneRowThreeColumns.vue";
@@ -282,7 +287,8 @@ export default {
     oneRowThreeColumns,
     "seckill-only-album":seckillOnlyAlbum,
     onlyGoodsModel,
-    mixModel
+    mixModel,
+    forYour
   },
   data() {
     return {

manager/src/views/page-decoration/modelList/forYour.vue

@@ -0,0 +1,444 @@
+<template>
+  <div class="model" v-if="data">
+    <div class="for-your">{{ data.options.title }}</div>
+
+    <div class="flex card">
+      <div class="left">
+        <img :src="data.options.data.image.src" alt="" />
+      </div>
+      <div class="right flex">
+        <!-- 商品区 -->
+        <div class="goods-list">
+          <div
+            class="goods-item"
+            :key="index"
+            v-for="(item, index) in data.options.data.list"
+          >
+            <div>
+              <div class="goods-name">{{ item.title }}</div>
+              <div class="goods-desc">{{ item.desc }}</div>
+            </div>
+            <img class="goods-img" :src="item.img" alt="" />
+          </div>
+        </div>
+        <!-- 热卖区 -->
+        <div class="hot-list">
+          <div class="hot-title">{{ data.options.data.hot.title }}</div>
+          <div
+            class="hot-item flex flex-a-c"
+            v-for="(item, index) in data.options.data.hot.list"
+            :key="index"
+          >
+            <img :src="item.img" alt="" />
+            <div class="hot-goods">
+              <div class="hot-goods-title">{{ item.title }}</div>
+              <div>
+                <div class="hot-price">￥{{ item.price | unitPrice }}</div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="setup-box">
+        <div>
+          <Button size="small" @click.stop="handleSelectModel()">编辑 </Button>
+        </div>
+      </div>
+    </div>
+
+    <Modal
+      v-model="showModal"
+      title="装修"
+      draggable
+      width="800"
+      :z-index="100"
+      :mask-closable="false"
+    >
+      <div>
+        <div class="modal-tab-bar">
+          <div>
+            主标题:
+            <Input style="width: 200px" v-model="data.options.title"></Input>
+          </div>
+          <Divider>左侧商品部分</Divider>
+          <div class="flex">
+            <div>图片 :</div>
+            <div>
+              <img class="image" :src="data.options.data.image.src" alt="" />
+              <div>
+                <div>推荐尺寸：{{ data.options.data.image.size }}</div>
+                <div class="link-src">
+                  链接地址：
+                  <Input
+                    style="width: 200px"
+                    v-model="data.options.data.image.url"
+                    disabled
+                  />
+                </div>
+                <Button
+                  size="small"
+                  type="primary"
+                  @click="handleSelectImg('image')"
+                  >选择图片
+                </Button>
+                <Button
+                  size="small"
+                  class="ml_10"
+                  type="primary"
+                  @click="handleSelectLink('image')"
+                  >选择链接
+                </Button>
+              </div>
+            </div>
+          </div>
+
+          <Divider>中间商品部分</Divider>
+          <div class="flex column-list">
+            <div
+              v-for="(item, index) in data.options.data.list"
+              :key="index"
+              class="draggable"
+            >
+              <div class="flex">
+                <img :src="item.img" class="column-img" />
+                <div class="column-goods-list">
+                  <div><Input v-model="item.title"></Input></div>
+                  <div><Input v-model="item.desc"></Input></div>
+                  <div><Input disabled v-model="item.url"></Input></div>
+                  <div>{{ item.size }}</div>
+                  <Button
+                    size="small"
+                    class="ml_10"
+                    type="primary"
+                    @click="handleSelectLink('list', index)"
+                    >选择链接
+                  </Button>
+                  <Button
+                    size="small"
+                    class="ml_10"
+                    type="primary"
+                    @click="handleSelectImg('list', index)"
+                    >选择图片
+                  </Button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <Divider>右侧商品部分</Divider>
+          <div class="flex">
+            <div>右侧标题 :</div>
+            <Input
+              style="width: 200px"
+              v-model="data.options.data.hot.title"
+            ></Input>
+          </div>
+          <div class="flex column-list">
+            <div
+              v-for="(item, index) in data.options.data.hot.list"
+              :key="index"
+              class="draggable"
+            >
+              <div class="flex">
+                <img :src="item.img" class="column-img" />
+                <div class="column-goods-list">
+                  <Button
+                    size="small"
+                    class="ml_10"
+                    type="primary"
+                    @click="handleSelectGoods('hot', index)"
+                    >选择商品
+                  </Button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Modal>
+
+    <!-- 选择商品。链接 -->
+    <liliDialog
+      ref="liliDialog"
+      @selectedLink="selectedLink"
+      @selectedGoodsData="selectedGoodsData"
+    ></liliDialog>
+
+    <!-- 选择图片 -->
+    <Modal width="1200px" v-model="picModelFlag" footer-hide>
+      <ossManage
+        @callback="callbackSelected"
+        :isComponent="true"
+        ref="ossManage"
+      />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ossManage from "@/views/sys/oss-manage/ossManage.vue";
+
+export default {
+  name: "forYour",
+  data() {
+    return {
+      showModal: false,
+
+      picModelFlag: false,
+      selectedData: "", //选中的数据
+      goodsIndex: 0, // 商品索引
+      align: "",
+      defaultCallbackImageType: "",
+      current: "",
+    };
+  },
+  props: {
+    data: {
+      type: Object,
+      default: {},
+    },
+  },
+  components: {
+    ossManage,
+  },
+  mounted() {
+   },
+  methods: {
+    handleSelectImg(type, index) {
+      this.defaultCallbackImageType = type;
+      this.goodsIndex = index;
+      // 选择图片
+      this.$refs.ossManage.selectImage = true;
+      this.picModelFlag = true;
+    },
+
+    handleSelectGoods(val, index) {
+      this.$refs.liliDialog.open("goods");
+      this.$refs.liliDialog.singleGoods();
+      this.selectedData = val;
+      this.goodsIndex = index;
+    },
+    handleSelectLink(val, index) {
+      // 调起选择链接弹窗
+      this.$refs.liliDialog.open("link");
+      this.selectedData = val;
+
+      this.goodsIndex = index;
+    },
+    // 回显图片
+    callbackSelected(val) {
+      this.picModelFlag = false;
+      if (this.defaultCallbackImageType == "image") {
+        this.data.options.data.image.src = val.url;
+      } else {
+        this.data.options.data[this.defaultCallbackImageType][
+          this.goodsIndex
+        ].img = val.url;
+      }
+    },
+    // 选择商品回调
+    selectedGoodsData(val) {
+      this.data.options.data.hot.list[this.goodsIndex].img = val[0].thumbnail;
+      this.data.options.data.hot.list[this.goodsIndex].title = val[0].goodsName;
+      this.data.options.data.hot.list[this.goodsIndex].price = val[0].price;
+      this.data.options.data.hot.list[this.goodsIndex].url =
+        this.$options.filters.formatLinkType(val[0]);
+
+      console.log(val, this.selectedData, this.goodsIndex);
+    },
+    // 选择链接回调
+    selectedLink(val) {
+      console.log(val,this.selectedData)
+      if (this.selectedData == "image") {
+        this.data.options.data.image.url =
+          this.$options.filters.formatLinkType(val);
+      } else {
+        console.log(this.data.options.data.list,this.goodsIndex)
+        this.data.options.data.list[
+          this.goodsIndex
+        ].url =  this.$options.filters.formatLinkType(val);
+      }
+    },
+    /*
+     * 点击不同模块进行编辑
+     * 判断也很简单，就是第一个第二个模块进行判断
+     *
+     * */
+    handleSelectModel() {
+      this.showModal = true;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@import "./setup-box.scss";
+.goods-list {
+  display: flex;
+  width: 558px;
+  flex-wrap: wrap;
+}
+.goods-item {
+  width: 278px;
+  height: 277px;
+  text-align: center;
+  box-sizing: border-box;
+  border-right: 1.4px solid #e2e2e2;
+  &:nth-of-type(3) {
+    border-top: 1.4px solid #e2e2e2;
+  }
+  &:nth-of-type(4) {
+    border-top: 1.4px solid #e2e2e2;
+  }
+}
+.active {
+  color: #f31947;
+}
+
+.goods-name {
+  margin-top: 23px;
+  font-size: 25px;
+  font-weight: normal;
+  line-height: 30px;
+  text-align: center;
+  letter-spacing: 0px;
+
+  color: #333333;
+}
+.goods-img {
+  width: 190px;
+  height: 156px;
+  border-radius: 10px;
+  margin-top: 19px;
+}
+.goods-desc {
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 17px;
+  text-align: center;
+  margin-top: 11px;
+  letter-spacing: 0px;
+
+  color: #333333;
+}
+.for-your {
+  font-size: 35px;
+  font-weight: normal;
+  line-height: 42px;
+  text-align: center;
+  letter-spacing: 0px;
+  margin-bottom: 32px;
+
+  color: #333333;
+}
+.column-goods-list {
+  > div {
+    margin: 10px;
+  }
+}
+.link-src {
+  margin: 10px 0;
+}
+
+.card,
+.right-card {
+  opacity: 1;
+  background: #ffffff;
+
+  position: relative;
+
+  &:hover {
+    .setup-box {
+      display: block;
+    }
+  }
+}
+
+.column-img {
+  width: 100px;
+  height: 100px;
+}
+
+.column-list {
+  flex-wrap: wrap;
+
+  > div {
+    width: 50%;
+  }
+}
+
+.image {
+  max-width: 100px;
+}
+
+.modal-tab-bar {
+  > .flex {
+    align-items: center;
+    margin: 10px 0;
+  }
+}
+
+.draggable {
+  margin: 10px 0;
+  > .flex {
+    align-items: center;
+  }
+}
+.left {
+  width: 346px;
+  height: 554px;
+  border-radius: 9.8px 0px 0px 9.8px;
+  > img {
+    max-width: 100%;
+    height: 100%;
+  }
+}
+.right {
+  width: 839px;
+  height: 554px;
+  border-radius: 0px 9.8px 9.8px 0px;
+}
+.hot-list {
+  width: 279px;
+}
+.hot-title {
+  margin-left: 25px;
+  line-height: 63px;
+  font-size: 17px;
+  font-weight: normal;
+
+  letter-spacing: 0px;
+  color: #333333;
+  height: 63px;
+}
+.hot-item {
+  box-sizing: border-box;
+  border-top: 1.4px solid #e2e2e2;
+  height: 122px;
+  padding-left: 14px;
+  align-items: center;
+  > img {
+    width: 76.3px;
+    height: 77.7px;
+  }
+}
+.hot-goods {
+  margin-left: 14px;
+}
+.hot-goods-title {
+  font-size: 13px;
+  font-weight: normal;
+  line-height: 16px;
+  letter-spacing: 0px;
+
+  color: #333333;
+}
+.hot-price {
+  margin-top: 10.3px;
+  font-size: 24px;
+  font-weight: normal;
+  line-height: 29px;
+  letter-spacing: 0px;
+
+  color: #f31947;
+}
+</style>

manager/src/views/page-decoration/modelList/mixModel.vue

@@ -2,29 +2,23 @@
   <div class="mix-model">
     <!-- 左侧 -->
     <div class="left-card">
-      <left :data="data"/>
+      <left :data="data" />
       <div class="setup-box">
         <div>
-          <Button
-            size="small"
-            @click.stop="handleSelectModel('left')"
-          >编辑
-          </Button
-          >
+          <Button size="small" @click.stop="handleSelectModel('left')"
+            >编辑
+          </Button>
         </div>
       </div>
     </div>
     <!-- 右侧 -->
     <div class="right-card">
-      <right :data="data"/>
+      <right :data="data" />
       <div class="setup-box">
         <div>
-          <Button
-            size="small"
-            @click.stop="handleSelectModel('right')"
-          >编辑
-          </Button
-          >
+          <Button size="small" @click.stop="handleSelectModel('right')"
+            >编辑
+          </Button>
         </div>
       </div>
     </div>
@@ -41,56 +35,65 @@
           <div>
             当前模块 :
             <ButtonGroup>
-              <Button :type="current.model == 'goods' ? 'primary' : 'default'">商品</Button>
-              <Button :type="current.model == 'brand' ? 'primary' : 'default'">品牌</Button>
+              <Button :type="current.model == 'goods' ? 'primary' : 'default'"
+                >商品</Button
+              >
+              <Button :type="current.model == 'brand' ? 'primary' : 'default'"
+                >品牌</Button
+              >
             </ButtonGroup>
           </div>
 
           <div class="flex">
-
+            <div>图片 :</div>
             <div>
-              图片 :
-            </div>
-            <div>
-              <img class="image" :src="current.data.image.src" alt="">
+              <img class="image" :src="current.data.image.src" alt="" />
               <div>
                 <div>推荐尺寸：{{ current.data.image.size }}</div>
                 <div class="link-src">
                   链接地址：
-                  <Input style="width: 200px;" v-model="current.data.image.url" disabled/>
+                  <Input
+                    style="width: 200px"
+                    v-model="current.data.image.url"
+                    disabled
+                  />
                 </div>
                 <Button
                   size="small"
                   type="primary"
-                  @click="handleSelectImg(current.data.image)"
-                >选择图片
-                </Button
-                >
+                  @click="handleSelectImg('default')"
+                  >选择图片
+                </Button>
                 <Button
                   size="small"
                   class="ml_10"
                   type="primary"
                   @click="handleSelectLink('image')"
-                >选择链接
-                </Button
-                >
+                  >选择链接
+                </Button>
               </div>
             </div>
           </div>
           <div class="flex" v-if="current.model == 'goods'">
-            <div>
-              标签 :
-            </div>
-            <Input style="width:200px" type="text" v-model="current.data.badge.label"/>
-            <Input style="width:100px; margin-left:10px" disabled type="text" v-model="current.data.badge.value"/>
+            <div>标签 :</div>
+            <Input
+              style="width: 200px"
+              type="text"
+              v-model="current.data.badge.label"
+            />
+            <Input
+              style="width: 100px; margin-left: 10px"
+              disabled
+              type="text"
+              v-model="current.data.badge.url"
+            />
             <Button
               size="small"
               class="ml_10"
               type="primary"
               @click="handleSelectLink('badge')"
-            >选择链接
-            </Button
-            >
+              >选择链接
+            </Button>
           </div>
           <div class="flex column-list">
             <div
@@ -99,39 +102,36 @@
               class="draggable"
             >
               <div class="flex">
-                <img :src="item.img" class="column-img"/>
+                <img :src="item.img" class="column-img" />
                 <Button
                   size="small"
                   class="ml_10"
                   type="primary"
                   v-if="current.model == 'goods'"
-                  @click="handleSelectGoods('list',index)"
-                >选择商品
-                </Button
-                >
+                  @click="handleSelectGoods('list', index)"
+                  >选择商品
+                </Button>
                 <div>
-                  <div style="margin-bottom: 10px">
-                    <Input v-model="item.url" />
+                  <div  v-if="current.model == 'brand'" style="margin-bottom: 10px">
+                    <Input disabled v-model="item.url" />
                   </div>
                   <Button
                     size="small"
                     class="ml_10"
                     type="primary"
                     v-if="current.model == 'brand'"
-                    @click="handleSelectLink('list',index)"
+                    @click="handleSelectLink('list', index)"
                   >
                     选择链接
-                  </Button
-                  >
+                  </Button>
                   <Button
                     size="small"
                     class="ml_10"
                     type="primary"
                     v-if="current.model == 'brand'"
-                    @click="handleSelectImg('list',index)"
-                  >选择图片
-                  </Button
-                  >
+                    @click="handleSelectImg('list', index)"
+                    >选择图片
+                  </Button>
                 </div>
               </div>
             </div>
@@ -159,8 +159,8 @@
 </template>
 
 <script>
-import left from './mixs/mix-goods'
-import right from './mixs/mix-brand'
+import left from "./mixs/mix-goods";
+import right from "./mixs/mix-brand";
 import ossManage from "@/views/sys/oss-manage/ossManage.vue";
 
 export default {
@@ -172,25 +172,26 @@ export default {
       picModelFlag: false,
       selectedData: "", //选中的数据
       goodsIndex: 0, // 商品索引
-      align: ""
-    }
+      align: "",
+      defaultCallbackImageType: "",
+    };
   },
   props: {
     data: {
       type: Object,
-      default: {}
-    }
+      default: {},
+    },
   },
   components: {
     left,
     right,
-    ossManage
-  },
-  mounted() {
-
+    ossManage,
   },
+  mounted() {},
   methods: {
-    handleSelectImg() {
+    handleSelectImg(type, index) {
+      this.defaultCallbackImageType = type;
+      this.goodsIndex = index;
       // 选择图片
       this.$refs.ossManage.selectImage = true;
       this.picModelFlag = true;
@@ -199,54 +200,68 @@ export default {
     handleSelectGoods(val, index) {
       this.$refs.liliDialog.open("goods");
       this.$refs.liliDialog.singleGoods();
-      this.selectedData = val
-      this.goodsIndex = index
+      this.selectedData = val;
+      this.goodsIndex = index;
     },
     handleSelectLink(val, index) {
       // 调起选择链接弹窗
       this.$refs.liliDialog.open("link");
-      this.selectedData = val
-      this.goodsIndex = index
-
+      this.selectedData = val;
+      this.goodsIndex = index;
     },
     // 回显图片
     callbackSelected(val) {
       this.picModelFlag = false;
-      this.current.data.image.src = val.url;
+      if (this.defaultCallbackImageType == "default") {
+        console.log(this.current.data.image);
+        this.current.data.image.src = val.url;
+      } else {
+        console.log(this.goodsIndex, this.data.options[this.align].data.list);
+        this.data.options[this.align].data.list[this.goodsIndex].img = val.url;
 
+        // this.data.options[this.align].data[this.selectedData][this.goodsIndex].url = val.img
+      }
     },
     // 选择商品回调
     selectedGoodsData(val) {
-      console.log(val)
+      console.log(val);
       this.$nextTick(() => {
-        this.data.options[this.align].data.list[this.goodsIndex].img = val[0].thumbnail
-        this.data.options[this.align].data.list[this.goodsIndex].title = val[0].goodsName
-        this.data.options[this.align].data.list[this.goodsIndex].price = val[0].price
-        this.data.options[this.align].data.list[this.goodsIndex].url = val[0].url
-      })
-      console.log(this.data.options[this.align].data.list[this.goodsIndex])
+        this.data.options[this.align].data.list[this.goodsIndex].img =
+          val[0].thumbnail;
+        this.data.options[this.align].data.list[this.goodsIndex].title =
+          val[0].goodsName;
+        this.data.options[this.align].data.list[this.goodsIndex].price =
+          val[0].price;
+        this.data.options[this.align].data.list[this.goodsIndex].url =
+          val[0].url;
+      });
+      console.log(this.data.options[this.align].data.list[this.goodsIndex]);
       this.$forceUpdate();
     },
     // 选择链接回调
     selectedLink(val) {
-      console.log(val)
-      this.data.options[this.align].data[this.selectedData].url = this.$options.filters.formatLinkType(val);
-      console.log(this.data.options[this.align].data[this.selectedData]);
+      if (this.selectedData != "list") {
+        this.data.options[this.align].data[this.selectedData].url = this.$options.filters.formatLinkType(val);
+        console.log(this.data.options[this.align].data[this.selectedData])
+      }
+      if (this.selectedData == "list") {
+         this.data.options[this.align].data[this.selectedData][this.goodsIndex]
+        .url = this.$options.filters.formatLinkType(val);
+      }
     },
     /*
-    * 点击不同模块进行编辑
-    * 判断也很简单，就是第一个第二个模块进行判断
-    *
-    * */
+     * 点击不同模块进行编辑
+     * 判断也很简单，就是第一个第二个模块进行判断
+     *
+     * */
     handleSelectModel(align) {
       this.align = align;
-      this.current = this.data.options[align]
-      console.log(this.data.options[align])
-      this.showModal = true
-
+      this.current = this.data.options[align];
+      console.log(this.data.options[align]);
+      this.showModal = true;
     },
-  }
-}
+  },
+};
 </script>
 
 <style scoped lang="scss">
@@ -261,13 +276,14 @@ export default {
   justify-content: space-between;
 }
 
-.left-card, .right-card {
+.left-card,
+.right-card {
   width: 584px;
   height: 344px;
   border-radius: 10px;
   opacity: 1;
-  background: #FFFFFF;
-  box-shadow: 0px 1px 13px 0px #E5E5E5;
+  background: #ffffff;
+  box-shadow: 0px 1px 13px 0px #e5e5e5;
   position: relative;
 
   &:hover {
@@ -294,7 +310,6 @@ export default {
   max-width: 100px;
 }
 
-
 .modal-tab-bar {
   > .flex {
     align-items: center;

manager/src/views/page/article-manage/articleList.vue

@@ -149,7 +149,7 @@ import {
 import Editor from "@tinymce/tinymce-vue";
 import { initEditor } from "@/components/editor/config";
 export default {
-  name: "article",
+
   components: {
     editor: Editor,
   },