2024年10月31日 星期四

V20304A – [工時提列]鈕 – 關閉子視窗, win1.close(); win1.destroy(); - window

 目的:V20304A – [工時提列]鈕 – 關閉子視窗, win1.close(); win1.destroy(); - window

處理說明: 1>關閉子視窗:
                       win1.close();
                       win1.destroy();
                         --> 兩行均需寫,
                                不然下次執行,子畫面會亂掉


1>*.js
          var Tmp_url = "../../api/V20304AAPI/UPDATE_AMM_AR_TLSAR";
            //取得挑選資料的 dt2JSON 字串 
            //getUrlStr : 必需傳回字串( dt.JSON字串) , 非 ds
            var rtn_Str = getUrlStr(Tmp_url, np, "工時提列");
            console.log("rtn_Str:", rtn_Str);
            if (checkRtnOK(rtn_Str)) {
                mysuccessalert(rtn_Str);                
                console.log("win1.closeAction:", win1.closeAction);
                win1.close();
                win1.destroy();   //必需寫 destroy() , 不然畫面會亂掉
            }
            else
                mywarnalert(rtn_Str);

2024年10月29日 星期二

V80403B – [物料]頁 – getMyForm – 產生新TabSheet - Tab

目的: V80403B – [物料] – getMyForm – 產生新TabSheet - Tab

處理說明: 1> getMyForm()
                            var Tmp_FM_V80403B=getMyForm("物料","tab_PN1", sub_V80403B_Flds, sub_V80403B_Btns, "A");   
                       Tmp_FM_V80403B.setWidth(800);
                       Tmp_FM_V80403B.setHeight(400);

                  2>新增 [物料] Tab子畫面
                       //[工時]Tab - 子畫面                  
                      var Tmp_FM_V80403A = Ext.create("Ext.form.Panel", {
                            title: '工時', id: 'tab_HR', cls: 'edit_BC', layout: { type: 'vbox', align: 'stretch' },
                            items: [Query1, DataPanel],
                      });
                      Ext.getCmp('TMSingleViewEdit').add(Tmp_FM_V80403A);
                      //[物料]Tab - 子畫面
                      var Tmp_FM_V80403B = CALL_V80403B();
                       Ext.getCmp('TMSingleViewEdit').add(Tmp_FM_V80403B);

                  3>CALL_V80403B()
                      function CALL_V80403B() {
                             //按鈕 : 無
                            var sub_V80403B_Btns = [ ];

                            // [物料]頁  - Grid子畫面欄位
                            var sub_model = [   ];
                            var sub_Columns = [   ];
                            var sub_V80403B_Grid = Ext.create('TMGrid', {   });
                            var sub_V80403B_Flds = [
                            {
                                  xtype: 'panel',
                                  id: 'sub_V80403B_panel',
                                  region: 'center',
                                  layout: 'fit',
                                  flex: 5,
                                  border: 1,
                                  items: [sub_V80403B_Grid]
                              },
                           ]; // end 
 


0>V80403.js
    //[工時]畫面
    var Tmp_FM_V80403A = Ext.create("Ext.form.Panel", {
        title: '工時', id: 'tab_HR', cls: 'edit_BC', layout: { type: 'vbox', align: 'stretch' },
        items: [Query1, DataPanel],
    });
    Ext.getCmp('TMSingleViewEdit').add(Tmp_FM_V80403A);
    //[物料]畫面
    var Tmp_FM_V80403B = CALL_V80403B();
    Ext.getCmp('TMSingleViewEdit').add(Tmp_FM_V80403B);


1>V80403B.js
  function CALL_V80403B() {
    console.log(" Call_V80403B  step1");

    //按鈕 : 無
    var sub_V80403B_Btns = [ ];

    // [物料]頁  - Grid子畫面欄位
    var sub_model = [
        //AMM_MATNRD
        { name: "PN1" },
        { name: "PN1NAME" },
        { name: "NSN" },
        { name: "SAPPN" },
        {  name: "NDQTY", convert: function (value, record) { return Ext.util.Format.round(value, 3); }        },
        { name: "UNIT" },
        { name: "DNOTE" },
        //AMM_FM
        { name: "OGONOAF" },
        { name: "PN" },
        { name: "SEQOAF" },
        { name: "C_NM" },
        { name: "ES_NM" },
        //AMM_SRO
        { name: "SAPNO" },
    ];

    var sub_Columns = [
        //AMM_MATNRD
        { header: "", xtype: "rownumberer", width: 50, align: "center", sortable: false },
        { header: "需求件號", dataIndex: "PN1", width: 320, sortable: false, TMType: "string" },
        { header: "需求件號名稱", dataIndex: "PN1NAME", width: 1000, sortable: false, TMType: "string" },
        { header: "料號", dataIndex: "NSN", width: 130, sortable: false, TMType: "string" },
        { header: "SAP件號", dataIndex: "SAPPN", width: 180, sortable: false, TMType: "string" },
        { header: "需求數量", dataIndex: "NDQTY", width: 60, sortable: false, align: "right", TMType: "float", renderer: Ext.util.Format.numberRenderer('000,000.00') },
        { header: "需求單位", dataIndex: "UNIT", width: 40, sortable: false, TMType: "string" },
        { header: "專案刪料原因", dataIndex: "DNOTE", width: 1500, sortable: false, TMType: "string" },
        //AMM_FM        
        { header: "拆檢提領編號", dataIndex: "OGONOAF", width: 400, sortable: false, TMType: "string" },
        { header: "件號", dataIndex: "PN", width: 320, sortable: false, TMType: "string" },
        { header: "序號", dataIndex: "SEQOAF", width: 300, sortable: false, TMType: "string" },
        { header: "中文名稱", dataIndex: "C_NM", width: 600, sortable: false, TMType: "string" },
        { header: "英文簡稱", dataIndex: "ES_NM", width: 150, sortable: false, TMType: "string" },
        //AMM_SRO 
        { header: "工號", dataIndex: "SAPNO", width: 120, sortable: false, TMType: "string" }
    ];

    
    console.log(" V80403B  step2");
    //子件明細 Grid
    var sub_V80403B_Grid = Ext.create('TMGrid', {
        grid_id: 'sub_V80403B_Grid',
        columns: sub_Columns,
        //autoScroll: true,
        flex: 1,
        store: Ext.create('gridstore', { model: sub_model }),
    });

    var Tmp_gridstore = Ext.getCmp("sub_V80403B_Grid").store;
    console.log("sub_V80403B_Grid:", sub_V80403B_Grid);   
    

    //2>目前所選資料的欄位值 
    //子畫面上方無Query
    var sub_V80403B_Flds = [
        {
            xtype: 'panel',
            id: 'sub_V80403B_panel',
            region: 'center',
            layout: 'fit',
            flex: 5,
            border: 1,
            items: [sub_V80403B_Grid]
        },
    ]; // end 
        

Ext.getCmp('sub_V80403B_Grid').store.on("load", function (me, records, successful, eOpts) {
        console.log("records:", records);
        if (successful) {
            console.log("Ext.getCmp('sub_V80403B_Grid').store", Ext.getCmp('sub_V80403B_Grid').store);
            console.log("Ext.getCmp('sub_V80403B_Grid').store.data", Ext.getCmp('sub_V80403B_Grid').store.data);
        }
    }
    );    

    console.log(" V80403B  step3");
var Tmp_FM_V80403B=getMyForm("物料","tab_PN1",sub_V80403B_Flds,sub_V80403B_Btns, "A");    
    Tmp_FM_V80403B.setWidth(800);
    Tmp_FM_V80403B.setHeight(400);
    return Tmp_FM_V80403B
    
};  // end of function Call_V80403B() {










2024年10月27日 星期日

V20304A-工時提列- 子畫面放至最大  win1.show(); win1.maximize(); - max

 目的:V20304A-工時提列- 子畫面放至最大 , win1.show();    win1.maximize();

處理說明: 1>win1.show();    //執行後, 才可執行 win1.maximize();

                  2> win1.maximize();




1>*.js

    win1.show();
    win1.maximize();



2024年10月22日 星期二

V80403- 單檔 – 1>隱藏[編輯]頁 2>新增[工時]頁 – TabSheet - TabPanel

 目的: V80403- 單檔 – 1>隱藏[編輯]   2>新增[工時] – TabSheet - TabPanel

處理說明:  1>//隱藏[編輯]頁 - 按鈕
                         Ext.getCmp('TMSingleViewEdit').setTabVisible(0, false);
                         TMSingleViewEdit.setTemplateBtnVisible(false);
                          Ext.getCmp('btn_add').setVisible(false);
                          Ext.getCmp('btn_edit').setVisible(false);
                          Ext.getCmp('btn_del').setVisible(false);
                   2>新增[工時]頁
                        var Tmp_FormObj = Ext.create("Ext.form.Panel", {
                                title: '工時', id: 'tab_HR', cls: 'edit_BC', layout: { type: 'vbox', align: 'stretch' },
                                 items: [Query1, DataPanel],
                        });
                       Ext.getCmp('TMSingleViewEdit').add(Tmp_FormObj);



1>*.js
      //隱藏[編輯]頁 - 按鈕
       Ext.getCmp('TMSingleViewEdit').setTabVisible(0, false);
       TMSingleViewEdit.setTemplateBtnVisible(false);

    //新增 [工時]頁
    console.log("0 Query1");
     var Query1 = new Ext.FormPanel({
        id: 's1_form', flex: 1,
        layout: { type: 'hbox', align: 'stretch' },
        fieldDefaults: { labelAlign: 'right' },
        defaults: { margin: { top: 3 } },
        height: 20,
        items: [   ...]


  var Tmp_FormObj = Ext.create("Ext.form.Panel", {
        title: '工時', id: 'tab_HR', cls: 'edit_BC', layout: { type: 'vbox', align: 'stretch' },
        items: [Query1, DataPanel],
    });
    Ext.getCmp('TMSingleViewEdit').add(Tmp_FormObj);

2024年10月21日 星期一

V80403 -CaluField 當成過濾條件 – 1>顯示全部資料,不分頁 2>分頁Bar隱藏 - timeout - onload - T1C

 目的:V80403 -CaluField 當成過濾條件 – 1>顯示全部資料,不分頁      2>分頁Bar隱藏

處理說明: 1>若勾選[V](TLS工場xxxx,則資料全取,不分頁
          // 若勾選[V](TLS工場報價總工時-ALS工場已報工工時)低於xx小時,則資料全取,不分頁
            DataSet ds = null;
            if ((Tmp_chk_LESSHR1 == "true") && (!myfunc.checkisnull(Tmp_chk_LESSHR2)))  
                ds = getDataTable(cmd, countSql,false,true);  
            else                ////資料分頁 , 30筆/頁
                ds = getDataTable(cmd, countSql, true, true);
            int Tmp_Cnt = ds.Tables["T1"].Rows.Count;
  
                 2>隱藏分頁Bar
                      Ext.getCmp('grid_ptb').hide();            
                 3>重設總筆數
                ds.Tables["T1"].AcceptChanges();
     ds.Tables["T1C"].Rows[0]["TOTAL"] = int.Parse(ds.Tables["T1C"].Rows[0]["TOTAL"].ToString()) - Tmp_DelCnt;



1>*.js
var Tmp_chk_LESSHR1 = Ext.getCmp('s_chk_LESSHR1').getValue();
var Tmp_chk_LESSHR2 = Ext.getCmp('s_chk_LESSHR2').getValue();
np["s_rd_AMMSTS"] = Ext.getCmp('s_rd_AMMSTS').getValue();
np["s_rd_LQTY"] = Ext.getCmp('s_rd_LQTY').getValue();
try {
var Tmp_Proc_Msg = "";
if (Tmp_chk_LESSHR1 == false)
      Tmp_Proc_Msg = '資料顯示中, 請稍候...<br>';
else
    if (!checkisnull(Tmp_chk_LESSHR2)) {
         Tmp_Proc_Msg = "資料顯示中, 請稍候...<br><br>"
                                    + "因勾選[V]TLS工場報價總工時...<br>"
                                    + "會顯示全部資料且不分頁<br>"
                                    +"處理時間約需1x分鐘<br><br>"
                                    +"敬請稍候!!";

//不顯示ToolBar - 分頁Bar
console.log("Ext.getCmp('grid_ptb'):", Ext.getCmp('grid_ptb'));
Ext.getCmp('grid_ptb').hide();
}
var Proc_Msg = new Ext.LoadMask(Ext.getCmp("s_PROCMSG"),
        { msg: Tmp_Proc_Msg, }
);

gridstore.getProxy().timeout = 1200000;
gridstore.getProxy().url = '../api/V80403API/getGridData_M';
gridstore.getProxy().extraParams = np; //分頁OK,篩選條件OK
console.log("1 reloadGridData - before");
Ext.getCmp('grid_Single').reloadGridData();
console.log("2 reloadGridData - after");
Ext.getCmp('grid_Single').store.on("load", function (me, records, successful, eOpts) {
Proc_Msg.hide(); //若顯示完成,則不再顯示訊息

});


2>*.cs
           // 若勾選勾選[V](TLS工場xxxx,則資料全取,不分頁
            DataSet ds = null;
            if ((Tmp_chk_LESSHR1 == "true") && (!myfunc.checkisnull(Tmp_chk_LESSHR2)))  
                ds = getDataTable(cmd, countSql,false,true);  
            else                ////資料分頁 , 30筆/頁
                ds = getDataTable(cmd, countSql, true, true);
            int Tmp_Cnt = ds.Tables["T1"].Rows.Count;


        dr["LQTY_CNT_"] = Tmp_LQTY_CNT_;
                dr["PN_CNT_"] = Tmp_PN_CNT_;
                dr["MEET_PERCENT_"] = Tmp_MEET_PERCENT_;
            }  // end of for (int i = 0; i < Tmp_Cnt; i++)

            //若 [V](TLS工場報價工時 - ALS工場已報工工時)  高於 [XX]小時, 則刪除
            int Tmp_DelCnt = 0;
            if ((Tmp_chk_LESSHR1 == "true")  && (!myfunc.checkisnull(Tmp_chk_LESSHR2)))
            {
                for (int i = 0; i < Tmp_Cnt; i++)
                {
                    if (i >= ds.Tables["T1"].Rows.Count)
                    {
                        break;
                    }
                    DataRow dr = ds.Tables["T1"].Rows[i];
                    Tmp_TLS_ALS_MINUSHR_ = float.Parse(dr["TLS_ALS_MINUSHR_"].ToString());                    
                     if (Tmp_TLS_ALS_MINUSHR_ > float.Parse(Tmp_chk_LESSHR2))
                        {
                            dr.Delete();
                            Tmp_DelCnt = Tmp_DelCnt + 1;
                        }                                                
                } // for int i = 0; i < Tmp_Cnt; i++)
                  //重新設定總筆數
                ds.Tables["T1"].AcceptChanges();
                ds.Tables["T1C"].Rows[0]["TOTAL"] = int.Parse(ds.Tables["T1C"].Rows[0]["TOTAL"].ToString()) - Tmp_DelCnt;
            }//  if (Tmp_chk_LESSHR1 == "true")             

            return ds;

V80403 – 於Panel內 -顯示訊息: 資料處理中– loadMask - 版面配置

目的: V80403 – Panel -顯示訊息: 資料處理中– loadMask  - 版面配置

處理說明: 1>顯示[資料處理中]
                       var Proc_Msg = new Ext.LoadMask(Ext.getCmp("s_PROCMSG"),
                                    { msg: Tmp_Proc_Msg, }
                       );
                       Proc_Msg.show();
                       //載入完成後,不再顯示訊息
                       Ext.getCmp('grid_Single').store.on("load", function (me, records, successful, eOpts) {
                              Proc_Msg.hide();  //若顯示完成,則不再顯示訊息
                     });

                   2>版面配置
                        Query=..
                       {
                        xtype: 'panel', id: 'panel14', layout: { type: 'vbox', align: 'stretch' }, flex: 40, border: 0,
                        items: [cmp_panel141, cmp_panel142],
                       },   // end of panel14 
                       
                        cmp_panel141.items.push(cmp_panel1411, cmp_panel1412);
                        cmp_panel1411.items.push(cmp_rd_AMMSTS, cmp_rd_LQTY);
                             
                             var cmp_panel141 = get_cmp_panel1(120,85);
                             var cmp_panel1411 = get_cmp_panel1(120, 40);
                              cmp_panel1411.layout = { type: 'vbox', align: 'stretch' };
                              cmp_panel1411.items.push(cmp_rd_AMMSTS, cmp_rd_LQTY);



1>*.js
//panel141 & panel142
    var cmp_panel141 = get_cmp_panel1(120,85);
    var cmp_panel1411 = get_cmp_panel1(120, 40);
    cmp_panel1411.layout = { type: 'vbox', align: 'stretch' };
    cmp_panel1411.items.push(cmp_rd_AMMSTS, cmp_rd_LQTY);
    var cmp_panel1412 = {  //顯示等候訊息
       id: "s_PROCMSG", name: "s_PROCMSG", xtype: "panel", flex:40, height: 200, margin: "0 4 0 4",
        hidden: false, border: 0, style: 'background-color:#FFFFFF;'
    };
    cmp_panel141.items.push(cmp_panel1411, cmp_panel1412);
    var cmp_panel142 = get_cmp_panel1(120,15);
    cmp_panel142.items.push(cmp_chk_LESSHR);

Query=..
                {
                        xtype: 'panel', id: 'panel14', layout: { type: 'vbox', align: 'stretch' }, flex: 40, border: 0,
                        items: [cmp_panel141, cmp_panel142],
                    },   // end of panel14 

2024年10月16日 星期三

V80202 – checkbox 含輸入值

 目的: V80202 – checkbox 含輸入值

處理說明: 1>以 Panel 當 Container 方式 : 
                      加入  checkbox & 輸入欄位 & Label


1>*.js

//[ ] 超過xx
    var cmp_chk_SAPDT5 = get_cmp_panel1(120);
    var cmp_chk_SAPDT51 = get_cmp_chk1('超過', 's_chk_SAPDT51', 70, '5','0 5 0 0');
    var cmp_chk_SAPDT52 = get_cmp_txt0('s_chk_SAPDT52', 30);
    var cmp_chk_SAPDT53 = get_cmp_lbl0('', 30);
    cmp_chk_SAPDT5.items.push(cmp_chk_SAPDT51, cmp_chk_SAPDT52, cmp_chk_SAPDT53);