| | |
| | | <div class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-col :xl="4" :lg="7" :md="8" :sm="24"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="班次编号"> |
| | | <j-input placeholder="请输入班次编号" v-model="queryParam.shiftCode"></j-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="4" :lg="7" :md="8" :sm="24"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="班次名称"> |
| | | <j-input placeholder="请输入班次名称" v-model="queryParam.shiftName"></j-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="4" :lg="7" :md="8" :sm="24"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | <a-button type="info" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button> |
| | |
| | | slot="shiftStatus" |
| | | slot-scope="text, record" |
| | | > |
| | | <span v-if="text == 0" style="color:red;">停用</span> |
| | | <span v-if="text == 0" style="color:red;">禁用</span> |
| | | <span v-if="text == 1" style="color:green;">启用</span> |
| | | </span> |
| | | <span |
| | |
| | | <span v-if="text == '1'">是</span> |
| | | <span v-if="text == '0'">否</span> |
| | | </span> |
| | | <span |
| | | |
| | | <span |
| | | slot="action" |
| | | slot-scope="text, record" |
| | | > |
| | | <a v-if="record.shiftStatus == 1" @click="handleEdit(record)">编辑</a> |
| | | <a-divider type="vertical" v-if="record.shiftStatus == 1"/> |
| | | <a v-if="record.shiftStatus == 0" @click="handleStatus(record.id,1)">启用</a> |
| | | <a v-if="record.shiftStatus == 1" @click="handleStatus(record.id,0)">停用</a> |
| | | <a-divider type="vertical" /> |
| | | <a @click="handleDelete(record.id)">删除</a> |
| | | <a |
| | | href="javascript:;" |
| | | @click="handleDetail(record)" |
| | | >详情</a> |
| | | |
| | | <a-divider type="vertical" /> |
| | | <a-dropdown> |
| | | <a class="ant-dropdown-link">更多 |
| | | <a-icon type="down" /> |
| | | </a> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item> |
| | | <a v-if="record.shiftStatus == 1" @click="handleEdit(record)">编辑</a> |
| | | </a-menu-item> |
| | | <a-menu-item> |
| | | <a-popconfirm |
| | | title="确定删除吗?" |
| | | @confirm="() => handleDelete(record.id)" |
| | | > |
| | | <a>删除</a> |
| | | </a-popconfirm> |
| | | |
| | | </a-menu-item> |
| | | <a-menu-item v-if="record.shiftStatus == 0"> |
| | | <a-popconfirm |
| | | title="确定启用吗?" |
| | | @confirm="() => handleStatus(record.id,1)" |
| | | > |
| | | <a>启用</a> |
| | | </a-popconfirm> |
| | | </a-menu-item> |
| | | <a-menu-item v-if="record.shiftStatus == 1"> |
| | | <a-popconfirm |
| | | title="确定禁用吗?" |
| | | @confirm="() => handleStatus(record.id,0)" |
| | | > |
| | | <a>禁用</a> |
| | | </a-popconfirm> |
| | | </a-menu-item> |
| | | </a-menu> |
| | | </a-dropdown> |
| | | </span> |
| | | </a-table> |
| | | </div> |