Browse Source

修改组件ES6字符串模板拼接方式

Xiao_yanpeng 7 years ago
parent
commit
beb3c13dc2

+ 4 - 4
app/record/js/record.js

@ -10,14 +10,14 @@ new Vue({
			{title:'统计',href:'../html/census.html'}
    ],
    teamName:null,
//  patientCode:"",
    patientCode:"ec7572875d27446cb4f067b13a85d72a",
    patientCode:"",
//  patientCode:"ec7572875d27446cb4f067b13a85d72a",
    activeidx: ""
  },
  mounted: function(){
  	var vm = this;
//		var Request = GetRequest();
//		vm.patientCode = Request["patient"]
		var Request = GetRequest();
		vm.patientCode = Request["patient"]
  	recordAPI.teamInfo({patient:vm.patientCode}).then(function(res){
  		if(res.status == 200){
  			var data = res.data,teams = [];

+ 18 - 18
component/common/pagination.js

@ -5,24 +5,24 @@
 */
//分页组件
var pageComponent = Vue.extend({
    template: `<nav v-if="pages>0" aria-label="Page navigation" class="text-center">
        <ul class="pagination">
            <li :class="{\'disabled\':curPage==1}">
                <a href="javascript:;" @click="goPage(curPage==1?1:curPage-1)" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            <li v-for="page in showPageBtn" :class="{\'active\':page==curPage}">
                <a href="javascript:;" v-if="page" @click="goPage(page)">{{page}}</a>
                <a href="javascript:;" v-else>···</a>
            </li>
            <li :class="{\'disabled\':curPage==pages}">
                <a href="javascript:;" @click="goPage(curPage==pages?pages:curPage+1)" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>`,
    template: '<nav v-if="pages>0" aria-label="Page navigation" class="text-center">\
        <ul class="pagination">\
            <li :class="{\'disabled\':curPage==1}">\
                <a href="javascript:;" @click="goPage(curPage==1?1:curPage-1)" aria-label="Previous">\
                    <span aria-hidden="true">&laquo;</span>\
                </a>\
            </li>\
            <li v-for="page in showPageBtn" :class="{\'active\':page==curPage}">\
                <a href="javascript:;" v-if="page" @click="goPage(page)">{{page}}</a>\
                <a href="javascript:;" v-else>···</a>\
            </li>\
            <li :class="{\'disabled\':curPage==pages}">\
                <a href="javascript:;" @click="goPage(curPage==pages?pages:curPage+1)" aria-label="Next">\
                    <span aria-hidden="true">&raquo;</span>\
                </a>\
            </li>\
        </ul>\
    </nav>',
    props: {
        pages: {
            type: Number,

+ 10 - 10
component/record/consultation-list.js

@ -1,14 +1,14 @@
Vue.component('consultation-list', {
	template: `<ul class="consultation-list">
				<li v-for="(list,index) in chatList" class="consultation-list-item" @click="viewDetail(list)">
					<img class="con-avatar" :src="httpRequest.getImgUrl(list.patientPhoto)" alt="" onerror="onerror=null;src=\'../../../images/p-female.png\'" />
					<div class="con-user-info">
						<span class="con-status" :data-status="list.status" desc="0进行1结束"></span>
						<p><span class="con-user-name">{{list.patientName}}</span><span class="small con-time">{{list.czrq.substring(0,list.czrq.length-2)}}</span></p>
						<p class="user-problem">咨询问题:{{list.symptoms}}</p>
					</div>
				</li>
			</ul>`,
	template: '<ul class="consultation-list">\
				<li v-for="(list,index) in chatList" class="consultation-list-item" @click="viewDetail(list)">\
					<img class="con-avatar" :src="httpRequest.getImgUrl(list.patientPhoto)" alt="" onerror="onerror=null;src=\'../../../images/p-female.png\'" />\
					<div class="con-user-info">\
						<span class="con-status" :data-status="list.status" desc="0进行1结束"></span>\
						<p><span class="con-user-name">{{list.patientName}}</span><span class="small con-time">{{list.czrq.substring(0,list.czrq.length-2)}}</span></p>\
						<p class="user-problem">咨询问题:{{list.symptoms}}</p>\
					</div>\
				</li>\
			</ul>',
	data: function() {
		return {
			chatList: "",

+ 12 - 12
component/record/education-list.js

@ -1,16 +1,16 @@
Vue.component('education-list', {
	template: `<ul class="consultation-list">
				<li v-for="(list,index) in eduList" class="consultation-list-item" @click="viewDetail(list.articleId)">
					<div class="edu-posi-re">
						<div class="edu-title">{{list.attachedTitle}}</div>
						<div class="edu-time">发送时间:{{list.createTime}}</div>
					</div>
					<div class="follow-user-info leave-word-container">
						<span class="edu-status" :data-status="list.isread" desc="0未读1已读"></span>
						<p class="leave-word">医生留言:{{list.leaveWords?list.leaveWords:"无"}}</p>
					</div>
				</li>
			</ul>`,
	template: '<ul class="consultation-list">\
				<li v-for="(list,index) in eduList" class="consultation-list-item" @click="viewDetail(list.articleId)">\
					<div class="edu-posi-re">\
						<div class="edu-title">{{list.attachedTitle}}</div>\
						<div class="edu-time">发送时间:{{list.createTime}}</div>\
					</div>\
					<div class="follow-user-info leave-word-container">\
						<span class="edu-status" :data-status="list.isread" desc="0未读1已读"></span>\
						<p class="leave-word">医生留言:{{list.leaveWords?list.leaveWords:"无"}}</p>\
					</div>\
				</li>\
			</ul>',
	data: function() {
		return {
			eduList: "",

+ 11 - 11
component/record/follow-up-list.js

@ -1,15 +1,15 @@
Vue.component('follow-list', {
	template: `<ul class="followup-list">
				<li v-for="(list,index) in followUpList" class="consultation-list-item" @click="viewDetail(list)">
					<p class="follow-up-doctor"><span class="start-time pull-right">开始时间:{{list.createTime}}</span>随访医生:{{list.doctorName}}<span v-if="list.prescriptionCode" class="fu-tag">长处方</span></p>
					<div class="follow-user-info">
						<span class="follow-status" :data-status="list.status" desc="3进行2计划中1完成"></span>
						<p class="act-type">方式/类型:{{list.followupTypeName}}{{list.followupClassName?"/"+list.followupClassName:""}}</p>
						<p v-if="list.status==1" class="completion-time">完成时间:{{list.followupDate.substr(0,16)}}</p>
						<p v-else class="completion-time">计划时间:{{list.followupPlanDate.substr(0,16)}}</p>
					</div>
				</li>
			</ul>`,
	template: '<ul class="followup-list">\
				<li v-for="(list,index) in followUpList" class="consultation-list-item" @click="viewDetail(list)">\
					<p class="follow-up-doctor"><span class="start-time pull-right">开始时间:{{list.createTime}}</span>随访医生:{{list.doctorName}}<span v-if="list.prescriptionCode" class="fu-tag">长处方</span></p>\
					<div class="follow-user-info">\
						<span class="follow-status" :data-status="list.status" desc="3进行2计划中1完成"></span>\
						<p class="act-type">方式/类型:{{list.followupTypeName}}{{list.followupClassName?"/"+list.followupClassName:""}}</p>\
						<p v-if="list.status==1" class="completion-time">完成时间:{{list.followupDate.substr(0,16)}}</p>\
						<p v-else class="completion-time">计划时间:{{list.followupPlanDate.substr(0,16)}}</p>\
					</div>\
				</li>\
			</ul>',
	data: function() {
		return {
			followUpList:[],

+ 8 - 8
component/record/guidance-list.js

@ -1,12 +1,12 @@
Vue.component('guidance-list', {
	template: `<ul class="consultation-list">
				<li  v-for="(list,index) in guidanceList" class="consultation-list-item" @click="viewDetail(list.id)">
					<div class="con-user-info">
						<p class="article-title">{{list.content}}</p>
						<p class="user-problem">发送时间:{{list.createTime}}</p>
					</div>
				</li>
			</ul>`,
	template: '<ul class="consultation-list">\
				<li  v-for="(list,index) in guidanceList" class="consultation-list-item" @click="viewDetail(list.id)">\
					<div class="con-user-info">\
						<p class="article-title">{{list.content}}</p>\
						<p class="user-problem">发送时间:{{list.createTime}}</p>\
					</div>\
				</li>\
			</ul>',
	data: function() {
		return {
			guidanceList: "",

+ 10 - 10
component/record/inner-tabs.js

@ -1,14 +1,14 @@
Vue.component('inner-tabs', {
	template: `<div>
				<ul class="nav nav-tabs service-nav-tabs no-select">
			  		<li v-for="(tab,index) in tabs" role="presentation" :class="{active: (activeidx == index)}">
			  			<a @click="load(tab, index)">{{tab.title}}</a>
			  		</li>
				</ul>
				<div class="inner-main" style="overflow:hidden;">
					<iframe id="tab-iframe" :src="url" width="100%" :height="height" frameborder="0" seamless style="display: inline;"></iframe>
				</div>
			</div>`,
	template: '<div>\
				<ul class="nav nav-tabs service-nav-tabs no-select">\
			  		<li v-for="(tab,index) in tabs" role="presentation" :class="{active: (activeidx == index)}">\
			  			<a @click="load(tab, index)">{{tab.title}}</a>\
			  		</li>\
				</ul>\
				<div class="inner-main" style="overflow:hidden;">\
					<iframe id="tab-iframe" :src="url" width="100%" :height="height" frameborder="0" seamless style="display: inline;"></iframe>\
				</div>\
			</div>',
	props: ["tabs","activeidx"],
	data: function() {
		return {

+ 9 - 9
component/record/toBeReserved-list.js

@ -1,13 +1,13 @@
Vue.component('reserved-list', {
	template: `<ul class="consultation-list">
				<li v-for="(list,index) in toBeReservedList" class="consultation-list-item" @click="viewDetail(list.id)">
					<p class="follow-up-doctor"><span class="start-time pull-right">预约时间:{{list.czrq.substr(0,19)}}</span>预约医生:{{list.doctorName}}</p>
					<div class="follow-user-info">
						<p>科室/医院:{{list.deptName}}/{{list.orgName}}</p>
						<p class="completion-time">就诊时间:{{list.startTime?list.startTime.substr(0,16):''}}</p>
					</div>
				</li>
			</ul>`,
	template: '<ul class="consultation-list">\
				<li v-for="(list,index) in toBeReservedList" class="consultation-list-item" @click="viewDetail(list.id)">\
					<p class="follow-up-doctor"><span class="start-time pull-right">预约时间:{{list.czrq.substr(0,19)}}</span>预约医生:{{list.doctorName}}</p>\
					<div class="follow-user-info">\
						<p>科室/医院:{{list.deptName}}/{{list.orgName}}</p>\
						<p class="completion-time">就诊时间:{{list.startTime?list.startTime.substr(0,16):''}}</p>\
					</div>\
				</li>\
			</ul>',
	data: function() {
		return {
			toBeReservedList: "",