if (data && data.code === 0) { if(data.data.total>=crossoptnum) { this.$message.error(this.$storage.get('tips')); return false; } else { this.$http({ url: `shebeileibie/${!this.ruleForm.id ? "save" : "update"}`, method: "post", data: this.ruleForm }).then(({ data }) => { if (data && data.code === 0) { this.$message({ message: "操作成功", type: "success", duration: 1500, onClose: () => { this.parent.showFlag = true; this.parent.addOrUpdateFlag = false; this.parent.shebeileibieCrossAddOrUpdateFlag = false; this.parent.search(); this.parent.contentStyleChange(); } }); } else { this.$message.error(data.msg); } });
时间: 2024-02-06 11:03:13 浏览: 26
这段代码是一个 Vue.js 组件中的方法,用于保存或更新设备类别信息。首先,判断 data 是否存在且 code 是否为 0,如果满足条件,则继续执行下一步,否则直接返回 false。
接着,判断 data.data.total 是否大于等于 crossoptnum,如果满足条件,则提示错误信息并返回 false,否则继续执行下一步。
然后,使用 $http 方法向后端发送请求,请求的 URL 根据 this.ruleForm.id 是否存在来判断是保存还是更新操作。请求的方法为 post,请求的数据为 this.ruleForm。
接着,使用 then 方法处理请求的响应。如果响应中的 data 存在且 code 等于 0,则显示操作成功的提示信息,并执行 onClose 回调函数,该函数用于关闭当前的添加或更新表单,并刷新父组件的数据。
如果响应中的 data 不存在或 code 不等于 0,则显示响应中的错误信息。
相关问题
this.$refs["ruleForm"].validate(valid => { if (valid) { if(crossrefid && crossuserid) { this.ruleForm.crossuserid = crossuserid; this.ruleForm.crossrefid = crossrefid; let params = { page: 1, limit: 10, crossuserid:this.ruleForm.crossuserid, crossrefid:this.ruleForm.crossrefid, } this.$http({ url: "lvyouluxian/page", method: "get", params: params }).then(({ data }) => { if (data && data.code === 0) { if(data.data.total>=crossoptnum) { this.$message.error(this.$storage.get('tips')); return false; } else { this.$http({ url: `lvyouluxian/${!this.ruleForm.id ? "save" : "update"}`, method: "post", data: this.ruleForm }).then(({ data }) => { if (data && data.code === 0) { this.$message({ message: "操作成功", type: "success", duration: 1500, onClose: () => { this.parent.showFlag = true; this.parent.addOrUpdateFlag = false; this.parent.lvyouluxianCrossAddOrUpdateFlag = false; this.parent.search(); this.parent.contentStyleChange(); } }); } else { this.$message.error(data.msg); } }); } } else { } }); }
这段代码是一个 Vue.js 组件中的方法,当表单数据通过验证后,会发送一个 GET 请求获取数据,并根据获取到的数据判断是否满足条件进行提交或者提示错误信息。其中 `this.$refs["ruleForm"].validate` 是调用表单验证方法,如果验证通过,会执行回调函数 `valid => {...}`。在回调函数中,首先判断是否存在 `crossrefid` 和 `crossuserid`,如果存在则将其赋值给 `this.ruleForm.crossuserid` 和 `this.ruleForm.crossrefid`。然后通过 GET 请求获取数据,请求的参数包括当前页码、每页显示数量、跨用户ID和跨参考ID。如果获取到的数据总数大于等于 `crossoptnum`,则显示错误提示信息;否则,将调用后端接口进行提交操作,如果提交成功,则显示成功提示信息,并执行一些其他的操作。
解释一下getDataList() { this.dataListLoading = true; let params = { page: this.pageIndex, limit: this.pageSize, sort: 'id', order: 'desc', } if(this.searchForm.xueqi!='' && this.searchForm.xueqi!=undefined){ params['xueqi'] = '%' + this.searchForm.xueqi + '%' } if(this.searchForm.kechengfenlei!='' && this.searchForm.kechengfenlei !=undefined){ params['kechengfenlei'] = '%' + this.searchForm.kechengfenlei + '%' } if(this.searchForm.xueshengxingming!='' && this.searchForm.xueshengxingming!=undefined){ params['xueshengxingming'] = '%' + this.searchForm.xueshengxingming + '%' } this.$http({ url: "jiaocailingqu/page", method: "get", params: params }).then(({ data }) => { if (data && data.code === 0) { this.dataList = data.data.list; this.totalPage = data.data.total; } else { this.dataList = []; this.totalPage = 0; } this.dataListLoading = false; }); }是什么意思
这是一个Vue.js组件的方法,主要用于从后端API获取数据列表。函数中使用了一个布尔变量"dataListLoading"来表示数据是否正在加载中。然后,定义了一个对象"params",用于存储请求参数,包括当前页码、每页显示的数据量、排序方式等信息。如果搜索表单中的某些字段不为空,则将其添加到请求参数中。最后,使用Vue.js的$http模块发送一个get请求,请求的URL为“jiaocailingqu/page”,同时传递请求参数params。当请求成功时,将返回的数据存储在"dataList"和"totalPage"变量中。如果请求失败,则"dataList"和"totalPage"将被设置为默认值。最后,将"dataListLoading"变量设置为false,表示数据已经加载完成。