优化

src/views/mdp/form/formField/Field.vue

@@ -55,7 +55,7 @@
 			</el-tab-pane>
 			
 		</el-tabs> 
-		<el-form-item  v-else  :label="field.title" :prop="field.idCamel" :rules="[{ required: field.req=='1', message: '该项必填', trigger: 'change' }]"> 
+		<el-form-item  v-else  :label="field.showStyle=='x'?'':field.title" :prop="field.idCamel" :rules="[{ required: field.req=='1', message: '该项必填', trigger: 'change' }]"> 
 			<div  v-if="field.qx=='nr'"></div>
 			 
 		<!--用户-->

src/views/mdp/form/formField/FieldCfg.vue

@@ -32,12 +32,15 @@
 							
 							</el-popover> 
  				  	</el-form-item>  
-				  	<el-form-item label="主键" prop="bkey" v-if="  (field.typ!='checkbox') && (field.typ!='radio') && field.mul!='1' && field.typ!='textarea'" > 
-						<el-checkbox v-model="field.bkey" true-label="1" false-label="0" @change="onBkeyChange">是否主键</el-checkbox>   
-				  	</el-form-item>
-				  	<el-form-item label="必需" prop="req" > 
-				  		<el-checkbox v-model="field.req" :disabled="field.bkey=='1'" true-label="1" false-label="0">是否必输</el-checkbox>  
-				  	</el-form-item>
+					<el-form-item>
+ 							<el-checkbox v-model="field.bkey" true-label="1" false-label="0" @change="onBkeyChange">是否主键</el-checkbox>   
+  							<el-checkbox v-model="field.req" :disabled="field.bkey=='1'" true-label="1" false-label="0">是否必输</el-checkbox>  
+ 						 
+								<el-checkbox  v-model="field.mul" :disabled=" field.typ!='checkbox' && field.typ!='select' && field.extType!='dept'" true-label="1" false-label="0">多选</el-checkbox>  
+ 						
+ 								<el-checkbox  v-model="field.ronly" true-label="1" false-label="0">只读</el-checkbox>  
+ 					</el-form-item>
+				  	
 				  	<el-form-item label="长度" prop="len">
  								<el-input   v-model="field.len" auto-complete="off"  placeholder="请输入内容"   > </el-input>
  					</el-form-item>
@@ -60,14 +63,13 @@
 					<el-form-item v-else label="默认值" prop="dval">
  				  			<el-input   v-model="field.dval" auto-complete="off"  placeholder="请输入内容"   > </el-input>
  				  	</el-form-item>
-				  	<el-form-item label="多选" prop="mul">
- 				  		    <el-checkbox  v-model="field.mul" :disabled=" field.typ!='checkbox' && field.typ!='select' && field.extType!='dept'" true-label="1" false-label="0">多选</el-checkbox>  
- 				  	</el-form-item>
 				  	<el-form-item label="权限" prop="qx">
 						<el-button @click="$refs['qxDialog'].open(field)">字段权限设置</el-button>
 				  	</el-form-item> 
-					
-				  	<el-form-item label="css样式" prop="styleObj">
+				  	<el-form-item label="css class" prop="clazz">
+						<el-input   v-model="field.clazz" auto-complete="off"  placeholder="请输入内容css class名称,空格分割多个"   > </el-input> 
+				  	</el-form-item>
+				  	<el-form-item label="css style" prop="styleObj">
 						<el-popover  
 									placement="top-start"
 									width="400"

src/views/mdp/form/formField/Index.vue

@@ -50,7 +50,7 @@
 							</el-row>
 						</el-form-item> 
 						<el-row>  
-							<draggable id="af" class="dragArea" @start="onTplStart"  :options="{group:{ name:'g1', pull:'clone'}, animation:150}"  v-model="sampleFields"  :move="onMove">
+							<draggable id="af" :sort="false" class="dragArea" @start="onTplStart"  :options="{group:{ name:'g1', pull:'clone'}, animation:150}"  v-model="sampleFields"  :move="onMove">
 
 									<el-col v-for="(item,index) in sampleFields" :key="index" :span="calcSpan(item)">
 										<mdp-field  :gutter="0" :span="24" :value="item" :sample="true"></mdp-field>