ota布局
This commit is contained in:
zyx.net
@@ -1690,4 +1690,11 @@ module.exports = {
|
|||||||
taskTypeMismatch:'Task Type Mismatch',
|
taskTypeMismatch:'Task Type Mismatch',
|
||||||
taskNodeMismatch:'Task Node Mismatch',
|
taskNodeMismatch:'Task Node Mismatch',
|
||||||
ifNot:'If not, fill in "none" or "not involved"',
|
ifNot:'If not, fill in "none" or "not involved"',
|
||||||
|
addfunction:'Add function',
|
||||||
|
controllername:'Controller name',
|
||||||
|
hardwaremanufacturer:'Hardware manufacturer',
|
||||||
|
softwareversion:'Software version',
|
||||||
|
returntofill:'Return to fill',
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -1790,4 +1790,9 @@ module.exports = {
|
|||||||
taskTypeMismatch:'任务类型不匹配',
|
taskTypeMismatch:'任务类型不匹配',
|
||||||
taskNodeMismatch:'任务节点不匹配',
|
taskNodeMismatch:'任务节点不匹配',
|
||||||
ifNot:'如无，则填写“无”或“不涉及”',
|
ifNot:'如无，则填写“无”或“不涉及”',
|
||||||
|
addfunction:'添加功能',
|
||||||
|
controllername:'控制器名称',
|
||||||
|
hardwaremanufacturer:'硬件生产企业',
|
||||||
|
softwareversion:'软件版本',
|
||||||
|
returntofill:'返回填写',
|
||||||
}
|
}
|
||||||
+265
-331
@@ -1,359 +1,293 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
|
<div class="table-operator">
|
||||||
|
<div class="operator-text">
|
||||||
|
<a-icon type="import" :rotate="270"/>
|
||||||
|
{{$t('dataimport')}}
|
||||||
|
</div>
|
||||||
|
<div class="operator-text">
|
||||||
|
<a-icon type="download"/>
|
||||||
|
{{$t('templateDownload')}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<a-table
|
<a-table
|
||||||
ref="table"
|
ref="table"
|
||||||
size="middle"
|
size="middle"
|
||||||
:components="drag(columns,'columns')"
|
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
||||||
rowKey="id"
|
rowKey="id"
|
||||||
|
bordered
|
||||||
:data-source="dataSource"
|
:data-source="dataSource"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
|
style="margin-bottom: 20px"
|
||||||
>
|
>
|
||||||
<!-- -->
|
<!-- 配置情况-->
|
||||||
|
<span slot="configuration" slot-scope="text,record">
|
||||||
|
<a-radio-group>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<!-- 可升级-->
|
||||||
|
<span slot="whetheritcanbeupgraded" slot-scope="text,record">
|
||||||
|
<a-radio-group>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<!-- 自动化级别-->
|
||||||
|
<span slot="drivingautomationlevel" slot-scope="text,record">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disable"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</span>
|
||||||
|
<!-- 升级前-->
|
||||||
|
<span slot="preupgrade" slot-scope="text,record">
|
||||||
|
<a-input :placeholder="$t('ifNot')"></a-input>
|
||||||
|
</span>
|
||||||
|
<!-- 升级后-->
|
||||||
|
<span slot="afterupgrade" slot-scope="text,record">
|
||||||
|
<a-input :placeholder="$t('ifNot')"></a-input>
|
||||||
|
</span>
|
||||||
|
<!-- 操作列-->
|
||||||
<span slot="operation" slot-scope="text,record">
|
<span slot="operation" slot-scope="text,record">
|
||||||
<a class="text-operation" v-if="record.flowType != '10'"
|
<a class="text-operation">{{$t('addcontroller')}}</a>
|
||||||
@click="monitoringProcessClick(record)">{{$t('monitoringProcess')}}</a>
|
<a class="text-operation">{{$t('addfunction')}}</a>
|
||||||
<a class="text-operation"
|
<a class="text-operation">{{$t('delete')}}</a>
|
||||||
@click="viewClick(record)">{{$t('view')}}</a>
|
|
||||||
</span>
|
|
||||||
<span slot="RelatedItems" slot-scope="text,record">
|
|
||||||
<a @click="RelatedItemsClick(record)" :title="text">
|
|
||||||
{{text}}
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
<span slot="standardInformation" slot-scope="text,record">
|
|
||||||
<a @click="standardInformationClick(record)" v-if="text && text != '--'" :title="text">
|
|
||||||
{{text}}
|
|
||||||
</a>
|
|
||||||
<span v-else>--</span>
|
|
||||||
</span>
|
</span>
|
||||||
</a-table>
|
</a-table>
|
||||||
<div class="page" v-if="dataSource && dataSource.length > 0">
|
<div>
|
||||||
<a-pagination
|
<a-button @click="clickButtonToUpload" type="primary">{{$t('uploadattachment')}}</a-button>
|
||||||
:show-total="total => $t('total')+` ${total} `+$t('strip')"
|
|
||||||
show-quick-jumper
|
|
||||||
show-size-changer
|
|
||||||
:page-size.sync="pageSize"
|
|
||||||
:total="total"
|
|
||||||
:current="pageNo"
|
|
||||||
@change="pageOnChange"
|
|
||||||
@showSizeChange="SizeChange"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
||||||
|
<a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
|
||||||
|
<a-button type="primary" style='width: 73px' @click='next'>{{$t('next')}}</a-button>
|
||||||
|
</div>
|
||||||
|
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFile>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getAction, postAction, deleteAction } from '@/api/manage'
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
import uploadFile from '@/components/uploadFile/file'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'doneList',
|
name: 'beupgradedonline',
|
||||||
mixins:[ResizeHeader, ResizeColumnProvide],
|
components:{
|
||||||
data() {
|
uploadFile
|
||||||
return {
|
},
|
||||||
dataSource: [],
|
data() {
|
||||||
loading: false,
|
return {
|
||||||
url: {
|
dataSource: [
|
||||||
list: '/todoCenter/projectProcess/doneProcess'
|
{
|
||||||
|
key:1,
|
||||||
|
functionname:'ceshi',
|
||||||
|
}
|
||||||
|
],
|
||||||
|
loading: false,
|
||||||
|
disable:false,
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: this.$t('functionname'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'functionname',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
},
|
},
|
||||||
queryParam: {},
|
{
|
||||||
columns: [
|
title: this.$t('configuration'),
|
||||||
{
|
align: 'left',
|
||||||
title: this.$t('RelatedItems'),
|
dataIndex: 'configuration',
|
||||||
align: 'left',
|
ellipsis: true,
|
||||||
dataIndex: 'projectName',
|
width: 170
|
||||||
ellipsis: true,
|
},
|
||||||
scopedSlots: { customRender: 'RelatedItems' },
|
{
|
||||||
width: 170
|
title: this.$t('whetheritcanbeupgraded'),
|
||||||
},
|
align: 'left',
|
||||||
{
|
dataIndex: 'whetheritcanbeupgraded',
|
||||||
title: this.$t('standardInformation'),
|
ellipsis: true,
|
||||||
align: 'left',
|
width: 170
|
||||||
dataIndex: 'standardInfo',
|
},
|
||||||
ellipsis: true,
|
{
|
||||||
scopedSlots: { customRender: 'standardInformation' },
|
title: this.$t('drivingautomationlevel'),
|
||||||
width: 170
|
align: 'left',
|
||||||
},
|
dataIndex: 'drivingautomationlevel',
|
||||||
{
|
ellipsis: true,
|
||||||
title: this.$t('taskType'),
|
width: 170
|
||||||
align: 'left',
|
},
|
||||||
dataIndex: 'flowTypeShow',
|
{
|
||||||
ellipsis: true,
|
title: this.$t('technicalparameters'),
|
||||||
width: 170
|
align: 'left',
|
||||||
},
|
dataIndex: 'technicalparameters',
|
||||||
{
|
ellipsis: true,
|
||||||
title: this.$t('Sponsor'),
|
width: 170
|
||||||
align: 'left',
|
},
|
||||||
dataIndex: 'createBy',
|
{
|
||||||
ellipsis: true,
|
title: this.$t('functiondescription'),
|
||||||
width: 170
|
align: 'left',
|
||||||
},
|
dataIndex: 'functiondescription',
|
||||||
{
|
ellipsis: true,
|
||||||
title: this.$t('CurrentProcessor'),
|
width: 170
|
||||||
align: 'left',
|
},
|
||||||
dataIndex: 'assigneeName',
|
{
|
||||||
ellipsis: true,
|
title: this.$t('applicationconditions'),
|
||||||
width: 170
|
align: 'left',
|
||||||
},
|
dataIndex: 'applicationconditions',
|
||||||
{
|
ellipsis: true,
|
||||||
title: this.$t('TaskCutOffTime'),
|
width: 170
|
||||||
align: 'left',
|
},
|
||||||
dataIndex: 'endTime',
|
{
|
||||||
ellipsis: true,
|
title: this.$t('controllerparameter'),
|
||||||
width: 170
|
align: 'left',
|
||||||
},
|
dataIndex: 'controllerparameter',
|
||||||
{
|
ellipsis: true,
|
||||||
title: this.$t('taskStatus'),
|
width: 170,
|
||||||
align: 'left',
|
children: [
|
||||||
dataIndex: 'statusShow',
|
{
|
||||||
ellipsis: true,
|
title: this.$t('electronic'),
|
||||||
width: 170
|
align: 'left',
|
||||||
},
|
dataIndex: 'electronic',
|
||||||
{
|
ellipsis: true,
|
||||||
title: this.$t('operation'),
|
width: 170
|
||||||
align: 'left',
|
},
|
||||||
fixed: 'right',
|
{
|
||||||
width: 120,
|
title: this.$t('electroniccontrollerproductionenterprises'),
|
||||||
scopedSlots: { customRender: 'operation' }
|
align: 'left',
|
||||||
}
|
dataIndex: 'electroniccontrollerproductionenterprises',
|
||||||
],
|
ellipsis: true,
|
||||||
selectedRowKeys: [],
|
width: 170
|
||||||
pageSize: 10,
|
},
|
||||||
pageNo: 1,
|
{
|
||||||
total: 0
|
title: this.$t('electroniccontrollertype'),
|
||||||
}
|
align: 'left',
|
||||||
},
|
dataIndex: 'electroniccontrollertype',
|
||||||
mounted() {
|
ellipsis: true,
|
||||||
this.getList()
|
width: 170
|
||||||
},
|
},
|
||||||
methods: {
|
{
|
||||||
monitoringProcessClick(row){
|
title: this.$t('hardwareversioninformation'),
|
||||||
let newUrl = this.$router.resolve({
|
align: 'left',
|
||||||
path: '/processDetails',
|
dataIndex: 'hardwareversioninformation',
|
||||||
query: {
|
ellipsis: true,
|
||||||
prcNum: row.prcNum,
|
width: 170
|
||||||
prcType:row.flowType,
|
},
|
||||||
prcId:row.actiProcInstId,
|
{
|
||||||
}
|
title: this.$t('softwaredevelopmententerprise'),
|
||||||
})
|
align: 'left',
|
||||||
window.open(newUrl.href, '_blank')
|
dataIndex: 'softwaredevelopmententerprise',
|
||||||
},
|
ellipsis: true,
|
||||||
RelatedItemsClick(item) {
|
width: 170
|
||||||
let newUrl = this.$router.resolve({
|
},
|
||||||
path: '/ProjectDetails',
|
{
|
||||||
query: {
|
title: this.$t('operatingsystemversion'),
|
||||||
id: item.projectLibraryId,
|
align: 'left',
|
||||||
projectName: item.projectName,
|
dataIndex: 'operatingsystemversion',
|
||||||
projectNameId: item.projectNameId,
|
ellipsis: true,
|
||||||
targetMarket: item.targetMarket,
|
width: 170
|
||||||
studioEngineer:item.studioEngineer,
|
},
|
||||||
}
|
{
|
||||||
})
|
title: this.$t('inflammatorydata'),
|
||||||
window.open(newUrl.href, '_blank')
|
align: 'left',
|
||||||
},
|
dataIndex: 'inflammatorydata',
|
||||||
standardInformationClick(item){
|
ellipsis: true,
|
||||||
let newUrl = this.$router.resolve({
|
width: 170
|
||||||
path: '/docManage/library/detail',
|
},
|
||||||
query: {
|
]
|
||||||
id: item.bussDocumentLibraryId,
|
},
|
||||||
}
|
{
|
||||||
})
|
title: this.$t('operation'),
|
||||||
window.open(newUrl.href, '_blank')
|
align: 'left',
|
||||||
},
|
fixed: 'right',
|
||||||
viewClick(row) {
|
width: 200,
|
||||||
let query = {}
|
scopedSlots: { customRender: 'operation' }
|
||||||
row.router = this.$route.path
|
|
||||||
if (row.flowType == '1') {
|
|
||||||
query = {
|
|
||||||
taskDefinitionKey:row.taskDefinitionKey,
|
|
||||||
taskIds:row.taskId,
|
|
||||||
prcType:row.flowType,
|
|
||||||
prcNum:row.prcNum,
|
|
||||||
isTrue:false,
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/handshakeProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}else if(row.flowType == '10'){
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/ProjectDetails',
|
|
||||||
query: {
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
projectName: row.projectName,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
studioEngineer:row.studioEngineer,
|
|
||||||
type:'102',
|
|
||||||
}
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}else if(row.flowType == '2'){
|
|
||||||
row.taskId = row.taskId + ''
|
|
||||||
if (row.taskId.length > 30) {
|
|
||||||
row.taskId = ''
|
|
||||||
}
|
|
||||||
query = {
|
|
||||||
router: row.router,
|
|
||||||
taskIds:row.taskId,
|
|
||||||
actiProcInstId: row.actiProcInstId,
|
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
|
||||||
projectLibraryId:row.projectLibraryId,
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
studioEngineer: row.studioEngineer,
|
|
||||||
serialNumber: row.serialNumber,
|
|
||||||
TaskKey: row.taskDefinitionKey,
|
|
||||||
isDisplay: false,
|
|
||||||
flowType: 2,
|
|
||||||
Sponsor: 'designInitiatorName',
|
|
||||||
personLiable: 'designDutyName',
|
|
||||||
typeOfDeliverables: 'designDeliverableTypeName',
|
|
||||||
deliverableTemplate: 'designDeliverableTemplate',
|
|
||||||
DueDate: 'designDueDate',
|
|
||||||
remarks: 'designRemark',
|
|
||||||
projectName: row.projectName,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
primaryKeyId: row.primaryKeyId,
|
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/taskListProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}else if(row.flowType == '3'){
|
|
||||||
row.taskId = row.taskId + ''
|
|
||||||
if (row.taskId.length > 30) {
|
|
||||||
row.taskId = ''
|
|
||||||
}
|
|
||||||
query = {
|
|
||||||
router: row.router,
|
|
||||||
taskIds:row.taskId,
|
|
||||||
actiProcInstId: row.actiProcInstId,
|
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
|
||||||
studioEngineer: row.studioEngineer,
|
|
||||||
projectLibraryId:row.projectLibraryId,
|
|
||||||
serialNumber: row.serialNumber,
|
|
||||||
TaskKey: row.taskDefinitionKey,
|
|
||||||
flowType: 3,
|
|
||||||
isDisplay: false,
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
Sponsor: 'prehomoInitiatorName',
|
|
||||||
personLiable: 'prehomoDutyName',
|
|
||||||
typeOfDeliverables: 'prehomoDeliverableTypeName',
|
|
||||||
deliverableTemplate: 'prehomoDeliverableTemplate',
|
|
||||||
DueDate: 'prehomoDueDate',
|
|
||||||
remarks: 'prehomoRemark',
|
|
||||||
projectName: row.projectName,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
primaryKeyId: row.primaryKeyId,
|
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/taskListProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}else if(row.flowType == '4'){
|
|
||||||
row.taskId = row.taskId + ''
|
|
||||||
if (row.taskId.length > 30) {
|
|
||||||
row.taskId = ''
|
|
||||||
}
|
|
||||||
query = {
|
|
||||||
router: row.router,
|
|
||||||
taskIds: row.taskId,
|
|
||||||
actiProcInstId: row.actiProcInstId,
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
projectLibraryId: row.projectLibraryId,
|
|
||||||
studioEngineer: row.studioEngineer,
|
|
||||||
serialNumber: row.serialNumber,
|
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
|
||||||
TaskKey: row.taskDefinitionKey,
|
|
||||||
flowType: 4,
|
|
||||||
isDisplay: false,
|
|
||||||
Sponsor: 'verifyInitiatorName',
|
|
||||||
personLiable: 'verifyDutyName',
|
|
||||||
typeOfDeliverables: 'verifyDeliverableTypeName',
|
|
||||||
deliverableTemplate: 'verifyDeliverableTemplate',
|
|
||||||
DueDate: 'verifyDueDate',
|
|
||||||
remarks: 'verifyRemark',
|
|
||||||
projectName: row.projectName,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
primaryKeyId: row.primaryKeyId,
|
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/taskListProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}
|
}
|
||||||
},
|
],
|
||||||
searchQuery(value) {
|
|
||||||
this.queryParam = value
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
searchReset() {
|
|
||||||
this.queryParam = {}
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
pageOnChange(page) {
|
|
||||||
this.pageNo = page
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
SizeChange(page, pageSize) {
|
|
||||||
this.pageNo = 1
|
|
||||||
this.pageSize = pageSize
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
let queryParam = JSON.parse(JSON.stringify(this.queryParam))
|
|
||||||
Object.keys(queryParam).forEach(val => {
|
|
||||||
if (queryParam[val] instanceof Array) {
|
|
||||||
queryParam[val] = queryParam[val].join(',')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
let query = {
|
|
||||||
pageNo: this.pageNo,
|
|
||||||
pageSize: this.pageSize,
|
|
||||||
...queryParam
|
|
||||||
}
|
|
||||||
this.loading = true
|
|
||||||
getAction(this.url.list, query).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
if (res.result.current > 1 && res.result.records.length == 0) {
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.dataSource = res.result.records || []
|
|
||||||
this.total = res.result.total
|
|
||||||
this.loading = false
|
|
||||||
} else {
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList() {
|
||||||
|
let queryParam = JSON.parse(JSON.stringify(this.queryParam))
|
||||||
|
Object.keys(queryParam).forEach(val => {
|
||||||
|
if (queryParam[val] instanceof Array) {
|
||||||
|
queryParam[val] = queryParam[val].join(',')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
let query = {
|
||||||
|
pageNo: this.pageNo,
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
...queryParam
|
||||||
|
}
|
||||||
|
this.loading = true
|
||||||
|
getAction(this.url.list, query).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
if (res.result.current > 1 && res.result.records.length == 0) {
|
||||||
|
this.pageNo = 1
|
||||||
|
this.getList()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.dataSource = res.result.records || []
|
||||||
|
this.total = res.result.total
|
||||||
|
this.loading = false
|
||||||
|
} else {
|
||||||
|
this.loading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
last(){
|
||||||
|
this.$emit('beupgradedonlineup')
|
||||||
|
},
|
||||||
|
next(){
|
||||||
|
this.$emit('beupgradedonlinedown')
|
||||||
|
},
|
||||||
|
uploadSuccess(data) {
|
||||||
|
let attIdList = []
|
||||||
|
if (data && data.length > 0) {
|
||||||
|
data.map(item => {
|
||||||
|
attIdList.push({
|
||||||
|
id:item.id,
|
||||||
|
fileName:item.fileName
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 赋值给当前对应的表单文件 */
|
||||||
|
this.fileList.uploadName = attIdList
|
||||||
|
this.fileList.certifyingmaterials = this.$t('viewFile')
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style lang='less' scoped>
|
||||||
@import '~@assets/less/common.less';
|
@import '~@assets/less/common.less';
|
||||||
.page {
|
|
||||||
text-align: right;
|
.box {
|
||||||
margin-top: 20px;
|
padding: 0 24px 24px 24px;
|
||||||
}
|
box-sizing: border-box;
|
||||||
.text-operation{
|
}
|
||||||
margin-right: 8px;
|
|
||||||
}
|
.bootom-button{
|
||||||
|
text-align: center!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-operation{
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-table-row-cell-ellipsis .ant-table-column-title {
|
||||||
|
white-space: pre-wrap!important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
+10
-1
@@ -30,7 +30,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -119,6 +121,9 @@
|
|||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
back(){
|
||||||
|
this.$emit('historicalrecordup')
|
||||||
|
},
|
||||||
monitoringProcessClick(row){
|
monitoringProcessClick(row){
|
||||||
let newUrl = this.$router.resolve({
|
let newUrl = this.$router.resolve({
|
||||||
path: '/processDetails',
|
path: '/processDetails',
|
||||||
@@ -377,4 +382,8 @@
|
|||||||
.titlebox-text-text{
|
.titlebox-text-text{
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
}
|
}
|
||||||
|
.bootom-button{
|
||||||
|
position: relative;
|
||||||
|
left: 30%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
+1
-1
@@ -99,7 +99,7 @@ export default {
|
|||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@import'~@assets/less/common.less';
|
@import'~@assets/less/common.less';
|
||||||
.box {
|
.box {
|
||||||
height: 650px;
|
height: 500px;
|
||||||
padding: 0 24px 24px 24px;
|
padding: 0 24px 24px 24px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|||||||
+287
-331
@@ -1,359 +1,315 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
|
<div class="table-operator">
|
||||||
|
<div class="operator-text">
|
||||||
|
<a-icon type="import" :rotate="270"/>
|
||||||
|
{{$t('dataimport')}}
|
||||||
|
</div>
|
||||||
|
<div class="operator-text">
|
||||||
|
<a-icon type="download"/>
|
||||||
|
{{$t('templateDownload')}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<a-table
|
<a-table
|
||||||
ref="table"
|
ref="table"
|
||||||
size="middle"
|
size="middle"
|
||||||
:components="drag(columns,'columns')"
|
|
||||||
:loading="loading"
|
:loading="loading"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
||||||
rowKey="id"
|
rowKey="id"
|
||||||
|
bordered
|
||||||
:data-source="dataSource"
|
:data-source="dataSource"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
|
style="margin-bottom: 20px"
|
||||||
>
|
>
|
||||||
<!-- -->
|
<!-- 配置情况-->
|
||||||
|
<span slot="configuration" slot-scope="text,record">
|
||||||
|
<a-radio-group>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<!-- 可升级-->
|
||||||
|
<span slot="whetheritcanbeupgraded" slot-scope="text,record">
|
||||||
|
<a-radio-group>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<!-- 自动化级别-->
|
||||||
|
<span slot="drivingautomationlevel" slot-scope="text,record">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disable"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</span>
|
||||||
|
<!-- 升级前-->
|
||||||
|
<span slot="preupgrade" slot-scope="text,record">
|
||||||
|
<a-input :placeholder="$t('ifNot')"></a-input>
|
||||||
|
</span>
|
||||||
|
<!-- 升级后-->
|
||||||
|
<span slot="afterupgrade" slot-scope="text,record">
|
||||||
|
<a-input :placeholder="$t('ifNot')"></a-input>
|
||||||
|
</span>
|
||||||
|
<!-- 操作列-->
|
||||||
<span slot="operation" slot-scope="text,record">
|
<span slot="operation" slot-scope="text,record">
|
||||||
<a class="text-operation" v-if="record.flowType != '10'"
|
<a class="text-operation">{{$t('addcontroller')}}</a>
|
||||||
@click="monitoringProcessClick(record)">{{$t('monitoringProcess')}}</a>
|
<a class="text-operation">{{$t('delete')}}</a>
|
||||||
<a class="text-operation"
|
|
||||||
@click="viewClick(record)">{{$t('view')}}</a>
|
|
||||||
</span>
|
|
||||||
<span slot="RelatedItems" slot-scope="text,record">
|
|
||||||
<a @click="RelatedItemsClick(record)" :title="text">
|
|
||||||
{{text}}
|
|
||||||
</a>
|
|
||||||
</span>
|
|
||||||
<span slot="standardInformation" slot-scope="text,record">
|
|
||||||
<a @click="standardInformationClick(record)" v-if="text && text != '--'" :title="text">
|
|
||||||
{{text}}
|
|
||||||
</a>
|
|
||||||
<span v-else>--</span>
|
|
||||||
</span>
|
</span>
|
||||||
</a-table>
|
</a-table>
|
||||||
<div class="page" v-if="dataSource && dataSource.length > 0">
|
<div>
|
||||||
<a-pagination
|
<a-button @click="clickButtonToUpload" type="primary">{{$t('uploadattachment')}}</a-button>
|
||||||
:show-total="total => $t('total')+` ${total} `+$t('strip')"
|
|
||||||
show-quick-jumper
|
|
||||||
show-size-changer
|
|
||||||
:page-size.sync="pageSize"
|
|
||||||
:total="total"
|
|
||||||
:current="pageNo"
|
|
||||||
@change="pageOnChange"
|
|
||||||
@showSizeChange="SizeChange"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
||||||
|
<a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
|
||||||
|
<a-button type="primary" style='width: 73px' @click='next'>{{$t('next')}}</a-button>
|
||||||
|
</div>
|
||||||
|
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFile>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getAction, postAction, deleteAction } from '@/api/manage'
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
import uploadFile from '@/components/uploadFile/file'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'doneList',
|
name: 'beupgradedonline',
|
||||||
mixins:[ResizeHeader, ResizeColumnProvide],
|
components:{
|
||||||
data() {
|
uploadFile
|
||||||
return {
|
},
|
||||||
dataSource: [],
|
data() {
|
||||||
loading: false,
|
return {
|
||||||
url: {
|
dataSource: [
|
||||||
list: '/todoCenter/projectProcess/doneProcess'
|
{
|
||||||
|
key:1,
|
||||||
|
functionname:'ceshi',
|
||||||
|
}
|
||||||
|
],
|
||||||
|
loading: false,
|
||||||
|
disable:false,
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: this.$t('systemname'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'systemname',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
},
|
},
|
||||||
queryParam: {},
|
{
|
||||||
columns: [
|
title: this.$t('adjustmentofchangedBulletinparameters'),
|
||||||
{
|
align: 'left',
|
||||||
title: this.$t('RelatedItems'),
|
dataIndex: 'adjustmentofchangedBulletinparameters',
|
||||||
align: 'left',
|
ellipsis: true,
|
||||||
dataIndex: 'projectName',
|
width: 170,
|
||||||
ellipsis: true,
|
children: [
|
||||||
scopedSlots: { customRender: 'RelatedItems' },
|
{
|
||||||
width: 170
|
title: this.$t('preupgrade'),
|
||||||
},
|
align: 'left',
|
||||||
{
|
dataIndex: 'preupgrade',
|
||||||
title: this.$t('standardInformation'),
|
scopedSlots: { customRender: 'preupgrade' },
|
||||||
align: 'left',
|
ellipsis: true,
|
||||||
dataIndex: 'standardInfo',
|
width: 170
|
||||||
ellipsis: true,
|
},
|
||||||
scopedSlots: { customRender: 'standardInformation' },
|
{
|
||||||
width: 170
|
title: this.$t('afterupgrade'),
|
||||||
},
|
align: 'left',
|
||||||
{
|
dataIndex: 'afterupgrade',
|
||||||
title: this.$t('taskType'),
|
scopedSlots: { customRender: 'afterupgrade' },
|
||||||
align: 'left',
|
ellipsis: true,
|
||||||
dataIndex: 'flowTypeShow',
|
width: 170
|
||||||
ellipsis: true,
|
},
|
||||||
width: 170
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: this.$t('Sponsor'),
|
title: this.$t('controllerparameter'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'createBy',
|
dataIndex: 'controllerparameter',
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
width: 170
|
width: 170,
|
||||||
},
|
children: [
|
||||||
{
|
{
|
||||||
title: this.$t('CurrentProcessor'),
|
title: this.$t('nameoftheupgradedelectroniccontroller'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'assigneeName',
|
dataIndex: 'nameoftheupgradedelectroniccontroller',
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
width: 170
|
width: 170
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: this.$t('TaskCutOffTime'),
|
title: this.$t('adaptivehardwareversion'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'endTime',
|
dataIndex: 'adaptivehardwareversion',
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
width: 170
|
width: 170
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: this.$t('taskStatus'),
|
title: this.$t('beforethesoftwareversionupgraded'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'statusShow',
|
dataIndex: 'beforethesoftwareversionupgraded',
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
width: 170
|
width: 170
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: this.$t('operation'),
|
title: this.$t('afterthesoftwareversionupgraded'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
fixed: 'right',
|
dataIndex: 'afterthesoftwareversionupgraded',
|
||||||
width: 120,
|
ellipsis: true,
|
||||||
scopedSlots: { customRender: 'operation' }
|
width: 170
|
||||||
}
|
},
|
||||||
],
|
{
|
||||||
selectedRowKeys: [],
|
title: this.$t('beforetheOSversionupgraded'),
|
||||||
pageSize: 10,
|
align: 'left',
|
||||||
pageNo: 1,
|
dataIndex: 'beforetheOSversionupgraded',
|
||||||
total: 0
|
ellipsis: true,
|
||||||
}
|
width: 170
|
||||||
},
|
},
|
||||||
mounted() {
|
{
|
||||||
this.getList()
|
title: this.$t('aftertheoperatingsystemversionupgraded'),
|
||||||
},
|
align: 'left',
|
||||||
methods: {
|
dataIndex: 'aftertheoperatingsystemversionupgraded',
|
||||||
monitoringProcessClick(row){
|
ellipsis: true,
|
||||||
let newUrl = this.$router.resolve({
|
width: 170
|
||||||
path: '/processDetails',
|
},
|
||||||
query: {
|
{
|
||||||
prcNum: row.prcNum,
|
title: this.$t('softwaredevelopmententerprise'),
|
||||||
prcType:row.flowType,
|
align: 'left',
|
||||||
prcId:row.actiProcInstId,
|
dataIndex: 'softwaredevelopmententerprise',
|
||||||
}
|
ellipsis: true,
|
||||||
})
|
width: 170
|
||||||
window.open(newUrl.href, '_blank')
|
},
|
||||||
},
|
{
|
||||||
RelatedItemsClick(item) {
|
title: this.$t('initialpackageforintegrityinflammatorydata'),
|
||||||
let newUrl = this.$router.resolve({
|
align: 'left',
|
||||||
path: '/ProjectDetails',
|
dataIndex: 'initialpackageforintegrityinflammatorydata',
|
||||||
query: {
|
ellipsis: true,
|
||||||
id: item.projectLibraryId,
|
width: 170
|
||||||
projectName: item.projectName,
|
},
|
||||||
projectNameId: item.projectNameId,
|
{
|
||||||
targetMarket: item.targetMarket,
|
title: this.$t('upgradepackageintegrityverificationdata'),
|
||||||
studioEngineer:item.studioEngineer,
|
align: 'left',
|
||||||
}
|
dataIndex: 'upgradepackageintegrityverificationdata',
|
||||||
})
|
ellipsis: true,
|
||||||
window.open(newUrl.href, '_blank')
|
width: 170
|
||||||
},
|
},
|
||||||
standardInformationClick(item){
|
{
|
||||||
let newUrl = this.$router.resolve({
|
title: this.$t('upgradepackagesize'),
|
||||||
path: '/docManage/library/detail',
|
align: 'left',
|
||||||
query: {
|
dataIndex: 'upgradepackagesize',
|
||||||
id: item.bussDocumentLibraryId,
|
ellipsis: true,
|
||||||
}
|
width: 170
|
||||||
})
|
},
|
||||||
window.open(newUrl.href, '_blank')
|
{
|
||||||
},
|
title: this.$t('differentialupgradeornot'),
|
||||||
viewClick(row) {
|
align: 'left',
|
||||||
let query = {}
|
dataIndex: 'differentialupgradeornot',
|
||||||
row.router = this.$route.path
|
ellipsis: true,
|
||||||
if (row.flowType == '1') {
|
width: 170
|
||||||
query = {
|
},
|
||||||
taskDefinitionKey:row.taskDefinitionKey,
|
]
|
||||||
taskIds:row.taskId,
|
},
|
||||||
prcType:row.flowType,
|
{
|
||||||
prcNum:row.prcNum,
|
title: this.$t('operation'),
|
||||||
isTrue:false,
|
align: 'left',
|
||||||
}
|
fixed: 'right',
|
||||||
let newUrl = this.$router.resolve({
|
width: 200,
|
||||||
path: '/handshakeProcess',
|
scopedSlots: { customRender: 'operation' }
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}else if(row.flowType == '10'){
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/ProjectDetails',
|
|
||||||
query: {
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
projectName: row.projectName,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
studioEngineer:row.studioEngineer,
|
|
||||||
type:'102',
|
|
||||||
}
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}else if(row.flowType == '2'){
|
|
||||||
row.taskId = row.taskId + ''
|
|
||||||
if (row.taskId.length > 30) {
|
|
||||||
row.taskId = ''
|
|
||||||
}
|
|
||||||
query = {
|
|
||||||
router: row.router,
|
|
||||||
taskIds:row.taskId,
|
|
||||||
actiProcInstId: row.actiProcInstId,
|
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
|
||||||
projectLibraryId:row.projectLibraryId,
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
studioEngineer: row.studioEngineer,
|
|
||||||
serialNumber: row.serialNumber,
|
|
||||||
TaskKey: row.taskDefinitionKey,
|
|
||||||
isDisplay: false,
|
|
||||||
flowType: 2,
|
|
||||||
Sponsor: 'designInitiatorName',
|
|
||||||
personLiable: 'designDutyName',
|
|
||||||
typeOfDeliverables: 'designDeliverableTypeName',
|
|
||||||
deliverableTemplate: 'designDeliverableTemplate',
|
|
||||||
DueDate: 'designDueDate',
|
|
||||||
remarks: 'designRemark',
|
|
||||||
projectName: row.projectName,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
primaryKeyId: row.primaryKeyId,
|
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/taskListProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}else if(row.flowType == '3'){
|
|
||||||
row.taskId = row.taskId + ''
|
|
||||||
if (row.taskId.length > 30) {
|
|
||||||
row.taskId = ''
|
|
||||||
}
|
|
||||||
query = {
|
|
||||||
router: row.router,
|
|
||||||
taskIds:row.taskId,
|
|
||||||
actiProcInstId: row.actiProcInstId,
|
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
|
||||||
studioEngineer: row.studioEngineer,
|
|
||||||
projectLibraryId:row.projectLibraryId,
|
|
||||||
serialNumber: row.serialNumber,
|
|
||||||
TaskKey: row.taskDefinitionKey,
|
|
||||||
flowType: 3,
|
|
||||||
isDisplay: false,
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
Sponsor: 'prehomoInitiatorName',
|
|
||||||
personLiable: 'prehomoDutyName',
|
|
||||||
typeOfDeliverables: 'prehomoDeliverableTypeName',
|
|
||||||
deliverableTemplate: 'prehomoDeliverableTemplate',
|
|
||||||
DueDate: 'prehomoDueDate',
|
|
||||||
remarks: 'prehomoRemark',
|
|
||||||
projectName: row.projectName,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
primaryKeyId: row.primaryKeyId,
|
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/taskListProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}else if(row.flowType == '4'){
|
|
||||||
row.taskId = row.taskId + ''
|
|
||||||
if (row.taskId.length > 30) {
|
|
||||||
row.taskId = ''
|
|
||||||
}
|
|
||||||
query = {
|
|
||||||
router: row.router,
|
|
||||||
taskIds: row.taskId,
|
|
||||||
actiProcInstId: row.actiProcInstId,
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
projectLibraryId: row.projectLibraryId,
|
|
||||||
studioEngineer: row.studioEngineer,
|
|
||||||
serialNumber: row.serialNumber,
|
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
|
||||||
TaskKey: row.taskDefinitionKey,
|
|
||||||
flowType: 4,
|
|
||||||
isDisplay: false,
|
|
||||||
Sponsor: 'verifyInitiatorName',
|
|
||||||
personLiable: 'verifyDutyName',
|
|
||||||
typeOfDeliverables: 'verifyDeliverableTypeName',
|
|
||||||
deliverableTemplate: 'verifyDeliverableTemplate',
|
|
||||||
DueDate: 'verifyDueDate',
|
|
||||||
remarks: 'verifyRemark',
|
|
||||||
projectName: row.projectName,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
primaryKeyId: row.primaryKeyId,
|
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/taskListProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}
|
}
|
||||||
},
|
],
|
||||||
searchQuery(value) {
|
|
||||||
this.queryParam = value
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
searchReset() {
|
|
||||||
this.queryParam = {}
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
pageOnChange(page) {
|
|
||||||
this.pageNo = page
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
SizeChange(page, pageSize) {
|
|
||||||
this.pageNo = 1
|
|
||||||
this.pageSize = pageSize
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
let queryParam = JSON.parse(JSON.stringify(this.queryParam))
|
|
||||||
Object.keys(queryParam).forEach(val => {
|
|
||||||
if (queryParam[val] instanceof Array) {
|
|
||||||
queryParam[val] = queryParam[val].join(',')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
let query = {
|
|
||||||
pageNo: this.pageNo,
|
|
||||||
pageSize: this.pageSize,
|
|
||||||
...queryParam
|
|
||||||
}
|
|
||||||
this.loading = true
|
|
||||||
getAction(this.url.list, query).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
if (res.result.current > 1 && res.result.records.length == 0) {
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.dataSource = res.result.records || []
|
|
||||||
this.total = res.result.total
|
|
||||||
this.loading = false
|
|
||||||
} else {
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
clickButtonToUpload(item) {
|
||||||
|
this.$refs.uploadFile.perentHandleFunc()
|
||||||
|
this.$refs.uploadFile.visible = true
|
||||||
|
this.uploadName = item
|
||||||
|
getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.$refs.uploadFile.perentHandleFunc(res.result)
|
||||||
|
} else {
|
||||||
|
this.$refs.uploadFile.perentHandleFunc()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
let queryParam = JSON.parse(JSON.stringify(this.queryParam))
|
||||||
|
Object.keys(queryParam).forEach(val => {
|
||||||
|
if (queryParam[val] instanceof Array) {
|
||||||
|
queryParam[val] = queryParam[val].join(',')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
let query = {
|
||||||
|
pageNo: this.pageNo,
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
...queryParam
|
||||||
|
}
|
||||||
|
this.loading = true
|
||||||
|
getAction(this.url.list, query).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
if (res.result.current > 1 && res.result.records.length == 0) {
|
||||||
|
this.pageNo = 1
|
||||||
|
this.getList()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.dataSource = res.result.records || []
|
||||||
|
this.total = res.result.total
|
||||||
|
this.loading = false
|
||||||
|
} else {
|
||||||
|
this.loading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
last(){
|
||||||
|
this.$emit('upgradedonlineup')
|
||||||
|
},
|
||||||
|
next(){
|
||||||
|
this.$emit('upgradedonlinedown')
|
||||||
|
},
|
||||||
|
uploadSuccess(data) {
|
||||||
|
let attIdList = []
|
||||||
|
if (data && data.length > 0) {
|
||||||
|
data.map(item => {
|
||||||
|
attIdList.push({
|
||||||
|
id:item.id,
|
||||||
|
fileName:item.fileName
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 赋值给当前对应的表单文件 */
|
||||||
|
this.fileList.uploadName = attIdList
|
||||||
|
this.fileList.certifyingmaterials = this.$t('viewFile')
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style lang='less' scoped>
|
||||||
@import '~@assets/less/common.less';
|
@import '~@assets/less/common.less';
|
||||||
.page {
|
|
||||||
text-align: right;
|
.box {
|
||||||
margin-top: 20px;
|
padding: 0 24px 24px 24px;
|
||||||
}
|
box-sizing: border-box;
|
||||||
.text-operation{
|
}
|
||||||
margin-right: 8px;
|
|
||||||
}
|
.bootom-button{
|
||||||
|
text-align: center!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-operation{
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-table-row-cell-ellipsis .ant-table-column-title {
|
||||||
|
white-space: pre-wrap!important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
+448
-348
@@ -1,366 +1,466 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<a-table
|
<div class="table-operator">
|
||||||
ref="table"
|
<div class="operator-text">
|
||||||
size="middle"
|
<a-icon type="import" :rotate="270"/>
|
||||||
:components="drag(columns,'columns')"
|
{{$t('dataimport')}}
|
||||||
:loading="loading"
|
</div>
|
||||||
:pagination="false"
|
<div class="operator-text">
|
||||||
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
<a-icon type="download"/>
|
||||||
rowKey="id"
|
{{$t('templateDownload')}}
|
||||||
:data-source="dataSource"
|
</div>
|
||||||
:columns="columns"
|
|
||||||
>
|
|
||||||
<!-- -->
|
|
||||||
<span slot="operation" slot-scope="text,record">
|
|
||||||
<a class="text-operation" v-if="record.flowType != '10'"
|
|
||||||
@click="monitoringProcessClick(record)">{{$t('monitoringProcess')}}</a>
|
|
||||||
<a class="text-operation"
|
|
||||||
@click="viewClick(record)">{{$t('view')}}</a>
|
|
||||||
</span>
|
|
||||||
<span slot="RelatedItems" slot-scope="text,record">
|
|
||||||
<a @click="RelatedItemsClick(record)" :title="text">{{text}}</a>
|
|
||||||
</span>
|
|
||||||
<span slot="standardInformation" slot-scope="text,record">
|
|
||||||
<a @click="standardInformationClick(record)" v-if="text && text != '--'" :title="text">
|
|
||||||
{{text}}
|
|
||||||
</a>
|
|
||||||
<span v-else>--</span>
|
|
||||||
</span>
|
|
||||||
</a-table>
|
|
||||||
<div class="page" v-if="dataSource && dataSource.length > 0">
|
|
||||||
<a-pagination
|
|
||||||
:show-total="total => $t('total')+` ${total} `+$t('strip')"
|
|
||||||
show-quick-jumper
|
|
||||||
show-size-changer
|
|
||||||
:page-size.sync="pageSize"
|
|
||||||
:total="total"
|
|
||||||
:current="pageNo"
|
|
||||||
@change="pageOnChange"
|
|
||||||
@showSizeChange="SizeChange"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<a-layout style='margin-bottom: 48px;'>
|
||||||
|
<a-layout style='height: 60px'>
|
||||||
|
<a-layout-sider style='border: black solid 1px;'>
|
||||||
|
<span class='sider-span1'>{{$t('upgradePurpose')}}</span>
|
||||||
|
</a-layout-sider>
|
||||||
|
<a-layout-content style='border: black solid 1px;border-left: none;border-bottom: none;'>
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disable"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</a-layout-content>
|
||||||
|
</a-layout>
|
||||||
|
<a-layout>
|
||||||
|
<a-layout-sider style='border: black solid 1px;border-top: none;border-bottom: none'>
|
||||||
|
<span class='sider-span'>{{$t('impactassessmentofupgradeactivities')}}</span>
|
||||||
|
</a-layout-sider>
|
||||||
|
<a-layout-content style='max-width: 522px'>
|
||||||
|
<span class='content-text' :title="$t('correspondingvehicletype')">{{$t('correspondingvehicletype')}}</span>
|
||||||
|
<span class='content-text' :title="$t('technicalperformancechanges')">{{$t('technicalperformancechanges')}}</span>
|
||||||
|
<span class='content-text' :title="$t('technicalstandardsandsafetytechnicalconditions')">{{$t('technicalstandardsandsafetytechnicalconditions')}}</span>
|
||||||
|
<span class='content-text' :title="$t('autoautonomousdrivingfunction')">{{$t('autoautonomousdrivingfunction')}}</span>
|
||||||
|
</a-layout-content>
|
||||||
|
<a-layout-content style='width: 5.5%'>
|
||||||
|
<span class='content-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='content-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='content-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='content-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
</a-layout-content>
|
||||||
|
<a-layout-content style='border: black solid 1px;border-left: none;border-bottom: none;max-width: 522px'>
|
||||||
|
<a-button style='margin-top: 20%;margin-left: 10%;' @click="clickButtonToUpload" type="primary">{{$t('uploadattachment')}}</a-button>
|
||||||
|
</a-layout-content>
|
||||||
|
</a-layout>
|
||||||
|
<div class='box-layout'>
|
||||||
|
<div class='layout-box'>
|
||||||
|
<span class='box-text' :title="$t('vehiclepriortothereleaseoftheupgrade')">{{$t('vehiclepriortothereleaseoftheupgrade')}}</span>
|
||||||
|
<span class='box-text' :title="$t('conditionsareupgradesperformed')">{{$t('conditionsareupgradesperformed')}}</span>
|
||||||
|
<span class='box-text' :title="$t('upgradefailureorinterruption')">{{$t('upgradefailureorinterruption')}}</span>
|
||||||
|
<span class='box-text' :title="$t('upgradeactivitiesaffectvehiclesafety')">{{$t('upgradeactivitiesaffectvehiclesafety')}}</span>
|
||||||
|
<span class='box-text' :title="$t('upgradeactivityprovidesuserconfirmationoptions')">{{$t('upgradeactivityprovidesuserconfirmationoptions')}}</span>
|
||||||
|
<span class='box-text' :title="$t('upgradepackagetest')">{{$t('upgradepackagetest')}}</span>
|
||||||
|
<span class='box-text' style='border-bottom: black solid 1px' :title="$t('reliabilityofonlineupgradeactivities')">{{$t('reliabilityofonlineupgradeactivities')}}</span>
|
||||||
|
</div>
|
||||||
|
<div class='layout-box-second'>
|
||||||
|
<span class='box-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='box-text'>
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
style='margin-top: 2px'
|
||||||
|
:disabled="disable"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</span>
|
||||||
|
<span class='box-text'>
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
style='margin-top: 2px'
|
||||||
|
:disabled="disable"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</span>
|
||||||
|
<span class='box-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='box-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='box-text'>
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
style='margin-top: 2px'
|
||||||
|
:disabled="disable"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</span>
|
||||||
|
<span class='box-text' style='border-bottom: black solid 1px'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class='layout-box-three'>
|
||||||
|
<a-button style='margin-top: 20%;margin-left: 10%;' @click="clickButtonToUpload" type="primary">{{$t('uploadattachment')}}</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-layout>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
||||||
|
<a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
|
||||||
|
<a-button type="primary" style='width: 73px' @click='next'>{{$t('next')}}</a-button>
|
||||||
|
</div>
|
||||||
|
<uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFile>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getAction, postAction, deleteAction } from '@/api/manage'
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
import uploadFile from '@/components/uploadFile/file'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'safetyPrecautions',
|
name: 'beupgradedonline',
|
||||||
mixins:[ResizeHeader, ResizeColumnProvide],
|
components:{
|
||||||
data() {
|
uploadFile
|
||||||
return {
|
},
|
||||||
dataSource: [],
|
data() {
|
||||||
loading: false,
|
return {
|
||||||
columns: [
|
dataSource: [
|
||||||
{
|
{
|
||||||
title: this.$t('RelatedItems'),
|
key:1,
|
||||||
align: 'left',
|
functionname:'ceshi',
|
||||||
dataIndex: 'projectName',
|
}
|
||||||
scopedSlots: { customRender: 'RelatedItems' },
|
],
|
||||||
ellipsis: true,
|
loading: false,
|
||||||
width: 170
|
disable:false,
|
||||||
},
|
columns: [
|
||||||
{
|
{
|
||||||
title: this.$t('standardInformation'),
|
title: this.$t('systemname'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'standardInfo',
|
dataIndex: 'systemname',
|
||||||
scopedSlots: { customRender: 'standardInformation' },
|
ellipsis: true,
|
||||||
ellipsis: true,
|
width: 170
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('taskType'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'flowTypeShow',
|
|
||||||
ellipsis: true,
|
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('LastProcessor'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'lastAssigneeName',
|
|
||||||
ellipsis: true,
|
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('CurrentProcessor'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'assigneeName',
|
|
||||||
ellipsis: true,
|
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('TaskCutOffTime'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'endTime',
|
|
||||||
ellipsis: true,
|
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('taskStatus'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'statusShow',
|
|
||||||
ellipsis: true,
|
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('operation'),
|
|
||||||
align: 'left',
|
|
||||||
fixed: 'right',
|
|
||||||
width: 120,
|
|
||||||
scopedSlots: { customRender: 'operation' }
|
|
||||||
}
|
|
||||||
],
|
|
||||||
selectedRowKeys: [],
|
|
||||||
pageSize: 10,
|
|
||||||
pageNo: 1,
|
|
||||||
total: 0,
|
|
||||||
url: {
|
|
||||||
list: '/todoCenter/projectProcess/issuedProcess'
|
|
||||||
},
|
},
|
||||||
queryParam: {}
|
{
|
||||||
}
|
title: this.$t('adjustmentofchangedBulletinparameters'),
|
||||||
},
|
align: 'left',
|
||||||
mounted() {
|
dataIndex: 'adjustmentofchangedBulletinparameters',
|
||||||
this.getList()
|
ellipsis: true,
|
||||||
},
|
width: 170,
|
||||||
methods: {
|
children: [
|
||||||
monitoringProcessClick(row) {
|
{
|
||||||
let newUrl = this.$router.resolve({
|
title: this.$t('preupgrade'),
|
||||||
path: '/processDetails',
|
align: 'left',
|
||||||
query: {
|
dataIndex: 'preupgrade',
|
||||||
prcNum: row.prcNum,
|
scopedSlots: { customRender: 'preupgrade' },
|
||||||
prcType: row.flowType,
|
ellipsis: true,
|
||||||
prcId: row.actiProcInstId
|
width: 170
|
||||||
}
|
},
|
||||||
})
|
{
|
||||||
window.open(newUrl.href, '_blank')
|
title: this.$t('afterupgrade'),
|
||||||
},
|
align: 'left',
|
||||||
RelatedItemsClick(item) {
|
dataIndex: 'afterupgrade',
|
||||||
let newUrl = this.$router.resolve({
|
scopedSlots: { customRender: 'afterupgrade' },
|
||||||
path: '/ProjectDetails',
|
ellipsis: true,
|
||||||
query: {
|
width: 170
|
||||||
id: item.projectLibraryId,
|
},
|
||||||
projectName: item.projectName,
|
]
|
||||||
projectNameId: item.projectNameId,
|
},
|
||||||
targetMarket: item.targetMarket,
|
{
|
||||||
studioEngineer: item.studioEngineer
|
title: this.$t('controllerparameter'),
|
||||||
}
|
align: 'left',
|
||||||
})
|
dataIndex: 'controllerparameter',
|
||||||
window.open(newUrl.href, '_blank')
|
ellipsis: true,
|
||||||
},
|
width: 170,
|
||||||
standardInformationClick(item) {
|
children: [
|
||||||
let newUrl = this.$router.resolve({
|
{
|
||||||
path: '/docManage/library/detail',
|
title: this.$t('nameoftheupgradedelectroniccontroller'),
|
||||||
query: {
|
align: 'left',
|
||||||
id: item.bussDocumentLibraryId
|
dataIndex: 'nameoftheupgradedelectroniccontroller',
|
||||||
}
|
ellipsis: true,
|
||||||
})
|
width: 170
|
||||||
window.open(newUrl.href, '_blank')
|
},
|
||||||
},
|
{
|
||||||
viewClick(row) {
|
title: this.$t('adaptivehardwareversion'),
|
||||||
let query = {}
|
align: 'left',
|
||||||
row.router = this.$route.path
|
dataIndex: 'adaptivehardwareversion',
|
||||||
if (row.flowType == '1') {
|
ellipsis: true,
|
||||||
query = {
|
width: 170
|
||||||
taskDefinitionKey: row.taskDefinitionKey,
|
},
|
||||||
taskIds: row.taskId,
|
{
|
||||||
prcType: row.flowType,
|
title: this.$t('beforethesoftwareversionupgraded'),
|
||||||
prcNum: row.prcNum,
|
align: 'left',
|
||||||
isTrue: false
|
dataIndex: 'beforethesoftwareversionupgraded',
|
||||||
}
|
ellipsis: true,
|
||||||
let newUrl = this.$router.resolve({
|
width: 170
|
||||||
path: '/handshakeProcess',
|
},
|
||||||
query: query
|
{
|
||||||
})
|
title: this.$t('afterthesoftwareversionupgraded'),
|
||||||
window.open(newUrl.href, '_blank')
|
align: 'left',
|
||||||
} else if (row.flowType == '10') {
|
dataIndex: 'afterthesoftwareversionupgraded',
|
||||||
let newUrl = this.$router.resolve({
|
ellipsis: true,
|
||||||
path: '/ProjectDetails',
|
width: 170
|
||||||
query: {
|
},
|
||||||
id: row.projectLibraryId,
|
{
|
||||||
projectName: row.projectName,
|
title: this.$t('beforetheOSversionupgraded'),
|
||||||
projectNameId: row.projectNameId,
|
align: 'left',
|
||||||
targetMarket: row.targetMarket,
|
dataIndex: 'beforetheOSversionupgraded',
|
||||||
studioEngineer: row.studioEngineer,
|
ellipsis: true,
|
||||||
type: '102'
|
width: 170
|
||||||
}
|
},
|
||||||
})
|
{
|
||||||
window.open(newUrl.href, '_blank')
|
title: this.$t('aftertheoperatingsystemversionupgraded'),
|
||||||
} else if (row.flowType == '2') {
|
align: 'left',
|
||||||
row.taskId = row.taskId + ''
|
dataIndex: 'aftertheoperatingsystemversionupgraded',
|
||||||
if (row.taskId.length > 30) {
|
ellipsis: true,
|
||||||
row.taskId = ''
|
width: 170
|
||||||
}
|
},
|
||||||
query = {
|
{
|
||||||
router: row.router,
|
title: this.$t('softwablackevelopmententerprise'),
|
||||||
taskIds: row.taskId,
|
align: 'left',
|
||||||
actiProcInstId: row.actiProcInstId,
|
dataIndex: 'softwablackevelopmententerprise',
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
ellipsis: true,
|
||||||
projectLibraryId: row.projectLibraryId,
|
width: 170
|
||||||
id: row.projectLibraryId,
|
},
|
||||||
studioEngineer: row.studioEngineer,
|
{
|
||||||
serialNumber: row.serialNumber,
|
title: this.$t('initialpackageforintegrityinflammatorydata'),
|
||||||
TaskKey: row.taskDefinitionKey,
|
align: 'left',
|
||||||
isDisplay: false,
|
dataIndex: 'initialpackageforintegrityinflammatorydata',
|
||||||
flowType: 2,
|
ellipsis: true,
|
||||||
Sponsor: 'designInitiatorName',
|
width: 170
|
||||||
personLiable: 'designDutyName',
|
},
|
||||||
typeOfDeliverables: 'designDeliverableTypeName',
|
{
|
||||||
deliverableTemplate: 'designDeliverableTemplate',
|
title: this.$t('upgradepackageintegrityverificationdata'),
|
||||||
DueDate: 'designDueDate',
|
align: 'left',
|
||||||
remarks: 'designRemark',
|
dataIndex: 'upgradepackageintegrityverificationdata',
|
||||||
projectName: row.projectName,
|
ellipsis: true,
|
||||||
targetMarket: row.targetMarket,
|
width: 170
|
||||||
projectNameId: row.projectNameId,
|
},
|
||||||
primaryKeyId: row.primaryKeyId,
|
{
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
title: this.$t('upgradepackagesize'),
|
||||||
}
|
align: 'left',
|
||||||
let newUrl = this.$router.resolve({
|
dataIndex: 'upgradepackagesize',
|
||||||
path: '/taskListProcess',
|
ellipsis: true,
|
||||||
query: query
|
width: 170
|
||||||
})
|
},
|
||||||
window.open(newUrl.href, '_blank')
|
{
|
||||||
} else if (row.flowType == '3') {
|
title: this.$t('differentialupgradeornot'),
|
||||||
row.taskId = row.taskId + ''
|
align: 'left',
|
||||||
if (row.taskId.length > 30) {
|
dataIndex: 'differentialupgradeornot',
|
||||||
row.taskId = ''
|
ellipsis: true,
|
||||||
}
|
width: 170
|
||||||
query = {
|
},
|
||||||
router: row.router,
|
]
|
||||||
taskIds: row.taskId,
|
},
|
||||||
actiProcInstId: row.actiProcInstId,
|
{
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
title: this.$t('operation'),
|
||||||
studioEngineer: row.studioEngineer,
|
align: 'left',
|
||||||
projectLibraryId: row.projectLibraryId,
|
fixed: 'right',
|
||||||
serialNumber: row.serialNumber,
|
width: 200,
|
||||||
TaskKey: row.taskDefinitionKey,
|
scopedSlots: { customRender: 'operation' }
|
||||||
flowType: 3,
|
|
||||||
isDisplay: false,
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
Sponsor: 'prehomoInitiatorName',
|
|
||||||
personLiable: 'prehomoDutyName',
|
|
||||||
typeOfDeliverables: 'prehomoDeliverableTypeName',
|
|
||||||
deliverableTemplate: 'prehomoDeliverableTemplate',
|
|
||||||
DueDate: 'prehomoDueDate',
|
|
||||||
remarks: 'prehomoRemark',
|
|
||||||
projectName: row.projectName,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
primaryKeyId: row.primaryKeyId,
|
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/taskListProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
} else if (row.flowType == '4') {
|
|
||||||
row.taskId = row.taskId + ''
|
|
||||||
if (row.taskId.length > 30) {
|
|
||||||
row.taskId = ''
|
|
||||||
}
|
|
||||||
query = {
|
|
||||||
router: row.router,
|
|
||||||
taskIds: row.taskId,
|
|
||||||
actiProcInstId: row.actiProcInstId,
|
|
||||||
id: row.projectLibraryId,
|
|
||||||
projectLibraryId: row.projectLibraryId,
|
|
||||||
studioEngineer: row.studioEngineer,
|
|
||||||
serialNumber: row.serialNumber,
|
|
||||||
projectTaskInventoryId: row.projectLawsInventoryId,
|
|
||||||
TaskKey: row.taskDefinitionKey,
|
|
||||||
flowType: 4,
|
|
||||||
isDisplay: false,
|
|
||||||
Sponsor: 'verifyInitiatorName',
|
|
||||||
personLiable: 'verifyDutyName',
|
|
||||||
typeOfDeliverables: 'verifyDeliverableTypeName',
|
|
||||||
deliverableTemplate: 'verifyDeliverableTemplate',
|
|
||||||
DueDate: 'verifyDueDate',
|
|
||||||
remarks: 'verifyRemark',
|
|
||||||
projectName: row.projectName,
|
|
||||||
targetMarket: row.targetMarket,
|
|
||||||
projectNameId: row.projectNameId,
|
|
||||||
primaryKeyId: row.primaryKeyId,
|
|
||||||
PersonChargeFeedback: row.personChargeFeedback
|
|
||||||
}
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/taskListProcess',
|
|
||||||
query: query
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
}
|
}
|
||||||
},
|
],
|
||||||
searchQuery(value) {
|
|
||||||
this.queryParam = value
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
searchReset() {
|
|
||||||
this.queryParam = {}
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
pageOnChange(page) {
|
|
||||||
this.pageNo = page
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
SizeChange(page, pageSize) {
|
|
||||||
this.pageNo = 1
|
|
||||||
this.pageSize = pageSize
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
getList() {
|
|
||||||
let queryParam = JSON.parse(JSON.stringify(this.queryParam))
|
|
||||||
Object.keys(queryParam).forEach(val => {
|
|
||||||
if (queryParam[val] instanceof Array) {
|
|
||||||
queryParam[val] = queryParam[val].join(',')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
let query = {
|
|
||||||
pageNo: this.pageNo,
|
|
||||||
pageSize: this.pageSize,
|
|
||||||
...queryParam
|
|
||||||
}
|
|
||||||
this.loading = true
|
|
||||||
getAction(this.url.list, query).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
if (res.result.current > 1 && res.result.records.length == 0) {
|
|
||||||
this.pageNo = 1
|
|
||||||
this.getList()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.dataSource = res.result.records || []
|
|
||||||
this.total = res.result.total
|
|
||||||
this.loading = false
|
|
||||||
} else {
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
clickButtonToUpload(item) {
|
||||||
|
this.$refs.uploadFile.perentHandleFunc()
|
||||||
|
this.$refs.uploadFile.visible = true
|
||||||
|
this.uploadName = item
|
||||||
|
getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.$refs.uploadFile.perentHandleFunc(res.result)
|
||||||
|
} else {
|
||||||
|
this.$refs.uploadFile.perentHandleFunc()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
let queryParam = JSON.parse(JSON.stringify(this.queryParam))
|
||||||
|
Object.keys(queryParam).forEach(val => {
|
||||||
|
if (queryParam[val] instanceof Array) {
|
||||||
|
queryParam[val] = queryParam[val].join(',')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
let query = {
|
||||||
|
pageNo: this.pageNo,
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
...queryParam
|
||||||
|
}
|
||||||
|
this.loading = true
|
||||||
|
getAction(this.url.list, query).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
if (res.result.current > 1 && res.result.records.length == 0) {
|
||||||
|
this.pageNo = 1
|
||||||
|
this.getList()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.dataSource = res.result.records || []
|
||||||
|
this.total = res.result.total
|
||||||
|
this.loading = false
|
||||||
|
} else {
|
||||||
|
this.loading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
last(){
|
||||||
|
this.$emit('safetyPrecautionsup')
|
||||||
|
},
|
||||||
|
next(){
|
||||||
|
this.$emit('safetyPrecautionsdown')
|
||||||
|
},
|
||||||
|
uploadSuccess(data) {
|
||||||
|
let attIdList = []
|
||||||
|
if (data && data.length > 0) {
|
||||||
|
data.map(item => {
|
||||||
|
attIdList.push({
|
||||||
|
id:item.id,
|
||||||
|
fileName:item.fileName
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/** 赋值给当前对应的表单文件 */
|
||||||
|
this.fileList.uploadName = attIdList
|
||||||
|
this.fileList.certifyingmaterials = this.$t('viewFile')
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style lang='less' scoped>
|
||||||
@import '~@assets/less/common.less';
|
@import '~@assets/less/common.less';
|
||||||
.page {
|
|
||||||
text-align: right;
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-operation {
|
.box {
|
||||||
margin-right: 8px;
|
padding: 0 24px 24px 24px;
|
||||||
}
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
/*/deep/.ant-table-column-title{*/
|
.bootom-button{
|
||||||
/* font-weight: bold!important;*/
|
text-align: center!important;
|
||||||
/*}*/
|
}
|
||||||
|
|
||||||
/*/deep/.ant-table-thead > tr > th {*/
|
.text-operation{
|
||||||
/* background: #f3f6f6;*/
|
margin-right: 8px;
|
||||||
/*}*/
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 70%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 10px;
|
||||||
|
margin-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-table-row-cell-ellipsis .ant-table-column-title {
|
||||||
|
white-space: pre-wrap!important;
|
||||||
|
}
|
||||||
|
#components-layout-demo-basic {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
::v-deep .ant-layout-footer {
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
::v-deep .ant-layout-sider {
|
||||||
|
line-height: 50px;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
::v-deep .ant-layout-content {
|
||||||
|
min-height: 60px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
//::v-deep > .ant-layout {
|
||||||
|
// margin-bottom: 48px;
|
||||||
|
//}
|
||||||
|
::v-deep > .ant-layout:last-child {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.content-text{
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
border: black solid 1px;
|
||||||
|
border-left: none;
|
||||||
|
border-bottom: none;
|
||||||
|
vertical-align: top;
|
||||||
|
overflow: hidden; /*超出部分隐藏*/
|
||||||
|
text-overflow: ellipsis; /*超出部分省略号表示*/
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
//::v-deep .sider .ant-layout-sider .ant-layout-sider-dark{
|
||||||
|
// min-width: 723px !important;
|
||||||
|
// mmax-width: 723px !important;
|
||||||
|
// width: 723px !important;
|
||||||
|
// flex: 0 0 200px;
|
||||||
|
//}
|
||||||
|
.box-layout{
|
||||||
|
display: flex;
|
||||||
|
//justify-content: space-between;
|
||||||
|
}
|
||||||
|
.layout-box{
|
||||||
|
width: 721px;
|
||||||
|
height:350px;
|
||||||
|
}
|
||||||
|
.layout-box-second{
|
||||||
|
max-width: 425.859px;
|
||||||
|
width:32.5%;
|
||||||
|
height:350px;
|
||||||
|
}
|
||||||
|
.layout-box-three{
|
||||||
|
border: black solid 1px;
|
||||||
|
max-width: 427.859px;
|
||||||
|
min-width: 227.859px;
|
||||||
|
width: 427.859px;
|
||||||
|
height:350px;
|
||||||
|
}
|
||||||
|
.box-text{
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
border: black solid 1px;
|
||||||
|
vertical-align: top;
|
||||||
|
border-right: none;
|
||||||
|
border-bottom: none;
|
||||||
|
overflow: hidden; /*超出部分隐藏*/
|
||||||
|
text-overflow: ellipsis; /*超出部分省略号表示*/
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.sider-span{
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
margin-top: 74px;
|
||||||
|
}
|
||||||
|
.sider-span1{
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
+2
-2
@@ -113,10 +113,10 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
next(){
|
next(){
|
||||||
this.$emit('upgradeRequirementsdown')
|
this.$emit('recordparametersdown')
|
||||||
},
|
},
|
||||||
last(){
|
last(){
|
||||||
this.$emit('upgradeRequirementsup')
|
this.$emit('recordparametersup')
|
||||||
},
|
},
|
||||||
dateChange(item) {
|
dateChange(item) {
|
||||||
this.formInline[item.db_field_name] = this.formInline[item.db_field_name] ? moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD') : ''
|
this.formInline[item.db_field_name] = this.formInline[item.db_field_name] ? moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD') : ''
|
||||||
|
|||||||
@@ -7,21 +7,26 @@
|
|||||||
<a-icon type="form"/>
|
<a-icon type="form"/>
|
||||||
{{$t('fillintherecord')}}
|
{{$t('fillintherecord')}}
|
||||||
</div>
|
</div>
|
||||||
|
<div @click="historicalrecordClick"
|
||||||
|
class="operator-text">
|
||||||
|
<a-icon type="copy"/>
|
||||||
|
{{$t('historicalrecord')}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-tabs class="tabs" v-model="tabActive" @change="callback">
|
<a-tabs class="tabs" v-model="tabActive" @change="callback">
|
||||||
<a-tab-pane :key="$t('upgradetargetmodel')" :tab="$t('upgradetargetmodel')">
|
<a-tab-pane disabled :key="$t('upgradetargetmodel')" :tab="$t('upgradetargetmodel')">
|
||||||
<upgradetargetmodel v-if="tabActive == $t('upgradetargetmodel')" @basicInformationForm='basicInformationForm' ref="dealtWithRef"/>
|
<upgradetargetmodel v-if="tabActive == $t('upgradetargetmodel')" @basicInformationForm='basicInformationForm' ref="dealtWithRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('thetargetvehicleofthisupgrade')" :tab="$t('thetargetvehicleofthisupgrade')">
|
<a-tab-pane disabled :key="$t('thetargetvehicleofthisupgrade')" :tab="$t('thetargetvehicleofthisupgrade')">
|
||||||
<thetargetvehicleofthisupgrade v-if="tabActive == $t('thetargetvehicleofthisupgrade')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef"/>
|
<thetargetvehicleofthisupgrade v-if="tabActive == $t('thetargetvehicleofthisupgrade')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('upgradeimpactassessment')" :tab="$t('upgradeimpactassessment')">
|
<a-tab-pane disabled :key="$t('upgradeimpactassessment')" :tab="$t('upgradeimpactassessment')">
|
||||||
<upgradeimpactassessment v-if="tabActive == $t('upgradeimpactassessment')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef"/>
|
<upgradeimpactassessment v-if="tabActive == $t('upgradeimpactassessment')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('upgradehavechanged')" :tab="$t('upgradehavechanged')">
|
<a-tab-pane disabled :key="$t('upgradehavechanged')" :tab="$t('upgradehavechanged')">
|
||||||
<upgradehavechanged v-if="tabActive == $t('upgradehavechanged')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef"/>
|
<upgradehavechanged v-if="tabActive == $t('upgradehavechanged')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('auxiliaryupgradehavechanged')" :tab="$t('auxiliaryupgradehavechanged')">
|
<a-tab-pane disabled :key="$t('auxiliaryupgradehavechanged')" :tab="$t('auxiliaryupgradehavechanged')">
|
||||||
<auxiliaryupgradehavechanged v-if="tabActive == $t('auxiliaryupgradehavechanged')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef"/>
|
<auxiliaryupgradehavechanged v-if="tabActive == $t('auxiliaryupgradehavechanged')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('usernotification')" :tab="$t('usernotification')">
|
<a-tab-pane :key="$t('usernotification')" :tab="$t('usernotification')">
|
||||||
@@ -31,7 +36,7 @@
|
|||||||
<informationaboutotherupgradetasks v-if="tabActive == $t('informationaboutotherupgradetasks')" @otherup='otherup' ref="otherRef"/>
|
<informationaboutotherupgradetasks v-if="tabActive == $t('informationaboutotherupgradetasks')" @otherup='otherup' ref="otherRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
|
<a-tab-pane :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
|
||||||
<historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef"/>
|
<historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef" @historicalrecordup='historicalrecordup'/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
</a-tabs>
|
</a-tabs>
|
||||||
<!-- 填写记录-->
|
<!-- 填写记录-->
|
||||||
@@ -206,6 +211,12 @@ export default {
|
|||||||
this.pageSizehistory = pageSize
|
this.pageSizehistory = pageSize
|
||||||
this.bussLogList()
|
this.bussLogList()
|
||||||
},
|
},
|
||||||
|
historicalrecordClick(){
|
||||||
|
this.tabActive = this.$t('historicalrecord')
|
||||||
|
},
|
||||||
|
historicalrecordup(){
|
||||||
|
this.tabActive = this.$t('upgradetargetmodel')
|
||||||
|
},
|
||||||
basicInformationForm(){
|
basicInformationForm(){
|
||||||
this.tabActive = this.$t('thetargetvehicleofthisupgrade')
|
this.tabActive = this.$t('thetargetvehicleofthisupgrade')
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -54,6 +54,9 @@
|
|||||||
<a class="text-operation">{{$t('delete')}}</a>
|
<a class="text-operation">{{$t('delete')}}</a>
|
||||||
</span>
|
</span>
|
||||||
</a-table>
|
</a-table>
|
||||||
|
<div>
|
||||||
|
<a-button @click="clickButtonToUpload" type="primary">{{$t('uploadattachment')}}</a-button>
|
||||||
|
</div>
|
||||||
<div class="bootom-button">
|
<div class="bootom-button">
|
||||||
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
||||||
<a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
|
<a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
|
||||||
|
|||||||
+10
-1
@@ -30,7 +30,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button type="primary" style='margin-top: 50px' @click='back'>{{$t('returntofill')}}</a-button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -119,6 +121,9 @@
|
|||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
back(){
|
||||||
|
this.$emit('historicalrecordup')
|
||||||
|
},
|
||||||
monitoringProcessClick(row){
|
monitoringProcessClick(row){
|
||||||
let newUrl = this.$router.resolve({
|
let newUrl = this.$router.resolve({
|
||||||
path: '/processDetails',
|
path: '/processDetails',
|
||||||
@@ -377,4 +382,8 @@
|
|||||||
.titlebox-text-text{
|
.titlebox-text-text{
|
||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
}
|
}
|
||||||
|
.bootom-button{
|
||||||
|
position: relative;
|
||||||
|
left: 30%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
+437
-107
@@ -12,28 +12,247 @@
|
|||||||
</div>
|
</div>
|
||||||
<template>
|
<template>
|
||||||
</template>
|
</template>
|
||||||
|
<div style='display: flex;margin-bottom: 40px;'>
|
||||||
|
<div style='width: 400px'>
|
||||||
|
<span class='content-text' style='background: #f3f6f6;line-height: 50px;text-align: center;color: #191E29;font-weight: bold'>{{$t('componentname')}}</span>
|
||||||
|
<span class='radio-text' :title="$t('networksecurityrequirements')">
|
||||||
|
{{$t('networksecurityrequirements')}}
|
||||||
|
</span>
|
||||||
|
<span class='radio-text' :title="$t('millimeterwaveradar')">
|
||||||
|
{{$t('millimeterwaveradar')}}
|
||||||
|
</span>
|
||||||
|
<span class='radio-text' :title="$t('ultrasonicradar')">
|
||||||
|
{{$t('ultrasonicradar')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-box'>
|
||||||
|
<span class='text-text' :title="$t('camera')">
|
||||||
|
{{$t('camera')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-two' :title="$t('asternimage')">
|
||||||
|
{{$t('asternimage')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-two' :title="$t('Monocularbinocularmultiocular')">
|
||||||
|
{{$t('Monocularbinocularmultiocular')}}
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class='text-box'>
|
||||||
|
<span class='text-text' :title="$t('driverattentionmonitoringsystem')">
|
||||||
|
{{$t('driverattentionmonitoringsystem')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-two' :title="$t('driversurveillancecamera')">
|
||||||
|
{{$t('driversurveillancecamera')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-two' :title="$t('drivermonitoringinfraredsensor')">
|
||||||
|
{{$t('drivermonitoringinfraredsensor')}}
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class='text-box-two' >
|
||||||
|
<span class='text-text' style='height: 450px;line-height: 450px' :title="$t('positioningandnavigationsystem')">
|
||||||
|
{{$t('positioningandnavigationsystem')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-three' :title="$t('vehiclesatellitepositioningequipment')">
|
||||||
|
{{$t('vehiclesatellitepositioningequipment')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-three' :title="$t('inertialnavigationsystem')">
|
||||||
|
{{$t('inertialnavigationsystem')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-three' :title="$t('wheelspeedmeter')">
|
||||||
|
{{$t('wheelspeedmeter')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-three' :title="$t('highprecisionmap')">
|
||||||
|
{{$t('highprecisionmap')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-text-five' :title="$t('electronicfence')">
|
||||||
|
{{$t('electronicfence')}}
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class='text-box-three' :title="$t('vehiclecommunicationsystem')">
|
||||||
|
{{$t('vehiclecommunicationsystem')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-box-four'>
|
||||||
|
<span class='four-text-text' :title="$t('signalingdevices')">
|
||||||
|
{{$t('signalingdevices')}}
|
||||||
|
</span>
|
||||||
|
<span class='four-text' :title="$t('driverassistancefunctioncontrols')">
|
||||||
|
{{$t('driverassistancefunctioncontrols')}}
|
||||||
|
</span>
|
||||||
|
<span class='four-text' :title="$t('drivingassistancefunctionindicatorsignaldevice')">
|
||||||
|
{{$t('drivingassistancefunctionindicatorsignaldevice')}}
|
||||||
|
</span>
|
||||||
|
<span class='four-text' :title="$t('steerinwheelreleaseindicatorsignaldevice')">
|
||||||
|
{{$t('steerinwheelreleaseindicatorsignaldevice')}}
|
||||||
|
</span>
|
||||||
|
<span class='four-text' :title="$t('driverattentionindicatorsignaldevice')">
|
||||||
|
{{$t('driverattentionindicatorsignaldevice')}}
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
<span class='text-box-five' :title="$t('automaticDrivingDataRecordingSystem')">
|
||||||
|
{{$t('automaticDrivingDataRecordingSystem')}}
|
||||||
|
</span>
|
||||||
|
<span class='text-box-five' :title="$t('eventdatarecordingsystem')">
|
||||||
|
{{$t('eventdatarecordingsystem')}}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div style='width: 300px'>
|
||||||
|
<span class='content-text' style='background: #f3f6f6;line-height: 50px;text-align: center;color: #191E29;font-weight: bold'>{{$t('fillincontent')}}</span>
|
||||||
|
<span class='radio-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-two'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-two'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-two'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-two'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-three'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-four'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-five'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-five'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-five'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-five'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-two'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
<span class='radio-text-two'>
|
||||||
|
<a-radio-group style='margin-left: 40px;'>
|
||||||
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
|
</a-radio-group>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div style='width: 300px'>
|
||||||
|
<span class='content-text' style='background: #f3f6f6;line-height: 50px;text-align: center;color: #191E29;font-weight: bold'>{{$t('ParameterName')}}</span>
|
||||||
|
<span v-for='(item,index) in dataSource' class='content-text'>
|
||||||
|
{{item.ParameterName}}
|
||||||
|
</span><br>
|
||||||
|
</div>
|
||||||
|
<div style='width: 700px'>
|
||||||
|
<span class='content-text' style='background: #f3f6f6;line-height: 50px;text-align: center;color: #191E29;font-weight: bold'>{{$t('fillincontent')}}</span>
|
||||||
|
<span v-for='(item,index) in dataSource' class='content-text'>
|
||||||
|
<a-input v-model="item.val" class="item-input" :placeholder="item.fillincontent"/>
|
||||||
|
</span><br>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<a-table
|
<a-table
|
||||||
ref="table"
|
ref="table"
|
||||||
size="middle"
|
size="middle"
|
||||||
:pagination="false"
|
:pagination="false"
|
||||||
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
||||||
rowKey="key"
|
rowKey="id"
|
||||||
bordered
|
bordered
|
||||||
:data-source="dataSource"
|
:data-source="dataSourceList"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
style="margin-bottom: 20px"
|
style="margin-bottom: 20px"
|
||||||
>
|
>
|
||||||
|
<!-- 可升级-->
|
||||||
<span slot="configuration" slot-scope="text,record">
|
<span slot="systemclass" slot-scope="text,record">
|
||||||
<a-radio-group v-model="record.relevantverification">
|
<a-radio-group>
|
||||||
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
<a-radio :value="1"> {{ $t('yes') }} </a-radio>
|
||||||
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
<a-radio :value="2"> {{ $t('not') }} </a-radio>
|
||||||
</a-radio-group>
|
</a-radio-group>
|
||||||
</span>
|
</span>
|
||||||
<span slot="fillincontent" slot-scope="text,record">
|
<!-- 技术参数-->
|
||||||
<!-- <a-button type="primary" v-model="record.relevantverification">{{$t('uploadattachment')}}</a-button>-->
|
<span slot="technicalparameters" slot-scope="text,record">
|
||||||
<a-input class="box-input" :placeholder="$t('PleaseEnter')"
|
<a-input :placeholder="$t('ifNot')"></a-input>
|
||||||
v-model="record.fillincontent"></a-input>
|
</span>
|
||||||
|
<!-- 上传附件-->
|
||||||
|
<span slot="architecturetopologydiagram" slot-scope="text,record">
|
||||||
|
<a-button @click="clickButtonToUpload" type="primary">{{$t('uploadattachment')}}</a-button>
|
||||||
|
</span>
|
||||||
|
<!-- 操作列-->
|
||||||
|
<span slot="operation" slot-scope="text,record">
|
||||||
|
<a class="text-operation">{{$t('addcontroller')}}</a>
|
||||||
|
<a class="text-operation">{{$t('delete')}}</a>
|
||||||
</span>
|
</span>
|
||||||
</a-table>
|
</a-table>
|
||||||
<div class="bootom-button">
|
<div class="bootom-button">
|
||||||
@@ -57,6 +276,7 @@ export default {
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
radioList:9,
|
||||||
dataSource: [
|
dataSource: [
|
||||||
{
|
{
|
||||||
key: '1',
|
key: '1',
|
||||||
@@ -476,121 +696,87 @@ export default {
|
|||||||
url: {
|
url: {
|
||||||
},
|
},
|
||||||
queryParam: {},
|
queryParam: {},
|
||||||
|
dataSourceList: [
|
||||||
|
{
|
||||||
|
key:1,
|
||||||
|
systemclass: 'ceshi',
|
||||||
|
vaule: 2,
|
||||||
|
}
|
||||||
|
],
|
||||||
columns: [
|
columns: [
|
||||||
{
|
{
|
||||||
title: this.$t('componentname'),
|
title: this.$t('componentname'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'componentname',
|
dataIndex: 'componentname',
|
||||||
width: 170,
|
ellipsis: true,
|
||||||
// customRender: (value, row, index) => {
|
width: 170
|
||||||
// const obj = {
|
|
||||||
// children: '',
|
|
||||||
// attrs: {},
|
|
||||||
// };
|
|
||||||
// if(index === 0){ // 第一行数据开始，跨行合并的长度为数据data的长度
|
|
||||||
// obj.attrs.rowSpan = 2;
|
|
||||||
// obj.children = this.$t('networksecurityrequirements')
|
|
||||||
// }else if(index === 2){ // 第一行数据开始，跨行合并的长度为数据data的长度
|
|
||||||
// obj.attrs.rowSpan = 6;
|
|
||||||
// obj.children = this.$t('upgradefunctionrequirements')
|
|
||||||
// }else if(index === 8){
|
|
||||||
// obj.attrs.rowSpan = 2;
|
|
||||||
// obj.children = this.$t('usernotificationrequirement')
|
|
||||||
// }else{
|
|
||||||
// obj.attrs.rowSpan = 0
|
|
||||||
// }
|
|
||||||
// return obj;
|
|
||||||
// }
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: this.$t('configuration'),
|
title: this.$t('configuration'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'configuration',
|
dataIndex: 'configuration',
|
||||||
scopedSlots: { customRender: 'configuration' },
|
scopedSlots: { customRender: 'systemclass' },
|
||||||
width: 170,
|
|
||||||
// customRender: (value, row, index) => {
|
|
||||||
// const obj = {
|
|
||||||
// children: '',
|
|
||||||
// attrs: {},
|
|
||||||
// };
|
|
||||||
// if(index === 0){ // 第一行数据开始，跨行合并的长度为数据data的长度
|
|
||||||
// obj.attrs.rowSpan = 2;
|
|
||||||
// obj.children = this.$t('networksecurityrequirements')
|
|
||||||
// }else if(index === 2){ // 第一行数据开始，跨行合并的长度为数据data的长度
|
|
||||||
// obj.attrs.rowSpan = 6;
|
|
||||||
// obj.children = this.$t('upgradefunctionrequirements')
|
|
||||||
// }else if(index === 8){
|
|
||||||
// obj.attrs.rowSpan = 2;
|
|
||||||
// obj.children = this.$t('usernotificationrequirement')
|
|
||||||
// }else{
|
|
||||||
// obj.attrs.rowSpan = 0
|
|
||||||
// obj.children = this.$t('usernotificationrequirement')
|
|
||||||
// }
|
|
||||||
// return obj;
|
|
||||||
// }
|
|
||||||
// customCell: (record, rowIndex) => {
|
|
||||||
// // return this.mergeCellsSlot(record, rowIndex);
|
|
||||||
// const obj = {
|
|
||||||
// children: '',
|
|
||||||
// attrs: {},
|
|
||||||
// style: {display: record.row === 0 ? 'none' : undefined},
|
|
||||||
// };
|
|
||||||
// if(rowIndex === 0){ // 第一行数据开始，跨行合并的长度为数据data的长度
|
|
||||||
// obj.attrs.rowSpan = 2;
|
|
||||||
// }else if(rowIndex === 2){
|
|
||||||
// obj.attrs.rowSpan = 6;
|
|
||||||
// }else if(rowIndex === 8){
|
|
||||||
// obj.attrs.rowSpan = 2;
|
|
||||||
// }else{
|
|
||||||
// obj.attrs.rowSpan = 0
|
|
||||||
// }
|
|
||||||
// return obj;
|
|
||||||
// // return {
|
|
||||||
// // style: {display: record.row === 0 ? 'none' : undefined},
|
|
||||||
// // attrs: {
|
|
||||||
// // rowSpan: record.row,
|
|
||||||
// // }
|
|
||||||
// // }
|
|
||||||
// }
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('ParameterName'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'ParameterName',
|
|
||||||
scopedSlots: { customRender: 'ParameterName' },
|
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
width: 170
|
width: 170
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: this.$t('fillincontent'),
|
title: this.$t('controllerparameter'),
|
||||||
align: 'left',
|
align: 'left',
|
||||||
dataIndex: 'fillincontent',
|
dataIndex: 'controllerparameter',
|
||||||
scopedSlots: { customRender: 'fillincontent' },
|
|
||||||
ellipsis: true,
|
ellipsis: true,
|
||||||
width: 370,
|
width: 170,
|
||||||
|
children: [
|
||||||
// customRender: (value, row, index) => {
|
{
|
||||||
// const child = this.$createElement('button', {
|
title: this.$t('controllername'),
|
||||||
// domProps: {
|
align: 'left',
|
||||||
// innerHTML: value
|
dataIndex: 'controllername',
|
||||||
// },
|
ellipsis: true,
|
||||||
// on: {
|
width: 170
|
||||||
// click: () =>{this.click(row)}
|
},
|
||||||
// }
|
{
|
||||||
// });
|
title: this.$t('hardwarespecificationmodel'),
|
||||||
// const obj = {
|
align: 'left',
|
||||||
// children: child,
|
dataIndex: 'hardwarespecificationmodel',
|
||||||
// attrs: {},
|
ellipsis: true,
|
||||||
// };
|
width: 170
|
||||||
// if(index === 0){ // 第一行数据开始，跨行合并的长度为数据data的长度
|
},
|
||||||
// obj.attrs.rowSpan = 10;
|
{
|
||||||
// }else{
|
title: this.$t('hardwaremanufacturer'),
|
||||||
// obj.attrs.rowSpan = 0
|
align: 'left',
|
||||||
// }
|
dataIndex: 'hardwaremanufacturer',
|
||||||
// return obj
|
ellipsis: true,
|
||||||
//
|
width: 170
|
||||||
// }
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('softwareversion'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'softwareversion',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('softwaredevelopmententerprise'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'softwaredevelopmententerprise',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('layoutposition'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'layoutposition',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('operation'),
|
||||||
|
align: 'left',
|
||||||
|
fixed: 'right',
|
||||||
|
width: 200,
|
||||||
|
scopedSlots: { customRender: 'operation' }
|
||||||
|
}
|
||||||
],
|
],
|
||||||
selectedRowKeys: [],
|
selectedRowKeys: [],
|
||||||
fileList:{},
|
fileList:{},
|
||||||
@@ -730,4 +916,148 @@ button{
|
|||||||
height: 38px;
|
height: 38px;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
.content-text{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.radio-text{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
line-height: 200px;
|
||||||
|
}
|
||||||
|
.radio-text-two{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
line-height: 100px;
|
||||||
|
}
|
||||||
|
.radio-text-three{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
.radio-text-four{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 250px;
|
||||||
|
line-height: 250px;
|
||||||
|
}
|
||||||
|
.radio-text-five{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 150px;
|
||||||
|
line-height: 150px;
|
||||||
|
}
|
||||||
|
.text-box{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
line-height: 400px;
|
||||||
|
}
|
||||||
|
.text-box-two{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 450px;
|
||||||
|
line-height: 450px;
|
||||||
|
}
|
||||||
|
.text-text{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 50%;
|
||||||
|
height: 400px;
|
||||||
|
line-height: 400px;
|
||||||
|
}
|
||||||
|
.text-text-two{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 50%;
|
||||||
|
height: 200px;
|
||||||
|
line-height: 200px;
|
||||||
|
}
|
||||||
|
.text-text-three{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 50%;
|
||||||
|
height: 100px;
|
||||||
|
line-height: 100px;
|
||||||
|
}
|
||||||
|
.text-text-five{
|
||||||
|
display: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 50%;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
}
|
||||||
|
.text-box-three{
|
||||||
|
isplay: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 250px;
|
||||||
|
line-height: 250px;
|
||||||
|
}
|
||||||
|
.text-box-four{
|
||||||
|
isplay: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 600px;
|
||||||
|
line-height: 600px;
|
||||||
|
}
|
||||||
|
.four-text-text{
|
||||||
|
isplay: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 50%;
|
||||||
|
height: 600px;
|
||||||
|
line-height: 600px;
|
||||||
|
}
|
||||||
|
.four-text{
|
||||||
|
isplay: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 50%;
|
||||||
|
height: 150px;
|
||||||
|
line-height: 150px;
|
||||||
|
}
|
||||||
|
.text-box-five{
|
||||||
|
isplay: inline-block;
|
||||||
|
float: left;
|
||||||
|
border: #e8e8e8 solid 1px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
line-height: 100px;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
overflow: hidden; /*超出部分隐藏*/
|
||||||
|
text-overflow: ellipsis; /*超出部分省略号表示*/
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.item-input{
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -42,6 +42,9 @@
|
|||||||
<a class="text-operation">{{$t('delete')}}</a>
|
<a class="text-operation">{{$t('delete')}}</a>
|
||||||
</span>
|
</span>
|
||||||
</a-table>
|
</a-table>
|
||||||
|
<div>
|
||||||
|
<a-button @click="clickButtonToUpload" type="primary">{{$t('uploadattachment')}}</a-button>
|
||||||
|
</div>
|
||||||
<div class="bootom-button">
|
<div class="bootom-button">
|
||||||
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
||||||
<a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
|
<a-button type="primary" style='width: 73px;margin-right: 50px' @click='last'>{{$t('last')}}</a-button>
|
||||||
|
|||||||
@@ -7,31 +7,36 @@
|
|||||||
<a-icon type="form"/>
|
<a-icon type="form"/>
|
||||||
{{$t('fillintherecord')}}
|
{{$t('fillintherecord')}}
|
||||||
</div>
|
</div>
|
||||||
|
<div @click="historicalrecordClick"
|
||||||
|
class="operator-text">
|
||||||
|
<a-icon type="copy"/>
|
||||||
|
{{$t('historicalrecord')}}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a-tabs class="tabs" v-model="tabActive" @change="callback">
|
<a-tabs class="tabs" v-model="tabActive" @change="callback">
|
||||||
<a-tab-pane :key="$t('basicinformationofvehicletype')" :tab="$t('basicinformationofvehicletype')">
|
<a-tab-pane disabled :key="$t('basicinformationofvehicletype')" :tab="$t('basicinformationofvehicletype')">
|
||||||
<basicInformation v-if="tabActive == $t('basicinformationofvehicletype')" @basicInformationForm='basicInformationForm' ref="dealtWithRef"/>
|
<basicInformation v-if="tabActive == $t('basicinformationofvehicletype')" @basicInformationForm='basicInformationForm' ref="dealtWithRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('onlineupgraderequirements')" :tab="$t('onlineupgraderequirements')">
|
<a-tab-pane disabled :key="$t('onlineupgraderequirements')" :tab="$t('onlineupgraderequirements')">
|
||||||
<upgradeRequirements v-if="tabActive == $t('onlineupgraderequirements')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef"/>
|
<upgradeRequirements v-if="tabActive == $t('onlineupgraderequirements')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('safetymeasure')" :tab="$t('safetymeasure')">
|
<a-tab-pane disabled :key="$t('safetymeasure')" :tab="$t('safetymeasure')">
|
||||||
<safetyPrecautions v-if="tabActive == $t('safetymeasure')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef"/>
|
<safetyPrecautions v-if="tabActive == $t('safetymeasure')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('upgradedonline')" :tab="$t('upgradedonline')">
|
<a-tab-pane disabled :key="$t('upgradedonline')" :tab="$t('upgradedonline')">
|
||||||
<upgradedonline v-if="tabActive == $t('upgradedonline')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef"/>
|
<upgradedonline v-if="tabActive == $t('upgradedonline')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('beupgradedonline')" :tab="$t('beupgradedonline')">
|
<a-tab-pane disabled :key="$t('beupgradedonline')" :tab="$t('beupgradedonline')">
|
||||||
<beupgradedonline v-if="tabActive == $t('beupgradedonline')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef"/>
|
<beupgradedonline v-if="tabActive == $t('beupgradedonline')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('recordparameters')" :tab="$t('recordparameters')">
|
<a-tab-pane disabled :key="$t('recordparameters')" :tab="$t('recordparameters')">
|
||||||
<recordparameters v-if="tabActive == $t('recordparameters')" @recordparametersup='recordparametersup' @recordparametersdown='recordparametersdown' ref="recordparametersRef"/>
|
<recordparameters v-if="tabActive == $t('recordparameters')" @recordparametersup='recordparametersup' @recordparametersdown='recordparametersdown' ref="recordparametersRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('other')" :tab="$t('other')">
|
<a-tab-pane disabled :key="$t('other')" :tab="$t('other')">
|
||||||
<other v-if="tabActive == $t('other')" @otherup='otherup' ref="otherRef"/>
|
<other v-if="tabActive == $t('other')" @otherup='otherup' ref="otherRef"/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
<a-tab-pane :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
|
<a-tab-pane :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
|
||||||
<historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef"/>
|
<historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef" @historicalrecordup='historicalrecordup'/>
|
||||||
</a-tab-pane>
|
</a-tab-pane>
|
||||||
</a-tabs>
|
</a-tabs>
|
||||||
<!-- 填写记录-->
|
<!-- 填写记录-->
|
||||||
@@ -206,6 +211,9 @@ export default {
|
|||||||
this.pageSizehistory = pageSize
|
this.pageSizehistory = pageSize
|
||||||
this.bussLogList()
|
this.bussLogList()
|
||||||
},
|
},
|
||||||
|
historicalrecordClick(){
|
||||||
|
this.tabActive = this.$t('historicalrecord')
|
||||||
|
},
|
||||||
basicInformationForm(){
|
basicInformationForm(){
|
||||||
this.tabActive = this.$t('onlineupgraderequirements')
|
this.tabActive = this.$t('onlineupgraderequirements')
|
||||||
},
|
},
|
||||||
@@ -242,6 +250,9 @@ export default {
|
|||||||
otherup(){
|
otherup(){
|
||||||
this.tabActive = this.$t('recordparameters')
|
this.tabActive = this.$t('recordparameters')
|
||||||
},
|
},
|
||||||
|
historicalrecordup(){
|
||||||
|
this.tabActive = this.$t('basicinformationofvehicletype')
|
||||||
|
},
|
||||||
// taskConfirmationHandlingClick() {
|
// taskConfirmationHandlingClick() {
|
||||||
// this.$router.push({
|
// this.$router.push({
|
||||||
// path: '/toDoTaskConfirmation'
|
// path: '/toDoTaskConfirmation'
|
||||||
|
|||||||
Reference in New Issue
Block a user