123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <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>
|