ota布局
This commit is contained in:
zyx.net
@@ -1681,5 +1681,8 @@ module.exports = {
|
|||||||
last:'Last',
|
last:'Last',
|
||||||
designComplianceReviewAdmin:'Design Compliance Review',
|
designComplianceReviewAdmin:'Design Compliance Review',
|
||||||
missionAccomplished:'Mission Accomplished',
|
missionAccomplished:'Mission Accomplished',
|
||||||
|
yesisselected:'If Yes is selected, enter',
|
||||||
|
forwardXquantity:'For example, forward X quantity, backward X quantity, right X quantity, etc',
|
||||||
|
upgraderecordnumber:'Upgrade record number',
|
||||||
|
Modelandfunctionrecord:'Model and function record "Announcement" batch',
|
||||||
}
|
}
|
||||||
@@ -1781,4 +1781,10 @@ module.exports = {
|
|||||||
module:'模块',
|
module:'模块',
|
||||||
designComplianceReviewAdmin:'设计符合性审查',
|
designComplianceReviewAdmin:'设计符合性审查',
|
||||||
missionAccomplished:'任务完成',
|
missionAccomplished:'任务完成',
|
||||||
|
yesisselected:'如选择“有”，请输入',
|
||||||
|
forwardXquantity:'如前向X数量，后向X数量，右向X数量等',
|
||||||
|
upgraderecordnumber:'升级备案编号',
|
||||||
|
Modelandfunctionrecord:'车型及功能备案《公告》批次',
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -393,7 +393,10 @@ export default {
|
|||||||
},
|
},
|
||||||
// 创建车型
|
// 创建车型
|
||||||
createvehicleandfunctionrecords() {
|
createvehicleandfunctionrecords() {
|
||||||
|
this.$router.push({
|
||||||
|
path: '/upgradeactivityrecord',
|
||||||
|
query: {}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
viewProcessClick(row) {
|
viewProcessClick(row) {
|
||||||
this.$refs.processInformationRef.getData(JSON.parse(JSON.stringify(row)))
|
this.$refs.processInformationRef.getData(JSON.parse(JSON.stringify(row)))
|
||||||
|
|||||||
+359
@@ -0,0 +1,359 @@
|
|||||||
|
<template>
|
||||||
|
<div class="box">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
:components="drag(columns,'columns')"
|
||||||
|
:loading="loading"
|
||||||
|
:pagination="false"
|
||||||
|
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
||||||
|
rowKey="id"
|
||||||
|
:data-source="dataSource"
|
||||||
|
: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>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'doneList',
|
||||||
|
mixins:[ResizeHeader, ResizeColumnProvide],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataSource: [],
|
||||||
|
loading: false,
|
||||||
|
url: {
|
||||||
|
list: '/todoCenter/projectProcess/doneProcess'
|
||||||
|
},
|
||||||
|
queryParam: {},
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: this.$t('RelatedItems'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'projectName',
|
||||||
|
ellipsis: true,
|
||||||
|
scopedSlots: { customRender: 'RelatedItems' },
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('standardInformation'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'standardInfo',
|
||||||
|
ellipsis: true,
|
||||||
|
scopedSlots: { customRender: 'standardInformation' },
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('taskType'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'flowTypeShow',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('Sponsor'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'createBy',
|
||||||
|
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
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
monitoringProcessClick(row){
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/processDetails',
|
||||||
|
query: {
|
||||||
|
prcNum: row.prcNum,
|
||||||
|
prcType:row.flowType,
|
||||||
|
prcId:row.actiProcInstId,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
RelatedItemsClick(item) {
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/ProjectDetails',
|
||||||
|
query: {
|
||||||
|
id: item.projectLibraryId,
|
||||||
|
projectName: item.projectName,
|
||||||
|
projectNameId: item.projectNameId,
|
||||||
|
targetMarket: item.targetMarket,
|
||||||
|
studioEngineer:item.studioEngineer,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
standardInformationClick(item){
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/docManage/library/detail',
|
||||||
|
query: {
|
||||||
|
id: item.bussDocumentLibraryId,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
viewClick(row) {
|
||||||
|
let query = {}
|
||||||
|
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
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
.page {
|
||||||
|
text-align: right;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.text-operation{
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+380
@@ -0,0 +1,380 @@
|
|||||||
|
<template>
|
||||||
|
<div class="box">
|
||||||
|
<a-row :gutter="24" style='margin-top: 30px'>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text">
|
||||||
|
<div class="title-text">
|
||||||
|
<span class="dot"></span>
|
||||||
|
<span class="title-text-text"
|
||||||
|
:title="$t('parameterTemplate')">{{$t('parameterTemplate')}}</span>
|
||||||
|
<div class='titlebox'>
|
||||||
|
<span class='titlebox-text'>提交审批</span>
|
||||||
|
<span class='titlebox-text-text'>2023-02-02 14:13:21</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
<a-row :gutter="24" style='margin-top: 30px'>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text">
|
||||||
|
<div class="title-text">
|
||||||
|
<span class="dot"></span>
|
||||||
|
<span class="title-text-text"
|
||||||
|
:title="$t('parameterTemplate')">{{$t('parameterTemplate')}}</span>
|
||||||
|
<div class='titlebox'>
|
||||||
|
<span class='titlebox-text'>提交审批</span>
|
||||||
|
<span class='titlebox-text-text'>2023-02-02 14:13:21</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'doneList',
|
||||||
|
mixins:[ResizeHeader, ResizeColumnProvide],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataSource: [],
|
||||||
|
loading: false,
|
||||||
|
url: {
|
||||||
|
list: '/todoCenter/projectProcess/doneProcess'
|
||||||
|
},
|
||||||
|
queryParam: {},
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: this.$t('RelatedItems'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'projectName',
|
||||||
|
ellipsis: true,
|
||||||
|
scopedSlots: { customRender: 'RelatedItems' },
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('standardInformation'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'standardInfo',
|
||||||
|
ellipsis: true,
|
||||||
|
scopedSlots: { customRender: 'standardInformation' },
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('taskType'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'flowTypeShow',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('Sponsor'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'createBy',
|
||||||
|
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
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
monitoringProcessClick(row){
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/processDetails',
|
||||||
|
query: {
|
||||||
|
prcNum: row.prcNum,
|
||||||
|
prcType:row.flowType,
|
||||||
|
prcId:row.actiProcInstId,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
RelatedItemsClick(item) {
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/ProjectDetails',
|
||||||
|
query: {
|
||||||
|
id: item.projectLibraryId,
|
||||||
|
projectName: item.projectName,
|
||||||
|
projectNameId: item.projectNameId,
|
||||||
|
targetMarket: item.targetMarket,
|
||||||
|
studioEngineer:item.studioEngineer,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
standardInformationClick(item){
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/docManage/library/detail',
|
||||||
|
query: {
|
||||||
|
id: item.bussDocumentLibraryId,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
viewClick(row) {
|
||||||
|
let query = {}
|
||||||
|
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
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
.page {
|
||||||
|
text-align: right;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.text-operation{
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
margin-top: 50px;
|
||||||
|
margin-left: 20%;
|
||||||
|
}
|
||||||
|
.dot{
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #00a0e9;
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
margin: 4px;
|
||||||
|
}
|
||||||
|
.title-text-text {
|
||||||
|
font-size: 15px;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
.titlebox{
|
||||||
|
width: 816px;
|
||||||
|
height: 70px;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-left: 9px;
|
||||||
|
border-left: #A3AAAD solid 1px;
|
||||||
|
}
|
||||||
|
.titlebox-text{
|
||||||
|
line-height: 5;
|
||||||
|
margin-left: 60px;
|
||||||
|
}
|
||||||
|
.titlebox-text-text{
|
||||||
|
margin-left: 60px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+171
@@ -0,0 +1,171 @@
|
|||||||
|
<template>
|
||||||
|
<div class="box">
|
||||||
|
<a-spin :spinning="confirmLoading">
|
||||||
|
<a-form-model class="formAdd" ref="ruleForm">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('taskname')">{{$t('taskname')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="dutyTerritory">
|
||||||
|
<a-input
|
||||||
|
:placeholder="$t('pleaseEnter')"
|
||||||
|
v-model.trim="queryParam.taskname"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<!-- <span class="Required">*</span>-->
|
||||||
|
<span class="title-text-text" :title="$t('updatereleasetime')">
|
||||||
|
{{$t('updatereleasetime')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="updatereleasetime">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('PleaseSelect')+$t('updatereleasetime')"
|
||||||
|
@change="dateChange({db_field_name:'updatereleasetime'})"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
v-model="queryParam.updatereleasetime"
|
||||||
|
:disabled="false"
|
||||||
|
style="width: 100%"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<!-- <span class="Required">*</span>-->
|
||||||
|
<span class="title-text-text" :title="$t('upgradeplanexpirationtime')">
|
||||||
|
{{$t('upgradeplanexpirationtime')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="dateofproduction">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('PleaseSelect')+$t('upgradeplanexpirationtime')"
|
||||||
|
@change="dateChange({db_field_name:'upgradeplanexpirationtime'})"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
v-model="queryParam.upgradeplanexpirationtime"
|
||||||
|
:disabled="false"
|
||||||
|
style="width: 100%"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form-model>
|
||||||
|
</a-spin>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
||||||
|
<a-button type="primary" @click='last' style="margin-right:50px">{{$t('last')}}</a-button>
|
||||||
|
<a-button type="primary" @click='submit'>{{$t('submit')}}</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
import moment from 'moment'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'basicInformation',
|
||||||
|
components:{
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
confirmLoading: false,
|
||||||
|
disabled: false,
|
||||||
|
queryParam:{}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
last(){
|
||||||
|
this.$emit('otherup')
|
||||||
|
},
|
||||||
|
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') : ''
|
||||||
|
},
|
||||||
|
submit(){
|
||||||
|
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import'~@assets/less/common.less';
|
||||||
|
.box {
|
||||||
|
height: 650px;
|
||||||
|
padding: 0 24px 24px 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-title-text-add {
|
||||||
|
line-height: 1.4;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add {
|
||||||
|
width: 114px;
|
||||||
|
text-align: right;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add-input {
|
||||||
|
width: 80%;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-text {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemModel {
|
||||||
|
width: calc(100% - 130px);
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formAdd {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 670px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootom-button{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 40%;
|
||||||
|
text-align: center!important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+212
@@ -0,0 +1,212 @@
|
|||||||
|
<template>
|
||||||
|
<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-spin :spinning="confirmLoading">
|
||||||
|
<a-form-model class="formAdd" ref="ruleForm">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('totalquantity')">{{$t('totalquantity')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="dutyTerritory">
|
||||||
|
<a-input class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<!-- <span class="Required">*</span>-->
|
||||||
|
<span class="title-text-text" :title="$t('dateofproduction')">
|
||||||
|
{{$t('dateofproduction')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="dateofproduction">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('PleaseSelect')+$t('dateofproduction')"
|
||||||
|
@change="dateChange({db_field_name:'dateofproduction'})"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
v-model="formInline.dateofproduction"
|
||||||
|
:disabled="false"
|
||||||
|
style="width: 100%"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<!-- <span class="Required">*</span>-->
|
||||||
|
<span class="title-text-text" :title="$t('VINcodelist')">
|
||||||
|
{{$t('VINcodelist')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="VINcodelist">
|
||||||
|
<a-textarea :placeholder="$t('pleaseEnter')+$t('VINcodelist')"
|
||||||
|
v-model="formInline.VINcodelist"
|
||||||
|
:rows="4"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- <a-form-model-item class="itemModel" prop="VINcodelist">-->
|
||||||
|
<!-- <a-button type="primary" class="button-text"-->
|
||||||
|
<!-- @click="clickButtonToUpload('VINcodelist')">-->
|
||||||
|
<!-- {{ (formInline.VINcodelist === 'null' || formInline.VINcodelist === '' ||-->
|
||||||
|
<!-- formInline.VINcodelist == null) ? $t('clickUpload') : $t('viewUploadedFiles')-->
|
||||||
|
<!-- }}-->
|
||||||
|
<!-- </a-button>-->
|
||||||
|
<!-- </a-form-model-item>-->
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<!-- <span class="Required">*</span>-->
|
||||||
|
<span class="title-text-text"></span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="VINcodelist">
|
||||||
|
<a-button type="primary" class="button-text"
|
||||||
|
@click="clickButtonToUpload('VINcodelist')">
|
||||||
|
{{ (formInline.VINcodelist === 'null' || formInline.VINcodelist === '' ||
|
||||||
|
formInline.VINcodelist == null) ? $t('clickUpload') : $t('viewUploadedFiles')
|
||||||
|
}}
|
||||||
|
</a-button>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form-model>
|
||||||
|
</a-spin>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button class='btn' 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>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
import moment from 'moment'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'basicInformation',
|
||||||
|
components:{
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
confirmLoading: false,
|
||||||
|
disabled: false,
|
||||||
|
formInline:{}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
next(){
|
||||||
|
this.$emit('upgradeRequirementsdown')
|
||||||
|
},
|
||||||
|
last(){
|
||||||
|
this.$emit('upgradeRequirementsup')
|
||||||
|
},
|
||||||
|
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') : ''
|
||||||
|
},
|
||||||
|
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()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import'~@assets/less/common.less';
|
||||||
|
.box {
|
||||||
|
height:500px;
|
||||||
|
padding: 0 24px 24px 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-title-text-add {
|
||||||
|
line-height: 1.4;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add {
|
||||||
|
width: 114px;
|
||||||
|
text-align: right;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add-input {
|
||||||
|
width: 80%;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-text {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemModel {
|
||||||
|
width: calc(100% - 130px);
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formAdd {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 670px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootom-button{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 40%;
|
||||||
|
text-align: center!important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+359
@@ -0,0 +1,359 @@
|
|||||||
|
<template>
|
||||||
|
<div class="box">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
:components="drag(columns,'columns')"
|
||||||
|
:loading="loading"
|
||||||
|
:pagination="false"
|
||||||
|
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
||||||
|
rowKey="id"
|
||||||
|
:data-source="dataSource"
|
||||||
|
: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>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'doneList',
|
||||||
|
mixins:[ResizeHeader, ResizeColumnProvide],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataSource: [],
|
||||||
|
loading: false,
|
||||||
|
url: {
|
||||||
|
list: '/todoCenter/projectProcess/doneProcess'
|
||||||
|
},
|
||||||
|
queryParam: {},
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: this.$t('RelatedItems'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'projectName',
|
||||||
|
ellipsis: true,
|
||||||
|
scopedSlots: { customRender: 'RelatedItems' },
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('standardInformation'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'standardInfo',
|
||||||
|
ellipsis: true,
|
||||||
|
scopedSlots: { customRender: 'standardInformation' },
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('taskType'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'flowTypeShow',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('Sponsor'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'createBy',
|
||||||
|
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
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
monitoringProcessClick(row){
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/processDetails',
|
||||||
|
query: {
|
||||||
|
prcNum: row.prcNum,
|
||||||
|
prcType:row.flowType,
|
||||||
|
prcId:row.actiProcInstId,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
RelatedItemsClick(item) {
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/ProjectDetails',
|
||||||
|
query: {
|
||||||
|
id: item.projectLibraryId,
|
||||||
|
projectName: item.projectName,
|
||||||
|
projectNameId: item.projectNameId,
|
||||||
|
targetMarket: item.targetMarket,
|
||||||
|
studioEngineer:item.studioEngineer,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
standardInformationClick(item){
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/docManage/library/detail',
|
||||||
|
query: {
|
||||||
|
id: item.bussDocumentLibraryId,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
viewClick(row) {
|
||||||
|
let query = {}
|
||||||
|
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
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
.page {
|
||||||
|
text-align: right;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.text-operation{
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+366
@@ -0,0 +1,366 @@
|
|||||||
|
<template>
|
||||||
|
<div class="box">
|
||||||
|
<a-table
|
||||||
|
ref="table"
|
||||||
|
size="middle"
|
||||||
|
:components="drag(columns,'columns')"
|
||||||
|
:loading="loading"
|
||||||
|
:pagination="false"
|
||||||
|
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
||||||
|
rowKey="id"
|
||||||
|
:data-source="dataSource"
|
||||||
|
: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>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'safetyPrecautions',
|
||||||
|
mixins:[ResizeHeader, ResizeColumnProvide],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataSource: [],
|
||||||
|
loading: false,
|
||||||
|
columns: [
|
||||||
|
{
|
||||||
|
title: this.$t('RelatedItems'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'projectName',
|
||||||
|
scopedSlots: { customRender: 'RelatedItems' },
|
||||||
|
ellipsis: true,
|
||||||
|
width: 170
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('standardInformation'),
|
||||||
|
align: 'left',
|
||||||
|
dataIndex: 'standardInfo',
|
||||||
|
scopedSlots: { customRender: 'standardInformation' },
|
||||||
|
ellipsis: true,
|
||||||
|
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: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
monitoringProcessClick(row) {
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/processDetails',
|
||||||
|
query: {
|
||||||
|
prcNum: row.prcNum,
|
||||||
|
prcType: row.flowType,
|
||||||
|
prcId: row.actiProcInstId
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
RelatedItemsClick(item) {
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/ProjectDetails',
|
||||||
|
query: {
|
||||||
|
id: item.projectLibraryId,
|
||||||
|
projectName: item.projectName,
|
||||||
|
projectNameId: item.projectNameId,
|
||||||
|
targetMarket: item.targetMarket,
|
||||||
|
studioEngineer: item.studioEngineer
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
standardInformationClick(item) {
|
||||||
|
let newUrl = this.$router.resolve({
|
||||||
|
path: '/docManage/library/detail',
|
||||||
|
query: {
|
||||||
|
id: item.bussDocumentLibraryId
|
||||||
|
}
|
||||||
|
})
|
||||||
|
window.open(newUrl.href, '_blank')
|
||||||
|
},
|
||||||
|
viewClick(row) {
|
||||||
|
let query = {}
|
||||||
|
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
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
.page {
|
||||||
|
text-align: right;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-operation {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*/deep/.ant-table-column-title{*/
|
||||||
|
/* font-weight: bold!important;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
/*/deep/.ant-table-thead > tr > th {*/
|
||||||
|
/* background: #f3f6f6;*/
|
||||||
|
/*}*/
|
||||||
|
</style>
|
||||||
+236
@@ -0,0 +1,236 @@
|
|||||||
|
<template>
|
||||||
|
<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-spin :spinning="confirmLoading">
|
||||||
|
<a-form-model class="formAdd" ref="ruleForm">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('selectTheVehicleTemplate')">{{$t('selectTheVehicleTemplate')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="dutyTerritory">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('upgraderecordnumber')">{{$t('upgraderecordnumber')}}</span>
|
||||||
|
</div>
|
||||||
|
<div class="title-text-add-input">
|
||||||
|
<span class="title-text-text">中文</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('registrationnumber')">{{$t('registrationnumber')}}</span>
|
||||||
|
</div>
|
||||||
|
<div class="title-text-add-input">
|
||||||
|
<span class="title-text-text">中文</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('Modelandfunctionrecord')">{{$t('Modelandfunctionrecord')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('noticebatch')">{{$t('noticebatch')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="dutyTerritory">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('producttrademark')">{{$t('producttrademark')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('productname')">{{$t('productname')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('productModel')">{{$t('productModel')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('Vehicledynamictype')">{{$t('Vehicledynamictype')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel">
|
||||||
|
<j-dict-select-tag class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"
|
||||||
|
:type="'select'"
|
||||||
|
:triggerChange="false"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form-model>
|
||||||
|
</a-spin>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
||||||
|
<a-button type="primary" @click='next'>{{$t('next')}}</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'basicInformation',
|
||||||
|
components:{
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
confirmLoading: false,
|
||||||
|
disabled: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
next(){
|
||||||
|
this.$emit('basicInformationForm')
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import'~@assets/less/common.less';
|
||||||
|
.box {
|
||||||
|
padding: 0 24px 24px 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-title-text-add {
|
||||||
|
line-height: 1.4;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add {
|
||||||
|
width: 114px;
|
||||||
|
text-align: right;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add-input {
|
||||||
|
width: 80%;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-text {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemModel {
|
||||||
|
width: calc(100% - 130px);
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formAdd {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 670px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootom-button{
|
||||||
|
text-align: center!important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
+212
@@ -0,0 +1,212 @@
|
|||||||
|
<template>
|
||||||
|
<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-spin :spinning="confirmLoading">
|
||||||
|
<a-form-model class="formAdd" ref="ruleForm">
|
||||||
|
<a-row :gutter="24">
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<span class="title-text-text" :title="$t('totalquantity')">{{$t('totalquantity')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="dutyTerritory">
|
||||||
|
<a-input class="box-input"
|
||||||
|
:disabled="disabled"
|
||||||
|
:placeholder="$t('PleaseSelect')"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<!-- <span class="Required">*</span>-->
|
||||||
|
<span class="title-text-text" :title="$t('dateofproduction')">
|
||||||
|
{{$t('dateofproduction')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="dateofproduction">
|
||||||
|
<a-date-picker class="box-input"
|
||||||
|
:placeholder="$t('PleaseSelect')+$t('dateofproduction')"
|
||||||
|
@change="dateChange({db_field_name:'dateofproduction'})"
|
||||||
|
format="YYYY-MM-DD"
|
||||||
|
:getCalendarContainer="(trigger) => trigger.parentNode"
|
||||||
|
v-model="formInline.dateofproduction"
|
||||||
|
:disabled="false"
|
||||||
|
style="width: 100%"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<!-- <span class="Required">*</span>-->
|
||||||
|
<span class="title-text-text" :title="$t('VINcodelist')">
|
||||||
|
{{$t('VINcodelist')}}</span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="VINcodelist">
|
||||||
|
<a-textarea :placeholder="$t('pleaseEnter')+$t('VINcodelist')"
|
||||||
|
v-model="formInline.VINcodelist"
|
||||||
|
:rows="4"/>
|
||||||
|
</a-form-model-item>
|
||||||
|
<!-- <a-form-model-item class="itemModel" prop="VINcodelist">-->
|
||||||
|
<!-- <a-button type="primary" class="button-text"-->
|
||||||
|
<!-- @click="clickButtonToUpload('VINcodelist')">-->
|
||||||
|
<!-- {{ (formInline.VINcodelist === 'null' || formInline.VINcodelist === '' ||-->
|
||||||
|
<!-- formInline.VINcodelist == null) ? $t('clickUpload') : $t('viewUploadedFiles')-->
|
||||||
|
<!-- }}-->
|
||||||
|
<!-- </a-button>-->
|
||||||
|
<!-- </a-form-model-item>-->
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
<a-col :span="24">
|
||||||
|
<div class="box-title-text-add">
|
||||||
|
<div class="title-text-add">
|
||||||
|
<!-- <span class="Required">*</span>-->
|
||||||
|
<span class="title-text-text"></span>
|
||||||
|
</div>
|
||||||
|
<a-form-model-item class="itemModel" prop="VINcodelist">
|
||||||
|
<a-button type="primary" class="button-text"
|
||||||
|
@click="clickButtonToUpload('VINcodelist')">
|
||||||
|
{{ (formInline.VINcodelist === 'null' || formInline.VINcodelist === '' ||
|
||||||
|
formInline.VINcodelist == null) ? $t('clickUpload') : $t('viewUploadedFiles')
|
||||||
|
}}
|
||||||
|
</a-button>
|
||||||
|
</a-form-model-item>
|
||||||
|
</div>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</a-form-model>
|
||||||
|
</a-spin>
|
||||||
|
<div class="bootom-button">
|
||||||
|
<a-button class='btn' 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>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
import moment from 'moment'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'basicInformation',
|
||||||
|
components:{
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
confirmLoading: false,
|
||||||
|
disabled: false,
|
||||||
|
formInline:{}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
next(){
|
||||||
|
this.$emit('upgradeRequirementsdown')
|
||||||
|
},
|
||||||
|
last(){
|
||||||
|
this.$emit('upgradeRequirementsup')
|
||||||
|
},
|
||||||
|
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') : ''
|
||||||
|
},
|
||||||
|
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()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less" scoped>
|
||||||
|
@import'~@assets/less/common.less';
|
||||||
|
.box {
|
||||||
|
height:500px;
|
||||||
|
padding: 0 24px 24px 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-title-text-add {
|
||||||
|
line-height: 1.4;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add {
|
||||||
|
width: 114px;
|
||||||
|
text-align: right;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add-input {
|
||||||
|
width: 80%;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-text {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemModel {
|
||||||
|
width: calc(100% - 130px);
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formAdd {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 670px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootom-button{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 40%;
|
||||||
|
text-align: center!important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -0,0 +1,337 @@
|
|||||||
|
<!--升级-->
|
||||||
|
<template>
|
||||||
|
<a-card :bordered="false">
|
||||||
|
<div class="table-operator" style="margin-bottom: 8px">
|
||||||
|
<div @click="fillintherecordClick"
|
||||||
|
class="operator-text">
|
||||||
|
<a-icon type="form"/>
|
||||||
|
{{$t('fillintherecord')}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a-tabs class="tabs" v-model="tabActive" @change="callback">
|
||||||
|
<a-tab-pane :key="$t('upgradetargetmodel')" :tab="$t('upgradetargetmodel')">
|
||||||
|
<upgradetargetmodel v-if="tabActive == $t('upgradetargetmodel')" @basicInformationForm='basicInformationForm' ref="dealtWithRef"/>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane :key="$t('thetargetvehicleofthisupgrade')" :tab="$t('thetargetvehicleofthisupgrade')">
|
||||||
|
<thetargetvehicleofthisupgrade v-if="tabActive == $t('thetargetvehicleofthisupgrade')" @upgradeRequirementsup='upgradeRequirementsup' @upgradeRequirementsdown='upgradeRequirementsdown' ref="doneListRef"/>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane :key="$t('upgradeimpactassessment')" :tab="$t('upgradeimpactassessment')">
|
||||||
|
<upgradeimpactassessment v-if="tabActive == $t('upgradeimpactassessment')" @safetyPrecautionsup='safetyPrecautionsup' @safetyPrecautionsdown='safetyPrecautionsdown' ref="SentListRef"/>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane :key="$t('upgradehavechanged')" :tab="$t('upgradehavechanged')">
|
||||||
|
<upgradehavechanged v-if="tabActive == $t('upgradehavechanged')" @upgradedonlineup='upgradedonlineup' @upgradedonlinedown='upgradedonlinedown' ref="upgradedonlineRef"/>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane :key="$t('auxiliaryupgradehavechanged')" :tab="$t('auxiliaryupgradehavechanged')">
|
||||||
|
<auxiliaryupgradehavechanged v-if="tabActive == $t('auxiliaryupgradehavechanged')" @beupgradedonlineup='beupgradedonlineup' @beupgradedonlinedown='beupgradedonlinedown' ref="beupgradedonlineRef"/>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane :key="$t('usernotification')" :tab="$t('usernotification')">
|
||||||
|
<usernotification v-if="tabActive == $t('usernotification')" @recordparametersup='recordparametersup' @recordparametersdown='recordparametersdown' ref="recordparametersRef"/>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane :key="$t('informationaboutotherupgradetasks')" :tab="$t('informationaboutotherupgradetasks')">
|
||||||
|
<informationaboutotherupgradetasks v-if="tabActive == $t('informationaboutotherupgradetasks')" @otherup='otherup' ref="otherRef"/>
|
||||||
|
</a-tab-pane>
|
||||||
|
<a-tab-pane :key="$t('historicalrecord')" :tab="$t('historicalrecord')">
|
||||||
|
<historicalrecord v-if="tabActive == $t('historicalrecord')" ref="historicalrecordRef"/>
|
||||||
|
</a-tab-pane>
|
||||||
|
</a-tabs>
|
||||||
|
<!-- 填写记录-->
|
||||||
|
<a-drawer
|
||||||
|
:title="$t('fillintherecord')"
|
||||||
|
:width="900"
|
||||||
|
:visible="visible"
|
||||||
|
:confirm-loading="confirmLoading"
|
||||||
|
:maskClosable="false"
|
||||||
|
@close="handleCancel"
|
||||||
|
>
|
||||||
|
<!-- :components="drag(columnshistory,'columnshistory')"-->
|
||||||
|
<a-table
|
||||||
|
class="table"
|
||||||
|
:columns="columnshistory"
|
||||||
|
:pagination="false"
|
||||||
|
:scroll="{x: '100%', y: 400}"
|
||||||
|
:data-source="dataSourcehistory"
|
||||||
|
:loading="loading"
|
||||||
|
>
|
||||||
|
<span slot="content" slot-scope="text,record">
|
||||||
|
<a-tooltip placement="topLeft">
|
||||||
|
<template slot="title">
|
||||||
|
<span v-html="text"></span>
|
||||||
|
</template>
|
||||||
|
<span v-html="text"></span>
|
||||||
|
</a-tooltip>
|
||||||
|
</span>
|
||||||
|
<span slot="detailText" slot-scope="text,record">
|
||||||
|
<span class="text" :title="text">
|
||||||
|
{{text && text.length > 10?text.slice(0,9)+'...':text}}
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</a-table>
|
||||||
|
<div class="page">
|
||||||
|
<a-pagination
|
||||||
|
:show-total="total => $t('total')+` ${total} `+$t('strip')"
|
||||||
|
show-quick-jumper
|
||||||
|
show-size-changer
|
||||||
|
:page-size.sync="pageSizehistory"
|
||||||
|
:total="total"
|
||||||
|
:current="pageNohistory"
|
||||||
|
@change="onChangehistory"
|
||||||
|
@showSizeChange="SizeChangehistory"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-bootom-button" >
|
||||||
|
<a-button @click="handleOk" style="margin-right: 16px" type="primary">{{$t('determine')}}</a-button>
|
||||||
|
<a-button @click="handleCancel" >{{$t('cancel')}}</a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</a-card>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||||
|
import upgradetargetmodel from './components/upgradetargetmodel'
|
||||||
|
import thetargetvehicleofthisupgrade from './components/thetargetvehicleofthisupgrade'
|
||||||
|
import upgradeimpactassessment from './components/upgradeimpactassessment'
|
||||||
|
import upgradehavechanged from './components/upgradehavechanged'
|
||||||
|
import auxiliaryupgradehavechanged from './components/auxiliaryupgradehavechanged'
|
||||||
|
import usernotification from './components/usernotification'
|
||||||
|
import informationaboutotherupgradetasks from './components/informationaboutotherupgradetasks'
|
||||||
|
import historicalrecord from './components/historicalrecord'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'index',
|
||||||
|
components: {
|
||||||
|
upgradetargetmodel,
|
||||||
|
thetargetvehicleofthisupgrade,
|
||||||
|
upgradeimpactassessment,
|
||||||
|
upgradehavechanged,
|
||||||
|
auxiliaryupgradehavechanged,
|
||||||
|
usernotification,
|
||||||
|
informationaboutotherupgradetasks,
|
||||||
|
historicalrecord,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
title: '',
|
||||||
|
queryParam: {
|
||||||
|
projectName:this.$route.query.projectName?this.$route.query.projectName:''
|
||||||
|
},
|
||||||
|
visible:false,
|
||||||
|
confirmLoading: false,
|
||||||
|
pageNohistory: 1,
|
||||||
|
description:'',
|
||||||
|
isTrue:false,
|
||||||
|
pageSizehistory: 10,
|
||||||
|
total: 0,
|
||||||
|
dataSourcehistory:[],
|
||||||
|
columnshistory: [
|
||||||
|
{
|
||||||
|
title: this.$t('fillincontent'),
|
||||||
|
dataIndex: 'logContent',
|
||||||
|
align: 'left',
|
||||||
|
ellipsis: true,
|
||||||
|
scopedSlots: { customRender: 'content' },
|
||||||
|
width: 180
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('module'),
|
||||||
|
dataIndex: 'remarks',
|
||||||
|
align: 'left',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 100,
|
||||||
|
scopedSlots: { customRender: 'detailText' }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('completedBy'),
|
||||||
|
dataIndex: 'createTime',
|
||||||
|
align: 'left',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 130
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: this.$t('completedTime'),
|
||||||
|
dataIndex: 'createTime',
|
||||||
|
align: 'left',
|
||||||
|
ellipsis: true,
|
||||||
|
width: 180
|
||||||
|
},
|
||||||
|
],
|
||||||
|
toggleSearchStatus: false,
|
||||||
|
tabActive: this.$t('upgradetargetmodel')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
callback(value) {
|
||||||
|
this.tabActive = value
|
||||||
|
},
|
||||||
|
handleToggleSearch() {
|
||||||
|
this.toggleSearchStatus = !this.toggleSearchStatus
|
||||||
|
},
|
||||||
|
fillintherecordClick(){
|
||||||
|
this.visible = true
|
||||||
|
return
|
||||||
|
this.bussLogList()
|
||||||
|
},
|
||||||
|
bussLogList(val) {
|
||||||
|
let query = {
|
||||||
|
pageNo: this.pageNohistory,
|
||||||
|
pageSize: this.pageSizehistory,
|
||||||
|
paramsReportDetailId: this.paramsReportDetailId
|
||||||
|
}
|
||||||
|
this.loading = true
|
||||||
|
getAction('report/detailLog/page', query).then((res) => {
|
||||||
|
if (res.success) {
|
||||||
|
this.dataSourcehistory = res.result.records
|
||||||
|
this.total = res.result.total
|
||||||
|
this.loading = false
|
||||||
|
} else {
|
||||||
|
this.loading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleOk() {
|
||||||
|
this.pageNohistory = 1
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
handleCancel() {
|
||||||
|
this.pageNohistory = 1
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
onChangehistory(page, pageSize) {
|
||||||
|
this.pageNohistory = page
|
||||||
|
this.bussLogList()
|
||||||
|
},
|
||||||
|
SizeChangehistory(page, pageSize) {
|
||||||
|
this.pageNohistory = 1
|
||||||
|
this.pageSizehistory = pageSize
|
||||||
|
this.bussLogList()
|
||||||
|
},
|
||||||
|
basicInformationForm(){
|
||||||
|
this.tabActive = this.$t('thetargetvehicleofthisupgrade')
|
||||||
|
},
|
||||||
|
upgradeRequirementsup(){
|
||||||
|
this.tabActive = this.$t('upgradetargetmodel')
|
||||||
|
},
|
||||||
|
upgradeRequirementsdown(){
|
||||||
|
this.tabActive = this.$t('upgradeimpactassessment')
|
||||||
|
},
|
||||||
|
safetyPrecautionsup(){
|
||||||
|
this.tabActive = this.$t('thetargetvehicleofthisupgrade')
|
||||||
|
},
|
||||||
|
safetyPrecautionsdown(){
|
||||||
|
this.tabActive = this.$t('upgradehavechanged')
|
||||||
|
},
|
||||||
|
upgradedonlineup(){
|
||||||
|
this.tabActive = this.$t('upgradeimpactassessment')
|
||||||
|
},
|
||||||
|
upgradedonlinedown(){
|
||||||
|
this.tabActive = this.$t('auxiliaryupgradehavechanged')
|
||||||
|
},
|
||||||
|
beupgradedonlineup(){
|
||||||
|
this.tabActive = this.$t('upgradehavechanged')
|
||||||
|
},
|
||||||
|
beupgradedonlinedown(){
|
||||||
|
this.tabActive = this.$t('usernotification')
|
||||||
|
},
|
||||||
|
recordparametersup(){
|
||||||
|
this.tabActive = this.$t('auxiliaryupgradehavechanged')
|
||||||
|
},
|
||||||
|
recordparametersdown(){
|
||||||
|
this.tabActive = this.$t('informationaboutotherupgradetasks')
|
||||||
|
},
|
||||||
|
otherup(){
|
||||||
|
this.tabActive = this.$t('usernotification')
|
||||||
|
},
|
||||||
|
// taskConfirmationHandlingClick() {
|
||||||
|
// this.$router.push({
|
||||||
|
// path: '/toDoTaskConfirmation'
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="less">
|
||||||
|
@import '~@assets/less/common.less';
|
||||||
|
|
||||||
|
.box-title-text {
|
||||||
|
line-height: 1.4;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text {
|
||||||
|
width: 20%;
|
||||||
|
min-width: 110px;
|
||||||
|
color: #000F16;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
margin-top: 3px;
|
||||||
|
text-align: right;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 70%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-button {
|
||||||
|
height: 38px;
|
||||||
|
/*margin-top: 2px;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-operation {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemModel {
|
||||||
|
width: calc(100% - 130px);
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Required {
|
||||||
|
color: red;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
.page {
|
||||||
|
text-align: right;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.drawer-bootom-button {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 100;
|
||||||
|
border-top: 1px solid #e8e8e8;
|
||||||
|
padding: 10px 16px;
|
||||||
|
text-align: right;
|
||||||
|
left: 0;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0 0 2px 2px;
|
||||||
|
}
|
||||||
|
::v-deep .ant-table-row:first-child {
|
||||||
|
background: #fff !important;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-table-body {
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .ant-table-placeholder {
|
||||||
|
margin-top: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .tabs .ant-tabs-nav .ant-tabs-tab-disabled, .ant-tabs-nav .ant-tabs-tab-disabled:hover{
|
||||||
|
color: #333333 !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -366,9 +366,9 @@
|
|||||||
.titlebox{
|
.titlebox{
|
||||||
width: 816px;
|
width: 816px;
|
||||||
height: 70px;
|
height: 70px;
|
||||||
margin-top: 10px;
|
margin-top: 5px;
|
||||||
margin-left: 26px;
|
margin-left: 9px;
|
||||||
border: #191E29 solid 1px;
|
border-left: #A3AAAD solid 1px;
|
||||||
}
|
}
|
||||||
.titlebox-text{
|
.titlebox-text{
|
||||||
line-height: 5;
|
line-height: 5;
|
||||||
|
|||||||
@@ -1,359 +1,129 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<a-table
|
<a-spin :spinning="confirmLoading">
|
||||||
ref="table"
|
<a-form-model class="formAdd" ref="ruleForm">
|
||||||
size="middle"
|
<a-row :gutter="24">
|
||||||
:components="drag(columns,'columns')"
|
<a-col :span="24">
|
||||||
:loading="loading"
|
<div class="box-title-text-add">
|
||||||
:pagination="false"
|
<div class="title-text-add">
|
||||||
:scroll="{x: '100%',y:'calc(100vh - 140px)'}"
|
<span class="title-text-text" :title="$t('upgradepacketprotectionmeasures')">{{$t('upgradepacketprotectionmeasures')}}</span>
|
||||||
rowKey="id"
|
</div>
|
||||||
:data-source="dataSource"
|
<a-form-model-item class="itemModel" prop="dutyTerritory">
|
||||||
:columns="columns"
|
<a-textarea
|
||||||
>
|
:placeholder="$t('controlsystem')"
|
||||||
<!-- -->
|
v-model.trim="queryParam.description" :rows="4"/>
|
||||||
<span slot="operation" slot-scope="text,record">
|
</a-form-model-item>
|
||||||
<a class="text-operation" v-if="record.flowType != '10'"
|
</div>
|
||||||
@click="monitoringProcessClick(record)">{{$t('monitoringProcess')}}</a>
|
</a-col>
|
||||||
<a class="text-operation"
|
</a-row>
|
||||||
@click="viewClick(record)">{{$t('view')}}</a>
|
</a-form-model>
|
||||||
</span>
|
</a-spin>
|
||||||
<span slot="RelatedItems" slot-scope="text,record">
|
<div class="bootom-button">
|
||||||
<a @click="RelatedItemsClick(record)" :title="text">
|
<a-button style="margin-right:50px">{{$t('preservation')}}</a-button>
|
||||||
{{text}}
|
<a-button type="primary" @click='last' style="margin-right:50px">{{$t('last')}}</a-button>
|
||||||
</a>
|
<a-button type="primary" @click='submit'>{{$t('submit')}}</a-button>
|
||||||
</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>
|
||||||
</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'
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'doneList',
|
name: 'basicInformation',
|
||||||
mixins:[ResizeHeader, ResizeColumnProvide],
|
components:{
|
||||||
data() {
|
},
|
||||||
return {
|
data() {
|
||||||
dataSource: [],
|
return {
|
||||||
loading: false,
|
confirmLoading: false,
|
||||||
url: {
|
disabled: false,
|
||||||
list: '/todoCenter/projectProcess/doneProcess'
|
queryParam:{}
|
||||||
},
|
|
||||||
queryParam: {},
|
|
||||||
columns: [
|
|
||||||
{
|
|
||||||
title: this.$t('RelatedItems'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'projectName',
|
|
||||||
ellipsis: true,
|
|
||||||
scopedSlots: { customRender: 'RelatedItems' },
|
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('standardInformation'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'standardInfo',
|
|
||||||
ellipsis: true,
|
|
||||||
scopedSlots: { customRender: 'standardInformation' },
|
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('taskType'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'flowTypeShow',
|
|
||||||
ellipsis: true,
|
|
||||||
width: 170
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: this.$t('Sponsor'),
|
|
||||||
align: 'left',
|
|
||||||
dataIndex: 'createBy',
|
|
||||||
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
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
monitoringProcessClick(row){
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/processDetails',
|
|
||||||
query: {
|
|
||||||
prcNum: row.prcNum,
|
|
||||||
prcType:row.flowType,
|
|
||||||
prcId:row.actiProcInstId,
|
|
||||||
}
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
},
|
|
||||||
RelatedItemsClick(item) {
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/ProjectDetails',
|
|
||||||
query: {
|
|
||||||
id: item.projectLibraryId,
|
|
||||||
projectName: item.projectName,
|
|
||||||
projectNameId: item.projectNameId,
|
|
||||||
targetMarket: item.targetMarket,
|
|
||||||
studioEngineer:item.studioEngineer,
|
|
||||||
}
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
},
|
|
||||||
standardInformationClick(item){
|
|
||||||
let newUrl = this.$router.resolve({
|
|
||||||
path: '/docManage/library/detail',
|
|
||||||
query: {
|
|
||||||
id: item.bussDocumentLibraryId,
|
|
||||||
}
|
|
||||||
})
|
|
||||||
window.open(newUrl.href, '_blank')
|
|
||||||
},
|
|
||||||
viewClick(row) {
|
|
||||||
let query = {}
|
|
||||||
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() {
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
last(){
|
||||||
|
this.$emit('otherup')
|
||||||
|
},
|
||||||
|
submit(){
|
||||||
|
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style lang="less" scoped>
|
||||||
@import '~@assets/less/common.less';
|
@import'~@assets/less/common.less';
|
||||||
.page {
|
.box {
|
||||||
text-align: right;
|
height: 650px;
|
||||||
margin-top: 20px;
|
padding: 0 24px 24px 24px;
|
||||||
}
|
box-sizing: border-box;
|
||||||
.text-operation{
|
}
|
||||||
margin-right: 8px;
|
|
||||||
}
|
.box-title-text-add {
|
||||||
|
line-height: 1.4;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add {
|
||||||
|
width: 114px;
|
||||||
|
text-align: right;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-add-input {
|
||||||
|
width: 80%;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 16px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 42px;
|
||||||
|
line-height: 42px;
|
||||||
|
margin-top: 3px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-text-text {
|
||||||
|
margin-top: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemModel {
|
||||||
|
width: calc(100% - 130px);
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formAdd {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 670px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootom-button{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0px;
|
||||||
|
left: 40%;
|
||||||
|
text-align: center!important;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
+702
-328
File diff suppressed because it is too large
Load Diff
@@ -1,3 +1,4 @@
|
|||||||
|
<!--车型-->
|
||||||
<template>
|
<template>
|
||||||
<a-card :bordered="false">
|
<a-card :bordered="false">
|
||||||
<div class="table-operator" style="margin-bottom: 8px">
|
<div class="table-operator" style="margin-bottom: 8px">
|
||||||
|
|||||||
Reference in New Issue
Block a user