|
@@ -3,7 +3,13 @@
|
|
|
<div class="checkbox">
|
|
<div class="checkbox">
|
|
|
<van-radio-group v-model="zradioc" @change="radiofn">
|
|
<van-radio-group v-model="zradioc" @change="radiofn">
|
|
|
<div>
|
|
<div>
|
|
|
- <van-radio :name="item.customerClueOptionId+''" @click="radioclick" v-for="(item,index) in zRadiocolumns" :key="index">{{item.customerClueOption}}</van-radio>
|
|
|
|
|
|
|
+ <van-radio
|
|
|
|
|
+ :name="item.customerClueOptionId + ''"
|
|
|
|
|
+ @click="radioclick"
|
|
|
|
|
+ v-for="(item, index) in zRadiocolumns"
|
|
|
|
|
+ :key="index"
|
|
|
|
|
+ >{{ item.customerClueOption }}</van-radio
|
|
|
|
|
+ >
|
|
|
</div>
|
|
</div>
|
|
|
</van-radio-group>
|
|
</van-radio-group>
|
|
|
</div>
|
|
</div>
|
|
@@ -12,53 +18,56 @@
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
export default {
|
|
export default {
|
|
|
- name: "zSelect",
|
|
|
|
|
|
|
+ name: 'zSelect',
|
|
|
props: {
|
|
props: {
|
|
|
- radio: "",
|
|
|
|
|
- textc: "",
|
|
|
|
|
|
|
+ radio: '',
|
|
|
|
|
+ textc: '',
|
|
|
zRadiocolumns: [],
|
|
zRadiocolumns: [],
|
|
|
- answerType: "",
|
|
|
|
|
- collectionType: "",
|
|
|
|
|
- Tindex:0
|
|
|
|
|
|
|
+ answerType: '',
|
|
|
|
|
+ collectionType: '',
|
|
|
|
|
+ Tindex: 0,
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
radioChange: false,
|
|
radioChange: false,
|
|
|
- zradioc: this.radio
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ zradioc: this.radio,
|
|
|
|
|
+ };
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
radiofn(value) {
|
|
radiofn(value) {
|
|
|
this.radioChange = true;
|
|
this.radioChange = true;
|
|
|
- var typeval =[...this.zRadiocolumns]
|
|
|
|
|
|
|
+ let customerClueOption = '';
|
|
|
|
|
+ var typeval = [...this.zRadiocolumns];
|
|
|
for (var k = 0; k < this.zRadiocolumns.length; k++) {
|
|
for (var k = 0; k < this.zRadiocolumns.length; k++) {
|
|
|
- typeval[k].value="N"
|
|
|
|
|
|
|
+ typeval[k].value = 'N';
|
|
|
if (this.zRadiocolumns[k].customerClueOptionId == value) {
|
|
if (this.zRadiocolumns[k].customerClueOptionId == value) {
|
|
|
- typeval[k].value="Y"
|
|
|
|
|
|
|
+ typeval[k].value = 'Y';
|
|
|
|
|
+ customerClueOption = this.zRadiocolumns[k].customerClueOption;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
let datalist = {
|
|
let datalist = {
|
|
|
id: this.textc,
|
|
id: this.textc,
|
|
|
- Tindex:this.Tindex,
|
|
|
|
|
- value: typeval
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ Tindex: this.Tindex,
|
|
|
|
|
+ value: typeval,
|
|
|
|
|
+ customerClueOption,
|
|
|
|
|
+ };
|
|
|
this.$emit('zSelectVal', datalist);
|
|
this.$emit('zSelectVal', datalist);
|
|
|
},
|
|
},
|
|
|
radioclick() {
|
|
radioclick() {
|
|
|
if (!this.radioChange) {
|
|
if (!this.radioChange) {
|
|
|
- this.zradioc = ""
|
|
|
|
|
|
|
+ this.zradioc = '';
|
|
|
}
|
|
}
|
|
|
- this.radioChange = false
|
|
|
|
|
|
|
+ this.radioChange = false;
|
|
|
},
|
|
},
|
|
|
- }
|
|
|
|
|
-}
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
.van-f-red {
|
|
.van-f-red {
|
|
|
color: red;
|
|
color: red;
|
|
|
width: 4px;
|
|
width: 4px;
|
|
|
- display: inline-block
|
|
|
|
|
|
|
+ display: inline-block;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.zSelect .z-cell {
|
|
.zSelect .z-cell {
|
|
@@ -67,14 +76,14 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.checkbox .van-radio {
|
|
.checkbox .van-radio {
|
|
|
- padding-bottom: 10px
|
|
|
|
|
|
|
+ padding-bottom: 10px;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
|
|
<style>
|
|
<style>
|
|
|
.checkbox .van-radio__icon {
|
|
.checkbox .van-radio__icon {
|
|
|
border: 1px solid #333;
|
|
border: 1px solid #333;
|
|
|
border-radius: 80px;
|
|
border-radius: 80px;
|
|
|
- width: 1em
|
|
|
|
|
|
|
+ width: 1em;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.checkbox .van-radio__icon .van-icon {
|
|
.checkbox .van-radio__icon .van-icon {
|
|
@@ -97,4 +106,4 @@ export default {
|
|
|
.checkbox .van-radio__icon--checked {
|
|
.checkbox .van-radio__icon--checked {
|
|
|
border: 1px solid #1989fa;
|
|
border: 1px solid #1989fa;
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|