Pārlūkot izejas kodu

用户台帐增加区域筛选,增加应急上报类型模块

CharlesLeocc 3 gadi atpakaļ
vecāks
revīzija
eb47175af6

+ 8 - 3
src/widgets/MaintenanceManagerReport/Widget.html

@@ -7,7 +7,7 @@
         </div>
         <div class="form-group">
             <label class=" control-label">类型</label>
-            <input type="text" autocomplete="off" class="form-control type" name="type" placeholder="地址">
+            <input type="text" autocomplete="off" class="form-control type" name="type" placeholder="类型">
         </div>
         <div class="form-group">
             <label class=" control-label">上报时间</label>
@@ -18,6 +18,11 @@
                 查询
             </button>
         </div>
+        <div class="form-group">
+            <button id="btn_location" type="button" class="btn_location">
+                上报
+            </button>
+        </div>
         <!-- <div class="form-group">
             <button id="btn_add" type="button" class="btn btn-sm btn-default btn-success btn_update">
                 <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
@@ -33,10 +38,10 @@
                 <img src="./widgets/KeyEquipment/images/export.png" />
                 <span>导出</span>
             </div>
-            <div class="btn_location">
+            <!-- <div class="btn_location">
                 <img src="./widgets/KeyEquipment/images/import.png" />
                 <span>上报</span>
-            </div>
+            </div> -->
 
         </div>
 

+ 117 - 0
src/widgets/MaintenanceTypeManage/Widget.html

@@ -0,0 +1,117 @@
+<div class="widget-MaintenanceTypeManage box">
+    <div class="form-inline hiddendangerdeviceinfo-tool boxtool">
+        <div class="input-group  col-md-3">
+            <input type="text" class="form-control search_condition"  placeholder="名称模糊查询">
+        </div>
+        <div id="toolbar" class="btn-group btn-group toolbar pull-right">
+            <button id="btn_delete" type="button" class="btn btn-default btn-primary btn_search">
+                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
+            </button>
+            <button id="btn_add" type="button" class="btn btn-default btn-primary btn_add">
+                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
+            </button>
+            <button id="btn_edit" type="button" class="btn btn-default btn-primary btn_edit">
+                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
+            </button>
+            <button id="btn_delete" type="button" class="btn btn-default btn-danger btn_delete">
+                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
+            </button>
+        </div>
+    </div>
+    <div class="fullpaneltable hiddendangerdeviceinfo boxcontent">
+        <table class="table table-bordered  table-striped " id='hiddendangerdeviceinfotable'  cellspacing="0">
+        </table>
+    </div>
+</div>
+
+$$
+<div style="position:relative;height:100%;width:100%;overflow-y:auto">
+    <form id="hiddendangerdevicemanagement_addpopup" class="form-horizontal" data-bv-message="This value is not valid" data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
+        data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
+        <div class="form-group">
+            <label class=" control-label" style="margin-left:20px">巡检类型名称</label>
+            <div style="width:calc(100% - 40px);margin-left:20px">
+                <input type="text" class="form-control name" name="name" data-bv-trigger="blur" data-bv-message="名称不能为空" required
+                placeholder="不能为空" />
+            </div>
+        </div>
+        <div class="form-group">
+            <label class=" control-label" style="margin-left:20px"> 巡检类型</label>
+            <div style="width:calc(100% - 40px);margin-left:20px">
+                <select class="form-control type">
+                    <option value="0">巡检点</option>
+                    <option value="1">巡检线</option>
+                </select>
+            </div>
+        </div>
+        <div class="form-group">
+                <label class=" control-label" style="margin-left:20px">备注</label>
+                <div style="width:calc(100% - 40px);margin-left:20px">
+                    <input type="text" class="form-control note" name="note" data-bv-trigger="blur"/>
+                </div>
+            </div>
+    </form>
+</div>
+$$
+<div style="position:relative;height:100%;width:100%;overflow-y:auto">
+    <form id="hiddendangerdevicemanagement_updatepopup" class="form-horizontal" data-bv-message="This value is not valid" data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
+        data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
+        <div class="form-group">
+            <label class=" control-label" style="margin-left:20px">巡检类型名称</label>
+            <div style="width:calc(100% - 40px);margin-left:20px">
+                <input type="text" class="form-control name" name="name" data-bv-trigger="blur" data-bv-message="不能为空" required
+                placeholder="不能为空" />
+            </div>
+        </div>
+        <div class="form-group">
+            <label class=" control-label" style="margin-left:20px"> 巡检类型</label>
+            <div style="width:calc(100% - 40px);margin-left:20px">
+                <select class="form-control type">
+                    <option value="0">巡检点</option>
+                    <option value="1">巡检线</option>
+                </select>
+            </div>
+        </div>
+        <div class="form-group">
+                <label class=" control-label" style="margin-left:20px">备注</label>
+                <div style="width:calc(100% - 40px);margin-left:20px">
+                    <input type="text" class="form-control note" name="note" data-bv-trigger="blur"/>
+                </div>
+            </div>
+    </form>
+</div>
+$$
+<div style="position:relative;height:100%;width:100%;overflow-y:auto">
+    <form id="hiddendangerdevicemanagement_updatepopup" class="form-horizontal" data-bv-message="This value is not valid" data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
+        data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
+        <div class="form-group">
+            <label class=" control-label" style="margin-left:20px">巡检类型名称</label>
+            <div style="width:calc(100% - 40px);margin-left:20px">
+                <input type="text" class="form-control name" name="name" data-bv-trigger="blur" data-bv-message="不能为空" required
+                placeholder="不能为空" />
+            </div>
+        </div>
+        <div class="form-group">
+            <label class=" control-label" style="margin-left:20px"> 巡检类型</label>
+            <div style="width:calc(100% - 40px);margin-left:20px">
+                <input type="text" class="form-control type" placeholder="巡检类型">
+            </div>
+        </div>
+        <div class="form-group">
+                <label class=" control-label" style="margin-left:20px">备注</label>
+                <div style="width:calc(100% - 40px);margin-left:20px">
+                    <input type="text" class="form-control note" name="note" data-bv-trigger="blur"/>
+                </div>
+        </div>
+    </form>
+</div>
+$$
+<div class="widget-MaintenanceTypeManage_deletepopup">
+    <div class="MaintenanceTypeManage">
+        <div class="form-group" style="text-align:center">
+            确认是否删除?
+        </div>
+    </div>
+</div>
+$$
+</div>

+ 217 - 0
src/widgets/MaintenanceTypeManage/Widget.ts

@@ -0,0 +1,217 @@
+import BaseWidget = require('core/BaseWidget.class');
+import AjaxSend = require("common/AjaxSend.class")
+export = MaintenanceTypeManage;
+
+class MaintenanceTypeManage extends BaseWidget {
+    baseClass = "widget-MaintenanceTypeManage";
+    toast = null;
+    popup = null;
+    dataTable = null;
+    ajaxSend = null;
+    searchInfo = null;
+
+    startup() {
+        this.configure();
+        this.initHtml();
+        this.initEvent();
+    }
+    initHtml() {
+        var html = _.template(this.template.split('$$')[0] + "</div>")();
+        this.setHtml(html);
+        this.ready();
+        this.getInfoList()
+    }
+
+    configure() {
+        this.toast = this.AppX.runtimeConfig.toast;
+        this.popup = this.AppX.runtimeConfig.popup;
+        this.ajaxSend=new AjaxSend();
+        //获取隐患类型信息
+    }
+
+    initEvent() {
+        this.domObj.find('.btn_search').on("click", function () {
+            this.getInfoList()
+        }.bind(this));
+
+        this.domObj.find('.btn_add').on("click", function () {
+            //弹出popup
+            this.popup.setSize(600, 450);
+            var Obj = this.popup.show("新增", this.template.split('$$')[1]);
+            //验证
+            (<any>$('#MaintenanceTypeManage_addpopup')).bootstrapValidator();
+            Obj.submitObj.off("click").on("click", function () {
+                var name = Obj.conObj.find(".name");
+                var type = Obj.conObj.find('.type option:selected');
+                var note = Obj.conObj.find(".note");
+                if (name.val() == '') {
+                    name.addClass('has-error');
+                    name.attr("placeholder", "不能为空!");
+                    return;
+                }
+                if (type.val() == '') {
+                    type.addClass('has-error');
+                    type.attr("placeholder", "不能为空!");
+                    return;
+                }
+                var data = {
+                    "name": name.val(),
+                    "type": type.val(),
+                    "note": note.val()
+                };
+                this.ajaxSend.sendAjax(this, data, this.config.addHiddenDangerDevice, this.ajaxSend.type.post, this.addHiddenDangerDeviceCallback.bind(this));
+            }.bind(this));
+        }.bind(this));
+
+        this.domObj.find('.btn_edit').on("click", function () {
+            let dataInfo = this.dataTable.aExtentData.currentTableData;
+            if (!dataInfo) {
+                this.toast.show("请选择要修改的数据!");
+                return;
+            }
+            //弹出popup
+            this.popup.setSize(600, 450);
+            var Obj = this.popup.show("修改", this.template.split('$$')[2]);
+            //赋值
+            Obj.conObj.find('.name').val(dataInfo.name);
+            Obj.conObj.find('.type').val(dataInfo.type);
+            Obj.conObj.find('.note').val(dataInfo.note);
+            //验证
+            (<any>$('#MaintenanceTypeManage_updatepopup')).bootstrapValidator();
+            Obj.submitObj.off("click").on("click", function () {
+                var name = Obj.conObj.find(".name");
+                var type = Obj.conObj.find('.type');
+                var note = Obj.conObj.find('.note');
+                if (name.val() == '') {
+                    name.addClass('has-error');
+                    name.attr("placeholder", "不能为空!");
+                    return;
+                }
+                if (type.val() == '') {
+                    type.addClass('has-error');
+                    type.attr("placeholder", "不能为空!");
+                    return;
+                }
+                var data = {
+                    "id": dataInfo.id,
+                    "name": name.val(),
+                    "type": type.val(),
+                    "note": note.val()
+                };
+                this.ajaxSend.sendAjax(this, data, this.config.updateHiddenDangerDevice, this.ajaxSend.type.put, this.updateHiddenDangerDeviceCallback.bind(this));
+            }.bind(this));
+        }.bind(this));
+
+        this.domObj.find('.btn_delete').on("click", function () {
+            let dataInfo = this.dataTable.aExtentData.currentTableData;
+            if (!dataInfo) {
+                this.toast.show("请选择要删除的数据!");
+                return;
+            }
+            this.popup.setSize(300, 200);
+            var Obj = this.popup.show("删除", this.template.split('$$')[4]);
+            Obj.submitObj.off("click").on("click", function () {
+                var data = {};
+                var url = this.config.deleteHiddenDangerDevice + dataInfo.id;
+                this.ajaxSend.sendAjax(this, data, url, this.ajaxSend.type.delete, this.deleteHiddenDangerDeviceCallback.bind(this));
+            }.bind(this));
+        }.bind(this));
+    }
+
+    /**
+     * 双击查看
+     * */
+    lookInfo() {
+        let dataInfo = this.dataTable.aExtentData.currentTableData;
+        if (!dataInfo) {
+            return;
+        }
+        if (dataInfo.id == "") {
+            this.toast.show("请选择一位用户");
+            return;
+        }
+        this.popup.setSize(600, 450);
+        var Obj = this.popup.show("查看", this.template.split('$$')[3], true);
+        //赋值
+        Obj.conObj.find('.name').val(dataInfo.name);
+        Obj.conObj.find('.note').val(dataInfo.note);
+        Obj.conObj.find('.type').val(dataInfo.typeName);
+        Obj.submitObj.off("click").on("click", function () {
+            this.popup.close();
+        }.bind(this));
+    }
+
+    addHiddenDangerDeviceCallback(results) {
+        if (!this.ajaxSend.checkResults(this, results)) {
+            return;
+        }
+        this.popup.close();
+        this.getInfoList();
+        this.toast.show("新增成功");
+    }
+
+    updateHiddenDangerDeviceCallback(results) {
+        if (!this.ajaxSend.checkResults(this, results)) {
+            return;
+        }
+        this.popup.close();
+        this.getInfoList();
+        this.toast.show("修改成功");
+    }
+
+    deleteHiddenDangerDeviceCallback(results) {
+        if (!this.ajaxSend.checkResults(this, results)) {
+            return;
+        }
+        this.popup.close();
+        this.getInfoList();
+        this.toast.show("删除成功");
+    }
+
+    /**
+    * 获取查询条件
+    * */
+    getSearchInfo() {
+        this.searchInfo = {
+            name: this.domObj.find(".search_condition").val()
+        }
+    }
+
+    /**
+  * 渲染出列表
+  * */
+    getInfoList() {
+        this.loadWait.show("正在查询数据,请耐心等待...", this.domObj);
+        let that = this;
+        this.getSearchInfo();
+        if (that.dataTable) {
+            that.dataTable.ajax.reload();
+            return;
+        };
+        let option = {
+            that: this,
+            dataTable: that.dataTable,
+            elementId: "hiddendangerdeviceinfotable",
+            url: this.config.getHiddenDangerDeviceList,
+            isCheck: false,
+            searchInfo: that.searchInfo,//条件在不断变化,故需要有全局的条件监听
+            displayTitle: ["巡检类型名称", "类型", "备注"],
+            displayField: ["name", "typeName", "note"],
+            beforeTrClickEvent: undefined,
+            afterTrClickEvent: function () {
+                this.domObj.off('dblclick', '#hiddendangerdeviceinfotable tr').on('dblclick', "#hiddendangerdeviceinfotable tr", e => {
+                    this.lookInfo();
+                })
+            }.bind(this),
+            errmassage: "设备类型查询失败",
+            nullmessage: undefined,
+            exportTitle: "设置类型"
+        }
+        that.dataTable = this.ajaxSend.DataTables_check(option);
+    }
+
+    destroy() {
+        this.domObj.remove();
+        this.afterDestroy();
+    }
+}

+ 13 - 0
src/widgets/MaintenanceTypeManage/config.json

@@ -0,0 +1,13 @@
+{
+    "widgetUrl": "widgets/MaintenanceTypeManage",
+    "tmplateUrl": "widgets/MaintenanceTypeManage/Widget.html",
+    "styleUrl": "widgets/MaintenanceTypeManage/css/style.scss",
+    "mapDiv": "myMap",
+    "getHiddenDangerDeviceList": "/zmrq/planpointtype/page",
+    "getHiddenDangerDeviceInfo": "/PlanPointType/info/",
+    "addHiddenDangerDevice": "/zmrq/planpointtype",
+    "deleteHiddenDangerDevice": "/zmrq/planpointtype/",
+    "updateHiddenDangerDevice": "/zmrq/planpointtype",
+    "pagenumber": 1,
+    "pagesize": 13
+}

+ 31 - 0
src/widgets/MaintenanceTypeManage/css/style.scss

@@ -0,0 +1,31 @@
+.widget-MaintenanceTypeManage {
+    height: 100%;
+
+    .hiddendangerdeviceinfo-tool {
+        margin: 4px 4px 14px 4px;
+
+        .btn_search {
+            &:hover {
+                cursor: pointer
+            }
+        }
+
+        .toolbar {
+            margin-bottom: 9px;
+        }
+    }
+
+    .fullpaneltable {
+        overflow-y: hidden;
+        height: calc(100% - 44px) !important;
+
+        a.infoWrite {
+            color: rgba(0, 0, 255, 0.7) !important;
+        }
+    }
+}
+
+#MaintenanceTypeManage_addpopup,
+#MaintenanceTypeManage_updatepopup {
+    margin-top: 30px;
+}

+ 47 - 5
src/widgets/UserInfoManagement/Widget.html

@@ -2,6 +2,48 @@
     <div class="UserInfoManagement_tit">
         <div class="form-inline">
             <div class="form-group">
+                <input type="text" autocomplete="off" class="form-control userCode" name="userCode" placeholder="用户编码/地址/用户名/调压器编号">
+                区域:
+                <select class="input-sm form-control areaList minwidth" id="areaList">
+
+                </select>
+                <button id="btn_search" type="button" class="btn_search">
+                           查询
+                </button>
+            </div>
+            <div class="form-group">
+                <button id="btn_addUserInfoManagement" type="button" class="btn_addUserInfoManagement">
+                       新增
+                    </button>
+            </div>
+
+            <div class="form-group">
+                <button id="btn_editUserInfoManagement" type="button" class="btn_editUserInfoManagement">
+                        修改
+                </button>
+            </div>
+            <div class="form-group">
+                <button id="btn_editUserMore" type="button" class="btn_editUserMore">
+                           批量修改
+                </button>
+            </div>
+            <div class="form-group groupright">
+                <div class="btn_expUserInfoManagement">
+                    <img src="./widgets/KeyEquipment/images/export.png" />
+                    <span>导出</span>
+                </div>
+                <div class="btn_importUserInfoManagement">
+                    <img src="./widgets/KeyEquipment/images/import.png" />
+                    <span>导入</span>
+                </div>
+                <div class="">
+                    <a href='/widgets/UserInfoManagement/绵竹中民燃气用户信息模板.xlsx' download="绵竹中民燃气用户信息模板">
+                        <img src="./widgets/KeyEquipment/images/download.png" />
+                        <span>模板下载</span>
+                    </a>
+                </div>
+
+            <!-- <div class="form-group">
                 <input type="text" autocomplete="off" class="form-control userCode" name="userCode" placeholder="用户编码/地址/用户名/调压器编号">
                 <button id="btn_search" type="button" class="btn btn-sm btn-default btn-success btn_search">
                     <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
@@ -45,7 +87,7 @@
             </div>
             <div class="form-group">
                 <a href="/widgets/UserInfoManagement/绵竹中民燃气用户信息模板.xlsx" download="绵竹中民燃气用户信息模板">导入模板下载</a>
-            </div>
+            </div> -->
         </div>
     </div>
     <div class="fullpaneltable UserInfoManagementinfo" id='UserInfoManagementinfo'>
@@ -119,7 +161,7 @@
                 <div class="form-group form-inline ">
                     <label class=" control-label">投用时间</label>
                     <input type="text" autocomplete="off" class="input-sm form-control  useDate" name="useDate"  showname='useDate' fileType='date' data-bv-message="投用时间不能为空" data-bv-trigger="blur"
-                    placeholder="年-月-日" />    
+                    placeholder="年-月-日" />
                 </div>
                 <div class="form-group form-inline ">
                     <label class=" control-label">户数</label>
@@ -134,7 +176,7 @@
                 <div class="form-group form-inline ">
                     <label class=" control-label">安装时间</label>
                     <input type="text" autocomplete="off" class="input-sm form-control  installDate" name="installDate"  showname='installDate' fileType='date' data-bv-message="安装时间不能为空" data-bv-trigger="blur"
-                    placeholder="年-月-日" />    
+                    placeholder="年-月-日" />
                 </div>
                 <div class="form-group form-inline ">
                     <label class=" control-label">规格</label>
@@ -154,7 +196,7 @@
                 <div class="form-group form-inline ">
                     <label class=" control-label">上次巡检</label>
                     <input type="text" autocomplete="off" class="input-sm form-control  lastDate" name="lastDate"  showname='lastDate' fileType='date' data-bv-message="上次巡检不能为空" data-bv-trigger="blur"
-                    placeholder="年-月-日" />    
+                    placeholder="年-月-日" />
                 </div>
                 <div class="form-group form-inline ">
                     <label class=" control-label">暖气</label>
@@ -242,4 +284,4 @@ $$
         <label class=" control-label">导入文件</label>
         <input type="file" class="form-control file importFile" fileType='file' accept=".xls,.xlsx" showname="file" name="file" placeholder="导入文件">
     </div>
-</div>
+</div>

+ 24 - 6
src/widgets/UserInfoManagement/Widget.ts

@@ -32,7 +32,8 @@ class UserInfoManagement extends BaseWidget {
         var html = _.template(this.template.split('$$')[0] + "</div>")();
         this.setHtml(html);
         this.ready();
-        this.getUserInfoManagement();
+        this.getAreaList();
+
     }
 
     configure() {
@@ -69,8 +70,24 @@ class UserInfoManagement extends BaseWidget {
         this.domObj.find('.btn_importUserInfoManagement').off().on("click", function () {
             this.importInfo();
         }.bind(this));
-    }
 
+
+    }
+    getAreaList(){
+        this.ajaxSend.sendAjax(this,{},this.config.areaSelect,this.ajaxSend.type.get,(result)=>{
+            console.log(result);
+            var areaStr = "";
+            areaStr +=  `<option value>全部</option>`
+            result.result.forEach(item => {
+                if(item){
+                    areaStr += `<option value=${item}>${item}</option>`
+                }
+            });
+            this.domObj.find(".areaList").append(areaStr);
+            this.getUserInfoManagement();
+            //debugger;
+        });
+    }
     //导入
     importInfo(){
         this.popup.setSize(500, 650);
@@ -187,7 +204,7 @@ class UserInfoManagement extends BaseWidget {
         }.bind(this))
     }
 
-    //处理时间格式数据选择时间是天的时候在最后追加00:00:00   
+    //处理时间格式数据选择时间是天的时候在最后追加00:00:00
     setDate(data){
         let dateString=["installDate","lastDate","dateOfProduction","useDate"];
         dateString.forEach(item=>{
@@ -239,7 +256,8 @@ class UserInfoManagement extends BaseWidget {
         let that = this;
         if (that.dataTable) {
             that.searchInfo={
-                "userCode":that.domObj.find(".userCode").val()
+                "userCode":that.domObj.find(".userCode").val(),
+                "area":that.domObj.find(".areaList option:selected").val()
             }
             that.dataTable.ajax.reload();
             return;
@@ -250,11 +268,11 @@ class UserInfoManagement extends BaseWidget {
             elementId: "UserInfoManagementinfodata",
             url: that.config.getEquipmentListAll,
             searchInfo: that.searchInfo,//条件在不断变化,故需要有全局的条件监听
-            displayTitle: ["用户编码", "用户名称", "巡检周期", "气表编码", "供应商", "地址", "安装员", "用气性质", "区域","出厂日期", "电话", "调压器编号", 
+            displayTitle: ["用户编码", "用户名称", "巡检周期", "气表编码", "供应商", "地址", "安装员", "用气性质", "区域","出厂日期", "电话", "调压器编号",
             "投用时间", "户数", "设备状态", "安装时间", "规格", "表类型", "挂表方式", "上次巡检", "暖气", "立管位置", "表箱", "入户防腐", "立管方式",
             "采集人"],
             displayField: ["userCode", "userName", "period", "gasCode", "supplier", "address", "setter", "gasProperties", "area", "dateOfProduction",
-            "tel","voltageRegulatorCode", "useDate", "users", "deviceState", "installDate","specification", "gasMeterType", "gasMeterLoad", 
+            "tel","voltageRegulatorCode", "useDate", "users", "deviceState", "installDate","specification", "gasMeterType", "gasMeterLoad",
             "lastDate", "heating", "standPipe", "tableBox","aczoiling", "standPipeType", "gatherer"],
             extentDisplayTitle: [],
             extentDisplayField: [],

+ 2 - 1
src/widgets/UserInfoManagement/config.json

@@ -11,6 +11,7 @@
     "deleteEquipment": "/zmrq/userdevice/deleteByIds",
     "updates":"/zmrq/userdevice/updateByIds",
     "ImportExcel": "/zmrq/userdevice/excel",
+    "areaSelect":"/zmrq/userdevice/getAreaList",
     "searchUser": "",
     "pagenumber": 0,
     "pagesize": 50,
@@ -49,4 +50,4 @@
         "1": "是",
         "0": "否"
     }
-}
+}

+ 23 - 1
src/widgets/UserInfoManagement/css/style.scss

@@ -5,6 +5,28 @@
             float: left;
             margin: 4px 0px 4px 4px;
         }
+        .groupright{
+            display: flex;
+            position: absolute;
+            right: 15px;
+            div{
+                margin-right: 15px;
+                cursor: pointer;
+            }
+        }
+        button{
+            min-width: 80px;
+            max-width: 100px;
+            height: 34px;
+            color: white;
+            background: #1A77E0;
+            border-radius: 3px;
+            border: none;
+            cursor: pointer;
+        }
+        select{
+            margin: 0 10px;
+        }
     }
     .fullpaneltable {
         overflow-y: hidden;
@@ -60,4 +82,4 @@
             margin: 0px;
         }
     }
-}
+}