|
@@ -1550,44 +1550,43 @@
|
|
|
<tr align="center">
|
|
|
<th rowspan="3" colspan="2" class="th">项目概况</th>
|
|
|
<td colspan="4">项目名称</td>
|
|
|
- <td colspan="46">国有项目</td>
|
|
|
+ <td colspan="16" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">征收部门</td>
|
|
|
- <td colspan="16">慈溪市人民政府房屋征收管理办公室</td>
|
|
|
+ <td colspan="16" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">征收决定号</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">签约期限</td>
|
|
|
- <td colspan="6">/</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
|
|
|
<!-- 被征收房屋概况 -->
|
|
|
<tr align="center">
|
|
|
<th rowspan="4" colspan="2" class="th">被征收房屋概况</th>
|
|
|
<td colspan="4">被征收人</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6">{{ datahousehold.householderName }}</td>
|
|
|
<td colspan="4">身份证号</td>
|
|
|
- <td colspan="6">/</td>
|
|
|
+ <td colspan="6">{{ datahousehold.householderIdCard }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">房屋坐落</td>
|
|
|
- <td colspan="6"></td>
|
|
|
- <td colspan="4"></td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="16">{{ datahousehold.oldHouseAddress }}</td>
|
|
|
+
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">建筑面积</td>
|
|
|
- <td colspan="6">100m²</td>
|
|
|
+ <td colspan="6">{{ datahousehold.stateOwnedBuiltUpArea }}</td>
|
|
|
<td colspan="4">土地面积</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6">{{ datahousehold.fzzLandArea }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">签约时间</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6">{{ datahousehold.signingDateOfCompensationAgreement }}</td>
|
|
|
<td colspan="4">腾空时间(临时过渡安置费起始时间)</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
|
|
|
|
|
@@ -1595,44 +1594,41 @@
|
|
|
<tr align="center">
|
|
|
<th rowspan="7" colspan="2" class="th">征收补偿资金</th>
|
|
|
<td colspan="4">被征收房屋评估价值</td>
|
|
|
- <td colspan="6">1200000元</td>
|
|
|
+ <td colspan="6">{{ datahousehold.assessmentAmount }}</td>
|
|
|
<td colspan="4">签约搬迁奖励</td>
|
|
|
- <td colspan="6">12000元</td>
|
|
|
+ <td colspan="6">{{ datahousehold.relocationIncentiveFee }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">低收入住房困难补偿</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6">{{ datahousehold.lowIncomeSubsidy }}</td>
|
|
|
<td colspan="4">临时安置费</td>
|
|
|
- <td colspan="6">12000元</td>
|
|
|
+ <td colspan="6">{{ datahousehold.relocationAndTemporaryResettlement }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">住房困难补助</td>
|
|
|
- <td colspan="6"></td>
|
|
|
- <td colspan="4"></td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="16">{{ datahousehold.housingDifficultiesSubsidy }}</td>
|
|
|
+
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">装修、附属物评估价值</td>
|
|
|
- <td colspan="6"></td>
|
|
|
- <td colspan="4"></td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="16">{{ datahousehold.renovationAmount }}</td>
|
|
|
+
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">一次性补偿搬迁费</td>
|
|
|
- <td colspan="6">30000元</td>
|
|
|
- <td colspan="4"></td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="16">{{ datahousehold.relocationCompensation }}</td>
|
|
|
+
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">征收补偿资金合计(大写):</td>
|
|
|
- <td colspan="8">壹佰叁拾陆万零贰佰元整</td>
|
|
|
- <td colspan="8">¥:1360200元</td>
|
|
|
+ <td colspan="10">{{ datahousehold.totalCollectedCompensationFunds }}</td>
|
|
|
+ <td colspan="6">¥:{{ datahousehold.totalCollectedCompensationFunds }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">可领征收补偿款</td>
|
|
|
- <td colspan="6">0元</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">安置房单价</td>
|
|
|
- <td colspan="6">10000</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
|
|
|
|
|
@@ -1640,68 +1636,67 @@
|
|
|
<tr align="center">
|
|
|
<th rowspan="11" colspan="2" class="th">产权调换房屋概况</th>
|
|
|
<td colspan="4">坐落</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">建筑面积</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6">{{ datahousehold.stateOwnedBuiltUpArea }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">储藏间编号</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">车位编号</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">换算面积(结算面积)</td>
|
|
|
- <td colspan="6">120m² (-96m²)</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">结算金额(被征收房屋评估金额/安置房比准价)</td>
|
|
|
- <td colspan="6">-29600元</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">增加面积</td>
|
|
|
- <td colspan="6">10m²</td>
|
|
|
- <td colspan="4">结算金额(被征收房屋建筑面积*10%,保底5平方米)</td>
|
|
|
- <td colspan="6">92000元</td>
|
|
|
+ <td colspan="16">{{ datahousehold.increasedArea }}</td>
|
|
|
+
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">面积补助</td>
|
|
|
- <td colspan="6">9.6m²</td>
|
|
|
+ <td colspan="6">{{ datahousehold.exchangeSubsidy }}</td>
|
|
|
<td colspan="4">结算金额(换算面积*8%)</td>
|
|
|
- <td colspan="6">/</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">公摊面积补助</td>
|
|
|
- <td colspan="6">10m²</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">结算金额</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">上靠面积</td>
|
|
|
- <td colspan="6">0m²</td>
|
|
|
+ <td colspan="6">{{ datahousehold.upperArea }}</td>
|
|
|
<td colspan="4">结算金额</td>
|
|
|
- <td colspan="6">0元</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">储藏间面积</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">结算金额</td>
|
|
|
- <td colspan="6">0元</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">车位</td>
|
|
|
- <td colspan="6">51个</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">结算金额</td>
|
|
|
- <td colspan="6">元</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">调整项目</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
<td colspan="4">结算金额</td>
|
|
|
- <td colspan="6"></td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="8">应支付合计金额(大写):</td>
|
|
|
- <td colspan="6">负贰拾万肆仟元整</td>
|
|
|
- <td colspan="6">¥:204000元</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
|
|
|
|
|
@@ -1709,13 +1704,13 @@
|
|
|
<tr align="center">
|
|
|
<th rowspan="2" colspan="2" class="th">差价结算</th>
|
|
|
<td colspan="7">慈溪市人民政府房屋征收管理办公室应向</td>
|
|
|
- <td colspan="5">0</td>
|
|
|
+ <td colspan="5" class="null">暂无数据</td>
|
|
|
<td colspan="3">支付差价¥</td>
|
|
|
- <td colspan="4">1564200元</td>
|
|
|
+ <td colspan="4" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="2">大写:</td>
|
|
|
- <td colspan="18">壹佰叁拾陆万零贰佰元整</td>
|
|
|
+ <td colspan="18" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
@@ -1769,7 +1764,7 @@
|
|
|
<div class="stateOwnedA-neck">
|
|
|
<div class="stateOwnedA-neck-top">
|
|
|
<div style="width:25%">
|
|
|
- 补偿协议编号:202112-0018
|
|
|
+ 补偿协议编号:{{ datahousehold.moveBackCode }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -1787,80 +1782,76 @@
|
|
|
<tr align="center">
|
|
|
<th rowspan="3" colspan="2" class="th">项目概况</th>
|
|
|
<td colspan="4">项目名称</td>
|
|
|
- <td colspan="16">慈溪市四灶浦南延(新城河)拓疏二期(文二路-慈甬路)</td>
|
|
|
+ <td colspan="16" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">征收部门</td>
|
|
|
- <td colspan="16">慈溪市人民政府房屋征收管理办公室</td>
|
|
|
+ <td colspan="16" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">征收决定号</td>
|
|
|
- <td colspan="6"> 慈政处[2021]12号</td>
|
|
|
- <td colspan="3">签约期限</td>
|
|
|
- <td colspan="7">签约期限届满之日起7
|
|
|
- 0日</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
+ <td colspan="4">签约期限</td>
|
|
|
+ <td colspan="6" class="null">暂无数据</td>
|
|
|
</tr>
|
|
|
|
|
|
<tr align="center">
|
|
|
<th rowspan="5" colspan="2" class="th">被征收房屋概况</th>
|
|
|
<td colspan="4">被征收人</td>
|
|
|
- <td colspan="16"> 龚候钊</td>
|
|
|
+ <td colspan="16">{{ datahousehold.householderName }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">身份证</td>
|
|
|
- <td colspan="16">310110194310183850</td>
|
|
|
+ <td colspan="16">{{ datahousehold.householderIdCard }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">房屋坐落</td>
|
|
|
- <td colspan="16">慈溪市慈溪市白沙路街道群丰社区龙王桥路6弄2号</td>
|
|
|
+ <td colspan="16">{{ datahousehold.oldHouseAddress }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">建筑面积</td>
|
|
|
- <td colspan="6"> 290.70㎡</td>
|
|
|
+ <td colspan="6"> {{ datahousehold.stateOwnedBuiltUpArea }}</td>
|
|
|
<td colspan="3">土地面积</td>
|
|
|
- <td colspan="7">160.00㎡</td>
|
|
|
+ <td colspan="7">{{ datahousehold.fzzLandArea }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">签约时间</td>
|
|
|
- <td colspan="16"> 2022/4/18</td>
|
|
|
+ <td colspan="16">{{ datahousehold.signingDateOfCompensationAgreement }}</td>
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
<tr align="center">
|
|
|
<th rowspan="6" colspan="2" class="th">征收补偿资金结算</th>
|
|
|
<td colspan="4">被征收房屋评估价值</td>
|
|
|
- <td colspan="6"> 3280591元</td>
|
|
|
+ <td colspan="6">{{ datahousehold.assessmentAmount }}</td>
|
|
|
<td colspan="4">一次性补偿搬迁费</td>
|
|
|
- <td colspan="6"> 87210元</td>
|
|
|
+ <td colspan="6"> {{ datahousehold.relocationCompensation }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">低收入住房困难补偿</td>
|
|
|
- <td colspan="6">0元</td>
|
|
|
+ <td colspan="6">{{ datahousehold.lowIncomeSubsidy }}</td>
|
|
|
<td colspan="4">临时过渡费补助</td>
|
|
|
- <td colspan="6">29652元</td>
|
|
|
+ <td colspan="6">{{ datahousehold.relocationAndTemporaryResettlement }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">住房困难补助</td>
|
|
|
- <td colspan="6">0元</td>
|
|
|
+ <td colspan="6">{{ datahousehold.housingDifficultiesSubsidy }}</td>
|
|
|
<td colspan="4">签约搬迁奖励</td>
|
|
|
- <td colspan="6">328060元</td>
|
|
|
+ <td colspan="6">{{ datahousehold.relocationIncentiveFee }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">货币补偿补助</td>
|
|
|
- <td colspan="6">820148元</td>
|
|
|
- <td colspan="3"></td>
|
|
|
- <td colspan="7"></td>
|
|
|
+ <td colspan="16">{{ datahousehold.monetaryCompensation }}</td>
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">装修附属物评估价值</td>
|
|
|
- <td colspan="6">72294元</td>
|
|
|
- <td colspan="3"></td>
|
|
|
- <td colspan="7"></td>
|
|
|
+ <td colspan="16">{{ datahousehold.renovationAmount }}</td>
|
|
|
+
|
|
|
</tr>
|
|
|
<tr align="center">
|
|
|
<td colspan="4">征收补偿资金合计(大写)</td>
|
|
|
- <td colspan="10">肆佰陆拾壹万柒仟玖佰伍拾伍元整</td>
|
|
|
- <td colspan="6">¥:4617955元</td>
|
|
|
+ <td colspan="10">{{ datahousehold.totalCollectedCompensationFunds }}</td>
|
|
|
+ <td colspan="6">¥:{{ datahousehold.totalCollectedCompensationFunds }}</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
</div>
|
|
@@ -1902,414 +1893,421 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- export default {
|
|
|
- name: 'app',
|
|
|
- props: ['agreement', 'datahousehold', 'strpdetails'],
|
|
|
- data() {
|
|
|
- return {}
|
|
|
+export default {
|
|
|
+ name: 'app',
|
|
|
+ props: ['agreement', 'datahousehold', 'strpdetails'],
|
|
|
+ data() {
|
|
|
+ return {}
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ console.log("datahousehold----------", datahousehold);
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ stateOwnedA() {
|
|
|
+ this.$nextTick(function () {
|
|
|
+ //判断iframe是否存在,不存在则创建iframe
|
|
|
+ var iframe = document.getElementById("print-iframe");
|
|
|
+ var el = document.getElementById("stateOwnedA");
|
|
|
+ iframe = document.createElement('IFRAME');
|
|
|
+ var doc = null;
|
|
|
+ iframe.setAttribute("id", "print-iframe");
|
|
|
+ iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
+ document.body.appendChild(iframe);
|
|
|
+ doc = iframe.contentWindow.document;
|
|
|
+ //这里可以自定义样式
|
|
|
+ doc.write(
|
|
|
+ '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
+ ); //解决出现页眉页脚和路径的问题
|
|
|
+ doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
+ doc.close();
|
|
|
+ iframe.contentWindow.focus();
|
|
|
+ setTimeout(function () {
|
|
|
+ iframe.contentWindow.print();
|
|
|
+ }, 50) //解决第一次样式不生效的问题
|
|
|
+ if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
+ document.body.removeChild(iframe);
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- mounted() {},
|
|
|
- methods: {
|
|
|
- stateOwnedA() {
|
|
|
- this.$nextTick(function() {
|
|
|
- //判断iframe是否存在,不存在则创建iframe
|
|
|
- var iframe = document.getElementById("print-iframe");
|
|
|
- var el = document.getElementById("stateOwnedA");
|
|
|
- iframe = document.createElement('IFRAME');
|
|
|
- var doc = null;
|
|
|
- iframe.setAttribute("id", "print-iframe");
|
|
|
- iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
- document.body.appendChild(iframe);
|
|
|
- doc = iframe.contentWindow.document;
|
|
|
- //这里可以自定义样式
|
|
|
- doc.write(
|
|
|
- '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
- ); //解决出现页眉页脚和路径的问题
|
|
|
- doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
- doc.close();
|
|
|
- iframe.contentWindow.focus();
|
|
|
- setTimeout(function() {
|
|
|
- iframe.contentWindow.print();
|
|
|
- }, 50) //解决第一次样式不生效的问题
|
|
|
- if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
- document.body.removeChild(iframe);
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- stateOwnedB() {
|
|
|
- this.$nextTick(function() {
|
|
|
- //判断iframe是否存在,不存在则创建iframe
|
|
|
- var iframe = document.getElementById("print-iframe");
|
|
|
- var el = document.getElementById("stateOwnedB");
|
|
|
- iframe = document.createElement('IFRAME');
|
|
|
- var doc = null;
|
|
|
- iframe.setAttribute("id", "print-iframe");
|
|
|
- iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
- document.body.appendChild(iframe);
|
|
|
- doc = iframe.contentWindow.document;
|
|
|
- //这里可以自定义样式
|
|
|
- doc.write(
|
|
|
- '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
- ); //解决出现页眉页脚和路径的问题
|
|
|
- doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
- doc.close();
|
|
|
- iframe.contentWindow.focus();
|
|
|
- setTimeout(function() {
|
|
|
- iframe.contentWindow.print();
|
|
|
- }, 50) //解决第一次样式不生效的问题
|
|
|
- if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
- document.body.removeChild(iframe);
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- stateOwnedC() {
|
|
|
- this.$nextTick(function() {
|
|
|
- //判断iframe是否存在,不存在则创建iframe
|
|
|
- var iframe = document.getElementById("print-iframe");
|
|
|
- var el = document.getElementById("stateOwnedC");
|
|
|
- iframe = document.createElement('IFRAME');
|
|
|
- var doc = null;
|
|
|
- iframe.setAttribute("id", "print-iframe");
|
|
|
- iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
- document.body.appendChild(iframe);
|
|
|
- doc = iframe.contentWindow.document;
|
|
|
- //这里可以自定义样式
|
|
|
- doc.write(
|
|
|
- '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
- ); //解决出现页眉页脚和路径的问题
|
|
|
- doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
- doc.close();
|
|
|
- iframe.contentWindow.focus();
|
|
|
- setTimeout(function() {
|
|
|
- iframe.contentWindow.print();
|
|
|
- }, 50) //解决第一次样式不生效的问题
|
|
|
- if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
- document.body.removeChild(iframe);
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- stateOwnedD() {
|
|
|
- this.$nextTick(function() {
|
|
|
- //判断iframe是否存在,不存在则创建iframe
|
|
|
- var iframe = document.getElementById("print-iframe");
|
|
|
- var el = document.getElementById("stateOwnedD");
|
|
|
- iframe = document.createElement('IFRAME');
|
|
|
- var doc = null;
|
|
|
- iframe.setAttribute("id", "print-iframe");
|
|
|
- iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
- document.body.appendChild(iframe);
|
|
|
- doc = iframe.contentWindow.document;
|
|
|
- //这里可以自定义样式
|
|
|
- doc.write(
|
|
|
- '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
- ); //解决出现页眉页脚和路径的问题
|
|
|
- doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
- doc.close();
|
|
|
- iframe.contentWindow.focus();
|
|
|
- setTimeout(function() {
|
|
|
- iframe.contentWindow.print();
|
|
|
- }, 50) //解决第一次样式不生效的问题
|
|
|
- if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
- document.body.removeChild(iframe);
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- stateOwnedE() {
|
|
|
- this.$nextTick(function() {
|
|
|
- //判断iframe是否存在,不存在则创建iframe
|
|
|
- var iframe = document.getElementById("print-iframe");
|
|
|
- var el = document.getElementById("stateOwnedE");
|
|
|
- iframe = document.createElement('IFRAME');
|
|
|
- var doc = null;
|
|
|
- iframe.setAttribute("id", "print-iframe");
|
|
|
- iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
- document.body.appendChild(iframe);
|
|
|
- doc = iframe.contentWindow.document;
|
|
|
- //这里可以自定义样式
|
|
|
- doc.write(
|
|
|
- '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
- ); //解决出现页眉页脚和路径的问题
|
|
|
- doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
- doc.close();
|
|
|
- iframe.contentWindow.focus();
|
|
|
- setTimeout(function() {
|
|
|
- iframe.contentWindow.print();
|
|
|
- }, 50) //解决第一次样式不生效的问题
|
|
|
- if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
- document.body.removeChild(iframe);
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- stateOwnedF() {
|
|
|
- this.$nextTick(function() {
|
|
|
- //判断iframe是否存在,不存在则创建iframe
|
|
|
- var iframe = document.getElementById("print-iframe");
|
|
|
- var el = document.getElementById("stateOwnedF");
|
|
|
- iframe = document.createElement('IFRAME');
|
|
|
- var doc = null;
|
|
|
- iframe.setAttribute("id", "print-iframe");
|
|
|
- iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
- document.body.appendChild(iframe);
|
|
|
- doc = iframe.contentWindow.document;
|
|
|
- //这里可以自定义样式
|
|
|
- doc.write(
|
|
|
- '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
- ); //解决出现页眉页脚和路径的问题
|
|
|
- doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
- doc.close();
|
|
|
- iframe.contentWindow.focus();
|
|
|
- setTimeout(function() {
|
|
|
- iframe.contentWindow.print();
|
|
|
- }, 50) //解决第一次样式不生效的问题
|
|
|
- if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
- document.body.removeChild(iframe);
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- stateOwnedG() {
|
|
|
- this.$nextTick(function() {
|
|
|
- //判断iframe是否存在,不存在则创建iframe
|
|
|
- var iframe = document.getElementById("print-iframe");
|
|
|
- var el = document.getElementById("stateOwnedF");
|
|
|
- iframe = document.createElement('IFRAME');
|
|
|
- var doc = null;
|
|
|
- iframe.setAttribute("id", "print-iframe");
|
|
|
- iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
- document.body.appendChild(iframe);
|
|
|
- doc = iframe.contentWindow.document;
|
|
|
- //这里可以自定义样式
|
|
|
- doc.write(
|
|
|
- '<style media="print">@page {size: auto;margin: 25mm;}.th{border-right: 1px solid #000;border-bottom: 1px solid #000}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
- ); //解决出现页眉页脚和路径的问题
|
|
|
- doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
- doc.close();
|
|
|
- iframe.contentWindow.focus();
|
|
|
- setTimeout(function() {
|
|
|
- iframe.contentWindow.print();
|
|
|
- }, 50) //解决第一次样式不生效的问题
|
|
|
- if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
- document.body.removeChild(iframe);
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
+ stateOwnedB() {
|
|
|
+ this.$nextTick(function () {
|
|
|
+ //判断iframe是否存在,不存在则创建iframe
|
|
|
+ var iframe = document.getElementById("print-iframe");
|
|
|
+ var el = document.getElementById("stateOwnedB");
|
|
|
+ iframe = document.createElement('IFRAME');
|
|
|
+ var doc = null;
|
|
|
+ iframe.setAttribute("id", "print-iframe");
|
|
|
+ iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
+ document.body.appendChild(iframe);
|
|
|
+ doc = iframe.contentWindow.document;
|
|
|
+ //这里可以自定义样式
|
|
|
+ doc.write(
|
|
|
+ '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
+ ); //解决出现页眉页脚和路径的问题
|
|
|
+ doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
+ doc.close();
|
|
|
+ iframe.contentWindow.focus();
|
|
|
+ setTimeout(function () {
|
|
|
+ iframe.contentWindow.print();
|
|
|
+ }, 50) //解决第一次样式不生效的问题
|
|
|
+ if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
+ document.body.removeChild(iframe);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ stateOwnedC() {
|
|
|
+ this.$nextTick(function () {
|
|
|
+ //判断iframe是否存在,不存在则创建iframe
|
|
|
+ var iframe = document.getElementById("print-iframe");
|
|
|
+ var el = document.getElementById("stateOwnedC");
|
|
|
+ iframe = document.createElement('IFRAME');
|
|
|
+ var doc = null;
|
|
|
+ iframe.setAttribute("id", "print-iframe");
|
|
|
+ iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
+ document.body.appendChild(iframe);
|
|
|
+ doc = iframe.contentWindow.document;
|
|
|
+ //这里可以自定义样式
|
|
|
+ doc.write(
|
|
|
+ '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
+ ); //解决出现页眉页脚和路径的问题
|
|
|
+ doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
+ doc.close();
|
|
|
+ iframe.contentWindow.focus();
|
|
|
+ setTimeout(function () {
|
|
|
+ iframe.contentWindow.print();
|
|
|
+ }, 50) //解决第一次样式不生效的问题
|
|
|
+ if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
+ document.body.removeChild(iframe);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ stateOwnedD() {
|
|
|
+ this.$nextTick(function () {
|
|
|
+ //判断iframe是否存在,不存在则创建iframe
|
|
|
+ var iframe = document.getElementById("print-iframe");
|
|
|
+ var el = document.getElementById("stateOwnedD");
|
|
|
+ iframe = document.createElement('IFRAME');
|
|
|
+ var doc = null;
|
|
|
+ iframe.setAttribute("id", "print-iframe");
|
|
|
+ iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
+ document.body.appendChild(iframe);
|
|
|
+ doc = iframe.contentWindow.document;
|
|
|
+ //这里可以自定义样式
|
|
|
+ doc.write(
|
|
|
+ '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
+ ); //解决出现页眉页脚和路径的问题
|
|
|
+ doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
+ doc.close();
|
|
|
+ iframe.contentWindow.focus();
|
|
|
+ setTimeout(function () {
|
|
|
+ iframe.contentWindow.print();
|
|
|
+ }, 50) //解决第一次样式不生效的问题
|
|
|
+ if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
+ document.body.removeChild(iframe);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ stateOwnedE() {
|
|
|
+ this.$nextTick(function () {
|
|
|
+ //判断iframe是否存在,不存在则创建iframe
|
|
|
+ var iframe = document.getElementById("print-iframe");
|
|
|
+ var el = document.getElementById("stateOwnedE");
|
|
|
+ iframe = document.createElement('IFRAME');
|
|
|
+ var doc = null;
|
|
|
+ iframe.setAttribute("id", "print-iframe");
|
|
|
+ iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
+ document.body.appendChild(iframe);
|
|
|
+ doc = iframe.contentWindow.document;
|
|
|
+ //这里可以自定义样式
|
|
|
+ doc.write(
|
|
|
+ '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
+ ); //解决出现页眉页脚和路径的问题
|
|
|
+ doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
+ doc.close();
|
|
|
+ iframe.contentWindow.focus();
|
|
|
+ setTimeout(function () {
|
|
|
+ iframe.contentWindow.print();
|
|
|
+ }, 50) //解决第一次样式不生效的问题
|
|
|
+ if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
+ document.body.removeChild(iframe);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ stateOwnedF() {
|
|
|
+ this.$nextTick(function () {
|
|
|
+ //判断iframe是否存在,不存在则创建iframe
|
|
|
+ var iframe = document.getElementById("print-iframe");
|
|
|
+ var el = document.getElementById("stateOwnedF");
|
|
|
+ iframe = document.createElement('IFRAME');
|
|
|
+ var doc = null;
|
|
|
+ iframe.setAttribute("id", "print-iframe");
|
|
|
+ iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
+ document.body.appendChild(iframe);
|
|
|
+ doc = iframe.contentWindow.document;
|
|
|
+ //这里可以自定义样式
|
|
|
+ doc.write(
|
|
|
+ '<style media="print">@page {size: auto;margin: 25mm;}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
+ ); //解决出现页眉页脚和路径的问题
|
|
|
+ doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
+ doc.close();
|
|
|
+ iframe.contentWindow.focus();
|
|
|
+ setTimeout(function () {
|
|
|
+ iframe.contentWindow.print();
|
|
|
+ }, 50) //解决第一次样式不生效的问题
|
|
|
+ if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
+ document.body.removeChild(iframe);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ stateOwnedG() {
|
|
|
+ this.$nextTick(function () {
|
|
|
+ //判断iframe是否存在,不存在则创建iframe
|
|
|
+ var iframe = document.getElementById("print-iframe");
|
|
|
+ var el = document.getElementById("stateOwnedF");
|
|
|
+ iframe = document.createElement('IFRAME');
|
|
|
+ var doc = null;
|
|
|
+ iframe.setAttribute("id", "print-iframe");
|
|
|
+ iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
|
|
|
+ document.body.appendChild(iframe);
|
|
|
+ doc = iframe.contentWindow.document;
|
|
|
+ //这里可以自定义样式
|
|
|
+ doc.write(
|
|
|
+ '<style media="print">@page {size: auto;margin: 25mm;}.th{border-right: 1px solid #000;border-bottom: 1px solid #000}td{border-bottom: 1px solid #000;border-right: 1px solid #000;}span{word-break: break-all;border-bottom: 1px solid #000;min-width:50px;display: inline-block;line-height: 18px;text-align: center;text-indent: 0em;}.stateOwnedA {width: 100%;height: 100%;color: #000;line-height: 1.2rem;}.stateOwnedA-top {text-align: center;width: 100%;font-size: 20px;}.stateOwnedA-neck {width: 100%;line-height: 1.2rem;}.stateOwnedA-neck-top {width: 100%;}.stateOwnedA-neck-top div {width: 20%;float: right;}.stateOwnedA-neck-ont {width: 100%;display: flex;font-size: 13px;font-weight: 600;flex-wrap: wrap;}.stateOwnedA-neck-ont p{display: block;}.stateOwnedA-neck-ont h4{color: red;display: contents;}.stateOwnedA-name {width: 100%;font-size: 13px;line-height: 1.2rem;}.stateOwnedA-name div {text-indent: 2em;}.stateOwnedA-name h3{font-size: 14px;color: #000;font-weight: 600;display:initial;margin-right: 1rem;text-indent: 0em;}.stateOwnedA-name p {font-weight: bold;word-break: break-all;display: inline-block;line-height: 18px;text-indent: 0em;margin: 0;margin-right: 1em;}.stateOwnedA-buttom-top{display: flex;justify-content: space-around;margin-top: 1em;}.stateOwnedA-buttom-top-right{width: 25%;font-size: 13px;}.stateOwnedA-buttom-top-right div{height: 1.5rem;}.stateOwnedAinterval{letter-spacing: 3mm;}.stateOwnedA-buttom-top-be{display: flex;font-size: 13px;width: 100%;justify-content: end;}.stateOwnedA-buttom-top-be div{margin-left: 5mm;letter-spacing: 5mm;}.stateOwnedA-tail{display: flex;padding: 1mm;box-sizing: border-box;justify-content: space-between;}.stateOwnedA-top ul {display: flex;justify-content: space-between;font-size: 12px;}.stateOwnedA-top ul li {text-align: initial;width: 28%;}</style>'
|
|
|
+ ); //解决出现页眉页脚和路径的问题
|
|
|
+ doc.write('<div>' + el.innerHTML + '</div>');
|
|
|
+ doc.close();
|
|
|
+ iframe.contentWindow.focus();
|
|
|
+ setTimeout(function () {
|
|
|
+ iframe.contentWindow.print();
|
|
|
+ }, 50) //解决第一次样式不生效的问题
|
|
|
+ if (navigator.userAgent.indexOf("MSIE") > 0) {
|
|
|
+ document.body.removeChild(iframe);
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
- .button-background .el-button {
|
|
|
- border-radius: 5px;
|
|
|
- width: 80px;
|
|
|
- height: 40px;
|
|
|
+.button-background .el-button {
|
|
|
+ border-radius: 5px;
|
|
|
+ width: 80px;
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.app {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ // padding: 10%;
|
|
|
+ margin: 0 auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ span {
|
|
|
+ word-break: break-all;
|
|
|
+ border-bottom: 1px solid #000;
|
|
|
+ min-width: 50px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 18px;
|
|
|
+ text-align: center;
|
|
|
+ text-indent: 0em;
|
|
|
+ }
|
|
|
+
|
|
|
+ td {
|
|
|
+ border-bottom: 1px solid #000;
|
|
|
+ border-right: 1px solid #000;
|
|
|
}
|
|
|
|
|
|
- .app {
|
|
|
+ .contractA {
|
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
- background-color: #fff;
|
|
|
- // padding: 10%;
|
|
|
- margin: 0 auto;
|
|
|
+ height: calc(100% - 40px);
|
|
|
+ padding: 3%;
|
|
|
+ font-size: 15px;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
- span {
|
|
|
- word-break: break-all;
|
|
|
- border-bottom: 1px solid #000;
|
|
|
- min-width: 50px;
|
|
|
- display: inline-block;
|
|
|
- line-height: 18px;
|
|
|
+ .contractA-title {
|
|
|
+ width: 100%;
|
|
|
text-align: center;
|
|
|
- text-indent: 0em;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bolder;
|
|
|
+ margin-bottom: 1%;
|
|
|
}
|
|
|
|
|
|
- td {
|
|
|
- border-bottom: 1px solid #000;
|
|
|
- border-right: 1px solid #000;
|
|
|
+ .contractA-name {
|
|
|
+ text-indent: 2em;
|
|
|
+ line-height: 2em;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
|
|
|
- .contractA {
|
|
|
- width: 100%;
|
|
|
- height: calc(100% - 40px);
|
|
|
- padding: 3%;
|
|
|
- font-size: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
+ .contractA-bottom {
|
|
|
+ margin-top: 2rem;
|
|
|
+ font-size: 18px;
|
|
|
|
|
|
- .contractA-title {
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: bolder;
|
|
|
- margin-bottom: 1%;
|
|
|
- }
|
|
|
-
|
|
|
- .contractA-name {
|
|
|
- text-indent: 2em;
|
|
|
- line-height: 2em;
|
|
|
- font-size: 18px;
|
|
|
- }
|
|
|
+ .contractA-bottom-a {
|
|
|
+ display: flex;
|
|
|
+ line-height: 2rem;
|
|
|
|
|
|
- .contractA-bottom {
|
|
|
- margin-top: 2rem;
|
|
|
- font-size: 18px;
|
|
|
-
|
|
|
- .contractA-bottom-a {
|
|
|
- display: flex;
|
|
|
- line-height: 2rem;
|
|
|
-
|
|
|
- div {
|
|
|
- width: 50%;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .contractA-bottom-b {
|
|
|
+ div {
|
|
|
+ width: 50%;
|
|
|
text-align: center;
|
|
|
- line-height: 2rem;
|
|
|
- margin-bottom: 2rem;
|
|
|
- }
|
|
|
-
|
|
|
- .contractA-bottom-c {
|
|
|
- text-align: right;
|
|
|
- letter-spacing: 2rem;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA {
|
|
|
- width: 100%;
|
|
|
- height: calc(100% - 40px);
|
|
|
- color: #000;
|
|
|
- line-height: 1.5em;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-top {
|
|
|
- text-align: center;
|
|
|
- width: 100%;
|
|
|
- font-size: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-middle {
|
|
|
- width: 80%;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-neck {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-neck-top {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
|
|
|
- .stateOwnedA-neck-top div {
|
|
|
- width: 20%;
|
|
|
- float: right;
|
|
|
- }
|
|
|
+ .contractA-bottom-b {
|
|
|
+ text-align: center;
|
|
|
+ line-height: 2rem;
|
|
|
+ margin-bottom: 2rem;
|
|
|
+ }
|
|
|
|
|
|
- .stateOwnedA-neck-ont {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- font-size: 13px;
|
|
|
- font-weight: 600;
|
|
|
- flex-wrap: wrap;
|
|
|
+ .contractA-bottom-c {
|
|
|
+ text-align: right;
|
|
|
+ letter-spacing: 2rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .stateOwnedA-neck-ont p {
|
|
|
- display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 40px);
|
|
|
+ color: #000;
|
|
|
+ line-height: 1.5em;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-top {
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-middle {
|
|
|
+ width: 80%;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-neck {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-neck-top {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-neck-top div {
|
|
|
+ width: 20%;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-neck-ont {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 600;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-neck-ont p {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-neck-ont h4 {
|
|
|
+ color: red;
|
|
|
+ display: contents;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-name {
|
|
|
+ width: 100%;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-name div {
|
|
|
+ text-indent: 2em;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-name h3 {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: 600;
|
|
|
+ display: inline flow-root list-item;
|
|
|
+ margin-right: 1rem;
|
|
|
+ text-indent: 0em;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-name p {
|
|
|
+ font-weight: bold;
|
|
|
+ word-break: break-all;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 18px;
|
|
|
+ text-indent: 0em;
|
|
|
+ margin: 0;
|
|
|
+ margin-right: 1em;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-buttom-top {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ margin-top: 1em;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-buttom-top-right {
|
|
|
+ width: 20%;
|
|
|
+ // text-indent: 2em;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-buttom-top-right div {
|
|
|
+ height: 1.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedAinterval {
|
|
|
+ letter-spacing: 5mm;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-buttom-top-be {
|
|
|
+ display: flex;
|
|
|
+ font-size: 13px;
|
|
|
+ width: 100%;
|
|
|
+ justify-content: end;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-buttom-top-be div {
|
|
|
+ margin-left: 5mm;
|
|
|
+ letter-spacing: 5mm;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.stateOwnedA-tail {
|
|
|
+ display: flex;
|
|
|
+ padding: 1mm;
|
|
|
+ box-sizing: border-box;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-top ul {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.stateOwnedA-top ul li {
|
|
|
+ text-align: initial;
|
|
|
+ width: 28%;
|
|
|
+}
|
|
|
+
|
|
|
+.table_box {
|
|
|
+ margin-top: 35px;
|
|
|
+
|
|
|
+ .th {
|
|
|
+ border-right: 1px solid #000;
|
|
|
+ border-bottom: 1px solid #000;
|
|
|
}
|
|
|
|
|
|
- .stateOwnedA-neck-ont h4 {
|
|
|
+ .null {
|
|
|
color: red;
|
|
|
- display: contents;
|
|
|
}
|
|
|
|
|
|
- .stateOwnedA-name {
|
|
|
- width: 100%;
|
|
|
- font-size: 13px;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-name div {
|
|
|
- text-indent: 2em;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-name h3 {
|
|
|
- font-size: 14px;
|
|
|
- color: #000;
|
|
|
- font-weight: 600;
|
|
|
- display: inline flow-root list-item;
|
|
|
- margin-right: 1rem;
|
|
|
- text-indent: 0em;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-name p {
|
|
|
- font-weight: bold;
|
|
|
- word-break: break-all;
|
|
|
- display: inline-block;
|
|
|
- line-height: 18px;
|
|
|
- text-indent: 0em;
|
|
|
- margin: 0;
|
|
|
- margin-right: 1em;
|
|
|
- }
|
|
|
|
|
|
- .stateOwnedA-buttom-top {
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- margin-top: 1em;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-buttom-top-right {
|
|
|
- width: 20%;
|
|
|
- // text-indent: 2em;
|
|
|
- font-size: 13px;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-buttom-top-right div {
|
|
|
- height: 1.5rem;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedAinterval {
|
|
|
- letter-spacing: 5mm;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-buttom-top-be {
|
|
|
- display: flex;
|
|
|
- font-size: 13px;
|
|
|
- width: 100%;
|
|
|
- justify-content: end;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-buttom-top-be div {
|
|
|
- margin-left: 5mm;
|
|
|
- letter-spacing: 5mm;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .stateOwnedA-tail {
|
|
|
- display: flex;
|
|
|
- padding: 1mm;
|
|
|
- box-sizing: border-box;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-top ul {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
-
|
|
|
- .stateOwnedA-top ul li {
|
|
|
- text-align: initial;
|
|
|
- width: 28%;
|
|
|
- }
|
|
|
-
|
|
|
- .table_box {
|
|
|
- margin-top: 35px;
|
|
|
-
|
|
|
- .th {
|
|
|
- border-right: 1px solid #000;
|
|
|
- border-bottom: 1px solid #000;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
+}
|
|
|
</style>
|