sum

src/components/sumDoctorCheck/SumSug.vue

@@ -23,12 +23,21 @@
               <el-input v-model="scope.row.suggestionTitle"  placeholder="请输入建议"
                 :disabled="sumDoctorCheck.sumPREdit.completeFlag=='3' || sumDoctorCheck.sumPREdit.isAudit=='Y'"
                 >                
-                <el-button slot="append" icon="el-icon-plus" @click="addSug" placeholder="请输入建议"
+                <el-button slot="append" icon="el-icon-plus" @click="addSug(scope.$index)" placeholder="请输入建议"
                 :disabled="sumDoctorCheck.sumPREdit.completeFlag=='3' || sumDoctorCheck.sumPREdit.isAudit=='Y'"></el-button>
+                <!--
+                <el-button slot="append" icon="el-icon-d-caret"></el-button>
+                -->
               </el-input>
-              <el-table :id="scope.row.id" row-key="suggestionContent" style="margin-left: 30px;"
+              <el-table :id="'sug' + scope.row.id" row-key="suggestionContent" style="margin-left: 30px;"
                 :data="scope.row.details" border @row-click="rowClickSug" :show-header="false">
-                <el-table-column prop="suggestionContent" label="建议" />
+                <el-table-column prop="suggestionContent" label="建议" >
+                  <template slot-scope="scope2">
+                    <el-input type="textarea" v-model="scope2.row.suggestionContent" placeholder="请输入综述" style="width: 95%"
+                      :disabled="sumDoctorCheck.sumPREdit.completeFlag=='3' || sumDoctorCheck.sumPREdit.isAudit=='Y'" @blur="blur">                      
+                    </el-input>
+                  </template>
+                </el-table-column>
               </el-table>
             </div>
           </template>
@@ -127,8 +136,17 @@ export default {
     },
 
     //增加建议明细
-    addSug(){
-      console.log('addSug')
+    addSug(index){
+      this.sumDoctorCheck.suggestionList[index].details.push({
+        sumSuggestionHeaderId:this.sumDoctorCheck.suggestionList[index].id,
+        suggestionContent: '',
+      })
+    },
+
+    blur(e){
+      console.log('blur e',e)
+      e.target.focus()
+      e.srcElement.focus()
     },
 
     //选择组合项目
@@ -178,7 +196,33 @@ export default {
     },
 
     rowClickSug(row){
-      console.log('rowClickSug',row)
+      console.log('rowClick row',row)
+      let lfind = arrayExistObj(this.sumDoctorCheck.suggestionList,'id',row.sumSuggestionHeaderId)
+      if(lfind > -1) {
+        this.sugDetails = this.sumDoctorCheck.suggestionList[lfind].details
+        this.rowDropSugDetail(row.sumSuggestionHeaderId)
+      }
+      console.log('this.sumDetails',this.sugDetails)
+    },
+
+    //建议明细拖拽
+    rowDropSugDetail(id) {
+      this.$nextTick(() => {
+        const fEl = document.getElementById('sug'+id)  // document.querySelector(`#${id} tbody`) querySelector为静态方法不支持动态传参;
+        console.log('rowDropSumDetail tbody',fEl,fEl.children) //el.childNodes,el.children
+        const el = this.findEl(fEl,'TBODY')
+        console.log('rowDropSumDetail tbody',el) //el.childNodes,el.children
+        const that = this;
+        Sortable.create(el, {
+          animation: 150, // ms, number 单位：ms，定义排序动画的时间
+          //拖拽结束
+          onEnd({ newIndex, oldIndex }) {            
+            that.isshow = false;
+            const currRow = that.sugDetails.splice(oldIndex, 1)[0];
+            that.sugDetails.splice(newIndex, 0, currRow);           
+          },
+        });
+      });
     }, 
 
     //拖拽