From fe7a9db56d8062ffd5e3e86576e781dbba3b3ece Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 23 Nov 2023 11:16:33 +0800
Subject: [PATCH] 优化表单只读模式显示
---
plugins/filter/CFilter.vue | 32 ++++++++++++++++++++++++++------
1 files changed, 26 insertions(+), 6 deletions(-)
diff --git a/plugins/filter/CFilter.vue b/plugins/filter/CFilter.vue
index 9a7d937..5c680b3 100644
--- a/plugins/filter/CFilter.vue
+++ b/plugins/filter/CFilter.vue
@@ -4,7 +4,10 @@
*/
<template>
- <view class="c-filter">
+ <view
+ class="c-filter"
+ ref="filter"
+ >
<view
class="c-filter-bar"
v-if="bar"
@@ -64,6 +67,21 @@
:value="filterRes[item.name]"
:onChange="evt=>handleItemChange(item.name, evt)"
/>
+ <CFilterRadio
+ v-if="item.type==='radio'"
+ type="item"
+ :label="item.label"
+ :options="selectOptions[item.name] || []"
+ :value="filterRes[item.name]"
+ :onChange="evt=>handleItemChange(item.name, evt)"
+ />
+ <CFilterInput
+ v-if="item.type==='input'"
+ type="item"
+ :label="item.label"
+ :value="filterRes[item.name]"
+ :onChange="evt=>handleItemChange(item.name, evt)"
+ />
</view>
</scroll-view>
<view class="c-filter-drawer-btn">
@@ -89,6 +107,8 @@
import { CDrawer } from '@components/layout/drawer';
import CFilterSelect from './CFilterSelect';
import CFilterDateRange from './CFilterDateRange';
+import CFilterRadio from './CFilterRadio';
+import CFilterInput from './CFilterInput';
import './cFilter.scss';
export default {
@@ -98,6 +118,8 @@
AtButton,
CFilterSelect,
CFilterDateRange,
+ CFilterRadio,
+ CFilterInput,
CDrawer,
},
props: {
@@ -116,8 +138,6 @@
filterRes: this.filterData || {},
// 抽屉显示隐藏
drawerShow: false,
- // 抽屉内容显示隐藏(抽屉展开动画完成后再渲染表单，否则出现动画卡顿)
- // drawerDisplay: false,
// 面板项有已选
itemsFilled: false,
// 本次打开是否有改变
@@ -127,7 +147,6 @@
methods: {
handleOpen() {
this.drawerShow = true;
- // $(this.$refs.drawer).addClass('on');
},
handleBarChange(name, value) {
this.$set(this.filterRes, name, value);
@@ -171,7 +190,6 @@
this.onChange(this.filterRes);
},
handleFinish() {
- // $(this.$refs.drawer).removeClass('on');
this.drawerShow = false;
// 有项目改变时，发送变化
if (this.itemsChanged) {
@@ -180,6 +198,8 @@
}
},
},
- mounted() {},
+ mounted() {
+ $(this.$refs.filter).parent().css({ transform: 'translate(0,0);' });
+ },
};
</script>
--
Gitblit v1.9.1