diff --git a/src/views/floodSys/assetManage/RiverSaection.vue b/src/views/floodSys/assetManage/RiverSaection.vue
index c703254..fbbb190 100644
--- a/src/views/floodSys/assetManage/RiverSaection.vue
+++ b/src/views/floodSys/assetManage/RiverSaection.vue
@@ -1,3 +1,237 @@
 <template>
-  <div>河道断面</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="断面名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入断面名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="所属河道:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择所属河道" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="目标水质:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="断面编码" prop="q" />
+      <el-table-column label="断面名称" prop="w" />
+      <el-table-column label="所属河道" prop="e" />
+      <el-table-column label="断面面积" prop="r" />
+      <el-table-column label="断面长度" prop="t" />
+      <el-table-column label="断面水质" prop="y" />
+
+      <el-table-column label="设计洪峰流量（m3/s）">
+        <el-table-column prop="monthPlan1" label="20%" />
+        <el-table-column prop="monthPlan2" label="10%" />
+        <el-table-column prop="monthPlan3" label="5%" />
+        <el-table-column prop="monthPlan4" label="2%" />
+        <el-table-column prop="monthPlan5" label="1%" />
+      </el-table-column>
+
+      <el-table-column label="区属" prop="i" />
+      <el-table-column label="空间数据" prop="o" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="所属区属:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择所属区属" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属河道:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水所属河道" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择断面水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="目标水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="RiverSaection">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增河道断面';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看河道断面';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改河道断面';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>

diff --git a/src/views/floodSys/assetManage/RiverSaection.vue b/src/views/floodSys/assetManage/RiverSaection.vue
index c703254..fbbb190 100644
--- a/src/views/floodSys/assetManage/RiverSaection.vue
+++ b/src/views/floodSys/assetManage/RiverSaection.vue
@@ -1,3 +1,237 @@
 <template>
-  <div>河道断面</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="断面名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入断面名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="所属河道:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择所属河道" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="目标水质:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="断面编码" prop="q" />
+      <el-table-column label="断面名称" prop="w" />
+      <el-table-column label="所属河道" prop="e" />
+      <el-table-column label="断面面积" prop="r" />
+      <el-table-column label="断面长度" prop="t" />
+      <el-table-column label="断面水质" prop="y" />
+
+      <el-table-column label="设计洪峰流量（m3/s）">
+        <el-table-column prop="monthPlan1" label="20%" />
+        <el-table-column prop="monthPlan2" label="10%" />
+        <el-table-column prop="monthPlan3" label="5%" />
+        <el-table-column prop="monthPlan4" label="2%" />
+        <el-table-column prop="monthPlan5" label="1%" />
+      </el-table-column>
+
+      <el-table-column label="区属" prop="i" />
+      <el-table-column label="空间数据" prop="o" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="所属区属:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择所属区属" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属河道:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水所属河道" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择断面水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="目标水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="RiverSaection">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增河道断面';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看河道断面';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改河道断面';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/StorageaFacilities.vue b/src/views/floodSys/assetManage/StorageaFacilities.vue
index 0dc8560..7ca9408 100644
--- a/src/views/floodSys/assetManage/StorageaFacilities.vue
+++ b/src/views/floodSys/assetManage/StorageaFacilities.vue
@@ -1,3 +1,202 @@
 <template>
-  <div>调蓄设施基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入名称" clearable style="width: 180px" />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="水面面积（k㎡）" prop="e" />
+      <el-table-column label="水体规模（万m³）" prop="r" />
+      <el-table-column label="湖底高程（米）" prop="t" />
+      <el-table-column label="正常水位（米）" prop="y" />
+      <el-table-column label="调蓄规模（万m³）" prop="u" />
+      <el-table-column label="gis空间数据" prop="i" />
+
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="140px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水面面积（k㎡）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入水面面积（k㎡）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水体规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入水体规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="湖底高程（米）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入湖底高程（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="正常水位（米）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入正常水位（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="调蓄规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入调蓄规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="gis空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入gis空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="StorageaFacilities">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增调蓄设施';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看调蓄设施';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改调蓄设施';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>

diff --git a/src/views/floodSys/assetManage/RiverSaection.vue b/src/views/floodSys/assetManage/RiverSaection.vue
index c703254..fbbb190 100644
--- a/src/views/floodSys/assetManage/RiverSaection.vue
+++ b/src/views/floodSys/assetManage/RiverSaection.vue
@@ -1,3 +1,237 @@
 <template>
-  <div>河道断面</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="断面名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入断面名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="所属河道:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择所属河道" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="目标水质:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="断面编码" prop="q" />
+      <el-table-column label="断面名称" prop="w" />
+      <el-table-column label="所属河道" prop="e" />
+      <el-table-column label="断面面积" prop="r" />
+      <el-table-column label="断面长度" prop="t" />
+      <el-table-column label="断面水质" prop="y" />
+
+      <el-table-column label="设计洪峰流量（m3/s）">
+        <el-table-column prop="monthPlan1" label="20%" />
+        <el-table-column prop="monthPlan2" label="10%" />
+        <el-table-column prop="monthPlan3" label="5%" />
+        <el-table-column prop="monthPlan4" label="2%" />
+        <el-table-column prop="monthPlan5" label="1%" />
+      </el-table-column>
+
+      <el-table-column label="区属" prop="i" />
+      <el-table-column label="空间数据" prop="o" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="所属区属:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择所属区属" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属河道:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水所属河道" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择断面水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="目标水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="RiverSaection">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增河道断面';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看河道断面';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改河道断面';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/StorageaFacilities.vue b/src/views/floodSys/assetManage/StorageaFacilities.vue
index 0dc8560..7ca9408 100644
--- a/src/views/floodSys/assetManage/StorageaFacilities.vue
+++ b/src/views/floodSys/assetManage/StorageaFacilities.vue
@@ -1,3 +1,202 @@
 <template>
-  <div>调蓄设施基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入名称" clearable style="width: 180px" />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="水面面积（k㎡）" prop="e" />
+      <el-table-column label="水体规模（万m³）" prop="r" />
+      <el-table-column label="湖底高程（米）" prop="t" />
+      <el-table-column label="正常水位（米）" prop="y" />
+      <el-table-column label="调蓄规模（万m³）" prop="u" />
+      <el-table-column label="gis空间数据" prop="i" />
+
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="140px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水面面积（k㎡）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入水面面积（k㎡）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水体规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入水体规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="湖底高程（米）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入湖底高程（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="正常水位（米）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入正常水位（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="调蓄规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入调蓄规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="gis空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入gis空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="StorageaFacilities">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增调蓄设施';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看调蓄设施';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改调蓄设施';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue b/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
index fbb2ce4..a9ea61a 100644
--- a/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
+++ b/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
@@ -1,3 +1,252 @@
 <template>
-  <div>水厂供水基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="水厂名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入水厂名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="建设时间" prop="date">
+        <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择日期"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="投入使用时间" prop="date">
+        <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择投入使用时间"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="水厂名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="现状规模（万 m³/d）" prop="e" />
+      <el-table-column label="水源情况" prop="r" />
+      <el-table-column label="经度" prop="t" />
+      <el-table-column label="纬度" prop="y" />
+      <el-table-column label="位置" prop="u" />
+      <el-table-column label="建设时间" prop="i" />
+      <el-table-column label="投入使用时间" prop="o" />
+      <el-table-column label="覆盖人口" prop="p" />
+      <el-table-column label="覆盖面积" prop="a" />
+      <el-table-column label="供水范围" prop="a" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水厂名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入水厂名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="现状规模(万 m³/d):" prop="w">
+              <el-input v-model="form.w" placeholder="请输入现状规模(万 m³/d)" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水源情况:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水源情况" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="经度:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="纬度:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="位置:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入位置" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="供水范围:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入供水范围" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="建设时间" prop="date">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择建设时间"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="投入使用时间" prop="date">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择投入使用时间"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="覆盖人口:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入覆盖人口" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="覆盖面积:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入覆盖面积" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>

diff --git a/src/views/floodSys/assetManage/RiverSaection.vue b/src/views/floodSys/assetManage/RiverSaection.vue
index c703254..fbbb190 100644
--- a/src/views/floodSys/assetManage/RiverSaection.vue
+++ b/src/views/floodSys/assetManage/RiverSaection.vue
@@ -1,3 +1,237 @@
 <template>
-  <div>河道断面</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="断面名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入断面名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="所属河道:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择所属河道" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="目标水质:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="断面编码" prop="q" />
+      <el-table-column label="断面名称" prop="w" />
+      <el-table-column label="所属河道" prop="e" />
+      <el-table-column label="断面面积" prop="r" />
+      <el-table-column label="断面长度" prop="t" />
+      <el-table-column label="断面水质" prop="y" />
+
+      <el-table-column label="设计洪峰流量（m3/s）">
+        <el-table-column prop="monthPlan1" label="20%" />
+        <el-table-column prop="monthPlan2" label="10%" />
+        <el-table-column prop="monthPlan3" label="5%" />
+        <el-table-column prop="monthPlan4" label="2%" />
+        <el-table-column prop="monthPlan5" label="1%" />
+      </el-table-column>
+
+      <el-table-column label="区属" prop="i" />
+      <el-table-column label="空间数据" prop="o" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="所属区属:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择所属区属" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属河道:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水所属河道" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择断面水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="目标水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="RiverSaection">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增河道断面';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看河道断面';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改河道断面';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/StorageaFacilities.vue b/src/views/floodSys/assetManage/StorageaFacilities.vue
index 0dc8560..7ca9408 100644
--- a/src/views/floodSys/assetManage/StorageaFacilities.vue
+++ b/src/views/floodSys/assetManage/StorageaFacilities.vue
@@ -1,3 +1,202 @@
 <template>
-  <div>调蓄设施基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入名称" clearable style="width: 180px" />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="水面面积（k㎡）" prop="e" />
+      <el-table-column label="水体规模（万m³）" prop="r" />
+      <el-table-column label="湖底高程（米）" prop="t" />
+      <el-table-column label="正常水位（米）" prop="y" />
+      <el-table-column label="调蓄规模（万m³）" prop="u" />
+      <el-table-column label="gis空间数据" prop="i" />
+
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="140px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水面面积（k㎡）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入水面面积（k㎡）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水体规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入水体规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="湖底高程（米）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入湖底高程（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="正常水位（米）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入正常水位（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="调蓄规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入调蓄规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="gis空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入gis空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="StorageaFacilities">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增调蓄设施';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看调蓄设施';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改调蓄设施';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue b/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
index fbb2ce4..a9ea61a 100644
--- a/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
+++ b/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
@@ -1,3 +1,252 @@
 <template>
-  <div>水厂供水基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="水厂名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入水厂名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="建设时间" prop="date">
+        <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择日期"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="投入使用时间" prop="date">
+        <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择投入使用时间"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="水厂名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="现状规模（万 m³/d）" prop="e" />
+      <el-table-column label="水源情况" prop="r" />
+      <el-table-column label="经度" prop="t" />
+      <el-table-column label="纬度" prop="y" />
+      <el-table-column label="位置" prop="u" />
+      <el-table-column label="建设时间" prop="i" />
+      <el-table-column label="投入使用时间" prop="o" />
+      <el-table-column label="覆盖人口" prop="p" />
+      <el-table-column label="覆盖面积" prop="a" />
+      <el-table-column label="供水范围" prop="a" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水厂名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入水厂名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="现状规模(万 m³/d):" prop="w">
+              <el-input v-model="form.w" placeholder="请输入现状规模(万 m³/d)" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水源情况:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水源情况" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="经度:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="纬度:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="位置:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入位置" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="供水范围:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入供水范围" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="建设时间" prop="date">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择建设时间"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="投入使用时间" prop="date">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择投入使用时间"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="覆盖人口:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入覆盖人口" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="覆盖面积:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入覆盖面积" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue b/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
index 76dd7d3..d59f44d 100644
--- a/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
+++ b/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
@@ -1,3 +1,197 @@
 <template>
-  <div>海绵城市建设培训</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="时间" prop="date">
+        <el-date-picker
+          clearable
+          v-model="queryParams.installDate"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="请选择安装日期"
+          style="width: 100%"
+        >
+        </el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="时间" prop="q" />
+      <el-table-column label="培训地点" prop="w" />
+      <el-table-column label="培训内容" prop="e" />
+      <el-table-column label="参加人员" prop="r" />
+      <el-table-column label="链接" prop="t" />
+
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="时间:" prop="w">
+              <el-date-picker
+                clearable
+                v-model="queryParams.installDate"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择日期"
+                style="width: 100%"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="培训地点:" prop="w">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入培训地点" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="培训内容:" prop="w">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入培训内容" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="参加人员:" prop="fileTag1">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入参加人员" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col>
+            <el-form-item label="链接:" prop="fileTag1">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入链接" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>

diff --git a/src/views/floodSys/assetManage/RiverSaection.vue b/src/views/floodSys/assetManage/RiverSaection.vue
index c703254..fbbb190 100644
--- a/src/views/floodSys/assetManage/RiverSaection.vue
+++ b/src/views/floodSys/assetManage/RiverSaection.vue
@@ -1,3 +1,237 @@
 <template>
-  <div>河道断面</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="断面名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入断面名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="所属河道:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择所属河道" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="目标水质:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="断面编码" prop="q" />
+      <el-table-column label="断面名称" prop="w" />
+      <el-table-column label="所属河道" prop="e" />
+      <el-table-column label="断面面积" prop="r" />
+      <el-table-column label="断面长度" prop="t" />
+      <el-table-column label="断面水质" prop="y" />
+
+      <el-table-column label="设计洪峰流量（m3/s）">
+        <el-table-column prop="monthPlan1" label="20%" />
+        <el-table-column prop="monthPlan2" label="10%" />
+        <el-table-column prop="monthPlan3" label="5%" />
+        <el-table-column prop="monthPlan4" label="2%" />
+        <el-table-column prop="monthPlan5" label="1%" />
+      </el-table-column>
+
+      <el-table-column label="区属" prop="i" />
+      <el-table-column label="空间数据" prop="o" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="所属区属:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择所属区属" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属河道:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水所属河道" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择断面水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="目标水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="RiverSaection">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增河道断面';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看河道断面';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改河道断面';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/StorageaFacilities.vue b/src/views/floodSys/assetManage/StorageaFacilities.vue
index 0dc8560..7ca9408 100644
--- a/src/views/floodSys/assetManage/StorageaFacilities.vue
+++ b/src/views/floodSys/assetManage/StorageaFacilities.vue
@@ -1,3 +1,202 @@
 <template>
-  <div>调蓄设施基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入名称" clearable style="width: 180px" />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="水面面积（k㎡）" prop="e" />
+      <el-table-column label="水体规模（万m³）" prop="r" />
+      <el-table-column label="湖底高程（米）" prop="t" />
+      <el-table-column label="正常水位（米）" prop="y" />
+      <el-table-column label="调蓄规模（万m³）" prop="u" />
+      <el-table-column label="gis空间数据" prop="i" />
+
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="140px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水面面积（k㎡）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入水面面积（k㎡）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水体规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入水体规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="湖底高程（米）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入湖底高程（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="正常水位（米）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入正常水位（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="调蓄规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入调蓄规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="gis空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入gis空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="StorageaFacilities">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增调蓄设施';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看调蓄设施';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改调蓄设施';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue b/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
index fbb2ce4..a9ea61a 100644
--- a/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
+++ b/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
@@ -1,3 +1,252 @@
 <template>
-  <div>水厂供水基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="水厂名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入水厂名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="建设时间" prop="date">
+        <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择日期"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="投入使用时间" prop="date">
+        <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择投入使用时间"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="水厂名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="现状规模（万 m³/d）" prop="e" />
+      <el-table-column label="水源情况" prop="r" />
+      <el-table-column label="经度" prop="t" />
+      <el-table-column label="纬度" prop="y" />
+      <el-table-column label="位置" prop="u" />
+      <el-table-column label="建设时间" prop="i" />
+      <el-table-column label="投入使用时间" prop="o" />
+      <el-table-column label="覆盖人口" prop="p" />
+      <el-table-column label="覆盖面积" prop="a" />
+      <el-table-column label="供水范围" prop="a" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水厂名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入水厂名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="现状规模(万 m³/d):" prop="w">
+              <el-input v-model="form.w" placeholder="请输入现状规模(万 m³/d)" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水源情况:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水源情况" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="经度:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="纬度:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="位置:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入位置" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="供水范围:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入供水范围" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="建设时间" prop="date">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择建设时间"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="投入使用时间" prop="date">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择投入使用时间"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="覆盖人口:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入覆盖人口" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="覆盖面积:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入覆盖面积" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue b/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
index 76dd7d3..d59f44d 100644
--- a/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
+++ b/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
@@ -1,3 +1,197 @@
 <template>
-  <div>海绵城市建设培训</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="时间" prop="date">
+        <el-date-picker
+          clearable
+          v-model="queryParams.installDate"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="请选择安装日期"
+          style="width: 100%"
+        >
+        </el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="时间" prop="q" />
+      <el-table-column label="培训地点" prop="w" />
+      <el-table-column label="培训内容" prop="e" />
+      <el-table-column label="参加人员" prop="r" />
+      <el-table-column label="链接" prop="t" />
+
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="时间:" prop="w">
+              <el-date-picker
+                clearable
+                v-model="queryParams.installDate"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择日期"
+                style="width: 100%"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="培训地点:" prop="w">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入培训地点" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="培训内容:" prop="w">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入培训内容" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="参加人员:" prop="fileTag1">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入参加人员" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col>
+            <el-form-item label="链接:" prop="fileTag1">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入链接" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/spongePerformance/OutputPerformance/SewageTreatment.vue b/src/views/spongePerformance/OutputPerformance/SewageTreatment.vue
index eafe625..d49fc2a 100644
--- a/src/views/spongePerformance/OutputPerformance/SewageTreatment.vue
+++ b/src/views/spongePerformance/OutputPerformance/SewageTreatment.vue
@@ -1,3 +1,222 @@
 <template>
-  <div>污水处理厂进水BOD平均浓度管理信息</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="统计年份" prop="date">
+        <el-date-picker
+          type="year"
+          v-model="queryParams.date"
+          value-format="YYYY"
+          placeholder="请选择统计年份"
+          style="width: 100%"
+        ></el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="统计年份" prop="q" />
+      <el-table-column label="日期" prop="w" />
+      <el-table-column label="进水BOD平均浓度（mg/L）">
+        <el-table-column prop="monthPlan1" label="西区污水处理厂" />
+        <el-table-column prop="monthPlan2" label="东区污水处理厂" />
+        <el-table-column prop="monthPlan3" label="马家河污水厂" />
+      </el-table-column>
+      <el-table-column label="均值" prop="p" />
+      <el-table-column label="年度绩效指标" prop="a" />
+      <el-table-column label="评价结论" prop="a" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="统计年份:" prop="w">
+              <el-date-picker
+                type="year"
+                v-model="queryParams.date"
+                value-format="YYYY"
+                placeholder="请选择统计年份"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="w">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择日期"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="西区污水处理厂:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入西区污水处理厂" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="东区污水处理厂:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入东区污水处理厂" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="马家河污水厂:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入马家河污水厂" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="均值:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入均值" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="年度绩效指标" prop="date">
+              <el-input type="textarea" v-model="form.lon" placeholder="请输入年度绩效指标" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="评价结论" prop="date">
+              <el-input type="textarea" v-model="form.lon" placeholder="请输入评价结论标" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>

diff --git a/src/views/floodSys/assetManage/RiverSaection.vue b/src/views/floodSys/assetManage/RiverSaection.vue
index c703254..fbbb190 100644
--- a/src/views/floodSys/assetManage/RiverSaection.vue
+++ b/src/views/floodSys/assetManage/RiverSaection.vue
@@ -1,3 +1,237 @@
 <template>
-  <div>河道断面</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="断面名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入断面名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="所属河道:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择所属河道" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="目标水质:" prop="fileTag1">
+        <el-select v-model="queryParams.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+          <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="断面编码" prop="q" />
+      <el-table-column label="断面名称" prop="w" />
+      <el-table-column label="所属河道" prop="e" />
+      <el-table-column label="断面面积" prop="r" />
+      <el-table-column label="断面长度" prop="t" />
+      <el-table-column label="断面水质" prop="y" />
+
+      <el-table-column label="设计洪峰流量（m3/s）">
+        <el-table-column prop="monthPlan1" label="20%" />
+        <el-table-column prop="monthPlan2" label="10%" />
+        <el-table-column prop="monthPlan3" label="5%" />
+        <el-table-column prop="monthPlan4" label="2%" />
+        <el-table-column prop="monthPlan5" label="1%" />
+      </el-table-column>
+
+      <el-table-column label="区属" prop="i" />
+      <el-table-column label="空间数据" prop="o" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入断面编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="所属区属:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择所属区属" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属河道:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水所属河道" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="断面面积:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入断面面积" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="断面水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择断面水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="目标水质:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择目标水质" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="RiverSaection">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增河道断面';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看河道断面';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改河道断面';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/StorageaFacilities.vue b/src/views/floodSys/assetManage/StorageaFacilities.vue
index 0dc8560..7ca9408 100644
--- a/src/views/floodSys/assetManage/StorageaFacilities.vue
+++ b/src/views/floodSys/assetManage/StorageaFacilities.vue
@@ -1,3 +1,202 @@
 <template>
-  <div>调蓄设施基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入名称" clearable style="width: 180px" />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="水面面积（k㎡）" prop="e" />
+      <el-table-column label="水体规模（万m³）" prop="r" />
+      <el-table-column label="湖底高程（米）" prop="t" />
+      <el-table-column label="正常水位（米）" prop="y" />
+      <el-table-column label="调蓄规模（万m³）" prop="u" />
+      <el-table-column label="gis空间数据" prop="i" />
+
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="140px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水面面积（k㎡）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入水面面积（k㎡）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水体规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入水体规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="湖底高程（米）:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入湖底高程（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="正常水位（米）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入正常水位（米）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="调蓄规模（万m³）:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入调蓄规模（万m³）" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="gis空间数据:" prop="w">
+              <el-input type="textarea" v-model="form.w" placeholder="请输入gis空间数据" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="StorageaFacilities">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增调蓄设施';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看调蓄设施';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改调蓄设施';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue b/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
index fbb2ce4..a9ea61a 100644
--- a/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
+++ b/src/views/floodSys/assetManage/WaterSupplyWaterPlants.vue
@@ -1,3 +1,252 @@
 <template>
-  <div>水厂供水基础数据</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="水厂名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入水厂名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="建设时间" prop="date">
+        <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择日期"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="投入使用时间" prop="date">
+        <el-date-picker type="month" v-model="queryParams.date" value-format="YYYY-MM" placeholder="请选择投入使用时间"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="水厂名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="现状规模（万 m³/d）" prop="e" />
+      <el-table-column label="水源情况" prop="r" />
+      <el-table-column label="经度" prop="t" />
+      <el-table-column label="纬度" prop="y" />
+      <el-table-column label="位置" prop="u" />
+      <el-table-column label="建设时间" prop="i" />
+      <el-table-column label="投入使用时间" prop="o" />
+      <el-table-column label="覆盖人口" prop="p" />
+      <el-table-column label="覆盖面积" prop="a" />
+      <el-table-column label="供水范围" prop="a" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="水厂名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入水厂名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="现状规模(万 m³/d):" prop="w">
+              <el-input v-model="form.w" placeholder="请输入现状规模(万 m³/d)" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="水源情况:" prop="fileTag1">
+              <el-select v-model="form.fileTag1" placeholder="请选择水源情况" clearable style="width: 100%">
+                <el-option v-for="dict in document_tag" :key="dict.value" :label="dict.label" :value="dict.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="经度:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="纬度:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="位置:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入位置" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="供水范围:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入供水范围" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="建设时间" prop="date">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择建设时间"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="投入使用时间" prop="date">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择投入使用时间"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="覆盖人口:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入覆盖人口" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="覆盖面积:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入覆盖面积" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue b/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
index 76dd7d3..d59f44d 100644
--- a/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
+++ b/src/views/spongePerformance/ManagementPerformance/SpongeCityConstruction.vue
@@ -1,3 +1,197 @@
 <template>
-  <div>海绵城市建设培训</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="时间" prop="date">
+        <el-date-picker
+          clearable
+          v-model="queryParams.installDate"
+          type="date"
+          value-format="YYYY-MM-DD"
+          placeholder="请选择安装日期"
+          style="width: 100%"
+        >
+        </el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="时间" prop="q" />
+      <el-table-column label="培训地点" prop="w" />
+      <el-table-column label="培训内容" prop="e" />
+      <el-table-column label="参加人员" prop="r" />
+      <el-table-column label="链接" prop="t" />
+
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="时间:" prop="w">
+              <el-date-picker
+                clearable
+                v-model="queryParams.installDate"
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="请选择日期"
+                style="width: 100%"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="培训地点:" prop="w">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入培训地点" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="培训内容:" prop="w">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入培训内容" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="参加人员:" prop="fileTag1">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入参加人员" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col>
+            <el-form-item label="链接:" prop="fileTag1">
+              <el-input v-model="form.w" type="textarea" placeholder="请输入链接" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/spongePerformance/OutputPerformance/SewageTreatment.vue b/src/views/spongePerformance/OutputPerformance/SewageTreatment.vue
index eafe625..d49fc2a 100644
--- a/src/views/spongePerformance/OutputPerformance/SewageTreatment.vue
+++ b/src/views/spongePerformance/OutputPerformance/SewageTreatment.vue
@@ -1,3 +1,222 @@
 <template>
-  <div>污水处理厂进水BOD平均浓度管理信息</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="统计年份" prop="date">
+        <el-date-picker
+          type="year"
+          v-model="queryParams.date"
+          value-format="YYYY"
+          placeholder="请选择统计年份"
+          style="width: 100%"
+        ></el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="统计年份" prop="q" />
+      <el-table-column label="日期" prop="w" />
+      <el-table-column label="进水BOD平均浓度（mg/L）">
+        <el-table-column prop="monthPlan1" label="西区污水处理厂" />
+        <el-table-column prop="monthPlan2" label="东区污水处理厂" />
+        <el-table-column prop="monthPlan3" label="马家河污水厂" />
+      </el-table-column>
+      <el-table-column label="均值" prop="p" />
+      <el-table-column label="年度绩效指标" prop="a" />
+      <el-table-column label="评价结论" prop="a" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="130px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="统计年份:" prop="w">
+              <el-date-picker
+                type="year"
+                v-model="queryParams.date"
+                value-format="YYYY"
+                placeholder="请选择统计年份"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="日期:" prop="w">
+              <el-date-picker
+                type="month"
+                v-model="queryParams.date"
+                value-format="YYYY-MM"
+                placeholder="请选择日期"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="西区污水处理厂:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入西区污水处理厂" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="东区污水处理厂:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入东区污水处理厂" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="马家河污水厂:" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入马家河污水厂" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="均值:" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入均值" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="年度绩效指标" prop="date">
+              <el-input type="textarea" v-model="form.lon" placeholder="请输入年度绩效指标" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="评价结论" prop="date">
+              <el-input type="textarea" v-model="form.lon" placeholder="请输入评价结论标" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="WaterSupplyWaterPlants">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增水厂供水';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看水厂供水';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改水厂供水';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>
diff --git a/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue b/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
index f704ec2..6ce3f37 100644
--- a/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
+++ b/src/views/spongePerformance/OutputPerformance/UrbanDomesticSewage.vue
@@ -1,3 +1,242 @@
 <template>
-  <div>城市生活污水集中收集率管理信息</div>
+  <div class="publicContainer">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
+      <el-form-item label="污水厂名称:" prop="searchContent">
+        <el-input v-model="queryParams.searchContent" placeholder="请输入污水厂名称" clearable style="width: 180px" />
+      </el-form-item>
+      <el-form-item label="统计年份" prop="date">
+        <el-date-picker type="year" v-model="queryParams.date" value-format="YYYY" placeholder="请选择统计年份"></el-date-picker>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 表格 -->
+    <el-table :data="dataList" v-loading="loading" stripe :max-height="580">
+      <el-table-column type="index" width="55" label="序号" />
+      <el-table-column label="污水厂名称" prop="q" />
+      <el-table-column label="编码" prop="w" />
+      <el-table-column label="统计年份" prop="o" />
+      <el-table-column label="年度绩效指标" prop="p" />
+      <el-table-column label="累计处理水量(万t)" prop="e" />
+      <el-table-column label="进水BOD平均浓度(mg/L)" prop="r" />
+      <el-table-column label="BOD 削减量(g)" prop="t" />
+      <el-table-column label="城区用水人口(万人)" prop="y" />
+      <el-table-column label="人均日生活污染排放量(g/人·d)" prop="u" />
+      <el-table-column label="城市生活污水集中收集率(%)" prop="i" />
+      <el-table-column label="评价结论" prop="a" />
+      <el-table-column label="操作" width="240">
+        <template #default="scope">
+          <el-button link icon="View" type="primary" @click="handleDetail(scope.row, 'view')">查看</el-button>
+          <el-button link type="warning" icon="Edit" @click="handleUpdate(scope.row, 'view')">修改</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row, 'view')">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 新增弹窗 -->
+    <el-dialog :title="title" v-model="open" width="1100px" append-to-body :close-on-click-modal="false">
+      <el-form ref="roleRef" :model="form" :rules="rules" label-width="220px" :disabled="multiple">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="污水厂名称:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入污水厂名称" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="编码:" prop="w">
+              <el-input v-model="form.w" placeholder="请输入编码" clearable style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="累计处理水量(万t):" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入累计处理水量(万t)" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="进水BOD平均浓度(mg/L):" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入进水BOD平均浓度(mg/L)" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="BOD 削减量(g):" prop="lon">
+              <el-input-number v-model="form.lon" placeholder="请输入BOD 削减量(g)" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="城区用水人口(万人):" prop="lat">
+              <el-input-number v-model="form.lat" placeholder="请输入城区用水人口(万人)" style="width: 100%" controls-position="right" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="人均日生活污染排放量(g/人·d):" prop="lon">
+              <el-input-number
+                v-model="form.lon"
+                placeholder="请输入人均日生活污染排放量(g/人·d)"
+                style="width: 100%"
+                controls-position="right"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="城市生活污水集中收集率(%):" prop="lat">
+              <el-input-number
+                v-model="form.lat"
+                placeholder="请输入城市生活污水集中收集率(%)"
+                style="width: 100%"
+                controls-position="right"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="统计年份" prop="date">
+              <el-date-picker
+                type="year"
+                v-model="queryParams.date"
+                value-format="YYYY"
+                placeholder="请选择统计年份"
+                style="width: 100%"
+              ></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="年度绩效指标" prop="date">
+              <el-input type="textarea" v-model="form.lon" placeholder="请输入年度绩效指标" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="评价结论" prop="date">
+              <el-input type="textarea" v-model="form.lon" placeholder="请输入评价结论标" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
+<script setup name="UrbanDomesticSewage">
+const { proxy } = getCurrentInstance();
+const open = ref(false);
+const multiple = ref(false);
+const showSearch = ref(true);
+const Xcfrequency = ref([
+  {
+    value: 'tian',
+    label: '天',
+  },
+  {
+    value: 'zhou',
+    label: '周',
+  },
+]);
+const loading = ref(true);
+const total = ref(0);
+const title = ref('');
+const dataList = ref([]);
+const AllData = reactive({
+  id: '',
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    caseType: 1,
+    handleStatus: '',
+    searchContent: '',
+  },
+  rules: {
+    id: [{ required: true, message: '请输入', trigger: 'blur' }],
+    eventDescription: [{ required: true, message: '请输入', trigger: 'blur' }],
+  },
+});
+const { queryParams, form, rules } = toRefs(AllData);
+//搜索
+function handleQuery() {
+  getList();
+}
+//重置
+function resetQuery() {
+  proxy.resetForm('queryRef');
+  handleQuery();
+}
+// 新增
+function handleAdd() {
+  title.value = '新增城市生活污水集中收集率';
+  open.value = true;
+  form.value = {};
+  multiple.value = false;
+  form.value.fileTag = Xcfrequency.value[0].value;
+}
+// 新增中取消事件
+function cancel() {
+  open.value = false;
+  proxy.resetForm('roleRef');
+}
+
+// 巡查频率下拉框点击事件
+function changeStation(value) {
+  // console.log(value, 'value');
+}
+
+//查看详情操作
+function handleDetail(row) {
+  open.value = true;
+  title.value = '查看城市生活污水集中收集率';
+  multiple.value = true;
+  form.value = row;
+}
+// 修改按钮操作
+function handleUpdate(row) {
+  open.value = true;
+  title.value = '修改城市生活污水集中收集率';
+  multiple.value = false;
+  form.value = { ...row };
+}
+
+/** 查询列表 */
+const getList = async () => {
+  // loading.value = true;
+  loading.value = false;
+};
+
+onMounted(() => {
+  getList();
+});
+</script>
+<style scoped lang="scss">
+.dituclass {
+  width: 100%;
+  height: 300px;
+  // background: red;
+  margin-bottom: 10px;
+  border: 1px solid #004565;
+}
+</style>