---
# System prepended metadata

title: 個人信託靜態頁面補齊

---

# 個人信託靜態頁面補齊

網頁連結
[合庫財產信託管理系統](http://172.16.12.87:8080/trustTCBankS/)
個人(帳號TRD/密碼TRD)

[合庫不動產信託管理系統](http://172.16.12.87:8080/ereTCBankS/)
不動產(帳號TRD/密碼TRD)

[玉山保管系統的環境](http://172.17.15.102/esun-dev/)
(帳號USER0212/密碼USER0212)


[台中商銀不動產信託管理系統](http://172.16.12.82:8080/ereTCBankS/)
不動產(帳號TRD/密碼TRD)

### 報表放置位置

svn://172.17.15.101/doc/DD/初期開發資料/畫面說明(保銀玉山版先補信託功能)

svn://172.17.15.101/doc/DD/初期開發資料/畫面說明(保銀玉山版先補信託功能)/UC/個人信託新增功能

\\172.16.15.28\iso_bu5\備份用資料夾\1.程式規格書\AMSLIB(WEB介面公版_個人)\4.靜態頁面

svn://172.17.15.101/doc/GD/初期開發資料/畫面說明(保銀玉山版先補不動產功能)

TRD/TRD
### 控管表

[個人信託靜態頁面補齊Excel](https://docs.google.com/spreadsheets/d/1hkeid2XGreHSFLwcvIAhpCOZNuGXJwwtZpCBqZOYzCw/edit#gid=902417487)

會壓上完成日期，完成後請填寫實際完成日，這個後面的長官會看時間，一旦你無法完成或是手上有功課需要提前告知我

### 大家提問的
1. 輸入框 不用去設定可敲入的大小，但輸入框的SIZE請依照頁面上的大小，如果沒有就自行判斷約莫SIZE="12" 或大概的大小 之類的
2. List頁面 搜尋條件 可以為空，VALUE=""
3. 右鍵檢查看到實作上 有寫hidden 可以不用理它
4. 下拉選單 可以使用檢查找到select右鍵複製，不要浪費時間一個一個打字
5. 遇到 下拉選單 依照公式 欄位值-欄位名稱
    欄位值可能是1、2、3 或 A、B、C
    列外可能 下拉幣別
6. 放大鏡 只要有那個放大鏡的圖 ，不用做成連動開視窗
7. 每個HTML 上面有JS 或是 $(document).ready(function()
    都不用去管它，只要頁面上的畫面正常顯示就好了
8. 頁面上的按鈕AMP3SA (可參考AMP176
9. 編輯頁面遇到兩個大框框的，背景顏色按照規則白灰相間，搜尋條件也是如此
10. 字體會有變色的狀況，目前只有"欄位的名稱"且"必填"的狀況會變成橘色，其餘字體一律黑色
11. 遇到搜尋頁面會有跑掉的狀況，在最後一行加上空白的<th><td>
12. 頁面需要下面有滾輪的，請參考TMPGHS 的 EDIT頁面，針對EDIT.HTML差異按右鍵TortoiseSVN 的 SHOW LOG ，點擊下列 REVISION 173712 版本，再點擊下列的HTML即可看出差異
 ![image.png](https://hackmd.io/_uploads/ByfugCFmp.png)


### 範本參考

* 單筆維護(可參考AMP176 
* 多筆維護(可參考AMP102、AMP401 
* 處理(可參考AMP406 

---
### 安裝工具
* notepad++
* svn工具
\\172.17.15.102\工具區\新人環境建置_公版

## 頁面定義
### LIST頁面(搜尋頁面，可參考AMP401
![image.png](https://hackmd.io/_uploads/rJLcQNLQT.png)

### EDIT頁面(編輯頁面，可參考AMP401
![image.png](https://hackmd.io/_uploads/HkcsQV8X6.png)
#### 單筆維護(編輯頁面，可參考AMPL03
![image.png](https://hackmd.io/_uploads/S18JHNIQT.png)
#### 多筆維護(編輯頁面，可參考AMP1S5
![image.png](https://hackmd.io/_uploads/ryYqr48ma.png)
#### 處理(處理頁面可參考AMP406
![image.png](https://hackmd.io/_uploads/rk2ZLV8mp.png)
#### 報表(可參考AMR471 、保管AMRPT03001
![image](https://hackmd.io/_uploads/Bkl837ima.png)

#### 多筆維護preEdit(可參考AMP4032
![image.png](https://hackmd.io/_uploads/SyYM37iXp.png)
![image.png](https://hackmd.io/_uploads/H1dQnQs76.png)

## 靜態樣張
### 欄位規範(針對List頁面)
* 文字 一律靠左
* 日期 一律置中
* 數字(金額、xx率) 一律靠右，遇到金額請使用會計規則千分位(EX:3,500.00、4,678,900
### 欄位規範(針對List、Edit頁面)
* 背景顏色 一律間隔 ODD 奇數(白) EVEN 偶數(灰)
    * bgcolor="#F8F8F8"
* 下拉選單(AMP3SE)
    * 必填 第一欄 ---請選擇---
    ![image.png](https://hackmd.io/_uploads/H16MoQLQp.png)
    * 非必填 第一欄 空白
   ![image.png](https://hackmd.io/_uploads/SkhNoQUm6.png)
### LIST頁面(搜尋結果，按下搜尋後下列呈現多筆的資料
* 修改 查詢 複製 刪除
![image.png](https://hackmd.io/_uploads/HJoqt4Ima.png)
* 欄位寬度

| 欄位名稱 | 寬度 |
| -------- | -------- |
| SN | 30 | 
| 契約編號 | 120 | 
| 契約簡稱 | 130 |
| 日期    | 110 | 

### EDIT頁面
* tr 裡面會分成 20% 30% 20% 30%
    
    
### 細節規範
* 日期欄位 size 一律修正為 size="10"
* List頁面
    * 搜尋鈕 + 新增鈕 + 螢幕列印鈕(for單、多筆維護
    * 搜尋鈕 + 處理鈕 + 螢幕列印鈕(for處理
    * 下列多筆資料呈現的操作(for實作工能有"操作"欄位
        * 修改鈕 查詢鈕 複製鈕 刪除鈕
* Edit頁面
    * 多筆維護
        * 新增一行鈕 + 全部刪除鈕
        * 下列多筆資料呈現的操作
        * 刪除鈕
    * 最後一列
        * 確定鈕 + 螢幕列印鈕 + 關閉視窗鈕
* PREEDIT
    * 下一步鈕 + 螢幕列印鈕 + 刪除鈕
    * 參考 畫面說明(保銀玉山版先補信託功能)\UC\資產運用\AMDAL01001買進成交資料維護－股票\edit_切割畫面1.html
* LIST頁面搜尋條件 白灰相間(奇數(白)  偶數(灰)
* 有radio button 鈕不要兩顆都可以按

---
## 個人 保管 差異
### 必填欄位
* <font color="#f00">個人</font> * + RED
![image.png](https://hackmd.io/_uploads/ryLx_CBQp.png)
* <font color="#f00">保管</font> * + ORANGE 
    *  只需要在td上加上class="required"，且文字前 加*
![image.png](https://hackmd.io/_uploads/H1RZdRH7T.png)

### 欄位+欄位名稱
* <font color="#f00">個人</font> 給付幣別 TWD臺幣(AMP4031)
![image.png](https://hackmd.io/_uploads/SkewdRSX6.png)
* <font color="#f00">保管</font> 給付幣別 TWD-新台幣
![image.png](https://hackmd.io/_uploads/r1BqOAHQp.png)

### 起訖
* <font color="#f00">個人</font> 特定日 : 輸入框 起 ~ 輸入框 迄 (AMP4032)
![image.png](https://hackmd.io/_uploads/Skf3dRr7T.png)
* <font color="#f00">保管</font> 特定日 起訖 : 輸入框 ~ 輸入框
![image.png](https://hackmd.io/_uploads/S1myKCHXp.png)

---
* <font color="#f00">個人</font> 受益期間起迄 : 輸入框 ~ 輸入框 (AMP4194)
* <font color="#f00">保管</font> 受益期間 起訖 : 輸入框 ~ 輸入框

### 項目、方式
* <font color="#f00">個人</font> 給付方式：2：比例基數 (AMP4033)
![image.png](https://hackmd.io/_uploads/SJ1tqQ8Xa.png)
* <font color="#f00">保管</font> 給付方式：2-比例基數
![image.png](https://hackmd.io/_uploads/Skz6oQ876.png)

---
* <font color="#f00">個人</font> 受益權可否行使：Y：可行使(AMP4033)
![image.png](https://hackmd.io/_uploads/Syf3qQL7T.png)
* <font color="#f00">保管</font> 受益權可否行使：Y-可行使
![image.png](https://hackmd.io/_uploads/BJpAjXUmT.png)

### 顯示
AMP404 新增 欄位[第一期管理費依比例計算] 選擇 是 否
查詢 顯示[第一期管理費依比例計算] N

AMP554 新增 欄位[是否有效] 選擇 Y N
![image.png](https://hackmd.io/_uploads/BJ9q6QUmp.png)

顯示一致且會是呈現中文

### 合理判斷
* AMP4031Z 新增 欄位[受益權可否行使] 使用下拉選單 應為 單選按鈕
* AMP4033Z 新增 欄位[給付項目] 使用下拉選單 欄位值 9 : 信託收益 應為 9-信託收益 ; A : 信託本金 應為 A-信託本金
* AMP244Z 新增 欄位[計息方式] 使用單選按鈕 應為 使用下拉選單
* AMP1S5 欄位[總金額] LIST EDIT 小數點位數應一致
* AMP2SJ 欄位[手續費負擔別] 應該為 欄位[手續費]、[負擔別]


### 下拉式選單不要用打的
* 按下F12或是頁面上右鍵檢查
* 選到對應的SELECT
* 右鍵 > 複製 >複製項目

## 增加至目錄
* 增加前先更新(svn update，避免發生衝突
* 位置:畫面說明(保銀玉山版先補信託功能)/Apps/index.html
* 送交時一樣 輸入"功能代碼"
* 不用排序沒有關係，但有遇到不動產麻煩協助分開
![image.png](https://hackmd.io/_uploads/By8DwVLQT.png)
* 目錄顯示，檢查是否有該功能
![image.png](https://hackmd.io/_uploads/HJeVPVIXT.png)

### 完成後需要送交
* svn commit
送交的帳號密碼
frank=frank
sara=sara
peiyu=peiyu
rayChen=rayChen
peggy=peggy


* 回到 這層 "個人信託新增功能" 資料夾 輸入"功能代碼"
![image.png](https://hackmd.io/_uploads/ryNbEIv7p.png)

* 上傳後需要去INDEX.HTML 上面輸入"功能代碼"，檢查是否能連動起來

* 右上角選擇設定 --> 左邊"預設遊覽器" 
  將 "允許在 Internet Explorer 模式中重新載入網站(IE 模式) -->允許
  重新啟動網頁
  
![網頁擷取_7-11-2023_17046_settings.jpeg](https://hackmd.io/_uploads/rJBlpdPma.jpg)


* 右上角選擇用IE模式打開
![image.png](https://hackmd.io/_uploads/SkSgiEPmp.png)

### 遇到送交衝突時

* 先對資料料夾 "Apps" 按右鍵TortoiseSVN 的 REVERT
* 再對資料料夾 "Apps" SVN Update
* 再commit你的index.html