{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\shortcut\\shortcutContent.vue?vue&type=style&index=0&id=2cc126a4&scoped=true&lang=css","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\views\\shortcut\\shortcutContent.vue","mtime":1718761715722},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":1718764958140},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1718764960674},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":1718764958994},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmFwcC1jb250YWluZXIgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICBwYWRkaW5nLWJvdHRvbTogNjBweDsgLyog5YiG6aG15p2h55qE6auY5bqmICovCn0KCi5maWx0ZXItY29udGFpbmVyLAouZWwtdGFibGUgewogIHBhZGRpbmctYm90dG9tOiA1MnB4OyAvKiDliIbpobXmnaHnmoTpq5jluqbvvIzku6Xpgb/lhY3lhoXlrrnph43lj6AgKi8KfQoKLnNlYXJjaCB7CiAgbWFyZ2luLWxlZnQ6IDEwcHg7Cn0K"},{"version":3,"sources":["shortcutContent.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4JA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"shortcutContent.vue","sourceRoot":"src/views/shortcut","sourcesContent":["<template>\n  <div class=\"app-container\">\n    <div class=\"filter-container\">\n      <el-input v-model=\"listQuery.content\" placeholder=\"搜索快捷内容\" style=\"width: 200px;\" class=\"filter-item\" />\n      <el-select v-model=\"listQuery.status\" filterable placeholder=\"状态\" class=\"filter-item\" style=\"width: 120px;\">\n        <el-option key=\"\" label=\"请选择\" value=\"\" />\n        <el-option v-for=\"(v, k) in statusArr\" :key=\"k\" :label=\"v\" :value=\"k\" />\n      </el-select>\n      <el-button class=\"filter-item search\" type=\"primary\" icon=\"el-icon-search\" @click=\"getShortcutContent\">搜索</el-button>\n      <el-button class=\"filter-item\" type=\"primary\" icon=\"el-icon-circle-plus\" @click=\"onAdd\">添加</el-button>\n    </div>\n\n    <el-table v-loading=\"listLoading\" :data=\"list\" border fit highlight-current-row style=\"width: 100%\">\n      <el-table-column align=\"center\" fixed label=\"ID\" width=\"80\" prop=\"id\" />\n      <el-table-column align=\"center\" fixed label=\"快捷内容\" width=\"380\" prop=\"content\" />\n      <el-table-column align=\"center\" label=\"排序\" width=\"140\">\n        <template #default=\"scope\">\n          <el-input-number v-model=\"scope.row.sort\" :max=\"100\" :min=\"0\" class=\"small-input-number\" @change=\"updateSort(scope.row)\" style=\"width: 110px; height: 36px;\" />\n        </template>\n      </el-table-column>\n      <el-table-column align=\"center\" label=\"状态\" width=\"100\">\n        <template #default=\"scope\">\n          <el-switch v-model=\"scope.row.status\" :active-value=\"1\" :inactive-value=\"0\" @change=\"updateStatus(scope.row)\" />\n        </template>\n      </el-table-column>\n      <el-table-column align=\"center\" width=\"220\" label=\"操作\">\n        <template #default=\"scope\">\n          <el-button type=\"primary\" size=\"small\" icon=\"el-icon-edit\" @click=\"onEdit(scope.row)\">编辑</el-button>\n          <el-button type=\"danger\" size=\"small\" icon=\"el-icon-delete\" @click=\"onDel(scope.row)\">删除</el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n\n    <pagination v-show=\"total > 0\" :total=\"total\" :page.sync=\"listQuery.page\" :limit.sync=\"listQuery.limit\" @pagination=\"getShortcutContent\" />\n\n    <el-dialog title=\"添加快捷内容\" :visible.sync=\"dialogCreate\">\n      <el-form label-width=\"120px\" :model=\"anchors\">\n        <el-form-item label=\"快捷内容\">\n          <el-input v-model=\"anchors.content\" type=\"textarea\" placeholder=\"请输入快捷内容\" />\n        </el-form-item>\n        <el-form-item label=\"排序\">\n          <el-input-number v-model=\"anchors.sort\" :max=\"100\" :min=\"0\" controls-position=\"right\" />\n        </el-form-item>\n        <el-form-item label=\"状态\">\n          <el-switch v-model=\"anchors.status\" :active-value=\"1\" :inactive-value=\"0\" active-color=\"#13ce66\" inactive-color=\"#ff4949\" />\n        </el-form-item>\n      </el-form>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button v-loading=\"loading\" type=\"primary\" @click=\"onSave\">保 存</el-button>\n      </div>\n    </el-dialog>\n\n    <el-dialog title=\"编辑内容\" :visible.sync=\"dialogEdit\">\n      <el-form label-width=\"120px\" :model=\"anchors\">\n        <el-form-item label=\"快捷内容\">\n          <el-input v-model=\"anchors.content\" type=\"textarea\" placeholder=\"请输入快捷内容\" />\n        </el-form-item>\n        <el-form-item label=\"排序\">\n          <el-input-number class=\"aaas\" v-model=\"anchors.sort\" :max=\"100\" :min=\"0\" controls-position=\"right\" />\n        </el-form-item>\n        <el-form-item label=\"状态\">\n          <el-switch v-model=\"anchors.status\" :active-value=\"1\" :inactive-value=\"0\" active-color=\"#13ce66\" inactive-color=\"#ff4949\" />\n        </el-form-item>\n      </el-form>\n      <div slot=\"footer\" class=\"dialog-footer\">\n        <el-button v-loading=\"loading\" type=\"primary\" @click=\"onSave\">保 存</el-button>\n      </div>\n    </el-dialog>\n  </div>\n</template>\n\n<script>\nimport Pagination from '@/components/PaginationFixed'\n\nexport default {\n  name: 'GetShortcutContent',\n  components: { Pagination },\n  data() {\n    return {\n      statusArr: { 0: '禁用', 1: '启用' },\n      list: [],\n      total: 0,\n      loading: false,\n      listLoading: true,\n      listQuery: {\n        page: 1,\n        limit: 10,\n        status: null,\n        content: ''\n      },\n      dialogCreate: false,\n      dialogEdit: false,\n      item: {},\n      anchors: {}\n    }\n  },\n  created() {\n    this.listQuery.status = this.$route.query.status || null\n    this.listQuery.content = this.$route.query.content || null\n    this.getShortcutContent()\n  },\n  methods: {\n    getShortcutContent() {\n      this.listLoading = true\n      this.$axios.get('/admin/shortcutContent/list', { params: this.listQuery }).then(response => {\n        this.list = response.data.data\n        this.total = response.data.total\n        this.listLoading = false\n      }).catch(() => {\n        this.listLoading = false\n      })\n    },\n    onAdd() {\n      this.anchors = { sort: 0 } // 初始化时默认排序值为0\n      this.dialogCreate = true\n    },\n    onEdit(item) {\n      this.anchors = { ...item }\n      this.dialogEdit = true\n    },\n    onSave() {\n      if (this.loading) return\n      this.loading = true\n      const api = this.dialogCreate ? '/admin/shortcutContent/add' : '/admin/shortcutContent/edit'\n      this.$axios.post(api, this.anchors).then(() => {\n        this.dialogCreate = false\n        this.dialogEdit = false\n        this.loading = false\n        this.getShortcutContent()\n      }).catch(() => {\n        this.loading = false\n      })\n    },\n    onDel(item) {\n      this.$axios.post('/admin/shortcutContent/del', { id: item.id }).then(() => {\n        this.getShortcutContent()\n      }).catch(() => {\n      })\n    },\n    updateSort(item) {\n      this.$axios.post('/admin/shortcutContent/edit', { id: item.id, sort: item.sort }).then(() => {\n        this.getShortcutContent()\n      }).catch(() => {\n      })\n    },\n    updateStatus(item) {\n      this.$axios.post('/admin/shortcutContent/edit', { id: item.id, status: item.status }).then(() => {\n        this.getShortcutContent()\n      }).catch(() => {\n      })\n    }\n  }\n}\n</script>\n\n<style scoped>\n.app-container {\n  position: relative;\n  padding-bottom: 60px; /* 分页条的高度 */\n}\n\n.filter-container,\n.el-table {\n  padding-bottom: 52px; /* 分页条的高度，以避免内容重叠 */\n}\n\n.search {\n  margin-left: 10px;\n}\n</style>\n"]}]}