ubcs.git - Gitblit

			@@ -4,24 +4,29 @@
			3、用户输入的值会以conditionMap[field]的格式拼接好进行回传，然后就需要使用的地方自行进行查询的调用；
			-->
			<template>
			<el-dialog
			<el-dialog
			title="高级查询"
			append-to-body
			width="55vw"
			style="height: 115vh; margin-top: -10vh; overflow: hidden"
			width="46vw"
			style="height: 100vh;overflow: hidden"
			v-dialogDrag
			:visible.sync="isShowDialog"
			lock-scroll
			class="avue-dialog avue-dialog--top"
			top="-3%"
			destroy-on-close
			@close="recoverPage">
			<div class="search-total">
			<!-- 头部按钮区域 -->
			<div slot="title" class="dialog-search-button">
			<el-button
			type="primary"
			<div slot="title" class="dialog-search-button">
			<el-button
			type="primary"
			size="small"
			icon="el-icon-search"
			@click="searchSubmit">
			查询
			</el-button>
			<el-button
			<el-button
			type="warning"
			size="small"
			icon="el-icon-refresh"
			@@ -31,11 +36,11 @@
			</div>
			<!-- 页面主体内容区域 -->
			<div class="search-content">
			<el-row
			<el-row
			v-for="(item,index) in initOptions"
			:key="item.queryField"
			:span="24">
			<el-col :span="5">
			<el-col :span="6">
			<div class="grid-content">
			<el-select disabled placeholder="请选择" v-model="searchFormArrays[index].queryField">
			<el-option
			@@ -65,9 +70,9 @@
			<el-select v-else-if="item.fieldType==='combox'" v-model="searchFormArrays[index].fieldValue" placeholder="请选择">
			<el-option
			v-for="option in item.data"
			:key="option.itemValue"
			:label="option.itemName"
			:value="option.itemValue">
			:key="option.itemValue \|\| option.value"
			:label="option.itemName \|\| option.label"
			:value="option.itemValue \|\| option.value">
			</el-option>
			</el-select>
			<el-switch v-else-if="item.fieldType==='truefalse'" v-model="searchFormArrays[index].fieldValue"></el-switch>
			@@ -86,7 +91,7 @@
			</vci-web-refer>
			</div>
			</el-col>
			<el-col :span="2">
			<el-col :span="1">
			<div class="grid-content">
			<i class="el-icon-close" @click="removeInput(index)"></i>
			</div>
			@@ -172,7 +177,7 @@
			label: "不等于",
			},{
			value: "_ge", //大于，默认为大于等于
			label: "大于",
			label: "大于",
			},{
			value: "_le", //小于，默认为小于等于
			label: "小于",
			@@ -203,7 +208,7 @@
			let array = [];
			this.initOptions.forEach((item,index) => {
			if(item.fieldType==='combox') {
			let enumCach = JSON.parse(localStorage.getItem(item.comboxKey));
			let enumCach = item.data \|\| JSON.parse(localStorage.getItem(item.comboxKey));
			if(enumCach != null) {
			item.data = enumCach;
			}else {
			@@ -221,22 +226,22 @@
			options: Object.assign(item.referConfig,{width:"80%"}),
			})
			//console.log(item.referConfigData.options);
			//console.log(item);
			//console.log(item);
			}
			// TODO: 这儿修改一下参照的查询条件
			let conditions = [];
			if(item.fieldType==='text'){
			conditions = this.searchConditions;
			}else if (item.fieldType==='combox'){
			conditions = this.dateConditions;
			}else if (item.fieldType==='combox'\|\| item.fieldType==='truefalse'){
			conditions = this.switchSearchConditions;
			}else if (item.fieldType==='datetime') {
			conditions = this.switchSearchConditions;
			conditions = this.dateConditions;
			}else {
			conditions = this.referSearchConditions;
			}
			// console.log(conditions);
			this.$set(item,"conditions",conditions)


			let add = {
			queryField: String(item.queryField),
			condition: item.fieldType==='text' ? String("_like"):String("_equal"),
			@@ -252,13 +257,10 @@

			/** 为参照类型时值选择之后的处理 */
			setReferValue(data,index){
			// console.log(index);
			if(data.field) {
			this.searchFormArrays[index][data.fieldValue] = data.value \|\| '';
			this.initOptions[index][data.showField] = data.text \|\| '';
			}
			// console.log(this.initOptions[index][data.showField]);
			// console.log(data);
			},

			// 属性切换时查询条件和查询值也需要对输入框进行切换
			@@ -286,7 +288,7 @@
			// },

			// 移除搜索框


			removeInput(index){
			//console.log(this.initOptions);
			this.$delete(this.initOptions,index);
			@@ -322,32 +324,18 @@
			console.log(condtionParam);
			this.$emit('echoContion',condtionParam)
			this.isShowDialog = false;
			},
			},
			}
			}
			</script>

			<style lang="scss" scoped>

			.search-total {
			border-radius: 4px;
			min-height: 70vh;
			// margin-left: 35px;
			margin-top: -8px;
			overflow-y: auto;
			height: 70vh;
			border-radius: 4px;
			margin-top: -10px;
			}
			.dialog-search-button {
			border-top: 1px solid #E9E7E7;
			border-bottom: 1px solid #E9E7E7;
			padding: 10px 10px 10px;
			position: fixed;
			display: block;
			background-color: #fff;
			// top: 10%;
			margin-top: -30px;
			width: 50%;
			z-index: 1000;
			margin-bottom: 15px;
			}
			// .search-total > .search-content > .el-row{
			// margin-bottom: 5px;
			@@ -356,39 +344,39 @@
			// }
			// }
			.search-total > .search-content {
			margin-top: 40px;
			}
			.search-total > .search-content > .el-row > .el-col {
			border-radius: 4px;
			border-radius: 4px;
			}
			.search-total > .search-content > .el-row > .el-col > .grid-content {
			border-radius: 4px;
			min-height: 36px;
			border-radius: 4px;
			min-height: 36px;
			}
			.search-total > .search-content > .el-row > .el-col {
			margin-right: 6px;
			&:last-child {
			margin-right: 0;
			}
			margin-right: 6px;
			&:last-child {
			margin-right: 0;
			}
			}
			.grid-content > .el-icon-close {
			font-size: 35px;
			cursor: pointer;
			color: rgb(222, 130, 105);
			font-size: 30px;
			line-height: 40px;
			cursor: pointer;
			color: rgb(222, 130, 105);
			}
			.grid-content > .el-icon-close:hover{
			font-size: 38px;
			color: rgb(219, 52, 6);
			.grid-content > .el-icon-close:hover {
			font-size: 30px;
			color: rgb(219, 52, 6);
			}
			.grid-content > .el-select {
			width: 100%;
			width: 100%;
			}
			.grid-content > .el-switch {
			line-height: 40px;
			height: 40px;
			line-height: 40px;
			height: 40px;
			}
			.grid-content > .el-date-editor.el-input, .el-date-editor.el-input__inner{
			width: 100%;
			.grid-content > .el-date-editor.el-input, .el-date-editor.el-input__inner {
			width: 100%;
			}

			</style>
			</style>