|
@@ -0,0 +1,704 @@
|
|
|
|
+<template>
|
|
|
|
+ <div class="brushCard">
|
|
|
|
+ <div class="control control-v">
|
|
|
|
+ <div class="button back" @click="back">
|
|
|
|
+ <img class="background" src="@/assets/report/control-bg.png" />
|
|
|
|
+ <div class="button-style">
|
|
|
|
+ <div class="icon">
|
|
|
|
+ <img src="@/assets/report/back.png" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="name">返回上层</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="button home" @click="home">
|
|
|
|
+ <img class="background" src="@/assets/report/control-bg.png" />
|
|
|
|
+ <div class="button-style">
|
|
|
|
+ <div class="icon">
|
|
|
|
+ <img src="@/assets/report/home.png" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="name">返回首页</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="pdf-box" ref="dyzsdpdf">
|
|
|
|
+ <div class="file">
|
|
|
|
+ <div class="imgUrl">
|
|
|
|
+ <img :src="imgUrl" />
|
|
|
|
+ </div>
|
|
|
|
+ <table class="table">
|
|
|
|
+ <tr class="thead">
|
|
|
|
+ <td colspan="6">企业体检报告</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="table_title1">税务机关(章)</td>
|
|
|
|
+ <td colspan="3">{{ message.zgswjmc }}</td>
|
|
|
|
+ <td class="table_title">打印日期</td>
|
|
|
|
+ <td>{{ dateTime }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="table_title1 title" rowspan="3">企业基本信息</td>
|
|
|
|
+ <td class="table_title table_title2">企业名称</td>
|
|
|
|
+ <td colspan="2">{{ message.nsrmc }}</td>
|
|
|
|
+ <td class="table_title table_title2">统一社会信用代码</td>
|
|
|
|
+ <td>{{ message.shxydm }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="table_title table_title2">纳税人状态</td>
|
|
|
|
+ <td colspan="2">{{ message.nsrztmc }}</td>
|
|
|
|
+ <td class="table_title table_title2">注册日期</td>
|
|
|
|
+ <td>{{ message.djrq ? message.djrq.substring(0, 10) : "" }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="table_title table_title2">注册地址</td>
|
|
|
|
+ <td colspan="2">{{ message.zcdz }}</td>
|
|
|
|
+ <td class="table_title table_title2">法人代表</td>
|
|
|
|
+ <td>{{ message.fddbrxm }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td
|
|
|
|
+ class="table_title1 title"
|
|
|
|
+ :rowspan="rankList.length > 0 ? 3 + rankList.length : 4"
|
|
|
|
+ >
|
|
|
|
+ 纳税信用等级信息(如果本年度尚未评出,则显示最近年度评价结果)
|
|
|
|
+ </td>
|
|
|
|
+ <td class="table_title table_title2">级别</td>
|
|
|
|
+ <td colspan="2">{{ rank.pjjb }}</td>
|
|
|
|
+ <td class="table_title table_title2">分值</td>
|
|
|
|
+ <td>{{ rank.pjfs }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td colspan="5">主要扣分明细</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="table_title table_title2">指标代码</td>
|
|
|
|
+ <td class="table_title2" colspan="3">指标名称</td>
|
|
|
|
+ <td class="table_title2">评价扣分</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-if="rankList.length == 0">
|
|
|
|
+ <td colspan="5">未查询到相关信息</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-else v-for="(item, index) in rankList" :key="index">
|
|
|
|
+ <td class="table_title">{{ item.zb.zbdm }}</td>
|
|
|
|
+ <td colspan="3">{{ item.zb.zbmc }}</td>
|
|
|
|
+ <td>{{ item.zb.zbpjfs }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td
|
|
|
|
+ class="table_title1 title"
|
|
|
|
+ :rowspan="record.length > 0 ? 1 + record.length : 2"
|
|
|
|
+ >
|
|
|
|
+ 申报纳税信息
|
|
|
|
+ </td>
|
|
|
|
+ <td class="table_title table_title2">税款名称</td>
|
|
|
|
+ <td class="table_title2" colspan="2">申报税额(元)</td>
|
|
|
|
+ <td class="table_title table_title2">入库税额(元)</td>
|
|
|
|
+ <td class="table_title2">所属年度</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-if="record.length == 0">
|
|
|
|
+ <td colspan="5">未查到相关数据信息</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-else v-for="(item, index) in record" :key="'A' + index">
|
|
|
|
+ <td class="table_title">{{ item.zsxmmc }}</td>
|
|
|
|
+ <td colspan="2">{{ item.sjje }}</td>
|
|
|
|
+ <td class="table_title">{{ item.sjje }}</td>
|
|
|
|
+ <td>{{ item.date }}年度</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td
|
|
|
|
+ class="table_title1 title"
|
|
|
|
+ :rowspan="TaxList.length > 0 ? 1 + TaxList.length : 2"
|
|
|
|
+ >
|
|
|
|
+ 欠税信息
|
|
|
|
+ </td>
|
|
|
|
+ <td class="table_title table_title2">类型</td>
|
|
|
|
+ <td class="table_title2" colspan="3">税款所属起止</td>
|
|
|
|
+ <td class="table_title2">税额</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-if="TaxList.length == 0">
|
|
|
|
+ <td colspan="5">未查到相关数据信息</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-else v-for="(item, index) in TaxList" :key="'B' + index">
|
|
|
|
+ <td class="table_title">{{ item.zsxmMc }}</td>
|
|
|
|
+ <td colspan="3">{{ item.skssqq }}到{{ item.skssqz }}</td>
|
|
|
|
+ <td>{{ item.ybtse }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td
|
|
|
|
+ class="table_title1 title"
|
|
|
|
+ :rowspan="wfwzList.length > 0 ? 1 + wfwzList.length : 2"
|
|
|
|
+ >
|
|
|
|
+ 违法违章信息
|
|
|
|
+ </td>
|
|
|
|
+ <td class="table_title table_title2">类型</td>
|
|
|
|
+ <td class="table_title2" colspan="3">内容</td>
|
|
|
|
+ <td class="table_title2">处理状态</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-if="wfwzList.length == 0">
|
|
|
|
+ <td colspan="5">未查到相关数据信息</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-else v-for="(item, index) in wfwzList" :key="'C' + index">
|
|
|
|
+ <td class="table_title">{{ item.wfxwmc }}</td>
|
|
|
|
+ <td colspan="3">{{ item.wfss }}</td>
|
|
|
|
+ <td>{{ item.wfxwclztmc }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ </table>
|
|
|
|
+ <table
|
|
|
|
+ class="table table1"
|
|
|
|
+ v-for="(item, index) in pzhd"
|
|
|
|
+ :key="'H' + index"
|
|
|
|
+ >
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="table_title1 title" rowspan="4">票种核定部分</td>
|
|
|
|
+ <td class="table_title2">发票类别</td>
|
|
|
|
+ <td colspan="4" class="table_title2">发票种类名称</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td>{{ item.fplbmc }}</td>
|
|
|
|
+ <td colspan="4">{{ item.fpzlmc }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td class="table_title2">每月最高购票数量</td>
|
|
|
|
+ <td class="table_title2">单张发票开票限</td>
|
|
|
|
+ <td class="table_title2">开票限额</td>
|
|
|
|
+ <td class="table_title2">有效期起</td>
|
|
|
|
+ <td class="table_title2">有效期止</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td>{{ item.myzggpsl }}</td>
|
|
|
|
+ <td>{{ item.dffpzgkpxe }}</td>
|
|
|
|
+ <td>{{ kpxe(item.yzgkpxe) }}</td>
|
|
|
|
+ <td>{{ item.yxqq }}</td>
|
|
|
|
+ <td>{{ item.yxqz }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ </table>
|
|
|
|
+ <table class="table table1">
|
|
|
|
+ <tr>
|
|
|
|
+ <td
|
|
|
|
+ class="table_title1 title"
|
|
|
|
+ :rowspan="dbsxList.length > 0 ? 1 + dbsxList.length : 2"
|
|
|
|
+ >
|
|
|
|
+ 待办事项
|
|
|
|
+ </td>
|
|
|
|
+ <td class="table_title2">征税项目名称</td>
|
|
|
|
+ <td class="table_title2">征税品目名称</td>
|
|
|
|
+ <td class="table_title2 title1">税款申报起止</td>
|
|
|
|
+ <td class="table_title2">纳税申报名称</td>
|
|
|
|
+ <td class="table_title2">申报期限</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-if="!dbsxList || dbsxList.length == 0">
|
|
|
|
+ <td colspan="5">未查到相关数据信息</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-else v-for="(item, index) in dbsxList" :key="'D' + index">
|
|
|
|
+ <td>{{ item.ZSXMMC }}</td>
|
|
|
|
+ <td>{{ item.ZSPMMC }}</td>
|
|
|
|
+ <td>{{ item.SKSSQQ }} 至 {{ item.SKSSQQ }}</td>
|
|
|
|
+ <td>{{ item.NSQXMC }}</td>
|
|
|
|
+ <td>{{ item.SBQX }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td
|
|
|
|
+ class="table_title1 title"
|
|
|
|
+ :rowspan="fxtxList.length > 0 ? 1 + fxtxList.length : 2"
|
|
|
|
+ >
|
|
|
|
+ 风险提醒
|
|
|
|
+ </td>
|
|
|
|
+ <td class="table_title2">征税项目名称</td>
|
|
|
|
+ <td class="table_title2">征税品目名称</td>
|
|
|
|
+ <td class="table_title2 title1">税款申报起止</td>
|
|
|
|
+ <td class="table_title2">纳税申报名称</td>
|
|
|
|
+ <td class="table_title2">申报期限</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-if="!fxtxList || fxtxList.length == 0">
|
|
|
|
+ <td colspan="5">未查到相关数据信息</td>
|
|
|
|
+ </tr>
|
|
|
|
+ <tr v-else v-for="(item, index) in fxtxList" :key="'E' + index">
|
|
|
|
+ <td>{{ item.ZSXMMC }}</td>
|
|
|
|
+ <td>{{ item.ZSPMMC }}</td>
|
|
|
|
+ <td>{{ item.SKSSQQ }} 至 {{ item.SKSSQQ }}</td>
|
|
|
|
+ <td>{{ item.NSQXMC }}</td>
|
|
|
|
+ <td>{{ item.SBQX }}</td>
|
|
|
|
+ </tr>
|
|
|
|
+ </table>
|
|
|
|
+ <div class="info">
|
|
|
|
+ 相关数据仅供参考,若有疑问请到税务窗口或登录电子税务进一步查询确认
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="control control-h">
|
|
|
|
+ <div class="button back" @click="back">
|
|
|
|
+ <img class="background" src="@/assets/report/control-bg.png" />
|
|
|
|
+ <div class="button-style">
|
|
|
|
+ <div class="icon">
|
|
|
|
+ <img src="@/assets/report/back.png" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="name">返回上层</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="button home" @click="home">
|
|
|
|
+ <img class="background" src="@/assets/report/control-bg.png" />
|
|
|
|
+ <div class="button-style">
|
|
|
|
+ <div class="icon">
|
|
|
|
+ <img src="@/assets/report/home.png" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="name">返回首页</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <transition name="msgbox">
|
|
|
|
+ <div class="msgbox" v-if="showPrint">
|
|
|
|
+ <div class="msgbox-content">
|
|
|
|
+ <div class="close">
|
|
|
|
+ <div @click="showPrint = false">
|
|
|
|
+ <img src="@/assets/report/close.png" />
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="content">打印企业体检报告?</div>
|
|
|
|
+ <div class="button" @click="surePrint">确定</div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </transition>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+export default {
|
|
|
|
+ name: "ZhtLookReport",
|
|
|
|
+
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ timer: null,
|
|
|
|
+ showPrint: false,
|
|
|
|
+ message: {},
|
|
|
|
+ dateTime: {},
|
|
|
|
+ rank: {},
|
|
|
|
+ rankList: [],
|
|
|
|
+ record: [],
|
|
|
|
+ TaxList: [],
|
|
|
|
+ wfwzList: [],
|
|
|
|
+ dbsxList: [],
|
|
|
|
+ fxtxList: [],
|
|
|
|
+ pzhd: [],
|
|
|
|
+ imgUrl: "",
|
|
|
|
+ };
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ created() {
|
|
|
|
+ this.$emit("update:indexClass", "center-other");
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ mounted() {
|
|
|
|
+ this.$emit("update:timerTime", 30);
|
|
|
|
+ this.getDatetime();
|
|
|
|
+ this.getInfo();
|
|
|
|
+ this.timer = setTimeout(() => {
|
|
|
|
+ this.showPrint = true;
|
|
|
|
+ }, 5000);
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ methods: {
|
|
|
|
+ getInfo() {
|
|
|
|
+ let message = JSON.parse(sessionStorage.getItem("MESSAGE"));
|
|
|
|
+ if (message) {
|
|
|
|
+ this.message = message;
|
|
|
|
+ }
|
|
|
|
+ let rank = JSON.parse(sessionStorage.getItem("RANK"));
|
|
|
|
+ if (rank) {
|
|
|
|
+ this.rank = rank;
|
|
|
|
+ }
|
|
|
|
+ let rankList = JSON.parse(sessionStorage.getItem("RANKLIST"));
|
|
|
|
+ if (rankList) {
|
|
|
|
+ this.rankList = rankList;
|
|
|
|
+ }
|
|
|
|
+ let record = JSON.parse(sessionStorage.getItem("RECORD"));
|
|
|
|
+ if (record) {
|
|
|
|
+ this.record = record;
|
|
|
|
+ }
|
|
|
|
+ let TaxList = JSON.parse(sessionStorage.getItem("TAXLIST"));
|
|
|
|
+ if (TaxList) {
|
|
|
|
+ this.TaxList = TaxList;
|
|
|
|
+ }
|
|
|
|
+ let wfwzList = JSON.parse(sessionStorage.getItem("WFWZLIST"));
|
|
|
|
+ if (wfwzList) {
|
|
|
|
+ this.wfwzList = wfwzList;
|
|
|
|
+ }
|
|
|
|
+ let dbsxList = JSON.parse(sessionStorage.getItem("DBSXLIST"));
|
|
|
|
+ if (dbsxList) {
|
|
|
|
+ this.dbsxList = dbsxList;
|
|
|
|
+ }
|
|
|
|
+ let fxtxList = JSON.parse(sessionStorage.getItem("FXTXLIST"));
|
|
|
|
+ if (fxtxList) {
|
|
|
|
+ this.fxtxList = fxtxList;
|
|
|
|
+ }
|
|
|
|
+ let imgUrl = sessionStorage.getItem("IMGURL");
|
|
|
|
+ if (imgUrl) {
|
|
|
|
+ this.imgUrl = imgUrl;
|
|
|
|
+ }
|
|
|
|
+ let pzhd = sessionStorage.getItem("PZHDXX");
|
|
|
|
+ if (pzhd) {
|
|
|
|
+ this.pzhd = JSON.parse(pzhd);
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ getDatetime() {
|
|
|
|
+ let date = new Date();
|
|
|
|
+ let y = date.getFullYear();
|
|
|
|
+ let m =
|
|
|
|
+ date.getMonth() + 1 < 10
|
|
|
|
+ ? "0" + (date.getMonth() + 1)
|
|
|
|
+ : date.getMonth() + 1;
|
|
|
|
+ let d = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
|
|
|
|
+ this.dateTime = y + "-" + m + "-" + d;
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ kpxe(e) {
|
|
|
|
+ if (e) {
|
|
|
|
+ let fm = e.split("E+");
|
|
|
|
+ let res = "";
|
|
|
|
+ if (fm.length == 1) {
|
|
|
|
+ res = e;
|
|
|
|
+ } else {
|
|
|
|
+ res = Number(fm[0]) * Math.pow(10, Number(fm[1]));
|
|
|
|
+ }
|
|
|
|
+ return res
|
|
|
|
+ } else {
|
|
|
|
+ return "";
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ surePrint() {
|
|
|
|
+ this.showPrint = false;
|
|
|
|
+ this.print();
|
|
|
|
+ },
|
|
|
|
+ print() {
|
|
|
|
+ let iframe = document.createElement("iframe");
|
|
|
|
+ iframe.src = "/reportPdf";
|
|
|
|
+ iframe.style.display = "none";
|
|
|
|
+ this.$refs.dyzsdpdf.appendChild(iframe);
|
|
|
|
+ iframe.contentWindow.print();
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.$refs.dyzsdpdf.removeChild(iframe);
|
|
|
|
+ }, 5000);
|
|
|
|
+ },
|
|
|
|
+ back() {
|
|
|
|
+ this.$emit("update:timerTime", 60);
|
|
|
|
+ this.$emit("update:nowPage", {
|
|
|
|
+ page: "selectDate",
|
|
|
|
+ timestamp: Date.now(),
|
|
|
|
+ });
|
|
|
|
+ sessionStorage.removeItem("RECORD");
|
|
|
|
+ sessionStorage.removeItem("FXTXLIST");
|
|
|
|
+ sessionStorage.removeItem("DBSXLIST");
|
|
|
|
+ sessionStorage.removeItem("RANK");
|
|
|
|
+ sessionStorage.removeItem("RANKLIST");
|
|
|
|
+ sessionStorage.removeItem("WFWZLIST");
|
|
|
|
+ sessionStorage.removeItem("IMGURL");
|
|
|
|
+ sessionStorage.removeItem("MESSAGE");
|
|
|
|
+ },
|
|
|
|
+ home() {
|
|
|
|
+ this.$emit("update:timerTime", -1);
|
|
|
|
+ this.$emit("update:nowPage", {
|
|
|
|
+ page: "index",
|
|
|
|
+ timestamp: Date.now(),
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ },
|
|
|
|
+ beforeDestroy() {
|
|
|
|
+ clearTimeout(this.timer);
|
|
|
|
+ this.timer = null;
|
|
|
|
+ },
|
|
|
|
+};
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
+.brushCard {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+
|
|
|
|
+ .control {
|
|
|
|
+ padding-top: 60px;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 130px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+
|
|
|
|
+ .button {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 361px;
|
|
|
|
+ height: 100%;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+
|
|
|
|
+ .background {
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: -1;
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .button-style {
|
|
|
|
+ padding: 0 50px;
|
|
|
|
+ width: 100;
|
|
|
|
+ height: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+
|
|
|
|
+ .icon {
|
|
|
|
+ width: 53px;
|
|
|
|
+ height: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ img {
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .name {
|
|
|
|
+ font-size: 47px;
|
|
|
|
+ color: #1e6ceb;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .button:active {
|
|
|
|
+ opacity: 0.6;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .back {
|
|
|
|
+ margin-right: 30px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ @tableTitleSize: 12px;
|
|
|
|
+ .pdf-box {
|
|
|
|
+ margin: auto;
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
+ overflow-y: auto;
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ background: #ffffff;
|
|
|
|
+
|
|
|
|
+ .file {
|
|
|
|
+ position: relative;
|
|
|
|
+ width: 21cm;
|
|
|
|
+ height: auto;
|
|
|
|
+ margin: auto;
|
|
|
|
+ background: #fff;
|
|
|
|
+ padding: 50px 37px 37px;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
+ overflow-y: auto;
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+
|
|
|
|
+ .imgUrl {
|
|
|
|
+ width: 130px;
|
|
|
|
+ height: 130px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ top: 40px;
|
|
|
|
+ left: 90px;
|
|
|
|
+ z-index: 9;
|
|
|
|
+
|
|
|
|
+ img {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ table,
|
|
|
|
+ th,
|
|
|
|
+ td {
|
|
|
|
+ border: 1px solid #515151;
|
|
|
|
+ border-collapse: collapse;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .table {
|
|
|
|
+ width: 100%;
|
|
|
|
+
|
|
|
|
+ .thead {
|
|
|
|
+ td {
|
|
|
|
+ height: 45px;
|
|
|
|
+ font-size: 22px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #111111;
|
|
|
|
+ font-family: "苹方简M";
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ tr {
|
|
|
|
+ td {
|
|
|
|
+ height: 30px;
|
|
|
|
+ font-size: @tableTitleSize;
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #111111;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .table_title1 {
|
|
|
|
+ padding: 0 5px;
|
|
|
|
+ width: 95px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .table_title {
|
|
|
|
+ width: 105px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .table_title2 {
|
|
|
|
+ font-family: "苹方简M";
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .title {
|
|
|
|
+ color: #515151;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .title1 {
|
|
|
|
+ width: 150px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .table1 {
|
|
|
|
+ margin-top: -1px;
|
|
|
|
+ border-top: 0px solid transparent;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .info {
|
|
|
|
+ height: 30px;
|
|
|
|
+ line-height: 30px;
|
|
|
|
+ font-size: @tableTitleSize;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .pdf-box::-webkit-scrollbar {
|
|
|
|
+ width: 4px;
|
|
|
|
+ }
|
|
|
|
+ .pdf-box::-webkit-scrollbar-thumb {
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ background: rgba(0, 0, 0, 0.2);
|
|
|
|
+ }
|
|
|
|
+ .pdf-box::-webkit-scrollbar-track {
|
|
|
|
+ border-radius: 0;
|
|
|
|
+ background: rgba(0, 0, 0, 0.1);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .msgbox {
|
|
|
|
+ position: fixed;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ z-index: 999;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ background: rgba(0, 0, 0, 0.3);
|
|
|
|
+
|
|
|
|
+ .msgbox-content {
|
|
|
|
+ position: fixed;
|
|
|
|
+ top: calc(50% - 250px);
|
|
|
|
+ left: calc(50% - 400px);
|
|
|
|
+ width: 800px;
|
|
|
|
+ height: 500px;
|
|
|
|
+ border-radius: 50px;
|
|
|
|
+ background: #fff;
|
|
|
|
+
|
|
|
|
+ .close {
|
|
|
|
+ margin-top: 40px;
|
|
|
|
+ padding: 0 40px;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 80px;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+
|
|
|
|
+ div {
|
|
|
|
+ width: 80px;
|
|
|
|
+ height: 80px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+
|
|
|
|
+ img {
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ div:active {
|
|
|
|
+ opacity: 0.7;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .content {
|
|
|
|
+ margin-top: 80px;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: auto;
|
|
|
|
+ font-size: 50px;
|
|
|
|
+ font-family: "苹方简M";
|
|
|
|
+ color: #333333;
|
|
|
|
+ text-align: center;
|
|
|
|
+ letter-spacing: 10px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .button {
|
|
|
|
+ margin: auto;
|
|
|
|
+ margin-top: 60px;
|
|
|
|
+ height: 80px;
|
|
|
|
+ width: 200px;
|
|
|
|
+ font-size: 45px;
|
|
|
|
+ line-height: 80px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ border-radius: 80px;
|
|
|
|
+ background: #3391df;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+ .button:active {
|
|
|
|
+ opacity: 0.7;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .msgbox-enter-active,
|
|
|
|
+ .msgbox-leave-active {
|
|
|
|
+ transition: opacity 0.5s;
|
|
|
|
+ }
|
|
|
|
+ .msgbox-enter,
|
|
|
|
+ .msgbox-leave-to {
|
|
|
|
+ opacity: 0;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+// 横屏
|
|
|
|
+@media screen and (orientation: landscape) {
|
|
|
|
+ .brushCard {
|
|
|
|
+ .control-v {
|
|
|
|
+ display: none !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .control-h {
|
|
|
|
+ padding-top: 30px;
|
|
|
|
+ transform: scale(0.8);
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .pdf-box {
|
|
|
|
+ margin-top: 40px;
|
|
|
|
+ width: 1140px;
|
|
|
|
+ height: 0;
|
|
|
|
+ flex: 1;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+// 竖屏
|
|
|
|
+@media screen and (orientation: portrait) {
|
|
|
|
+ .brushCard {
|
|
|
|
+ .control-h {
|
|
|
|
+ display: none !important;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .control-v {
|
|
|
|
+ padding-top: 60px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .pdf-box {
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ width: calc(100% - 80px);
|
|
|
|
+ height: calc(100% - 260px);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|