322 lines
26 KiB
HTML
322 lines
26 KiB
HTML
<div ng-controller="Configs.KubeController">
|
||
<div class="row">
|
||
<div hawtio-breadcrumbs></div>
|
||
</div>
|
||
<div class="row">
|
||
<div hawtio-tabs></div>
|
||
</div>
|
||
<div class="container-content ">
|
||
<div class="container-fluid sj_fluid">
|
||
<div class="row align-center mb10" ng-hide="model.oracleParam.length">
|
||
<p class="alert alert-info">当前没有配置汇总库信息,请配置,否则汇总操作将不可用！</p>
|
||
</div>
|
||
<div class="row mb10" ng-show="model.oracleParam.length">
|
||
<table class="table table-bordered table-striped sj_content_table" hawtio-simple-table="tableConfig" />
|
||
</div>
|
||
<div class="row">
|
||
<div>
|
||
<button class="btn sj_btn_green mb10" style="color:#fff;" ng-click="create()">
|
||
<span class="glyphicon glyphicon-plus"></span> 添加
|
||
</button>
|
||
<button class="btn sj_btn_green mb10" style="color:#fff;" ng-click="createGatherDababase()">
|
||
<span class="glyphicon glyphicon-plus"></span> 创建汇总库
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="row " style="padding-top:10px;" ng-show="tableForm && (edit || add)">
|
||
<h3 class="mb10" ng-show="edit">编辑汇总库连接信息:</h3>
|
||
<h3 class="mb10" ng-show="add">添加汇总库信息:</h3>
|
||
<div class="col-md-6 col-md-offset-1 ">
|
||
<form class="form-horizontal" novalidate="novalidate" name="validForm" ng-submit="onSubmit(tableForm)">
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">名称</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control " type="text" ng-model="tableForm.name" name="orcName" ng-minlength="2" ng-maxlength="20" required="required" ng-focus="tableForm.name" placeholder="请输入2-20个字符的数据名称" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcName.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcName.$error.required">名称不能为空</span>
|
||
<span role="alert" ng-show="!validForm.orcName.$error.required && validForm.orcName.$invalid">请输入2-20个字符的数据名称</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div class="form-group" ng-show="add">
|
||
<label class="col-sm-3 control-label">是否创建汇总库</label>
|
||
<div class="col-sm-9 sj_form_input ">
|
||
<select class="form-control " ng-model="tableForm.isCreateGatherOracle">
|
||
<option value=1 ng-selected="tableForm.isCreateGatherOracle==1">是</option>
|
||
<option value=0 ng-selected="tableForm.isCreateGatherOracle==0" selected>否</option>
|
||
</select>
|
||
</div>
|
||
</div> -->
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">IP</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.ip" name="orcIP" ng-pattern="/((?:(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d)))\.){3}(?:25[0-5]|2[0-4]\d|((1\d{2})|([1-9]?\d))))/" required="required" ng-focus="tableForm.ip" placeholder="oracle的IP,例如：0.0.0.0" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcIP.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcIP.$error.required">IP不能为空</span>
|
||
<span role="alert" ng-show="validForm.orcIP.$error.pattern">请输入正确的IP地址</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">端口号</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.port" name="orcPort" ng-pattern="/^([1-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/" required="required" ng-focus="tableForm.port" placeholder="oracle的的端口,1~65535" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcPort.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcPort.$error.required">端口号不能为空</span>
|
||
<span role="alert" ng-show="validForm.orcPort.$error.pattern">端口号必须为1~65535的数字</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <div ng-switch="tableForm.isCreateGatherOracle">
|
||
<div ng-switch-when="1">
|
||
<div class="form-group ">
|
||
<label class="col-sm-3 control-label">开始时间</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.startTime" name="startTime" ng-pattern="/^([0-9]{4})-(0?[1-9]|1[0-2])$/" required="required" ng-focus="tableForm.startTime" placeholder="开始时间,格式为yyyy-MM 例如：2018-02" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.startTime.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.startTime.$error.required">开始时间不能为空</span>
|
||
<span role="alert" ng-show="validForm.startTime.$error.pattern">格式为yyyy-MM 例如：2018-02</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">结束时间</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.endTime" name="orcEndTime" ng-pattern="/^([0-9]{4})-(0?[1-9]|1[0-2])$/" required="required" ng-focus="tableForm.endTime" placeholder="结束时间,格式为yyyy-MM 例如：2018-02" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcEndTime.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcEndTime.$error.required">结束时间不能为空</span>
|
||
<span role="alert" ng-show="validForm.orcEndTime.$error.pattern">格式为yyyy-MM 例如：2018-02</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">联系人</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.contact" name="contact" ng-pattern="" required="required" ng-focus="tableForm.contact" placeholder="联系人" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.contact.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.contact.$error.required">联系人不能为空</span>
|
||
<span role="alert" ng-show="validForm.contact.$error.pattern">联系人为有效联系人</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">联系方式</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.phone" name="phone" ng-pattern="/^[1][3,4,5,7,8][0-9]{9}$/" required="required" ng-focus="tableForm.phone" placeholder="联系方式" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.phone.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.phone.$error.required">联系方式不能为空</span>
|
||
<span role="alert" ng-show="validForm.phone.$error.pattern">手机号必须为有效的手机号码</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">数据版本号</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.dataVersion" name="dataVersion" ng-pattern="/^[1-9]\d*$/" required="required" ng-focus="tableForm.phone" placeholder="数据版本号" ng-init="tableForm.dataVersion=1" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.phone.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.phone.$error.required">版本号不能为空</span>
|
||
<span role="alert" ng-show="validForm.dataVersion.$error.pattern">数据版本号必须为正整数</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">编码方式</label>
|
||
<div class="col-sm-9 sj_form_input ">
|
||
<select class="form-control " ng-model="tableForm.encoding">
|
||
<option value=0 ng-selected="tableForm.encoding==GBK" selected>GBK</option>
|
||
<option value=1 ng-selected="tableForm.encoding==UTF8">UTF8</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> -->
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">用戶名</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.user" name="orcUser" ng-pattern="/^\w{2,15}$/" required="required" ng-focus="tableForm.user" placeholder="oracle的用户名，2-15个字母、数字或下划线" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcUser.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcUser.$error.required">用户名不能为空</span>
|
||
<span role="alert" ng-show="validForm.orcUser.$error.pattern">用户名必须为2-15个字母、数字或下划线</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">密码</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.password" name="orcPassword" ng-pattern="/^\w{2,15}$/" required="required" ng-focus="tableForm.password" placeholder="oracle的密码,2-15个字母、数字或下划线" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcPassword.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcPassword.$error.required">密码不能为空</span>
|
||
<span role="alert" ng-show="validForm.orcPassword.$error.pattern">密码必须为2-15个字母、数字或下划线</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">服务名</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.databaseName" name="orcService" ng-pattern="/^[a-zA-Z]{1,10}$/" required="required" ng-focus="tableForm.databaseName" placeholder="oracle的实例名,1-10个字母,例如ORCL" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcService.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcService.$error.required">服务名不能为空</span>
|
||
<span role="alert" ng-show="validForm.orcService.$error.pattern">服务名必须为1-10个字母</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">表空间名</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.tableName" name="orcTable" ng-pattern="/^\w{1,15}$/" required="required" ng-focus="tableForm.tableName" placeholder="oracle的表空间名,1-15个字母、数字或下划线" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcTable.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcTable.$error.required">表空间名不能为空</span>
|
||
<span role="alert" ng-show="validForm.orcTable.$error.pattern">表空间名必须为1-15个字母、数字或下划线</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">用户名后缀</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.suffix" name="orcSuffix" ng-pattern="/^\w{1,10}$/" required="required" ng-focus="tableForm.suffix" placeholder="汇总生成新表的后缀名,1-10个字母、数字或下划线" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="validForm.orcSuffix.$invalid && submitted">
|
||
<span role="alert" ng-show="validForm.orcSuffix.$error.required">用户名后缀不能为空</span>
|
||
<span role="alert" ng-show="validForm.orcSuffix.$error.pattern">用户名后缀名必须为1-10个字母、数字或下划线</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">标准表汇总库</label>
|
||
<div class="col-sm-9 sj_form_input ">
|
||
<select class="form-control " ng-model="tableForm.type">
|
||
<option value=0 ng-selected="tableForm.type==0" ng-init="tableForm.type==0">否</option>
|
||
<option value=1 ng-selected="tableForm.type==1">是</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" style="margin-left:145px;">
|
||
<button class="btn sj_btn_blue" type='submit' style="color:#fff; margin-right:30px;">
|
||
<span class="glyphicon glyphicon-save "></span> 保存
|
||
</button>
|
||
<button class="btn sj_btn_grey" ng-click='cancel()'>
|
||
<span class="glyphicon glyphicon-remove "></span> 取消
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<hr>
|
||
<div class="row " style="padding-top:10px;" ng-show="tableForm && createDatabase">
|
||
<h3 class="mb10" ng-show="createDatabase">填写创建汇总库信息:</h3>
|
||
<div class="col-md-6 col-md-offset-1 ">
|
||
<form class="form-horizontal" novalidate="novalidate" name="createDatabaseForm" ng-submit="onSubmitCreateDatabase(tableForm)">
|
||
<div class="form-group" ng-show="0">
|
||
<label class="col-sm-3 control-label">汇总库系统名称</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control " type="text" ng-model="tableForm.systemName" name="systemName" ng-minlength="2" ng-maxlength="20" required="required" ng-focus="tableForm.systemName" ng-init="tableForm.systemName='汇总库'" placeholder="请输入2-20个字符的汇总库系统名称" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="createDatabaseForm.systemName.$invalid && submittedCreateDatabase">
|
||
<span role="alert" ng-show="createDatabaseForm.systemName.$error.required">汇总库系统名称不能为空</span>
|
||
<span role="alert" ng-show="!createDatabaseForm.systemName.$error.required && createDatabaseForm.systemName.$invalid">请输入2-20个字符的汇总库系统名称</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group ">
|
||
<label class="col-sm-3 control-label">开始时间</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.startTime" name="startTime" ng-pattern="/^([0-9]{4})-(0?[1-9]|1[0-2])$/" required="required" ng-focus="tableForm.startTime" placeholder="开始时间,格式为yyyy-MM 例如：2018-02" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="createDatabaseForm.startTime.$invalid && submittedCreateDatabase">
|
||
<span role="alert" ng-show="createDatabaseForm.startTime.$error.required">开始时间不能为空</span>
|
||
<span role="alert" ng-show="createDatabaseForm.startTime.$error.pattern">格式为yyyy-MM 例如：2018-02</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">结束时间</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.endTime" name="endTime" ng-pattern="/^([0-9]{4})-(0?[1-9]|1[0-2])$/" required="required" ng-focus="tableForm.endTime" placeholder="结束时间,格式为yyyy-MM 例如：2018-02" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="createDatabaseForm.endTime.$invalid && submittedCreateDatabase">
|
||
<span role="alert" ng-show="createDatabaseForm.endTime.$error.required">结束时间不能为空</span>
|
||
<span role="alert" ng-show="createDatabaseForm.endTime.$error.pattern">格式为yyyy-MM 例如：2018-02</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">联系人</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.contact" name="contact" ng-pattern="" required="required" ng-focus="tableForm.contact" placeholder="联系人" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="createDatabaseForm.contact.$invalid && submittedCreateDatabase">
|
||
<span role="alert" ng-show="createDatabaseForm.contact.$error.required">联系人不能为空</span>
|
||
<span role="alert" ng-show="createDatabaseForm.contact.$error.pattern">联系人为有效联系人</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">联系方式</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.phone" name="phone" ng-pattern="/^[1][3,4,5,7,8][0-9]{9}$/" required="required" ng-focus="tableForm.phone" placeholder="联系方式" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="createDatabaseForm.phone.$invalid && submittedCreateDatabase">
|
||
<span role="alert" ng-show="createDatabaseForm.phone.$error.required">联系方式不能为空</span>
|
||
<span role="alert" ng-show="createDatabaseForm.phone.$error.pattern">手机号必须为有效的手机号码</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">数据版本号</label>
|
||
<div class="col-sm-9 sj_form_input">
|
||
<input class="system-info-danger-input form-control" type="text" ng-model="tableForm.dataVersion" name="dataVersion" ng-pattern="/^[1-9]\d*$/" required="required" ng-focus="tableForm.dataVersion" placeholder="数据版本号" ng-init="tableForm.dataVersion=1" />
|
||
<div class="system-info-danger-red-char form-error" ng-show="createDatabaseForm.dataVersion.$invalid && submittedCreateDatabase">
|
||
<span role="alert" ng-show="createDatabaseForm.dataVersion.$error.required">版本号不能为空</span>
|
||
<span role="alert" ng-show="createDatabaseForm.dataVersion.$error.pattern">数据版本号必须为正整数</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-3 control-label">编码方式</label>
|
||
<div class="col-sm-9 sj_form_input ">
|
||
<select class="form-control " ng-model="createDatabaseForm.encoding">
|
||
<option value="GBK" ng-selected="createDatabaseForm.encoding==GBK" selected>GBK</option>
|
||
<option value="UTF8" ng-selected="createDatabaseForm.encoding==UTF8">UTF8</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" style="margin-left:145px;">
|
||
<button class="btn sj_btn_blue" type='submit' style="color:#fff; margin-right:30px;">
|
||
<span class="glyphicon glyphicon-save "></span> 保存
|
||
</button>
|
||
<button class="btn sj_btn_grey" ng-click='cancelCreateDatabase()'>
|
||
<span class="glyphicon glyphicon-remove "></span> 取消
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<style>
|
||
.form-horizontal input::-webkit-input-placeholder {
|
||
font-family: "微软雅黑";
|
||
font-size: 12px;
|
||
line-height: 28px;
|
||
font-style: normal;
|
||
}
|
||
|
||
.form-horizontal input::-moz-placeholder {
|
||
font-family: "微软雅黑";
|
||
font-size: 12px;
|
||
line-height: 28px;
|
||
font-style: normal;
|
||
}
|
||
|
||
.form-horizontal input:-moz-placeholder {
|
||
font-family: "微软雅黑";
|
||
font-size: 12px;
|
||
line-height: 28px;
|
||
font-style: normal;
|
||
}
|
||
|
||
.form-horizontal input:-ms-input-placeholder {
|
||
font-family: "微软雅黑";
|
||
font-size: 12px;
|
||
line-height: 28px;
|
||
font-style: normal;
|
||
}
|
||
</style> |