sr-publicServicePlatform/component/doctor-home/per-info.js

(function() {
	Vue.component('per-info', {
		template: `<div>
						<div class="c-t-center">
							<div>
								<div :class="{\'img-add\': !myPhoto}" class="c-vam c-inline-block c-position-r">
			                    	<input id="myPhoto" type="file" @change="uploadImg()" ref="codeImg" style="width: 100px; height: 100px;" class="c-vam c-inline-block type-hide"  accept="image/jpg,image/jpeg,image/png">
			                    	<img style="width: 100px; height: 100px; position: absolute; top: 0; z-index: -1;" class="c-vam c-inline-block" :src="myPhoto"  v-show="myPhoto" />
			                    </div>
			                </div>
		                    <label for="myPhoto" class="mt10 mb25 c-888">修改头像</label>
						</div>
						<div class="detail-info">
							<p class="form-group clearfix">
								<label class="fl form-label">姓&emsp;&emsp;名</label>
								<input class="fl form-control" placeholder="输入姓名" />
							</p>
							<p class="form-group clearfix">
								<label class="fl form-label">医生专长</label>
								<input class="fl form-control" placeholder="医生专长" />
							</p>
							<p class="form-group clearfix">
								<label class="fl form-label">手机号码</label>
								<input class="fl form-control" readonly="true" placeholder="" />
							</p>
							<p class="form-group clearfix">
								<label class="fl form-label">身份证号</label>
								<input class="fl form-control" readonly="true" placeholder="" />
							</p>
							<p class="form-group clearfix">
								<label class="fl form-label">机构部门</label>
								<input class="fl form-control" readonly="true" placeholder="" />
							</p>
							<p class="form-group clearfix">
								<label class="fl form-label">办公电话</label>
								<input class="fl form-control" placeholder="办公电话" />
							</p>
							<p class="form-group clearfix">
								<label class="fl form-label">医生主页</label>
								<input class="fl form-control" placeholder="医生主页" />
							</p>
						</div>
						<div class="pt10">
							<span class="btn" @click="saveMyInfo()">保&emsp;存</span>
						</div>
					</div>`,
		props: [],
		data: function() {
			return {
				info: null,
				myPhoto: null,
			}
		},
		methods: {
			saveMyInfo: function() {
				
			}
		}
	})
})()