export default { mixins: [mixin], data() { return { // 获取数据地址 url_get_list: "~/api/user/get_list?like=0", url_del: "~/api/user/del?", // 字段ID field:"user_id", // 查询 query: { size: 10, page: 1, nickname: "", user_group: "管理员", login_time: "", create_time: "" }, // 数据 list: [], // 账号状态 list_state: [{ text: '可用', value: 1 }, { text: '异常', value: 2 }, { text: '已冻结', value: 3 }, { text: '已注销', value: 4 }], // 认证状态 list_is_state: [{ text: "未认证", value: 0 }, { text: "认证中", value: 1 }, { text: "已认证", value: 2 }], // 用户组 list_user_group: [] } }, methods: { deleteRow(index, rows) { rows.splice(index, 1); }, async get_list_user_group(){ var json = await this.$get("~/api/user_group/get_list?"); if(json.result){ this.list_user_group = json.result.list; } else if(json.error){ console.error(json.error); } }, table_class({row, column, rowIndex, columnIndex}){ return "table_class"; }, /** * 重置 */ reset() { this.query = { size: 10, page: 1, nickname: "", user_group: "管理员", login_time: "", create_time: "" } this.get_list() } }, created(){ this.get_list_user_group(); } }

这是一个 Vue.js 组件，使用了 mixin 模式。在 data 中定义了一些状态数据，如 url_get_list、list、list_state 等等。在 methods 中定义了一些方法，如 deleteRow、get_list_user_group、table_class 和 reset 等等。在 created 钩子函数中调用了 get_list_user_group 方法。此组件主要用于用户列表的展示和管理，包括查询、删除和重置等功能。

相关问题

export default { mixins: [mixin], data() { return { // 获取连接地址 url_get_list: "~/api/user_group/get_list?like=0", url_del: "~/api/user_group/del?", // 字段ID field: "group_id", // 查询 query: { size: 10, page: 1, name: "", location:"", target:"" }, // 数据 list: [], } }, methods:{ table_class({row, column, rowIndex, columnIndex}){ return "table_class"; } } }

这是一个 Vue.js 组件，它引入了一个 mixin，然后定义了一些 data 和 methods。其中：

- url_get_list: 获取数据的 API 地址；
- url_del: 删除数据的 API 地址；
- field: 数据的唯一标识符；
- query: 查询数据的参数；
- list: 存储获取到的数据；
- table_class: 返回表格中每个单元格的样式。

此组件主要是用来展示用户组列表的，包括分页、查询和删除等功能。

export default { mixins: [mixin], data() { return { field: "order_completion_id", url_add: "~/api/order_completion/add?", url_set: "~/api/order_completion/set?", url_get_obj: "~/api/order_completion/get_obj?", url_upload: "~/api/order_completion/upload?", query: { "order_completion_id": 0, }, form: { "dish_no": '', // 菜品编号 "name_of_dish": '', // 菜品名称 "price_of_dishes": '', // 菜品价格 "purchase_quantity": '', // 购买数量 "order_amount": '', // 订单总计 "place_order_address": '', // 下单地址 "contact_number": '', // 联系电话 "ordinary_users": 0, // 普通用户 "delivery_time": '', // 送达时间 "order_completion_id": 0, // ID }, disabledObj:{ "dish_no_isDisabled": false, "name_of_dish_isDisabled": false, "price_of_dishes_isDisabled": false, "purchase_quantity_isDisabled": false, "order_amount_isDisabled": false, "place_order_address_isDisabled": false, "contact_number_isDisabled": false, "ordinary_users_isDisabled": false, "delivery_time_isDisabled": false, }, // 用户列表 list_user_ordinary_users: [], // 用户组 group_user_ordinary_users: "", } }, methods: { set_order_amount(){ this.form.order_amount = parseFloat(this.form.price_of_dishes) * parseFloat(this.form.purchase_quantity) },

这是一个 Vue.js 组件的代码，其中包含了一些常用的组件属性和方法，例如 `data`、`methods` 和 `mixins`。它定义了一个名为 `order_completion` 的组件，用于管理订单完成情况。其中包含了一些表单字段，例如 `dish_no`、`name_of_dish`、`price_of_dishes` 等等，还有一些与用户相关的属性，例如 `ordinary_users` 和 `contact_number`。此外，还有一些辅助方法，例如 `set_order_amount`，用于计算订单总价。如果需要更详细的信息，需要查看组件所在的完整代码。