forked from liweijie/education
教学场地
This commit is contained in:
@@ -0,0 +1,95 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 教学场地/教室管理（JSB 教室表 /classroom）
|
||||||
|
// 接口依据：classroom 控制器（前端 baseURL 为 /api，此处不重复 /api 前缀）
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 新增教室
|
||||||
|
* POST /classroom/add
|
||||||
|
* 请求体（JSB）：id/jsbh/jsmc 必填，其余字段可空；ty/xslx 为 Boolean
|
||||||
|
*/
|
||||||
|
export function addClassroom(data) {
|
||||||
|
return request({
|
||||||
|
url: '/classroom/add',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除教室（不提供批量删除接口）
|
||||||
|
* POST /classroom/delete
|
||||||
|
* @param id 教室编号（主键，必填）
|
||||||
|
*/
|
||||||
|
export function deleteClassroom(id) {
|
||||||
|
return request({
|
||||||
|
url: '/classroom/delete',
|
||||||
|
method: 'post',
|
||||||
|
params: { id }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 更新教室
|
||||||
|
* POST /classroom/update
|
||||||
|
* 请求体（JSB）：id 必传
|
||||||
|
*/
|
||||||
|
export function updateClassroom(data) {
|
||||||
|
return request({
|
||||||
|
url: '/classroom/update',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据编号查询教室详情
|
||||||
|
* GET /classroom/get
|
||||||
|
* @param id 教室编号
|
||||||
|
*/
|
||||||
|
export function getClassroom(id) {
|
||||||
|
return request({
|
||||||
|
url: '/classroom/get',
|
||||||
|
method: 'get',
|
||||||
|
params: { id }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 分页查询教室列表
|
||||||
|
* GET /classroom/list
|
||||||
|
* 查询参数：jsbh(模糊)、jsmc(模糊)、jxldh(等值)、jxcdlx(等值)、ty(等值)、pageNum、pageSize
|
||||||
|
* 返回：PageResult<JSB>（records/total）
|
||||||
|
*/
|
||||||
|
export function listClassroom(params) {
|
||||||
|
return request({
|
||||||
|
url: '/classroom/list',
|
||||||
|
method: 'get',
|
||||||
|
params
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 查询全部教室
|
||||||
|
* GET /classroom/all
|
||||||
|
* 返回：List<JSB>（无分页）
|
||||||
|
*/
|
||||||
|
export function listAllClassroom() {
|
||||||
|
return request({
|
||||||
|
url: '/classroom/all',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 根据教学楼代号查询教室
|
||||||
|
* GET /classroom/listByJxldh
|
||||||
|
* @param jxldh 教学楼代号（必填）
|
||||||
|
*/
|
||||||
|
export function listClassroomByJxldh(jxldh) {
|
||||||
|
return request({
|
||||||
|
url: '/classroom/listByJxldh',
|
||||||
|
method: 'get',
|
||||||
|
params: { jxldh }
|
||||||
|
})
|
||||||
|
}
|
||||||
@@ -1,13 +1,444 @@
|
|||||||
<template>
|
<template>
|
||||||
<placeholder-page title="教学场地" icon="build" description="维护教学楼、教室、实验室等教学场地资源，支持场地类型、容量与使用状态管理。" />
|
<div class="app-container venue-page">
|
||||||
|
<!-- 查询条件 -->
|
||||||
|
<el-card shadow="never" class="search-card">
|
||||||
|
<el-form :model="searchForm" label-width="100px" class="search-form" @submit.native.prevent>
|
||||||
|
<el-row :gutter="24">
|
||||||
|
<el-col :xs="24" :md="8">
|
||||||
|
<el-form-item label="教室编号">
|
||||||
|
<el-input v-model="searchForm.jsbh" placeholder="请输入教室编号" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :md="8">
|
||||||
|
<el-form-item label="教室名称">
|
||||||
|
<el-input v-model="searchForm.jsmc" placeholder="请输入教室名称" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :md="8">
|
||||||
|
<el-form-item label="教学楼代号">
|
||||||
|
<el-input v-model="searchForm.jxldh" placeholder="请输入教学楼代号" clearable />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :md="8">
|
||||||
|
<el-form-item label="教学场地类型">
|
||||||
|
<el-select v-model="searchForm.jxcdlx" placeholder="请选择场地类型" clearable filterable allow-create
|
||||||
|
default-first-option class="w-full">
|
||||||
|
<el-option v-for="item in jxcdlxOptions" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :md="8">
|
||||||
|
<el-form-item label="停用">
|
||||||
|
<el-select v-model="searchForm.ty" placeholder="全部" clearable class="w-full">
|
||||||
|
<el-option :value="true" label="停用" />
|
||||||
|
<el-option :value="false" label="正常" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :md="8">
|
||||||
|
<div class="search-actions">
|
||||||
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 数据列表 -->
|
||||||
|
<el-card shadow="never" class="table-card">
|
||||||
|
<div class="list-header">
|
||||||
|
<div class="list-title">教室列表</div>
|
||||||
|
<div class="list-actions">
|
||||||
|
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-table v-loading="loading" :data="tableData" border stripe highlight-current-row>
|
||||||
|
<el-table-column type="index" label="序号" width="60" align="center" />
|
||||||
|
<el-table-column prop="jsbh" label="教室编号" min-width="120" show-overflow-tooltip header-align="center" />
|
||||||
|
<el-table-column prop="jsmc" label="教室名称" min-width="140" show-overflow-tooltip header-align="center" />
|
||||||
|
<el-table-column prop="jxldh" label="教学楼代号" min-width="110" show-overflow-tooltip header-align="center" />
|
||||||
|
<el-table-column prop="jxcdlx" label="教学场地类型" min-width="120" show-overflow-tooltip header-align="center" />
|
||||||
|
<el-table-column prop="jc" label="简称" min-width="90" show-overflow-tooltip header-align="center" />
|
||||||
|
<el-table-column prop="rnrs" label="容纳人数" width="90" align="center" />
|
||||||
|
<el-table-column prop="mj" label="面积" width="90" align="center" />
|
||||||
|
<el-table-column prop="ksrnrs" label="考试容纳人数" width="110" align="center" />
|
||||||
|
<el-table-column prop="ewyxkbs" label="额外可开班数" width="100" align="center" />
|
||||||
|
<el-table-column label="虚实类型" width="90" align="center">
|
||||||
|
<template slot-scope="scope">{{ fmtXslx(scope.row.xslx) }}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="停用" width="80" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag :type="isTrue(scope.row.ty) ? 'danger' : 'success'" size="mini">
|
||||||
|
{{ isTrue(scope.row.ty) ? '停用' : '正常' }}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="sssb" label="设施设备" min-width="140" show-overflow-tooltip header-align="center" />
|
||||||
|
<el-table-column label="操作" width="140" align="center" fixed="right">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button type="text" size="mini" icon="el-icon-edit" @click="handleEdit(scope.row)">编辑</el-button>
|
||||||
|
<el-button type="text" size="mini" icon="el-icon-delete" class="danger-text-btn" @click="handleDelete(scope.row)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-pagination
|
||||||
|
class="pagination"
|
||||||
|
background
|
||||||
|
layout="total, sizes, prev, pager, next"
|
||||||
|
:current-page="pageNum"
|
||||||
|
:page-size="pageSize"
|
||||||
|
:total="total"
|
||||||
|
:page-sizes="[10, 20, 50, 100]"
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handlePageChange"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 新增/编辑弹窗 -->
|
||||||
|
<el-dialog :title="dialog.title" :visible.sync="dialog.visible" width="780px" append-to-body
|
||||||
|
:close-on-click-modal="false">
|
||||||
|
<el-form ref="classroomForm" :model="dialog.form" :rules="rules" label-width="110px">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="主键编号" prop="id">
|
||||||
|
<el-input v-model="dialog.form.id" placeholder="请输入主键编号" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="教室编号" prop="jsbh">
|
||||||
|
<el-input v-model="dialog.form.jsbh" placeholder="请输入教室编号" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="教室名称" prop="jsmc">
|
||||||
|
<el-input v-model="dialog.form.jsmc" placeholder="请输入教室名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="教学楼代号">
|
||||||
|
<el-input v-model="dialog.form.jxldh" placeholder="请输入教学楼代号" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="教学场地类型">
|
||||||
|
<el-select v-model="dialog.form.jxcdlx" placeholder="请选择场地类型" clearable filterable allow-create
|
||||||
|
default-first-option class="w-full">
|
||||||
|
<el-option v-for="item in jxcdlxOptions" :key="item" :label="item" :value="item" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="简称">
|
||||||
|
<el-input v-model="dialog.form.jc" placeholder="请输入简称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="容纳人数">
|
||||||
|
<el-input-number v-model="dialog.form.rnrs" :min="0" controls-position="right" class="w-full" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="面积">
|
||||||
|
<el-input-number v-model="dialog.form.mj" :min="0" :precision="1" controls-position="right" class="w-full" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="考试容纳人数">
|
||||||
|
<el-input-number v-model="dialog.form.ksrnrs" :min="0" controls-position="right" class="w-full" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="额外可开班数">
|
||||||
|
<el-input-number v-model="dialog.form.ewyxkbs" :min="0" controls-position="right" class="w-full" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="序号">
|
||||||
|
<el-input v-model="dialog.form.xh" placeholder="请输入序号" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="拼音">
|
||||||
|
<el-input v-model="dialog.form.py" placeholder="请输入拼音" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="虚实类型">
|
||||||
|
<el-radio-group v-model="dialog.form.xslx">
|
||||||
|
<el-radio :label="true">实教</el-radio>
|
||||||
|
<el-radio :label="false">非实教</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="停用">
|
||||||
|
<el-radio-group v-model="dialog.form.ty">
|
||||||
|
<el-radio :label="false">正常</el-radio>
|
||||||
|
<el-radio :label="true">停用</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="设施设备">
|
||||||
|
<el-input v-model="dialog.form.sssb" placeholder="请输入设施设备" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input v-model="dialog.form.bz" type="textarea" :rows="2" placeholder="请输入备注" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialog.visible = false">取 消</el-button>
|
||||||
|
<el-button type="primary" :loading="dialog.submitting" @click="submitDialog">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import PlaceholderPage from '@/components/PlaceholderPage'
|
import {
|
||||||
|
addClassroom,
|
||||||
|
deleteClassroom,
|
||||||
|
updateClassroom,
|
||||||
|
listClassroom
|
||||||
|
} from '@/api/teachBusiness/classroom'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Venue',
|
name: 'Venue',
|
||||||
components: { PlaceholderPage }
|
data() {
|
||||||
|
return {
|
||||||
|
loading: false,
|
||||||
|
searchForm: {
|
||||||
|
jsbh: '',
|
||||||
|
jsmc: '',
|
||||||
|
jxldh: '',
|
||||||
|
jxcdlx: '',
|
||||||
|
ty: ''
|
||||||
|
},
|
||||||
|
tableData: [],
|
||||||
|
total: 0,
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 20,
|
||||||
|
dialog: {
|
||||||
|
visible: false,
|
||||||
|
title: '',
|
||||||
|
submitting: false,
|
||||||
|
form: this.createEmptyForm()
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
id: [{ required: true, message: '请输入主键编号', trigger: 'blur' }],
|
||||||
|
jsbh: [{ required: true, message: '请输入教室编号', trigger: 'blur' }],
|
||||||
|
jsmc: [{ required: true, message: '请输入教室名称', trigger: 'blur' }]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
/** 教学场地类型下拉：由已加载数据中的去重值动态生成，避免硬编码 */
|
||||||
|
jxcdlxOptions() {
|
||||||
|
const set = new Set()
|
||||||
|
this.tableData.forEach(row => {
|
||||||
|
if (row.jxcdlx) set.add(row.jxcdlx)
|
||||||
|
})
|
||||||
|
return Array.from(set)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.fetchList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/* ---------- 列表加载 ---------- */
|
||||||
|
fetchList() {
|
||||||
|
this.loading = true
|
||||||
|
const params = {
|
||||||
|
pageNum: this.pageNum,
|
||||||
|
pageSize: this.pageSize
|
||||||
|
}
|
||||||
|
Object.keys(this.searchForm).forEach(key => {
|
||||||
|
const value = this.searchForm[key]
|
||||||
|
if (value !== '' && value !== null && value !== undefined) {
|
||||||
|
params[key] = value
|
||||||
|
}
|
||||||
|
})
|
||||||
|
listClassroom(params).then(response => {
|
||||||
|
const data = response.data || {}
|
||||||
|
this.tableData = data.records || []
|
||||||
|
this.total = data.total || 0
|
||||||
|
}).catch(() => {
|
||||||
|
this.tableData = []
|
||||||
|
this.total = 0
|
||||||
|
}).finally(() => {
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/* ---------- 查询 / 重置 ---------- */
|
||||||
|
handleQuery() {
|
||||||
|
this.pageNum = 1
|
||||||
|
this.fetchList()
|
||||||
|
},
|
||||||
|
handleReset() {
|
||||||
|
this.searchForm = {
|
||||||
|
jsbh: '',
|
||||||
|
jsmc: '',
|
||||||
|
jxldh: '',
|
||||||
|
jxcdlx: '',
|
||||||
|
ty: ''
|
||||||
|
}
|
||||||
|
this.pageNum = 1
|
||||||
|
this.fetchList()
|
||||||
|
},
|
||||||
|
|
||||||
|
/* ---------- 分页 ---------- */
|
||||||
|
handleSizeChange(size) {
|
||||||
|
this.pageSize = size
|
||||||
|
this.pageNum = 1
|
||||||
|
this.fetchList()
|
||||||
|
},
|
||||||
|
handlePageChange(page) {
|
||||||
|
this.pageNum = page
|
||||||
|
this.fetchList()
|
||||||
|
},
|
||||||
|
|
||||||
|
/* ---------- 新增 / 编辑 ---------- */
|
||||||
|
handleAdd() {
|
||||||
|
this.dialog.title = '新增教室'
|
||||||
|
this.dialog.form = this.createEmptyForm()
|
||||||
|
this.dialog.visible = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (this.$refs.classroomForm) this.$refs.classroomForm.clearValidate()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleEdit(row) {
|
||||||
|
this.dialog.title = '编辑教室'
|
||||||
|
this.dialog.form = Object.assign({}, this.createEmptyForm(), row)
|
||||||
|
this.dialog.visible = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (this.$refs.classroomForm) this.$refs.classroomForm.clearValidate()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
submitDialog() {
|
||||||
|
this.$refs.classroomForm.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
this.dialog.submitting = true
|
||||||
|
const payload = this.cleanPayload(this.dialog.form)
|
||||||
|
const isEdit = !!payload.id
|
||||||
|
const req = isEdit ? updateClassroom(payload) : addClassroom(payload)
|
||||||
|
req.then(() => {
|
||||||
|
this.$message.success(isEdit ? '修改成功' : '新增成功')
|
||||||
|
this.dialog.visible = false
|
||||||
|
this.fetchList()
|
||||||
|
}).catch(() => {}).finally(() => {
|
||||||
|
this.dialog.submitting = false
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/* ---------- 删除（后端仅提供单条删除，参数为 id） ---------- */
|
||||||
|
handleDelete(row) {
|
||||||
|
this.$confirm('确定删除教室「' + (row.jsmc || row.jsbh) + '」吗？', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(() => {
|
||||||
|
return deleteClassroom(row.id)
|
||||||
|
}).then(() => {
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
this.fetchList()
|
||||||
|
}).catch(() => {})
|
||||||
|
},
|
||||||
|
|
||||||
|
/* ---------- 工具 ---------- */
|
||||||
|
createEmptyForm() {
|
||||||
|
return {
|
||||||
|
id: '',
|
||||||
|
jsbh: '',
|
||||||
|
jsmc: '',
|
||||||
|
jxldh: '',
|
||||||
|
jxcdlx: '',
|
||||||
|
jc: '',
|
||||||
|
rnrs: null,
|
||||||
|
mj: null,
|
||||||
|
ksrnrs: null,
|
||||||
|
ewyxkbs: null,
|
||||||
|
xh: '',
|
||||||
|
py: '',
|
||||||
|
xslx: false,
|
||||||
|
ty: false,
|
||||||
|
sssb: '',
|
||||||
|
bz: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/** 移除空值（''/null/undefined），保留 0/false 等有效值 */
|
||||||
|
cleanPayload(obj) {
|
||||||
|
const payload = {}
|
||||||
|
Object.keys(obj).forEach(key => {
|
||||||
|
const value = obj[key]
|
||||||
|
if (value !== '' && value !== null && value !== undefined) {
|
||||||
|
payload[key] = value
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return payload
|
||||||
|
},
|
||||||
|
isTrue(val) {
|
||||||
|
return val === true || val === 1 || val === '1' || val === 'true'
|
||||||
|
},
|
||||||
|
fmtXslx(val) {
|
||||||
|
return this.isTrue(val) ? '实教' : '非实教'
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.app-container {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.venue-page {
|
||||||
|
.search-card {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
|
||||||
|
.search-form {
|
||||||
|
.w-full {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-actions {
|
||||||
|
padding-top: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-card {
|
||||||
|
.list-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
|
||||||
|
.list-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #303133;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
margin-top: 16px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger-text-btn {
|
||||||
|
color: #f56c6c;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: #f78989;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user