[update] 修改企标流程样式

This commit is contained in:
lideqin
2023-11-23 16:41:08 +08:00
parent edb1a3404e
commit 2a8ba6c47c
25 changed files with 1393 additions and 1576 deletions
@@ -1,67 +1,65 @@
<template>
<div>
<a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
<div class="collapsible-panel-form">
<div class="form-flex-box collapsible-panel-form-content collapsible-content-no-head">
<!-- 是否下发联络人 -->
<div class="box-title-text form-flex-item flex-item-small">
<div class="title-text">
<span class="required">*</span>
<span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.whetherToSendAContact')">
<a-form-model :model="formInline" :rules="rules" ref="ruleForm">
<div class="form-flex-box">
<!-- 是否下发联络人 -->
<div class="box-title-text form-flex-item flex-item-small">
<div class="title-text">
<span class="required">*</span>
<span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.whetherToSendAContact')">
{{ $t('workCenter.revisionPlanActivelyReport.whetherToSendAContact') }}
</span>
</div>
<a-form-model-item class="item-model" prop="distributeFlag">
<a-radio-group v-model="formInline.distributeFlag">
<a-radio value="1">
{{ $t('yes') }}
</a-radio>
<a-radio value="0">
{{ $t('not') }}
</a-radio>
</a-radio-group>
</a-form-model-item>
</div>
<!-- 是否下发联络人选了是,不显示表格,只显示完整表单 -->
<template v-if="formInline.distributeFlag === '1'">
<!-- 工作组/所联络人 -->
<div class="box-title-text form-flex-item flex-item-long">
<div class="title-text title-text-middle">
<span class="required">*</span>
<span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')">
<a-form-model-item class="item-model" prop="distributeFlag">
<a-radio-group v-model="formInline.distributeFlag">
<a-radio value="1">
{{ $t('yes') }}
</a-radio>
<a-radio value="0">
{{ $t('not') }}
</a-radio>
</a-radio-group>
</a-form-model-item>
</div>
<!-- 是否下发联络人选了是,不显示表格,只显示完整表单 -->
<template v-if="formInline.distributeFlag === '1'">
<!-- 工作组/所联络人 -->
<div class="box-title-text form-flex-item flex-item-long">
<div class="title-text title-text-middle">
<span class="required">*</span>
<span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')">
{{ $t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson') }}
</span>
</div>
<a-form-model-item class="item-model" prop="workGroupUser">
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')"
v-model="formInline.workGroupUser"
:disabled="disabled"
filedName="workGroupUser"
@nameChange="userSelectNameChange"
:nameStr="formInline.workGroupUser_dictText"
type="checkbox" />
</a-form-model-item>
</div>
<!-- 联络人主管级上一级领导 -->
<div class="box-title-text form-flex-item flex-item-long">
<div class="title-text title-text-long">
<span class="required">*</span>
<span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')">
<a-form-model-item class="item-model" prop="workGroupUser">
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.workingGroupContactPerson')"
v-model="formInline.workGroupUser"
:disabled="disabled"
filedName="workGroupUser"
@nameChange="userSelectNameChange"
:nameStr="formInline.workGroupUser_dictText"
type="checkbox" />
</a-form-model-item>
</div>
<!-- 联络人主管级上一级领导 -->
<div class="box-title-text form-flex-item flex-item-long">
<div class="title-text title-text-long">
<span class="required">*</span>
<span class="title-text-text" :title="$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')">
{{ $t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader') }}
</span>
</div>
<a-form-model-item class="item-model" prop="contactUserLeaderLeader">
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')"
v-model="formInline.contactUserLeaderLeader"
:disabled="disabled"
filedName="contactUserLeaderLeader"
@nameChange="userSelectNameChange"
:nameStr="formInline.contactUserLeaderLeader_dictText"
type="radio" />
</a-form-model-item>
</div>
</template>
</div>
<a-form-model-item class="item-model" prop="contactUserLeaderLeader">
<user-selection :placeholder="$t('pleaseSelect')+$t('workCenter.revisionPlanActivelyReport.contactSupervisorSuperiorLeader')"
v-model="formInline.contactUserLeaderLeader"
:disabled="disabled"
filedName="contactUserLeaderLeader"
@nameChange="userSelectNameChange"
:nameStr="formInline.contactUserLeaderLeader_dictText"
type="radio" />
</a-form-model-item>
</div>
</template>
</div>
</a-form-model>
<!-- 是否下发联络人选了否,不显示完整表单,显示表格 -->
@@ -187,10 +185,6 @@ export default {
<style scoped lang="less">
@import '~@assets/less/common.less';
.collapsible-content-no-head {
border-top: 1px solid #E5E6EB;
border-radius: 8px 8px 8px 8px;
}
/deep/ .ant-form-item-children {
width: 100%;