yunxi
/
mes-heli
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

订单详情 编辑页布局

Browse Source
pull/2/head
qiuhongwu 9 months ago
parent 79993a2d23
commit 3d2b2f9abd
2 changed files with 206 additions and 200 deletions
Show Stats Download Patch File Download Diff File

44
mes-ui/mes-ui-admin-vue3/src/styles/cus.scss
Unescape View File

@ -105,10 +105,10 @@
}
.el-card__body {
padding: 15px 0px;
padding: 10px 0px;
.el-row {
margin: 10px;
margin: 5px 0;
}
}
}
@ -204,43 +204,43 @@
//已变更
.ialteration {
border: 1px solid #F39800;
background-color: #F7F3ED;
color: #F39800;
border: 1px solid #f39800;
background-color: #f7f3ed;
color: #f39800;
}
//已提交
.isubmit {
border: 1px solid #356899;
background-color: #ECF0F4;
background-color: #ecf0f4;
color: #356899;
}
//已作废
.icancellation {
border: 1px solid #95969D;
background-color: #EBEBEB;
color: #95969D;
border: 1px solid #95969d;
background-color: #ebebeb;
color: #95969d;
}
//已终止
.ibreakup {
border: 1px solid #0D0D26;
background-color: #E8E8E8;
color: #0D0D26;
border: 1px solid #0d0d26;
background-color: #e8e8e8;
color: #0d0d26;
}
//全部发货
.allshipments{
color: #3AC33D;
background-color:transparent;
.allshipments {
color: #3ac33d;
background-color: transparent;
border: none;
}
//未发货
.noshipments{
color: #4589FF;
background-color:transparent;
.noshipments {
color: #4589ff;
background-color: transparent;
border: none;
}
.partshipments{
color: #19A998;
background-color:transparent;
.partshipments {
color: #19a998;
background-color: transparent;
border: none;
}
}

362
mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/detail.vue
Unescape View File

@ -50,81 +50,164 @@
<div class="hl-card-info-icona"></div><span class="hl-card-info-text">基础信息</span>
</template>
<el-row>
<el-col :span="6">
<el-row>
<el-col :span="24">
<el-form-item label="项目编号" prop="code">
<el-input
v-if="query.active != 'detailArchive'"
disabled
v-model="formData.code"
class="!w-250px"
placeholder="系统自动生成"
/>
<el-input
v-else
disabled
v-model="formData.snapshotCode"
class="!w-250px"
placeholder="系统自动生成"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="提出部门" prop="businessDeptId">
<el-tree-select
class="!w-250px"
v-model="formData.businessDeptId"
:data="deptList"
:props="defaultProps"
check-strictly
node-key="id"
clearable
placeholder="请选择提出部门"
:disabled="alterDisabled || detailDisabled"
/>
</el-form-item>
</el-col>
</el-row>
<el-col :span="12">
<el-row>
<el-col :span="24">
<el-form-item label="所属业务线" prop="businessLine">
<el-select
class="!w-250px"
v-model="formData.businessLine"
placeholder="请选择所属业务线"
:disabled="alterDisabled || detailDisabled"
>
<el-option
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 :span="12">
<el-row>
<el-col :span="24">
<el-form-item label="项目编号" prop="code">
<el-input
v-if="query.active != 'detailArchive'"
disabled
v-model="formData.code"
class="!w-250px"
placeholder="系统自动生成"
/>
<el-input
v-else
disabled
v-model="formData.snapshotCode"
class="!w-250px"
placeholder="系统自动生成"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="提出部门" prop="businessDeptId">
<el-tree-select
class="!w-250px"
v-model="formData.businessDeptId"
:data="deptList"
:props="defaultProps"
check-strictly
node-key="id"
clearable
placeholder="请选择提出部门"
:disabled="alterDisabled || detailDisabled"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="模具名称" prop="mouldName">
<el-input
class="!w-250px"
:disabled="alterDisabled || detailDisabled"
v-model="formData.mouldName"
placeholder="请输入模具名称"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="项目开始日期" prop="projectStartTime">
<el-date-picker
class="!w-250px"
v-model="formData.projectStartTime"
type="date"
value-format="x"
placeholder="选择项目开始日期"
:disabled="alterDisabled || detailDisabled"
/>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="项目开始日期" prop="projectStartTime">
<el-date-picker
v-model="formData.projectStartTime"
type="date"
value-format="x"
placeholder="选择项目开始日期"
:disabled="alterDisabled || detailDisabled"
/>
</el-form-item>
<el-col :span="12">
<el-row>
<el-col :span="24">
<el-form-item label="单据日期" prop="orderTime">
{{
query.active != 'detailArchive'
? formatDate(formData.orderTime, 'YYYY-MM-DD')
: formatDate(formData.snapshotOrderTime, 'YYYY-MM-DD')
}}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="业务员" prop="businessMan">
<el-select
class="!w-250px"
v-model="formData.businessMan"
placeholder="请输入负责人"
:remote-method="remoteUserSearch"
remote-show-suffix
remote
clearable
reserve-keyword
filterable
:loading="userSelectLoading"
:disabled="alterDisabled || detailDisabled"
>
<el-option
v-for="item in userSelectList"
:key="item.id"
:label="item.username + ' ' + item.nickname"
:value="item.id"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="所属业务线" prop="businessLine">
<el-select
class="!w-250px"
v-model="formData.businessLine"
placeholder="请选择所属业务线"
:disabled="alterDisabled || detailDisabled"
>
<el-option
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="projectEndTime">
<el-date-picker
class="!w-250px"
:class="{ 'alter-class': fieldHasAlter('projectEndTime') }"
v-model="formData.projectEndTime"
type="date"
value-format="x"
placeholder="选择项目结束日期"
:disabled="detailDisabled"
/>
<span
style="position: absolute; left: 0; top: 30px"
v-if="formData.projectStartTime && formData.projectEndTime"
>{{
' 共计' +
betweenDay(
new Date(formData.projectStartTime),
new Date(formData.projectEndTime)
) +
'天'
}}</span
>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="可引用的原有技术" prop="referenceTechnology">
<el-input
class="!w-250px"
class="!w-703px"
:disabled="detailDisabled"
v-model="formData.referenceTechnology"
placeholder="请输入可引用的原有技术"
@ -134,38 +217,35 @@
</el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="24">
<el-form-item label="单据日期" prop="orderTime">
{{
query.active != 'detailArchive'
? formatDate(formData.orderTime, 'YYYY-MM-DD')
: formatDate(formData.snapshotOrderTime, 'YYYY-MM-DD')
}}
<el-form-item label="单据状态" prop="orderStatus">
{{ getDictLabel(DICT_TYPE.HELI_PROJECT_ORDER_STATUS, formData.orderStatus) }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="业务员" prop="businessMan">
<el-form-item label="客户名称" prop="customerId">
<el-select
class="!w-250px"
v-model="formData.businessMan"
placeholder="请输入负责人"
:remote-method="remoteUserSearch"
v-model="formData.customerId"
placeholder="请输入客户名称"
:remote-method="remoteCustomerSearch"
remote-show-suffix
remote
clearable
reserve-keyword
filterable
:loading="userSelectLoading"
:loading="customerSelectLoading"
:disabled="alterDisabled || detailDisabled"
>
<el-option
v-for="item in userSelectList"
v-for="item in customerSelectList"
:key="item.id"
:label="item.username + ' ' + item.nickname"
:label="item.name"
:value="item.id"
/>
</el-select>
@ -174,73 +254,19 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="模具图号" prop="blueprintNo">
<el-input
class="!w-250px"
:disabled="alterDisabled || detailDisabled"
v-model="formData.blueprintNo"
placeholder="请输入模具图号"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="项目结束日期" prop="projectEndTime">
<el-date-picker
class="!w-250px"
:class="{ 'alter-class': fieldHasAlter('projectEndTime') }"
v-model="formData.projectEndTime"
type="date"
value-format="x"
placeholder="选择项目结束日期"
:disabled="detailDisabled"
/>
<span
style="position: absolute;left:0;top:30px"
v-if="formData.projectStartTime && formData.projectEndTime"
>{{
' 共计' +
betweenDay(
new Date(formData.projectStartTime),
new Date(formData.projectEndTime)
) +
'天'
}}</span
>
</el-form-item>
</el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="24">
<el-form-item label="单据状态" prop="orderStatus">
{{ getDictLabel(DICT_TYPE.HELI_PROJECT_ORDER_STATUS, formData.orderStatus) }}
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="客户名称" prop="customerId">
<el-form-item label="性质" prop="property">
<el-select
class="!w-250px"
v-model="formData.customerId"
placeholder="请输入客户名称"
:remote-method="remoteCustomerSearch"
remote-show-suffix
remote
clearable
reserve-keyword
filterable
:loading="customerSelectLoading"
:disabled="alterDisabled || detailDisabled"
:class="{ 'alter-class': fieldHasAlter('property') }"
:disabled="detailDisabled"
v-model="formData.property"
placeholder="请选择性质"
>
<el-option
v-for="item in customerSelectList"
:key="item.id"
:label="item.name"
:value="item.id"
v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_PROPERTY)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
@ -284,21 +310,6 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="是否已变更" prop="hasAlter">
<el-radio-group v-model="formData.hasAlter" disabled>
<el-radio
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-col>
<el-col :span="6">
<el-row>
@ -322,12 +333,12 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="模具名称" prop="mouldName">
<el-form-item label="模具图号" prop="blueprintNo">
<el-input
class="!w-250px"
:disabled="alterDisabled || detailDisabled"
v-model="formData.mouldName"
placeholder="请输入模具名称"
v-model="formData.blueprintNo"
placeholder="请输入模具图号"
/>
</el-form-item>
</el-col>
@ -366,31 +377,26 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="性质" prop="property">
<el-select
class="!w-250px"
:class="{ 'alter-class': fieldHasAlter('property') }"
:disabled="detailDisabled"
v-model="formData.property"
placeholder="请选择性质"
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_PROPERTY)"
<el-form-item label="是否已变更" prop="hasAlter">
<el-radio-group v-model="formData.hasAlter" disabled>
<el-radio
v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
:label="dict.value"
>
{{ dict.label }}
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
<el-row style="margin-top:-10px;margin-left:15px">
<el-row >
<el-col :span="12">
<el-form-item label="检验要求" prop="qualityRequirement">
<el-input
class="!w-700px"
class="!w-703px"
:disabled="detailDisabled"
type="textarea"
v-model="formData.qualityRequirement"
@ -404,7 +410,7 @@
<el-col :span="12">
<el-form-item label="备注" prop="remark" :disabled="detailDisabled">
<el-input
class="!w-700px"
class="!w-703px"
:disabled="detailDisabled"
type="textarea"
v-model="formData.remark"

Write Preview
Loading…
Cancel
Save