export default { mixins: [mixin], data() { return { // 弹框 showModal: false, // 获取数据地址 url_get_list: "~/api/unapprove/get_list?like=0", url_del: "~/api/unapprove/del?", // 字段ID field: "unapprove_id", // 查询 query: { "size": 7, "page": 1, "name_of_dish": "", "contact_number": "", "login_time": "", "create_time": "", "orderby": `create_time desc` }, // 数据 list: [], // 用户列表 list_user_ordinary_users: [], // 是否审核列表 list_approve_or_not: ['已通过','未通过'], } }, methods: { // 关闭弹框 closeModal(){ this.showModal = false; }, get_list_before(param){ var user_group = this.user.user_group; if(user_group != "管理员"){ let sqlwhere = "("; if(user_group=="普通用户"){ sqlwhere+= "`ordinary_users` = " + this.user.user_id + " or "; } if (sqlwhere.length>1){ sqlwhere = sqlwhere.substr(0,sqlwhere.length-4); sqlwhere += ")"; param["sqlwhere"] = sqlwhere; } } return param; },
时间: 2023-07-19 09:04:30 浏览: 86
这是一个 Vue.js 的组件定义,它包含了一些数据和方法。其中, `mixins: [mixin]` 表示该组件使用了一个名为 `mixin` 的混入对象,可以理解为是一些共用的代码块。`data()` 函数返回一个对象,其中包含了一些状态数据,例如弹框的显示状态、数据获取的地址、查询参数等。`methods` 对象中包含了一些处理事件的方法,例如关闭弹框、获取数据前的处理等。其中 `get_list_before` 方法根据用户权限动态生成查询参数。
相关问题
export default { mixins: [mixin], data() { return { field: "order_center_id", url_add: "~/api/order_center/add?", url_set: "~/api/order_center/set?", url_get_obj: "~/api/order_center/get_obj?", url_upload: "~/api/order_center/upload?", query: { "order_center_id": 0, }, form: { "dish_no": this.$get_stamp(), // 菜品编号 "name_of_dish": '', // 菜品名称 "price_of_dishes": '', // 菜品价格 "purchase_quantity": 0, // 购买数量 "order_amount": '', // 订单总计 "place_order_address": '', // 下单地址 "contact_number": '', // 联系电话 "ordinary_users": 0, // 普通用户 "account_no": '', // 账户账号 "order_status": '', // 订单状态 "estimated_delivery_time": '', // 预计送达时间 "examine_state": "未审核", "examine_reply": "", "order_center_id": 0, // ID },
这段代码是一个 Vue 组件的定义,其中包含了一些常用的 Vue 特性,如 mixins、data、methods 等。
mixins 是一种 Vue 组件复用的方式,可以将其他组件中的一些共同逻辑提取出来,放在 mixins 中,然后让需要这些逻辑的组件引入该 mixins。
data 是一个函数,返回了该组件中的数据对象。在 Vue 中,每个组件都有自己的数据对象,用于存储组件中需要的数据。
methods 是一个对象,包含了该组件中需要的方法。
此组件中的数据对象包含了一些属性,如 field、url_add、url_set 等。其中,field 是一个字符串,url_add、url_set 等是一个相对路径,用于指定组件需要调用的 API 接口。
form 是一个包含了多个属性的对象,用于存储表单数据。在该组件中,form 中包含了一些与订单相关的信息,如菜品编号、菜品名称、订单总计等。
总体来说,该组件是一个订单中心组件,用于处理订单的新增、编辑、查询等操作。
export default { mixins: [mixin], data() { return { field: "unapprove_id", url_add: "~/api/unapprove/add?", url_set: "~/api/unapprove/set?", url_get_obj: "~/api/unapprove/get_obj?", url_upload: "~/api/unapprove/upload?", query: { "unapprove_id": 0, }, form: { "dish_no": this.$get_stamp(), // 菜品编号 "name_of_dish": '', // 菜品名称 "price_of_dishes": '', // 菜品价格 "purchase_quantity": '', // 购买数量 "order_amount": '', // 订单总计 "place_order_address": '', // 下单地址 "contact_number": '', // 联系电话 "ordinary_users": 0, // 普通用户 "account_no": '', // 账户账号 "approve_or_not": '', // 是否审核 "findings_of_audit": '', // 审核结果 "unapprove_id": 0, // ID },
这段代码是一个 Vue 组件的定义,主要包括以下内容:
1. mixins: [mixin]:通过 mixins 属性引入一个混入对象 mixin,用于复用组件中的逻辑代码。
2. data():定义组件的数据对象,其中包括了 field 和 url_add 等属性,以及 query 和 form 两个对象,它们用于存储组件中需要用到的查询条件和表单数据。
3. methods:定义组件中的方法,包括添加、修改、获取对象和上传等操作。
4. template:组件的模板,用于渲染组件中的界面元素。
总体来说,这段代码是一个用于管理未审核订单的组件,其中包括了对订单信息的添加、修改、查询和上传等操作。
阅读全文