select-组件

src/common/classify.data.js

@@ -29,7 +29,10 @@ export default [{
 				"cat": 10
 			},
 			{
-				"fieldsTitle": "衬衫",
+				"fieldsTitle": "选择框",
+				"fieldsName": "select",
+				"fieldsType": "select",
+				"settings": ['车主电', '物业电', '国电'],
 				"key": "衬衫",
 				"icon": "https://cdn.uviewui.com/uview/common/classify/1/4.jpg",
 				"cat": 10

src/components/createCom/XhRadio - 副本.vue

+<template>
+	<view class="list">
+		<view v-for="(item,index) in settings" :key="index" :class="{'txt':true,'active':item===dataValue}" 
+		@click="setValue(item)">{{item}}</view>
+	</view>
+</template>
+
+<script>
+	import stringMixin from './stringMixin'
+	export default {
+		name: 'XhRadio',
+		components: {},
+		mixins: [stringMixin],
+		props: {},
+		data() {
+			return {}
+		},
+		computed: {
+			settings(){
+				return this.item.settings || []
+			}
+		},
+		watch: {},
+		mounted() {},
+		methods: {
+			setValue(txt){
+				this.dataValue = txt
+				this.valueChange(txt)
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.list{
+		display: flex;
+		.txt{
+			color:#666;
+			padding:10rpx;
+			&.active{
+				background-color: red;
+				color:#fff;
+			}
+		}
+	}
+</style>

src/components/createCom/XhSelect.vue

 <template>
 	<view>
-		<u-input v-model="item.fieldsValue" />
+		<u-input v-model="dataValue" readOnly @click="show=true" type="select" />
+		<u-action-sheet :list="settings" v-model="show" @click="actionSheetCallback"></u-action-sheet>
 	</view>
-
 </template>
 
 <script>
+	import stringMixin from './stringMixin'
 	export default {
-		name: 'xhInput',
-		props: {
-			item: {
-				type: Object,
-				default () {
-					return [{}]
+		name: 'XhSelect',
+		components: {},
+		mixins: [stringMixin],
+		props: {},
+		data() {
+			return {
+				show: false
+			}
+		},
+		computed: {
+			type() {
+				if (this.item && this.item.fieldsType == 'password') {
+					return this.item.fieldsType
+				} else {
+					return 'text'
 				}
 			},
+			settings() {
+				let result = []
+				let settings = this.item.settings || []
+				result = settings.map(item => {
+					return {
+						text: item
+					}
+				})
+				return result
+			}
 		},
-		data() {
-			return {
-				value: '',
-				type: 'text',
-				border: true,
+		watch: {},
+		mounted() {},
+		methods: {
+			actionSheetCallback(index) {
+				let txt = this.settings[index].text;
+				this.dataValue = txt
+				this.valueChange(txt)
 			}
 		}
 	}

src/pages/order/complete.vue

@@ -38,6 +38,9 @@
 										<xh-checkbox v-if="item.fieldsType==='checkbox'" :groupIndex="groupIndex"
 											:itemIndex="itemIndex" :item="item" @value-change="fieldValueChange">
 										</xh-checkbox>
+										<xh-select v-if="item.fieldsType==='select'" :groupIndex="groupIndex"
+											:itemIndex="itemIndex" :item="item" @value-change="fieldValueChange">
+										</xh-select>
 									</template>
 								</u-form-item>
 							</view>
@@ -54,6 +57,7 @@
 	import XhInput from '@/components/createCom/XhInput.vue'
 	import XhRadio from '@/components/createCom/XhRadio.vue'
 	import XhCheckbox from '@/components/createCom/XhCheckbox.vue'
+	import XhSelect from '@/components/createCom/XhSelect.vue'
 	// import XhRadio from '@/components/createCom/XhRadio.vue'
 	export default {
 		data() {
@@ -104,7 +108,8 @@
 		components: {
 			XhInput,
 			XhRadio,
-			XhCheckbox
+			XhCheckbox,
+			XhSelect
 			// formCom
 		},
 		created() {