ygoa_app/js/dj/component/vue.flowstart.js

(function ($) {
	//0并行分支,1手动分支,2条件分支 
    Vue.component('flow-start', {
        template:  '\
        		<section>\
        			<form class="mui-input-group" id="fileForm" enctype="multipart/form-data">\
						<div class="mui-table-view-cell mui-input-row">\
	    					<label>附件</label>\
	    					<input type="file" onchange="file_upload(\'fileIds\')" name="file" id="file_fileId"/>\
						</div>\
						<div style=" display:none; ">\
        				<input type="text" id="fileIds" name="fileIds" readonly="readonly" />\
        				</div>\
					</form>\
        			<template v-if="flow.pathJudgeType == 1">\
        				<div class="mui-table-view-cell mui-input-row" style="height: auto;">\
        					<label>下一环节</label>\
        					<select id="nextTmodelId" name="nextTmodelId" class="" placeholder="" v-model="selModelId">\
        						<option v-for="nextTmodel in nextTmodels" v-bind:value="nextTmodel.nextTmodelId">{{nextTmodel.nextTmodelName}}</option>\
    						</select>\
    					</div>\
    					<template v-for="nextHandTmodel in nextHandTmodels">\
	        				<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-show="nextHandTmodel.nextTmodelId == selModelId">\
				        		<label>下一环节操作人</label>\
				        		<input v-bind:id="nextHandTmodel.nextTmodelId" v-bind:name="nextHandTmodel.nextTmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
	    					</div>\
    					</template>\
        			</template>\
	        		<template v-if="flow.pathJudgeType == 0">\
	        			<div class="mui-table-view-cell mui-input-row" v-if="nextHandTmodels.length > 0">\
	        				<label>下一环节操作人</label>\
	        			</div>\
	        			<div class="mui-table-view-cell mui-input-row" style="height: auto;" v-for="nextHandTmodel in nextHandTmodels">\
	        				<label>{{nextHandTmodel.nextTmodelName}}</label>\
	        				<input style="width: 50%;" v-bind:id="nextHandTmodel.nextTmodelId" v-bind:name="nextHandTmodel.nextTmodelId" type="text" readonly="readonly" placeholder="选择人员" @click="openUser(nextHandTmodel)">\
        				</div>\
	        		</template>\
        		</section>\
        		',
        props: ['selModelId','flow', 'nextTmodels', 'nextHandTmodels'],
        methods: {
        	openUser : function(nextHandTmodel){       		
        		choosePerson({'backId':nextHandTmodel.nextTmodelId,'isMultiDept':'1'})
        	}
        },
        //组件渲染之前
        created: function () {
        },
        //组件渲染之后
        mounted: function () {     
        	
        }
    });
    
})(jQuery);