楼层代码注释

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

@@ -25,14 +25,25 @@
         <div class="item" v-for="(item, index) in list" :key="index">
           <div>{{ item.name || "暂无模板昵称" }}</div>
           <div class="item-config">
-            <i-switch v-model="item.pageShow" @on-change="releaseTemplate(item.id)">
+            <i-switch
+              v-model="item.pageShow"
+              @on-change="releaseTemplate(item.id)"
+            >
               <span slot="open">开</span>
               <span slot="close">关</span>
             </i-switch>
-            <Button type="info" placement="right" @click="Template(item)" size="small"
+            <Button
+              type="info"
+              placement="right"
+              @click="Template(item)"
+              size="small"
               >编辑</Button
             >
-            <Button type="success" placement="right" @click="decorate(item)" size="small"
+            <Button
+              type="success"
+              placement="right"
+              @click="decorate(item)"
+              size="small"
               >装修</Button
             >
             <Poptip confirm title="删除此模板？" @on-ok="delTemplate(item.id)">
@@ -42,7 +53,18 @@
         </div>
         <div class="no-more" v-if="list.length == 0">暂无更多模板</div>
       </div>
-      <Page show-total :total="total" show-sizer size="small" :page-size-opts="[10, 20, 50]" show-elevator style="float:right;overflow:hidden;"  @on-change="changePageNum" @on-page-size-change="changePageSize" :page-size="searchForm.pageSize"/>
+      <Page
+        show-total
+        :total="total"
+        show-sizer
+        size="small"
+        :page-size-opts="[10, 20, 50]"
+        show-elevator
+        style="float: right; overflow: hidden"
+        @on-change="changePageNum"
+        @on-page-size-change="changePageSize"
+        :page-size="searchForm.pageSize"
+      />
     </Card>
     <Modal
       v-model="showModal"
@@ -72,19 +94,19 @@ export default {
     return {
       showModal: false, // 添加modal的显示
       selectedIndex: 0, // 首页还是专题选择的index
-      total:0,
+      total: 0,
       formData: {
         // 新建模态框的数据
         status: false, // 模板是否开启
         name: "", // 模板名称
       },
-      searchForm:{
-        pageNumber:1,
-        pageSize:10,
-        sort: 'createTime',
-        order: 'desc',
-        pageType:"INDEX",
-        pageClientType:"PC",
+      searchForm: {
+        pageNumber: 1,
+        pageSize: 10,
+        sort: "createTime",
+        order: "desc",
+        pageType: "INDEX",
+        pageClientType: "PC",
       },
       columns: [
         // 列表展示的column
@@ -111,7 +133,7 @@ export default {
         {
           type: "SPECIAL",
           title: "专题",
-        }
+        },
       ],
       list: [], // 模板列表
     };
@@ -128,7 +150,8 @@ export default {
           data.status ? (data.pageShow = "OPEN") : (data.pageShow = "CLOSE");
           delete data.status;
           // (data.pageType = "INDEX"), (data.pageClientType = "PC");
-          (data.pageType = this.searchForm.pageType), (data.pageClientType = "PC");
+          (data.pageType = this.searchForm.pageType),
+            (data.pageClientType = "PC");
           if (data.id) {
             API_floor.updateHome(data.id, data).then((res) => {
               this.$Message.success("编辑模板成功");
@@ -148,8 +171,8 @@ export default {
       });
     },
 
-    clickType(type,index){
-      this.searchForm.pageNumber = 1
+    clickType(type, index) {
+      this.searchForm.pageNumber = 1;
       this.searchForm.pageType = type;
       this.selectedIndex = index;
       this.getTemplateList();
@@ -176,13 +199,13 @@ export default {
       });
     },
 
-     // 分页 修改页码
-    changePageNum (val) {
+    // 分页 修改页码
+    changePageNum(val) {
       this.searchForm.pageNumber = val;
       this.getTemplateList();
     },
-     // 分页 修改页数
-    changePageSize (val) {
+    // 分页 修改页数
+    changePageSize(val) {
       this.searchForm.pageNumber = 1;
       this.searchForm.pageSize = val;
       this.getTemplateList();
@@ -198,7 +221,7 @@ export default {
       API_floor.getHomeList(this.searchForm).then((res) => {
         if (res.success) {
           // this.total
-          this.total = res.result.total
+          this.total = res.result.total;
           this.list = res.result.records;
           this.list.forEach((e) => {
             if (e.pageShow === "OPEN") {