687 lines
31 KiB
Vue
687 lines
31 KiB
Vue
|
<template>
|
|||
|
|
<el-card class="hl-card" style="position: relative">
|
|||
|
|
<template #header>
|
|||
|
|
<span>详情页</span>
|
|||
|
|
</template>
|
|||
|
|
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="160px" v-loading="formLoading">
|
|||
|
|
<el-card class="hl-card-info">
|
|||
|
|
<template #header>
|
|||
|
|
<div class="hl-card-info-icona"></div><span class="hl-card-info-text">基础信息</span>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="计划编号" prop="planNo">
|
|||
|
|
<el-input class="!w-265px" placeholder="系统自动生成" v-model="formData.planNo" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="项目名称" prop="projectName">
|
|||
|
|
<el-input class="!w-265px" placeholder="项目名称" v-model="formData.projectName" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="项目负责人" prop="projectOwner">
|
|||
|
|
<el-select class="!w-265px" v-model="formData.projectOwner" filterable disabled>
|
|||
|
|
<el-option v-for="dict in userInit" :key="dict.id"
|
|||
|
|
:label="dict.username + ' '+ dict.nickname" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="是否要工艺" prop="hasCraft">
|
|||
|
|
<el-radio-group v-model="formData.hasCraft">
|
|||
|
|
<el-radio disabled v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)" :key="dict.value"
|
|||
|
|
:label="dict.value">
|
|||
|
|
{{ dict.label }}
|
|||
|
|
</el-radio>
|
|||
|
|
</el-radio-group>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="计划编制人" prop="editor">
|
|||
|
|
<el-select class="!w-265px" v-model="formData.editor" filterable disabled>
|
|||
|
|
<el-option v-for="dict in userInit" :key="dict.id"
|
|||
|
|
:label="dict.username + ' '+ dict.nickname" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="计划编制日期" prop="editorDate">
|
|||
|
|
<el-date-picker disabled class="!w-265px" v-model="formData.editorDate" type="date" value-format="x"
|
|||
|
|
placeholder="计划编制日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="80">
|
|||
|
|
<el-form-item label="备注" prop="description">
|
|||
|
|
<el-input disabled class="!w-713px" type="textarea" v-model="formData.description" show-word-limit
|
|||
|
|
maxlength="200" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="项目编号" prop="projectCode">
|
|||
|
|
<el-input class="!w-265px" placeholder="项目编号" v-model="formData.projectCode" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="业务员" prop="businessMan">
|
|||
|
|
<el-input class="!w-265px" placeholder="业务员" v-model="formData.businessMan" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="所属业务线" prop="businessLine">
|
|||
|
|
<el-select class="!w-265px" v-model="formData.businessLine" disabled>
|
|||
|
|
<el-option disabled v-for="dict in getStrDictOptions(DICT_TYPE.HELI_BUSINESS_LINE)" :key="dict.value"
|
|||
|
|
:label="dict.label" :value="dict.value" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="工艺负责人" prop="craftOwner">
|
|||
|
|
<el-select class="!w-265px" v-model="formData.craftOwner" filterable disabled>
|
|||
|
|
<el-option v-for="dict in userInit" :key="dict.id"
|
|||
|
|
:label="dict.username + ' '+ dict.nickname" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="计划审核人" prop="auditor">
|
|||
|
|
<el-select class="!w-265px" v-model="formData.auditor" filterable disabled>
|
|||
|
|
<el-option v-for="dict in userInit" :key="dict.id"
|
|||
|
|
:label="dict.username + ' '+ dict.nickname" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="计划审核日期" prop="auditDate">
|
|||
|
|
<el-date-picker disabled class="!w-265px" v-model="formData.auditDate" type="date" value-format="x"
|
|||
|
|
placeholder="计划审核日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="项目状态" prop="projectStatus">
|
|||
|
|
<el-select v-model="formData.projectStatus" placeholder="项目状态" clearable class="!w-265px" disabled>
|
|||
|
|
<el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_ORDER_STATUS)"
|
|||
|
|
:key="dict.value" :label="dict.label" :value="dict.value" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="项目开始日期" prop="projectStartTime">
|
|||
|
|
<el-date-picker class="!w-265px" v-model="formData.projectStartTime" type="date" value-format="x"
|
|||
|
|
placeholder="项目开始日期" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="性质" prop="property">
|
|||
|
|
<el-select class="!w-265px" v-model="formData.property" placeholder="下拉选择" disabled>
|
|||
|
|
<el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_PROPERTY)" :key="dict.value"
|
|||
|
|
:label="dict.label" :value="dict.value" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="工艺开始日期" prop="craftStartTime">
|
|||
|
|
<el-date-picker disabled class="!w-265px" v-model="formData.craftStartDate" type="date" value-format="x"
|
|||
|
|
placeholder="工艺开始日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="计划批准人" prop="approver">
|
|||
|
|
<el-select class="!w-265px" v-model="formData.approver" filterable >
|
|||
|
|
<el-option v-for="dict in userInit" :key="dict.id"
|
|||
|
|
:label="dict.username + ' '+ dict.nickname" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="计划批准日期" prop="approveDate">
|
|||
|
|
<el-date-picker disabled class="!w-265px" v-model="formData.approveDate" type="date" value-format="x"
|
|||
|
|
placeholder="计划批准日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="生产状态" prop="status">
|
|||
|
|
<el-select v-model="formData.status" placeholder="生产状态" clearable class="!w-265px" disabled>
|
|||
|
|
<el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_PLAN_STATUS)" :key="dict.value"
|
|||
|
|
:label="dict.label" :value="dict.value" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
<el-col :span="6">
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="客户名称" prop="customerName">
|
|||
|
|
<el-input class="!w-265px" v-model="formData.customerName" placeholder="客户名称" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="项目结束日期" prop="projectEndTime">
|
|||
|
|
<el-date-picker class="!w-265px" v-model="formData.projectEndTime" type="date" value-format="x"
|
|||
|
|
placeholder="项目结束日期" disabled />
|
|||
|
|
<span style="position: absolute; left: 0; top: 30px" v-if="formData.projectStartTime && formData.projectEndTime">{{
|
|||
|
|
' 共计' +
|
|||
|
|
betweenDay1(
|
|||
|
|
new Date(formData.projectStartTime),
|
|||
|
|
new Date(formData.projectEndTime)
|
|||
|
|
) +
|
|||
|
|
'天'
|
|||
|
|
}}</span>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="是否紧急" prop="isUrgency">
|
|||
|
|
<el-select class="!w-265px" v-model="formData.isUrgency" disabled>
|
|||
|
|
<el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)" :key="dict.value"
|
|||
|
|
:label="dict.label" :value="dict.value" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="工艺结束日期" prop="craftEndTime">
|
|||
|
|
<el-date-picker disabled class="!w-265px" v-model="formData.craftEndDate" type="date" value-format="x"
|
|||
|
|
placeholder="工艺结束日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="创建时间" prop="createTime">
|
|||
|
|
<el-date-picker class="!w-265px" v-model="formData.createTime" type="date" value-format="x"
|
|||
|
|
placeholder="创建时间" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="项目变更日期" prop="changeLastDate">
|
|||
|
|
<el-date-picker class="!w-265px" v-model="formData.changeLastDate" type="date" value-format="x" placeholder="项目变更日期" disabled/>
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col :span="24">
|
|||
|
|
<el-form-item label="项目变更次数" prop="changeNum">
|
|||
|
|
<el-input class="!w-265px" placeholder="项目变更次数" v-model="formData.changeNum" disabled />
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-col>
|
|||
|
|
|
|||
|
|
</el-row>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
|
|||
|
|
</el-card>
|
|||
|
|
|
|||
|
|
<el-card class="hl-card-info">
|
|||
|
|
<template #header>
|
|||
|
|
<div class="hl-card-info-icona"></div><span class="hl-card-info-text">子项目信息</span>
|
|||
|
|
</template>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col>
|
|||
|
|
<el-card class="hl-incard">
|
|||
|
|
<el-form ref="projectOrderSubFormRef" :model="formData.projectOrderSubs" :rules="subFormRules"
|
|||
|
|
v-loading="subFormLoading" label-width="0">
|
|||
|
|
<el-table :data="formData.projectOrderSubs" :show-overflow-tooltip="true" class="hl-table">
|
|||
|
|
<el-table-column label="序号" type="index" width="80" fixed />
|
|||
|
|
<el-table-column prop="name" label="子项目名称" min-width="120" align="center" fixed/>
|
|||
|
|
<el-table-column prop="projectSubShortName" min-width="180" align="center" >
|
|||
|
|
<template #header>子项目简称</template>
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.projectSubShortName`" class="mb-0px!">
|
|||
|
|
<el-input disabled v-model="row.projectSubShortName" placeholder="子项目简称" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="projectSubCode" label="子项目编号" min-width="350" align="center" />
|
|||
|
|
<el-table-column prop="mouldId" align="center" min-width="180">
|
|||
|
|
<template #header> 模具类型 </template>
|
|||
|
|
<template #default="scope">
|
|||
|
|
<el-form-item :prop="`${scope.$index}.mouldId`" class="mb-0px!">
|
|||
|
|
<el-select disabled v-model="scope.row.mouldId" clearable placeholder="下拉选择" @change="(mid)=>handleMouldType(scope,mid)" style="width: 100%">
|
|||
|
|
<el-option v-for="dict in mouldTypeList" :key="dict.id" :label="dict.name" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="equipId" align="center" min-width="180">
|
|||
|
|
<template #header> 设备型号 </template>
|
|||
|
|
<template #default="scope">
|
|||
|
|
<el-form-item :prop="`${scope.$index}.equipId`" class="mb-0px!">
|
|||
|
|
<el-select disabled v-model="scope.row.equipId" clearable placeholder="下拉选择" style="width: 100%">
|
|||
|
|
<el-option v-for="dict in scope.row.equipList" :key="dict.id" :label="dict.name"
|
|||
|
|
:value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="amount" label="数量" min-width="100" align="center" />
|
|||
|
|
<el-table-column prop="unit" label="单位" min-width="100" align="center">
|
|||
|
|
<template #default="scope">
|
|||
|
|
<dict-tag :type="DICT_TYPE.HELI_MATERIAL_UNIT" :value="scope.row.unit" />
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="compositionName" label="主要材质" min-width="120" align="center" />
|
|||
|
|
<el-table-column min-width="180" align="center">
|
|||
|
|
<template #header>毛坯结束日期</template>
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.blankDate`" class="mb-0px!">
|
|||
|
|
<el-date-picker disabled class="!w-265px" v-model="row.blankDate" type="date" value-format="x"
|
|||
|
|
placeholder="毛坯结束日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column min-width="150" align="center">
|
|||
|
|
<template #header>毛坯负责人</template>
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.blankOwner`" class="mb-0px!">
|
|||
|
|
<el-select class="!w-265px" v-model="row.blankOwner" filterable disabled>
|
|||
|
|
<el-option v-for="dict in userInit" :key="dict.id"
|
|||
|
|
:label="dict.username + ' '+ dict.nickname" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
|
|||
|
|
<el-table-column min-width="180" align="center">
|
|||
|
|
<template #header>2D结束日期</template>
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.twoDimDate`" class="mb-0px!">
|
|||
|
|
<el-date-picker disabled class="!w-265px" v-model="row.twoDimDate" type="date" value-format="x"
|
|||
|
|
placeholder="2D结束日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column min-width="150" align="center">
|
|||
|
|
<template #header>2D负责人</template>
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.twoDimOwner`" class="mb-0px!">
|
|||
|
|
<el-select class="!w-265px" v-model="row.twoDimOwner" filterable disabled>
|
|||
|
|
<el-option v-for="dict in userInit" :key="dict.id"
|
|||
|
|
:label="dict.username + ' '+ dict.nickname" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
|
|||
|
|
<el-table-column min-width="180" align="center">
|
|||
|
|
<template #header>3D结束日期</template>
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.threeDimDate`" class="mb-0px!">
|
|||
|
|
<el-date-picker disabled class="!w-265px" v-model="row.threeDimDate" type="date" value-format="x"
|
|||
|
|
placeholder="3D结束日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column min-width="150" align="center">
|
|||
|
|
<template #header>3D负责人</template>
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.threeDimOwner`" class="mb-0px!">
|
|||
|
|
<el-select class="!w-265px" v-model="row.threeDimOwner" filterable disabled>
|
|||
|
|
<el-option v-for="dict in userInit" :key="dict.id"
|
|||
|
|
:label="dict.username + ' '+ dict.nickname" :value="dict.id" />
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</el-table>
|
|||
|
|
</el-form>
|
|||
|
|
</el-card>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-card>
|
|||
|
|
|
|||
|
|
<el-card class="hl-card-info">
|
|||
|
|
<template #header>
|
|||
|
|
<div class="hl-card-info-icona"></div><span class="hl-card-info-text">工艺流程</span>
|
|||
|
|
</template>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col>
|
|||
|
|
<el-card class="hl-incard">
|
|||
|
|
<el-table :data="formData.craftInfos" class="hl-table">
|
|||
|
|
<el-table-column label="序号" align="center" type="index" width="80" />
|
|||
|
|
|
|||
|
|
<el-table-column prop="name" min-width="120" label="工艺流程" align="center" />
|
|||
|
|
<el-table-column min-width="150" label="开始日期" align="center">
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.startDate`" class="mb-0px!">
|
|||
|
|
<el-date-picker disabled v-model="row.startDate" type="date" value-format="x" style="width: 100%;"
|
|||
|
|
placeholder="开始日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column min-width="150" align="center">
|
|||
|
|
<template #header> 结束日期 </template>
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.endDate`" class="mb-0px!">
|
|||
|
|
<el-date-picker disabled style="width: 100%;" v-model="row.endDate" type="date" value-format="x"
|
|||
|
|
placeholder="结束日期" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column min-width="150" label="责任人" align="center">
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.owner`" class="mb-0px!">
|
|||
|
|
<el-input style="width: 100%;" disabled v-model="row.owner" placeholder="责任人" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column min-width="300" label="备注" align="center">
|
|||
|
|
<template #default="{ row, $index }">
|
|||
|
|
<el-form-item :prop="`${$index}.description`" class="mb-0px!">
|
|||
|
|
<el-input disabled style="width: 100%;" v-model="row.description" placeholder="备注" />
|
|||
|
|
</el-form-item>
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
</el-table>
|
|||
|
|
</el-card>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-card>
|
|||
|
|
|
|||
|
|
<el-card class="hl-card-info" v-if="false">
|
|||
|
|
<template #header>
|
|||
|
|
<div class="hl-card-info-icona"></div><span class="hl-card-info-text">操作日志</span>
|
|||
|
|
</template>
|
|||
|
|
<el-row>
|
|||
|
|
<el-col>
|
|||
|
|
<el-card class="hl-incard">
|
|||
|
|
<el-table :data="formData.operateLogs" class="hl-table" :style="{ height: formData.operateLogs.length > 10 ? '450px' : '' }">
|
|||
|
|
<el-table-column prop="type" label="操作" align="center" width="200px">
|
|||
|
|
<template #default="scope">
|
|||
|
|
{{ getDictLabel(DICT_TYPE.SYSTEM_OPERATE_TYPE, scope.row.type) }}
|
|||
|
|
</template>
|
|||
|
|
</el-table-column>
|
|||
|
|
<el-table-column prop="userNickname" label="操作人" align="center" />
|
|||
|
|
<el-table-column label="操作时间" align="center" prop="startTime" width="220" :formatter="dateFormatter" />
|
|||
|
|
</el-table>
|
|||
|
|
</el-card>
|
|||
|
|
</el-col>
|
|||
|
|
</el-row>
|
|||
|
|
</el-card>
|
|||
|
|
</el-form>
|
|||
|
|
<div class="text-center hl-footer">
|
|||
|
|
<el-button @click="() => router.back()" size="large">取 消</el-button>
|
|||
|
|
</div>
|
|||
|
|
</el-card>
|
|||
|
|
<ProjectOrderDialog ref="projectOrderDialog" @success="handleSelectedProjectOrder" />
|
|||
|
|
</template>
|
|||
|
|
<script setup lang="ts">
|
|||
|
|
import { inject } from 'vue'
|
|||
|
|
import { getIntDictOptions, getStrDictOptions, getDictLabel, DICT_TYPE } from '@/utils/dict'
|
|||
|
|
import {betweenDay, formatDate, dateFormatter, betweenDay1} from '@/utils/formatTime'
|
|||
|
|
import { Search, Plus } from '@element-plus/icons-vue'
|
|||
|
|
import ProjectOrderDialog from '@/views/heli/plan/projectOrderDialog.vue'
|
|||
|
|
import * as PlanApi from '@/api/heli/plan'
|
|||
|
|
import * as PlanSubApi from '@/api/heli/plansub'
|
|||
|
|
import * as ProjectOrderApi from '@/api/heli/projectorder'
|
|||
|
|
import * as CustomerApi from '@/api/heli/customer'
|
|||
|
|
import * as UserApi from '@/api/system/user'
|
|||
|
|
import * as EquipApi from '@/api/heli/equip'
|
|||
|
|
import * as MouldTypeApi from '@/api/heli/mouldtype'
|
|||
|
|
import { getOperateLogPage } from '@/api/system/operatelog'
|
|||
|
|
|
|||
|
|
const { t } = useI18n() // 国际化
|
|||
|
|
const message = useMessage() // 消息弹窗
|
|||
|
|
const { query } = useRoute()
|
|||
|
|
const router = useRouter()
|
|||
|
|
const reload = inject('reload')
|
|||
|
|
|
|||
|
|
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
|
|||
|
|
const formRef = ref() // 表单
|
|||
|
|
const formData = ref({
|
|||
|
|
id: undefined,
|
|||
|
|
projectId: undefined,
|
|||
|
|
projectOwner: undefined,
|
|||
|
|
hasCraft: undefined,
|
|||
|
|
craftOwner: undefined,
|
|||
|
|
craftStartTime: undefined,
|
|||
|
|
craftEndTime: undefined,
|
|||
|
|
editor: undefined,
|
|||
|
|
editorDate: undefined,
|
|||
|
|
auditor: undefined,
|
|||
|
|
auditDate: undefined,
|
|||
|
|
approver: undefined,
|
|||
|
|
approveDate: undefined,
|
|||
|
|
description: undefined,
|
|||
|
|
status: undefined,
|
|||
|
|
createTime: undefined,
|
|||
|
|
operateLogs: [],
|
|||
|
|
projectOrderSubs: [],
|
|||
|
|
projectPlanSubs: [],
|
|||
|
|
craftInfos: [],
|
|||
|
|
craftContent:undefined
|
|||
|
|
})
|
|||
|
|
const formRules = reactive({
|
|||
|
|
projectCode: [{ required: true, message: '项目编号不能为空', trigger: 'blur' }],
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
const projectOrderDialog = ref()
|
|||
|
|
const openProjectOrderDialog = () => {
|
|||
|
|
projectOrderDialog.value?.open()
|
|||
|
|
}
|
|||
|
|
const handleSelectedProjectOrder = (arr: ProjectOrderVO[]) => {
|
|||
|
|
if (arr) {
|
|||
|
|
formData.value.projectCode = arr.code
|
|||
|
|
formData.value.projectStatus = arr.orderStatus
|
|||
|
|
formData.value.customerName = arr.customerName
|
|||
|
|
formData.value.projectName = arr.projectName
|
|||
|
|
formData.value.businessMan = arr.businessManName
|
|||
|
|
formData.value.projectStartTime = arr.projectStartTime
|
|||
|
|
formData.value.projectEndTime = arr.projectEndTime
|
|||
|
|
formData.value.businessLine = arr.businessLine
|
|||
|
|
formData.value.property = arr.property
|
|||
|
|
formData.value.isUrgency = arr.isUrgency
|
|||
|
|
formData.value.projectId = arr.id
|
|||
|
|
|
|||
|
|
handleInitPlanSub()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
const handleMouldType = async (scope,mid) => {
|
|||
|
|
// 获得设备信息下拉列表
|
|||
|
|
scope.row.equipList = equipInit.value.filter( rg => rg.mould_type_id == mid)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const submitForm = async () => {
|
|||
|
|
// 校验表单
|
|||
|
|
await formRef.value.validate()
|
|||
|
|
// 提交请求
|
|||
|
|
formLoading.value = true
|
|||
|
|
try {
|
|||
|
|
const data = formData.value as unknown as PlanApi.PlanVO
|
|||
|
|
data.craftContent = JSON.stringify(data.craftInfos)
|
|||
|
|
|
|||
|
|
await PlanApi.updatePlan(data)
|
|||
|
|
formData.value.projectOrderSubs.forEach(item=>{
|
|||
|
|
var subData = item as unknown as PlanSubApid.PlanSubVo
|
|||
|
|
subData.projectId = item.projectOrderId
|
|||
|
|
subData.projectPlanId = formData.value.id
|
|||
|
|
subData.projectSubId = item.id
|
|||
|
|
if(item.planSubId == undefined){
|
|||
|
|
subData.id = 0
|
|||
|
|
PlanSubApi.createPlanSub(subData)
|
|||
|
|
}else{
|
|||
|
|
subData.id = item.planSubId
|
|||
|
|
PlanSubApi.updatePlanSub(subData)
|
|||
|
|
}
|
|||
|
|
subData.id = subData.projectSubId
|
|||
|
|
})
|
|||
|
|
message.success(t('common.updateSuccess'))
|
|||
|
|
// 发送操作成功的事件
|
|||
|
|
emit('success')
|
|||
|
|
} finally {
|
|||
|
|
formLoading.value = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const handleInitPlanSub = async ()=>{
|
|||
|
|
// 项目子项列表
|
|||
|
|
formData.value.projectOrderSubs =
|
|||
|
|
await ProjectOrderApi.getProjectOrderSubListByProjectOrderId(formData.value.projectId)
|
|||
|
|
|
|||
|
|
// 生产计划子项列表
|
|||
|
|
const queryParams = reactive({
|
|||
|
|
pageNo: 1,
|
|||
|
|
pageSize: 99,
|
|||
|
|
projectPlanId: query.id
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
formData.value.projectPlanSubs =
|
|||
|
|
(await PlanSubApi.getPlanSubPage(queryParams)).list
|
|||
|
|
|
|||
|
|
formData.value.projectOrderSubs.forEach( item =>{
|
|||
|
|
if(formData.value.projectPlanSubs.filter(sub=>sub.projectSubId == item.id).length>0){
|
|||
|
|
var subTemp = formData.value.projectPlanSubs.find(sub=>sub.projectSubId == item.id)
|
|||
|
|
item.planSubId = subTemp.id
|
|||
|
|
item.projectPlanId = subTemp.projectPlanId
|
|||
|
|
item.projectId = subTemp.projectId
|
|||
|
|
item.projectSubId = subTemp.projectSubId
|
|||
|
|
item.projectSubShortName = subTemp.projectSubShortName
|
|||
|
|
item.projectSubCode = subTemp.projectSubCode
|
|||
|
|
item.mouldId = subTemp.mouldId
|
|||
|
|
item.equipId = subTemp.equipId
|
|||
|
|
item.blankDate = subTemp.blankDate
|
|||
|
|
item.blankOwner = subTemp.blankOwner
|
|||
|
|
item.twoDimDate = subTemp.twoDimDate
|
|||
|
|
item.twoDimOwner = subTemp.twoDimOwner
|
|||
|
|
item.threeDimDate = subTemp.threeDimDate
|
|||
|
|
item.threeDimOwner = subTemp.threeDimOwner
|
|||
|
|
item.equipList = equipInit.value.filter( rg => rg.mould_type_id == subTemp.mouldId)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
const userInit = ref()
|
|||
|
|
const equipInit = ref()
|
|||
|
|
const mouldTypeList = ref()
|
|||
|
|
onMounted(async () => {
|
|||
|
|
|
|||
|
|
//用户列表数据
|
|||
|
|
userInit.value = await UserApi.getSimpleUserList()
|
|||
|
|
// 模具类型下拉列表数据
|
|||
|
|
mouldTypeList.value = await MouldTypeApi.getNoStatusSimpList()
|
|||
|
|
// 设备信息下拉列表数据
|
|||
|
|
equipInit.value = await EquipApi.getNoStatusSimpList()
|
|||
|
|
// 获取库存信息
|
|||
|
|
formData.value = await PlanApi.getPlan(query.id)
|
|||
|
|
|
|||
|
|
await handleInitPlanSub()
|
|||
|
|
|
|||
|
|
var projectInit = await ProjectOrderApi.getProjectOrder(formData.value.projectId)
|
|||
|
|
var customerInit = await CustomerApi.getCustomer(projectInit.customerId)
|
|||
|
|
var businessManInit = await UserApi.getUser(projectInit.businessMan)
|
|||
|
|
|
|||
|
|
formData.value.projectCode = projectInit.code
|
|||
|
|
formData.value.projectStatus = projectInit.orderStatus
|
|||
|
|
formData.value.customerName = customerInit?.name
|
|||
|
|
formData.value.projectName = projectInit.projectName
|
|||
|
|
formData.value.businessMan = businessManInit?.nickname
|
|||
|
|
formData.value.projectStartTime = projectInit.projectStartTime
|
|||
|
|
formData.value.projectEndTime = projectInit.projectEndTime
|
|||
|
|
formData.value.businessLine = projectInit.businessLine
|
|||
|
|
formData.value.property = projectInit.property
|
|||
|
|
formData.value.isUrgency = projectInit.isUrgency
|
|||
|
|
|
|||
|
|
// 操作日志
|
|||
|
|
let logParams = {
|
|||
|
|
pageNo: 1,
|
|||
|
|
pageSize: 99,
|
|||
|
|
businessId: formData.value.projectId,
|
|||
|
|
businessType: 'PROJECT_ORDER'
|
|||
|
|
}
|
|||
|
|
formData.value.operateLogs = (await getOperateLogPage(logParams)).list
|
|||
|
|
|
|||
|
|
if(formData.value.craftContent == null) {
|
|||
|
|
formData.value.craftInfos = []
|
|||
|
|
|
|||
|
|
getIntDictOptions(DICT_TYPE.HELI_CRAFT).forEach(dict =>{
|
|||
|
|
formData.value.craftInfos.push({id:dict.value,name:dict.label,startDate:'',endDate:'',owner:'',description:''})
|
|||
|
|
})
|
|||
|
|
}else{
|
|||
|
|
formData.value.craftInfos = eval( formData.value.craftContent)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
</script>
|
|||
|
|
<style>
|
|||
|
|
a {
|
|||
|
|
color: #409eff;
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.upload-file-uploader {
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
display: inline-block;
|
|||
|
|
margin-right: 20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hl-card .alter-class {
|
|||
|
|
position: relative;
|
|||
|
|
border: solid 1px orange;
|
|||
|
|
outline: solid 1px orange;
|
|||
|
|
}
|
|||
|
|
.el-form-item__content{
|
|||
|
|
margin-left: 0px !important;
|
|||
|
|
}
|
|||
|
|
</style>
|