|
|
@@ -30,16 +30,32 @@
|
|
|
{{ val.customerClueName }}
|
|
|
</div>
|
|
|
<template v-if="parentOptionList.searchValue == val.itemOptionParentId">
|
|
|
- <van-field
|
|
|
- v-model="val.answerValue"
|
|
|
- :placeholder="val.remark"
|
|
|
- :minTextLength="val.minTextLength"
|
|
|
- autosize
|
|
|
- type="textarea"
|
|
|
- :class="{
|
|
|
- fieldInput: true,
|
|
|
- rulesClass: val.answerValue != null && val.answerValue.length < val.minTextLength,
|
|
|
- }" />
|
|
|
+ <template v-if="val.customerClueName == '填写服务商代码(例:FSQ0000031)'">
|
|
|
+ <div class="fws">
|
|
|
+ <van-field class="fwsLeft" v-model="fws" disabled />
|
|
|
+ <van-field
|
|
|
+ class="fwsRight"
|
|
|
+ v-model="val.answerValue"
|
|
|
+ :placeholder="val.remark"
|
|
|
+ type="number"
|
|
|
+ :class="{
|
|
|
+ fieldInput: true,
|
|
|
+ rulesClass: val.answerValue != null && val.answerValue.length < val.minTextLength,
|
|
|
+ }" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <van-field
|
|
|
+ v-model="val.answerValue"
|
|
|
+ :placeholder="val.remark"
|
|
|
+ :minTextLength="val.minTextLength"
|
|
|
+ autosize
|
|
|
+ type="textarea"
|
|
|
+ :class="{
|
|
|
+ fieldInput: true,
|
|
|
+ rulesClass: val.answerValue != null && val.answerValue.length < val.minTextLength,
|
|
|
+ }" />
|
|
|
+ </template>
|
|
|
<span
|
|
|
class="rulesErrorMessage"
|
|
|
v-if="val.answerValue != null && val.answerValue.length < val.minTextLength">
|
|
|
@@ -143,7 +159,9 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ fws: 'FSQ',
|
|
|
+ };
|
|
|
},
|
|
|
watch: {
|
|
|
clueOptionList: {
|
|
|
@@ -289,5 +307,16 @@ export default {
|
|
|
padding: 3px 0;
|
|
|
}
|
|
|
}
|
|
|
+ .fws {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ width: 90%;
|
|
|
+ padding: 5px 0;
|
|
|
+ .fwsLeft {
|
|
|
+ width: 50px;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|