qushaowei
2024-01-15 017886be8a6c07ccaaf6300b8c7652ddbd41d734
src/views/mdc/base/modules/shift/ShiftSystem.vue
@@ -1,11 +1,11 @@
<template>
  <a-card :bordered="false" class="shift_system">
  <div class="shift_system">
    <!-- 操作按钮区域 -->
    <div class="table-operator">
      <a-button type="primary" @click="handleAdd" icon="plus">新增</a-button>
    </div>
    <!-- table区域-begin -->
    <div>
    <div style="flex: 1;overflow: auto">
      <a-table ref="table" bordered size="middle" rowKey="id" :columns="columns"
               :dataSource="dataSource" :pagination="false" :loading="loading"
               :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange,type:'radio'}">
@@ -55,7 +55,7 @@
    </div>
    <shift-system-model ref="modalForm" @ok="modalFormOk"></shift-system-model>
  </a-card>
  </div>
</template>
<script>
@@ -117,10 +117,16 @@
        let _this = this
        putAction(this.url.changeStatus, { id: id, status: status }).then((res) => {
          if (res.success) {
            _this.$message.success('操作成功!')
            _this.$notification.success({
              message:'消息',
              description:res.message
            })
            _this.loadData()
          } else {
            _this.$message.warning('操作失败!')
            _this.$notification.warning({
              message:'消息',
              description:res.message
            });
          }
        })
      },
@@ -189,34 +195,35 @@
</script>
<style lang="less" scoped>
  .shift_system{
    overflow: auto;
    display: flex;
    flex-direction: column;
  }
  @media screen and (min-width: 1920px){
    .shift_system{
      height: 748px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1680px) and (max-width: 1920px){
    .shift_system{
      height: 748px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1400px) and (max-width: 1680px){
    .shift_system{
      height: 600px!important;
      overflow: scroll;
    }
  }
  @media screen and (min-width: 1280px) and (max-width: 1400px){
    .shift_system{
      height: 501px!important;
      overflow: scroll;
    }
  }
  @media screen and (max-width: 1280px){
    .shift_system{
      height: 501px!important;
      overflow: scroll;
    }
  }
</style>