From ed7a0e2d381e2e17d198f75114c5278573bdeaa1 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期一, 11 九月 2023 16:33:31 +0800 Subject: [PATCH] 集成日志搜索组件样式 --- Source/UBCS-WEB/src/views/docking/loge.vue | 60 ++++++++++++++++--- Source/UBCS-WEB/src/components/dockingSearch/VciDockingSearch.vue | 73 ++++++++++++++++++++++++ Source/UBCS-WEB/src/main.js | 2 3 files changed, 124 insertions(+), 11 deletions(-) diff --git a/Source/UBCS-WEB/src/components/dockingSearch/VciDockingSearch.vue b/Source/UBCS-WEB/src/components/dockingSearch/VciDockingSearch.vue new file mode 100644 index 0000000..82411d9 --- /dev/null +++ b/Source/UBCS-WEB/src/components/dockingSearch/VciDockingSearch.vue @@ -0,0 +1,73 @@ +<template> + <div style="display: flex" > + <el-form :inline="true" :model="formInline" class="demo-form-inline"> + <el-form-item label="绫诲瀷:" size="small"> + <el-select v-model="formInline.type" placeholder="璇疯緭鍏ョ被鍨�" @change="SelectChange"> + <el-option :label="item.label" :value="item.value" v-for="item in SearchObject.searchData" ></el-option> + </el-select> + </el-form-item> + <el-form-item v-if="typeFlag" size="small"> + <el-select v-model="formInline.check" placeholder="璇烽�夋嫨鍒嗙被"> + <el-option label="1" value="0"></el-option> + <el-option label="2" value="1"></el-option> + </el-select> + </el-form-item> + <el-form-item size="small" v-if="dateFlag"> + <el-date-picker + v-model="formInline.Date" + type="date" + placeholder="閫夋嫨鏃ユ湡鏃堕棿"> + </el-date-picker> + </el-form-item> + <el-form-item size="small" > + <el-input v-model="formInline.text" placeholder="璇疯緭鍏ュ唴瀹�" @keyup.enter.native="SaveHandler"></el-input> + </el-form-item> + </el-form> + </div> +</template> + +<script> +import {getList} from "@/api/docking/loge"; +export default { + name: "VciDockingSearch", + props:['SearchObject','page'], + data() { + return { + typeFlag:false, + dateFlag:false, + formInline:{ + type:'', + check:'', + text:'', + Date:'' + }, + } + }, + methods:{ + SelectChange(val){ + if(this.SearchObject.type === 'loge'){ + if(val === 5){ + this.typeFlag=true; + }else { + this.typeFlag=false; + } + if(val === 6){ + this.dateFlag=true; + }else { + this.dateFlag=false; + } + } + }, + SaveHandler(){ + let name = this.SearchObject.searchData[this.formInline.type].prop; + getList(this.page.currentPage, this.page.pageSize, {[name]: this.formInline.text}).then(res => { + console.log(res); + }); + } + } +} +</script> + +<style scoped> + +</style> diff --git a/Source/UBCS-WEB/src/main.js b/Source/UBCS-WEB/src/main.js index c409b2d..9f5eb67 100644 --- a/Source/UBCS-WEB/src/main.js +++ b/Source/UBCS-WEB/src/main.js @@ -54,6 +54,7 @@ import MasterTransfer from "@/components/Master/MasterTransfer"; import ThemeImport from "@/components/Theme/ThemeImport"; import maxSerialnumDialog from '@/components/code-dialog-page/maxSerialnumDialog' +import VciDockingSearch from '@/components/dockingSearch/VciDockingSearch' // 灏嗗伐鍏峰嚱鏁版坊鍔犲埌鍏ㄥ眬 import utilFunc from './util/func' Vue.prototype.$utilFunc = utilFunc @@ -108,6 +109,7 @@ Vue.component('MasterTransfer', MasterTransfer) Vue.component('ThemeImport', ThemeImport) Vue.component('maxSerialnumDialog', maxSerialnumDialog) +Vue.component('VciDockingSearch', VciDockingSearch) // 鍔犺浇鐩稿叧url鍦板潃 Object.keys(urls).forEach(key => { diff --git a/Source/UBCS-WEB/src/views/docking/loge.vue b/Source/UBCS-WEB/src/views/docking/loge.vue index 574dfaa..64d7cce 100644 --- a/Source/UBCS-WEB/src/views/docking/loge.vue +++ b/Source/UBCS-WEB/src/views/docking/loge.vue @@ -14,6 +14,9 @@ @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"> + <template slot-scope="scope" slot="menuLeft"> + <vci-docking-search :SearchObject="SearchObject" :page="page"></vci-docking-search> + </template> </avue-crud> </basic-container> </template> @@ -27,6 +30,51 @@ name: "loge", data(){ return { + SearchObject:{ + type:'loge', + searchData:[ + { + label:'鏁版嵁缂栫爜', + prop: "id", + value:0 + }, + { + label:'鍒嗙被浠e彿', + prop: 'classifyId', + value:1 + }, + { + label:'鍒嗙被鍚嶇О', + prop: 'classifyName', + value:2 + }, + { + label:'闆嗘垚绯荤粺缂栧彿', + prop: 'systemCode', + value:3 + }, + { + label:'闆嗘垚绯荤粺鍚嶇О', + prop: 'systemName', + value:4 + }, + { + label:'绫诲瀷', + prop: 'typeText', + value:5 + }, + { + label:'璁板綍鏃堕棿', + value:6, + prop: 'createTime', + }, + { + label:'鏄惁鎴愬姛', + prop: 'interfaceStatus', + value:7 + }, + ], + }, loading: false, query: {}, selectionList: [], @@ -41,7 +89,7 @@ calcHeight: 0, tip: false, searchShow: false, - searchMenuSpan: 6, + // searchMenuSpan: 12, border: true, index: true, viewBtn: true, @@ -52,14 +100,12 @@ { label: "鏁版嵁缂栫爜", prop: "id", - search: true, sortable:true, width:130 }, { label: "鍥惧彿", prop: "uniqueCode", - search: true, hide:true, sortable:true, width:150 @@ -67,7 +113,6 @@ { label: '鍒嗙被浠e彿', prop: 'classifyId', - search: true, sortable:true, overHidden:true, width: 150 @@ -75,7 +120,6 @@ { label: '鍒嗙被鍚嶇О', prop: 'classifyName', - search: true, sortable:true, overHidden: true, width: 140 @@ -83,21 +127,18 @@ { label: '闆嗘垚绯荤粺缂栧彿', prop: 'systemCode', - search: true, sortable:true, width: 130 }, { label: '闆嗘垚绯荤粺鍚嶇О', prop: 'systemName', - search: true, sortable:true, width: 150 }, { label: '绫诲瀷', prop: 'typeText', - search: true, sortable:true, width: 150 }, @@ -105,7 +146,6 @@ label:'鎺ュ彛鍙傛暟', prop:'paramString', overHidden:true, - search: true, sortable:true, width: 150 }, @@ -113,7 +153,6 @@ label:'杩斿洖鍙傛暟', prop:'returnString', overHidden:true, - search: true, sortable:true, width: 150 }, @@ -131,7 +170,6 @@ { label: '鏄惁鎴愬姛', prop: 'interfaceStatus', - search: true, sortable:true, width: 120, html:true, -- Gitblit v1.9.3