138 lines
3.3 KiB
Vue
138 lines
3.3 KiB
Vue
<template>
|
|
<j-modal
|
|
:title="$t('view')"
|
|
:maskClosable="false"
|
|
:width="1000"
|
|
:closable="true"
|
|
@ok="handleOk"
|
|
@cancel="handleCancel"
|
|
switchFullscreen
|
|
:visible="visible">
|
|
<div class="detail-page-part-form">
|
|
<!--标准编号/条款号-->
|
|
<div class="detail-page-part-form-item">
|
|
<label>{{ $t('projectLibrary.vehicleItemLibrary.standardNumberClauseNumber') }}</label>
|
|
<span></span>
|
|
</div>
|
|
<!--标准名称/条款名称-->
|
|
<div class="detail-page-part-form-item">
|
|
<label>{{ $t('workCenter.projectComplianceEvaluationProcess.standardNameClauseName') }}</label>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<j-table :columns="columns" :data-source="dataSource" :pagination="ipagination" :scroll="{x: '100%'}">
|
|
|
|
</j-table>
|
|
</div>
|
|
</j-modal>
|
|
</template>
|
|
|
|
<script>
|
|
import JTable from '../../../../components/jero/JTable'
|
|
|
|
export default {
|
|
name: 'DepartLeaderDetailModal',
|
|
components: { JTable },
|
|
data () {
|
|
return {
|
|
visible: false,
|
|
model: {},
|
|
/* 分页参数 */
|
|
ipagination: {
|
|
current: 1,
|
|
pageSize: 10,
|
|
pageSizeOptions: ['10', '30', '50', '100', '150', '200'],
|
|
showTotal: (total, range) => {
|
|
return range[0] + '-' + range[1] + ' ' + this.$t('total') + total + this.$t('strip')
|
|
},
|
|
showQuickJumper: true,
|
|
showSizeChanger: true,
|
|
total: 0
|
|
},
|
|
columns: [
|
|
// 序号
|
|
{
|
|
title: this.$t('serialNumber'),
|
|
key: 'rowIndex',
|
|
width: 60,
|
|
customRender: function (t, r, index) {
|
|
return parseInt(index) + 1
|
|
}
|
|
},
|
|
// 模块负责人
|
|
{
|
|
title: this.$t('workCenter.standardConsultationProcess.moduleOwner'),
|
|
dataIndex: 'moduleOwner',
|
|
width: 150
|
|
},
|
|
// 设计工程师
|
|
{
|
|
title: this.$t('workCenter.standardConsultationProcess.designEngineer'),
|
|
dataIndex: 'contact',
|
|
width: 150
|
|
},
|
|
// 评估结果
|
|
{
|
|
dataIndex: 'evaluationResults_dictText',
|
|
title: this.$t('projectLibrary.vehicleItemLibrary.evaluationResult'),
|
|
width: 120
|
|
},
|
|
// 车型
|
|
{
|
|
dataIndex: '4',
|
|
title: this.$t('projectLibrary.specialProjectLibrary.vehicleModel'),
|
|
width: 100
|
|
},
|
|
// 依据描述
|
|
{
|
|
dataIndex: 'nameWorkNo',
|
|
title: this.$t('projectLibrary.specialProjectLibrary.basisDescription'),
|
|
width: 250
|
|
},
|
|
// 佐证材料
|
|
{
|
|
dataIndex: '5',
|
|
title: this.$t('projectLibrary.specialProjectLibrary.supportingMaterial'),
|
|
width: 120
|
|
}
|
|
],
|
|
dataSource: []
|
|
}
|
|
},
|
|
methods: {
|
|
open (record) {
|
|
this.visible = true
|
|
this.model = Object.assign({}, record)
|
|
},
|
|
handleOk () {
|
|
this.close()
|
|
},
|
|
handleCancel () {
|
|
this.close()
|
|
},
|
|
close () {
|
|
this.visible = false
|
|
this.model = {}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
@import '~@assets/less/common.less';
|
|
|
|
.detail-page-part-form-item {
|
|
width: calc((100% - 16px) / 2) !important;
|
|
|
|
label {
|
|
width: 9rem !important;
|
|
}
|
|
}
|
|
|
|
.detail-page-part-form-item:nth-child(2n) {
|
|
margin-right: 0 !important;
|
|
}
|
|
</style>
|