MVC+angularjs

angularjs能夠解決開發人員不擅長HTML的問題，採用模塊化配置，可是不支持樣式的微調和修改

angularjs+MVC開發的協同辦公平臺，貼下圖

編輯頁面+附件

 

列表頁

一個頁面涉及另外一個子表的詳細頁面

操做子表

 

 

列表頁帶搜索條件：

 

貼下項目管理的js配置代碼，只須要配置相應的獲取或操做數據的控制器就行了。

/**
 * 項目管理管理  ProjectManageController
 */
angular.module('EIPApp').controller("ProjectManageCtrl", ['$scope', '$localStorage', 'COMMON_CONSTANT',
     'eipUrlAction', 'eipHttpService', 'eipDefaultDialog', 'PostHelperFactory', 'eipBrowsePageHelper', 'eipDict', function ($scope, $localStorage, COMMON_CONSTANT,
     eipUrlAction, eipHttpService, eipDefaultDialog, PostHelperFactory, eipBrowsePageHelper, eipDict) {
         $scope.t = true;
         $scope.outparamss = {
             API_VERSION: 1.2,
             init: {
                 initEditName: 'ProjectManage',  //控制器 類名
                 initPrimaryKey: 'PROJ_ID',   //數據庫主鍵 大小寫敏感
                 initUrl: {//初始化Url

                 },
                 initParam: {
                     browseInitParam: [//瀏覽頁面初始化    LOG_TIME  LOG_CONTENT
                       //  { key: COMMON_CONSTANT.initBrowseItem, value: '{ LOG_TIME: "",LOG_CONTENT:"" }', toJsonObj: true, toCopy: true }
                     ],
                     editInitParam: [//編輯頁面初始化
                       //  { key: 'item', value: '{"LOG_TIME":"","LOG_CONTENT":""}', toJsonObj: true, isUseNewEdit: true }
                     ],
                     addInitParam: {

                     }

                 },
                 inUrlSumbit: {
                     editInitSubmit: [
                         {}
                     ]
                 }
             },
             dataModule: [
                 {
                     //查詢數據塊
                     key: COMMON_CONSTANT.BrowseKey,
                     module: {
                         eipGridTable: [


                 { name: '項目ID', field: 'PROJ_ID', width: '0', visible: false, gridVisible: false, isDelKey: true },

                              { name: '項目名稱', field: 'PROJ_NAME', width: '20%', isLink: true, linkState: "MainFrame.ProjectManage.Edit", linkParams: ['PROJ_ID'], linkTransportType: "STRING" }//LOG_TIME
                                    , { name: '所屬科室', field: 'PROJ_BELONGTO', width: '15%' }
                               , { name: '負責人', field: 'PROJ_LEADER', width: '15%' }
                            , { name: '項目描述', field: 'PROJ_DESC', width: '20%' }
                               , { name: '項目開始時間', field: 'PROJ_STARTTIME', width: '20%' }
                                  , { name: '是否重點項目', field: 'ISIMPORTANT', width: '10%' }
                               

                         ],
                         eipSimpleTable: [
                             { name: '項目名稱', type: 'text', placeholder: '項目名稱', ngModel: 'PROJ_NAME', groupOrder: 1 }
                         ],
                         eipAdvancedTable: [
                               { name: '項目名稱', type: 'text', placeholder: '項目名稱', ngModel: 'PROJ_NAME', groupOrder: 1 }
                         ],
                         isShowEdit: "true",    //查詢結果右上角，是否顯示編輯按鈕
                         isShowNew: "true",    //查詢結果右上角，是否顯示添加按鈕
                         isShowDelete: "true", //查詢結果右上角，是否顯示刪除按鈕
                         isShowExport: "true"  //查詢結果右上角，是否顯示編輯按鈕
                     }
                 },
                 {//編輯頁面基本信息數據塊
                     key: 'Edit_ProjInput',   //Panel Key
                     module: [

                        // USER_NAME  ORG_FULLNAME
                               { name: '項目名稱', bindModel: 'item.PROJ_NAME', type: 'text', row: 0, textColSpan: 2, contentColSpan: 3 },//LOG_TIME

                                 , { name: '項目描述', bindModel: 'item.PROJ_DESC', type: 'textarea', row: 1, textColSpan: 2, contentColSpan: 6 }
                                 , { name: '所屬科室', bindModel: 'item.PROJ_BELONGTO', type: 'text', row: 2, textColSpan: 2, contentColSpan: 3 }
                                , { name: '項目開始時間', bindModel: 'item.PROJ_STARTTIME', type: 'date', row: 2, textColSpan: 2, contentColSpan: 3 }
                                , { name: '項目驗收時間', bindModel: 'item.FINISH_TIME', type: 'date', row: 3, textColSpan: 2, contentColSpan: 3 }
                                , { name: '項目上線時間', bindModel: 'item.ONLINE_TIME', type: 'date', row: 3, textColSpan: 2, contentColSpan: 3 }
                                , { name: '負責人', bindModel: 'item.PROJ_LEADER', type: 'text', row: 4, textColSpan: 2, contentColSpan: 3 }
                                , { name: '項目類型', bindModel: 'item.PROJ_TYPE', type: 'select', bindDict_code: 'DICT_DEMO_PROBLEM_STATUS',row: 4, textColSpan: 2, contentColSpan: 3 }
                                , { name: '項目連接地址', bindModel: 'item.PROJ_URL', type: 'text', row: 5, textColSpan: 2, contentColSpan: 5 }
                              //   , { name: '項目驗收報告', bindModel: 'item.DOCUMENT', type: 'text', row: 6, textColSpan: 2, contentColSpan: 3 }
                              //   , { name: '項目合同', bindModel: 'item.PROJCONTRACT', type: 'text', row: 7, textColSpan: 2, contentColSpan: 3 }
                                 , { name: '金額', bindModel: 'item.PROJ_AMOUNT', type: 'text', row: 8, textColSpan: 2, contentColSpan: 3 }
                                 , { name: '是否重點項目', bindModel: 'item.ISIMPORTANT', type: 'select', bindDict_code: 'DICT_DEMO_PROBLEM_STATUS', row: 8, textColSpan: 2, contentColSpan: 3 }

                     ],
                     //totalRows: 4
                 },
                 {//編輯頁面用戶分配列表數據塊
                        key: 'Edit_ProjUser',
                        module:
                            {
                                eipGridTable: [
                                    { name: '關聯表ID', field: 'RU_ID', width: '10%', gridVisible: false, isDelKey: true, visible: false },
                                    { name: '用戶ID', field: 'USER_ID', width: '10%', gridVisible: false, visible: false },
                                    { name: '用戶名稱', field: 'USER_NAME', width: '30%', isDelArray: true, delShowName: true },
                                    { name: '單位名稱', field: 'ORG_SHORTNAME', width: '30%' }
                                ],
                                isShowEdit: "false",
                                isShowNew: "true",
                                isShowDelete: "true",
                                isShowExport: "false"
                            }
                  },
                 {//編輯頁面用戶彈出框
                     key: 'Edit_ProjUserModule',
                     module:
                         [
                          {
                              name: '',
                              type: 'grid',
                              columns: [
                                   { name: '用戶ID', field: 'USER_ID', visible: false, gridVisible: false, isDelKey: true, gridKey: true },
                                   { name: '用戶名稱', field: 'USER_NAME', width: '30%', isDelArray: true, delShowName: true },
                                   { name: '單位名稱', field: 'ORG_SHORTNAME', width: '30%' }
                              ],
                              eipSimpleTable: [
                                 { name: '用戶名稱', type: 'text', placeholder: '請輸入用戶名稱', ngModel: 'USER_NAME', groupOrder: 1 }
                              ],
                              row: 2, textColSpan: 0, contentColSpan: 10, enablePaginationControls: true
                          }]
                 }

             ],
             pageModule: [  //編輯頁面自定義數據塊 配置信息
                                 //type 是佈局類型，共分爲三種 [Edit_Regular :傳統一行兩列] [Edit_Irregular : 不規則佈局] [Edit_Custom : 自定義控件寬高]
                                 //moduleTitle 是分區Panel的標題
                                 //dataModuleName 是Panel Key
                      {
                          type: 'Edit_Custom', moduleTitle: '項目管理', dataModuleName: 'Edit_ProjInput',
                      },
                      {//initActionName:子表分頁   editActionName:獲取子表單條數據   editSaveActionName：子表保存（新建、編輯） delActionName：刪除
                          type: 'Edit_SubTable', moduleTitle: '項目成員', dataModuleName: 'Edit_ProjUser', isHide: "Edit_ProjUser_hide", permissionActionName: 'GetPermission', initActionName: 'GetProjUserList', modeModuleName: 'Edit_ProjUserModule', modeTitle: '添加項目成員', addActionName: 'GetUserListOutOfProj', editActionName: '', editSaveActionName: 'SaveProjUser', delActionName: 'DeleteProjUser', gridDataName: 'item.RoleUserList'
                      }
                      

             ]
         }
     }]);