PC-application/component/rehabilitation/template-items.js

var docInfo = JSON.parse(window.localStorage.getItem('wlyyAgent'));
function showSuccessMessage(msg) {
	layer.msg(msg, {
		icon: 1
	})
}

function showErrorMessage(msg) {
	layer.msg(msg, {
		icon: 5
	})
}

function showWarningMessage(msg) {
	layer.msg(msg, {
		icon: 2
	})
}

function showInfoMessage(msg) {
	layer.msg(msg, {
		icon: 6
	})
}
var TemplateItems = {
	template: '<div style="height: 100%;">\
					<el-dialog\
						title="计划时间"\
						:visible.sync="dialogVisible"\
						width="30%"\
						:before-close="handleClose">\
						<div>\
							<div>任务项目：电话/短信关怀</div>\
							<div>\
								<el-select v-model="seletc" placeholder="请选择">\
									<el-option\
										v-for="item in options"\
										:key="item.value"\
										:label="item.label"\
										:value="item.value">\
									</el-option>\
								</el-select>\
							</div>\
						</div>\
						<span slot="footer" class="dialog-footer">\
							<el-button @click="dialogVisible = false">取 消</el-button>\
							<el-button type="primary" @click="dialogVisible = false">确 定</el-button>\
						</span>\
					</el-dialog>\
    				<div class="title-name c-f16">\
	    				<span class="c-vam">{{name}}</span>\
	    			</div>\
	    			<div v-show="!items.length" class="c-t-center" style="margin-top: 200px;">\
	    				<img src="../../../images/fanhui_icon.png" class="c-vam"/>请在左侧“服务项”列表中选择\
	    			</div>\
	    			<div class="template-items" v-show="items.length">\
	    				<div class="item-card ptb10 plr15 mt10" v-for="(o, i) in items">\
		    				<div class="c-nowrap">{{o.name}}</div>\
			    			<div class="c-row c-f14 mt5">\
						        <div class="c-50">\
						        	<span class="c-909090">医&emsp;&emsp;院:</span>\
						        	<span class="c-909090">待选择</span>\
						        </div>\
						        <div class="c-50">\
						        	<span class="c-909090">执行人员:</span>\
						        	<span class="c-909090">待选择</span>\
						        </div>\
						    </div>\
						    <div class="c-row c-f14 mt5">\
						        <div class="c-50">\
						        	<span class="c-909090">计划时间:</span>\
						        	<span class="c-909090">待选择</span><img class="ml15" @click="dialogVisible = true" style="width:16px;height: 16px;vertical-align: middle;display:none;" src="../../../images/bianji_icon.png"></img>\
						        </div>\
						        <div class="c-50">\
						        	<span class="c-909090">费&emsp;&emsp;用:</span>\
						        	<span>0.00元</span>\
						        </div>\
						    </div>\
						    <img v-if="name!=\'系统模板\' && o.code!=\'2\' && o.code!=\'3\'" src="../../../images/qingchu_icon.png" class="item-delete-btn" @click.stop="deleteItem(o, i)"/>\
	    				</div>\
	    			</div>\
	    			<div class="foot-btns">\
			    		<a class="delete-btn c-t-center mr50" @click="deleteTemplate">\
			    			删除模板\
			    		</a>\
			    		<a class="save-btn c-t-center" @click="saveTemplate">\
			    			保存模板\
			    		</a>\
		    		</div>\
    			</div>',
    props: [],
    data: function() {
        return {
        	name: '',
        	items: [],
        	isNew: null,
			templateId: "",
			dialogVisible:false,
			item: null,
			seletc:'',
			options:[{label:'0',value:'0'}]
        }
    },
    beforeRouteEnter: function (to, from, next) {
	    next(function(vm) {
	    	var query = vm.$route.query
	    	vm.name = query.name || '模板未命名',
	    	vm.templateId = query.templateId
	    	if(from.path != "/template-item-detail" || from.path == "/") {
	    		vm.items = []
	    	}
	    	
	    	if(vm.isNew == true || vm.isNew === "true") {
	    		vm.isNew = true
	    	} else {
	    		vm.isNew = false
	    	}
	    })
	},
	created: function() {
		var vm = this
		EventBus.$on("add-template-item", function(o) {
			vm.items.push(o)
		})
	},
    mounted: function() {
    	var vm = this
		
    },
    methods: {
    	deleteItem: function(o, i) {
    		var vm = this
    		o.enable = true
			vm.items.splice(i, 1)
			EventBus.$emit("delete-template-item", o, i)
		},
		handleClose:function(){

		},
    	saveTemplate: function() {
    		var vm = this
			if(this.name=='系统模板'){
				showErrorMessage('不能编辑系统模板！')
				return false
			}
    		vm.loading.showModal()
    		rehaAPI.createTemplateDetail({
    			doctor: docInfo.uid,
    			json: JSON.stringify({
    				templateId: vm.templateId,
    				hospitalServiceItemId: _.pluck(vm.items, 'code').join(',')
    			}),
    			type: vm.isNew?"create":"edit"
    		}).then(function(res) {
    			if(res.status == 200) {
    				vm.loading.close()
					showSuccessMessage('保存成功')
    				EventBus.$emit("refresh-index")
        			vm.$router.replace("/")
    			} else {
    				vm.loading.close()
    				showErrorMessage(res.msg)
    			}
    		}).catch(function(e) {
    			vm.loading.close()
    			console.error(e)
    		})
    	},
    	deleteTemplate: function() {
    		var vm = this
			if(this.name=='系统模板'){
				showErrorMessage('不能删除系统模板！')
				return false
			}
			layer.confirm('确定删除该模板？', {
				btn: ['确认','取消'] //按钮
				}, function(){
					vm.loading.showModal()
					rehaAPI.deleteTemplate({
						templateId: vm.templateId
		            }).then(function(res) {
		            	vm.loading.close()
		            	if(res.status == 200) {
							showSuccessMessage('删除成功')
		            	} else {
							showErrorMessage(res.msg)
		            	}
        				EventBus.$emit("refresh-index")
        				vm.$router.replace("/")
		        	}).catch(function(e) {
		        		vm.loading.close()
		        		console.error(e)
		        	})
				}, function(){
			});
    	},
    	toDetail: function(o) {
    		var vm = this
    		vm.item = o
    		vm.$router.push({
    			path:"/template-item-detail",
    			query: {
    				templateId: vm.templateId,
    				itemId: o.code
    			}
    		})
    		
    	}
    },
//  watch: {
//	    '$route': function (to, from) {
//	    	var vm = this
////	    	if(to.path == "/template-item-detail" && (from.path != "/template-item-detail" || from.path == "/")) {
////	    		EventBus.$emit("show-item-detail", vm.item)
////	    	}
//			if(to.path == "/template-item-detail") {
//	    		EventBus.$emit("show-item-detail", vm.item)
//	    	}
//	    }
//	 }
}