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_FILE_URL=https://file.zcloudchina.com/YTHFile
VITE_TEMPLATE_URL=https://qaaq.qhdsafety.com/file/

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

@ -184,6 +184,33 @@ a {
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 {
margin-left: 0;
}
@ -299,17 +326,7 @@ div::-webkit-scrollbar-track {
}
.print_use {
border-collapse: collapse;
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;
}
@include table;
}
.print_no_use {

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

@ -1,27 +1,24 @@
<template>
<el-dialog v-model="visible" title="摄像头">
<table>
<table class="print_table">
<thead>
<tr>
<td colspan="10" style="border: none">
<el-divider content-position="left">
{{ data.info.cameraType }}
{{ pd.pd.cameraType }}
</el-divider>
<div class="tr">摄像头名称:{{ data.info.VIDEONAME }}</div>
<div class="tr">摄像头名称:{{ pd.pd.VIDEONAME }}</div>
</td>
</tr>
</thead>
<tr>
<td class="title">摄像头编码</td>
<td>{{ data.info.CODE }}</td>
<td>{{ pd.pd.CODE }}</td>
</tr>
<tr>
<td colspan="10">
<div class="video">
<iframe
:src="data.info.VIDEOURL"
style="width: 100%; height: 100%"
/>
<iframe :src="pd.pd.VIDEOURL" style="width: 100%; height: 100%" />
</div>
</td>
</tr>
@ -34,7 +31,6 @@
<script setup>
import { useVModels } from "@vueuse/core";
import { reactive, onMounted } from "vue";
const props = defineProps({
visible: {
@ -49,14 +45,6 @@ const props = defineProps({
},
});
const data = reactive({
info: {},
});
onMounted(() => {
data.info = props.pd.pd;
});
const emits = defineEmits(["update:visible"]);
const { visible } = useVModels(props, emits);
const fnClose = () => {
@ -65,27 +53,10 @@ const fnClose = () => {
</script>
<style lang="scss" scoped>
table {
border-collapse: collapse;
width: 100%;
.video {
width: 100%;
height: 500px;
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>

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

@ -1,6 +1,6 @@
<template>
<el-dialog v-model="visible" title="作业票信息">
<table>
<table class="print_table">
<thead>
<tr>
<td colspan="10" style="border: none">
@ -103,7 +103,7 @@
</tr>
<tr>
<td colspan="10">
<table class="table-ui">
<table class="print_table">
<tr>
<td style="width: 80px">序号</td>
<td>安全措施</td>
@ -391,22 +391,4 @@ const fnClose = () => {
};
</script>
<style lang="scss" scoped>
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>
<style lang="scss" scoped></style>

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

@ -1,6 +1,6 @@
<template>
<el-dialog v-model="visible" title="作业票信息">
<table>
<table class="print_table">
<thead>
<tr>
<td colspan="10" style="border: none">
@ -55,7 +55,7 @@
</tr>
<tr>
<td colspan="4">
<table class="table-ui">
<table class="print_table">
<tr>
<td style="width: 80px">序号</td>
<td>安全措施</td>
@ -380,22 +380,4 @@ const fnClose = () => {
};
</script>
<style lang="scss" scoped>
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>
<style lang="scss" scoped></style>

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

@ -1,6 +1,6 @@
<template>
<el-dialog v-model="visible" title="作业票信息">
<table>
<table class="print_table">
<thead>
<tr>
<td colspan="10" style="border: none">
@ -67,7 +67,7 @@
</tr>
<tr>
<td colspan="4">
<table class="table-ui">
<table class="print_table">
<tr>
<td style="width: 80px">序号</td>
<td>安全措施</td>
@ -399,22 +399,4 @@ const fnClose = () => {
};
</script>
<style lang="scss" scoped>
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>
<style lang="scss" scoped></style>

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

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

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

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

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

@ -25,7 +25,7 @@
</div>
</div>
<div class="pdf-content">
<table>
<table class="print_table">
<tr v-for="(item, index) in list" :key="index">
<td
v-if="fnGetCurrentIndex(item, '0') >= 0"
@ -90,7 +90,6 @@
</table>
</div>
</div>
</layout-card>
<div class="tc mt-10">
<el-button type="primary" @click="fnSubmit" v-if="type !== 'view'">
确定
@ -98,6 +97,7 @@
<!-- TODO"-->
<el-button type="primary" v-if="type === 'view'">导出PDF</el-button>
</div>
</layout-card>
<assessment-results
v-model:visible="data.editDialog.visible"
v-model:form="data.editDialog.form"
@ -125,9 +125,6 @@ const route = useRoute();
const router = useRouter();
const { REPORT_LOG_ID, YEAR, currentPage, pageSize, type } = route.query;
const info = ref({});
const color = ref("unset");
const border_color = ref("var(--el-border-color-lighter)");
const width = ref("100%");
const { list } = useListData(getRiskControlMenuView, {
usePagination: false,
otherParams: { REPORT_LOG_ID },
@ -226,11 +223,9 @@ const fnSubmit = debounce(
<style scoped lang="scss">
.pdf-page {
//width: 1100px;
width: v-bind(width);
width: 100%;
padding: 20px;
position: relative;
color: v-bind(color);
.pdf-cover {
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>

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

@ -8,7 +8,7 @@
<span class="title">操作时间</span>
<span>{{ info.OPERATTIME }}</span>
</div>
<table class="mt-10">
<table class="mt-10 print_table">
<tr>
<td class="title" />
<td
@ -328,23 +328,8 @@ const visible = useVModel(props, "visible", emits);
}
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) {
width: 40%;
}
.title {
background: var(--el-fill-color-light);
}
}
</style>

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

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

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

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

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

@ -11,7 +11,7 @@
<div id="print">
<div>
<div class="main_title">{{ data.info.STUDY_NAME }}培训综合考评报告</div>
<table class="mt-10">
<table class="mt-10 print_table">
<tr>
<td class="title">任务名称</td>
<td>{{ data.info.STUDY_NAME }}</td>
@ -149,25 +149,5 @@ const fnClose = () => {
font-weight: bold;
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>

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

@ -15,7 +15,7 @@
<span>平台名称:</span>
<span>报表日期:{{ dayjs().format("YYYY年MM月DD日") }}</span>
</div>
<table>
<table class="print_table">
<tr>
<td class="title">公司名称</td>
<td>{{ data.CORP_NAME }}</td>
@ -48,7 +48,7 @@
</tr>
<tr>
<td colspan="6" style="padding: 0">
<table class="table-inside">
<table class="table-inside print_table">
<tr>
<td class="title">序号</td>
<td class="title">姓名</td>
@ -79,7 +79,7 @@
</tr>
<tr>
<td colspan="6" style="padding: 0">
<table class="table-inside">
<table class="table-inside print_table">
<tr>
<td class="title">序号</td>
<td class="title">姓名</td>
@ -201,27 +201,7 @@ const fnClose = () => {
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 {
border-collapse: collapse;
width: calc(100% + 2px);
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" />日常培训 )
</div>
<table class="mt-10">
<table class="mt-10 print_table">
<tr>
<td class="title">日期</td>
<td>{{ data.info.CREATTIME }}</td>
@ -47,7 +47,7 @@
</tr>
<tr>
<td colspan="6" style="padding: 0">
<table class="table-inside">
<table class="table-inside print_table">
<tr>
<td class="title">姓名</td>
<td class="title">部门</td>
@ -177,28 +177,7 @@ const fnClose = () => {
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 {
border-collapse: collapse;
width: calc(100% + 2px);
margin: -1px -2px -1px -1px;
}

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

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

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

@ -67,7 +67,7 @@
</tr>
<tr>
<td colspan="4">
<table class="table-ui">
<table>
<tr>
<td style="width: 80px">序号</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>{{ data.info.OPERATTIME }}</span>
</div>
<table class="mt-10">
<table class="mt-10 print_table">
<tr>
<td class="title" />
<td
@ -299,23 +299,8 @@ fnGetData();
}
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) {
width: 40%;
}
.title {
background: var(--el-fill-color-light);
}
}
</style>

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

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

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

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

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

@ -43,7 +43,7 @@
<div>排查人员：{{ info.USER_NAME }}</div>
<div>排查频次：每天</div>
</div>
<table>
<table class="print_table">
<thead>
<tr>
<th width="60" class="title">序号</th>
@ -78,14 +78,14 @@
alt=""
/>表示离岗/休班 ，-表示未建立）
</div>
<table>
<table class="print_table">
<tr v-for="(item, index) in recordList" :key="index">
<td
v-for="(item1, index1) in item.TRLIST"
:key="index1"
style="width: 100px; vertical-align: baseline"
>
<table>
<table class="print_table">
<tbody>
<template
v-for="(item2, index2) in item1.TDLIST"
@ -168,23 +168,6 @@ const { list, searchForm, fnGetData } = useListData(
</script>
<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 {
width: 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>
<table>
<table class="print_table">
<thead>
<tr>
<th width="60" class="title">序号</th>
@ -83,7 +83,7 @@
/>表示离岗/休班 ，-表示未建立）
</div>
</div>
<table>
<table class="print_table">
<tr v-for="(item, index) in recordList" :key="index">
<td
v-for="(item1, index1) in item.TRLIST"
@ -151,23 +151,6 @@ const { list, searchForm, fnGetData } = useListData(
</script>
<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 {
width: 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>
<table>
<table class="print_table">
<thead>
<tr>
<th width="60" class="title">序号</th>
@ -83,7 +83,7 @@
/>表示离岗/休班 ，-表示未建立）
</div>
</div>
<table>
<table class="print_table">
<tr v-for="(item, index) in recordList" :key="index">
<td
v-for="(item1, index1) in item.TRLIST"
@ -146,23 +146,6 @@ const { list, searchForm, fnGetData } = useListData(
</script>
<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 {
width: 16px;
height: 16px;