| | |
| | | 3、用户输入的值会以conditionMap[field]的格式拼接好进行回传,然后就需要使用的地方自行进行查询的调用; |
| | | --> |
| | | <template> |
| | | <el-dialog |
| | | <el-dialog |
| | | title="高级查询" |
| | | append-to-body |
| | | width="55vw" |
| | |
| | | @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" |
| | |
| | | </div> |
| | | <!-- 页面主体内容区域 --> |
| | | <div class="search-content"> |
| | | <el-row |
| | | <el-row |
| | | v-for="(item,index) in initOptions" |
| | | :key="item.queryField" |
| | | :span="24"> |
| | |
| | | <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> |
| | |
| | | label: "不等于", |
| | | },{ |
| | | value: "_ge", //大于,默认为大于等于 |
| | | label: "大于", |
| | | label: "大于", |
| | | },{ |
| | | value: "_le", //小于,默认为小于等于 |
| | | label: "小于", |
| | |
| | | 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 { |
| | |
| | | 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"), |
| | |
| | | |
| | | /** 为参照类型时值选择之后的处理 */ |
| | | 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); |
| | | }, |
| | | |
| | | // 属性切换时查询条件和查询值也需要对输入框进行切换 |
| | |
| | | // }, |
| | | |
| | | // 移除搜索框 |
| | | |
| | | |
| | | removeInput(index){ |
| | | //console.log(this.initOptions); |
| | | this.$delete(this.initOptions,index); |
| | |
| | | console.log(condtionParam); |
| | | this.$emit('echoContion',condtionParam) |
| | | this.isShowDialog = false; |
| | | }, |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | |
| | | min-height: 70vh; |
| | | // margin-left: 35px; |
| | | margin-top: -8px; |
| | | overflow-y: auto; |
| | | overflow-y: auto; |
| | | height: 70vh; |
| | | } |
| | | .dialog-search-button { |
| | |
| | | width: 100%; |
| | | } |
| | | |
| | | </style> |
| | | </style> |
| | |
| | | return this.pushTypeList[d.pushType] |
| | | } |
| | | }, { |
| | | label: '系统名称', |
| | | prop: 'sysBaseName', |
| | | label: '系统编号', |
| | | prop: 'id', |
| | | sortable: true, |
| | | width: 150 |
| | | }, { |
| | | label: '系统编号', |
| | | prop: 'sysBaseId', |
| | | label: '系统名称', |
| | | prop: 'name', |
| | | sortable: true, |
| | | width: 150 |
| | | }, { |
| | |
| | | formatter:function (d){ |
| | | return this.returnTypeList[d.returnType] |
| | | } |
| | | }, { |
| | | label: '系统描述', |
| | | prop: 'description', |
| | | width: 150 |
| | | }] |
| | | }, |
| | | // 高级查询对话框相关参数 |
| | |
| | | }, |
| | | ENABLE(row,index){ |
| | | //启用 |
| | | this.updateStatus("enable"); |
| | | this.updateStatus(row,"enable"); |
| | | }, |
| | | DISABLE(row,index){ |
| | | //停用 |
| | | this.updateStatus("disable"); |
| | | this.updateStatus(row,"disable"); |
| | | }, |
| | | updateStatus(able){ |
| | | updateStatus(selectRow,able){ |
| | | var that = this; |
| | | var paramTemp = { |
| | | update:able, |
| | | oid:this.selectRow.oid, |
| | | ts:this.selectRow.ts |
| | | oid:selectRow.oid, |
| | | ts:selectRow.ts |
| | | }; |
| | | this.$confirm("是否要"+(able == "enbale" ? "启用" : (able == "disable" ? "停用": "发布")) +"这条数据?", { |
| | | confirmButtonText: "确定", |
| | |
| | | type: "success", |
| | | message:(able == "enbale" ? "启用成功" : (able == "disable" ? "停用成功": "发布成功")) |
| | | }); |
| | | this.$refs.crud.toggleSelection(); |
| | | }); |
| | | }, |
| | | PUSH(){ |
| | |
| | | this.loading = true; |
| | | getList(this.page.currentPage, this.page.pageSize, Object.assign(params, this.query)).then(res => { |
| | | const data = res.data.data; |
| | | debugger; |
| | | this.page.total = data.total; |
| | | this.data = data.records; |
| | | this.loading = false; |
| | | this.data = res.data.data.records; |
| | | }); |
| | | }, |
| | | rowClick(row) { |
| | |
| | | } |
| | | }, |
| | | openAdvancedQuery(){ |
| | | this.advancedQueryParam.options = [ |
| | | { |
| | | data: [], |
| | | title: '编号', |
| | | fieldType: 'text', |
| | | queryField: 'id', |
| | | },{ |
| | | data: [], |
| | | title: '名称', |
| | | fieldType: 'text', |
| | | queryField: 'name', |
| | | },{ |
| | | data: [], |
| | | title: '描述', |
| | | fieldType: 'text', |
| | | queryField: 'description', |
| | | },{ |
| | | data: [ |
| | | // { |
| | | // key: '编辑中', |
| | | // value: 'Editing', |
| | | // }, |
| | | // { |
| | | // key: '已发布', |
| | | // value: 'Released', |
| | | // }, |
| | | // { |
| | | // key: '停用', |
| | | // value: 'Disabled', |
| | | // }, |
| | | ], |
| | | title: '状态', |
| | | fieldType: 'combox', |
| | | queryField: 'lcStatus', |
| | | comboxKey: 'codeSearchLCStatus', |
| | | }, |
| | | ] |
| | | this.advancedQueryParam.options = [{ |
| | | data: this.pushTypeList, |
| | | title: '推送类型', |
| | | queryField: 'pushType', |
| | | fieldType: 'combox', |
| | | comboxKey: 'searchPushType' |
| | | }, { |
| | | title: '系统名称', |
| | | queryField: 'sysBaseName', |
| | | fieldType: 'text' |
| | | }, { |
| | | title: '系统编号', |
| | | queryField: 'sysBaseId', |
| | | fieldType: 'text' |
| | | }, { |
| | | title: '接口函数', |
| | | queryField: 'interfaceFunction', |
| | | fieldType: 'text' |
| | | }, { |
| | | title: '命名空间', |
| | | queryField: 'nameSpace', |
| | | fieldType: 'text' |
| | | }, { |
| | | title: 'soapAction', |
| | | queryField: 'soapAction', |
| | | fieldType: 'text' |
| | | }, { |
| | | title: '参数名称', |
| | | queryField: 'targName', |
| | | fieldType: 'text' |
| | | }, { |
| | | title: '调用方式', |
| | | queryField: 'cxfaxis', |
| | | fieldType: 'text' |
| | | }, { |
| | | title: '请求地址', |
| | | queryField: 'requestUrl', |
| | | fieldType: 'text' |
| | | }, { |
| | | title: '参数类型', |
| | | queryField: 'paramType', |
| | | fieldType: 'combox', |
| | | comboxKey: 'searchparamType', |
| | | data:this.paramTypeList |
| | | }, { |
| | | title: '返回值类型', |
| | | queryField: 'returnType', |
| | | fieldType: 'combox', |
| | | comboxKey: 'searchreturnType', |
| | | data:this.returnTypeList |
| | | }] |
| | | |
| | | this.advancedQueryParam.currentOpen = 'info'; |
| | | this.advancedQueryParam.advancedQuerySettingBox = true; |
| | |
| | | <el-form-item v-if="formData.pushType=='7'" label="是否查询集团码" prop="isGroupCodeFlag"> |
| | | <el-switch v-model="formData.isGroupCodeFlag" ></el-switch> |
| | | </el-form-item> |
| | | <el-form-item label="系统描述" style="width: 850px;"> |
| | | <el-form-item label="系统描述" style="width: 850px;" prop="description"> |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 5}" v-model="formData.description" style="width: 740px;"></el-input> |
| | | </el-form-item> |
| | | <el-form-item v-if="formData.interfaceType=='http'" label="请求方式" prop="requestMethod"> |