fix: 调整table显示

This commit is contained in:
shijing 2023-06-29 13:50:55 +08:00
parent 4d1eabcd23
commit ce1cc1dbe4
1 changed files with 121 additions and 12 deletions

View File

@ -252,7 +252,6 @@
stripe
highlight-current-row
:height="tableHeight"
id="oinspect"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="检查类型">
@ -282,6 +281,25 @@
</template>
</el-table-column>
</el-table>
<el-table
:data="oinspectList"
fit
stripe
highlight-current-row
:height="tableHeight"
id="oinspect"
style="display: none;"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="检查类型">
<template slot-scope="scope">
<span>{{ cateOptions[scope.row.cate] }}</span>
</template>
</el-table-column>
<el-table-column label="检查机构" prop="checker"></el-table-column>
<el-table-column label="检查日期" prop="date_inspect"></el-table-column>
<el-table-column label="检查结果" prop="result"></el-table-column>
</el-table>
</el-card>
<saveoin-dialog
v-if="dialogOin"
@ -309,7 +327,6 @@
stripe
highlight-current-row
:height="tableHeight"
id="rcList"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="报告/证书编号" prop="number"></el-table-column>
@ -335,6 +352,21 @@
</template>
</el-table-column>
</el-table>
<el-table
:data="rcList"
fit
stripe
highlight-current-row
:height="tableHeight"
id="rcList"
style="display: none;"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="报告/证书编号" prop="number"></el-table-column>
<el-table-column label="更改后报告/证书编号" prop="number_correct"></el-table-column>
<el-table-column label="出错原因" prop="reason_error"></el-table-column>
<el-table-column label="更改报告/证书发放日期" prop="date_issue"></el-table-column>
</el-table>
</el-card>
</el-col>
<!-- 3\超期报告/证书 -->
@ -355,7 +387,6 @@
stripe
highlight-current-row
:height="tableHeight"
id="rc2"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="超期报告/证书编号" prop="number"></el-table-column>
@ -381,6 +412,21 @@
</template>
</el-table-column>
</el-table>
<el-table
:data="rc2List"
fit
stripe
highlight-current-row
:height="tableHeight"
id="rc2"
style="display: none;"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="超期报告/证书编号" prop="number"></el-table-column>
<el-table-column label="业务受理日期" prop="date_accept"></el-table-column>
<el-table-column label="报告/证书应发日期" prop="date_expect"></el-table-column>
<el-table-column label="报告/证书实际发放日期" prop="date_issue"></el-table-column>
</el-table>
</el-card>
<saverc-dialog
v-if="dialogRc"
@ -408,7 +454,6 @@
stripe
highlight-current-row
:height="tableHeight"
id="ptList"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="能力验证名称" prop="name"></el-table-column>
@ -444,6 +489,31 @@
</template>
</el-table-column>
</el-table>
<el-table
:data="ptList"
fit
stripe
highlight-current-row
:height="tableHeight"
id="ptList"
style="display: none;"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="能力验证名称" prop="name"></el-table-column>
<el-table-column label="项目编号" prop="number"></el-table-column>
<el-table-column label="组织方" prop="organizer"></el-table-column>
<el-table-column label="参加参数名称" prop="params"></el-table-column>
<el-table-column label="结果">
<template slot-scope="scope">
<span>{{ resultsOptions[scope.row.result] }}</span>
</template>
</el-table-column>
<el-table-column label="结果处理状况">
<template slot-scope="scope">
<span>{{ handleOptions[scope.row.handle_result] }}</span>
</template>
</el-table-column>
</el-table>
</el-card>
<savept-dialog
v-if="dialogPt"
@ -471,7 +541,6 @@
stripe
highlight-current-row
:height="tableHeight"
id="complaint"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="投诉人/机构" prop="complainant"></el-table-column>
@ -503,6 +572,27 @@
</template>
</el-table-column>
</el-table>
<el-table
:data="complaintList"
fit
stripe
highlight-current-row
:height="tableHeight"
id="complaint"
style="display: none;"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="投诉人/机构" prop="complainant"></el-table-column>
<el-table-column label="投诉内容" prop="content"></el-table-column>
<el-table-column label="投诉日期" prop="date_occurrence"></el-table-column>
<el-table-column label="处理结果反馈日期" prop="date_feedback"></el-table-column>
<el-table-column label="客户是否满意">
<template slot-scope="scope">
<el-tag v-if="scope.row.is_satisfied" type="primary">满意</el-tag>
<el-tag v-else type="warning">不满意</el-tag>
</template>
</el-table-column>
</el-table>
</el-card>
<savecom-dialog
v-if="dialogCom"
@ -530,7 +620,6 @@
stripe
highlight-current-row
:height="tableHeight"
id="risk"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="风险事实描述" prop="content"></el-table-column>
@ -564,6 +653,29 @@
</template>
</el-table-column>
</el-table>
<el-table
:data="riskList"
fit
stripe
highlight-current-row
:height="tableHeight"
id="risk"
style="display: none;"
>
<el-table-column label="序号" type="index" width="50" />
<el-table-column label="风险事实描述" prop="content"></el-table-column>
<el-table-column label="风险类别">
<template slot-scope="scope">
<span>{{ levelOptions[scope.row.level] }}</span>
</template>
</el-table-column>
<el-table-column label="风险代码" prop="code"></el-table-column>
<el-table-column label="整改情况">
<template slot-scope="scope">
<span>{{ codeOptions[scope.row.state] }}</span>
</template>
</el-table-column>
</el-table>
</el-card>
<saverisk-dialog
v-if="dialogRisk"
@ -738,10 +850,9 @@
exportTableExcel (id,name) {
let filename = name+'.xlsx';
var wb = XLSX.utils.table_to_book(document.getElementById(id),{row:true})
console.log(wb.Sheets)
console.log(wb.Sheets.Sheet1)
console.log(wb.Sheets.Sheet1.nrows)
console.log(wb.Sheets.Sheet1.ncols)
// console.log(wb.Sheets)
// console.log(wb.Sheets.Sheet1)
// console.log(wb.Sheets.Sheet1['!cols'])//undefined
// wb.Sheets.Sheet1['!cols'][0]={hidden:true}
// if(id=='ptList'){
// wb.Sheets.Sheet1['!cols'][7]={hidden:true}
@ -752,8 +863,6 @@
// wb.Sheets.Sheet1['!cols'][5]={hidden:true}
// }
var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
try {
FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), filename)
} catch (e) { if (typeof console !== 'undefined') console.log(e, wbout)}