{"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageDesignList.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\views\\ShoppingMall\\AppDesign\\PageDesignList.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgUGFnZUdldEFsbCwgUGFnZURlbCwgUGFnZVVwZGF0ZUVuYWJsZVN0YXR1cyB9IGZyb20gIkAvYXBpL1N5c3RlbSI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiUGFnZURlc2lnbkxpc3QiLAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgcGFnZTogMSwKICAgICAgcGFnZVNpemU6IDEwLAogICAgICB0b3RhbDogMCwKICAgICAgdGFibGVEYXRhOiBbXQogICAgfTsKICB9LAoKICBjcmVhdGVkKCkgewogICAgdGhpcy5nZXRMaXN0KCk7CiAgfSwKCiAgYWN0aXZhdGVkKCkgewogICAgaWYgKHRoaXMuJF9pc0luaXQoKSkgcmV0dXJuOwogICAgdGhpcy5nZXRMaXN0KCk7CiAgfSwKCiAgbWV0aG9kczogewogICAgc2l6ZUNoYW5nZShzaXplKSB7CiAgICAgIHRoaXMucGFnZVNpemUgPSBzaXplOwogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIHBhZ2VDaGFuZ2UocGFnZSkgewogICAgICB0aGlzLnBhZ2UgPSBwYWdlOwogICAgICB0aGlzLmdldExpc3QoKTsKICAgIH0sCgogICAgYXN5bmMgZ2V0TGlzdCgpIHsKICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IFBhZ2VHZXRBbGwoewogICAgICAgIHBhZ2U6IHRoaXMucGFnZSwKICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZQogICAgICB9KTsKICAgICAgdGhpcy50YWJsZURhdGEgPSBkYXRhLmRhdGE7CiAgICAgIHRoaXMudG90YWwgPSBkYXRhLnBhZ2VUb3RhbDsKICAgIH0sCgogICAgZWRpdERhdGEoaWQpIHsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goIi9TaG9wcGluZ01hbGwvQXBwRGVzaWduL1BhZ2VEZXNpZ25FZGl0LyIgKyBpZCk7CiAgICB9LAoKICAgIGRlbERhdGEoaWQpIHsKICAgICAgdGhpcy4kY29uZmlybSgi56Gu5a6a5Yig6Zmk6K+l5qih54mI5ZCX77yfIiwgIuaPkOekuiIsIHsKICAgICAgICBjb25maXJtQnV0dG9uVGV4dDogIuehruWumiIsCiAgICAgICAgY2FuY2VsQnV0dG9uVGV4dDogIuWPlua2iCIsCiAgICAgICAgdHlwZTogIndhcm5pbmciCiAgICAgIH0pLnRoZW4oYXN5bmMgKCkgPT4gewogICAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCBQYWdlRGVsKGlkKTsKICAgICAgICB0aGlzLiRtZXNzYWdlKHsKICAgICAgICAgIHR5cGU6ICJzdWNjZXNzIiwKICAgICAgICAgIG1lc3NhZ2U6ICLliKDpmaTmiJDlip8hIgogICAgICAgIH0pOwogICAgICAgIHRoaXMuZ2V0TGlzdCgpOwogICAgICB9KTsKICAgIH0sCgogICAgYXN5bmMgdXBkYXRlUGFnZSh2YWwsIHJvdykgewogICAgICB0cnkgewogICAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCBQYWdlVXBkYXRlRW5hYmxlU3RhdHVzKHsKICAgICAgICAgIHBhZ2VUeXBlOiAxLAogICAgICAgICAgaWQ6IHJvdy5pZCwKICAgICAgICAgIGVuYWJsZVN0YXR1czogdmFsCiAgICAgICAgfSk7CiAgICAgICAgdGhpcy4kbWVzc2FnZSh7CiAgICAgICAgICB0eXBlOiAic3VjY2VzcyIsCiAgICAgICAgICBtZXNzYWdlOiAi5pON5L2c5oiQ5YqfISIKICAgICAgICB9KTsKICAgICAgICB0aGlzLmdldExpc3QoKTsKICAgICAgfSBjYXRjaCAoZSkgewogICAgICAgIHRoaXMuZ2V0TGlzdCgpOwogICAgICB9CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA;AACA;EACAA,sBADA;;EAEAC;IACA;MACAC,OADA;MAEAC,YAFA;MAGAC,QAHA;MAIAC;IAJA;EAMA,CATA;;EAUAC;IACA;EACA,CAZA;;EAaAC;IACA;IACA;EACA,CAhBA;;EAiBAC;IACAC;MACA;MACA;IACA,CAJA;;IAKAC;MACA;MACA;IACA,CARA;;IASA;MACA;QACAR,eADA;QAEAC;MAFA;MAKA;MACA;IACA,CAjBA;;IAkBAQ;MACA;IACA,CApBA;;IAqBAC;MACA;QACAC,uBADA;QAEAC,sBAFA;QAGAC;MAHA,GAIAC,IAJA,CAIA;QACA;QAEA;UACAD,eADA;UAEAE;QAFA;QAIA;MACA,CAZA;IAaA,CAnCA;;IAoCA;MACA;QACA;UACAC,WADA;UAEAC,UAFA;UAGAC;QAHA;QAKA;UACAL,eADA;UAEAE;QAFA;QAIA;MACA,CAXA,CAWA;QACA;MACA;IACA;;EAnDA;AAjBA","names":["name","data","page","pageSize","total","tableData","created","activated","methods","sizeChange","pageChange","editData","delData","confirmButtonText","cancelButtonText","type","then","message","pageType","id","enableStatus"],"sourceRoot":"src/views/ShoppingMall/AppDesign","sources":["PageDesignList.vue"],"sourcesContent":["<template>\n  <Container>\n    <div slot=\"left\">\n      <el-button\n        v-if=\"$accessCheck($Access.PageSetSave)\"\n        size=\"small\"\n        type=\"primary\"\n        @click=\"$router.push('/ShoppingMall/AppDesign/PageDesign')\"\n      >\n        新增模版\n      </el-button>\n    </div>\n    <el-table :data=\"tableData\">\n      <el-table-column prop=\"pageName\" label=\"模版名称\"></el-table-column>\n      <el-table-column prop=\"pageType\" label=\"页面类型\">\n        <template slot-scope=\"scope\">\n          {{\n            scope.row.pageType === 1\n              ? \"首页\"\n              : scope.row.pageType === 2\n              ? \"专题活动\"\n              : \"\"\n          }}\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"enableStatus\" label=\"状态\">\n        <template slot-scope=\"scope\">\n          <el-switch\n            v-if=\"$accessCheck($Access.PageSetUpdateEnableStatus)\"\n            v-model=\"scope.row.enableStatus\"\n            class=\"switchStyle\"\n            active-color=\"#36B365\"\n            :active-value=\"5\"\n            :inactive-value=\"4\"\n            active-text=\"启用\"\n            inactive-text=\"禁用\"\n            @change=\"updatePage($event, scope.row)\"\n          ></el-switch>\n          <div v-else>\n            <span v-if=\"scope.row.enableStatus === 5\" class=\"success-status\">\n              启用\n            </span>\n            <span v-else class=\"danger-status\">禁用</span>\n          </div>\n        </template>\n      </el-table-column>\n      <el-table-column label=\"操作\" align=\"left\">\n        <template slot-scope=\"scope\">\n          <el-button\n            v-if=\"$accessCheck($Access.PageSetSave)\"\n            type=\"text\"\n            @click=\"editData(scope.row.id)\"\n          >\n            编辑\n          </el-button>\n          <el-button\n            v-if=\"$accessCheck($Access.PageSetDel)\"\n            type=\"text\"\n            @click=\"delData(scope.row.id)\"\n          >\n            删除\n          </el-button>\n          <el-button\n            v-else-if=\"$accessCheck($Access.PageSetGetPageInfo)\"\n            type=\"text\"\n            @click=\"editData(scope.row.id)\"\n          >\n            查看\n          </el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n    <FooterPage\n      :page-size=\"pageSize\"\n      :total-page.sync=\"total\"\n      :current-page.sync=\"page\"\n      @pageChange=\"pageChange\"\n      @sizeChange=\"sizeChange\"\n    ></FooterPage>\n  </Container>\n</template>\n\n<script>\n  import { PageGetAll, PageDel, PageUpdateEnableStatus } from \"@/api/System\";\n  export default {\n    name: \"PageDesignList\",\n    data() {\n      return {\n        page: 1,\n        pageSize: 10,\n        total: 0,\n        tableData: [],\n      };\n    },\n    created() {\n      this.getList();\n    },\n    activated() {\n      if (this.$_isInit()) return;\n      this.getList();\n    },\n    methods: {\n      sizeChange(size) {\n        this.pageSize = size;\n        this.pageChange(1);\n      },\n      pageChange(page) {\n        this.page = page;\n        this.getList();\n      },\n      async getList() {\n        const data = await PageGetAll({\n          page: this.page,\n          pageSize: this.pageSize,\n        });\n\n        this.tableData = data.data;\n        this.total = data.pageTotal;\n      },\n      editData(id) {\n        this.$router.push(\"/ShoppingMall/AppDesign/PageDesignEdit/\" + id);\n      },\n      delData(id) {\n        this.$confirm(\"确定删除该模版吗？\", \"提示\", {\n          confirmButtonText: \"确定\",\n          cancelButtonText: \"取消\",\n          type: \"warning\",\n        }).then(async () => {\n          const data = await PageDel(id);\n\n          this.$message({\n            type: \"success\",\n            message: \"删除成功!\",\n          });\n          this.getList();\n        });\n      },\n      async updatePage(val, row) {\n        try {\n          const data = await PageUpdateEnableStatus({\n            pageType: 1,\n            id: row.id,\n            enableStatus: val,\n          });\n          this.$message({\n            type: \"success\",\n            message: \"操作成功!\",\n          });\n          this.getList();\n        } catch (e) {\n          this.getList();\n        }\n      },\n    },\n  };\n</script>\n\n<style scoped>\n  .template-list {\n    padding: 50px;\n  }\n  .flex-box {\n    height: 470px;\n    width: 270px;\n    margin-left: 32px;\n    margin-bottom: 32px;\n    padding: 0 12px 12px;\n  }\n  .add-template {\n    border: 1px dashed #fb6638;\n    border-radius: 4px;\n    background-color: #fff4f0;\n    text-align: center;\n    cursor: pointer;\n  }\n  .add-template p {\n    display: inline-block;\n    line-height: 470px;\n  }\n  .add-template p .icon-plus {\n    color: #fb6638;\n    font-weight: bold;\n  }\n</style>\n"]}]}