实训场地管理增加属性:适用专业(添加+修改+查询条件+列表)+操作栏增加删除功能
This commit is contained in:
1 parent
0bf7d961ab
commit
973cc0e7e3
4 files changed
+60
-4
No files matched your search
@@ -26,6 +26,14 @@ export function addSite(data) {
|
||||
})
|
||||
}
|
||||
|
||||
// 删除实训场地
|
||||
export function delSite(ids) {
|
||||
return request({
|
||||
url: '/train/training-site/' + ids,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// 修改实训场地
|
||||
export function updateSite(data) {
|
||||
return request({
|
||||
|
||||
@@ -23,6 +23,14 @@
|
||||
<el-option label="停用" :value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="适用专业" prop="major">
|
||||
<el-input
|
||||
v-model="queryParams.major"
|
||||
placeholder="请输入适用专业"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
@@ -63,6 +71,7 @@
|
||||
<el-tag type="info">{{ scope.row.capacity }} 人</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="适用专业" align="center" prop="major" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="配套设备描述" align="center" prop="siteDevice" :show-overflow-tooltip="true" />
|
||||
<el-table-column label="场地状态" align="center" prop="siteStatus">
|
||||
<template slot-scope="scope">
|
||||
@@ -70,7 +79,7 @@
|
||||
<el-tag v-else type="danger">停用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
|
||||
<!-- <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />-->
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
@@ -80,6 +89,13 @@
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
v-hasPermi="['train:site:edit']"
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -104,6 +120,9 @@
|
||||
<el-form-item label="最大容纳人数" prop="capacity">
|
||||
<el-input-number v-model="form.capacity" :min="1" :max="10000" placeholder="最大容纳人数" style="width: 100%" />
|
||||
</el-form-item>
|
||||
<el-form-item label="适用专业" prop="major">
|
||||
<el-input v-model="form.major" placeholder="请输入适用专业 (如 铁道供电技术)" maxlength="100" />
|
||||
</el-form-item>
|
||||
<el-form-item label="场地配套设备" prop="siteDevice">
|
||||
<el-input v-model="form.siteDevice" type="textarea" placeholder="例如:VR头显12套、3D数字孪生演练台等" :rows="3" />
|
||||
</el-form-item>
|
||||
@@ -126,7 +145,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listSite, getSite, addSite, updateSite } from '@/api/train/site'
|
||||
import { listSite, getSite, addSite, updateSite, delSite } from '@/api/train/site'
|
||||
|
||||
export default {
|
||||
name: 'TrainingSite',
|
||||
@@ -157,7 +176,8 @@ export default {
|
||||
siteName: null,
|
||||
siteLocation: null,
|
||||
capacity: null,
|
||||
siteStatus: null
|
||||
siteStatus: null,
|
||||
major: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
@@ -211,6 +231,7 @@ export default {
|
||||
capacity: 30,
|
||||
siteDevice: null,
|
||||
siteStatus: 1,
|
||||
major: null,
|
||||
remark: null
|
||||
}
|
||||
this.resetForm('form')
|
||||
@@ -231,6 +252,20 @@ export default {
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.siteId || this.ids
|
||||
if (!ids || (Array.isArray(ids) && ids.length === 0)) {
|
||||
this.$modal.msgWarning('请选择要删除的数据')
|
||||
return
|
||||
}
|
||||
this.$modal.confirm('是否确认删除场地编号为"' + ids + '"的数据项?').then(function() {
|
||||
return delSite(ids)
|
||||
}).then(() => {
|
||||
this.getList()
|
||||
this.$modal.msgSuccess('删除成功')
|
||||
}).catch(() => {})
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset()
|
||||
|
||||
Reference in new issue
Block a user