新增网格员

This commit is contained in:
沈鸿 2025-06-13 10:12:59 +08:00
parent a65ce4b6a8
commit 96d4801116
2 changed files with 6 additions and 3 deletions

View File

@ -16,11 +16,11 @@
<template v-else> <template v-else>
<div class="area-item"> <div class="area-item">
<div class="area-cascader-label">所属行政区域</div> <div class="area-cascader-label">所属行政区域</div>
<el-cascader v-model="regionModel" :options="areaOptions" :props="cascaderProps" :placeholder="areaPlaceholder" clearable /> <el-cascader v-model="regionModel" style="flex: 1" :options="areaOptions" :props="cascaderProps" :placeholder="areaPlaceholder" clearable />
</div> </div>
<div class="area-item"> <div class="area-item">
<div class="area-cascader-label">网格</div> <div class="area-cascader-label">网格</div>
<el-select v-model="gridModel" :placeholder="gridPlaceholder" :disabled="!regionModel" clearable> <el-select v-model="gridModel" style="flex: 1" :placeholder="gridPlaceholder" :disabled="!regionModel" clearable>
<el-option v-for="item in gridOptions" :key="item.id" :label="item.gridName" :value="item.id" /> <el-option v-for="item in gridOptions" :key="item.id" :label="item.gridName" :value="item.id" />
</el-select> </el-select>
</div> </div>
@ -130,7 +130,7 @@ const containerStyle = computed(() => ({
display: flex; display: flex;
gap: 0; gap: 0;
align-items: center; align-items: center;
background-color: antiquewhite; /* background-color: antiquewhite; */
} }
.area-cascader-separator { .area-cascader-separator {
align-self: center; align-self: center;

View File

@ -271,6 +271,7 @@ const selectionChange = (rows) => {
}; };
const rowView = (row) => { const rowView = (row) => {
isEdit.value = false;
crudRef.value.rowView(row); crudRef.value.rowView(row);
}; };
@ -281,6 +282,7 @@ const rowEdit = (row) => {
}; };
// //
const onAdd = () => { const onAdd = () => {
isEdit.value = false;
addDialogVisible.value = true; addDialogVisible.value = true;
// //
Object.keys(addForm).forEach((key) => { Object.keys(addForm).forEach((key) => {
@ -417,5 +419,6 @@ const onExport = () => {
padding: 0 12px 0 0; padding: 0 12px 0 0;
margin: 0; margin: 0;
width: 120px; width: 120px;
box-sizing: border-box;
} }
</style> </style>