查询功能,重置

调用接口,传入对应的参数,在表单内显示

查询(数据加载查询功能,带对应所需参数的高级查询)

html

全部

js

export default {
	data() {
			return {
					params: {
					index: 1,
					num: 15,
					ZXZT: '', //执行状态
					DDTYPE: '', //调度类别
					DDTIME1: '', //调度时间
					DDTIME2: '', //调度时间
					ZXTIME1: '',
					ZXTIME2: '',
					RSNM: '', //水库名称
					RGNM: '', //水库注册登记号
					PRV: '', //省
					CITY: '', //市
					CNTY: '', //县
					TOWN: '', //镇
					PRSC: '', //规模
					RSINCD: '', //
								},
					}
			},
			methods:{
							loadData() {
				let _this = this;
				this.axios({
					url: "/API/YJDD/List",
					method: "get",
					params: _this.params
				}).then(res => {

					if (res.status == 200 && res.data.DATA) {
						this.alltotal = res.data.COUNT; //返回总条数
						//console.log("res.data", res.data);
						_this.setData(res.data.DATA);
						//this.$Message.success("请求数据成功!");
						_this.loading = false; //关闭加载
						_this.ifHigh = false; //关闭加载
						_this.params = this.params;//这里有毛病
					} else {
						console.log(res.data); //控制台输出错误 
						_this.loading = false; //关闭加载
					}
				}).catch(err => {
					//失败
					console.log(err);
					_this.loading = false;
				})
			},
			setData(List) {
				this.tableData = List.map(item => {
					if (item.DDTIME != null) {
						item.DDTIME = item.DDTIME.slice(0, 10); //map后的对象
					}
					if (item.ZXTIME != null) {
						item.ZXTIME = item.ZXTIME.slice(0, 10); //map后的对象
					}
					return item;
				})
			},
			//高级查询
			GJCX_son(searchParams) { //searchParams是子组件传过来的数据
				this.params.CITY = searchParams.vCty1; //将子组件数据赋值给父组件,这边是单个拼接赋值		多个拼接赋值用object.assign
				this.params.CNTY = searchParams.vCnt1;
				this.params.TOWN = searchParams.vTwn1;
				this.params.PRSC = searchParams.scale;
				this.params.DDTYPE = searchParams.DDTYPE;
				this.params.DDTIME1 = searchParams.DDTIME1;
				this.params.ZXTIME1 = searchParams.ZXTIME1;
				this.params.DDTIME2 = searchParams.DDTIME2;
				this.params.ZXTIME2 = searchParams.ZXTIME2;
				this.params.index = 1;
				this.loadData(1);
			},
			},
			mounted() {
			this.loadData();
		}
			
}

查询功能,重置_第1张图片

你可能感兴趣的:(功能)