admin
d32abcc51c
Some checks failed
Build And Deploy v3-admin-vite / build-and-deploy (push) Has been cancelled
123 lines
3.4 KiB
Vue
123 lines
3.4 KiB
Vue
<script>
|
||
import {
|
||
deletePlateArea,
|
||
findAllPlateArea,
|
||
findPlateAreaById,
|
||
updatePlateAreaApi
|
||
} from "@@/apis/tables/diceke/plateArea.js"
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
plateAreaQuerry: null, // 电铲平台数据
|
||
updatePlateAreaform: false,
|
||
plateAreaform: null
|
||
}
|
||
},
|
||
created() {
|
||
// 页面渲染之前执行，一般调用methods定义的方法
|
||
this.getList()
|
||
},
|
||
methods: {
|
||
getList() {
|
||
findAllPlateArea().then((Response) => {
|
||
console.log(Response)
|
||
this.plateAreaQuerry = Response.data.plateArea
|
||
})
|
||
},
|
||
// 删除平盘
|
||
removeDataById(id) {
|
||
ElMessageBox.confirm(
|
||
"此操作将永久删除平盘记录，是否继续？",
|
||
"提示",
|
||
{
|
||
confirmButtonText: "确定",
|
||
cancelButtonText: "取消",
|
||
type: "warning"
|
||
}
|
||
)
|
||
.then(() => {
|
||
deletePlateArea(id).then(() => {
|
||
// 删除成功
|
||
ElMessage({
|
||
type: "success",
|
||
message: "删除成功!"
|
||
})
|
||
// 重新加载列表
|
||
this.getList()
|
||
})
|
||
})
|
||
.catch(() => {
|
||
ElMessage({
|
||
type: "info",
|
||
message: "已取消删除"
|
||
})
|
||
})
|
||
},
|
||
/** 修改平盘信息 */
|
||
handleEdit(id) {
|
||
findPlateAreaById(id).then((Response) => {
|
||
this.plateAreaform = Response.data.dicekePlatearea
|
||
this.updatePlateAreaform = true
|
||
}).catch(() => {
|
||
ElMessage.error("查询失败，请稍后重试")
|
||
})
|
||
},
|
||
updatePlateArea() {
|
||
updatePlateAreaApi(this.plateAreaform).then(() => {
|
||
ElMessage({
|
||
type: "success",
|
||
message: "修改成功!"
|
||
})
|
||
this.updatePlateAreaform = false
|
||
this.getList()
|
||
}).catch(() => {
|
||
ElMessage.error("修改失败，请稍后重试")
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<div class="app-container">
|
||
<el-table :data="plateAreaQuerry" border style="width: 100%" :span-method="spanMethod">
|
||
<!-- 表格列定义 -->
|
||
<el-table-column prop="plateRange" label="平盘（#）" />
|
||
<el-table-column fixed="right" label="操作" width="300" align="center">
|
||
<template #default="scope">
|
||
<div style="display: flex; justify-content: center; gap: 8px;">
|
||
<el-button type="primary" text bg size="small" plain @click="handleEdit(scope.row.plateID)">
|
||
修改
|
||
</el-button>
|
||
<el-button
|
||
type="danger"
|
||
text bg size="small"
|
||
@click="removeDataById(scope.row.plateID)"
|
||
>
|
||
删除
|
||
</el-button>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<el-dialog v-model="updatePlateAreaform" title="修改平盘信息" width="500">
|
||
<el-form :model="plateAreaform">
|
||
<el-form-item label="平盘名称" :label-width="formLabelWidth">
|
||
<el-input v-model="plateAreaform.plateRange" autocomplete="off" />
|
||
</el-form-item>
|
||
</el-form>
|
||
<template #footer>
|
||
<div class="dialog-footer">
|
||
<el-button @click="updatePlateAreaform = false">
|
||
取消
|
||
</el-button>
|
||
<el-button type="primary" @click="updatePlateArea">
|
||
提交
|
||
</el-button>
|
||
</div>
|
||
</template>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|