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