seo

src/components/doctorCheck/CheckItemList.vue

@@ -3,7 +3,7 @@
     
     <el-table :data="doctorCheck.checkItemList" style="width: 100%" :height="tableHeight" border highlight-current-row
       @row-click="rowClick" size="small">
-      <el-table-column prop="itemName" label="项目" width="180" />
+      <el-table-column prop="itemName" label="项目" width="220" />
       <el-table-column prop="result" label="结果" min-width="200">
         <template slot-scope="scope">
           <div style="display: flex;">

src/components/patientRegister/PatientRegisterList.vue

@@ -12,6 +12,7 @@
             <el-table-column type="selection" width="40" align="center"></el-table-column>
             <el-table-column v-for="(item, index) in dragCol" :key="index" :type="dragCol[index].type"
               :min-width="dragCol[index].minWidth" :align="dragCol[index].align" :label="item.label"
+              :prop="dragCol[index].prop"
               :sortable="dragCol[index].type || dragCol[index].prop == 'sn' ? false : true">
               <template slot-scope="scope" v-if="!(dragCol[index].type)">
                 <div v-if="!dragCol[index].type">

src/components/sumDoctorCheck/SumSug.vue

@@ -47,7 +47,12 @@
       <div style="width:50%;">
         <el-table id="tableSuggestion" row-key="id" :data="sumDoctorCheck.suggestionList" width="100%" :height="sumHeight"
           border size="small" ref="tableSuggestion">
-          <el-table-column type="index" width="30" align="center">
+          <el-table-column width="30" align="center">
+            <template slot-scope="scope">
+              <el-tag class="moveTag" style="cursor: move;background-color: #EEEEEE;">
+                <div style="width: 16px;">{{ scope.$index + 1 }}</div>
+              </el-tag>
+            </template>
           </el-table-column>
           <el-table-column prop="suggestionTitle" label="建议">
             <template slot="header">
@@ -98,7 +103,9 @@
                       :data="scope.row.medicalInterpretations" border @row-click="rowClickSug0" :show-header="false">
                       <el-table-column width="30">
                         <template slot-scope="scope2">
-                          <div>{{ scope2.$index + 1 }}).</div>
+                          <el-tag class="moveTag2" style="cursor: move;background-color: #EEEEEE;">
+                            <div style="width: 16px;">{{ scope2.$index + 1 }}).</div>
+                          </el-tag>
                         </template>
                       </el-table-column>
                       <el-table-column prop="suggestionContent" label="建议" min-width="200">
@@ -133,7 +140,9 @@
                       :data="scope.row.commonReasons" border @row-click="rowClickSug1" :show-header="false">
                       <el-table-column width="30">
                         <template slot-scope="scope2">
-                          <div>{{ scope2.$index + 1 }}).</div>
+                          <el-tag class="moveTag2" style="cursor: move;background-color: #EEEEEE;">
+                            <div style="width: 16px;">{{ scope2.$index + 1 }}).</div>
+                          </el-tag>
                         </template>
                       </el-table-column>
                       <el-table-column prop="suggestionContent" label="建议" min-width="200">
@@ -155,7 +164,7 @@
                       </el-table-column>
                     </el-table>
                   </div>
-                   <!--健康指导-->
+                  <!--健康指导-->
                   <div style="display: flex;margin-top: 2px;">
                     <div style="width:60px;">健康指导</div>
                     <el-tooltip content="新增健康指导" placement="top">
@@ -168,7 +177,9 @@
                       :data="scope.row.healthGuidances" border @row-click="rowClickSug2" :show-header="false">
                       <el-table-column width="30">
                         <template slot-scope="scope2">
-                          <div>{{ scope2.$index + 1 }}).</div>
+                          <el-tag class="moveTag2" style="cursor: move;background-color: #EEEEEE;">
+                            <div style="width: 16px;">{{ scope2.$index + 1 }}).</div>
+                          </el-tag>
                         </template>
                       </el-table-column>
                       <el-table-column prop="suggestionContent" label="建议" min-width="200">
@@ -258,7 +269,7 @@ export default {
       choosedDiagnosisIds: [],  // 已选的诊断集合
       collapse: false,  // 折叠/展开全部建议
 
-      dispTermReason:'N',  // 显示医学解释与常见原因
+      dispTermReason: 'N',  // 显示医学解释与常见原因
 
       dialogWinSymbols: false,
       selection: { // 光标位置
@@ -271,7 +282,7 @@ export default {
         index: -1,
         colName: '', // 
         subIndex: -1,
-      }
+      },
     };
   },
 
@@ -286,7 +297,7 @@ export default {
 
   //挂载完成
   mounted() {
-    this.rowDrop();
+    // this.rowDrop();  （综述取消拖拽）
     this.rowDropSuggestion();
 
     this.dictInit()
@@ -822,6 +833,7 @@ export default {
       return el
     },
 
+
     rowClickSug0(row) {
       this.rowClickSug(row, 0)
     },
@@ -829,11 +841,11 @@ export default {
       this.rowClickSug(row, 1)
     },
     rowClickSug2(row) {
+      // console.log('column',column.property) -- suggestionContent
       this.rowClickSug(row, 2)
     },
 
-    rowClickSug(row, contentType) {
-      console.log('rowClick row', row, contentType)
+    rowClickSug(row, contentType) {      
       let lcontentType = 'healthGuidances'
       switch (contentType) {
         case 0:
@@ -850,19 +862,20 @@ export default {
         this.sugDetails = this.sumDoctorCheck.suggestionList[lfind][lcontentType]
         this.rowDropSugDetail(contentType, row.sumSuggestionHeaderId)
       }
-      console.log('this.sumDetails', lfind, this.sugDetails)
+      // console.log('this.sumDetails', lfind, this.sugDetails)
     },
 
     //建议明细拖拽
     rowDropSugDetail(contentType, id) {
-      this.$nextTick(() => {
+      this.$nextTick(() => {        
         const fEl = document.getElementById(`${contentType}_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;
-        if (this.detailsDrag) this.detailsDrag.destroy()
-        this.detailsDrag = Sortable.create(el, {
+
+        Sortable.create(el, {
+          handle: ".moveTag2",
           animation: 150, // ms, number 单位：ms，定义排序动画的时间
           // 拖拽结束
           onEnd({ newIndex, oldIndex }) {
@@ -874,7 +887,7 @@ export default {
       });
     },
 
-    //拖拽
+    //拖拽（综述取消拖拽）
     rowDrop() {
       this.$nextTick(() => {
         const el = document.querySelector("#tableSummary tbody");
@@ -899,6 +912,7 @@ export default {
         console.log('tbody', el)
         const that = this;
         Sortable.create(el, {
+          handle: ".moveTag",
           animation: 150, // ms, number 单位：ms，定义排序动画的时间
           //拖拽结束
           onEnd({ newIndex, oldIndex }) {