node-swallowjs
Version:
epp portal
276 lines (269 loc) • 9.69 kB
JSX
var SelectYears = React.createClass({
render() {
return (
<select {...this.props}>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
)
}
});
var LaunchPhase = React.createClass({
render() {
return (
<select {...this.props}>
<option value="sunrise">sunrise</option>
<option value="landrush">landrush</option>
<option value="claims">claims</option>
<option value="open">open</option>
<option value="custom">custom</option>
</select>
)
}
});
var SelectType = React.createClass({
render() {
return (
<select {...this.props}>
<option value="A">A</option>
<option value="AAAA">AAAA</option>
<option value="CNAME">CNAME</option>
<option value="DNAME">DNAME</option>
<option value="MX">MX</option>
<option value="NS">NS</option>
<option value="SPF">SPF</option>
<option value="TXT">TXT</option>
<option value="PTR">PTR</option>
<option value="URL">URL</option>
</select>
)
}
});
var SelectStatus = React.createClass({
render() {
return (
<select {...this.props}>
<option value="-1"></option>
<option value="0">未通过</option>
<option value="1">通过</option>
</select>
)
}
});
var SelectOrgIdType = React.createClass({
render() {
return (
<select {...this.props}>
<option value="1">工商营业执照</option>
<option value="2">组织机构代码证</option>
<option value="4">统一社会信用代码证书</option>
<option value="8">部队代号</option>
<option value="9">军队单位对外有偿服务系可证</option>
<option value="10">事业单位法人证书</option>
<option value="11">外国企业常驻代表机构登记证</option>
<option value="14">社会团体法人登记证书</option>
<option value="15">宗教活动场所登记证</option>
<option value="16">民办非企业单位登记证书</option>
<option value="17">基金会法人登记证书</option>
<option value="18">律师事务所执业许可证</option>
<option value="19">外国在华文化中心登记证</option>
<option value="20">外国政府旅游部门常驻代表机构批准登记证</option>
<option value="21">司法鉴定许可证</option>
<option value="22">境外机构证件</option>
<option value="23">社会服务机构登记证书</option>
<option value="24">民办学校办学许可证</option>
<option value="25">医疗机构执业许可证</option>
<option value="26">公证机构执业证</option>
<option value="27">北京市外国驻华使馆人员子女学校办学许可证</option>
<option value="30">其他(只允许填统一社会信用代码)</option>
</select>
)
}
});
var DsData = React.createClass({
render() {
return (
<div>
keyTag:
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.keyTag',
size: '5',
maxLength: '5'
})}/>
alg:
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.alg',
size: '3',
maxLength: '3'
})}/>
digestType:
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.digestType',
size: '3',
maxLength: '3'
})}/>
<br/>
digest:
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.digest',
size: '45',
maxLength: '256'
})}/>
</div>
)
}
});
var PostalInfo = React.createClass({
render() {
return (
<table border="0">
<tbody>
<tr>
<td>联系人姓名：</td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.name',
size: '40',
maxLength: '64',
readOnly: this.props.readOnly
})}/>
<label>中英文均可，如中文填写不少于<strong className="red">2</strong>个汉字</label>
</td>
</tr>
<tr>
<td>所在组织：</td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.org',
size: '40',
maxLength: '64',
readOnly: this.props.readOnly
})}/>
<label>中英文均可，如中文填写不少于<strong className="red">2</strong>个汉字</label>
</td>
</tr>
<tr>
<td>所在街道：</td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.street1',
size: '40',
maxLength: '64'
})}/>
<label>中英文均可，需填写完整地址，不能只写某市、区之类，如中文填写，不得少于<strong className="red">8</strong>个汉字</label>
</td>
</tr>
<tr>
<td></td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.street2',
size: '40',
maxLength: '64'
})}/>
</td>
</tr>
<tr>
<td></td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.street3',
size: '40',
maxLength: '64'
})}/>
</td>
</tr>
<tr>
<td>所在城市：</td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.city',
size: '40',
maxLength: '64'
})}/>
<label>中英文均可，如中文填写不少于<strong className="red">2</strong>个汉字</label>
</td>
</tr>
<tr>
<td>所在省份：</td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.sp',
size: '40',
maxLength: '64'
})}/>
<label>中英文均可，如中文填写不少于<strong className="red">2</strong>个汉字</label>
</td>
</tr>
<tr>
<td>邮政编码：</td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.pc',
size: '10',
maxLength: '10'
})}/>
<label>国内邮编均为<strong className="red">6</strong>位数字</label>
</td>
</tr>
<tr>
<td>国家代码：</td>
<td>
<input {...this.props.linkState({
type: 'text',
name: this.props.name+'.cc',
readOnly: true,
size: '2',
maxLength: '2'
})}/>
<label>两个英文字符，中国为CN</label>
</td>
</tr>
</tbody>
</table>
)
}
});
var OpResult = React.createClass({
render() {
switch(typeof(this.props.content)) {
case 'object':
return (
<table>
<tbody>
{forJSON(this.props.content, (key, value) => (
<tr key={key}>
<td>{key}</td>
<td>{JSON.stringify(value)}</td>
</tr>
))}
</tbody>
</table>
)
default:
return (
<pre style={{display: this.props.content ? "block" : "none"}}>{this.props.content}</pre>
)
}
}
});