| | |
| | | <div v-if="item.types== 'text' && item.isRequired=='1'"> |
| | | <el-form-item :label="item.paramName" |
| | | :prop="'data.'+index+'.paramValue'" |
| | | :rules="[{ required: true, message: $t('required'),trigger: 'change'},{max: 32, message: $t('range32'), trigger: 'change'}]"> |
| | | :rules="[{ required: true, message: $t('required'),trigger: 'change'},{max: 200, message: $t('range32'), trigger: 'change'}]"> |
| | | <el-input v-model="item.paramValue"></el-input> |
| | | </el-form-item> |
| | | </div> |
| | |
| | | </div> |
| | | <div v-if="item.types=='select' && item.isRequired =='1'"> |
| | | <el-form-item :label="item.paramName" |
| | | :prop="'data.'+index+'.paramValue'" |
| | | :rules="[{ required: true, message: $t('required'),trigger: 'change'}]"> |
| | | <el-select v-model="item.paramValue" :placeholder= "$t('pleaseSelect')"> |
| | | <el-select v-model="item.paramValue" :placeholder= "$t('pleaseSelect')" :popper-append-to-body="false"> |
| | | <el-option |
| | | v-for="itemIter in item.dictData" |
| | | :key="itemIter.dictValue" |
| | | :label="itemIter.dictLabel" |
| | | :value="itemIter.dictValue"> |
| | | :value="itemIter.dictValue" |
| | | :title="itemIter.dictLabel"> |
| | | <span>{{ itemIter.dictLabel }}</span> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | <div v-if="item.types=='select' && item.isRequired !='1'"> |
| | | <el-form-item :label="item.paramName"> |
| | | <el-select v-model="item.paramValue" :placeholder= "$t('pleaseSelect')"> |
| | | <el-select v-model="item.paramValue" :placeholder= "$t('pleaseSelect')" :popper-append-to-body="false"> |
| | | <el-option |
| | | v-for="itemIter in item.dictData" |
| | | :key="itemIter.dictValue" |
| | |
| | | submitDemography: function () { |
| | | let _this = this |
| | | _this.submitDisable = true |
| | | console.log( this.$refs.demographyMenber) |
| | | this.$refs.demographyMenber.validate(vaild => { |
| | | if (vaild) { |
| | | _this.parasInfos = [] |
| | |
| | | _paramsInfo.paramId = _this.demographyMenber.data[i].paramId |
| | | _paramsInfo.paramName = _this.demographyMenber.data[i].paramName |
| | | _paramsInfo.paramValue = _this.demographyMenber.data[i].paramValue |
| | | if (_paramsInfo.paramValue.trim() === '') { |
| | | console.log('_paramsInfo.paramValue' + _paramsInfo.paramValue) |
| | | console.log('_paramsInfo.paramValue' + typeof _paramsInfo.paramValue) |
| | | if (!_paramsInfo.paramValue) { |
| | | continue |
| | | } |
| | | _this.parasInfos.push(_paramsInfo) |
| | |
| | | .align-center { |
| | | text-align: center |
| | | } |
| | | |
| | | /* .product-style /deep/ .el-select-dropdown__item { |
| | | width: 300px; |
| | | display: inline-block; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | }*/ |
| | | |
| | | //样式修改部分 |
| | | .el-select .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item{ |
| | | white-space: pre-wrap; |
| | | color: #606266; |
| | | height: auto; |
| | | font-weight: normal; |
| | | width: 300px; |
| | | } |
| | | /*.el-select .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item.selected{ |
| | | background: #0090FF; |
| | | color: #fff; |
| | | font-weight: 700 |
| | | }*/ |
| | | |
| | | </style> |