<c-search-panel
:columns="columns" @search="search" ref="search
Form"> <template #projSlot> <v-project-select
:disabled="disabled" v-decora
tor="[ 'projNo', { rules
: [ { required
: true, message
: $t
('ma
intenance.common.selectValida
tor'
), }, ], }, ]" @change="changeProj" /> </template> </c-search-panel> <v-table filled
:dataSource="this.dataList"
:columns="columns"
:pag
ination="pag
ination"
:toolbar="
toolbar" @
toolbar-but
ton-
click="on
Toolbar
Click"
:proxy-config="proxyConfig"
:sort-congfig="sortConfig" ref="vtable" > <template slot="action" slot-scope="{ record }"> <a @
click="edit
(record
)" v-resource="[{ url
: '/service-pipel
ine/cp/mc/package', method
: 'POST' }]">{{ $t
("pipeControll.mc.edit"
) }}</a> <a-divider type="vertical" /> <a v-if="record.version != null && record.version >= 0 && record.pageCount != null && record.pageCount > 0" @
click="viewPdf
(record
)">{{ $t
("pipeControll.mc.viewPdf"
) }}</a> <a-divider type="vertical" /> <a @
click="handleSign
(record
)" v-resource="[{ url
: '/service-pipel
ine/cp/mc/package/sign', method
: 'POST' }]">{{ $t
("pipeControll.mc.signature"
) }}</a> <a-divider type="vertical" /> <a @
click="handleLog
(record
)">{{ $t
("pipeControll.mc.log"
) }}</a> </template> <template #viewSlot="{ text }"> <div> {{ text }} </div> </template> <template #pressureDesc="{ record }"> <a-
input v-model="record.pressureDesc" @blur="pressureDescChange
(record
)"></a-
input> </template> <template #testSlot="{ record }"> <a-
input-number v-model="record.testPressure" @blur="testChange
(record
)"></a-
input-number> </template> </v-table> <a-modal
:visible="progressModal" @
cancel="modal
Cancel" @ok="modalSubmit" title="关联四级计划" width="1300px" > <c-search-panel
:columns="modalTable.columns" @search="modalSearch" ref="modal
Form"> <template #projSlot> <v-project-select
:disabled="disabled" v-decora
tor="['projId']" /> </template> </c-search-panel> <v-table
:columns="modalTable.columns"
:pag
ination="modalTable.pag
ination"
:proxy-config="modalTable.proxyConfig"
:toolbar="false" ref="vtable1" > </v-table> </a-modal> <a-modal
:title="this.action === 'add' ? '新增'
: '编辑'" v-model="
formVisible"
:disabled="isSubmitt
ing" @
cancel="
cancelModal" @ok="submitModal" width="40%"> <a-
form
:form="save
Form"> <a-row
:gutter="24"> <a-col
:span="12"
:push="1"> <a-
form-item label="id" v-show="false"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-
input v-decora
tor="['id']" /> </a-
form-item> </a-col> </a-row> <a-row
:gutter="24"> <a-col
:span="12"
:push="1"> <a-
form-item
:label="$t
('pipeControll.mc.project'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <v-project-select showSearch optionFilterProp="children" allowClear
:disabled="disabled" v-decora
tor="['projNo', { rules
: [{ required
: true, message
: '请选择项目' }] }]" @change="changeProj" /> </a-
form-item> </a-col> <a-col
:span="12"
:push="1"> <a-
form-item
:label="$t
('pipeControll.mc.sysCode'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-select v-decora
tor="['system', { rules
: [{ required
: true, message
: '请选择系统号' }] }]" showSearch allowClear
:disabled="disabled" optionFilterProp="children" @change="changeSystem"> <a-select-option v-
for="item
in systemList"
:key="item.sysCode"
:value="item.sysCode"> {{ item.sysCode }} </a-select-option> </a-select> </a-
form-item> </a-col> </a-row> <a-row
:gutter="24"> <a-col
:span="12"
:push="1"> <a-
form-item
:label="$t
('pipeControll.mc.subSystemNo'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-select v-decora
tor="['subSystem', { rules
: [{ required
: true, message
: '请选择子系统号' }] }]" showSearch allowClear
:disabled="disabled" optionFilterProp="children"> <a-select-option v-
for="item
in subSystemList"
:key="item.subsysCode"
:value="item.subsysCode"> {{ item.subsysName }} </a-select-option> </a-select> </a-
form-item> </a-col> <a-col
:span="12"
:push="1"> <a-
form-item
:label="$t
('pipeControll.mc.packageNo'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-
input
:disabled="disabled" v-decora
tor="['packageNo', { rules
: [{ required
: true, message
: '请输入MC包号' }] }]" /> </a-
form-item> </a-col> </a-row> <a-row
:gutter="24"> <a-col
:span="12"
:push="1"> <a-
form-item
:label="$t
('pipeControll.mc.pressDesc'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-
input v-decora
tor="['pressureDesc']" /> </a-
form-item> </a-col> <a-col
:span="12"
:push="1"> <a-
form-item
:label="$t
('pipeControll.mc.testPressure'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-
input v-decora
tor="['testPressure']" /> </a-
form-item> </a-col> </a-row> <a-row
:gutter="24"> <a-col
:span="12"
:push="1"> <a-
form-item
:label="$t
('pipeControll.mc.pidNo'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-select v-decora
tor="['pidNo']" showSearch allowClear mode="multiple" optionFilterProp="children"> <a-select-option v-
for="item
in pidList"
:key="item.pidNo"
:value="item.pidNo"> {{ item.pidNo }} </a-select-option> </a-select> </a-
form-item> </a-col> <a-col
:span="12"
:push="1"> <a-
form-item
:label="$t
('pipeControll.mc.isoDrawNo'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-select v-decora
tor="['isoDrawNo']" showSearch allowClear mode="multiple" optionFilterProp="children"> <a-select-option v-
for="item
in isoDrawList"
:key="item.isoDrawNo"
:value="item.isoDrawNo"> {{ item.isoDrawNo }} </a-select-option> </a-select> </a-
form-item> </a-col> </a-row> </a-
form> </a-modal> <a-modal
:title="pdfModalTitle" v-model="pdfModalVisible"
:footer="null" width="50%"> <div> <p><strong>{{ $t
("pipeControll.mc.project"
) }}
: {{ selectedRecord.projId }}</strong></p> <p><strong>{{ $t
("pipeControll.mc.mcPackageNo"
) }}
: {{ selectedRecord.packageNo }}</strong></p> <p><strong>{{ $t
("pipeControll.mc.version"
) }}
: {{ selectedRecord.version }}</strong></p> <div style="marg
in-
top
: 10px;"> <a-but
ton @
click="downloadPdf" style="marg
in-right
: 10px;">{{ $t
("pipeControll.mc.downloadPdf"
) }}</a-but
ton> <a-but
ton @
click="viewPdfContent" style="marg
in-right
: 10px;">{{ $t
("pipeControll.mc.view"
) }}</a-but
ton> <a-but
ton @
click="viewHis
toryVersions" style="marg
in-right
: 10px;">{{ $t
("pipeControll.mc.his
toryView"
) }}</a-but
ton> <a-but
ton @
click="viewChangeLogs">{{ $t
("pipeControll.mc.log"
) }}</a-but
ton> </div> </div> <v-table
:columns="pdfTableColumns"
:dataSource="pdfTableData"
:pag
ination="false" height="500" ref="pdfTable"> <template slot="action" slot-scope="{ record }"> <a @
click="ma
inta
in(record
)">{{ $t
("pipeControll.mc.ma
inta
in"
) }}</a> <a-divider type="vertical" /> <a @
click="viewLog
(record
)">{{ $t
("pipeControll.mc.log"
) }}</a> <a-divider type="vertical" /> <a v-if="record.createType && record.createType == '系统生成'" @
click="updateMcPdf
(record
)">{{ $t
("pipeControll.mc.update"
) }}</a> <a-divider type="vertical" /> <a v-if="record.nameKey && record.nameKey == 'catalog'" @
click="update
IndexRemark
(record
)">{{ $t
("pipeControll.mc.editRemark"
) }}</a> </template> </v-table> </a-modal> <a-modal
:title="pdfModalLogTitle" v-model="pdfModalLogVisible" @
cancel="pdfModalLog
Cancel" width="40%"> <v-table
:columns="pdfModalLogColumns"
:dataSource="pdfModalLogData"
:pag
ination="false"
:height="600" ref="pdfModalLogTable"> </v-table> </a-modal> <a-modal title="查看历史版本" v-model="his
toryModalVisible" @ok="handleHis
toryVersionOk" @
cancel="handleHis
toryVersion
Cancel" width="400px"> <a-
form-item
:label="$t
('pipeControll.mc.version'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-
input placeholder="请输入版本号" v-model="his
toryVersion" /> </a-
form-item> </a-modal> <a-modal
:title="`维护 - ${selectedSection.name}`" v-model="ma
inta
inModalVisible"
:footer="null" width="50%"> <div> <p><strong>{{ $t
("pipeControll.mc.project"
) }}
: {{ selectedRecord.projId }}</strong></p> <p><strong>{{ $t
("pipeControll.mc.mcPackageNo"
) }}
: {{ selectedRecord.packageNo }}</strong></p> <p><strong>{{ $t
("pipeControll.mc.catalog"
) }}
: {{ selectedSection.name }}</strong></p> <div style="marg
in-
top
: 10px;"> <a-but
ton @
click="handleAddContent" style="marg
in-right
: 10px;">{{ $t
("pipeControll.mc.addContent"
) }}</a-but
ton> </div> </div> <v-table
:columns="ma
inta
inTableColumns"
:dataSource="ma
inta
inTableData"
:pag
ination="false" ref="ma
inta
inTable"> <template slot="action" slot-scope="{ record }"> <a @
click="handleViewAttachment
(record
)">{{ $t
("pipeControll.mc.view"
) }}</a> <a-divider type="vertical" /> <a @
click="handleDelete
(record
)">{{ $t
("pipeControll.mc.delete"
) }}</a> <a-divider type="vertical" /> <a @
click="
handleReplace
(record
)">{{ $t
("pipeControll.mc.replace"
) }}</a> <a-divider type="vertical" /> <a @
click="handleAdjustPage
(record
)">{{ $t
("pipeControll.mc.adjustPage"
) }}</a> </template> </v-table> </a-modal> <a-modal title="新增/调整" v-model="addContentModalVisible" @ok="handle
InsertPage" @
cancel="addContentModalVisible = false" width="20%"> <a-
form
:form="content
Form"
:label-col="{ span
: 5 }"
:wrapper-col="{ span
: 12 }"> <a-
form-item v-if="isUpload" label="上传文件"> <a-upload class="common-upload-icon
top" action="/api/service-file/files"
:headers="Headers"
:file-list="fileList" list-type="pdf"
:showUploadList="true"
:max-count="1" accept=".pdf,application/pdf" @change="handleUpload" > <a-but
ton> <a-icon type="upload" /> {{ $t
("pipeControll.mc.upload"
) }} </a-but
ton> </a-upload> </a-
form-item> <a-
form-item v-if="isPage" label="页数"> <a-
input v-model="
insertPageNumber" style="marg
in-
top
: 10px; width
: 60%;" /> </a-
form-item> </a-
form> </a-modal> <a-modal
:title="$t
('pipeControll.mc.signature'
)"
:okText="$t
('pipeControll.mc.signature'
)" v-model="signModalVisible" @ok="handleSignSubmit" @
cancel="handleSign
Cancel" width="20%"> <a-
form
:form="sign
Form"> <a-row
:gutter="16"> <a-col
:span="10" style="text-align
: right;"> <p><strong>{{ $t
("pipeControll.mc.project"
) }}
:</strong></p> </a-col> <a-col
:span="12"> <p>{{ selectedRecord.projId }}</p> </a-col> </a-row> <a-row
:gutter="16"> <a-col
:span="10" style="text-align
: right;"> <p><strong>{{ $t
("pipeControll.mc.mcPackageNo"
) }}
:</strong></p> </a-col> <a-col
:span="12"> <p>{{ selectedRecord.packageNo }}</p> </a-col> </a-row> <a-
form-item
:label="$t
('pipeControll.mc.signRole'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-select v-decora
tor="['role', { rules
: [{ required
: true, message
: '请选择签名角色' }] }]"> <a-select-option v-
for="item
in signRoleList"
:key="item.name"
:value="item.name"> {{ item.name }} </a-select-option> </a-select> </a-
form-item> <a-
form-item
:label="$t
('pipeControll.mc.signNode'
)"
:label-col="{ span
: 8 }"
:wrapper-col="{ span
: 14 }"> <a-select v-decora
tor="['node', { rules
: [{ required
: true, message
: '请选择签名节点' }] }]"> <a-select-option v-
for="item
in signNodeList"
:key="item.name"
:value="item.name"> {{ item.name }} </a-select-option> </a-select> </a-
form-item> </a-
form> </a-modal> <a-modal
:title="logModalTitle" v-model="logModalVisible" @
cancel="logModal
Cancel" width="40%"> <v-table
:columns="logTableColumns"
:dataSource="logTableData"
:pag
ination="false"
:height="400" ref="logTable"> </v-table> </a-modal> <a-modal title="维护备注" v-model="remarkModalVisible" @ok="saveRemarks" @
cancel="remarkModalVisible = false" width="50%"> <v-table
:columns="remarkModalColumns"
:dataSource="remarkModalData"
:pag
ination="false"> <template #remark="{ record }"> <a-
input v-model="record.remark" placeholder="请输入备注" /> </template> </v-table> </a-modal> </section> </template> <script> import { floa
tObj,
toL
ine } from "~/utils/dataUtils"; import moment from "moment"; import * as Serve from "~/api/modules/Pipe/mc/cpMcPackage"; import { adjustPage, generatePdf, getMcPackageLogList, getPackageIsoList, getPackagePidList, getPidDropList, getTemplateSectionList, updateMcPackageData, } from "~/api/modules/Pipe/mc/cpMcPackage"; import { f
indDataByName as cByName, getDropList as cDeopList } from "~/api/modules/Pipe/mc/cpMcCleanFac
tor"; import ImportDataModal from "@/components/mc/ImportDataModal"; import { getDictionary, majorAll } from "~api/modules/common"; import { fileSaver } from "@/utils"; import { preview } from "~api/modules/Commission
ingManagement/RecordSave/CheckRecord"; import { Modal } from "ant-design-vue"; // 类型详情 export default { components
: { ImportDataModal, }, data
() { return { Headers
: { authorization
: `Bearer${localS
torage.getItem
("
token"
)}`, }, isGenerat
ingPdf
: false, isSubmitt
ingSign
: false, fileList
: [], fileId
: "", isSubmitt
ing
: false, test
: Serve.imp, pdfUrl
: "", isPage
: true, isUpload
: true,
insertPageNumber
: "", orig
inPageNumber
: "", version
: "", pageNum
: "", dataPageId
: "", his
toryModalVisible
: false, his
toryVersion
: '', disabled
: false, systemList
: [], subSystemList
: [], pipeL
ineList
: [], isoDrawList
: [], pidList
: [], majorList
: [], flush
ingTypeList
: [], projectId
: null, packageNo
: "", isoDrawNo
: "", action
: "", visible
: false,
formVisible
: false, columns
: [ {type
: "checkbox", width
: 50 }, { //title
: "项目号", title
: this.$t
("pipeControll.mc.project"
), align
: "left", width
: 110, visible
: false, scopedSlots
: { cus
tomRender
: "projSlot" }, condition
: true, }, { //title
: "项目号", title
: this.$t
("pipeControll.mc.project"
), align
: "left", data
Index
: "projNo", rules
: [{ required
: true }], sorter
: false, type
: "project", verification
: true, width
: 120, }, { //title
: "系统号", title
: this.$t
("pipeControll.mc.sysCode"
), align
: "left", data
Index
: "system", condition
: true, rules
: [{ required
: true }], verification
: true, width
: 120, }, { //title
: "子系统号", title
: this.$t
("pipeControll.mc.subSystemNo"
), align
: "left", width
: 120, condition
: true, rules
: [{ required
: true }], verification
: true, data
Index
: "subSystem", }, { // title
: "MC包号", title
: this.$t
("pipeControll.mc.mcPackageNo"
), align
: "left", width
: 120, condition
: true, rules
: [{ required
: true }], verification
: true, data
Index
: "packageNo", }, { // title
: "介质", title
: this.$t
("pipeControll.mc.medium"
), align
: "left", width
: 120, rules
: [{ required
: true }], verification
: true, data
Index
: "testMedium", }, { // title
: "压力描述", title
: this.$t
("pipeControll.mc.pressDesc"
), align
: "left", width
: 120, scopedSlots
: { cus
tomRender
: "viewSlot", cus
tomEdi
torRender
: "pressureDesc", }, data
Index
: "pressureDesc", }, { // title
: "试验压力", title
: this.$t
("pipeControll.mc.testPressure"
), align
: "left", width
: 120, scopedSlots
: { cus
tomRender
: "viewSlot", cus
tomEdi
torRender
: "testSlot", }, data
Index
: "testPressure", }, { // title
: "压力系数", title
: this.$t
("pipeControll.mc.pressureFac
tor"
), align
: "left", width
: 120, verification
: true, data
Index
: "testPressureFac
tor", }, { // title
: "清洗内容", title
: this.$t
("pipeControll.mc.cleanContent"
), align
: "left", width
: 120, rules
: [{ required
: true }], type
: "select", options
: { options
: [], fieldNames
: { label
: "name", value
: "name" }, ajax
: cDeopList
(), }, verification
: true, data
Index
: "flush
ingType", }, { // title
: "清洗系数", title
: this.$t
("pipeControll.mc.cleanFac
tor"
), align
: "left", width
: 120, verification
: true, data
Index
: "flush
ingFac
tor", }, { // title
: "外观权重", title
: this.$t
("pipeControll.mc.appearWeight"
), align
: "left", width
: 120, rules
: [{ required
: true }], type
: "number", options
: { m
in: 0, },
formatter
: v =>
(v.cellValue ? `${v.cellValue}%`
: ""
), verification
: true, data
Index
: "appearWeight", }, { // title
: "压力权重", title
: this.$t
("pipeControll.mc.pressureWeight"
), align
: "left", width
: 120, rules
: [{ required
: true }], type
: "number", options
: { m
in: 0, },
formatter
: v =>
(v.cellValue ? `${v.cellValue}%`
: ""
), verification
: true, data
Index
: "pressureWeight", }, { // title
: "串洗权重", title
: this.$t
("pipeControll.mc.washWeight"
), align
: "left", width
: 120, rules
: [{ required
: true }], type
: "number", options
: { m
in: 0, },
formatter
: v =>
(v.cellValue ? `${v.cellValue}%`
: ""
), verification
: true, data
Index
: "flush
ingWeight", }, { // title
: "复位权重", title
: this.$t
("pipeControll.mc.resetWeight"
), align
: "left", width
: 120, rules
: [{ required
: true }], type
: "number", options
: { m
in: 0, },
formatter
: v =>
(v.cellValue ? `${v.cellValue}%`
: ""
), verification
: true, data
Index
: "re
instatementWeight", }, { // title
: "配合调试权重", title
: this.$t
("pipeControll.mc.matchDebugWeight"
), align
: "left", width
: 160, rules
: [{ required
: false }], type
: "number", options
: { m
in: 0, },
formatter
: v =>
(v.cellValue ? `${v.cellValue}%`
: ""
), verification
: true, data
Index
: "commissionWeight", }, { // title
: "总定额", title
: this.$t
("pipeControll.mc.
totalQuota"
), align
: "left", width
: 120, data
Index
: "quotaMh", }, { // title
: "外观定额", title
: this.$t
("pipeControll.mc.appearQuota"
), align
: "left", width
: 120, data
Index
: "appearQuotaMh", }, { // title
: "压力定额", title
: this.$t
("pipeControll.mc.pressureQuota"
), align
: "left", width
: 120, data
Index
: "pressureQuotaMh", }, { // title
: "串洗定额", title
: this.$t
("pipeControll.mc.washQuota"
), align
: "left", width
: 120, data
Index
: "flush
ingQuotaMh", }, { // title
: "复位定额", title
: this.$t
("pipeControll.mc.resetQuota"
), align
: "left", width
: 120, data
Index
: "re
instatementQuotaMh", }, { // title
: "配合调试定额", title
: this.$t
("pipeControll.mc.matchDebugQuota"
), align
: "left", width
: 160, data
Index
: "commissionQuotaMh", }, { // title
: "汇总实动工时", title
: this.$t
("pipeControll.mc.sumActualWorkHour"
), align
: "left", width
: 160, data
Index
: "hzHours", }, { // title
: "外观实动工时", title
: this.$t
("pipeControll.mc.appearActualWorkHour"
), align
: "left", width
: 120, data
Index
: "appearHours", }, { // title
: "压力实动工时", title
: this.$t
("pipeControll.mc.pressureActualWorkHour"
), align
: "left", width
: 120, data
Index
: "pressureHours", }, { // title
: "串洗实动工时", title
: this.$t
("pipeControll.mc.washActualWorkHour"
), align
: "left", width
: 120, data
Index
: "flush
ingHours", }, { // title
: "复位实动工时", title
: this.$t
("pipeControll.mc.resetActualWorkHour"
), align
: "left", width
: 120, data
Index
: "re
instatementHours", }, { // title
: "配合调试实动工时", title
: this.$t
("pipeControll.mc.matchDebugActualWorkHour"
), align
: "left", width
: 160, data
Index
: "commissionHours", }, { // title
: "外观状态", title
: this.$t
("pipeControll.mc.appearStatus"
), align
: "left", width
: 120,
formatter
: ({ cellValue }
) => { let obj = { 0
: "新建", 1
: "进行中", 2
: "已完成", }; return obj[cellValue]; }, verification
: true, data
Index
: "appearDispatchStatus", }, { // title
: "压力状态", title
: this.$t
("pipeControll.mc.pressureStatus"
), align
: "left", width
: 120,
formatter
: ({ cellValue }
) => { let obj = { 0
: "新建", 1
: "进行中", 2
: "已完成", }; return obj[cellValue]; }, verification
: true, data
Index
: "pressureDispatchStatus", }, { // title
: "串洗状态", title
: this.$t
("pipeControll.mc.washStatus"
), align
: "left", width
: 120,
formatter
: ({ cellValue }
) => { let obj = { 0
: "新建", 1
: "进行中", 2
: "已完成", }; return obj[cellValue]; }, verification
: true, data
Index
: "flush
ingDispatchStatus", }, { // title
: "复位状态", title
: this.$t
("pipeControll.mc.resetStatus"
), align
: "left", width
: 120,
formatter
: ({ cellValue }
) => { let obj = { 0
: "新建", 1
: "进行中", 2
: "已完成", }; return obj[cellValue]; }, verification
: true, data
Index
: "re
instatementDispatchStatus", }, { // title
: "配合调试状态", title
: this.$t
("pipeControll.mc.matchDebugStatus"
), align
: "left", width
: 160,
formatter
: ({ cellValue }
) => { let obj = { 0
: "新建", 1
: "进行中", 2
: "已完成", }; return obj[cellValue]; }, verification
: true, data
Index
: "commissionDispatchStatus", }, { // title
: "MC包状态", title
: this.$t
("pipeControll.mc.mcStatus"
), align
: "left", width
: 120,
formatter
: ({ cellValue }
) => { let obj = { 0
: "新建", 1
: "进行中", 2
: "已完成", }; return obj[cellValue]; }, verification
: true, data
Index
: "status", }, { // title
: "创建时间", title
: this.$t
("pipeControll.mc.createDate"
), align
: "left", width
: 180, verification
: true, data
Index
: "createDate",
formatter
: data =>
(data.cellValue ? moment
(data.cellValue
).
format
("YYYY-MM-DD"
) : ""
), }, { // title
: "创建人", title
: this.$t
("pipeControll.mc.crea
tor"
), align
: "left", width
: 100, data
Index
: "createUserName", }, { // title
: "修改时间", title
: this.$t
("pipeControll.mc.updateDate"
), align
: "left", width
: 180, data
Index
: "updateDate",
formatter
: data =>
(data.cellValue ? moment
(data.cellValue
).
format
("YYYY-MM-DD"
) : ""
), }, { //title
: "更新人", title
: this.$t
("pipeControll.mc.updater"
), align
: "left", width
: 100, data
Index
: "updateUserName", }, { //title
: "专业", title
: this.$t
("pipeControll.mc.major"
), align
: "left", width
: 100, data
Index
: "majorCode", type
: "select", options
: { options
: [], fieldNames
: { label
: "name", value
: "code" }, ajax
: majorAll
(), }, }, { //title
: "PID图号", title
: this.$t
("pipeControll.mc.pidNo"
), align
: "left", width
: 100, data
Index
: "pidNo", }, { //title
: "ISO图号", title
: this.$t
("pipeControll.mc.isoDrawNo"
), align
: "left", width
: 100, data
Index
: "isoDrawNo", }, { //title
: "操作", title
: this.$t
("column.operation"
), scopedSlots
: { cus
tomRender
: "action" }, width
: 210, fixed
: "right", sortable
: false, }, { // title
: "MC包状态", title
: this.$t
("pipeControll.mc.mcStatus"
), data
Index
: "planStatus", condition
: true, type
: "select", visible
: false, options
: { options
: [ { label
: "新建", value
: "0" }, { label
: "进行中", value
: "1" }, { label
: "已完成", value
: "2" }, ], fieldNames
: { label
: "label", value
: "value" }, }, decora
tor
: [ "planStatus", {
initialValue
: "0", }, ], }, ],
toolbar
: { but
tons
: [ { code
: "
insertData", //name
: "新增", name
: this.$t
("pipeControll.mc.add"
), resource
: [{ url
: "/service-pipel
ine/cp/mc/package", method
: "POST" }], }, { code
: "delete", //name
: "删除", name
: this.$t
("pipeControll.mc.delete"
), resource
: [{ url
: "/service-pipel
ine/cp/mc/clean/fac
tor", method
: "DELETE" }], }, // { // code
: "check", // //name
: "保存", // name
: this.$t
("crud.save"
), // resource
: [{ url
: "/service-pipel
ine/cp/mc/clean/fac
tor", method
: "POST" }], // }, { code
: "template", // name
: "下载导入模板", name
: this.$t
("pipeControll.mc.importTemplate"
), }, { code
: "importData", //name
: '导入', name
: this.$t
("pipeControll.mc.import"
), }, { code
: "exp", // name
: "导出", name
: this.$t
("pipeControll.mc.export"
), resource
: [ { url
: "/service-pipel
ine/cp/mc/clean/fac
tor/excels", method
: "GET", }, ], }, { code
: "generatePdf", // name
: "生成/更新pdf", name
: this.$t
("pipeControll.mc.generatePdf"
), resource
: [ { url
: "/service-pipel
ine/cp/mc/package/generatePdf", method
: "POST", }, ], }, ], }, pag
ination
: {
total
: 0, }, dataList
: [], sortConfig
: { default
: "id", sort
: "asc" }, proxyConfig
: { au
toLoad
: false, ajax
: { query
: ({ page, sort, filters }, ...args
) => { let sorter = ""; if
(sort && sort.field && sort.order
) { sorter =
toL
ine
(sort.field
) + "," + sort.order; } return Serve.page
({ ...this.conditionData, ...this.$vtable.pag
ination
(page
), sort
: sorter, }
); }, // save
: ({ body }
) => Serve.save
(this.$vtable.updateRecords
(body, "id"
)), delete
: ({ body }
) => { return Serve.del
({ ids
: this.$vtable.removeRecords
(body, "id"
).jo
in(","
), }
); }, }, }, modalTable
: { columns
: [ { type
: "radio", width
: 50 }, { //title
: "项目号", title
: this.$t
("pipeControll.common.projectNumber"
), align
: "left", width
: 110, visible
: false, scopedSlots
: { cus
tomRender
: "projSlot" }, condition
: true, }, { //title
: "项目号", title
: this.$t
("pipeControll.common.projectNumber"
), align
: "left", data
Index
: "projId", }, { //title
: '建造地', title
: this.$t
("pipeControll.common.builtPlace"
), align
: "left", data
Index
: "orgName", }, { title
: "任务ID", align
: "left", condition
: true, data
Index
: "wbsCode", }, { title
: "任务描述", align
: "left", condition
: true, data
Index
: "wbsName", }, { title
: "任务对象", align
: "left", condition
: true, data
Index
: "objectCode", }, ], pag
ination
: { pageSize
: 10,
total
: 0, }, proxyConfig
: { au
toLoad
: false, ajax
: { query
: ({ page, sort, filters }, ...args
) => { let sorter = ""; if
(sort && sort.field && sort.order
) { sorter =
toL
ine
(sort.field
) + "," + sort.order; } return Serve.getProjectCyc
({ ...this.conditionData1, ...this.$vtable.pag
ination
(page
), sort
: sorter, }
); }, }, }, }, progressModal
: false, pdfModalVisible
: false, pdfModalTitle
: '', selectedRecord
: {}, pdfTableColumns
: [ { // title
: '目录名称', title
: this.$t
("pipeControll.mc.catalogName"
), data
Index
: 'name' }, { // title
: '维护方式', title
: this.$t
("pipeControll.mc.ma
inta
inMethod"
), data
Index
: 'createType' }, { // title
: '最后维护时间', title
: this.$t
("pipeControll.mc.lastMa
inta
inDate"
), data
Index
: 'updateDate' }, { // title
: '最后维护人', title
: this.$t
("pipeControll.mc.lastMa
inta
inPerson"
), data
Index
: "updateUserName", type
: "employeeDescription", options
: { fieldNames
: { label
: "updateUserName", value
: "updateUserId", }, }, }, { // title
: '操作', title
: this.$t
("pipeControll.mc.operation"
), width
: 200, scopedSlots
: { cus
tomRender
: 'action' } }, ], pdfTableData
: [], pdfModalLogVisible
: false, pdfModalLogTitle
: '', pdfModalLogColumns
: [ { // title
: '操作时间', title
: this.$t
("pipeControll.mc.operateDate"
), data
Index
: 'operateDate' }, { // title
: '操作类型', title
: this.$t
("pipeControll.mc.operateType"
), data
Index
: 'operateType' }, { // title
: '操作人', title
: this.$t
("pipeControll.mc.opera
tor"
), data
Index
: 'opera
torName', type
: "employeeDescription", options
: { fieldNames
: { label
: "opera
torName", value
: "opera
torCode", }, }}, { // title
: '操作详情', title
: this.$t
("pipeControll.mc.operateDetail"
), data
Index
: 'operateDetail' } ], pdfModalLogData
: [], ma
inta
inModalVisible
: false, addContentModalVisible
: false, selectedSection
: {}, ma
inta
inTableColumns
: [ { // title
: '描述', title
: this.$t
("pipeControll.mc.desc"
), data
Index
: 'l
inkObject' }, { // title
: '页数', title
: this.$t
("pipeControll.mc.pageNum"
), data
Index
: 'pageNum' }, { // title
: '操作', title
: this.$t
("pipeControll.mc.operation"
), scopedSlots
: { cus
tomRender
: 'action' } } ], ma
inta
inTableData
: [], signModalVisible
: false, signRoleList
: [], signNodeList
: [], signRole
: '', signNode
: '', logModalVisible
: false, logModalTitle
: '', logTableColumns
: [ { title
: "操作类型", data
Index
: "operateType", sorter
: false }, { title
: "操作详情", data
Index
: "operateDetail", sorter
: false }, { title
: "操作时间", data
Index
: "operateDate", type
: "datetime", sorter
: false }, { title
: "操作人", data
Index
: "operateUserName", type
: "employeeDescription", sorter
: false, options
: { fieldNames
: { label
: "operateUserName", value
: "operateUserId" } } } ], logTableData
: [], remarkModalVisible
: false, remarkModalData
: [], mcPackageDataId
: '', templateNameKey
: '', remarkModalColumns
: [ { title
: '目录Key', data
Index
: 'nameKey', visible
: false, }, { // title
: '目录名称', title
: this.$t
("pipeControll.mc.catalogName"
), data
Index
: 'name', }, { // title
: '备注', title
: this.$t
("pipeControll.mc.remark"
), data
Index
: 'remark', scopedSlots
: { cus
tomRender
: 'remark' }, }, ], }; }, be
foreCreate
() { this.content
Form = this.$
form.create
Form
(this
); this.save
Form = this.$
form.create
Form
(this
); this.sign
Form = this.$
form.create
Form
(this
); }, computed
: { table
() { return this.$refs.vtable.getTable
(); },
form
() { return this.$refs.search
Form.get
Form
(); }, table1
() { return this.$refs.vtable1.getTable
(); }, cyc
Form
() { return this.$refs.modal
Form.get
Form
(); }, }, mounted
() { // this.
form.setFieldsValue
({ cycStatus
: "0" }
) this.$refs.search
Form.
toggle
(); this.getMajorList
(); this.getFlush
ingTypeList
(); }, methods
: { on
Toolbar
Click(target
) { switch
(target.code
) { case "
insertData"
: this.
insert
(); break; case "exp"
: this.exp
(); break; case "relevance"
: this.relevance
(); break case "template"
: this.template
(); break; case "importData"
: this.importData
(); break; case "
asyncData"
: this.
asyncData
(); break; case "generatePdf"
: this.generatePdf
(); // case "check"
: // this.check
(); // break; default
: break; } }, search
(values
) { this.conditionData = values; this.table.commitProxy
("reload", { page
: 0 }
); }, modalSearch
(values
) { this.conditionData1 = values; this.table1.commitProxy
("reload", { page
: 0 }
); }, getMajorList
() { majorAll
().then
(res => { this.majorList = res.data; }
); }, getFlush
ingTypeList
() { cDeopList
().then
(res => { this.flush
ingTypeList = res.data; }
); }, changeProj
(val
) { this.projectId = val; this.save
Form.setFieldsValue
({ system
: '' }
); this.save
Form.setFieldsValue
({ subSystem
: '' }
); this.save
Form.setFieldsValue
({ isoDrawNo
: [] }
); this.save
Form.setFieldsValue
({ pidNo
: [] }
); this.subSystemList = [] Serve.getSystemDropList
({projectId
: val}
).then
(res => { this.systemList = res.status == 200 ? res.data
: []; }
); Serve.getIsoDrawDropList
({projectId
: val,
topVersionFlag
: "Y"}
).then
(res => { this.isoDrawList = res.status == 200 ? res.data
: []; }
); Serve.getPidDropList
({projectId
: val,
topVersionFlag
: "Y"}
).then
(res => { this.pidList = res.status == 200 ? res.data
: []; }
); }, changeSystem
(val
) { Serve.getSubSystemDropList
({projectId
: this.projectId, sysCode
: val}
).then
(res => { this.subSystemList = res.status == 200 ? res.data
: []; }
); },
insert
() { this.action = "add"; this.disabled = false; this.
formVisible = true; this.save
Form.resetFields
(); }, edit
(record
) { Serve.getPackageIsoList
({projectId
: record.projNo, packageNo
: record.packageNo}
).then
(res => { const isoValues = res.data.map
(item => item.isoDrawNo
); this.save
Form.setFieldsValue
({ isoDrawNo
: isoValues }
); }
); Serve.getPackagePidList
({projectId
: record.projNo, packageNo
: record.packageNo}
).then
(res => { const pidValues = res.data.map
(item => item.pidNo
); this.save
Form.setFieldsValue
({ pidNo
: pidValues }
); }
); this.action = "edit"; this.disabled = true; this.save
Form.resetFields
(); setTimeout
(() => { this.save
Form.setFieldsValue
({ id
: record.id }
); this.save
Form.setFieldsValue
({ projNo
: record.projNo }
); this.save
Form.setFieldsValue
({ system
: record.system }
); this.save
Form.setFieldsValue
({ subSystem
: record.subSystem }
); this.save
Form.setFieldsValue
({ majorCode
: record.majorCode }
); this.save
Form.setFieldsValue
({ packageNo
: record.packageNo }
); this.save
Form.setFieldsValue
({ pidNo
: record.pidNo }
); this.save
Form.setFieldsValue
({ isoDrawNo
: record.isoDrawNo }
); this.save
Form.setFieldsValue
({ testMedium
: record.testMedium }
); this.save
Form.setFieldsValue
({ pressureDesc
: record.pressureDesc }
); this.save
Form.setFieldsValue
({ testPressure
: record.testPressure }
); this.save
Form.setFieldsValue
({ flush
ingType
: record.flush
ingType }
); this.save
Form.setFieldsValue
({ appearWeight
: record.appearWeight }
); this.save
Form.setFieldsValue
({ pressureWeight
: record.pressureWeight }
); this.save
Form.setFieldsValue
({ flush
ingWeight
: record.flush
ingWeight }
); this.save
Form.setFieldsValue
({ re
instatementWeight
: record.re
instatementWeight }
); this.save
Form.setFieldsValue
({ commissionWeight
: record.commissionWeight }
); }, 0
); this.
formVisible = true; }, submitModal
() { if
(this.isSubmitt
ing
) return; this.isSubmitt
ing = true; this.save
Form.validateFields
((err, values
) => { if
(!err
) { if
(values.isoDrawNo
) { values.isoDrawNos = values.isoDrawNo.jo
in(','
) delete values.isoDrawNo; } if
(values.pidNo
) { values.pidNos = values.pidNo.jo
in(','
) delete values.pidNo; } Serve.savePdcsOrUpdate
(values
).then
(res => { this.$message.success
(this.$t
("basedata.cecable.saveSuccess"
)); this.
form.validateFields
((err, values
) => { if
(!err
) { this.table.commitProxy
("reload", { page
: 0 }
); } }
); this.
cancelModal
(); this.isSubmitt
ing = false; }
).catch
(() => { this.isSubmitt
ing = false; }
); } }
) },
cancelModal
() { this.disabled = false; this.
formVisible = false; this.save
Form.resetFields
(); }, //删除数据确认 dataDelete
() { if
(this.selectedCheck
() == false
) { //this.$message.
error("请选择需要删除的行！"
); this.$message.
error(this.$t
("pipeControll.common.selectRemoveRow"
)); return; } this.$confirm
({ title
: this.$t
("ma
intenance.common.Sure
ToDelete"
), //title
: '确定删除?', onOk
: () => { this.del
(this.selectedCheck
()); }, on
Cancel() {}, }
); }, // 导出 exp
() { this.
form.validateFields
((err, values
) => { if
(!err
) { Serve.exp
(values
); } }
); }, generatePdf
() { if
(this.isGenerat
ingPdf
) { this.$message.warn
ing
("正在生成PDF，请稍候..."
); return; } let rows = this.table.getCheckboxRecords
(); if
(rows.length !== 1
) { this.$message.
error("请选择一行数据!"
); return; } this.isGenerat
ingPdf = true; this.projectId = rows[0].projNo; this.packageNo = rows[0].packageNo; this.isoDrawNo = rows[0].isoDrawNo; this.signFilePath = rows[0].signFilePath; try { Serve.generatePdf
({ projNo
: this.projectId, packageNo
: this.packageNo, isoDrawNo
: this.isoDrawNo, signFilePath
: this.signFilePath }
).then
(res => { this.$message.success
('生成成功！'
); this.table.commitProxy
("reload", { page
: 0 }
); }
).catch
(err => { this.$message.
error('生成失败
: ' + err.message
); }
).f
inally
(() => { this.isGenerat
ingPdf = false; }
); } catch
(err
) { this.$message.
error('生成失败
: ' + err.message
); // 异常时也需重置状态 this.isGenerat
ingPdf = false; } }, // 项目号选择匹配默认权重 projChange
(event, value
) { Serve.f
indDataByProjNo
({ projNo
: value }
).then
(res => { let { commissionWeight, pressureWeight, flush
ingWeight, re
instatementWeight,appearWeight } = res.data;
event.row.commissionWeight = commissionWeight;
event.row.pressureWeight = pressureWeight;
event.row.flush
ingWeight = flush
ingWeight;
event.row.re
instatementWeight = re
instatementWeight;
event.row.appearWeight = appearWeight; }
); }, // 清洗内容系数匹配 flushChange
(event, value
) { cByName
({ name
: value }
).then
(res => {
event.row.flush
ingFac
tor = res.data.fac
tor;
event.row.flush
ingType = res.data.name; }
); }, //测试压力系数匹配 testChange
(record
) { let { testPressure } = record; Serve.f
indTestPressureFac
tor
({ testPressure }
).then
(res => { record.testPressureFac
tor = res.data; }
); }, pressureDescChange
(record
) { Serve.f
indTestPressureFac
tor
({ desc
: record.pressureDesc }
).then
(res => { record.testPressureFac
tor = res.data; }
); }, // 关联四级计划 relevance
() { let selectIds = this.getCheckboxIds
(); let projNo = this.
form.getFieldValue
("projNo"
); if
(!projNo || selectIds.length === 0
) { this.$message.
error("请勾选要处理的数据"
); return; } this.progressModal = true; this.$nextTick
(() => { this.cyc
Form.setFieldsValue
({ projId
: projNo }
); }
); }, // 同步MC包数据
asyncData
() { let params = {}; let projNo = this.
form.getFieldValue
("projNo"
); let system = this.
form.getFieldValue
("system"
); let subSystem = this.
form.getFieldValue
("subSystem"
); if
(!projNo
) { this.$message.
error(this.$t
("pipeControll.common.selectProjectNumber"
)); return; } else { params.projectNumber = projNo; } if
(system
) { params.tmSycode = system; } if
(subSystem
) { params.tmSscode = subSystem; } Serve.
asyncData
(params
).then
(res => { this.$message.success
("同步数据成功！"
); }
); }, // 模态框取消 modal
Cancel() { this.progressModal = false; }, getCheckboxIds
() { let selected = this.table.getCheckboxRecords
(); let arr = selected.map
(e => e.id
); return arr; }, // 模态框提交更改四级计划 modalSubmit
() { let packageIds = this.getCheckboxIds
(); let radioRecord = this.table1.getRadioRecord
(); if
(!radioRecord
) { return; } let taskId = radioRecord.id; Serve.relevance
({ taskId, packageIds }
).then
(res => { this.$message.success
("关联成功！"
); this.modal
Cancel(); this.search
(this.conditionData
); }
); }, template
() { Serve.pdcsMcTemplate
(); }, importData
() { this.table.readFile
({ types
: ["xlsx", "xls"] }
).then
(response => { const { files } = response; if
(files.length < 1
) return; let params = { file
: files[0] }; Serve.importData
(params
).then
(response => { if
(response.data.size > 0
) { this.$message.
error("上传失败，请查看错误文件"
); fileSaver.saveAs
(response.data, "导入提示.xlsx"
); } else { this.$message.success
("导入成功"
); this.
form.validateFields
((err, values
) => { if
(!err
) { this.table.commitProxy
("reload", { page
: 0 }
); } }
); } }
); }
); }, getImportColumns
() { let arr = this.columns.filter
(res => { return res.verification == true; }
); return arr; }, check
() { let updateRecords = this.table.getUpdateRecords
(); let
insertRecords = this.table.get
InsertRecords
(); let records = [...updateRecords, ...
insertRecords]; let flag = true; records.
forEach
(element => { let a = floa
tObj.add
(element.commissionWeight * 1, element.re
instatementWeight * 1
); let b = floa
tObj.add
(element.pressureWeight * 1, element.flush
ingWeight * 1
); let c =floa
tObj.add
(a, b
); if
(floa
tObj.add
(c, element.appearWeight * 1
) != 100
) { this.$XModal.message
({ status
: "
error", message
: "校验不通过！权重比之和必须为100%", }
); flag = false; } if
(!element.testPressureFac
tor
) { this.$XModal.message
({ status
: "
error", message
: "压力系数不可为空，更改实验压力计算压力系数", }
); flag = false; } }
); if
(flag
) { this.table.commitProxy
("save"
); } }, viewPdf
(record
) { this.selectedRecord = record; this.pdfModalTitle = `查看PDF`; this.fetchPdfTableData
(record.projNo
); this.pdfModalVisible = true; }, // 新增签名弹窗 handleSign
(record
) { this.sign
Form.resetFields
(); this.signModalVisible = true; this.selectedRecord = record; this.getSignRoleList
(); this.getSignNodeList
(); this.isSubmitt
ingSign = false; }, // 获取签名角色列表 getSignRoleList
() { getDictionary
({code
: "mcTemplateSignRole", state
: "1"}
).then
((res
) => { this.signRoleList = res.data; }
); }, // 获取签名节点列表 getSignNodeList
() { getDictionary
({code
: "mcTemplateSignNode", state
: "1"}
).then
((res
) => { this.signNodeList = res.data; }
); }, handleSignSubmit
() { if
(this.isSubmitt
ingSign
) { this.$message.warn
ing
("正在提交签名，请稍候..."
); return; } this.sign
Form.validateFields
((err, values
) => { if
(!err
) { this.isSubmitt
ingSign = true; const params = { id
: this.selectedRecord.id, projNo
: this.selectedRecord.projNo, packageNo
: this.selectedRecord.packageNo, version
: this.selectedRecord.version, ...values }; Serve.submitSign
(params
) .then
(res => { this.$message.success
('签名成功！'
); this.signModalVisible = false; this.table.commitProxy
("reload", { page
: 0 }
); }
) .catch
(err => { this.$message.
error('签名失败
: ' +
(err.message || '未知错误'
)); }
) .f
inally
(() => { this.isSubmitt
ingSign = false; }
); } }
); }, // 签名弹窗取消 handleSign
Cancel() { this.signModalVisible = false; }, fetchPdfTableData
(projectId
) { // 调用接口获取表格数据 Serve.getTemplateSectionList
({ projectId
: projectId }
).then
(res => { this.pdfTableData = res.data; }
); }, downloadPdf
() { Serve.downloadPdf
({ projNo
: this.selectedRecord.projNo, packageNo
: this.selectedRecord.packageNo, version
: this.selectedRecord.version }
).then
(res => { const blob = new Blob
([res.data], { type
: 'application/pdf' }
); const url = w
indow.URL.createObjectURL
(blob
); const l
ink = document.createElement
('a'
); l
ink.href = url; l
ink.setAttribute
('download', `${this.selectedRecord.packageNo}_${this.selectedRecord.version}.pdf`
); document.body.appendChild
(l
ink
); l
ink.
click(); document.body.removeChild
(l
ink
); w
indow.URL.revokeObjectURL
(url
); }
).catch
(err => { this.$message.
error('下载PDF失败
: ' + err.message
); }
); }, viewPdfContent
() { Serve.viewPdf
({ projNo
: this.selectedRecord.projNo, packageNo
: this.selectedRecord.packageNo, version
: this.selectedRecord.version }
).then
(res => { const blob = new Blob
([res.data], { type
: 'application/pdf' }
); this.pdfUrl = w
indow.URL.createObjectURL
(blob
); w
indow.open
(this.pdfUrl, '_blank'
); }
).catch
(err => { this.$message.
error('预览失败
: ' + err.message
); }
); }, viewHis
toryVersions
() { this.his
toryModalVisible = true; this.his
toryVersion = ''; }, handleHis
toryVersionOk
() { if
(!this.his
toryVersion
) { this.$message.
error('请输入版本号'
); return; } Serve.viewPdf
({ projNo
: this.selectedRecord.projNo, packageNo
: this.selectedRecord.packageNo, version
: this.his
toryVersion, isHis
toryVersion
: 1 }
).then
(res => { if
(!res.data || res.data.size == 0
) { this.$message.
error("没有该版本的PDF"
); return; } const blob = new Blob
([res.data], { type
: 'application/pdf' }
); this.pdfUrl = w
indow.URL.createObjectURL
(blob
); w
indow.open
(this.pdfUrl, '_blank'
); this.his
toryModalVisible = false; }
).catch
(err => { this.$message.
error('预览失败
: ' + err.message
); }
); }, handleHis
toryVersion
Cancel() { this.his
toryModalVisible = false; }, viewChangeLogs
() { Serve.getMcPackageDataLog
({ projectId
: this.selectedRecord.projNo, packageNo
: this.selectedRecord.packageNo }
).then
(res => { this.pdfModalLogData = res.data; this.pdfModalLogTitle = '日志详情'; this.pdfModalLogVisible = true; }
); }, viewLog
(record
) { Serve.getMcPackageDataLog
({ projectId
: this.selectedRecord.projNo, packageNo
: this.selectedRecord.packageNo, sectionId
: record.id }
).then
(res => { this.pdfModalLogData = res.data; this.pdfModalLogVisible = true; this.pdfModalLogTitle = '日志详情'; }
); }, pdfModalLog
Cancel() { this.pdfModalLogVisible = false; }, ma
inta
in(record
) { this.selectedSection = record; this.ma
inta
inModalVisible = true; Serve.getMcPackageDataPageList
({ projectId
: this.selectedRecord.projNo, packageNo
: this.selectedRecord.packageNo, version
: this.selectedRecord.version, sectionId
: record.id }
).then
(res => { this.ma
inta
inTableData = res.data; }
); }, handleAddContent
() { this.fileList = []; this.
insertPageNumber = ''; this.isUpload = true; this.isPage = true; this.addContentModalVisible = true; }, handleUpload
({ fileList }
) { this.fileList = fileList; this.fileList.
forEach
(file => { if
(file.status === "done"
) { if
(file.response && file.response.id
) { this.fileId = file.response.id; } else if
(file.id
) { this.fileId = file.id; } } }
); }, handle
InsertPage
() { const projectId = this.selectedRecord.projNo; const packageNo = this.selectedRecord.packageNo; const sectionId = this.selectedSection.id; if
(this.isUpload == true && this.isPage == true
) { const filePath = this.fileId; const pageNum = this.
insertPageNumber; if
(!filePath
) { this.$message.
error('请选择要插入的PDF！'
); return; } if
(!pageNum
) { this.$message.
error('请输入要插入的页数！'
); return; } Serve.add
({ projectId, packageNo, sectionId, filePath, pageNum }
) .then
(res => { this.$message.success
('插入页数成功！'
); this.addContentModalVisible = false; this.ma
inta
in(this.selectedSection
); }
) } if
(this.isUpload == true && this.isPage == false
) { const filePath = this.fileId; const version = this.version; const pageNum = this.pageNum; if
(!filePath
) { this.$message.
error('请选择要替换的PDF！'
); return; } Serve.replacePage
({ projectId, packageNo, sectionId, filePath, version, pageNum }
).then
(res => { this.$message.success
('替换成功！'
); this.addContentModalVisible = false; this.ma
inta
in(this.selectedSection
); }
) } if
(this.isUpload == false && this.isPage == true
){ const pageNum = this.
insertPageNumber; const version = this.version; const id = this.dataPageId; const orig
inPageNum = this.orig
inPageNumber; if
(!this.
insertPageNumber
) { this.$message.
error('请输入要插入的页数！'
); return; } if
(this.orig
inPageNumber == this.
insertPageNumber
) { this.$message.warn
('页数相同，无需调整！'
); return; } Serve.adjustPage
({ projectId, packageNo, sectionId, version, pageNum, id, orig
inPageNum }
).then
(res => { this.$message.success
('成功！'
); this.addContentModalVisible = false; this.ma
inta
in(this.selectedSection
); }
) } }, handleViewAttachment
(record
) { preview
(record.filePath
).then
(res => { if
(!res.
error) { let fileName = ""; let tmp = res.headers["content-disposition"]; if
(tmp != null && tmp != "" && tmp != "undef
ined"
) { let start
Index = tmp.
indexOf
('filename="'
) + 10; let end
Index = tmp.
indexOf
('"', start
Index
); fileName = tmp.substr
ing
(start
Index, end
Index
); } let puffix = fileName.split
("."
)[0]; let suffix = fileName.split
("."
)[1]; if
(suffix == "pdf"
) { let blob = new Blob
([res.data], { type
: 'application/pdf' }
); let fileUrl = URL.createObjectURL
(blob
); w
indow.open
(fileUrl, '_blank'
); } else { fileSaver.saveAs
(res.data, puffix + "preview" + suffix
); } } }
); }, handleDelete
(record
) { Modal.confirm
({ title
: '确认框', content
: '确定要删除？', okText
: '确认',
cancelText
: '取消', onOk
: () => { const projectId = this.selectedRecord.projNo; const packageNo = this.selectedRecord.packageNo; const sectionId = this.selectedSection.id; const pageNum = record.pageNum; const version = record.version; Serve.deletePage
({ projectId, packageNo, sectionId, version, pageNum }
).then
(res => { this.$message.success
('删除成功！'
); this.ma
inta
in(this.selectedSection
); }
) } }
) },
handleReplace
(record
) { this.isPage = false; this.isUpload = true; this.fileList = []; this.
insertPageNumber = ''; this.addContentModalVisible = true; this.version = record.version; this.pageNum = record.pageNum; }, handleAdjustPage
(record
) { this.isPage = true; this.isUpload = false; this.fileList = []; this.
insertPageNumber = ''; this.addContentModalVisible = true; this.version = record.version; this.dataPageId = record.id; this.orig
inPageNumber = record.pageNum }, pdfModal
Cancel() { this.pdfModalVisible = false; }, handleLog
(record
) { this.logModalTitle = `日志 - ${record.packageNo}`; this.fetchLogTableData
(record.id
); this.logModalVisible = true; }, fetchLogTableData
(mcPackageId
) { Serve.getMcPackageLogList
({ mcPackageId
: mcPackageId }
).then
(res => { this.logTableData = res.data; }
); }, logModal
Cancel() { this.logModalVisible = false; }, updateMcPdf
(record
) { const projectId = this.selectedRecord.projNo; const packageNo = this.selectedRecord.packageNo; const mcPackageId = this.selectedRecord.id; const params = { ...record, projectId, packageNo, mcPackageId }; Serve.updateMcPdf
(params
).then
(res => { this.$message.success
('更新成功！'
); }
); }, update
IndexRemark
(record
) { this.templateNameKey = record.nameKey; const { projNo, packageNo } = this.selectedRecord; try { // 调用接口获取备注数据 Serve.getMcPackageData
({ projNo, packageNo }
).then
(res => { const
indexRemark = res.data.
indexRemark; this.mcPackageDataId = res.data?.id || null; const remarkMap = {}; if
(indexRemark &&
indexRemark != ""
) { JSON.parse
(indexRemark
).
forEach
(item => { const key = Object.keys
(item
)[0]; remarkMap[key] = item[key]; }
); } this.remarkModalData = this.pdfTableData.map
(item =>
({ ...item, remark
: item.nameKey ? remarkMap[item.nameKey] || ""
: "", }
)); this.remarkModalVisible = true; }
); } catch
(error) { console.
error("获取备注失败
:",
error); this.$message.
error("获取备注失败"
); } }, saveRemarks
() { try { const
indexRemark = this.remarkModalData.reduce
((acc, item
) => { if
(item.nameKey
) { acc.push
({ [item.nameKey]
: item.remark }
); } return acc; }, []
); const
indexRemarkStr = JSON.str
ingify
(indexRemark
); Serve.updateMcPackageData
({ id
: this.mcPackageDataId,
indexRemark
: indexRemarkStr, projectId
: this.selectedRecord.projNo, packageNo
: this.selectedRecord.packageNo,templateNameKey
: this.templateNameKey }
).then
(res => { if
(!res.
error) { this.$message.success
('更新备注成功'
); this.remarkModalVisible = false; } }
); } catch
(error) { console.
error('更新备注失败
:',
error); this.$message.
error('更新备注失败'
); } }, }, }; </script>
vue2示例如上，需要转换成vue3 vue3示例如下
<c-search-panel
ref=“searchPanelRef”
:columns=“tableState.columns”
@search=“onSearch”
</c-search-panel>
<c-table
:columns=“tableState.columns”
:proxy-config=“tableState.proxyConfig”
:toolbar=“tableState.
toolbar”
@
toolbar-but
ton-
click=“on
Toolbar
Click”
:pag
ination=“tableState.pag
ination”
:sortConfig=“{ showIcon
: false }”
:row-selection=“rowSelection”
ref=“tableRef”
<template #action="{ record }"> <a-but
ton type="l
ink" @
click="editRow
(record
)">{{ t
("pipeControll.mc.edit"
) }}</a-but
ton> </template> </c-table> <c-modal
:title="action === 'add' ? '新增系统'
: '编辑系统'" destroyOnClose v-model
:open="open" okText="确认"
cancelText="取消" @ok="handleOk" width="650px" > <a-
form
:model="
formState" name="basic"
:label-col="{ span
: 6 }"
:wrapper-col="{ span
: 16 }" ref="
formRef" > <a-row> <a-col> <a-
input v-model
:value="
formState.id" v-if="false"/> </a-col> <a-col span="12"> <a-
form-item
:label="t
('ptwSystem.system.projectId'
)" name="projectNo"
:rules="[{ required
: true, message
: 'Please Select Project!' }]" > <c-project-select v-model
:value="
formState.projectNo"
:field-names="{ value
: 'projId' }"
:disabled="isDisabledComputed" /> </a-
form-item> </a-col> <a-col span="12"> <a-
form-item
:label="t
('pipeControll.mc.sysCode'
)" name="sysNo"
:rules="[{ required
: true, message
: 'Please
Input!' }]" > <a-
input v-model
:value="
formState.sysNo"
:disabled="isDisabledComputed"/> </a-
form-item> </a-col> </a-row> <a-row> <a-col
:span="colSpan"> <a-
form-item
:label-col="{ span
: 4 }"
:wrapper-col="{ span
: 19 }"
:label="t
('pipeControll.mc.systemName'
)" name="sysName"
:rules="[{ required
: true, message
: 'Please
Input!' }]" > <a-
input v-model
:value="
formState.sysName"/> </a-
form-item> </a-col> </a-row> <a-card
:title="t
('pipeControll.mc.subsys
Info'
)"> <c-table
:columns="subTableState.columns"
:pag
ination="false"
:dataSource="subTableState.dataSource" height="250"
:toolbar="subTableState.
toolbar" @
toolbar-but
ton-
click="onSub
Toolbar
Click"
:sortConfig="{ showIcon
: false }"
:rowSelection="{ selectedRowKeys
: subTableState.selectedRowKeys, onChange
: onSelectChange }" ref="subTableRef" > </c-table> </a-card> </a-
form> </c-modal> </template> <script setup> import * as server from "@/packages/pip
ing/api/cpmc/
index" import {computed, createVNode, reactive, ref} from "vue" import {useI18n} from "vue-i18n" import {message, Modal} from "ant-design-vue" import {ExclamationCircleOutl
ined} from "@ant-design/icons-vue" import {saveAs} from "file-saver" const {t} = useI18n
() const action = ref
(null
) const searchPanelRef = ref
(null
) const isDisabledComputed = computed
(() => { if
(action.value == "add"
) { return false } else { return true } }
) const search
Form = computed
(() => { if
(searchPanelRef.value
) { return searchPanelRef.value.get
Form
() } return null }
) const tableState = reactive
({
toolbar
: { but
tons
: [ { code
: "
insert", status
: 'primary', icon
: 'PlusOutl
ined', // name
: "新增", name
: t
("pipeControll.mc.add"
), resource
: [{url
: "/service-pip
ing/cp/mc/system", method
: "POST"}] }, { code
: "deleteData", status
: 'danger', icon
: 'DeleteOutl
ined', // name
: "删除", name
: t
("pipeControll.mc.delete"
), resource
: [{url
: "/service-pip
ing/cp/pipe/mc/system/delete", method
: "POST"}] }, { name
: '模板导入', dropdowns
: [ { code
: "downloadModal", status
: 'warn
ing', icon
: 'DownloadOutl
ined', // name
: "下载导入模板", name
: t
("pipeControll.mc.importTemplate"
), resource
: [{url
: "/service-pip
ing/cp/pipe/mc/system/exportTemplate", method
: "GET"}] }, { code
: "importModal", status
: 'success', icon
: 'UploadOutl
ined', // name
: "导入", name
: t
("pipeControll.mc.import"
), resource
: [{url
: "/service-pip
ing/pipe/cp/mc/system/importData", method
: "POST"}] }, ] }, { code
: "exportExcel", status
: 'warn
ing', icon
: 'DownloadOutl
ined', // name
: "导出", name
: t
("pipeControll.mc.export"
), resource
: [{url
: "/service-pip
ing/cp/mc/system/export", method
: "GET"}] } ], }, selectedRowKeys
: [], pag
ination
: {pageSize
: 20}, proxyConfig
: { au
toLoad
: false, ajax
: { query
: (pag
ination
) => server.systemPage
({...pag
ination, ...conditionData.value}
) } }, columns
: [ { // title
: "项目", title
: t
("ptwSystem.system.projectNo"
), data
Index
: "projectNo", width
: 60, type
: "project", condition
: true, options
: { options
: [], fieldNames
: {label
: "projId", value
: "projId"} }, }, { // title
: "系统号", title
: t
("ptwSystem.system.sysCode"
), data
Index
: "sysNo", width
: 100, condition
: true }, { // title
: "系统名称", title
: t
("pipeControll.mc.systemName"
), data
Index
: "sysName", width
: 180, condition
: true }, { // title
: "子系统数量", title
: t
("pipeControll.mc.subSystemQuantity"
), data
Index
: "subSysQuantity", width
: 130 }, { // title
: "创建人", title
: t
("pipeControll.mc.crea
tor"
), data
Index
: "createUserNo", type
: "employeeDescription", options
: { fieldNames
: { label
: "createUserName", value
: "createUserNo" } } }, { // title
: "创建时间", title
: t
("pipeControll.mc.createDate"
), data
Index
: "createDate", width
: 100, type
: "datetime" }, { // title
: "更新人", title
: t
("pipeControll.mc.updater"
), data
Index
: "updateUserNo", type
: "employeeDescription", options
: { fieldNames
: { label
: "updateUserName", value
: "updateUserNo" } } }, { // title
: "更新时间", title
: t
("pipeControll.mc.updateDate"
), data
Index
: "updateDate", width
: 100, type
: "datetime" }, { // title
: "操作", title
: t
("pipeControll.mc.operation"
), key
: "action", scopedSlots
: {cus
tomRender
: "action"}, width
: 80, fixed
: "right",
form
Invisible
: true } ] }
) const subTableState = reactive
({ selectedRowKeys
: [],
toolbar
: { but
tons
: [ { code
: "
insert
Info", status
: "primary", icon
: "PlusOutl
ined", // name
: "新增" name
: t
("pipeControll.mc.add"
) }, { code
: "delete
Info", status
: "danger", icon
: "DeleteOutl
ined", // name
: "删除" name
: t
("pipeControll.mc.delete"
) } ], showFilter
: false }, columns
: [ { // title
: "子系统号", title
: t
("pipeControll.mc.subSystemNo"
), data
Index
: "subsysNo", width
: 100, condition
: true, editable
: true, rules
: [{required
: true, message
: "必填项！"}] }, { // title
: "子系统名称", title
: t
("pipeControll.mc.subSystemName"
), data
Index
: "subsysName", width
: 200, condition
: true, editable
: true, rules
: [{required
: true, message
: "必填项！"}] } ], dataSource
: [] }
) const tableRef = ref
(null
) const ctable = computed
(() => tableRef.value?.getTable
()) const subTableRef = ref
(null
) const cSubTable = computed
(() => subTableRef.value?.getTable
()) const conditionData = ref
() const
formState = ref
({projectNo
: undef
ined, sysNo
: undef
ined, sysName
: undef
ined}
) const colSpan = ref
(24
) const open = ref
(false
) const
formRef = ref
() const selectedRow = ref
([]
) const deletedRows = ref
([]
) //搜索 const onSearch =
(values
) => { conditionData.value = values ctable.value.commitProxy
("query", values
) } const on
Toolbar
Click =
(target
) => { switch
(target.code
) { case "
insert"
: fun
InsertModal
() break case "deleteData"
: fundeleteModal
() break case "downloadModal"
: funDownloadModal
() break case "importModal"
: funImportModal
() break case "exportExcel"
: funExportModal
() break default
: break } } const onSub
Toolbar
Click =
(target
) => { switch
(target.code
) { case "
insert
Info"
: insert
Info
() break case "delete
Info"
: delete
Info
() break default
: break } } const rowSelection = computed
(() => { return { selectedRowKeys
: tableState.selectedRowKeys, onChange
: (selectedRowKeys, selectedRows
) => { tableState.selectedRowKeys = selectedRowKeys selectedRow.value = selectedRows } } }
) const onSelectChange =
(selectedRowKeys
) => { subTableState.selectedRowKeys = selectedRowKeys } const
insert
Info =
() => { cSubTable.value.
insert
({ id
: undef
ined, projectNo
: undef
ined, sysNo
: undef
ined, sysName
: undef
ined }
) } const delete
Info =
() => { subTableState.selectedRowKeys.
forEach
((rowKey
) => { const row = cSubTable.value.getRowById
(rowKey
) if
(row
) { row.status = 0 deletedRows.value.push
({...row}
) cSubTable.value.deleteRowByRowKey
(rowKey
) } }
) subTableState.selectedRowKeys = [] } const fun
InsertModal =
() => { action.value = "add" open.value = true
formState.value = {} subTableState.dataSource = [] } const editRow =
(record
) => { action.value = "edit" open.value = true
formState.value = record subTableState.selectedRowKeys = [] server.getSubsystemDropList
({projectNo
: record.projectNo, sysNo
: record.sysNo}
).then
((res
) => { subTableState.dataSource = res.data }
) } const fundeleteModal =
() => { if
(tableState.selectedRowKeys.length == 0
) { message.
error("请选择至少一条需要删除的数据"
) return } Modal.confirm
({ title
: "请确认是否要进行删除？", icon
: createVNode
(ExclamationCircleOutl
ined
), content
: "该操作一旦执行无法撤回", okText
: "确认", okType
: "danger",
cancelText
: "取消", onOk
() { let param = tableState.selectedRowKeys.map
((item
) => { return {id
: item} }
) server.systemDelete
(param
).then
(() => { message.success
("删除成功"
) ctable.value.commitProxy
("query"
) }
) }, on
Cancel() { console.log
("
Cancel"
) } }
) } const funDownloadModal =
() => { server.systemTemplate
() } const funImportModal =
() => { ctable.value.readFile
({types
: ["xlsx", "xls"]}
).then
((response
) => { const {file} = response handleFileChange
(file
) }
) } const handleFileChange =
(event) => { const selectedFile =
event let param = { file
: selectedFile } server.systemImportData
(param
).then
((res
) => { const contentType = res.headers["content-type"] if
(!contentType
) { // 处理数组对象 message.success
("导入成功"
) ctable.value.commitProxy
("query"
) } else if
(contentType.
includes
("application/vnd.ms-excel;charset=utf-8"
)) { message.
error("上传失败，请查看错误文件"
) saveAs
(res.data, "导入提示.xlsx"
) } }
) } const funExportModal =
() => { search
Form.value.validateFields
().then
((values
) => { server.systemExport
({...values}
) }
) } const handleOk =
() => {
formRef.value .validate
() .then
(() => { let param = { id
: formState.value.id, projectNo
: formState.value.projectNo, sysNo
: formState.value.sysNo, sysName
: formState.value.sysName } cSubTable.value.validateEditFields
().then
(() => { param.mcSubsystemList = [...cSubTable.value.getUpdateRecords
(), ...deletedRows.value] server.systemSave
(param
).then
(() => { message.success
("保存成功"
) open.value = false ctable.value.commitProxy
("query"
) }
) }
) }
) .catch
((error) => { console.log
("
error",
error) }
) } </script>
错误信息如下：
在进行Vue后台项目开发时遇到一个问题，当尝试使用Element-UI的弹框组件删除用户时，触发了一个错误，导致Promise结果打印出错。错误信息表明问题出在弹框组件上。为了解决这个问题，采用了try-catch来捕获并处理可能出现的错误，简单地通过.catch方法避免了弹框组件的错误，确保了逻辑的正常执行。
扫一扫
3359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
