B08-表單

元件名稱：App_B08_01_PulldownListGroup

程式位置：B08/AppPulldownListGroup.vue

2 Row

主帳戶 001
證
子帳戶 01

1 Row

證
子帳戶 01

元件名稱：B08_01_SearchBar

程式位置：B08/SearchBar.vue

小板顯示取消按鍵、大板不顯示

當前輸入值:

元件名稱：B08_02_PickButtonSet

程式位置：B08/PickButtonSet.vue

每月扣款日期 (可複選)

元件名稱：App_B08_02_FilterBar_LoadingSet

程式位置：B08/AppFilterBarLoadingSet.vue

預設不顯示搜尋及更新狀態

更新時間
2025/08/17 00:00:00

顯示搜尋

更新時間
2025/08/17 00:00:00

顯示搜尋及更新狀態

更新時間
0000/00/00 00:00:00

元件名稱：B08_04_FilterList

程式位置：B08/FilterList.vue

篩選清單

篩選清單

元件名稱：B08_05_Checkbox

程式位置：B08/Checkbox.vue

配息
這是描述文字區域
配息
這是描述文字區域

元件名稱：B08_06_PulldownListSquare

程式位置：B08/PulldownListSquare.vue

財
財-920R-0190XXXX

元件名稱：B08_07_TextInput_Display

程式位置：B08/TextInputDisplay.vue

基本使用示例
內容內容內容
這是描述文字區域

元件名稱：B08_07_TextInput_Text

程式位置：B08/TextInput.vue

基本使用示例

基本使用示例
這是描述文字區域

當前輸入值:

錯誤文字示範

錯誤文字示範
這是錯誤訊息描述 錯誤連結
這是描述錯誤的文字區域

當前輸入值: 先來個預設值

元件名稱：B08_07_TextInput_Amount

程式位置：B08/TextInputAmount.vue

基本使用示例 (type: Default)

基本使用示例
TWD
這是描述文字區域

當前輸入值:

錯誤狀態示例

錯誤狀態示例
USD
這是錯誤訊息描述 錯誤連結
這是描述錯誤的文字區域

當前輸入值: 1000

帶有加減按鈕的示例 (type: +-)

帶有加減按鈕的示例
TWD
點擊按鈕可增加或減少金額

當前輸入值: 5000

帶有限制最大100000最小1500的示例，限制小數點

帶有限制最大100000最小1500的示例，限制小數點
TWD
金額必須在 1500 到 100000 之間 相關連結
點擊按鈕可增加或減少金額

當前輸入值: 100090

輸入％數 (type: %，add)

輸入％數
%
點擊按鈕可增加或減少金額

當前輸入值: 92

輸入％數 (type: %，minus)

輸入％數
%
點擊按鈕可增加或減少金額

當前輸入值: 0

元件名稱：B08_08_TextPicker

程式位置：B08/TextPicker.vue

基本使用示例（Popup 選擇器）

輸入框標題
picker 選項 1
這是描述文字區域

日曆選擇器

每月轉入日期
請選擇
附屬說明文字

當前選擇日期: []

元件名稱：B08_08_TextPicker_Currency

程式位置：B08/TextPickerCurrency.vue

基本使用示例

不一定要填的標題
EUR歐元
1000
這是描述文字區域

預設為境外，此範例設定境內

預設為境外，此範例設定境內
TWD臺幣
1000

不可選擇幣別

不可選擇幣別
TWD臺幣
1000

元件名稱：B08_09_RadioButtonSet

程式位置：B08/RadioButtonSet.vue

輸入框標題

當前選取值: domestic

元件名稱：B08_010_Cost

程式位置：B08/Cost.vue

扣款總計
TWD 1,234.56
含 0.42% 手續費
年繳保費
USD 567.89
含 0.42% 手續費

元件名稱：B08_11_CommendProductList

程式位置：B08/CommendProductList.vue

有效期限至 2025/12/31
  • 基金
    0164 野村動態配置多重資產基金(USD)(月配)(配現)
  • 申購
    0164 野村動態配置多重資產基金(USD)(月配)(配現)
  • 基金
    0164 野村動態配置多重資產基金(USD)(月配)(配現)
  • 申購
    0164 野村動態配置多重資產基金(USD)(月配)(配現)
收起明細

元件名稱：B08_11_CommendProductContainer

程式位置：B08/CommendProductContainer.vue

配息
有效期限至 2025/12/31
  • 基金名稱
    TWD
    安聯收益成長基金-新臺幣A類型
    100,000
  • 投資金額
    TWD
    50,000
  • 手續費
    TWD
    1.5%
    750
查看明細
累積
有效期限至 2025/06/30
  • 基金名稱
    USD
    富蘭克林華美新興趨勢傘型基金
    75,000
  • 投資金額
    USD
    30,000
  • 手續費
    USD
    2.0%
    600
  • 基金資訊
  • 基金代碼
    LU0348926287
  • 風險等級
    RR4
  • 基金公司
    安聯投信
  • 投資區域
    全球
收起明細
配息
有效期限至 2025/09/15
  • 基金名稱
    TWD
    元大台灣50ETF
    200,000
  • 投資金額
    TWD
    80,000
  • 手續費
    TWD
    0.5%
    400
查看明細

元件名稱：B08_12_IdInfo

程式位置：B08/IdInfo.vue

開戶資料

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABQCAYAAABh05mTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKFSURBVHgB7dy9a1NRHMbx58bqUsEMgqBQK9Whi42LgmC5g2+bVNBJ5VpxcErVPyDJ7NJMbjXVUTC6SVowKLgJ1aVLiqmLLTgENB2k5njP9aXpWzg355fQ5jwfCIHklKZfzsm99zQEICIiIiKypCb8pLozmgatkzAdqAPiu3oDhUk1PpoB/eeZDFoLqFJND2e9qbc5kOFM3BxQy3JG/mEWUalX2zyxCDJbzlo467LhXdPMU7e9qXcFUDw6ZHhTavxcAGqfuuunQERERJ1jfJ4YOV/0gUa4AeEl0bNULbwGyWN2rGz6E+YRLxcHsdr4DFd4v05h5vqcyVDjXZwwYACXqD2+6VDziO4xfstiRAGMKKAPAvyRg7hy9jCS/ftQq/9EvlhBdWkF3ZYaOoD02Anj8fq13n/8CbasI2ZuDSN7c3jdYxNXjyN49AHTpe5uNyb370VwacB4fHV5RSSi1XLWM3BjwH8m752M/igXWEVMhzNuO9GsuHAULrCKqN8DWxkZ6uELmyZWEfUbcyuLy3W4wCpi/kWl5fOFkhv/x7I6Opc/fkPu2TwyWxxcck/no6NfN9V+rMb6nVKnYdanOFkda6keniceiQ4m+oVNz1SjwN02t1DDsRuv0W0iJ9uF0pfo5ipe9glgRAGMKIARBTCiAEYUwIgCGFEAIwpgRAGMKIARBTCigLZ3cYKLAxg81I9O0FtaL99/xW7RdkSXt7424nIW0NHlvNuWZbu4nAVwOQuIE7EG2pJ5RC9Rhkv6EgXToTE/+P7cD7s78MH3Rh6z18ogIiIi6g2nHyzE/oYVXvY1OfOw8sTzVICYGPEvHTC8C9AGRoRdQM35iLYBiYiIiIiIdrbfKLe6zlU87oYAAAAASUVORK5CYII=

流川楓

920R-0190XXXX

元件名稱：B08_12_IdBankAccount

程式位置：B08/IdBankAccount.vue

img

20002889492

凱基證券大直分公司

元件名稱：App_B08_03_FilterBar

程式位置：B08/AppFilterBar.vue

預設不顯示篩選按鈕及搜尋

顯示篩選按鈕，並演示第一項只有單純 open (item 加上 isOnlyOpen: true)，並可使用 @open

顯示篩選按鈕且資料項目除了第一項之外為 true (有 filter 狀態)

顯示搜尋