子项优化

src/views/xm/core/xmTaskWorkItem/XmSubTaskList.vue

@@ -4,10 +4,16 @@
         <el-table :data="xmTasks"  :max-height="400" v-loading="load.list" @selection-change="selsChange" @row-click="rowClick">
           <el-table-column type="selection" label="全选"></el-table-column>
           <el-table-column prop="name" label="名称"> 
-                <template slot-scope="scope">
-                  <div    class="icon" :style="{backgroundColor:  scope.row.ntype==='1'?'#E6A23C':'#409EFF'}">
+                <template slot-scope="scope"> 
+                  <div    class="icon" :style="{backgroundColor:  scope.row.ntype==='1'?'#E6A23C':'#1CC7EA'}">
 									<i :class="scope.row.ntype==='1'?'el-icon-odometer':'el-icon-s-operation'" ></i>
-									</div>  {{scope.row.name}}
+									</div>    
+									<span class="my-cell-text">
+										 {{scope.row.sortLevel}}&nbsp;{{scope.row.name}}
+									</span>
+									<span class="my-cell-bar">
+									  	<el-input title="序号" style="width:20%;"  v-model="scope.row.sortLevel" placeholder="序号"  @change="editXmTaskSomeFields(scope.row,'sortLevel',$event)"></el-input><el-input title="名称" style="width:78%;" placeholder="名称" v-model="scope.row.name" @change="editXmTaskSomeFields(scope.row,'name',$event)"></el-input> 
+									</span> 
                 </template>
           </el-table-column>
               <el-table-column
@@ -20,7 +26,7 @@
 										<el-button style="display:block;" :type="item.className" plain round v-for="(item,index) in formatterTaskStateDicts(scope.row.taskState)" :key="index">{{item.name}}</el-button>
 									</div>
 									<span class="cell-bar">
-										 <el-select  v-model="scope.row.taskState" placeholder="任务状态"  style="display:block;"  @change="editXmTaskSomeFields(scope.row,'taskState',$event)">
+										 <el-select @visible-change="selectVisible(scope.row,$event)"   v-model="scope.row.taskState" placeholder="任务状态"  style="display:block;"  @change="editXmTaskSomeFields(scope.row,'taskState',$event)">
 												<el-option :value="item.id" :label="item.name" v-for="(item,index) in dicts.taskState" :key="index"></el-option>
 										 </el-select>
 									</span>
@@ -49,7 +55,7 @@
 										<el-button style="display:block;" :type="item.className" plain round v-for="(item,index) in formatterPriorityDicts(scope.row.level)" :key="index">{{item.name}}</el-button>
 									</div>
 									<span class="cell-bar">
-										 <el-select  v-model="scope.row.level" placeholder="优先级"  style="display:block;"  @change="editXmTaskSomeFields(scope.row,'level',$event)">
+										 <el-select @visible-change="selectVisible(scope.row,$event)"   v-model="scope.row.level" placeholder="优先级"  style="display:block;"  @change="editXmTaskSomeFields(scope.row,'level',$event)">
 												<el-option :value="item.id" :label="item.name" v-for="(item,index) in dicts.priority" :key="index"></el-option>
 										 </el-select>
 									</span>
@@ -162,6 +168,11 @@ export default {
   }, //end data
   methods: { 
     
+    selectVisible(row,visible){
+      if(visible){
+        this.rowClick(row)
+      }
+    },
     //选择行xmTask
     selsChange: function (sels) {
       this.sels = sels;
@@ -262,6 +273,7 @@ export default {
 				}
 
 				editXmTaskSomeFields(params).then(res=>{
+          debugger;
 					var tips = res.data.tips;
 					if(tips.isOk){
 						if(this.sels.length>0){
@@ -272,7 +284,10 @@ export default {
 						}else{
 							  Object.assign(row,params)
 						}
+            Object.assign(this.editFormBak,this.editForm)
 					}else{
+            
+            Object.assign(this.editForm,this.editFormBak)
 						this.$notify({position:'bottom-left',showClose:true,message:tips.msg,type:tips.isOk?'success':'error'})
 					}
 				})
@@ -306,6 +321,7 @@ export default {
     },
     rowClick: function (row) {
       this.editForm = row;
+      this.editFormBak=Object.assign({},this.editForm)
       // this.$emit('row-click',row,);//  @row-click="rowClick"
     },
     
@@ -394,6 +410,17 @@ export default {
 };
 </script>
 
-<style scoped> 
-  
+<style lang="less" scoped>
+  .my-cell-bar{
+    display: none; 
+  }
+
+.el-table__row td:hover{
+	.my-cell-bar{
+		display: inline-block;  
+	}
+  .my-cell-text{
+    display:none;
+  }
+}
 </style>