|
|
@@ -57,20 +57,30 @@
|
|
|
<el-table-column label="开门密码" prop="doorPassStatusStr" min-width="100" />
|
|
|
<el-table-column label="创建人" prop="createUserName" />
|
|
|
<el-table-column label="创建日期" prop="createTime" min-width="180" />
|
|
|
- <el-table-column label="操作" width="300" fixed="right">
|
|
|
+ <el-table-column label="操作" width="240" fixed="right" align="center">
|
|
|
<template scope="scope">
|
|
|
- <el-button v-show="scope.row.reservationStatus===1||scope.row.reservationStatus===3" size="small" type="primary" @click="handleEdit(scope.row)">编辑</el-button>
|
|
|
- <el-button size="small" type="primary" @click="handleDetail(scope.row)">查看</el-button>
|
|
|
- <el-dropdown v-show="scope.row.reservationStatus===1||scope.row.reservationStatus===3" size="small" type="primary" style="margin-left: 10px">
|
|
|
- <el-button size="small" type="primary">
|
|
|
- 更多菜单<i class="el-icon-arrow-down el-icon--right" />
|
|
|
- </el-button>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item icon="el-icon-circle-plus-outline" @click.native="getPassword(scope.row)">获得密码</el-dropdown-item>
|
|
|
- <el-dropdown-item icon="el-icon-circle-close" @click.native="handleCancel(scope.row)">取消</el-dropdown-item>
|
|
|
- <el-dropdown-item v-show="scope.row.reservationStatus===1" icon="el-icon-delete" style="color: red" @click.native="handleDelete(scope.row)">删除</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown>
|
|
|
+ <div class="czBtn">
|
|
|
+ <el-button
|
|
|
+ v-show="scope.row.reservationStatus===1||scope.row.reservationStatus===3"
|
|
|
+ size="small" type="primary"
|
|
|
+ @click="handleEdit(scope.row)">
|
|
|
+ 编辑
|
|
|
+ </el-button>
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ @click="handleDetail(scope.row)">查看</el-button>
|
|
|
+ <el-dropdown v-show="scope.row.reservationStatus===1||scope.row.reservationStatus===3" size="small" type="primary">
|
|
|
+ <el-button size="small" type="primary">
|
|
|
+ 更多菜单<i class="el-icon-arrow-down el-icon--right" />
|
|
|
+ </el-button>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item icon="el-icon-circle-plus-outline" @click.native="getPassword(scope.row)">获得密码</el-dropdown-item>
|
|
|
+ <el-dropdown-item icon="el-icon-circle-close" @click.native="handleCancel(scope.row)">取消</el-dropdown-item>
|
|
|
+ <el-dropdown-item v-show="scope.row.reservationStatus===1" icon="el-icon-delete" style="color: red" @click.native="handleDelete(scope.row)">删除</el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -285,7 +295,16 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
-
|
|
|
+<style lang="scss">
|
|
|
+.czBtn{
|
|
|
+ .el-button{
|
|
|
+ margin-left: 0!important;
|
|
|
+ }
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+</style>
|
|
|
<style scoped>
|
|
|
.el-dropdown {
|
|
|
vertical-align: top;
|
