JG-BASE-SERVICE-WEB/packages/Instrument/views/EquipmentRecord/index.vue

<template>
  <div class="fixture">
    <avue-crud class="Myavue" :data="data" :option="option">
      <template slot-scope="{ row }" slot="menu">
        <el-dropdown style="margin-left: 10px;" size="small">
          <span class="el-dropdown-link">
            <i class="el-icon-more"></i>
            更多
          </span>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item>下发</el-dropdown-item>
            <el-dropdown-item>上传附件</el-dropdown-item>
            <el-dropdown-item>关闭</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
      </template>
    </avue-crud>
  </div>
</template>

<script>
export default {
  name: "",
  props: {},
  components: {},
  data() {
    return {
      data: [
        {
          name: "张三",
          sex: "男",
          num: "1",
          state: "3",
          site: "5",
          type: 2,
          ready: 3,
          remark: "",
          plan: "已关闭",
        },
        {
          name: "李四",
          sex: "女",
          num: "1",
          state: "3",
          site: "5",
          type: 2,
          ready: 3,
          remark: "",
          plan: "已关闭",
        },
      ],
      option: {
        align: "center",
        menuAlign: "center",
        menuWidth: 400,
        viewBtn: true,
        stripe: true,
        selection: true,
        menuTitle: "操作",
        editBtnText: "修改",
        emptyBtnText: "重置",
        emptyBtnIcon: "el-icon-refresh-left",
        viewBtnIcon: "el-icon-document",
        addBtnIcon: "el-icon-plus",
        searchMenuPosition: "center",
        searchMenuSpan: 6,
        excelBtn: true,
        index: true,
        indexLabel: "序号",
        column: [
          {
            label: "仪器设备名称",
            prop: "name",
            search: true,
            searchLabelWidth: 100,
          },
          {
            label: "仪器设备编号",
            prop: "sex",
          },
          {
            label: "日期",
            prop: "date",
            type: "datetime",
            searchRange: true,
            search: true,
          },
          {
            label: "检测样品编号",

            prop: "num",
          },
          {
            label: "使用开始时间",
            prop: "state",
          },
          {
            label: "使用结束时间",
            prop: "ready",
          },
          {
            label: "仪器使用性能(前)",
            prop: "site",
          },
          {
            label: "仪器使用性能(后)",
            prop: "remark",
          },
          {
            label: "计划状态",
            prop: "plan",
          },
        ],
      },
    };
  },
  methods: {},
  mounted() {},
  watch: {},
  computed: {},
  filters: {},
};
</script>

<style scoped lang="scss">
.fixture {
  padding: 20px;
  background-color: #fff;
}
.el-dropdown-link {
  cursor: pointer;
  color: #409eff;
}
.el-icon-arrow-down {
  font-size: 12px;
}
</style>