From 4a2835ddadb796c69f180097b95f971dbab4687d Mon Sep 17 00:00:00 2001 From: ludc Date: 星期三, 13 九月 2023 09:09:14 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/UBCS-WEB/src/components/dockingSearch/VciDockingSearch.vue | 133 ++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 133 insertions(+), 0 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..652907c --- /dev/null +++ b/Source/UBCS-WEB/src/components/dockingSearch/VciDockingSearch.vue @@ -0,0 +1,133 @@ +<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" :key="item.value" v-for="(item,index) in SearchObject.searchData"></el-option> + </el-select> + </el-form-item> +<!-- 闆嗘垚鏃ュ織 鏄惁鎴愬姛--> + <el-form-item v-if="(status.type == 'loge' && status.stateFlag)" size="small"> + <el-select v-model="formInline.state" placeholder="璇烽�夋嫨鐘舵��"> + <el-option label="鏄�" value="true"></el-option> + <el-option label="鍚�" value="false"></el-option> + </el-select> + </el-form-item> +<!-- 闆嗘垚鏃ュ織绫诲瀷--> + <el-form-item v-if="(status.type == 'loge' && status.typeFlag)" size="small"> + <el-select v-model="formInline.cut" placeholder="璇烽�夋嫨绫诲瀷"> + <el-option label="鏁版嵁鎺ㄩ��" value="pushData"></el-option> + <el-option label="鍒嗙被鎺ㄩ��" value="pushClassifyData"></el-option> + <el-option label="缂栫爜鐢宠" value="applyCode"></el-option> + <el-option label="缂栫爜缁存姢" value="syncEditData"></el-option> + <el-option label="鍒嗙被鏌ヨ" value="queryClassify"></el-option> + <el-option label="鍚紪鐮佽鍒欑殑鍒嗙被鏌ヨ" value="queryClassifyRule"></el-option> + <el-option label="鏁版嵁鏌ヨ" value="queryData"></el-option> + </el-select> + </el-form-item> +<!-- 闆嗘垚浠诲姟 鏄惁鎺ㄩ�佹垚鍔� 闆嗘垚鏁版嵁 鏄惁鍒嗚В浠诲姟--> + <el-form-item v-if="((status.type == 'task' || status.type == 'data')&& status.stateTaskDataFlag)" size="small"> + <el-select v-model="formInline.stateTask" placeholder="璇烽�夋嫨鐘舵��"> + <el-option label="鏄�" value="true"></el-option> + <el-option label="鍚�" value="false"></el-option> + </el-select> + </el-form-item> +<!-- 闆嗘垚浠诲姟 闆嗘垚鏁版嵁 鎺ㄩ�佺被鍨�--> + <el-form-item v-if="((status.type === 'task' || status.type === 'data') && status.sendTypeFlga)" size="small"> + <el-select v-model="formInline.taskCut" placeholder="璇烽�夋嫨鎺ㄩ�佺被鍨�"> + <el-option label="鍙戝竷" value="Enabled"></el-option> + <el-option label="鍥炴敹" value="TakeBack"></el-option> + <el-option label="鍋滅敤" value="Disabled"></el-option> + </el-select> + </el-form-item> +<!-- 闆嗘垚浠诲姟 鍒涘缓鏃ユ湡 闆嗘垚鏃ュ織 璁板綍鏃堕棿--> + <el-form-item size="small" v-if="((status.type == 'loge' ||status.type == 'task') && status.dateFlag)"> + <el-date-picker + v-model="formInline.Date" + type="date" + placeholder="閫夋嫨鏃ユ湡鏃堕棿"> + </el-date-picker> + </el-form-item> +<!-- 闆嗘垚浠诲姟 鏈�鍚庢帹閫佹椂闂�--> + <el-form-item size="small" v-if="status.type == 'task' && status.lastDateFlag"> + <el-date-picker + v-model="formInline.lastDate" + type="date" + placeholder="閫夋嫨鏃ユ湡鏃堕棿"> + </el-date-picker> + </el-form-item> +<!-- 鍏敤妯″潡--> +<!-- 杈撳叆鍐呭--> + <el-form-item size="small" v-if="shouldShowInput"> + <el-input v-model="formInline.text" placeholder="璇疯緭鍏ュ唴瀹�" @keyup.enter.native="SaveHandler"></el-input> + </el-form-item> +<!-- 鏌ヨ鎸夐挳--> + <el-form-item size="small" v-if="shouldShowButton"> + <el-button type="success" size="small" @click="handleSearch">鏌ヨ</el-button> + </el-form-item> + </el-form> + </div> +</template> + +<script> +import {getList} from "@/api/docking/loge"; +export default { + name: "VciDockingSearch", + props:['SearchObject','page','formInline','status'], + data() { + return { + } + }, + computed: { + //杈撳叆妗嗗垽鏂� + shouldShowInput() { + const isLogeType = this.status.type === 'loge'; + const isTaskType = this.status.type === 'task'; + const isDataType = this.status.type === 'data'; + return ( + (isLogeType && !this.status.stateFlag && !this.status.dateFlag && !this.status.typeFlag) || + (isTaskType && !this.status.stateTaskDataFlag && !this.status.dateFlag && !this.status.lastDateFlag && !this.status.sendTypeFlga) || + (isDataType && !this.status.stateTaskDataFlag && !this.status.sendTypeFlga) + ); + }, + //鎸夐挳鍒ゆ柇 + shouldShowButton() { + const isLogeType = this.status.type === 'loge'; + const isTaskType = this.status.type === 'task'; + const isDataType = this.status.type === 'data'; + return( + (isLogeType && (this.status.dateFlag || this.status.stateFlag || this.status.typeFlag)) || + (isTaskType && (this.status.stateTaskDataFlag || this.status.dateFlag || this.status.lastDateFlag || this.status.sendTypeFlga)) || + (isDataType && (this.status.stateTaskDataFlag || this.status.sendTypeFlga)) + ); + } + }, + methods:{ + SelectChange(val) { + const logeType = this.status.type === 'loge'; + const taskType = this.status.type === 'task'; + const dataType = this.status.type === 'data'; + this.status.typeFlag = logeType && val === 5; + this.status.dateFlag = (logeType && val === 6) || (taskType && val === 6); + this.status.stateFlag = logeType && val === 7; + this.status.lastDateFlag = taskType && val === 7; + this.status.stateTaskDataFlag = (taskType && val === 8) || (dataType && val === 4); + this.status.sendTypeFlga = (taskType && val === 5) || (dataType && val === 3); + }, + SaveHandler(){ + let name = this.SearchObject.searchData[this.formInline.type].prop; + getList(this.page.currentPage, this.page.pageSize, { [`conditionMap['${name}_like']`]: this.formInline.text}).then(res => { + console.log(res); + }); + }, + handleSearch(){ + let formattedDate = this.$moment(this.formInline.Date).format('YYYY-M-D'); + console.log('formattedDate',formattedDate); + } + } +} +</script> + +<style lang="scss" scoped> +</style> -- Gitblit v1.9.3