查号信息管理

assets/js/config.constant.js

@@ -163,6 +163,7 @@ app.constant('JS_REQUIRES', {
         'knowkedgecateCtrl': 'assets/js/controllers/system/processdesign/knowledgedesign/knowledgecateCtrl.js',
         'prioritymatrixCtrl': 'assets/js/controllers/system/processdesign/incidentplan/prioritymatrixCtrl.js',
         'placeCtrl': 'assets/js/controllers/system/organizationdesign/placeCtrl.js',
+        'phoneListCtrl': 'assets/js/controllers/system/phoneListCtrl.js',
         'serverslevelCtrl': 'assets/js/controllers/system/organizationdesign/serverslevelCtrl.js',
         'worktimeCtrl': 'assets/js/controllers/system/organizationdesign/worktimeCtrl.js',
         'deptCtrl': 'assets/js/controllers/system/organizationdesign/deptCtrl.js',

assets/js/config.router.js

@@ -1518,6 +1518,15 @@ app.config(['$authProvider', '$httpProvider', '$stateProvider', '$urlRouterProvi
                 ncyBreadcrumb: {
                     label: 'User Manager'
                 }
+                // 查号管理
+            }).state('app.system.phoneList', {
+                url: '/phoneList',
+                templateUrl: "assets/views/system/phoneList.html",
+                resolve: loadSequence('jquery-nestable-plugin', 'angularBootstrapNavTree', 'angularFileUpload', 'spin', 'ui.grid', 'xeditable', 'ui.select', 'multi.select.tree', 'touchspin-plugin', 'angularTree', 'angularBootstrapNavTree', 'checklist-model', 'phoneListCtrl'),
+                title: 'Nav Manager',
+                ncyBreadcrumb: {
+                    label: 'User Manager'
+                }
                 // 耗材分类维护
             }).state('app.system.organization.hc_flwh', {
                 url: '/hc_flwh',

assets/js/controllers/system/phoneListCtrl.js

@@ -0,0 +1,673 @@
+app.controller('phoneListCtrl', ["$rootScope", "$scope", "$http", "$state", "$timeout", "$interval", "SweetAlert", "$modal", "FileUploader", "i18nService", "uiGridConstants", "uiGridGroupingConstants", "Restangular", "api_user_data", "api_cmdb2", function ($rootScope, $scope, $http, $state, $timeout, $interval, SweetAlert, $modal, FileUploader, i18nService, uiGridConstants, uiGridGroupingConstants, Restangular, api_user_data, api_cmdb2) {
+    $scope.langs = i18nService.getAllLangs();
+    $scope.lang = 'zh-cn';
+    $scope.cancles = true;
+    var loginUser = $rootScope.user;
+    $scope.xinzeng = false;
+    $scope.shanchu = false;
+    $scope.bianji = false;
+    for (var i = 0; i < loginUser.menu.length; i++) {
+        if (loginUser.menu[i].link == "quyudidianguanli_xinzeng") {
+            $scope.xinzeng = true
+        }
+        if (loginUser.menu[i].link == "quyudidianguanli_shanchu") {
+            $scope.shanchu = true
+        }
+        if (loginUser.menu[i].link == "quyudidianguanli_bianji") {
+            $scope.bianji = true
+        }
+    }
+    var fildata = {
+        "idx": 0,
+        "sum": 1000
+    };
+    $scope.choice = false;
+    $scope.backcolor = [];
+    $scope.outarea = [];
+    $scope.outplace = [];
+    $scope.pla = {};
+    $scope.areaid = {};
+    $scope.areaname = "";
+    $scope.area = {};
+    $scope.areaplace = true;
+    $scope.freshenarea = function () {
+        api_user_data.fetchDataList('phoneUnit', fildata).then(function (response) {
+            if (response) {
+                if (response.status = 200) {
+                    if (!$scope.outarea.length&&response.list.length) {
+                        $scope.ckickrow(response.list[0]);
+                    }
+                    $scope.outarea = response.list;
+                }
+            }
+        })
+    }
+    $scope.freshenarea();
+    
+    $scope.freshenplace = function (id) {
+        if (id) {
+            var fildata = {
+                "idx": 0,
+                "sum": 1000,
+                "phoneDirectory": {
+                    "unit": {
+                        "id": id
+                    }
+                }
+            };
+            api_user_data.fetchDataList('phoneDirectory', fildata).then(function (response) {
+                if (response) {
+                    if (response.status = 200) {
+                        $scope.outplace = response.list;
+                    }
+                }
+            })
+        }
+    }
+    
+    $scope.ckickrow = function (data) {
+        $scope.choice = false;
+        $scope.areaid = data.id;
+        $scope.areaname = data.unit;
+        $scope.areaplace = true;
+        $scope.areaData = data;
+        if (data.id) {
+            $scope.freshenplace(data.id);
+            // var  fildata={"idx":0,"sum":1000,"place":{areaId:data.id}};
+            // api_user_data.fetchDataList('place',fildata).then(function(response){
+            //     if(response){
+            //         if(response.status=200){
+            //            $scope.outplace= response.list;
+            //         }
+            //     }
+            // }) 
+        } else { }
+    }
+    //  置空单位下的部门
+    $scope.clear = function () {
+        $scope.areaname = ''
+        $scope.outplace = []
+    }
+
+
+    $scope.clickplace = function (pla) {
+        $scope.areaplace = false;
+        $scope.pla = pla
+    }
+    //  编辑单位
+    $scope.editArea = function (data) {
+        var modalInstance = $modal.open({
+            templateUrl: 'assets/views/system/tpl/company.html',
+            controller: function ($scope, scope, $modalInstance, api_user_data) {
+                $scope.title = "修改单位";
+                $scope.cancel = function () {
+                    $modalInstance.dismiss('cancel');
+                };
+                $scope.areaName = data.unit;
+                $scope.ok = function (areaName) {
+                    if (areaName != data.unit) {
+                        if ($scope.areaName) {
+                            $modalInstance.close(areaName);
+                        } else {
+                            SweetAlert.swal({
+                                title: "修改失败!",
+                                text: "名称不能为空",
+                                type: "error"
+                            })
+                        }
+                    } else {
+                        $modalInstance.dismiss('cancel');
+                    }
+                }
+            },
+            resolve: {
+                scope: function () {
+                    return $scope;
+                }
+            }
+        });
+        modalInstance.result.then(function (selectedItem) {
+            if (selectedItem) {
+                var fildata = {
+                    "phoneUnit": {
+                        "id": data.id,
+                        "deleteFlag": 0,
+                        "unit": selectedItem
+                    }
+                }
+                api_user_data.addData('phoneUnit', fildata).then(function (response) {
+                    if (response) {
+                        if (response.data && response.data.id) {
+                            SweetAlert.swal({
+                                title: "修改成功!",
+                                type: "success"
+                            }, function () {
+                                $scope.freshenarea()
+                            })
+                        } else {
+                            SweetAlert.swal({
+                                title: "修改失败!",
+                                text: response.msg || '',
+                                type: "error"
+                            })
+                        }
+                    }
+                })
+            }
+        })
+    }
+    //  新增单位
+    $scope.addArea = function (state) {
+        var modalInstance = $modal.open({
+            templateUrl: 'assets/views/system/tpl/company.html',
+            controller: function ($scope, scope, $modalInstance, api_user_data) {
+                $scope.title = "新增单位";
+                $scope.areaName = "";
+                $scope.cancel = function () {
+                    $modalInstance.dismiss('cancel');
+                };
+                $scope.ok = function (areaName) {
+                    if ($scope.areaName) {
+                        $modalInstance.close(areaName);
+                    } else {
+                        SweetAlert.swal({
+                            title: "新增失败!",
+                            text: "名称不能为空",
+                            type: "error"
+                        })
+                    }
+                }
+            },
+            resolve: {
+                scope: function () {
+                    return $scope;
+                }
+            }
+        });
+        modalInstance.result.then(function (selectedItem) {
+            if (selectedItem) {
+                var fildata = {
+                    "phoneUnit": {
+                        "unit": selectedItem
+                    }
+                }
+                api_user_data.addData('phoneUnit', fildata).then(function (response) {
+                    if (response) {
+                        if (response.status == 200) {
+                            SweetAlert.swal({
+                                title: "新增成功!",
+                                type: "success"
+                            }, function () {
+                                $scope.freshenarea()
+                            })
+                        } else {
+                            SweetAlert.swal({
+                                title: "新增失败!",
+                                text: response.msg || '',
+                                type: "error"
+                            })
+                        }
+                    }
+                })
+            }
+        })
+    }
+    //删除单位
+    $scope.closearea = function (index, data) {
+        if (!data.id) {
+            $scope.cancles = true;
+            $scope.outarea.splice(index, 1);
+        } else {
+            var rmvList = data;
+            var modalInstance = $modal.open({
+                templateUrl: 'assets/views/delete.html',
+                controller: function ($scope, $modalInstance) {
+                    $scope.ok = function () {
+                        $modalInstance.close(data);
+                    };
+                    $scope.cancel = function () {
+                        $modalInstance.dismiss('cancel');
+                    };
+                    $scope.title = '单位删除';
+                    $scope.connect = '是否删除该单位'
+                },
+                size: 'sm'
+            });
+            modalInstance.result.then(function (selectedItem) {
+                if (selectedItem) {
+                    if (selectedItem.id) {
+                        var fildata = [selectedItem.id];
+                        api_user_data.rmvData('phoneUnit', fildata).then(function (response) {
+                            if (response) {
+                                if (response.status == 200) {
+                                    $scope.outplace = [];
+                                    $scope.areaname = "";
+                                    $scope.outarea.splice(index, 1);
+                                    SweetAlert.swal({
+                                        title: "删除成功!",
+                                        type: "success"
+                                    })
+                                } else {
+                                    SweetAlert.swal({
+                                        title: "删除失败!",
+                                        text: response.msg || '',
+                                        type: "error"
+                                    })
+                                }
+                            }
+                        })
+                    }
+                }
+            })
+        }
+    }
+    //  编辑部门
+    $scope.editPlace = function (data) {
+        var modalInstance = $modal.open({
+            templateUrl: 'assets/views/system/tpl/department.html',
+            controller: function ($scope, scope, $modalInstance, api_user_data) {
+                $scope.title = "修改部门";
+                $scope.check = {
+                    unit: data.unit,
+                    dept: data.dept,
+                    phone: data.phone,
+                    address: data.address
+                }
+                $scope.outarea = scope.outarea;
+                $scope.cancel = function () {
+                    $modalInstance.dismiss('cancel');
+                };
+                $scope.ok = function (check) {
+                    if (true) {
+                        if (check.dept && check.phone) {
+                            $modalInstance.close(check);
+                        } else {
+                            SweetAlert.swal({
+                                title: "编辑失败!",
+                                text: "请填写必填项",
+                                type: "error"
+                            })
+                        }
+                    } else {
+                        $modalInstance.dismiss('cancel');
+                    }
+                }
+            },
+            resolve: {
+                scope: function () {
+                    return $scope;
+                }
+            }
+        });
+        modalInstance.result.then(function (check) {
+            if (check) {
+                var fildata = {
+                    "phoneDirectory": {
+                        "dept": check.dept,
+                        "address": check.address,
+                        "phone": check.phone,
+                        "unit": {
+                            "id": check.unit.id
+                        },
+                        "deleteFlag": 0,
+                        "id": data.id
+                    }
+                }
+                api_user_data.addData('phoneDirectory', fildata).then(function (response) {
+                    if (response) {
+                        if (response.data && response.data.id) {
+                            SweetAlert.swal({
+                                title: "修改成功!",
+                                type: "success"
+                            }, function () {
+                                $scope.freshenplace($scope.areaData.id);
+                            })
+                        } else {
+                            SweetAlert.swal({
+                                title: "修改失败!",
+                                text: response.msg || '',
+                                type: "error"
+                            })
+                        }
+                    }
+                })
+            }
+        })
+    }
+    //  新增部门
+    $scope.addplace = function (area) {
+        var modalInstance = $modal.open({
+            templateUrl: 'assets/views/system/tpl/department.html',
+            controller: function ($scope, scope, $modalInstance, api_user_data) {
+                $scope.title = "新增部门";
+                if (area !== undefined) {
+                    $scope.check = { unit: area }
+                } else {
+                    $scope.check = {}
+                }
+                $scope.outarea = scope.outarea;
+                $scope.cancel = function () {
+                    $modalInstance.dismiss('cancel');
+                };
+                $scope.ok = function (check) {
+                    if (check && check.unit && check.dept && check.phone) {
+                        console.log(check, 9999)
+                        $modalInstance.close(check);
+                    } else {
+                        SweetAlert.swal({
+                            title: "新增失败!",
+                            text: "请填写必填项",
+                            type: "error"
+                        })
+                    }
+                }
+            },
+            resolve: {
+                scope: function () {
+                    return $scope;
+                }
+            }
+        });
+        modalInstance.result.then(function (check) {
+            if (check) {
+                var fildata = {
+                    "phoneDirectory": {
+                        "dept": check.dept,
+                        "phone": check.phone,
+                        "address": check.address
+                    }
+                }
+                if (check.unit) {
+                    fildata.phoneDirectory.unit = {
+                        "id": check.unit.id
+                    }
+                }
+                api_user_data.addData('phoneDirectory', fildata).then(function (response) {
+                    if (response) {
+                        if (response.status == 200) {
+                            SweetAlert.swal({
+                                title: "新增成功!",
+                                type: "success"
+                            }, function () {
+                                $scope.freshenplace($scope.areaData.id);
+                            })
+                        } else {
+                            SweetAlert.swal({
+                                title: "新增失败!",
+                                text: response.msg || '',
+                                type: "error"
+                            })
+                        }
+                    }
+                })
+            }
+        })
+    }
+    //删除部门
+    $scope.closeplace = function (index, data) {
+        if (!data.id) {
+            $scope.cancles = true;
+            $scope.outplace.splice(index, 1);
+        } else {
+
+            var rmvList = data;
+            var modalInstance = $modal.open({
+                templateUrl: 'assets/views/delete.html',
+                controller: function ($scope, $modalInstance) {
+                    $scope.ok = function () {
+                        $modalInstance.close(data);
+                    };
+                    $scope.cancel = function () {
+                        $modalInstance.dismiss('cancel');
+                    };
+                    $scope.title = '部门删除';
+                    $scope.connect = '是否删除该部门'
+                },
+                size: 'sm'
+            });
+            modalInstance.result.then(function (selectedItem) {
+                if (selectedItem) {
+                    if (selectedItem.id) {
+                        var fildata = [selectedItem.id];
+                        api_user_data.rmvData('phoneDirectory', fildata).then(function (response) {
+                            if (response) {
+                                if (response.status == 200) {
+                                    $scope.outplace.splice(index, 1);
+                                    SweetAlert.swal({
+                                        title: "删除成功!",
+                                        type: "success"
+                                    })
+                                } else {
+                                    SweetAlert.swal({
+                                        title: "删除失败!",
+                                        type: "error"
+                                    })
+                                }
+                            }
+                        })
+                    }
+                }
+            })
+        }
+    }
+
+    //导入
+
+    $scope.importopen = function () { //导入触发事件
+        var modalInstance = $modal.open({
+            templateUrl: 'assets/views/import.html',
+            controller: function ($scope, $modalInstance, FileUploader) {
+                var importUploader = $scope.importUploader = new FileUploader({
+                    url: api_user_data.importData().getRequestedUrl(),
+                });
+                importUploader.onWhenAddingFileFailed = function (item /*{File|FileLikeObject}*/, filter, options) {
+                    console.info('onWhenAddingFileFailed', item, filter, options);
+                };
+                importUploader.onAfterAddingFile = function (fileItem) {
+                    console.info('onAfterAddingFile', fileItem);
+                };
+                importUploader.onAfterAddingAll = function (addedFileItems) {
+                    console.info('onAfterAddingAll', addedFileItems);
+                };
+
+                importUploader.onProgressItem = function (fileItem, progress) {
+                    console.info('onProgressItem', fileItem, progress);
+                };
+                importUploader.onProgressAll = function (progress) {
+                    console.info('onProgressAll', progress);
+                };
+                importUploader.onSuccessItem = function (fileItem, response, status, headers) {
+                    if (response.status == 200) {
+                        SweetAlert.swal({
+                            title: "导入成功!",
+                            confirmButtonColor: "#007AFF",
+                            type: "success"
+                        }, function () {
+                            // $scope.ldloading.contract_overlay = false;
+                            $rootScope.isMask = false;
+                            $scope.refreshData('expand-right', defaultFilterData);
+                        });
+                    } else {
+                        // $scope.ldloading.contract_overlay = false;
+                        $rootScope.isMask = false;
+                        SweetAlert.swal({
+                            title: "导入失败!",
+                            text: response.error,
+                            type: "error"
+                        })
+                    }
+
+                    console.info('onSuccessItem', fileItem, response, status, headers);
+
+                };
+                importUploader.onErrorItem = function (fileItem, response, status, headers) {
+                    console.info('onErrorItem', fileItem, response, status, headers);
+                    SweetAlert.swal({
+                        title: "系统错误!",
+                        text: "系统错误，请稍候重试!",
+                        type: "error"
+                    });
+                };
+                importUploader.onCancelItem = function (fileItem, response, status, headers) {
+                    console.info('onCancelItem', fileItem, response, status, headers);
+                };
+                importUploader.onCompleteItem = function (fileItem, response, status, headers) {
+                    console.info('onCompleteItem', fileItem, response, status, headers);
+                };
+                importUploader.onCompleteAll = function () {
+                    console.info('onCompleteAll');
+                };
+                $scope.ldloading = {};
+                $rootScope.isMask = false;
+                $scope.import = function (style) {
+                    // $scope.ldloading[style.replace('-', '_')] = true;
+                    $modalInstance.dismiss('cancel');
+                    $rootScope.isMask = true;
+                    importUploader.onBeforeUploadItem = function (item) {
+                        angular.extend(item.headers, $rootScope.getSession());
+                        item.formData.push({
+                            'filename': item.file.name
+                        });
+                        item.formData.push({
+                            'type': "areaPlace"
+                        });
+                        console.info('onBeforeUploadItem', item);
+                    };
+                    importUploader.uploadAll();
+                }
+                $scope.cancel = function () {
+                    $modalInstance.dismiss('cancel');
+                };
+            },
+            size: 'sm',
+            resolve: {
+                importUploader: function () {
+                    return $scope.importUploader;
+                }
+            }
+        });
+        modalInstance.result.then(function (selectedItem) {
+            if (selectedItem) { }
+        })
+    }
+    //导出
+    $scope.openmodel = function () {
+        //  var modalInstance = $modal.open({
+        //      templateUrl: 'assets/views/system/tpl/getdown.html',
+        //      controller: function($scope, $modalInstance) {
+        //          $scope.key = {};
+        //          $scope.onChange = function(key) {
+        //                  $scope.key = key;
+        //              }
+        //              //  $scope.downmodel = [{ id: 1, name: "EXCEL2003版(xls)" }, { id: 2, name: "EXCEL2007及以上版(xlsx)" }]
+        //          $scope.ok = function() {
+        //              $modalInstance.close($scope.key);
+        //          };
+        //          $scope.cancel = function() {
+        //              $modalInstance.dismiss('cancel');
+        //          };
+        //      },
+        //      size: 'sm',
+        //  });
+        //  modalInstance.result.then(function(selectedItem) {
+        //  if (selectedItem) {
+        //      var selectedItemId = "";
+        //      if (selectedItem.id == 2) {
+        //          selectedItemId = ".xlsx";
+        //      }
+        //  var type = "areaPlace";
+        //  var month = 0;
+        $http({
+            url: api_user_data.downDataModel("areaPlace", 0).getRequestedUrl(),
+            method: 'GET',
+            headers: {
+                'Accept': '*/*'
+            },
+            responseType: 'arraybuffer'
+        }).success(function (data, status, headers, config) {
+            var file = new Blob([data], {
+                // type : 'application/octet-stream'
+                type: 'application/vnd.ms-excel'
+            });
+            //trick to download store a file having its URL
+            var fileURL = URL.createObjectURL(file);
+            var a = document.createElement('a');
+            a.href = fileURL;
+            a.target = '_blank';
+            a.download = "单位部门.xlsx";
+            document.body.appendChild(a);
+            a.click();
+        }).error(function (data, status, headers, config) {
+            console.log(data);
+        });
+    }
+    //      });
+    //  }
+
+    // 2021
+    //导入模板
+    $scope.importDataTpl = function () {
+        var wt_url = api_user_data.importData1('areaPlace').getRequestedUrl();
+        var form = new FormData();
+        var file = document.getElementById("importTplIpt").files[0];
+        form.append('filename', file.name)
+        form.append('file', file);
+        console.log(document.getElementById("importTplIpt").files)
+        $http({
+            method: 'POST',
+            url: wt_url,
+            data: form,
+            headers: { 'Content-Type': undefined },
+            transformRequest: angular.identity
+        }).success(function (data) {
+            document.getElementById("importTplIpt").outerHTML = document.getElementById("importTplIpt").outerHTML;
+            if (data.status == 200) {
+                SweetAlert.swal({
+                    title: "导入成功",
+                    confirmButtonColor: "#007AFF",
+                    type: "success"
+                }, function (flag) {
+                    $scope.freshenarea();
+                    $scope.freshenplace();
+                });
+            } else {
+                SweetAlert.swal({
+                    title: "导入失败",
+                    text: data.error,
+                    type: "error"
+                });
+            }
+        }).error(function (data) {
+            document.getElementById("importTplIpt").outerHTML = document.getElementById("importTplIpt").outerHTML;
+            SweetAlert.swal({
+                title: "导入失败",
+                text: data.error,
+                type: "error"
+            });
+        })
+    };
+    //导出模板
+    $scope.exportDataTpl = function () {
+        var wt_url = api_cmdb2.exportData1("downDataModels/operationSystem", {}).getRequestedUrl()
+        $http({
+            url: wt_url,
+            method: 'POST',
+            headers: {
+                'Accept': '*/*'
+            },
+            responseType: 'arraybuffer'
+        }).success(function (data, status, headers, config) {
+            var fileName = headers("Content-Disposition").split(";")[1].split("filename=")[1];
+            var file = new Blob([data], {
+                type: 'application/vnd.ms-excel'
+            });
+            var fileURL = URL.createObjectURL(file);
+            var a = document.createElement('a');
+            a.href = fileURL;
+            a.target = '_blank';
+            a.download = decodeURIComponent(fileName);
+            document.body.appendChild(a);
+            a.click();
+        }).error(function (data, status, headers, config) { });
+    };
+}]);

assets/views/system/phoneList.html

@@ -0,0 +1,359 @@
+<style>
+    .per50_pos{
+        position: relative;
+        height: 100%;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+
+    .per50{
+        flex: 1;
+        line-height: normal;
+        height: 100%;
+        display: flex;
+        align-items: center;
+    }
+
+    .per500{
+        flex: 1;
+        line-height: normal;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .per500 .per500_Item{
+        display: flex;
+    }
+
+    .per500 .per500_Item em{
+        font-style: normal;
+        flex: 1;
+    }
+
+    #importTplIpt {
+        position: absolute;
+        top: 0;
+        right: 0;
+        left: 0;
+        bottom: 0;
+        opacity: 0;
+    }
+
+    .mainDiv {
+        /* background: red; */
+        /* padding: 14px; */
+        /* height: 50px; */
+        overflow: hidden;
+        /* zoom: 1; */
+    }
+
+    .mainDivLeft {
+        /* display: inline-block; */
+        border-radius: 8px;
+        margin-right: 52%;
+        border: 1px solid #eeeeee;
+    }
+
+    .mainDivRight {
+        /* display: inline-block; */
+        width: 48%;
+        border-radius: 8px;
+        float: right;
+        border: 1px solid #eeeeee;
+    }
+
+    .mainDiv-head {
+        height: 47px;
+        line-height: 47px;
+        background: #f5f5f5;
+        font-size: 16px;
+        color: #606367;
+        border-radius: 8px 8px 0 0;
+        padding-left: 10px;
+        padding-right: 4px;
+    }
+
+    .mainDivLeft-span {
+        border: 1px solid;
+        /* padding: 15px 0px 15px 0px; */
+        padding-left: 15px;
+        padding-right: 15px;
+        padding-top: 4px;
+        padding-bottom: 4px;
+        height: 28px;
+        line-height: 28px;
+        border-radius: 4px;
+        margin-right: 10px;
+        font-size: 14px;
+        position: relative;
+    }
+
+    .mainDiv-head-right {
+        display: inline-block;
+        float: right;
+    }
+
+    .edit-left {
+        display: inline-block;
+        /* float: left; */
+        margin-left: 10px;
+    }
+
+    .span-1 {
+        border-color: #006bc0;
+        color: #006bc0;
+    }
+
+    .span-2 {
+        border: none;
+        color: white;
+        background-color: #2edbb8;
+    }
+
+    .span-3 {
+        border: none;
+        color: white;
+        background-color: #006bc0;
+    }
+
+    .mainDiv-body {
+        height: 500px;
+        border-radius: 8px;
+        border: 1px solid #eeeeee;
+        margin: 14px;
+        overflow-y: auto;
+    }
+
+    .mainDiv-body-1 {
+        height: 50px;
+        line-height: 50px;
+        font-size: 16px;
+        color: #606367;
+        padding: 0px 14px;
+        border-bottom: 1px solid #eeeeee;
+    }
+
+    .mainDiv-body-2 {
+        height: 70px;
+        line-height: 70px;
+        font-size: 14px;
+        color: #606367;
+        padding: 0px 8px;
+        border-bottom: 1px solid #eeeeee;
+    }
+
+    .mainDiv-body-2:last-child {
+        border-bottom: none;
+    }
+
+    .fixHeight {
+        height: 500px;
+        overflow: auto;
+    }
+
+    .mainDiv-body-3 {
+        font-size: 14px;
+        color: #606367;
+        padding: 8px;
+        border-bottom: 1px solid #eeeeee;
+    }
+
+    .mainDiv-body-3:last-child {
+        border-bottom: none;
+    }
+
+    .mainDiv-body-img {
+        height: 90px;
+        border-radius: 4px;
+        margin: 14px;
+        margin-bottom: 0px;
+        overflow: hidden;
+    }
+
+    .mainDiv-body-noList {
+        height: 110px;
+        margin: 50px 0;
+        text-align: center;
+    }
+
+    .form-control {
+        display: inline-block;
+    }
+
+    .mainDivLeft-span-1 {
+        border: 1px solid;
+        padding-left: 15px;
+        padding-right: 15px;
+        /* padding-top: 4px; */
+        /* padding-bottom: 4px; */
+        height: 28px;
+        line-height: 28px;
+        border-radius: 4px;
+        margin-right: 10px;
+        font-size: 14px;
+        display: inline-block;
+    }
+
+    .mainDivLeft-span-2 {
+        border: 1px solid;
+        padding-left: 15px;
+        padding-right: 15px;
+        /* padding-top: 4px; */
+        /* padding-bottom: 4px; */
+        height: 28px;
+        line-height: 28px;
+        border-radius: 4px;
+        margin-right: 10px;
+        font-size: 14px;
+        display: inline-block;
+    }
+
+    .mainDivLeft-span-edit-1 {
+        border: 1px solid;
+        padding-left: 8px;
+        padding-right: 8px;
+        /* padding-top: 4px; */
+        /* padding-bottom: 4px; */
+        height: 22px;
+        line-height: 22px;
+        border-radius: 2px;
+        margin-right: 10px;
+        font-size: 12px;
+        display: inline-block;
+    }
+
+    .mainDivLeft-span-edit-2 {
+        border: 1px solid;
+        padding-left: 8px;
+        padding-right: 8px;
+        /* padding-top: 4px; */
+        /* padding-bottom: 4px; */
+        height: 22px;
+        line-height: 22px;
+        border-radius: 2px;
+        margin-right: 10px;
+        font-size: 12px;
+        display: inline-block;
+    }
+</style>
+
+<section id="page-title">
+    <div class="row">
+        <div class="col-sm-8">
+            <h1 class="mainTitle">查号信息管理设置
+                <i tooltip='查号信息管理设置,对查号信息进行编辑管理' tooltip-placement="right"
+                    class="fa ti-help-alt margin-left-10 fontcolor-five pointfont"></i>
+            </h1>
+        </div>
+    </div>
+</section>
+<div ng-controller="phoneListCtrl">
+    <div class="mainDiv">
+        <!-- 谁固定谁在前 -->
+        <div class="mainDivRight">
+            <div class="mainDiv-head">
+                <i style="font-size: 18px !important;" class="icon iconfont icon-quyu bluefont"></i>
+                <span>{{areaname}} 单位下的部门</span>
+                <div class="mainDiv-head-right">
+                    <div class="btn btn_search" ng-click="addplace(areaData)" ng-show="xinzeng">新增</div>
+                </div>
+            </div>
+            <div class="mainDiv-body fixHeight">
+                <div class="mainDiv-body-noList" ng-if="areaname==''">
+                    <img src="./assets/images/place/icon_quesheng.png" alt="">
+                    <p class="handlefont">请选择单位</p>
+                </div>
+                <div class="mainDiv-body-3" style="cursor: pointer;" ng-repeat="area in outplace"
+                    ng-click="clickplace(area);">
+                    <div class="per50_pos" ng-hide="editShow">
+                        <!-- <div class=""> -->
+                        <i style="font-size: 18px !important; margin-right: 10px;"
+                            class="icon iconfont icon-icon32209"></i>
+                        <div class="per500">
+                            <div class="per500_Item"><span>部门：</span><em>{{ area.dept }}</em></div>
+                            <div class="per500_Item"><span>电话：</span><em>{{ area.phone }}</em></div>
+                            <div class="per500_Item"><span>地址：</span><em>{{ area.address }}</em></div>
+                        </div>
+                        <div class="mainDiv-head-right">
+                            <span class="mainDivLeft-span-1 span-1 pointfont bluefont" ng-click="editPlace(area)"
+                                ng-show="bianji">
+                                <i style="font-size: 14px !important;margin-right: 4px;"
+                                    class="icon iconfont icon-xiugai1 bluefont"></i>编辑
+                            </span>
+                            <span class="mainDivLeft-span-1 span-1 pointfont redfont" ng-click="closeplace($index,area)"
+                                ng-show="shanchu">
+                                <i style="font-size: 14px !important;margin-right: 0px;"
+                                    class="icon iconfont icon-shanchu2 redfont"></i> 删除
+                            </span>
+                        </div>
+                    </div>
+                    <div class="" ng-show="editShow">
+                        <input type="text" class="editable-has-buttons editable-input form-control"
+                            ng-model="$parent.$data" placeholder="请输入新增部门">
+                        <div class="edit-left">
+                            <span class="mainDivLeft-span-edit-1 span-1 pointfont printfont"
+                                ng-click="savedatas($parent.$data);editShow=!editShow">
+                                <i style="font-size: 12px !important;margin-right: 4px;"
+                                    class="icon iconfont icon-xiugai1 printfont"></i>完成
+                            </span>
+                            <span class="mainDivLeft-span-edit-2 span-1 pointfont redfont"
+                                ng-click="editShow=!editShow">
+                                <i style="font-size: 12px !important;margin-right: 0px;"
+                                    class="icon iconfont icon-shanchu2 redfont"></i> 取消
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="mainDivLeft">
+            <div class="mainDiv-head">
+                <i style="font-size: 18px !important;" class="icon iconfont icon-quyu bluefont"></i>
+                <span style="cursor: pointer;" ng-click="clear()">单位</span>
+                <div class="mainDiv-head-right">
+                    <div class="btn btn_search" ng-click="addArea()" ng-show="xinzeng" ng-disabled="!cancles">新增</div>
+                </div>
+
+            </div>
+            <div class="mainDiv-body">
+                <div class="mainDiv-body-2" style="cursor: pointer;" ng-repeat="area in outarea"
+                    ng-click="ckickrow(area)">
+                    <div class="per50_pos" ng-hide="editShow">
+                        <span class="per50">{{ area.unit }}</span>
+                        <div class="mainDiv-head-right">
+                            <span class="mainDivLeft-span-1 span-1 pointfont bluefont" ng-click="editArea(area)"
+                                ng-show="bianji">
+                                <i style="font-size: 14px !important;margin-right: 4px;"
+                                    class="icon iconfont icon-xiugai1 bluefont"></i>编辑
+                            </span>
+                            <span class="mainDivLeft-span-1 span-1 pointfont redfont" ng-click="closearea($index,area)"
+                                ng-show="shanchu">
+                                <i style="font-size: 14px !important;margin-right: 0px;"
+                                    class="icon iconfont icon-shanchu2 redfont"></i> 删除
+                            </span>
+                        </div>
+                    </div>
+                    <div class="" ng-show="editShow">
+                        <input type="text" class="editable-has-buttons editable-input form-control"
+                            ng-model="$parent.$data" placeholder="请输入新增单位">
+                        <div class="edit-left">
+                            <span class="mainDivLeft-span-edit-1 span-1 pointfont printfont"
+                                ng-click="savedatas($parent.$data);editShow=!editShow">
+                                <i style="font-size: 12px !important;margin-right: 4px;"
+                                    class="icon iconfont icon-xiugai1 printfont"></i>完成
+                            </span>
+                            <span class="mainDivLeft-span-edit-2 span-1 pointfont redfont"
+                                ng-click="editShow=!editShow">
+                                <i style="font-size: 12px !important;margin-right: 0px;"
+                                    class="icon iconfont icon-shanchu2 redfont"></i> 取消
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</div>

assets/views/system/tpl/company.html

@@ -0,0 +1,47 @@
+<style>
+    .titColor{
+        color:black
+    }
+</style>
+<div class="modal-header bg-primary">
+    <button type="button" class="close" ng-click="cancel()">×</button>
+    <!-- <i class="fa fa-inbox"></i> -->
+    <span class="label label-tag titColor">{{title}}</span>
+</div>
+<div class="modal-body">
+    <div class="well-lg"><br/>
+        <div class="row form-group">
+            <label class="col-md-3 col-md-offset-1 control-label">单位:</label>
+            <div class="col-md-7">
+                <input class="form-control" ng-model="areaName" placeholder="请输入单位名称" />
+            </div>
+        </div>
+        <!--<div class="row form-group">
+            <label class="col-md-3 col-md-offset-1 control-label">角色代码:</label>
+            <div class="col-md-7">
+                <input class="form-control" ng-model="role.rolecode" placeholder="请输入角色代码..." />
+            </div>
+        </div>-->
+        <div class="panel-footer text-center">
+            <a ng-click="ok(areaName)" data-dismiss="modal" class="btn btn-primary">保存</a>
+            <button class="btn btn-primary btn-o" ng-click="cancel()" translate="modal.button.CANCEL">取消</button>
+        </div>
+    </div>
+
+
+    <!--<div class="modal-header bg-primary borderdown">
+        <button type="button" class="close" ng-click="cancel()">×</button>
+        <i class="fa fa-inbox"></i><span class="label label-tag">工作组设置</span>
+    </div>
+    <div class="modal-body">
+        <div class="row form-group">
+            <label class="col-md-3  control-label">工作组:</label>
+            <div class="col-md-9">
+                <input class="form-control" ng-model="role.role" placeholder="请输入工作组名称..." />
+            </div>
+        </div>
+        <div>
+            <button class="btn btn-primary buttonclass" ng-click="ok(key)" translate="modal.button.OK">OK</button>
+            <button class="btn btn-primary btn-o buttonclass" ng-click="cancel()" translate="modal.button.CANCEL">Cancel</button>
+        </div>
+    </div>-->

assets/views/system/tpl/department.html

@@ -0,0 +1,77 @@
+<style>
+    .titColor {
+        color: black
+    }
+</style>
+<div class="modal-header bg-primary">
+    <button type="button" class="close" ng-click="cancel()">×</button>
+    <!-- <i class="fa fa-inbox"></i> -->
+    <span class="label label-tag titColor">{{title}}</span>
+</div>
+<div class="modal-body">
+    <div class="well-lg"><br />
+        <div class="row form-group">
+            <label class="col-md-3 col-md-offset-1 control-label">单位*:</label>
+            <div class="col-md-7" ng-if="title=='新增部门'">
+                <ui-select style="width: 100%;" ng-model="check.unit"
+                    theme="bootstrap">
+                    <ui-select-match placeholder="">
+                        {{$select.selected.unit}}
+                    </ui-select-match>
+                    <ui-select-choices repeat="item in outarea | filter: $select.search">
+                        <div ng-bind-html="item.unit | highlight: $select.search"></div>
+                    </ui-select-choices>
+                </ui-select>
+            </div>
+            <div class="col-md-7" ng-if="title=='修改部门'">
+                <input class="form-control" ng-model="check.unit.unit" ng-disabled="true" />
+            </div>
+        </div>
+        <div class="row form-group">
+            <label class="col-md-3 col-md-offset-1 control-label">部门*:</label>
+            <div class="col-md-7">
+                <input class="form-control" ng-model="check.dept" placeholder="请输入部门名称" />
+                
+            </div>
+        </div>
+        <div class="row form-group">
+            <label class="col-md-3 col-md-offset-1 control-label">电话*:</label>
+            <div class="col-md-7">
+                <input class="form-control" ng-model="check.phone" placeholder="请输入电话" />
+            </div>
+        </div>
+        <div class="row form-group">
+            <label class="col-md-3 col-md-offset-1 control-label">地址:</label>
+            <div class="col-md-7">
+                <input class="form-control" ng-model="check.address" placeholder="请输入地址" />
+            </div>
+        </div>
+        <!--<div class="row form-group">
+            <label class="col-md-3 col-md-offset-1 control-label">角色代码:</label>
+            <div class="col-md-7">
+                <input class="form-control" ng-model="role.rolecode" placeholder="请输入角色代码..." />
+            </div>
+        </div>-->
+        <div class="panel-footer text-center">
+            <a ng-click="ok(check)" data-dismiss="modal" class="btn btn-primary">保存</a>
+            <button class="btn btn-primary btn-o" ng-click="cancel()" translate="modal.button.CANCEL">取消</button>
+        </div>
+    </div>
+
+
+    <!--<div class="modal-header bg-primary borderdown">
+        <button type="button" class="close" ng-click="cancel()">×</button>
+        <i class="fa fa-inbox"></i><span class="label label-tag">工作组设置</span>
+    </div>
+    <div class="modal-body">
+        <div class="row form-group">
+            <label class="col-md-3  control-label">工作组:</label>
+            <div class="col-md-9">
+                <input class="form-control" ng-model="role.role" placeholder="请输入工作组名称..." />
+            </div>
+        </div>
+        <div>
+            <button class="btn btn-primary buttonclass" ng-click="ok(key)" translate="modal.button.OK">OK</button>
+            <button class="btn btn-primary btn-o buttonclass" ng-click="cancel()" translate="modal.button.CANCEL">Cancel</button>
+        </div>
+    </div>-->