WXL
2024-05-31 49fcdb7178dffc69769e2fb8cb6a03e204cb1e68
src/components/SFtable/index.vue
@@ -1,6 +1,7 @@
<!-- 表格组件封装 -->
<template>
  <el-table
    ref="multipleTableson"
    :data="currentList"
    @selection-change="handleSelectionChange"
    :header-cell-style="{
@@ -18,7 +19,13 @@
      width="50"
      align="center"
    />
    <el-table-column label="序号" align="center" key="id" prop="id" />
    <el-table-column
      v-if="serialnumber"
      label="序号"
      align="center"
      key="id"
      prop="id"
    />
    <el-table-column
      v-for="(item, index) in tableLabel"
      :key="index"
@@ -28,7 +35,7 @@
      :formatter="formatData"
    >
    </el-table-column>
    <el-table-column
    <!-- <el-table-column
      label="是否可用"
      align="center"
      key="isavailable"
@@ -36,9 +43,9 @@
      width="120"
    >
      <template slot-scope="scope">
        <dict-tag :options="usable" :value="scope.row.isavailable" />
        <dict-tag :options="qyoptions" :value="scope.row.usestate" />
      </template>
    </el-table-column>
    </el-table-column> -->
    <el-table-column
      v-if="center"
      label="操作"
@@ -52,7 +59,7 @@
          v-if="controlxz"
          size="medium"
          type="text"
          @click.native="$emit('handleUpdate', scope.row)"
          @click.native="$emit('selectfn', scope.row, typeinfo)"
          ><span class="button-zx"
            ><i class="el-icon-s-promotion"></i>选择</span
          ></el-button
@@ -61,7 +68,7 @@
          v-if="controlsc"
          size="medium"
          type="text"
          @click.native="$emit('details', scope.row)"
          @click.native="$emit('details', scope.row, typeinfo)"
          ><span style="color: red"
            ><i class="el-icon-delete"></i>删除</span
          ></el-button
@@ -73,6 +80,7 @@
<script>
import dayjs from "dayjs";
import store from "@/store";
export default {
  data() {
    return {
@@ -80,7 +88,7 @@
      mode: [],
      languagelist: [],
      editabshape: [],
      usable: [],
      qyoptions: [],
      precedencetype: [],
    };
  },
@@ -109,11 +117,20 @@
      type: Boolean,
      default: true,
    },
    serialnumber: {
      type: Boolean,
      default: true,
    },
    // 1模版列表 2选中患者 3患者列表
    typeinfo: {
      type: Number,
      default: 1,
    },
  },
  created() {
    this.mode = store.getters.mode;
    this.languagelist = store.getters.languagelist;
    this.usable = store.getters.usable;
    this.qyoptions = store.getters.usable;
    this.precedencetype = store.getters.precedencetype;
    this.editabshape = store.getters.editabshape;
  },
@@ -127,14 +144,27 @@
        }
        return "手动";
      }
      if (column.property === "createTime") {
        return dayjs(cellValue).format("YYYY.MM.DD HH:mm:ss");
      if (
        column.property === "createTime" ||
        column.property === "inhosptime"
      ) {
        if (cellValue === null) {
          return "";
        }
        return dayjs(cellValue).format("YYYY-MM-DD ");
      }
      return cellValue;
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      $emit("handleSelectionChange", selection);
      this.$emit("handleSelectionChange", selection);
    },
    toggleRowSelection(row, selected) {
      this.$refs.multipleTableson.toggleRowSelection(row, selected);
    },
    clearSelection() {
      // 在这里编写清除选择的逻辑
      this.$refs.multipleTableson.clearSelection();
    },
  },
};