sr-publicServicePlatform/component/appointment/doctor-list.js

(function(){
    Vue.component('doctor-list', {
        template: `<div class="ui-col-1 ml15 bgc-fff c-border p20">
						<div class="c-f16 c-323232 mb20">医生列表</div>
						<div class="ui-grid c-border p10 pb0 mt10">
							<div class="ui-col-0 mr10">
								<img src="../../../images/d-male.png" width="70" height="70" class="c-images-cycle">
							</div>
							<div class="ui-col-1 div-doctor-info">
								<p>
									<span class="c-f16 c-323232 c-bold mr10">张三</span>
									<span class="c-f14 c-323232 mr10">主治医师</span>
									<span class="c-f14 c-909090">骨科</span>
								</p>
								<p class="c-f14 c-909090">上饶市第一医院</p>
								<p class="c-f14 text-ellipsis">
									<span class="c-909090">擅长：</span>
									<span class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
								</p>
							</div>
							<div class="ui-col-1 div-doctor-section">
								<div class="div-left-btn"></div>
								<ul class="doctor-ul">
									<li>
										<div class="div-doctor-item border-0ad8c8 c-0ad8c8">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-0ad8c8">预约</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-d1d1d1 c-d1d1d1">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-d1d1d1">已满</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-f0a65f c-f0a65f">
											<div class="mt5">03/22</div>
											<div class="mt5">排班</div>
											<div class="div-doctor-type bgc-f0a65f">放号提醒</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-ff8787 c-ff8787">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-ff8787">停诊</div>
										</div>
									</li>
								</ul>
								<div class="div-right-active-btn"></div>
							</div>
						</div>
						
						<div class="ui-grid c-border p10 pb0 mt10">
							<div class="ui-col-0 mr10">
								<img src="../../../images/d-male.png" width="70" height="70" class="c-images-cycle">
							</div>
							<div class="ui-col-1 div-doctor-info">
								<p>
									<span class="c-f16 c-323232 c-bold mr10">张三</span>
									<span class="c-f14 c-323232 mr10">主治医师</span>
									<span class="c-f14 c-909090">骨科</span>
								</p>
								<p class="c-f14 c-909090">上饶市第一医院</p>
								<p class="c-f14 text-ellipsis">
									<span class="c-909090">擅长：</span>
									<span class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
								</p>
							</div>
							<div class="ui-col-1 div-doctor-section">
								<div class="div-left-btn"></div>
								<ul class="doctor-ul">
									<li>
										<div class="div-doctor-item border-0ad8c8 c-0ad8c8">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-0ad8c8">预约</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-d1d1d1 c-d1d1d1">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-d1d1d1">已满</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-f0a65f c-f0a65f">
											<div class="mt5">03/22</div>
											<div class="mt5">排班</div>
											<div class="div-doctor-type bgc-f0a65f">放号提醒</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-ff8787 c-ff8787">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-ff8787">停诊</div>
										</div>
									</li>
								</ul>
								<div class="div-right-active-btn"></div>
							</div>
						</div>
						
						<div class="ui-grid c-border p10 pb0 mt10">
							<div class="ui-col-0 mr10">
								<img src="../../../images/d-male.png" width="70" height="70" class="c-images-cycle">
							</div>
							<div class="ui-col-1 div-doctor-info">
								<p>
									<span class="c-f16 c-323232 c-bold mr10">张三</span>
									<span class="c-f14 c-323232 mr10">主治医师</span>
									<span class="c-f14 c-909090">骨科</span>
								</p>
								<p class="c-f14 c-909090">上饶市第一医院</p>
								<p class="c-f14 text-ellipsis">
									<span class="c-909090">擅长：</span>
									<span class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
								</p>
							</div>
							<div class="ui-col-1 div-doctor-section">
								<div class="div-left-btn"></div>
								<ul class="doctor-ul">
									<li>
										<div class="div-doctor-item border-0ad8c8 c-0ad8c8">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-0ad8c8">预约</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-d1d1d1 c-d1d1d1">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-d1d1d1">已满</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-f0a65f c-f0a65f">
											<div class="mt5">03/22</div>
											<div class="mt5">排班</div>
											<div class="div-doctor-type bgc-f0a65f">放号提醒</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-ff8787 c-ff8787">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-ff8787">停诊</div>
										</div>
									</li>
								</ul>
								<div class="div-right-active-btn"></div>
							</div>
						</div>
						
						<div class="ui-grid c-border p10 pb0 mt10">
							<div class="ui-col-0 mr10">
								<img src="../../../images/d-male.png" width="70" height="70" class="c-images-cycle">
							</div>
							<div class="ui-col-1 div-doctor-info">
								<p>
									<span class="c-f16 c-323232 c-bold mr10">张三</span>
									<span class="c-f14 c-323232 mr10">主治医师</span>
									<span class="c-f14 c-909090">骨科</span>
								</p>
								<p class="c-f14 c-909090">上饶市第一医院</p>
								<p class="c-f14 text-ellipsis">
									<span class="c-909090">擅长：</span>
									<span class="c-909090">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
								</p>
							</div>
							<div class="ui-col-1 div-doctor-section">
								<div class="div-left-btn"></div>
								<ul class="doctor-ul">
									<li>
										<div class="div-doctor-item border-0ad8c8 c-0ad8c8">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-0ad8c8">预约</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-d1d1d1 c-d1d1d1">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-d1d1d1">已满</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-f0a65f c-f0a65f">
											<div class="mt5">03/22</div>
											<div class="mt5">排班</div>
											<div class="div-doctor-type bgc-f0a65f">放号提醒</div>
										</div>
									</li>
									<li>
										<div class="div-doctor-item border-ff8787 c-ff8787">
											<div class="mt5">03/22</div>
											<div class="mt5">下午</div>
											<div class="div-doctor-type bgc-ff8787">停诊</div>
										</div>
									</li>
								</ul>
								<div class="div-right-active-btn"></div>
							</div>
						</div>
					</div>`,
        props: [],
        data: function(){
            return {
               
            }
        },
        mounted: function(){
           
        }
    });
    
})()