完成标准库变更记录页面

spring

2025-04-01 4fb12efd2e19ed835a47112a1eb937eccb80a549

完成标准库变更记录页面

 src/views/standard/model/index.vue

 src/views/standard/standardLibrary/audit.vue

@@ -1,9 +1,8 @@
<template>
  <div class="capacity-scope">
    <div class="search">
      <div>
        <el-form :model="queryParams" ref="queryParams" size="small" :inline="true">
          <el-form-item label="模板名称" prop="name">
        <el-form-item label="更新人" prop="name">
            <el-input v-model="queryParams.name" clearable placeholder="请输入" size="small"
              @keyup.enter.native="refreshTable()"></el-input>
          </el-form-item>
@@ -13,22 +12,142 @@
          </el-form-item>
        </el-form>
      </div>
    </div>
    <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
      :height="'calc(100vh - 250px)'" @pagination="pagination"></lims-table>
  </div>
</template>

<script>
import limsTable from "@/components/Table/lims-table.vue";
export default {
  components: {
    limsTable,
  },
  data() {
    return {
      queryParams: {}
      queryParams: {},
      tableData: [],
      column: [
        { label: "更新原因", prop: "number" },
        { label: "更新时间", prop: "name" },
        { label: "更新人", prop: "remark" },
        { label: "状态", prop: "remark" },
        {
          dataType: "action",
          label: "操作",
          operation: [
            {
              name: "上传附件",
              type: "upload",
              accept: '.jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.pdf',
              url: '/insReport/inReport',
              uploadIdFun: (row) => {
                return row.id
              }
            },
            {
              name: "审批",
              type: "text",
              clickFun: (row) => {
                this.handleCheck(row);
              },
              // showHide: (row) => {
              //   return this.checkPermi(["standard:model:del"]);
              // },
            },
            {
              name: "查看",
              type: "text",
              clickFun: (row) => {
                this.handleLook(row);
              },
            },
            {
              name: "下载附件",
              type: "text",
              clickFun: (row) => {
                this.handleDown(row);
              },
            },
          ],
        },
      ],
      page: {
        total: 0,
        size: 10,
        current: 0,
      },
      tableLoading: false,
    }
  },
  methods: {
    refreshTable() { },
    refresh() { }
    getList() {
      this.tableLoading = true;
      let param = { ...this.queryParams, ...this.page };
      delete param.total;
      selectStandardTemplatePageList({ ...param })
        .then((res) => {
          this.tableLoading = false;
          if (res.code === 200) {
            this.tableData = res.data.records;
            this.page.total = res.data.total;
          }
        })
        .catch((err) => {
          this.tableLoading = false;
        });
    },
    pagination({ page, limit }) {
      this.page.current = page;
      this.page.size = limit;
      this.getList();
    },
    refreshTable(e) {
      this.page.current = 1;
      this.getList();
    },
    refresh() {
      this.queryParams = {};
      this.page.current = 1;
      this.getList();
    },
    // 审核
    handleCheck(row) {
      this.$confirm("是否审核通过?", "审核", {
        confirmButtonText: "通过",
        cancelButtonText: "不通过",
        type: "warning",
        closeOnClickModal: false, // 禁止点击遮罩层关闭
        distinguishCancelAndClose: true,
        beforeClose: (action, instance, done) => {
          if (action === 'confirm') {
            // 通过
            this.refresh();
          } else if (action === 'cancel') {
            // 不通过
            this.refresh();
          } else if (action === 'close') {
            // 点击“×”按钮，不允许关闭
            done();
            console.log("×按钮点击事件，不关闭弹框");
          }
        }
      })
    },
    // 查看
    handleLook(row) { },
    // 下载附件
    handleDown(row) {
      this.$download.saveAs(row.fileUrl, row.fileName);
    },
  }
}
</script>

<style scoped></style>
<style scoped>
.search {
  height: 46px;
  display: flex;
  justify-content: space-between;
}
</style>