PC-application/component/rehabilitation/temp-send-panel.js

var httpData = GetRequest()
console.log('httpDatahttpDatahttpData', httpData)
var docInfo = JSON.parse(window.localStorage.getItem("wlyyAgent"));
var previewLayerIndex;
function closeGuidancePreview(){
	layer.close(previewLayerIndex)
}
var TempSendPanel = {
    template: '<div class="template-wrap">\
    			<div style="height: 34px;" >\
		    		指导模板\
		    	</div>\
		    	<div class="temp-info c-f14">\
		    		<div class="temp-name pl10 ptb10">\
		    			模板名称：<input v-model="modelName" placeholder="请输入模板名称( 10字内 )" disabled class="c-f14" />\
		    		</div>\
		    		<div class="c-position-r">\
		    			<textarea @input="countWord" v-model="content" class="ptb10 plr10" disabled style="border: 0;width: 100%;box-sizing: border-box;height: 180px;"></textarea>\
		    			<div class="c-t-right mr10 mb5 c-909090">{{count}}/{{words}}</div>\
		    		</div>\
		    	</div>\
		    	<div v-if="imgs.length>0" class="img-wrap mt20 c-f14">\
	    			<div>插入图片<span class="c-909090">（{{imgs.length}}/9）</span></div>\
	    			<div class="img-items mt10">\
						<img v-for="(v,i) in imgs" src="v" />\
	    			</div>\
				</div>\
	    		<div class="foot-btns mt20">\
	    			<a class="preview-btn c-t-center mr15" @click="preViewTemplate">\
		    			预览\
		    		</a>\
		    		<a class="send-btn c-t-center" @click="sendTemplate">\
		    			发送\
		    		</a>\
		    	</div>\
    	</div>',
    props: [],
    data: function() {
        return {
			words: 1000,
			count: 0,
			modelName: '',
			content: '',
			modelCode: '',
			imgs: [],
			curTemplate: undefined,
			previewLayerIndex: undefined,
			planDetaiId: httpData['planDetaiId']
        }
	},
	watch: {
		content: function(){
			this.countWord()
		}
	},
	mounted: function(){
		var vm = this
		EventBus.$on('active-template', function(o){
			vm.modelCode = o.code
			vm.selectGuidances()
		})
	},
	destroyed: function(){

	},
    methods: {
        countWord: function() {
        	if(this.content.length <= this.words) {
        		this.count = this.content.length
        	} else {
        		this.content = this.content.slice(0, this.words)	
        	}
		},
		selectGuidances: function(){
			var vm=this;
			var params={
				type: '',
				id: vm.modelCode,
				title: '',
				page: 1,
				pagesize: 1
			}
			rehaAPI.selectGuidances(params).then(function(res){
				if(res.status==200){
					if(res.data && res.data.length) {
						var data = res.data[0]
						vm.curTemplate = data
						vm.content = data.content
						vm.modelName = data.title
						// vm.imgs = _.map(data.imagesUrls, function(s) {
						// 	return httpRequest.getImgUrl(s)
						// })
					}
				} else {
					layer.msg(res.msg,{icon:5}); 
				}
			})
		},
		preViewTemplate: function(){
			var vm = this
			previewLayerIndex = layer.open({
				type: 2,
				area: ['380px', '600px'],
				shade: 0.5,
				title: '预览',
				fixed: true, //不固定
				maxmin: true,
				closeBtn:1,
				shift: 5,
				shadeClose: false, //点击遮罩关闭层
				content: '../../rehabilitation/html/rehabilitation_guidance_preview.html?modelCode='+vm.modelCode
			});
		}, 
		sendTemplate: function() {
        	var vm = this
            if(!vm.modelName) {
        		toastr && toastr.error("模板名称不能为空")
        		return
        	}
        	if(!vm.content) {
        		toastr && toastr.error("模板内容不能为空")
        		return
			}
			layer.confirm('发出后无法变更，是否确认发送给居民？', { btn: ['继续发送', '取消'], title: "提示" }, function () {
				var loading = layer.load(0, {shade: false})
				var params = [{
					patient: httpData['patient'],
					article: vm.modelCode,
					doctor: docInfo.uid,
					attachedContent: vm.content,
					attachedTitle: vm.modelName,
					relationCode: vm.planDetaiId //业务关联
				}]
				rehaAPI.sendGuidance({
					json: JSON.stringify(params),
					planId: httpData['planId']
				}).then(function(res) {
					layer.close(loading)
					if(res.status == 200){
						// 确认完成康复指导
						window.parent.closeKFZDlayer(vm.planDetaiId)
						layer.msg('发送成功', {
							icon: 1
						})
					} else {
						layer.msg(res.msg, {
							icon: 5
						})
					}
				}).catch(function(e) {
					console.error(e)
				})

			})			
	   }
    }
}