优化

src/views/xm/core/xmTask/XmTaskAdd.vue

@@ -3,7 +3,9 @@
 		<el-row class="page-main ">
 			<!--新增界面 XmTask xm_task-->
 			<el-form :model="addForm"  label-width="100px" :rules="addFormRules" ref="addForm">
-				<el-card class="box-card" header="基础信息" id="baseInfoAdd" shadow="hover">  
+
+				<el-collapse value="1" accordion>
+					<el-collapse-item title="基础信息" name="1"> 
 						<el-form-item label="" prop="ntype">
 							<el-radio :disabled="parentTask&&parentTask.id&&parentTask.ntype==='0'" v-model="addForm.ntype" label="1">计划项</el-radio>
 							<el-radio v-model="addForm.ntype" label="0">任务</el-radio>
@@ -18,23 +20,40 @@
 						<el-form-item v-if="addForm.ptype==='1'" label="归属产品" prop="productId">
 							<el-tag>{{addForm.productName}}</el-tag>
 						</el-form-item>
+						
+						<el-row>
+							<el-col :span="12">
 								<el-form-item label="上级" prop="parentTaskname">  
 									<el-tag v-if="addForm.parentTaskid"  @close="clearParentTask" closable >{{addForm.parentTaskname}}</el-tag>
 									<el-button  type="text"  @click.stop="selectParentTaskVisible=true"  >选上级</el-button>
 									<br>
-						<font color="red" style="font-size:12px;">&nbsp;&nbsp;任务数多的情况下，请尽量设置上级,对任务进行归类，方便对其进行管理</font>
-					</el-form-item>
-					<el-form-item label="名称" prop="name"> 
-							<el-input style="width:100%;" v-model="addForm.name" placeholder="名称" ></el-input>  
-					</el-form-item>
-					<el-form-item label="序号" prop="sortLevel"> 
-						<el-input  v-model="addForm.sortLevel" style="width:30%;"   placeholder="如1.0或者1.2.3等" ></el-input> <el-checkbox v-model="addForm.milestone" :true-label="1" :false-label="0">里程碑</el-checkbox>
+									<font color="red" style="font-size:12px;">请尽量设置上级,对任务进行归类管理</font>
 								</el-form-item>
-					<div>
+
+							</el-col>
+							<el-col :span="12">
 								<el-form-item label="前置">
 									<el-tag v-if="addForm.preTaskid"  @close="clearPreTask" closable >{{addForm.preTaskname}}</el-tag>
 									<el-button  type="text"  @click.stop="selectTaskVisible=true"  >选前置</el-button>
 								</el-form-item> 
+							</el-col>
+						</el-row>
+						<el-row>
+							<el-col :span="6">
+								<el-form-item label="序号名称" prop="sortLevel" > 
+									<el-input  v-model="addForm.sortLevel"   placeholder="如1.0或者1.2.3等" ></el-input> 
+									<br>
+									
+									<el-checkbox v-model="addForm.milestone" :true-label="1" :false-label="0">里程碑</el-checkbox>
+								</el-form-item>
+							</el-col>
+							<el-col :span="18">
+								<el-form-item label="" prop="name" label-width="0px"> 
+										<el-input style="width:100%;" v-model="addForm.name" placeholder="名称" ></el-input>  
+								</el-form-item> 
+							</el-col>
+						</el-row>
+						<div>
 						<el-row>
 							<el-col :span="8">
 								<el-form-item label="状态">  
@@ -62,7 +81,7 @@
 							</el-col>
 						</el-row>
 						<el-form-item  label="所属需求" prop="menuId" id="menuInfoAdd" v-if="addForm.ntype=='0'">
-						{{addForm.menuName}} <el-button @click="menuVisible=true" round>选择归属需求</el-button>
+							{{addForm.menuName}} &nbsp;<el-button type="text" @click="menuVisible=true" round>选择归属需求</el-button>
 						</el-form-item>
 						<el-form-item prop="skill" label="技能要求">
 							<el-button class="useradd-icon" type="text" @click.stop="showSkill()" icon="el-icon-circle-plus-outline">增加</el-button>
@@ -72,8 +91,8 @@
 							<el-input type="textarea" :autosize="{ minRows: 4, maxRows: 10}" v-model="addForm.description" placeholder="描述" ></el-input>
 						</el-form-item>
 						</div>
-				</el-card> 
- 				<el-card class="box-card" id="planInfoAdd" header="进度计划" shadow="hover">
+					</el-collapse-item>
+					<el-collapse-item title="进度计划" name="2">
 						<el-form-item label="负责人">
 							<el-tag  v-if="addForm.createUserid" style="margin-left:10px;border-radius:30px;"  >{{addForm.createUsername}}</el-tag>
 							<el-tag  v-else style="margin-left:10px;border-radius:30px;"  icon="el-icon-right" >未设置</el-tag>
@@ -105,9 +124,6 @@
 									:picker-options="pickerOptions"
 								></el-date-picker>
 						</el-form-item>   
-				</el-card>
-
- 				<el-card class="box-card" header="工作量、成本" id="costInfoAdd">
 						<el-form-item label="预估工作量" prop="budgetWorkload">
 							<el-input-number style="width:200px;"  v-model="addForm.budgetWorkload" @change="onBudgetWorkloadChange" :precision="2" :step="8" :min="0" placeholder="预计总工作量(人时,不包括下一级)"></el-input-number> <el-tag>人时，{{this.toFixed(addForm.budgetWorkload/8/20)}}人月</el-tag>
 							<br/>
@@ -125,8 +141,9 @@
 								预估金额&nbsp;<el-input-number style="width:200px;"  v-model="addForm.budgetCost" :precision="2" :step="100" :min="0" placeholder="预算金额"></el-input-number>   元
 							</el-row>
 						</el-form-item> 
-				 </el-card>
- 				<el-card class="box-card" header="结算信息" id="settleInfoAdd" shadow="hover" v-if="addForm.ntype!='1'">
+
+					</el-collapse-item>
+					<el-collapse-item title="结算信息" name="4" v-if="addForm.ntype!='1'">
 						<el-form-item label="" prop="taskClass">
 							<el-checkbox v-model="addForm.taskClass" true-label="1" false-label="0">是否需要结算</el-checkbox>
 						</el-form-item>
@@ -135,9 +152,8 @@
 								<el-option v-for="i in options.xmTaskSettleSchemel" :label="i.optionName" :key="i.optionValue" :value="i.optionValue"></el-option>
 							</el-select>
 						</el-form-item>
-				 </el-card>
-
-				<el-card class="box-card" header="众包" id="taskOutAdd" v-if="addForm.ntype!='1' && addForm.taskOut=='1'">
+					</el-collapse-item>
+					<el-collapse-item title="众包" name="5" v-if="addForm.ntype!='1' && addForm.taskOut=='1'">
 					 
 					<el-checkbox v-model="addForm.toTaskCenter" true-label="1" false-label="0" id="taskOut">发布到互联网任务大厅</el-checkbox>  
 					 
@@ -150,7 +166,8 @@
 							<el-step title="企业付款" description="结算流程审批通过，自动付款到个人钱包"></el-step>
 							<el-step title="提现" description="企业付款完成后，个人对钱包中余额进行提现"></el-step>
 						</el-steps> 
-				 </el-card> 
+					</el-collapse-item>
+				</el-collapse>   
 			</el-form>
 		</el-row>
 		<el-row class="page-bottom padding">