Yangwl
/
lanju-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2025-01-07 MES-产品首检记录报表

Browse Source
master
元气满满(jgy) 11 months ago
parent cbe4394c3c
commit 4cb06ad793
1 changed files with 529 additions and 229 deletions
Show Stats Download Patch File Download Diff File

758
src/views/mes/firstInspection/index.vue
Unescape Escape View File

@ -16,21 +16,13 @@
<span>产品首检记录表</span>
</el-col>
</el-row>
<br>
<br />
<el-row>
<el-col :span="9">
<el-col :span="8">
<div>生产车间:黑蚊香车间</div>
<br />
</el-col>
<el-col :span="9">
<div>产品名称: {{ headerParameters.productName }}</div>
<br />
</el-col>
<el-col :span="6">
<div>检查人: {{ headerParameters.checkPeople }}</div>
<br />
</el-col>
<el-col :span="9">
<el-col :span="8">
<div>
生产产线:
<el-select
@ -38,6 +30,7 @@
filterable
placeholder="请选择产线"
style="width: 160px"
@change="handleSelectLineChange"
>
<el-option
v-for="item in lineCodeOption"
@ -50,11 +43,12 @@
</div>
<br />
</el-col>
<el-col :span="9">
<el-col :span="8">
<div>
检查日期:
<el-date-picker
clearable
style="width: 160px"
v-model="headerParameters.checkDate"
type="date"
value-format="yyyy-MM-dd"
@ -62,8 +56,59 @@
>
</el-date-picker>
</div>
<br />
</el-col>
<el-col :span="6">
<el-col :span="8">
<div>
产品名称:
<el-select
v-model="headerParameters.id"
filterable
placeholder="请选择产品"
style="width: 250px"
@change="handleSelectProductChange"
>
<el-option
v-for="item in productCodeOption"
:key="item.id"
:label="'【' + item.productName + '】表id：' + item.id"
:value="item.id"
>
</el-option>
</el-select>
</div>
<br />
</el-col>
<!-- <el-col :span="7">
<div>工单号:
<el-select
v-model="headerParameters.workorderId"
filterable
placeholder="请选择工单"
style="width: 250px"
@change="handleSelectWorkChange"
>
<el-option
v-for="item in workCodeOption"
:key="item.workorderId"
:label="item.workorderName"
:value="item.workorderId"
>
</el-option>
</el-select>
</div>
<br />
</el-col> -->
<el-col :span="8">
<div>
检 查 人 :
<el-input
v-model="headerParameters.createBy"
style="width: 160px"
/>
</div>
</el-col>
<el-col :span="8">
<el-button
type="primary"
icon="el-icon-search"
@ -82,75 +127,136 @@
@click="handlePrintPre"
>打印
</el-button>
<el-button
type="primary"
plain
icon="el-icon-check"
size="mini"
@click="handleSubmit"
>提交
</el-button>
<el-button
type="primary"
plain
icon="el-icon-check"
size="mini"
@click="AddNewColumn"
>新增一列
</el-button>
</el-col>
</el-row>
</el-form>
<el-row>
<el-col :span="12">
<table class="bordered-table">
<tr>
<th v-for="item in leftTableTittle0" style="width:200px" :key="item.key">
<div>
<table class="bordered-table">
<tr>
<th
v-for="item in tableTittle0"
style="width: 300px"
:key="item.key"
>
{{ item.label }}
</th>
<!-- 动态渲染列名 -->
<th v-for="item in leftTableTittle" :key="item.key" :width = leftTableTittleWidth >
<th
v-for="item in tableTittle"
:key="item.key"
:width="tableTittleWidth"
>
{{ item.label }}
</th>
</tr>
<tr>
<!-- 动态渲染列名 -->
<th v-for="(index, key) in leftTableData[0]" :key="key">
{{ key }}
</th>
</tr>
<tr v-for="item in leftTableData" :key="item.id">
<!-- 动态渲染列值 -->
<td v-for="(value, key) in item" :key="key">{{ value }}</td>
</tr>
<tr>
<td colspan = "1">异常处理</td>
<td :colspan = leftPropertyNum>{{ headerParameters.bz }}</td>
</tr>
</table>
<div>
备注:{{ headerParameters.remark }}
</div>
</el-col>
<el-col :span="12">
<table class="bordered-table">
<tr>
<th v-for="item in rightTableTittle0" style="width:200px" :key="item.key">
{{ item.label }}
</th>
<!-- 动态渲染列名 -->
<th v-for="item in rightTableTittle" :key="item.key" :width = rightTableTittleWidth >
{{ item.label }}
<tr>
<th v-for="(item, key, index) in tableData[0]" :key="key">
<template v-if="key === '开始-结束'">{{ key }}</template>
<template v-else>
<el-time-select
v-model="item.checkTimeS"
style="width: 100px"
:picker-options="{
start: '00:00',
step: '00:30',
end: '23:30',
}"
format="HH:mm"
@change="handleStartTimeChange(key, $event)"
>
</el-time-select
>-
<el-time-select
v-model="item.checkTimeE"
style="width: 100px"
:picker-options="{
start: '00:00',
step: '00:30',
end: '23:30',
}"
format="HH:mm"
@change="handleEndTimeChange(key, $event)"
>
</el-time-select>
</template>
</th>
</tr>
<tr>
<!-- 动态渲染列名 -->
<th v-for="(index, key) in rightTableData[0]" :key="key">
{{ key }}
</th>
</tr>
<tr v-for="item in rightTableData" :key="item.id">
<!-- 动态渲染列值 -->
<td v-for="(value, key) in item" :key="key">{{ value }}</td>
</tr>
<tr>
<td colspan = "1">异常处理</td>
<td :colspan = rightPropertyNum>{{ headerParameters.bz }}</td>
</tr>
</table>
<div>
备注:{{ headerParameters.remark }}
</div>
</el-col>
</el-row>
<tr v-for="item in tableData" :key="item.id">
<!-- 动态渲染列值 -->
<td columnspan="1" v-for="(value, key) in item" :key="key">
<template v-if="key === '开始-结束'">{{ value.data }}</template>
<template
v-if="key != '开始-结束' && value.type === 'rightWrong'"
>
<el-select v-model="value.data">
<el-option label="√" value="√"></el-option>
<el-option label="×" value="×"></el-option>
</el-select>
</template>
<template v-if="key != '开始-结束' && value.type === 'dataCode'">
<el-select
v-model="value.data"
filterable
placeholder="请选择日期码"
>
<el-option
v-for="item in dataCodeOption"
:key="item.batchCode"
:label="item.batchCode"
:value="item.batchCode"
/>
</el-select>
</template>
<template
v-if="key != '开始-结束' && value.type === 'sprayAmount'"
>
<el-input v-model="value.data" placeholder="请输入"> </el-input>
</template>
</td>
</tr>
<tr>
<td colspan="1">异常处理</td>
<td :colspan="propertyNum">
<el-input
type="text"
style="width: 1000px"
v-model="headerParameters.bz"
placeholder="请输入异常处理内容"
/>
</td>
</tr>
</table>
</div>
<br />
<div>
备注:
<el-input
type="text"
style="width: 1250px"
v-model="headerParameters.remark"
placeholder="请输入备注"
/>
</div>
</div>
<div id="printPage" v-show="showPrintPage">
@ -171,93 +277,80 @@
<span>产品首检记录表</span>
</el-col>
</el-row>
<br>
<br>
<br>
<br />
<br />
<br />
<el-row>
<el-col :span="11">
<div class="text-print">生产车间:黑蚊香车间</div>
<br />
</el-col>
<el-col :span="8">
<div class="text-print" >生产产线: {{ headerParameters.lineName }}</div>
<el-col :span="9">
<div class="text-print">
生产产线: {{ headerParameters.lineName }}
</div>
<br />
</el-col>
<el-col :span="5">
<div class="text-print">检查人: {{ headerParameters.checkPeople }}</div>
<el-col :span="4">
<div class="text-print">检查人: {{ headerParameters.createBy }}</div>
<br />
</el-col>
<el-col :span="19">
<div class="text-print">产品名称: {{ headerParameters.productName }}</div>
<el-col :span="20">
<div class="text-print">
产品名称: {{ headerParameters.productName }}
</div>
<br />
</el-col>
<el-col :span="5">
<div class="text-print">检查日期: {{ headerParameters.checkDate }}</div>
<el-col :span="4">
<div class="text-print">
检查日期: {{ headerParameters.checkDate }}
</div>
<br />
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="24">
<table class="bordered-table-print" border="1">
<tr>
<th v-for="item in leftTableTittle0" style="width:200px" :key="item.key">
{{ item.label }}
</th>
<!-- 动态渲染列名 -->
<th v-for="item in leftTableTittle" :key="item.key" :width = leftPrintTittleWidth >
{{ item.label }}
</th>
</tr>
<th
v-for="item in tableTittle0"
style="width: 300px"
:key="item.key"
>
{{ item.label }}
</th>
<!-- 动态渲染列名 -->
<th
v-for="item in tableTittle"
:key="item.key"
:width="tableTittleWidth"
>
{{ item.label }}
</th>
</tr>
<tr>
<th v-for="(index, key) in leftTableData[0]" :key="key">
<th v-for="(index, key) in tableData[0]" :key="key">
{{ key }}
</th>
</tr>
<tr v-for="item in leftTableData" :key="item.id">
<td v-for="(value, key) in item" :key="key">{{ value }}</td>
</tr>
<tr>
<td colspan = "1">异常处理</td>
<td :colspan = leftPropertyNum>{{ headerParameters.bz }}</td>
</tr>
</table>
<div>
备注:{{ headerParameters.remark }}
</div>
</el-col>
<el-col :span="12">
<table class="bordered-table-print" border="1">
<tr>
<th v-for="item in rightTableTittle0" style="width:200px" :key="item.key">
{{ item.label }}
</th>
<!-- 动态渲染列名 -->
<th v-for="item in rightTableTittle" :key="item.key" :width = rightPrintTittleWidth >
{{ item.label }}
</th>
</tr>
<tr v-for="item in tableData" :key="item.id">
<td v-for="(value, key) in item" :key="key">{{ value.data }}</td>
</tr>
<tr>
<th v-for="(index, key) in rightTableData[0]" :key="key">
{{ key }}
</th>
</tr>
<tr v-for="item in rightTableData" :key="item.id">
<td v-for="(value, key) in item" :key="key">{{ value }}</td>
</tr>
<tr>
<td colspan = "1">异常处理</td>
<td :colspan = rightPropertyNum>{{ headerParameters.bz }}</td>
<td colspan="1">异常处理</td>
<td :colspan="propertyNum">{{ headerParameters.bz }}</td>
</tr>
<!-- <tr>
<td colspan = "1">备注</td>
<td :colspan = propertyNum>{{ headerParameters.remark }}</td>
</tr> -->
</table>
<div>
备注:{{ headerParameters.remark }}
</div>
</el-col>
</el-row>
<div class="bottom-remark">备注:{{ headerParameters.remark }}</div>
</div>
<!-- <el-table :data="tableData">
@ -268,16 +361,18 @@
:label="value"
>
</el-table-column>
</el-table>
--></div>
</el-table> -->
</div>
</template>
<script>
import {
listFirstInspectionLeft,
listFirstInspectionRight,
listSelfMutualInspection,
getSelfMutualInspectionData,
getLineCodeList,
getProductList,
updateTable,
getWorkList,
} from "@/api/mes/selfMutualInspection";
export default {
@ -289,21 +384,18 @@ export default {
printable: "printPage",
ignore: ["no-print"],
},
lineCodeOption: [],
leftPropertyNum: null,
leftTableData: [],
leftTableTittle0: [],
leftTableTittle: [],
rightPropertyNum: null,
rightTableData: [],
rightTableTittle: [],
rightTableTittle0: [],
leftTableTittleWidth: null,
rightTableTittleWidth: null,
leftPrintTittleWidth: null,
rightPrintTittleWidth: null,
showPrintPage: false,
showTable: false,
lineCodeOption: [],
dataCodeOption: [],
productCodeOption: [],
workCodeOption: [],
processedTableData: [],
propertyNum: null,
tableTittle0: [],
tableTittle: [],
tableTittleWidth: null,
tableData: [],
// 遮罩层
loading: true,
// 选中数组
@ -324,15 +416,19 @@ export default {
queryParams: {},
//表头参数
headerParameters: {
id: null, //主表ID
workorderId: null, //工单的id
reportName: "ConversionReportLeft", //表类型
productionWorkshop: null, //生产车间
reportName: 'ConversionReportRight', //表类型
lineCode: null, //生产产线编码
lineName: null, //生产产线名称
checkPeople: null, //检查人
createBy: null, //检查人
productName: null, //产品名称
dateCode: null, //日期码
checkDate: null, //检查日期
bz: null, //异常处理
remark: null, //备注
belongTo: null, //主表id
},
// 表单参数
form: {},
@ -341,18 +437,78 @@ export default {
};
},
created() {
// this.getDate();
this.getLineCode();
this.getList();
},
watch: {
// 监听lineCode和checkDate的变化
headerParameters: {
handler(newVal) {
if (newVal.lineCode && newVal.checkDate) {
this.getProductList(); //监听产品和检查日期
}
},
deep: true,
},
},
methods: {
//在选择产线时候，存产线名称
handleSelectLineChange(value) {
const selectedOption = this.lineCodeOption.find(
(option) => option.equipmentCode === value
);
if (selectedOption) {
this.headerParameters.lineName = selectedOption.equipmentName;
}
},
//在选择设备时候，存设备名称
handleSelectProductChange(value) {
const selectedOption = this.productCodeOption.find(
(option) => option.id === value
);
if (selectedOption) {
this.headerParameters.productName = selectedOption.productName;
this.headerParameters.productCode = selectedOption.productCode;
this.headerParameters.workorderId = selectedOption.workorderId;
}
},
handleSelectWorkChange(value) {
const selectedOption = this.workCodeOption.find(
(option) => option.id === value
);
if (selectedOption) {
this.headerParameters.workorderId = selectedOption.workorderId;
}
},
dynamicWidthStyle() {
return { width: `${1000 / this.propertyNum}px` };
},
//预处理
handlePrintPre() {
this.showTable = false;//页面上的表格不显示
this.showPrintPage = true;//打印的表格显示
this.$nextTick(() => {
this.handlePrint()
this.$confirm("是否确定提交当前页面信息并进行打印操作？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
// 用户点击确定后执行的逻辑
this.showTable = false;
this.showPrintPage = true;
this.$nextTick(() => {
this.handleSubmit(); //提交
this.handlePrint(); //打印
});
})
.catch(() => {
// 用户点击取消后执行的逻辑，这里简单打印提示信息，可按需调整
console.log("用户取消了打印预处理操作");
});
},
//真正打印
@ -368,10 +524,9 @@ export default {
ignoreElements: this.printData.ignore || [], // ['no-print']
properties: this.printData.properties || null,
});
this.showTable = true;//页面上的表格显示
this.showPrintPage = false;//打印的表格不显示
this.showTable = true; //页面上的表格显示
this.showPrintPage = false; //打印的表格不显示
},
// 取消按钮
cancel() {
this.open = false;
@ -388,6 +543,8 @@ export default {
this.$modal.msg("您没有选择生产产线，请选择！");
} else if (this.headerParameters.checkDate == null) {
this.$modal.msg("您没有选择检查时间，请选择！");
} else if (this.headerParameters.id == null) {
this.$modal.msg("您没有选择检查产品，请选择！");
} else {
this.getList();
}
@ -399,92 +556,222 @@ export default {
});
},
/**获取默认查询时间段**/
// getDate() {
// let start = this.Fungetdate (0)
// this.headerParameters.checkDate = start;
// },
// Fungetdate (num) {
// var dd = new Date();
// dd.setDate(dd.getDate() + num);
// var y = dd.getFullYear();
// var m = dd.getMonth() + 1;//获取当前月份的日期
// var d = dd.getDate();
// return y + "-" + m +"-"+d;
// },
getProductList() {
getProductList(this.headerParameters).then((response) => {
this.productCodeOption = response;
});
},
getWorkList() {
getWorkList(this.headerParameters).then((response) => {
this.workCodeOption = response;
});
},
/** 重置按钮操作 */
resetQuery() {
(this.headerParameters.productionWorkshop = null), //生产车间
(this.headerParameters.lineCode = null), //生产产线
(this.headerParameters.lineName = null), //生产产线
(this.headerParameters.checkPeople = null), //检查人
(this.headerParameters.createBy = null), //检查人
(this.headerParameters.productName = null), //产品名称
(this.headerParameters.checkDate = null), //检查日期
(this.headerParameters.bz = null), //异常处理
(this.headerParameters.remark = null), //备注
// this.getDate();
this.getList();
},
/** 查询检查项维护列表 */
getList() {
this.showTable = true;//页面上的表格显示
this.showPrintPage = false;//打印的表格不显示
this.leftTableData = [];
this.leftTableTittle = [];
this.leftTableTittle0 = [];
this.showTable = true; //页面上的表格显示
this.showPrintPage = false; //打印的表格不显示
this.tableData = [];
this.tableTittle = [];
this.tableTittle0 = [];
this.propertyNum = null;
this.loading = true;
getSelfMutualInspectionData(this.headerParameters).then((response) => {
this.headerParameters.checkPeople = response.createBy; //检查人
this.headerParameters.productName = response.productName; //产品名称
this.headerParameters.createBy = response.createBy; //检查人
this.headerParameters.remark = response.remark; //备注
this.headerParameters.bz = response.bz; //异常处理
this.headerParameters.lineName = response.lineName;
//this.headerParameters.checkDate = response.checkDate 检查日期
//生产产线
this.dataCodeOption = response.dateCodeList;
});
listFirstInspectionLeft(this.headerParameters).then((response) => {
this.leftTableData = response;
this.leftPropertyNum = Object.keys(this.leftTableData[0]).length - 1; //属性个数
console.log('leftPropertyNum',this.leftPropertyNum);
this.leftTableTittleWidth = (440 / (this.leftPropertyNum)) + 'px';
this.leftPrintTittleWidth = (400 / (this.leftPropertyNum)) + 'px';
this.leftTableTittle0.push({
listSelfMutualInspection(this.headerParameters).then((response) => {
this.tableData = response;
this.propertyNum = Object.keys(this.tableData[0]).length - 1; //属性个数
this.tableTittle0.push({
label: "项目",
key: 0,
});
for (let i = 0; i < this.leftPropertyNum; i++) {
this.leftTableTittle.push({
for (let i = 0; i < this.propertyNum; i++) {
this.tableTittle.push({
label: "检查时间",
key: i + 1,
});
}
this.tableTittleWidth = 1000 / this.propertyNum + "px";
});
},
AddNewColumn() {
//表头增加
this.tableTittle.push({
label: "检查时间",
key: this.propertyNum + 1,
});
this.propertyNum = this.propertyNum + 1;
this.tableTittleWidth = 1000 / this.propertyNum + "px";
//前端直接构建
this.tableData.forEach((item) => {
Object.keys(item).forEach((key) => {
if (key == "开始-结束") {
// 提取所有时间区间的结束时间
let endTimes = [];
Object.keys(item).forEach((key) => {
if (key != "开始-结束") {
let [start, end] = key.split("-");
endTimes.push(end);
}
});
// 将时间字符串转换为分钟数
let timesInMinutes = endTimes.map((time) => {
let [hour, minute] = time.split(":").map(Number);
return hour * 60 + minute;
});
// 找到最大的分钟数
let maxEndTimeInMinutes = Math.max(...timesInMinutes);
let newEndTime = null;
let maxEndTime = null;
if (Number.isNaN(maxEndTimeInMinutes)) {
maxEndTime = "00:00";
newEndTime = "00:30";
console.log("maxEndTimeInMinutes", maxEndTimeInMinutes);
} else {
// 将最大分钟数转换回时间字符串
let maxHour = Math.floor(maxEndTimeInMinutes / 60);
let maxMinute = maxEndTimeInMinutes % 60;
maxEndTime =
maxHour.toString().padStart(2, "0") +
":" +
maxMinute.toString().padStart(2, "0");
// 在最大结束时间基础上加半小时
maxMinute += 30;
if (maxMinute >= 60) {
maxHour += 1;
maxMinute -= 60;
}
// 格式化结果
newEndTime =
maxHour.toString().padStart(2, "0") +
":" +
maxMinute.toString().padStart(2, "0");
}
var dynamicPropertyName = maxEndTime + "-" + newEndTime;
let newProperty = {};
newProperty.productCode = this.headerParameters.productCode;
newProperty.productName = this.headerParameters.productName;
newProperty.tableLine = this.propertyNum;
newProperty.infoName = item[key].projectName;
newProperty.timeArray = maxEndTime + "-" + newEndTime;
newProperty.checkTimeS = maxEndTime;
newProperty.checkTimeE = newEndTime;
if (
item[key].projectName == "日期码" ||
item[key].projectName == "生产批号"
) {
newProperty.checkResult = "";
newProperty.data = "";
newProperty.type = "dataCode";
} else if (item[key].projectName == "灌装量/净含量/喷药量") {
newProperty.checkResult = "";
newProperty.data = "";
newProperty.type = "sprayAmount";
} else {
newProperty.checkResult = "√";
newProperty.data = "√";
newProperty.type = "rightWrong";
}
this.$set(item, dynamicPropertyName, newProperty);
}
});
});
this.rightTableData = [];
this.rightTableTittle = [];
this.rightTableTittle0 = [];
console.log("this.tableData", this.tableData);
},
listFirstInspectionRight(this.headerParameters).then((response) => {
this.rightTableData = response;
this.rightPropertyNum = Object.keys(this.rightTableData[0]).length - 1; //属性个数
this.rightTableTittleWidth = (440 / (this.rightPropertyNum)) + 'px';
this.rightPrintTittleWidth = (400 / (this.leftPropertyNum)) + 'px';
handleSubmit() {
//表头信息更新检查人，表尾部信息更新异常信息、备注
this.rightTableTittle0.push({
label: "项目",
key: 0,
});
for (let i = 0; i < this.rightPropertyNum; i++) {
this.rightTableTittle.push({
label: "检查时间",
key: i + 1,
});
//需要加个逻辑 开始时间不能为空
if (this.tableData && this.tableData[0]) {
const firstObject = this.tableData[0];
for (let key in firstObject) {
if (
firstObject.hasOwnProperty(key) &&
firstObject[key].hasOwnProperty("checkTimeS")
) {
const checkTimeS = firstObject[key].checkTimeS;
if (
typeof checkTimeS === "undefined" ||
checkTimeS === null ||
checkTimeS === ""
) {
this.$modal.msg("您填入的检查时间存在开始时间为空的情况，请再次进行填写！");
return;
}
}
}
}
this.headerParameters.tableData = this.tableData;
updateTable(this.headerParameters).then((response) => {
this.$modal.msgSuccess("提交成功");
if (response.code == 200) {
this.headerParameters.tableData = null;
this.getList();
}
});
},
handleStartTimeChange(transKey, newTime) {
// 遍历表格数据，更新该列所有对象的checkTime属性
this.tableData.forEach((item) => {
Object.keys(item).forEach((key) => {
if (key == transKey) {
const originalTime = item[key].checkTimeS;
item[key].checkTimeS = newTime;
console.log(
key + "原来的结束时间：",
originalTime + "现在的结束时间：",
item[key].checkTimeS
);
}
});
});
},
handleEndTimeChange(transKey, newTime) {
// 遍历表格数据，更新该列所有对象的checkTime属性
this.tableData.forEach((item) => {
Object.keys(item).forEach((key) => {
if (key == transKey) {
const originalTime = item[key].checkTimeE;
item[key].checkTimeE = newTime;
console.log(
key + "原来的结束时间：",
originalTime + "现在的结束时间：",
item[key].checkTimeE
);
}
});
});
},
},
@ -498,6 +785,7 @@ export default {
font-weight: 800;
color: black;
}
.lanju-logo {
margin-top: 15px;
margin-left: 15px;
@ -506,39 +794,41 @@ export default {
.bordered-table {
border-collapse: collapse; /* 确保边框合并为单一边框 */
width: 640px; /* 表格宽度 */
width: 1300px; /* 表格宽度 */
}
.bordered-table th,
.bordered-table td {
border: 1px solid #ddd; /* 边框样式 */
padding: 8px; /* 单元格内边距 */
text-align: center; /* 文本对齐 */
}
.bordered-table tr {
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
}
.bordered-table-bottom {
border-collapse: collapse; /* 确保边框合并为单一边框 */
width: 640px; /* 表格宽度 */
width: 1300px; /* 表格宽度 */
}
.bordered-table-bottom td {
border: 1px solid #ddd; /* 边框样式 */
text-align: left; /* 文本对齐 */
width: 640px; /* 表格宽度 */
height: 35px; /* 表格高度 */
}
.bordered-table tr {
word-break:break-all;
word-wrap:break-word;
font-size: 12px;
border-collapse:collapse
width: 1300px; /* 表格宽度 */
}
/* 下面是和打印有关系的 */
.tittle-text-print {
text-align: center;
font-size: 50px;
font-size: 40px;
font-weight: 800;
color: black;
}
.lanju-logo-print {
margin-top: 15px;
margin-left: 15px;
@ -553,27 +843,37 @@ export default {
.bordered-table-print {
border-collapse: collapse; /* 确保边框合并为单一边框 */
width: 600px; /* 表格宽度 */
width: 1300px; /* 表格宽度 */
}
.bordered-table-print td {
text-align: center; /* 文本对齐 */
height: 30px; /* 表格高度 */
}
.bordered-table-bottom-print {
border-collapse: collapse; /* 确保边框合并为单一边框 */
width: 600px; /* 表格宽度 */
width: 1300px; /* 表格宽度 */
}
.bordered-table-bottom-print td{
.bordered-table-bottom-print td {
text-align: left; /* 文本对齐 */
height: 35px; /* 表格宽度 */
width: 600px; /* 表格高度 */
width: 1300px; /* 表格高度 */
}
.bottom-remark {
margin-top: 15px;
}
.bordered-table-print tr {
word-break:break-all;
word-wrap:break-word;
font-size: 12px;
height: 35px; /* 表格高度 */
border-collapse:collapse
word-break: break-all;
word-wrap: break-word;
border-collapse: collapse;
}
</style>
.time-range {
border: 1px solid black;
padding: 2px;
}
</style>
Write Preview
Loading…
Cancel
Save