246 lines
8.7 KiB
Vue
246 lines
8.7 KiB
Vue
<template>
|
|
<div>
|
|
<base-info-form ref="baseInfoForm" v-bind="$attrs" disabled></base-info-form>
|
|
|
|
<a-form-model :model="formInline" class="form-add" :rules="rules" ref="ruleForm">
|
|
<div class="form-flex-box">
|
|
<!-- 标准文本 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardRevision.standardText')">
|
|
{{ $t('workCenter.enStandardRevision.standardText') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model">
|
|
<div class="online-edit-wrapper">
|
|
<!-- todo: 还不确定这里展示的是什么 -->
|
|
<p>企业标准</p>
|
|
<a-button type="primary">{{ $t('view') }}</a-button>
|
|
</div>
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 是否可进行评审会 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text title-text-long">
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardRevision.isCanAuditMeeting')">
|
|
{{ $t('workCenter.enStandardRevision.isCanAuditMeeting') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="reviewMeetingFlag">
|
|
<a-radio-group v-model="formInline.reviewMeetingFlag" @change="reviewMeetingFlagChange" :defaultValue="1">
|
|
<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.reviewMeetingFlag === '1'">
|
|
<!-- 评审人 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardRevision.assessor')">
|
|
{{ $t('workCenter.enStandardRevision.assessor') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="reviewUser">
|
|
<user-selection v-model="formInline.reviewUser"
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enStandardRevision.assessor')"
|
|
:disabled="disabled"
|
|
filedName="reviewUser"
|
|
@nameChange="userSelectNameChange"
|
|
:nameStr="formInline.reviewUser_dictText"
|
|
type="radio"/>
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 评分人 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardRevision.scorer')">
|
|
{{ $t('workCenter.enStandardRevision.scorer') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="raters">
|
|
<user-selection v-model="formInline.raters"
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enStandardRevision.scorer')"
|
|
:disabled="disabled"
|
|
filedName="raters"
|
|
@nameChange="userSelectNameChange"
|
|
:nameStr="formInline.raters_dictText"
|
|
type="checkbox"/>
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 评审日期 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardRevision.reviewDate')">
|
|
{{ $t('workCenter.enStandardRevision.reviewDate') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="reviewDate">
|
|
<a-date-picker v-model="formInline.reviewDate"
|
|
:placeholder="$t('pleaseSelect')+$t('workCenter.enStandardRevision.reviewDate')"
|
|
:showTime="false"
|
|
value-format="YYYY-MM-DD"
|
|
:disabled="disabled"></a-date-picker>
|
|
</a-form-model-item>
|
|
</div>
|
|
<!-- 评审地点 -->
|
|
<div class="box-title-text form-flex-item">
|
|
<div class="title-text">
|
|
<span class="required">*</span>
|
|
<span class="title-text-text" :title="$t('workCenter.enStandardRevision.judgingVenue')">
|
|
{{ $t('workCenter.enStandardRevision.judgingVenue') }}
|
|
</span>
|
|
</div>
|
|
<a-form-model-item class="item-model" prop="reviewPlace">
|
|
<a-input class="box-input"
|
|
v-model="formInline.reviewPlace"
|
|
:maxLength="50"
|
|
:disabled="disabled"
|
|
@change="event => event.target.value = event.target.value.trim()"
|
|
:placeholder="$t('pleaseEnter')+$t('workCenter.enStandardRevision.judgingVenue')" />
|
|
</a-form-model-item>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</a-form-model>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import BaseInfoForm from './BaseInfoForm'
|
|
import UserSelection from '@/components/selection/UserSelection'
|
|
|
|
export default {
|
|
name: 'StandardizationAuditBaseInfo',
|
|
components: { BaseInfoForm, UserSelection },
|
|
props: {
|
|
disabled: {
|
|
type: Boolean,
|
|
required: false,
|
|
default: false
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
formInline: {},
|
|
rules: {
|
|
// 评审人
|
|
reviewUser: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enStandardRevision.assessor') + this.$t('cannotEmpty'),
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
// 评分人
|
|
raters: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enStandardRevision.scorer') + this.$t('cannotEmpty'),
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
// 评审日期
|
|
reviewDate: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enStandardRevision.reviewDate') + this.$t('cannotEmpty'),
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
// 评审地点
|
|
reviewPlace: [
|
|
{
|
|
required: true,
|
|
message: this.$t('workCenter.enStandardRevision.judgingVenue') + this.$t('cannotEmpty'),
|
|
trigger: 'blur'
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
mounted () {
|
|
const formInline = {}
|
|
formInline.reviewMeetingFlag = '1'
|
|
this.formInline = Object.assign({}, formInline)
|
|
this.reviewMeetingFlagChange()
|
|
},
|
|
methods: {
|
|
// 拿到外面传进来的数据初始化，因为套了几层就不在外层初始化数据了
|
|
initData (data) {
|
|
// 给表格赋值,在线编辑不知道要怎么赋值？
|
|
this.formInline = Object.assign({}, data)
|
|
if (!this.formInline.reviewMeetingFlag) {
|
|
this.formInline.reviewMeetingFlag = '1'
|
|
}
|
|
// 给表单赋值
|
|
this.$nextTick(() => {
|
|
this.$refs.baseInfoForm.initData(data)
|
|
})
|
|
},
|
|
// 外层要获取数据
|
|
getData () {
|
|
// 把数据抛出，在线编辑不知道要不要抛
|
|
const data = Object.assign({}, this.formInline)
|
|
return data
|
|
},
|
|
// 外层获取数据要过校验,返回false表示没有通过校验
|
|
async getDataValidate () {
|
|
let data = {} // 要返回的数据
|
|
await this.$refs.ruleForm.validate(valid => {
|
|
console.log(valid)
|
|
if (valid) {
|
|
data = Object.assign({}, this.formInline)
|
|
} else {
|
|
data = false
|
|
}
|
|
})
|
|
return data
|
|
},
|
|
// 选择用户得到用户名
|
|
userSelectNameChange (value, fieldName) {
|
|
this.formInline[fieldName + '_dictText'] = value
|
|
},
|
|
// 是否可进行评审会
|
|
reviewMeetingFlagChange () {
|
|
// 选是的话,驳回按钮置灰，不可点击；选否，备注变成必填，内容自动带入“驳回”，下方同意按钮置灰，不可点击
|
|
this.$emit('standardizationAuditIsMeeting', this.formInline.reviewMeetingFlag)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
@import '~@assets/less/common.less';
|
|
.collapsible-content-no-head {
|
|
border-top: 1px solid #E5E6EB;
|
|
border-radius: 8px 8px 8px 8px;
|
|
}
|
|
|
|
.online-edit-wrapper {
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
p {
|
|
margin-bottom: 0;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.title-text-long {
|
|
width: 220px !important;
|
|
}
|
|
|
|
/deep/ .ant-form-item-children > * {
|
|
width: 100%;
|
|
}
|
|
</style>
|