1、调整设备打卡率页面查询区域样式 2、对比分析页面新增图表数据加载提示以及优化整体页面图表展示及代码 3、调整班次班制管理页面左侧新增班制后刷新列表...

zhaowei

2025-06-26 2d93721c3758621a6b9a7eff038a8d6eac4fda24

 src/views/mdc/base/modules/shift/ShiftSystem.vue

@@ -6,7 +6,7 @@
    </div>
    <!-- table区域-begin -->
    <div style="flex: 1;overflow: auto">
      <a-table ref="table" bordered size="middle" rowKey="id" :columns="columns"
      <a-table ref="table" bordered size="middle" rowKey="id" :columns="columns" :customRow="customRow"
               :dataSource="dataSource" :pagination="false" :loading="loading"
               :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange,type:'radio'}">
         <span
@@ -21,7 +21,7 @@
          slot-scope="text, record"
        >
            <span v-if="text == 'true'">是</span>
            <span v-else-if="text == 'false'" >否</span>
            <span v-else-if="text == 'false'">否</span>
            <span v-else-if="text == null">否</span>
         </span>
        <span
@@ -45,7 +45,7 @@
              <a-menu-item v-if="record.shiftStatus == 1">
                <a key="3" @click="handleStatus(record.id,0)">停用</a>
              </a-menu-item>
               <a-menu-item >
               <a-menu-item>
                <a key="4" @click="handleDelete(record.id)">删除</a>
              </a-menu-item>
            </a-menu>
@@ -54,18 +54,14 @@
      </a-table>
    </div>

    <shift-system-model ref="modalForm" @ok="modalFormOk"></shift-system-model>
    <shift-system-model ref="modalForm" @ok="loadData"></shift-system-model>
  </div>
</template>

<script>
  import qs from 'qs'
  import {
    requestPut, putAction, deleteAction,postAction
  } from '@/api/manage'
  import {
    JeecgListMixin
  } from '@/mixins/JeecgListMixin'
  import { putAction, deleteAction, postAction } from '@/api/manage'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import ShiftSystemModel from './ShiftSystemModel'

  export default {
@@ -76,15 +72,7 @@
    },
    data() {
      return {
        statusName: '',
        disabled: true,
        disableMixinCreated: false,
        url: {
          list: '/mdc/mdcMdcShift/queryPageList',
          changeStatus: '/mdc/mdcMdcShift/changeStatus',
          deleteBatch:'/mdc/mdcMdcShift/deleteShift',
          changeDefaultShift: '/mdc/mdcMdcShift/changeDefaultShift'
        },
        columns: [
          {
            title: '班制',
@@ -109,7 +97,13 @@
            dataIndex: 'action',
            scopedSlots: { customRender: 'action' }
          }
        ]
        ],
        url: {
          list: '/mdc/mdcMdcShift/queryPageList',
          changeStatus: '/mdc/mdcMdcShift/changeStatus',
          deleteBatch: '/mdc/mdcMdcShift/deleteShift',
          changeDefaultShift: '/mdc/mdcMdcShift/changeDefaultShift'
        }
      }
    },
    methods: {
@@ -118,15 +112,15 @@
        putAction(this.url.changeStatus, { id: id, status: status }).then((res) => {
          if (res.success) {
            _this.$notification.success({
              message:'消息',
              description:res.message
              message: '消息',
              description: res.message
            })
            _this.loadData()
          } else {
            _this.$notification.warning({
              message:'消息',
              description:res.message
            });
              message: '消息',
              description: res.message
            })
          }
        })
      },
@@ -135,46 +129,46 @@
        this.$refs.modalForm.title = '班制配置'
        this.$refs.modalForm.disableSubmit = false
      },
      handleDefault:function(record){
        postAction(this.url.changeDefaultShift,qs.stringify({id:record.id})).then((res) =>{
            if(res.success){
              // this.$message.success(res.message);
              this.$notification.success({
                message:'消息',
                description:res.message
              });
              this.loadData()
            }else{
              // this.$message.success(res.message);
              this.$notification.warning({
                message:'消息',
                description:res.message
              });
            }
      handleDefault: function(record) {
        postAction(this.url.changeDefaultShift, qs.stringify({ id: record.id })).then((res) => {
          if (res.success) {
            // this.$message.success(res.message);
            this.$notification.success({
              message: '消息',
              description: res.message
            })
            this.loadData()
          } else {
            // this.$message.success(res.message);
            this.$notification.warning({
              message: '消息',
              description: res.message
            })
          }
        })
      },
      handleDelete: function(record){
        if(!this.url.deleteBatch){
          this.$message.error("请设置url.delete属性!")
      handleDelete: function(record) {
        if (!this.url.deleteBatch) {
          this.$message.error('请设置url.delete属性!')
          return
        }
        var that = this;
        deleteAction(that.url.deleteBatch, {id: record}).then((res) => {
        var that = this
        deleteAction(that.url.deleteBatch, { id: record }).then((res) => {
          if (res.success) {
            // that.$message.success(res.message);
            that.$notification.success({
              message:'消息',
              description:res.message
            });
            that.loadData();
              message: '消息',
              description: res.message
            })
            that.loadData()
          } else {
            // that.$message.warning(res.message);
            that.$notification.warning({
              message:'消息',
              description:res.message
            });
              message: '消息',
              description: res.message
            })
          }
        });
        })
      },
      handleEdit(record) {
        this.$refs.modalForm.edit(record)
@@ -183,47 +177,61 @@

      },
      onSelectChange(selectedRowKeys, selectionRows) {
        this.selectedRowKeys = selectedRowKeys;
        this.selectionRows = selectionRows;
        this.selectedRowKeys = selectedRowKeys
        this.selectionRows = selectionRows
        this.$emit('selectionShiftRow', this.selectionRows[0])
      },
    },
    created() {
    }

      customRow(record) {
        return {
          style: {
            cursor: 'pointer'
          },
          on: {
            click: () => {
              this.onSelectChange([record.id], [record])
            }
          }
        }
      }
    }
  }
</script>

<style lang="less" scoped>
  .shift_system{
  .shift_system {
    overflow: auto;
    display: flex;
    flex-direction: column;
  }

  @media screen and (min-width: 1920px){
    .shift_system{
      height: 748px!important;
  @media screen and (min-width: 1920px) {
    .shift_system {
      height: 748px !important;
    }
  }
  @media screen and (min-width: 1680px) and (max-width: 1920px){
    .shift_system{
      height: 748px!important;

  @media screen and (min-width: 1680px) and (max-width: 1920px) {
    .shift_system {
      height: 748px !important;
    }
  }
  @media screen and (min-width: 1400px) and (max-width: 1680px){
    .shift_system{
      height: 600px!important;

  @media screen and (min-width: 1400px) and (max-width: 1680px) {
    .shift_system {
      height: 600px !important;
    }
  }
  @media screen and (min-width: 1280px) and (max-width: 1400px){
    .shift_system{
      height: 501px!important;

  @media screen and (min-width: 1280px) and (max-width: 1400px) {
    .shift_system {
      height: 501px !important;
    }
  }
  @media screen and (max-width: 1280px){
    .shift_system{
      height: 501px!important;

  @media screen and (max-width: 1280px) {
    .shift_system {
      height: 501px !important;
    }
  }
</style>