| | |
| | | <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'}"> |
| | |
| | | </div> |
| | | |
| | | <shift-system-model ref="modalForm" @ok="modalFormOk"></shift-system-model> |
| | | </a-card> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | 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 |
| | | }); |
| | | } |
| | | }) |
| | | }, |
| | |
| | | postAction(this.url.changeDefaultShift,qs.stringify({id:record.id})).then((res) =>{ |
| | | if(res.success){ |
| | | // this.$message.success(res.message); |
| | | this.$notification.warning({ |
| | | this.$notification.success({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | |
| | | deleteAction(that.url.deleteBatch, {id: record}).then((res) => { |
| | | if (res.success) { |
| | | // that.$message.success(res.message); |
| | | that.$notification.warning({ |
| | | that.$notification.success({ |
| | | message:'消息', |
| | | description:res.message |
| | | }); |
| | |
| | | </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> |