|
|
|
@ -3,55 +3,57 @@ |
|
|
|
<div class="container"> |
|
|
|
<el-row> |
|
|
|
<el-col class="left-section" :span="12"> |
|
|
|
<p style="margin-top: 2px">打样记录</p> |
|
|
|
<el-table |
|
|
|
:data="dataList" |
|
|
|
border |
|
|
|
style="width: 100%;" |
|
|
|
:height="this.height - 30" |
|
|
|
highlight-current-row |
|
|
|
ref="proofingTable" |
|
|
|
@row-click="proofDocumentClickRow" |
|
|
|
@current-change="changeCurrentRow" |
|
|
|
v-loading="dataListLoading"> |
|
|
|
<el-table-column |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="150" |
|
|
|
fixed="right" |
|
|
|
label="操作"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a type="text" size="small" @click="addDocumentList(scope.row)">文档清单定义</a> |
|
|
|
<a type="text" size="small" @click="updateProofingRecord(scope.row)">编辑</a> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
v-for="(item,index) in columnList" :key="index" |
|
|
|
:sortable="item.columnSortable" |
|
|
|
:prop="item.columnProp" |
|
|
|
:header-align="item.headerAlign" |
|
|
|
:show-overflow-tooltip="item.showOverflowTooltip" |
|
|
|
:align="item.align" |
|
|
|
:fixed="item.fixed==''?false:item.fixed" |
|
|
|
:min-width="item.columnWidth" |
|
|
|
:label="item.columnLabel"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span> |
|
|
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|
|
|
style="width: 100px; height: 80px"/></span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<div class="table-container" style="height: 214px;margin-top: -10px"> |
|
|
|
<p style="margin-top: -5px">打样记录</p> |
|
|
|
<el-table |
|
|
|
:data="dataList" |
|
|
|
border |
|
|
|
style="width: 100%;margin-top: -10px;" |
|
|
|
:height="this.height - 14" |
|
|
|
highlight-current-row |
|
|
|
ref="proofingTable" |
|
|
|
@row-click="proofDocumentClickRow" |
|
|
|
@current-change="changeCurrentRow" |
|
|
|
v-loading="dataListLoading"> |
|
|
|
<el-table-column |
|
|
|
header-align="center" |
|
|
|
align="center" |
|
|
|
width="150" |
|
|
|
fixed="right" |
|
|
|
label="操作"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a type="text" size="small" @click="addDocumentList(scope.row)">文档清单定义</a> |
|
|
|
<a type="text" size="small" @click="updateProofingRecord(scope.row)">编辑</a> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
v-for="(item,index) in columnList" :key="index" |
|
|
|
:sortable="item.columnSortable" |
|
|
|
:prop="item.columnProp" |
|
|
|
:header-align="item.headerAlign" |
|
|
|
:show-overflow-tooltip="item.showOverflowTooltip" |
|
|
|
:align="item.align" |
|
|
|
:fixed="item.fixed==''?false:item.fixed" |
|
|
|
:min-width="item.columnWidth" |
|
|
|
:label="item.columnLabel"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span> |
|
|
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|
|
|
style="width: 100px; height: 80px"/></span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" class="right-section" > |
|
|
|
<el-tabs style="font-size: 12px;" class="customer-tab" v-model="activeName" type="border-card" @tab-click="tabClick"> |
|
|
|
<el-tabs style="font-size: 12px;margin-top: -10px" class="customer-tab" v-model="activeName" type="border-card" @tab-click="tabClick"> |
|
|
|
<el-tab-pane label="打样文档" name="proofDocument"> |
|
|
|
<el-button type="primary" icon="el-icon-upload" style="margin-top: -5px" @click="uploadOtherDocument()">上传其他文档</el-button> |
|
|
|
<el-button type="primary" icon="el-icon-upload" style="margin-top: -3px;" @click="uploadOtherDocument()">上传其他文档</el-button> |
|
|
|
<el-table |
|
|
|
:data="proofDocumentList" |
|
|
|
border |
|
|
|
style="width: 100%;margin-top: 5px;" |
|
|
|
:height="height - 80" |
|
|
|
:height="height - 75" |
|
|
|
ref="proofDocumentTable" |
|
|
|
@row-click="uploadDocumentClickRow" |
|
|
|
@current-change="changeCurrentRow1" |
|
|
|
@ -404,8 +406,8 @@ |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<upload-file-list-1 folder="proofDocument" title="打样文档附件上传" :file-list.sync="fileList" :label="'文档类型ID:'" :no="documentClickRow.documentTypeId" :no-type="documentClickRow.documentType" |
|
|
|
:proofing-id="proofDocumenCurrentRow.proofingNo" :bu="proofDocumenCurrentRow.buNo" :site="proofDocumenCurrentRow.site" :upload-dialog.sync="uploadDialog" |
|
|
|
:project-id="proofDocumenCurrentRow.projectId" :project-desc="proofDocumenCurrentRow.projectDesc" :document-type="proofDocumenCurrentRow.documentType" |
|
|
|
:proofing-id="proofDocumenCurrentRow.proofingNo" :bu="proofDocumenCurrentRow.buNo" :site="proofDocumenCurrentRow.site" :upload-dialog.sync="uploadDialog" :no-desc="documentClickRow.documentDesc" |
|
|
|
:project-id="proofDocumenCurrentRow.projectId" :project-desc="proofDocumenCurrentRow.projectDesc" :document-type="proofDocumenCurrentRow.documentType" :id="documentClickRow.id" |
|
|
|
:customer-no="proofDocumenCurrentRow.customerNo" :customer-desc="proofDocumenCurrentRow.customerDesc" :test-part-no="proofDocumenCurrentRow.testPartNo" |
|
|
|
:part-desc="proofDocumenCurrentRow.partDesc" :column-file-content-array="columnFileContentArray" :proof-document-list="proofDocumentList" |
|
|
|
path="/upload/test" :is-editable="isEditable"></upload-file-list-1> |
|
|
|
@ -1433,6 +1435,7 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
changeCurrentRow1 (row, oldRow) { |
|
|
|
row.id = row.documentDefinitionListId |
|
|
|
// 判断是否是获取焦点的事件 |
|
|
|
if (row) { |
|
|
|
this.documentClickRow.bu = this.documentClickRow.site + "-" + this.documentClickRow.buNo |
|
|
|
@ -1440,6 +1443,7 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
uploadDocumentClickRow(row) { |
|
|
|
row.id = row.documentDefinitionListId |
|
|
|
this.documentClickRow = JSON.parse(JSON.stringify(row)) |
|
|
|
}, |
|
|
|
// ======== 附件的相关方法 ======== |
|
|
|
@ -1470,7 +1474,8 @@ |
|
|
|
this.isEditable = true; |
|
|
|
this.documentClickRow = { |
|
|
|
documentTypeId: '', // 清空文档类型ID |
|
|
|
documentType: '' // 清空文件类型 |
|
|
|
documentType: '' , // 清空文件类型 |
|
|
|
id: '-1' |
|
|
|
}; |
|
|
|
this.uploadDialog = true |
|
|
|
} |
|
|
|
@ -1496,4 +1501,17 @@ |
|
|
|
width: 48%; /* 右边部分宽度占满剩余空间 */ |
|
|
|
margin-right: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .table-container { |
|
|
|
border: 1px solid #e0e0e0; |
|
|
|
border-radius: 4px; |
|
|
|
padding: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-table { |
|
|
|
border: 1px solid #e0e0e0; |
|
|
|
border-radius: 4px; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
</style> |
yuejiayang
2 years ago