| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\group\\list.vue?vue&type=style&index=0&id=f568dd8c&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\group\\list.vue","mtime":1761185180216},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQo6OnYtZGVlcCAuaXZ1LW1lbnUtdmVydGljYWwgLml2dS1tZW51LWl0ZW0tZ3JvdXAtdGl0bGUgew0KICBkaXNwbGF5OiBub25lOw0KfQ0KOjp2LWRlZXAgLml2dS1tZW51LXZlcnRpY2FsLml2dS1tZW51LWxpZ2h0OmFmdGVyIHsNCiAgZGlzcGxheTogbm9uZTsNCn0NCi5sZWZ0LXdyYXBwZXIgew0KICBoZWlnaHQ6IDkwNHB4Ow0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjZGNkZWUyOw0KfQ0KLm1lbnUtaXRlbSB7DQogIHotaW5kZXg6IDUwOw0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIGRpc3BsYXk6IGZsZXg7DQogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgd29yZC1icmVhazogYnJlYWstYWxsOw0KICAuaWNvbi1ib3ggew0KICAgIHotaW5kZXg6IDM7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHJpZ2h0OiAyMHB4Ow0KICAgIHRvcDogNTAlOw0KICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTsNCiAgICBkaXNwbGF5OiBub25lOw0KICB9DQogICY6aG92ZXIgLmljb24tYm94IHsNCiAgICBkaXNwbGF5OiBibG9jazsNCiAgfQ0KICAucmlnaHQtbWVudSB7DQogICAgei1pbmRleDogMTA7DQogICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgIHJpZ2h0OiAtMTA2cHg7DQogICAgdG9wOiAtMTFweDsNCiAgICB3aWR0aDogYXV0bzsNCiAgICBtaW4td2lkdGg6IDEyMXB4Ow0KICB9DQp9DQoudGFiQm94X2ltZyB7DQogIHdpZHRoOiAzNnB4Ow0KICBoZWlnaHQ6IDM2cHg7DQogIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgY3Vyc29yOiBwb2ludGVyOw0KICBpbWcgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgfQ0KfQ0K"},{"version":3,"sources":["list.vue"],"names":[],"mappings":";AA8UA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"list.vue","sourceRoot":"src/pages/system/group","sourcesContent":["<template>\r\n <div>\r\n <!-- <div class=\"i-layout-page-header header-title\">-->\r\n <!-- <div class=\"fl_header\">-->\r\n <!-- <router-link v-if=\"$route.params.id != 49\" :to=\"{ path: $routeProStr + '/system/config/system_group/index' }\"-->\r\n <!-- ><el-button size=\"small\" type=\"text\">返回</el-button></router-link-->\r\n <!-- >-->\r\n <!-- <el-divider direction=\"vertical\" v-if=\"$route.params.id != 49\" />-->\r\n <!-- <span class=\"ivu-page-header-title mr20\" style=\"padding: 0\" v-text=\"$route.meta.title\"></span>-->\r\n <!-- </div>-->\r\n <!-- </div>-->\r\n <pages-header class=\"mb16\" ref=\"pageHeader\" :title=\"$route.meta.title\"></pages-header>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" :body-style=\"{ padding: 0 }\">\r\n <div class=\"padding-add\">\r\n <el-form\r\n ref=\"formValidate\"\r\n :model=\"formValidate\"\r\n :label-width=\"labelWidth\"\r\n :label-position=\"labelPosition\"\r\n @submit.native.prevent\r\n inline\r\n >\r\n <el-form-item label=\"是否显示：\">\r\n <el-select\r\n v-model=\"formValidate.status\"\r\n placeholder=\"请选择\"\r\n clearable\r\n @change=\"userSearchs\"\r\n class=\"form_content_width\"\r\n >\r\n <el-option value=\"1\" label=\"显示\"></el-option>\r\n <el-option value=\"0\" label=\"不显示\"></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </el-card>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt mt14\">\r\n <el-button type=\"primary\" v-db-click @click=\"groupAdd('添加数据')\" class=\"mr20\">添加数据</el-button>\r\n <el-table\r\n :data=\"tabList\"\r\n ref=\"table\"\r\n class=\"mt14\"\r\n v-loading=\"loading\"\r\n highlight-current-row\r\n no-userFrom-text=\"暂无数据\"\r\n no-filtered-userFrom-text=\"暂无筛选结果\"\r\n >\r\n <el-table-column :label=\"item.title\" :min-width=\"item.minWidth\" v-for=\"(item, index) in columns1\" :key=\"index\">\r\n <template slot-scope=\"scope\">\r\n <template v-if=\"item.key\">\r\n <div v-if=\"item.type !== 'img'\">\r\n <span>{{ scope.row[item.key] }}</span>\r\n </div>\r\n <div v-else>\r\n <div class=\"tabBox_img\" v-viewer>\r\n <img v-lazy=\"scope.row[item.key][0]\" />\r\n </div>\r\n </div>\r\n </template>\r\n <template v-else-if=\"item.slot === 'status'\">\r\n <el-switch\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"scope.row.status\"\r\n :value=\"scope.row.status\"\r\n @change=\"onchangeIsShow(scope.row)\"\r\n size=\"large\"\r\n >\r\n </el-switch>\r\n </template>\r\n <template v-else-if=\"item.slot === 'action'\">\r\n <a v-db-click @click=\"edit(scope.row, '编辑')\">编辑</a>\r\n <el-divider direction=\"vertical\"></el-divider>\r\n <a v-db-click @click=\"del(scope.row, '删除这条信息', scope.$index)\">删除</a>\r\n </template>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <div class=\"acea-row row-right page\">\r\n <pagination\r\n v-if=\"total\"\r\n :total=\"total\"\r\n :page.sync=\"formValidate.page\"\r\n :limit.sync=\"formValidate.limit\"\r\n @pagination=\"getList\"\r\n />\r\n </div>\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport editFrom from '@/components/from/from';\r\nimport {\r\n groupDataListApi,\r\n groupDataAddApi,\r\n groupDataEditApi,\r\n groupDataHeaderApi,\r\n groupDataSetApi,\r\n groupAllApi,\r\n} from '@/api/system';\r\nexport default {\r\n name: 'list',\r\n components: { editFrom },\r\n data() {\r\n return {\r\n treeId: '',\r\n grid: {\r\n xl: 7,\r\n lg: 7,\r\n md: 12,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n formValidate: {\r\n status: '',\r\n page: 1,\r\n limit: 20,\r\n gid: 0,\r\n },\r\n total: 0,\r\n tabList: [],\r\n columns1: [],\r\n FromData: null,\r\n loading: false,\r\n titleType: 'group',\r\n groupAll: [],\r\n theme3: 'light',\r\n labelSort: [],\r\n sortName: null,\r\n current: 0,\r\n };\r\n },\r\n computed: {\r\n ...mapState('media', ['isMobile']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : '80px';\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n },\r\n watch: {\r\n $route(to, from) {\r\n if (this.$route.params.id) {\r\n this.getList();\r\n this.getListHeader();\r\n } else {\r\n this.getGroupAll();\r\n }\r\n },\r\n },\r\n mounted() {\r\n if (this.$route.params.id) {\r\n this.getList();\r\n this.getListHeader();\r\n } else {\r\n this.getGroupAll();\r\n }\r\n },\r\n methods: {\r\n bindMenuItem(name, index) {\r\n this.current = index;\r\n this.formValidate.gid = name.id;\r\n this.getListHeader();\r\n this.getList();\r\n },\r\n getGroupAll() {\r\n groupAllApi()\r\n .then(async (res) => {\r\n this.groupAll = res.data;\r\n this.sortName = res.data[0].id;\r\n this.formValidate.gid = res.data[0].id;\r\n this.getListHeader();\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 返回\r\n back() {\r\n this.$router.push({ path: this.$routeProStr + '/system/config/system_group/index' });\r\n },\r\n getUrl(type) {\r\n let url = 'setting/group_data' + type;\r\n if (this.$route.params.id) {\r\n let arr = {\r\n setting_groupDataSign: 'setting/sign_data' + type,\r\n setting_groupDataOrder: 'setting/order_data' + type,\r\n setting_groupDataUser: 'setting/usermenu_data' + type,\r\n setting_groupDataPoster: 'setting/poster_data' + type,\r\n marketing_storeSeckillData: 'setting/seckill_data' + type,\r\n };\r\n if (arr[this.$route.name] === undefined) return url;\r\n return arr[this.$route.name];\r\n } else {\r\n return url;\r\n }\r\n },\r\n // 列表\r\n getList() {\r\n this.loading = true;\r\n this.formValidate.gid = this.$route.params.id ? this.$route.params.id : this.formValidate.gid;\r\n this.formValidate.status = this.formValidate.status || '';\r\n groupDataListApi(this.formValidate, this.getUrl(''))\r\n .then(async (res) => {\r\n let data = res.data;\r\n this.tabList = data.list;\r\n this.total = data.count;\r\n this.loading = false;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 表格头部\r\n getListHeader() {\r\n this.loading = true;\r\n let data = {\r\n gid: this.$route.params.id ? this.$route.params.id : this.formValidate.gid,\r\n };\r\n groupDataHeaderApi(data, this.getUrl('/header'))\r\n .then(async (res) => {\r\n let data = res.data;\r\n let header = data.header;\r\n let index = [];\r\n header.forEach(function (item, i) {\r\n if (item.type === 'img') {\r\n index.push(i);\r\n }\r\n });\r\n index.forEach(function (item) {\r\n header[item].render = (h, params) => {\r\n let arr = params.row[header[item].key];\r\n let newArr = [];\r\n if (arr !== undefined && arr.length) {\r\n arr.forEach(function (e, i) {\r\n newArr.push(\r\n h(\r\n 'div',\r\n {\r\n style: {\r\n width: '36px',\r\n height: '36px',\r\n 'border-radius': '4px',\r\n cursor: 'pointer',\r\n display: 'inline-block',\r\n },\r\n },\r\n [\r\n h('img', {\r\n attrs: {\r\n src: params.row[header[item].key][i],\r\n },\r\n style: {\r\n width: '100%',\r\n height: '100%',\r\n },\r\n }),\r\n ],\r\n ),\r\n );\r\n });\r\n }\r\n return h('viewer', newArr);\r\n };\r\n });\r\n this.columns1 = header;\r\n this.loading = false;\r\n })\r\n .catch((res) => {\r\n this.loading = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 表格搜索\r\n userSearchs() {\r\n this.formValidate.page = 1;\r\n this.getList();\r\n },\r\n // 添加表单\r\n groupAdd() {\r\n this.$modalForm(\r\n groupDataAddApi(\r\n { gid: this.$route.params.id ? this.$route.params.id : this.formValidate.gid },\r\n this.getUrl('/create'),\r\n ),\r\n ).then(() => this.getList());\r\n },\r\n // 修改是否显示\r\n onchangeIsShow(row) {\r\n groupDataSetApi(this.getUrl(`/set_status/${row.id}/${row.status}`))\r\n .then(async (res) => {\r\n this.$message.success(res.msg);\r\n this.getList();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 编辑\r\n edit(row) {\r\n let data = {\r\n gid: row.gid,\r\n };\r\n this.$modalForm(groupDataEditApi(data, this.getUrl(`/${row.id}/edit`))).then(() => this.getList());\r\n },\r\n // 删除\r\n del(row, tit, num) {\r\n let delfromData = {\r\n title: tit,\r\n num: num,\r\n url: this.getUrl(`/${row.id}`),\r\n method: 'DELETE',\r\n ids: '',\r\n };\r\n this.$modalSure(delfromData)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.tabList.splice(num, 1);\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .ivu-menu-vertical .ivu-menu-item-group-title {\r\n display: none;\r\n}\r\n::v-deep .ivu-menu-vertical.ivu-menu-light:after {\r\n display: none;\r\n}\r\n.left-wrapper {\r\n height: 904px;\r\n background: #fff;\r\n border-right: 1px solid #dcdee2;\r\n}\r\n.menu-item {\r\n z-index: 50;\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n word-break: break-all;\r\n .icon-box {\r\n z-index: 3;\r\n position: absolute;\r\n right: 20px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n display: none;\r\n }\r\n &:hover .icon-box {\r\n display: block;\r\n }\r\n .right-menu {\r\n z-index: 10;\r\n position: absolute;\r\n right: -106px;\r\n top: -11px;\r\n width: auto;\r\n min-width: 121px;\r\n }\r\n}\r\n.tabBox_img {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
