表格渲染

src/pages/main/dialysis/AdviceTable.vue

       <div class="NoData" v-show="advice_groups.length == 0">
         <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
       </div>
-    </div>-->
-    <el-table :data="advice_groups" border style="width: 100%">
-      <el-table-column fixed prop="date" label="期效" width="100">
+    </div> -->
+    <el-table :data="tableData" border style="width: 100%">
+      <el-table-column fixed prop="date" label="期效" width="100" align="center">
         <template slot-scope="scope">
-              <span v-if="scope.row.advices.advice_type == 1">长嘱</span>
-              <span v-if="scope.row.advices.advice_type == 2">临嘱</span>
-              <span v-if="scope.row.advices.advice_type == 3">临嘱</span>
+              <span v-if="scope.row.advice_type == 1">长嘱</span>
+              <span v-if="scope.row.advice_type == 2">临嘱</span>
+              <span v-if="scope.row.advice_type == 3">临嘱</span>
         </template>
       </el-table-column>
-      <el-table-column prop="name" label="开始时间" width="100">
+      <el-table-column prop="name" label="开始时间" width="100" align="center">
         <template slot-scope="scope">
-            {{ parseTime(scope.row.advices.start_time, "{m}-{d}{h}:{i}") }}
+            {{ parseTime(scope.row.start_time, "{m}-{d}{h}:{i}") }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="province" label="医嘱内容" width="120" align="center">
+        <template slot-scope="scope">
+           {{ scope.row.advice_name }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="city" label="规格" width="120" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.advice_desc }}{{scope.row.drug_spec_unit}}
+        </template>
+      </el-table-column>
+      <el-table-column prop="address" label="开药数量" width="100" align="center">
+        <template slot-scope="scope">
+           <span
+                v-if="scope.row.prescribing_number"
+              >{{ scope.row.prescribing_number }}{{ scope.row.prescribing_number_unit }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="date" label="单次用量" width="100" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.single_dose">{{ scope.row.single_dose }} {{ scope.row.single_dose_unit }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" label="给药途径" width="100" align="center">
+        <template slot-scope="scope">
+           {{ scope.row.parent_id == 0 ? scope.row.delivery_way : '' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="province" label="执行频率" width="120" align="center">
+        <template slot-scope="scope">
+            {{ scope.row.parent_id == 0 ? scope.row.execution_frequency : '' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="city" label="执行时间" width="120" align="center">
+        <template slot-scope="scope">
+           {{ parseTime(scope.row.execution_time, "{m}-{d}{h}:{i}") }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="address" label="执行护士" width="100" align="center">
+        <template slot-scope="scope">
+             <span
+                v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0"
+              >{{ tranDoctor(scope.row.execution_staff) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="date" label="开嘱医生" width="100" align="center">
+        <template slot-scope="scope">
+                <span
+                v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0"
+              >{{ tranDoctor(scope.row.advice_doctor) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" label="开嘱时间" width="100" align="center">
+        <template slot-scope="scope">
+           {{ parseTime(scope.row.created_time, "{m}-{d}{h}:{i}") }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="province" label="校对护士" width="120" align="center">
+        <template slot-scope="scope">
+             <span
+                v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0"
+              >{{ tranDoctor(scope.row.checker) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="city" label="校对时间" width="120" align="center">
+        <template slot-scope="scope">
+          {{ parseTime(scope.row.check_time, "{m}-{d}{h}:{i}") }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="date" label="停止时间" width="100" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.stop_state == 1 && scope.row.parent_id
+              == 0 ? parseTime(scope.row.stop_time, '{y}-{m}-{d} {h}:{i}') : '' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="name" label="停止原因" width="100" align="center">
+        <template slot-scope="scope">
+             <span v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0">{{ scope.row.stop_reason }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="province" label="停嘱医生" width="120" align="center">
+        <template slot-scope="scope">
+              <span
+                v-if="scope.row.stop_state == 1 && scope.row.parent_id == 0"
+              >{{ tranDoctor(scope.row.stop_doctor) }}</span>
         </template>
       </el-table-column>
-      <el-table-column prop="province" label="医嘱内容" width="120"></el-table-column>
-      <el-table-column prop="city" label="规格" width="120"></el-table-column>
-      <el-table-column prop="address" label="开药数量" width="100"></el-table-column>
-      <el-table-column prop="date" label="单次用量" width="100"></el-table-column>
-      <el-table-column prop="name" label="给药途径" width="100"></el-table-column>
-      <el-table-column prop="province" label="执行频率" width="120"></el-table-column>
-      <el-table-column prop="city" label="执行时间" width="120"></el-table-column>
-      <el-table-column prop="address" label="执行护士" width="100"></el-table-column>
-      <el-table-column prop="date" label="开嘱医生" width="100"></el-table-column>
-      <el-table-column prop="name" label="开嘱时间" width="100"></el-table-column>
-      <el-table-column prop="province" label="校对护士" width="120"></el-table-column>
-      <el-table-column prop="city" label="校对时间" width="120"></el-table-column>
-      <el-table-column prop="date" label="停止时间" width="100"></el-table-column>
-      <el-table-column prop="name" label="停止原因" width="100"></el-table-column>
-      <el-table-column prop="province" label="停嘱医生" width="120"></el-table-column>
       <el-table-column label="操作" width="500">
         <template slot-scope="scope">
-          <span class="xg" @click="modifyAdviceAction(group_index, advice_index)">
+          <span class="xg" @click="modifyAdviceAction( scope.$index,0)">
             <span class="iconfont">&#xe6f7;</span>修改医嘱
           </span>
-          <span class="xg" @click="stopAdviceAction(group_index, advice_index)">
+          <span class="xg" @click="stopAdviceAction(scope.$index, 0)">
             <span class="iconfont">&#xe64c;</span>停止医嘱
           </span>
-          <span class="sc" @click="deleteAdviceAction(group_index, advice_index)">
+          <span class="sc" @click="deleteAdviceAction(scope.$index, 0)">
             <span class="iconfont">&#xe6f8;</span>删除医嘱
           </span>
-          <span class="xg" @click="addSubdrugAction(group_index, advice_index)">
+          <span class="xg" @click="addSubdrugAction(scope.$index, 0)">
             <span class="iconfont">&#xe604;</span>添加子药
           </span>
         </template>
         group_index: -1,
         advice_index: -1
       },
-      tabelData: []
+      tableData: []
     }
   },
   methods: {
                     child_count++
                   }
                 }
-                group.advices.splice(advice_index, child_count + 1)
+                group.advices.splice(group_index, child_count + 1)
               }
               if (group.advices.length == 0) {
                 this.advice_groups.splice(group_index, 1)
       this.visibility = false
       this.stopPopup = false
     },
+    // modifyAdviceAction (id, index) {
+    //   console.log('id', id)
+    //   console.log('index', index)
+    // },
+
     modifyAdviceAction: function (group_index, advice_index) {
+      console.log('group_index', group_index)
+      console.log('advice_index', advice_index)
       var group = this.advice_groups[group_index]
       var advice = group.advices[advice_index]
       if (advice.advice_type == 1) {
       })
     },
     addSubdrugAction: function (group_index, advice_index) {
+      console.log('group_index', group_index)
+      console.log('advice_index', advice_index)
       var group = this.advice_groups[group_index]
       var advice = group.advices[advice_index]
       this.showPopup = true
           }
 
           console.log('advice_groups是什么', advice_groups)
+          let arr = [...this.advice_groups]
+          let arr2 = []
+          arr.map(item => {
+            console.log('item是什么', item.advices)
+            arr2.push(...item.advices)
+          })
+          console.log('arr2是什么', arr2)
+          this.tableData = arr2
+          // this.tabelData = advice_groups
+
           // var sl = response.data.data.advices.length;
           // for (let index = 0; index < sl; index++) {
           //   var advice = response.data.data.advices[index];