peisweb/src/components/doctorCheck/CheckSumSug.vue

<template>
    <div style="display: flex;">
      <div style="width:50%;">
        <el-table :data="doctorCheck.checkSummaryList" width="100%" height="350" border
            @row-click="rowClick">
            <el-table-column prop="summary" label="小结" width="380" />
            <el-table-column label="排序" width="80">
              <template>
                <el-tag class="move" style="cursor: move; margin-left: 15px" draggable="true" >
                  <i class="el-icon-d-caret" style="width: 1rem; height: 1rem"></i>
                </el-tag>
              </template>
            </el-table-column>
        </el-table>
      </div>
      <div style="width:50%;">
        <el-table :data="doctorCheck.checkSuggestionList" width="100%" height="350" border
            @row-click="rowClick">
            <el-table-column prop="suggestion" label="建议" width="380" />
            <el-table-column label="排序" width="80">
              <template>
                <el-tag class="move" style="cursor: move; margin-left: 15px" draggable="true" >
                  <i class="el-icon-d-caret" style="width: 1rem; height: 1rem"></i>
                </el-tag>
              </template>
            </el-table-column>
        </el-table>
      </div>
    </div>
  </template>
  <script>
  import { mapState } from 'vuex';
  export default {
    components: {},
    data() {
      return {

      };
    },
  
    created() {},
  
    //挂载完成
    mounted() {},

    computed:{
        ...mapState(['dict','doctorCheck']),
    },

    methods: {
      tableRowClassName({row, rowIndex}) {
        if (row.completeFlag === '0') {
          return 'warning-row'; //未检
        } else if (row.completeFlag === '2') {
          return 'refuse-row'; //弃检
        }
        return '';
      },
      
      //选择组合项目
      rowClick(row){
        //registerCheckId
        getapi(`/api/app/customer-org-group/in-customer-org-id/${customerOrgld}`)
        .then((res) => {
            console.log("getCustomerOrgGroup", res.data);
            if (res.code == 1) {
                this.doctorCheck.checkItemList = res.data;
            }
        })
        .catch((err) => {
            this.$message({type: "error",message: `操作失败，原因：${err}`});
        });

      },
    },
  };
</script>
<style scoped>
  .el-table .warning-row {
    background: rgb(240, 125, 125);
  }

  .el-table .refuse-row {
    background: rgb(192, 192, 192);
  }

</style>