SOURCE

var Main = {
  data () {
    return {
   form: {
                    username: "",
                    leave_tel: "",
                    tel: "",
                    project_parent: "",
                    project_childs: [],
                    pid: "",
                    choseid: "",
                    child_time:"",
                    pick_date: this.formatDateTime(new Date().getTime()),
                },
    }
  }
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

<link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">
<script src="//unpkg.com/vue/dist/vue.js">
</script>
<script src="//unpkg.com/muse-ui@3.0.1/dist/muse-ui.js">
</script>
<div id="app">
	<mu-container>
		<mu-form :model="form" class="mu-demo-form" :label-position="labelPosition" label-width="100">
			<mu-form-item label="姓名" prop="username" :rules="usernameRules">
				<mu-text-field v-model="form.username" prop="username"></mu-text-field>
			</mu-form-item>
			<mu-form-item prop="leave_tel" label="留院电话(*选填)">
				<mu-text-field v-model="form.leave_tel" prop="leave_tel"></mu-text-field>
			</mu-form-item>
			<mu-form-item prop="select" label="项目选择">
				<mu-select>
					<mu-option v-for="(option,index) in objList" :key="index" :label="option.name" :value="option.id"></mu-option>
				</mu-select>
			</mu-form-item>
			<mu-form-item v-if="show" prop="checkbox" :label="'子项目最选多选'+max_select+'项'">
				<mu-checkbox :ripple="true" v-for="(option,index) in objList" :key="index" :label="option.name" :value="option.id"></mu-checkbox>
			</mu-form-item>
			<mu-form-item v-if="show" prop="date" label="时间选择">
				<mu-date-picker :minDate="date_picker.minDate" color="primary">
				</mu-date-picker>
			</mu-form-item>
			<mu-form-item v-if="sjd" label="可预约时间段:" prop="radio">
				<div v-for="(option1,index1) in objList " :key="index1">
					<mu-radio></mu-radio>
				</div>

				<mu-form-item>
					<mu-flex class="flex-wrapper" justify-content="center">
						<mu-button color="primary" justify-content="center" @click="submit">
							提交
							<mu-icon right value="send"></mu-icon>
						</mu-button>
					</mu-flex>
				</mu-form-item>
			</mu-form-item>
		</mu-form>
	</mu-container>
</div>

@import url("//unpkg.com/muse-ui@3.0.1/dist/muse-ui.css");
    .mu-form-item-label{width:100% !important;}
    .mu-paper-round {
        box-shadow: none !important;
    }
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .flex-wrapper {
        width: 100%;
        height: 56px;
        margin-top: 8px;
    }
    .flex-demo {
        width: 200px;
        height: 32px;
        background-color: #e0e0e0;
        text-align: center;
        line-height: 32px;
        margin-left: 8px;
    }
    .flex-wrapper:first-child {
        margin-top: 0;
    }
    .flex-demo:first-child {
        margin-left: 0;
    }
    .mu-demo-form {
        width: 100%;
        margin:1rem auto;

        max-width: 460px;
    }
    .mu-picker {
        width: 100%;
    }