wangpeng
/
integrated_traffic_vue
forked from integrated_whb/integrated_whb_vue
1
0
Fork 0
Code Pull Requests Activity

init

pull/1/head
LiuJiaNan 2024-02-05 10:11:12 +08:00
parent aade1f3c01
commit 0bed8dcef9
23 changed files with 96 additions and 402 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@ -1,4 +1,4 @@
VITE_BASE_URL=http://192.168.0.49:8099/ VITE_BASE_URL=http://192.168.0.42:8099/
VITE_PROXY=/api/ VITE_PROXY=/api/
VITE_FILE_URL=https://file.zcloudchina.com/YTHFile VITE_FILE_URL=https://file.zcloudchina.com/YTHFile
VITE_TEMPLATE_URL=https://qaaq.qhdsafety.com/file/ VITE_TEMPLATE_URL=https://qaaq.qhdsafety.com/file/

39
src/assets/css/common.scss
View File

@ -184,6 +184,33 @@ a {
display: none; display: none;
} }
@mixin table {
border-collapse: collapse;
width: 100%;
display: table;
font-size: 12px;
tr {
page-break-inside: avoid;
}
td, th {
border: 1px solid var(--el-border-color);
padding: 8px;
line-height: 1.6;
text-align: center;
}
.title {
background: var(--el-fill-color-light);
width: 200px;
}
}
.print_table {
@include table;
}
img.ml-10:first-child { img.ml-10:first-child {
margin-left: 0; margin-left: 0;
} }
@ -299,17 +326,7 @@ div::-webkit-scrollbar-track {
} }
.print_use { .print_use {
border-collapse: collapse; @include table;
width: 100%;
display: table;
font-size: 12px;
td, th {
border: 1px solid var(--el-border-color);
padding: 8px;
line-height: 1.6;
text-align: center;
}
} }
.print_no_use { .print_no_use {

47
src/views/BI/components/dialog/camera_dialog.vue
View File

@ -1,27 +1,24 @@
<template> <template>
<el-dialog v-model="visible" title="摄像头"> <el-dialog v-model="visible" title="摄像头">
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td colspan="10" style="border: none"> <td colspan="10" style="border: none">
<el-divider content-position="left"> <el-divider content-position="left">
{{ data.info.cameraType }} {{ pd.pd.cameraType }}
</el-divider> </el-divider>
<div class="tr">摄像头名称:{{ data.info.VIDEONAME }}</div> <div class="tr">摄像头名称:{{ pd.pd.VIDEONAME }}</div>
</td> </td>
</tr> </tr>
</thead> </thead>
<tr> <tr>
<td class="title">摄像头编码</td> <td class="title">摄像头编码</td>
<td>{{ data.info.CODE }}</td> <td>{{ pd.pd.CODE }}</td>
</tr> </tr>
<tr> <tr>
<td colspan="10"> <td colspan="10">
<div class="video"> <div class="video">
<iframe <iframe :src="pd.pd.VIDEOURL" style="width: 100%; height: 100%" />
:src="data.info.VIDEOURL"
style="width: 100%; height: 100%"
/>
</div> </div>
</td> </td>
</tr> </tr>
@ -34,7 +31,6 @@
<script setup> <script setup>
import { useVModels } from "@vueuse/core"; import { useVModels } from "@vueuse/core";
import { reactive, onMounted } from "vue";
const props = defineProps({ const props = defineProps({
visible: { visible: {
@ -49,14 +45,6 @@ const props = defineProps({
}, },
}); });
const data = reactive({
info: {},
});
onMounted(() => {
data.info = props.pd.pd;
});
const emits = defineEmits(["update:visible"]); const emits = defineEmits(["update:visible"]);
const { visible } = useVModels(props, emits); const { visible } = useVModels(props, emits);
const fnClose = () => { const fnClose = () => {
@ -65,27 +53,10 @@ const fnClose = () => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
table { .video {
border-collapse: collapse;
width: 100%; width: 100%;
.video { height: 500px;
width: 100%; border: 2px solid #11acd7;
height: 500px; border-radius: 4px;
border: 2px solid #11acd7;
border-radius: 4px;
}
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
}
.title {
background: var(--el-fill-color-light);
width: 200px;
text-align: center;
}
} }
</style> </style>

24
src/views/BI/components/dialog/confinedspace_dialog.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<el-dialog v-model="visible" title="作业票信息"> <el-dialog v-model="visible" title="作业票信息">
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td colspan="10" style="border: none"> <td colspan="10" style="border: none">
@ -103,7 +103,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="10"> <td colspan="10">
<table class="table-ui"> <table class="print_table">
<tr> <tr>
<td style="width: 80px">序号</td> <td style="width: 80px">序号</td>
<td>安全措施</td> <td>安全措施</td>
@ -391,22 +391,4 @@ const fnClose = () => {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
}
.title {
background: var(--el-fill-color-light);
width: 200px;
text-align: center;
}
}
</style>

24
src/views/BI/components/dialog/highwork_dialog.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<el-dialog v-model="visible" title="作业票信息"> <el-dialog v-model="visible" title="作业票信息">
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td colspan="10" style="border: none"> <td colspan="10" style="border: none">
@ -55,7 +55,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="4"> <td colspan="4">
<table class="table-ui"> <table class="print_table">
<tr> <tr>
<td style="width: 80px">序号</td> <td style="width: 80px">序号</td>
<td>安全措施</td> <td>安全措施</td>
@ -380,22 +380,4 @@ const fnClose = () => {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
}
.title {
background: var(--el-fill-color-light);
width: 200px;
text-align: center;
}
}
</style>

26
src/views/BI/components/dialog/hotwork_dialog.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<el-dialog v-model="visible" title="作业票信息"> <el-dialog v-model="visible" title="作业票信息">
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td colspan="10" style="border: none"> <td colspan="10" style="border: none">
<el-divider content-position="left"> 动火安全作业票 </el-divider> <el-divider content-position="left"> 动火安全作业票</el-divider>
<div class="tr">编号:{{ data.info.CHECK_NO }}</div> <div class="tr">编号:{{ data.info.CHECK_NO }}</div>
</td> </td>
</tr> </tr>
@ -67,7 +67,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="4"> <td colspan="4">
<table class="table-ui"> <table class="print_table">
<tr> <tr>
<td style="width: 80px">序号</td> <td style="width: 80px">序号</td>
<td>安全措施</td> <td>安全措施</td>
@ -399,22 +399,4 @@ const fnClose = () => {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
}
.title {
background: var(--el-fill-color-light);
width: 200px;
text-align: center;
}
}
</style>

2
src/views/confined_space/job_data/view.vue
View File

@ -103,7 +103,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="10"> <td colspan="10">
<table class="table-ui"> <table>
<tr> <tr>
<td style="width: 80px">序号</td> <td style="width: 80px">序号</td>
<td>安全措施</td> <td>安全措施</td>

38
src/views/continuous_improvement/enterprise_report/index.vue
View File

@ -78,7 +78,7 @@
dayjs(lastDate).format("YYYY年MM月DD日") dayjs(lastDate).format("YYYY年MM月DD日")
}}，公司新建了{{ data.monthlist.length }}个排查清单，详细情况如下: }}，公司新建了{{ data.monthlist.length }}个排查清单，详细情况如下:
</p> </p>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td width="60" align="center">序号</td> <td width="60" align="center">序号</td>
@ -110,7 +110,7 @@
dayjs(lastDate).format("YYYY年MM月DD日") dayjs(lastDate).format("YYYY年MM月DD日")
}}，公司已建立清单用户，详细排查情况见表1： }}，公司已建立清单用户，详细排查情况见表1：
</p> </p>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td width="60" align="center">序号</td> <td width="60" align="center">序号</td>
@ -153,7 +153,7 @@
}}项，已超期{{ data.cq_count }}项。 }}项，已超期{{ data.cq_count }}项。
</p> </p>
<p class="pdf-subtitle">隐患治理情况见表2</p> <p class="pdf-subtitle">隐患治理情况见表2</p>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td width="60" align="center">序号</td> <td width="60" align="center">序号</td>
@ -213,7 +213,7 @@
<div class="pdf-content"> <div class="pdf-content">
<h1>4.风险分析记录</h1> <h1>4.风险分析记录</h1>
<p>改进信息显示风险辨识台账更新记录</p> <p>改进信息显示风险辨识台账更新记录</p>
<table> <table class="print_table">
<tr> <tr>
<td align="center">风险点（单元）</td> <td align="center">风险点（单元）</td>
<td align="center">辨识部位</td> <td align="center">辨识部位</td>
@ -256,7 +256,7 @@
data.study_pass_count data.study_pass_count
}}人，通过率{{ data.study_pass_rate || 0 }}%。 }}人，通过率{{ data.study_pass_rate || 0 }}%。
</p> </p>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td width="60" align="center">序号</td> <td width="60" align="center">序号</td>
@ -341,7 +341,7 @@
}}，公司绩效考核详细情况如下： }}，公司绩效考核详细情况如下：
</p> </p>
<h4>7.1 部门考核</h4> <h4>7.1 部门考核</h4>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td width="60" align="center">序号</td> <td width="60" align="center">序号</td>
@ -394,7 +394,7 @@
</table> </table>
<h4>7.2 人员考核</h4> <h4>7.2 人员考核</h4>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<td width="60" align="center">序号</td> <td width="60" align="center">序号</td>
@ -515,9 +515,6 @@ const dateList = ref([]);
const month = ref(""); const month = ref("");
const startDate = ref(""); const startDate = ref("");
const lastDate = ref(""); const lastDate = ref("");
const color = ref("unset");
const border_color = ref("var(--el-border-color-lighter)");
const width = ref("100%");
const data = reactive({ const data = reactive({
cpd: {}, cpd: {},
riskpd: {}, riskpd: {},
@ -680,12 +677,10 @@ const fnConclusion = () => {
<style scoped lang="scss"> <style scoped lang="scss">
.pdf-page { .pdf-page {
//width: 1100px; width: 100%;
width: v-bind(width);
border: 1px solid var(--el-border-color); border: 1px solid var(--el-border-color);
padding: 20px; padding: 20px;
position: relative; position: relative;
color: v-bind(color);
.pdf-print { .pdf-print {
float: right; float: right;
@ -752,23 +747,6 @@ img {
height: 100px; height: 100px;
} }
table {
border-collapse: collapse;
width: 100%;
td {
border: 1px solid v-bind(border_color);
padding: 8px 12px;
font-size: 14px;
}
.title {
background: var(--el-fill-color-light);
width: 200px;
text-align: center;
}
}
p, p,
h1, h1,
h2, h2,

40
src/views/dynamic_evaluation/risk_control_menu/add.vue
View File

@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<div class="pdf-content"> <div class="pdf-content">
<table> <table class="print_table">
<tr v-for="(item, index) in list" :key="index"> <tr v-for="(item, index) in list" :key="index">
<td <td
v-if="fnGetCurrentIndex(item, '0') >= 0" v-if="fnGetCurrentIndex(item, '0') >= 0"
@ -90,14 +90,14 @@
</table> </table>
</div> </div>
</div> </div>
<div class="tc mt-10">
<el-button type="primary" @click="fnSubmit" v-if="type !== 'view'">
确定
</el-button>
<!-- TODO"-->
<el-button type="primary" v-if="type === 'view'">导出PDF</el-button>
</div>
</layout-card> </layout-card>
<div class="tc mt-10">
<el-button type="primary" @click="fnSubmit" v-if="type !== 'view'">
确定
</el-button>
<!-- TODO"-->
<el-button type="primary" v-if="type === 'view'">导出PDF</el-button>
</div>
<assessment-results <assessment-results
v-model:visible="data.editDialog.visible" v-model:visible="data.editDialog.visible"
v-model:form="data.editDialog.form" v-model:form="data.editDialog.form"
@ -125,9 +125,6 @@ const route = useRoute();
const router = useRouter(); const router = useRouter();
const { REPORT_LOG_ID, YEAR, currentPage, pageSize, type } = route.query; const { REPORT_LOG_ID, YEAR, currentPage, pageSize, type } = route.query;
const info = ref({}); const info = ref({});
const color = ref("unset");
const border_color = ref("var(--el-border-color-lighter)");
const width = ref("100%");
const { list } = useListData(getRiskControlMenuView, { const { list } = useListData(getRiskControlMenuView, {
usePagination: false, usePagination: false,
otherParams: { REPORT_LOG_ID }, otherParams: { REPORT_LOG_ID },
@ -226,11 +223,9 @@ const fnSubmit = debounce(
<style scoped lang="scss"> <style scoped lang="scss">
.pdf-page { .pdf-page {
//width: 1100px; width: 100%;
width: v-bind(width);
padding: 20px; padding: 20px;
position: relative; position: relative;
color: v-bind(color);
.pdf-cover { .pdf-cover {
top: -1523px; top: -1523px;
@ -261,21 +256,4 @@ const fnSubmit = debounce(
} }
} }
} }
table {
border-collapse: collapse;
width: 100%;
td {
border: 1px solid v-bind(border_color);
padding: 8px 12px;
font-size: 14px;
}
.title {
background: var(--el-fill-color-light);
width: 200px;
text-align: center;
}
}
</style> </style>

17
src/views/equipment_facility_management/equipment_change_record/components/view.vue
View File

@ -8,7 +8,7 @@
<span class="title">操作时间</span> <span class="title">操作时间</span>
<span>{{ info.OPERATTIME }}</span> <span>{{ info.OPERATTIME }}</span>
</div> </div>
<table class="mt-10"> <table class="mt-10 print_table">
<tr> <tr>
<td class="title" /> <td class="title" />
<td <td
@ -328,23 +328,8 @@ const visible = useVModel(props, "visible", emits);
} }
table { table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
line-height: 1.6;
}
td:not(.title) { td:not(.title) {
width: 40%; width: 40%;
} }
.title {
background: var(--el-fill-color-light);
}
} }
</style> </style>

27
src/views/file_management/personnel/components/student_information.vue
View File

@ -9,7 +9,7 @@
</span> </span>
<span>档案编号:</span> <span>档案编号:</span>
</div> </div>
<table> <table class="print_table">
<tr> <tr>
<td class="title">姓名</td> <td class="title">姓名</td>
<td>{{ info.NAME }}</td> <td>{{ info.NAME }}</td>
@ -51,7 +51,7 @@
<td class="title">毕业院校及专业</td> <td class="title">毕业院校及专业</td>
<td colspan="2" /> <td colspan="2" />
<td colspan="2" style="padding: 0"> <td colspan="2" style="padding: 0">
<table class="table-inside"> <table class="table-inside print_table">
<tr> <tr>
<td class="title">职务/职称</td> <td class="title">职务/职称</td>
<td> <td>
@ -65,7 +65,7 @@
<td class="title">户籍所在地</td> <td class="title">户籍所在地</td>
<td colspan="2" /> <td colspan="2" />
<td colspan="2" style="padding: 0"> <td colspan="2" style="padding: 0">
<table class="table-inside"> <table class="table-inside print_table">
<tr> <tr>
<td class="title">参加工作时间</td> <td class="title">参加工作时间</td>
<td> <td>
@ -81,7 +81,7 @@
{{ info.ENTRY_DATE }} {{ info.ENTRY_DATE }}
</td> </td>
<td colspan="2" style="padding: 0"> <td colspan="2" style="padding: 0">
<table class="table-inside"> <table class="table-inside print_table">
<tr> <tr>
<td class="title">入职部门</td> <td class="title">入职部门</td>
<td> <td>
@ -97,7 +97,7 @@
{{ info.POST_NAME }} {{ info.POST_NAME }}
</td> </td>
<td colspan="2" style="padding: 0"> <td colspan="2" style="padding: 0">
<table class="table-inside"> <table class="table-inside print_table">
<tr> <tr>
<td class="title">之前从事本岗位时间</td> <td class="title">之前从事本岗位时间</td>
<td /> <td />
@ -212,22 +212,6 @@ watchEffect(() => {
} }
table { table {
border-collapse: collapse;
width: 100%;
td {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
line-height: 1.6;
}
.title {
background: var(--el-fill-color-light);
width: 160px;
text-align: center;
}
.img { .img {
width: 120px; width: 120px;
height: 156px; height: 156px;
@ -242,7 +226,6 @@ table {
} }
.table-inside { .table-inside {
border-collapse: collapse;
width: calc(100% + 2px); width: calc(100% + 2px);
margin: -1px -2px -1px -1px; margin: -1px -2px -1px -1px;
} }

25
src/views/file_management/personnel/file_details.vue
View File

@ -29,7 +29,7 @@
<div class="flex"> <div class="flex">
<span>证书编号:</span> <span>证书编号:</span>
</div> </div>
<table> <table class="print_table">
<tr> <tr>
<td class="title">姓名</td> <td class="title">姓名</td>
<td>{{ data.info.NAME }}</td> <td>{{ data.info.NAME }}</td>
@ -100,7 +100,7 @@
<span>姓名:{{ data.info.NAME }}</span> <span>姓名:{{ data.info.NAME }}</span>
<span>身份证号:{{ data.info.USER_ID_CARD }}</span> <span>身份证号:{{ data.info.USER_ID_CARD }}</span>
</div> </div>
<table> <table class="print_table">
<tr> <tr>
<td class="title">任务名称</td> <td class="title">任务名称</td>
<td class="tc" colspan="3">{{ data.info.STUDY_NAME }}</td> <td class="tc" colspan="3">{{ data.info.STUDY_NAME }}</td>
@ -204,7 +204,7 @@
<span>生产经营单位或安全生产管理机构名称:(盖章)</span> <span>生产经营单位或安全生产管理机构名称:(盖章)</span>
<span>档案编号:</span> <span>档案编号:</span>
</div> </div>
<table> <table class="print_table">
<tr> <tr>
<td class="title">姓名</td> <td class="title">姓名</td>
<td class="tc">{{ data.info.NAME }}</td> <td class="tc">{{ data.info.NAME }}</td>
@ -248,7 +248,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="10" style="padding: 0"> <td colspan="10" style="padding: 0">
<table class="table-inside"> <table class="table-inside print_table">
<tr> <tr>
<td class="title" width="6%">序号</td> <td class="title" width="6%">序号</td>
<td class="title" width="10%">培训时间</td> <td class="title" width="10%">培训时间</td>
@ -450,28 +450,12 @@ const personnelTypeList = await layoutFnGetPersonnelType();
} }
table { table {
border-collapse: collapse;
width: 100%;
td {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
line-height: 1.6;
}
.td_style_none { .td_style_none {
border: none; border: none;
padding: 0; padding: 0;
line-height: 1; line-height: 1;
} }
.title {
background: var(--el-fill-color-light);
width: 200px;
text-align: center;
}
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -479,7 +463,6 @@ table {
} }
.table-inside { .table-inside {
border-collapse: collapse;
width: calc(100% + 2px); width: calc(100% + 2px);
margin: -1px -2px -1px -1px; margin: -1px -2px -1px -1px;
} }

22
src/views/file_management/stage/components/report.vue
View File

@ -11,7 +11,7 @@
<div id="print"> <div id="print">
<div> <div>
<div class="main_title">{{ data.info.STUDY_NAME }}培训综合考评报告</div> <div class="main_title">{{ data.info.STUDY_NAME }}培训综合考评报告</div>
<table class="mt-10"> <table class="mt-10 print_table">
<tr> <tr>
<td class="title">任务名称</td> <td class="title">任务名称</td>
<td>{{ data.info.STUDY_NAME }}</td> <td>{{ data.info.STUDY_NAME }}</td>
@ -149,25 +149,5 @@ const fnClose = () => {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
table {
border-collapse: collapse;
width: 100%;
td {
border: 1px solid var(--el-border-color);
padding: 8px;
font-size: 14px;
line-height: 1.6;
width: calc(100% / 4);
text-align: center;
}
.title {
background: var(--el-fill-color-light);
width: 160px;
text-align: center;
}
}
} }
</style> </style>

26
src/views/file_management/stage/components/results.vue
View File

@ -15,7 +15,7 @@
<span>平台名称:</span> <span>平台名称:</span>
<span>报表日期:{{ dayjs().format("YYYY年MM月DD日") }}</span> <span>报表日期:{{ dayjs().format("YYYY年MM月DD日") }}</span>
</div> </div>
<table> <table class="print_table">
<tr> <tr>
<td class="title">公司名称</td> <td class="title">公司名称</td>
<td>{{ data.CORP_NAME }}</td> <td>{{ data.CORP_NAME }}</td>
@ -48,7 +48,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="6" style="padding: 0"> <td colspan="6" style="padding: 0">
<table class="table-inside"> <table class="table-inside print_table">
<tr> <tr>
<td class="title">序号</td> <td class="title">序号</td>
<td class="title">姓名</td> <td class="title">姓名</td>
@ -79,7 +79,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="6" style="padding: 0"> <td colspan="6" style="padding: 0">
<table class="table-inside"> <table class="table-inside print_table">
<tr> <tr>
<td class="title">序号</td> <td class="title">序号</td>
<td class="title">姓名</td> <td class="title">姓名</td>
@ -201,27 +201,7 @@ const fnClose = () => {
font-size: 14px; font-size: 14px;
} }
table {
border-collapse: collapse;
width: 100%;
td {
border: 1px solid var(--el-border-color);
padding: 8px;
font-size: 14px;
line-height: 1.6;
width: calc(100% / 7);
text-align: center;
}
.title {
background: var(--el-fill-color-light);
text-align: center;
}
}
.table-inside { .table-inside {
border-collapse: collapse;
width: calc(100% + 2px); width: calc(100% + 2px);
margin: -1px -2px -1px -1px; margin: -1px -2px -1px -1px;
} }

25
src/views/file_management/stage/components/signature_form.vue
View File

@ -19,7 +19,7 @@
<input type="checkbox" class="ml-15" />再培训 <input type="checkbox" class="ml-15" />再培训
<input type="checkbox" class="ml-15" />日常培训 ) <input type="checkbox" class="ml-15" />日常培训 )
</div> </div>
<table class="mt-10"> <table class="mt-10 print_table">
<tr> <tr>
<td class="title">日期</td> <td class="title">日期</td>
<td>{{ data.info.CREATTIME }}</td> <td>{{ data.info.CREATTIME }}</td>
@ -47,7 +47,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="6" style="padding: 0"> <td colspan="6" style="padding: 0">
<table class="table-inside"> <table class="table-inside print_table">
<tr> <tr>
<td class="title">姓名</td> <td class="title">姓名</td>
<td class="title">部门</td> <td class="title">部门</td>
@ -177,28 +177,7 @@ const fnClose = () => {
text-align: center; text-align: center;
} }
table {
border-collapse: collapse;
width: 100%;
td {
border: 1px solid var(--el-border-color);
padding: 8px;
font-size: 14px;
line-height: 1.6;
width: calc(100% / 6);
text-align: center;
}
.title {
background: var(--el-fill-color-light);
width: 160px;
text-align: center;
}
}
.table-inside { .table-inside {
border-collapse: collapse;
width: calc(100% + 2px); width: calc(100% + 2px);
margin: -1px -2px -1px -1px; margin: -1px -2px -1px -1px;
} }

2
src/views/high/job_data/view.vue
View File

@ -55,7 +55,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="4"> <td colspan="4">
<table class="table-ui"> <table>
<tr> <tr>
<td style="width: 80px">序号</td> <td style="width: 80px">序号</td>
<td>安全措施</td> <td>安全措施</td>

2
src/views/hot_work/job_data/view.vue
View File

@ -67,7 +67,7 @@
</tr> </tr>
<tr> <tr>
<td colspan="4"> <td colspan="4">
<table class="table-ui"> <table>
<tr> <tr>
<td style="width: 80px">序号</td> <td style="width: 80px">序号</td>
<td>安全措施</td> <td>安全措施</td>

17
src/views/major_hazard_sources/major_hazard_management/change_view.vue
View File

@ -6,7 +6,7 @@
<span class="title">变更时间</span> <span class="title">变更时间</span>
<span>{{ data.info.OPERATTIME }}</span> <span>{{ data.info.OPERATTIME }}</span>
</div> </div>
<table class="mt-10"> <table class="mt-10 print_table">
<tr> <tr>
<td class="title" /> <td class="title" />
<td <td
@ -299,23 +299,8 @@ fnGetData();
} }
table { table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
line-height: 1.6;
}
td:not(.title) { td:not(.title) {
width: 40%; width: 40%;
} }
.title {
background: var(--el-fill-color-light);
}
} }
</style> </style>

27
src/views/safety_environmental_management/safety_environmental/view.vue
View File

@ -2,7 +2,7 @@
<layout-card> <layout-card>
<div id="printContainer"> <div id="printContainer">
<el-divider content-position="left"> <el-divider content-position="left">
秦港股份有限公司现场{{ data.info.INSPECTION_SUBJECT }}检查记录 现场{{ data.info.INSPECTION_SUBJECT }}检查记录
</el-divider> </el-divider>
<el-descriptions :column="2" border> <el-descriptions :column="2" border>
<el-descriptions-item label="被检查单位"> <el-descriptions-item label="被检查单位">
@ -51,7 +51,7 @@
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
<el-divider content-position="left">发现问题</el-divider> <el-divider content-position="left">发现问题</el-divider>
<table> <table class="print_table">
<tr> <tr>
<th class="title">隐患描述</th> <th class="title">隐患描述</th>
<th class="title">隐患部位</th> <th class="title">隐患部位</th>
@ -77,7 +77,7 @@
</table> </table>
<div class="print_no_use" v-if="data.info?.inspectorList?.length > 0"> <div class="print_no_use" v-if="data.info?.inspectorList?.length > 0">
<el-divider content-position="left">检查人员核实情况</el-divider> <el-divider content-position="left">检查人员核实情况</el-divider>
<table class="table-ui"> <table class="print_table">
<tr> <tr>
<th>序号</th> <th>序号</th>
<th>核实人员</th> <th>核实人员</th>
@ -183,23 +183,4 @@ const fnView = (HIDDEN_ID) => {
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss"></style>
table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
text-align: center;
}
.title {
background: var(--el-fill-color-light);
width: 200px;
text-align: center;
}
}
</style>

1
src/views/statistical_analysis/inventory_statistics_month/print.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<layout-card> <layout-card>
<div id="printContent"> <div id="printContent">
<!-- TODO 打印分页截断-->
<el-divider content-position="left">员工清单检查统计（月）</el-divider> <el-divider content-position="left">员工清单检查统计（月）</el-divider>
<div class="mb-10"> <div class="mb-10">
<span>备注：</span> <span>备注：</span>

23
src/views/troubleshooting_statistics/day_inspection/inspection_records.vue
View File

@ -43,7 +43,7 @@
<div>排查人员：{{ info.USER_NAME }}</div> <div>排查人员：{{ info.USER_NAME }}</div>
<div>排查频次：每天</div> <div>排查频次：每天</div>
</div> </div>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<th width="60" class="title">序号</th> <th width="60" class="title">序号</th>
@ -78,14 +78,14 @@
alt="" alt=""
/>表示离岗/休班 ，-表示未建立） />表示离岗/休班 ，-表示未建立）
</div> </div>
<table> <table class="print_table">
<tr v-for="(item, index) in recordList" :key="index"> <tr v-for="(item, index) in recordList" :key="index">
<td <td
v-for="(item1, index1) in item.TRLIST" v-for="(item1, index1) in item.TRLIST"
:key="index1" :key="index1"
style="width: 100px; vertical-align: baseline" style="width: 100px; vertical-align: baseline"
> >
<table> <table class="print_table">
<tbody> <tbody>
<template <template
v-for="(item2, index2) in item1.TDLIST" v-for="(item2, index2) in item1.TDLIST"
@ -168,23 +168,6 @@ const { list, searchForm, fnGetData } = useListData(
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
text-align: center;
}
.title {
background: var(--el-fill-color-light);
}
}
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;

21
src/views/troubleshooting_statistics/ten_day_inspection/inspection_records.vue
View File

@ -42,7 +42,7 @@
> >
<div>排查部门：{{ info.DEPARTMENT_NAME }}</div> <div>排查部门：{{ info.DEPARTMENT_NAME }}</div>
</div> </div>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<th width="60" class="title">序号</th> <th width="60" class="title">序号</th>
@ -83,7 +83,7 @@
/>表示离岗/休班 ，-表示未建立） />表示离岗/休班 ，-表示未建立）
</div> </div>
</div> </div>
<table> <table class="print_table">
<tr v-for="(item, index) in recordList" :key="index"> <tr v-for="(item, index) in recordList" :key="index">
<td <td
v-for="(item1, index1) in item.TRLIST" v-for="(item1, index1) in item.TRLIST"
@ -151,23 +151,6 @@ const { list, searchForm, fnGetData } = useListData(
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
text-align: center;
}
.title {
background: var(--el-fill-color-light);
}
}
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;

21
src/views/troubleshooting_statistics/week_inspection/inspection_records.vue
View File

@ -42,7 +42,7 @@
> >
<div>排查部门：{{ info.DEPARTMENT_NAME }}</div> <div>排查部门：{{ info.DEPARTMENT_NAME }}</div>
</div> </div>
<table> <table class="print_table">
<thead> <thead>
<tr> <tr>
<th width="60" class="title">序号</th> <th width="60" class="title">序号</th>
@ -83,7 +83,7 @@
/>表示离岗/休班 ，-表示未建立） />表示离岗/休班 ，-表示未建立）
</div> </div>
</div> </div>
<table> <table class="print_table">
<tr v-for="(item, index) in recordList" :key="index"> <tr v-for="(item, index) in recordList" :key="index">
<td <td
v-for="(item1, index1) in item.TRLIST" v-for="(item1, index1) in item.TRLIST"
@ -146,23 +146,6 @@ const { list, searchForm, fnGetData } = useListData(
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
table {
border-collapse: collapse;
width: 100%;
td,
th {
border: 1px solid var(--el-border-color);
padding: 8px 12px;
font-size: 14px;
text-align: center;
}
.title {
background: var(--el-fill-color-light);
}
}
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;