diff --git a/index.html b/index.html index bfcfa43..c01905b 100644 --- a/index.html +++ b/index.html @@ -95,7 +95,7 @@ -
+
@@ -116,10 +118,12 @@
- - +
+ + +
-
+
@@ -305,17 +309,45 @@ 'code':'110101', 'onChange':function(data){ var code = data['code'].toString(); - var trs_html = []; - if(diffMap2[code]){ - trs_html = diffMap2[code].map(function(value){ - return ''+value+''+getName(value)+''; - }); - $location.find('.table-inner').html('
当前行政区划
区划代码行政区划地址
'+code+''+getName(code)+'
\ - '+trs_html.join('')+'
历史行政区划
区划代码行政区划地址
'); - }else{ - $location.find('.table-inner').html('
当前行政区划
区划代码行政区划地址
'+code+''+getName(code)+'
\ -
历史行政区划
区划代码行政区划地址
暂无数据
'); - } + $location.find('.result-container').html(` +
+ + + + + + + + + + + + + + +
当前行政区划
区划代码行政区划地址
${code}${getName(code)}
+
+
+ + + + + + + + + + ${ + diffMap2[code]? + diffMap2[code].map(function(value){ + return ''; + }).join(''): + '' + } + +
历史行政区划
区划代码行政区划地址
'+value+''+getName(value)+'
暂无数据
+
+ `); } }); @@ -335,17 +367,21 @@ ${diffMap[code].map(function(value){return '

'+getName(value)+'

';})} `; } - $idcard.find('.table-inner').html(` - - - - - ${newAddress} - - - - -
证件类型${result['type']}
国籍${result['country']}
首次签发地${result['sign']}
出生日期${result['birthday'].replace(/(\d{4})(\d{2})(\d{2})/,'$1年$2月$3日')}
性别${result['sex']}
有效性${(result['isValid']?'有效':'无效')}
`); + $idcard.find('.result-container').html(` +
+ + + + + + ${newAddress} + + + + +
证件类型${result['type']}
国籍${result['country']}
首次签发地${result['sign']}
出生日期${result['birthday'].replace(/(\d{4})(\d{2})(\d{2})/,'$1年$2月$3日')}
性别${result['sex']}
有效性${(result['isValid']?'有效':'无效')}
+
+ `); } return false; }); diff --git a/static/style/index.css b/static/style/index.css index a733004..ce7562f 100644 --- a/static/style/index.css +++ b/static/style/index.css @@ -160,15 +160,15 @@ word-wrap: break-word; } .mod-panel .bd .table-inner{ + margin-top: 15px; overflow-x: auto; } .mod-panel .bd table{ width: 100%; - margin-bottom: 15px; } .mod-panel .bd caption{ - line-height: 30px; - font-size: 15px; + line-height: 32px; + font-size: 16px; font-weight: bold; } .mod-panel .bd thead{