| | |
| | | <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" |
| | |
| | | paramsInfo: {}, |
| | | parasInfos: [], |
| | | parasInfoIds: {}, |
| | | formDo: {}, |
| | | // formDo: {}, |
| | | submitDisable: false, |
| | | isStart: this.$route.query.isStart |
| | | isStart: this.$route.query.isStart === 'true' |
| | | } |
| | | }, |
| | | created () { |
| | | const langType = this.$route.query.langType |
| | | if (langType && (langType === 'Chinese' || langType === 'English' || langType === 'Thai')) { |
| | | this.setLangType(langType) |
| | | } else { |
| | | this.setLangType('English') |
| | | } |
| | | }, |
| | | beforeDestroy () { |
| | | }, |
| | | beforeUpdate () { |
| | | }, |
| | | updated () { |
| | | }, |
| | | methods: { |
| | | submitDemography: function () { |
| | |
| | | _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() === '') { |
| | | if (!_paramsInfo.paramValue) { |
| | | continue |
| | | } |
| | | _this.parasInfos.push(_paramsInfo) |
| | |
| | | demographyApi.submitDemography(_this.memberToken, _this.langType, _this.parasInfos).then(function (result) { |
| | | if (result && result.code === 1) { |
| | | examPaperApi.select(_this.memberToken, _this.langType).then(re => { |
| | | _this.formDo = re.response |
| | | _this.setFormDo(re.response) |
| | | _this.setDoUrl(re.response.questionTemplateId) |
| | | if (_this.isStart) { |
| | | _this.$router.push({ path: '/exam/' + _this.doUrl }) |
| | | return |
| | | } |
| | | _this.$router.push({ path: '/guide/index', query: { formDo: _this.formDo } }); |
| | | _this.$router.push({ path: '/guide/index', query: { formDo: _this.formDo } }) |
| | | }).catch(e => { |
| | | _this.$message.error(_this.$t('noquestionMsg')) |
| | | }) |
| | |
| | | }) |
| | | }, |
| | | ...mapMutations('user', ['setMemberTocken']), |
| | | ...mapMutations('exam', ['setDoUrl']) |
| | | ...mapMutations('exam', ['setDoUrl']), |
| | | ...mapMutations('user', ['setLangType']), |
| | | ...mapMutations('user', ['setFormDo']) |
| | | }, |
| | | computed: { |
| | | ...mapState('user', { memberToken: state => state.memberToken }), |
| | |
| | | .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> |