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 22:04:30 浏览: 44
这是一个 Vue.js 的组件定义,它包含了一些数据和方法。其中, `mixins: [mixin]` 表示该组件使用了一个名为 `mixin` 的混入对象,可以理解为是一些共用的代码块。`data()` 函数返回一个对象,其中包含了一些状态数据,例如弹框的显示状态、数据获取的地址、查询参数等。`methods` 对象中包含了一些处理事件的方法,例如关闭弹框、获取数据前的处理等。其中 `get_list_before` 方法根据用户权限动态生成查询参数。
相关问题
import mixin from "@/mixins/page.js"; export default { mixins: [mixin],
这段代码是一个 Vue 组件的定义,其中 `mixins` 选项是用来混入一个或多个 mixin 对象的。在上面的代码中,`mixin` 是一个名为 `page.js` 的 mixin 对象。Mixin 是 Vue 中用于代码复用的一种机制,它可以为组件提供一些公共的逻辑和属性,使得组件之间可以共享这些逻辑和属性。在这个例子中,`page.js` mixin 可能包含一些与页面相关的逻辑和属性,被混入到当前组件中后,这些逻辑和属性就可以在当前组件中使用了。
export default { mixins: [mixin], data() { return { // 弹框 showModal: false, // 获取数据地址 url_get_list: "~/api/order_completion/get_list?like=0", url_del: "~/api/order_completion/del?", // 字段ID field: "order_completion_id", // 查询 query: { "size": 7, "page": 1, "name_of_dish": "", "contact_number": "", "login_time": "", "create_time": "", "orderby": `create_time desc` }, // 数据 list: [], // 用户列表 list_user_ordinary_users: [], } }, 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; },
这段代码是一个 Vue 的组件,它定义了一些数据和方法。其中,`mixins` 是一个混入对象,它可以在组件中引入另一个对象的属性和方法。`data` 函数返回一个对象,它包含了组件的数据。`showModal` 属性表示弹框是否显示,`url_get_list` 和 `url_del` 分别表示获取数据和删除数据的接口地址,`field` 表示数据的主键字段名称,`query` 对象表示查询参数,`list` 是从接口获取的数据列表数组,`list_user_ordinary_users` 表示普通用户列表。
`methods` 对象包含了组件的方法,其中 `closeModal` 方法用于关闭弹框,`get_list_before` 方法用于在获取数据之前对查询参数进行处理,如果用户不是管理员,则会添加一个 SQL 查询条件,只查询与该用户相关的数据。