From 93d401d88f497a0e7a741bb624005abe0c3e2d94 Mon Sep 17 00:00:00 2001
From: lzc <luo_zhaocong@163.com>
Date: Mon, 3 Mar 2025 14:51:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../component/annualPlans/index copy.vue      | 407 ++++++++
 .../component/annualPlans/index.vue           | 453 +++++----
 .../annualPlan/component/plantings/index.vue  |   3 +
 .../component/plantPlan/index copy.vue        | 663 +++++++++++++
 .../landManage/component/plantPlan/index.vue  | 885 +++++++++++-------
 5 files changed, 1880 insertions(+), 531 deletions(-)
 create mode 100644 sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index copy.vue
 create mode 100644 sub-government-affairs-service/src/views/landManage/component/plantPlan/index copy.vue

diff --git a/sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index copy.vue b/sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index copy.vue
new file mode 100644
index 0000000..647cd1e
--- /dev/null
+++ b/sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index copy.vue	
@@ -0,0 +1,407 @@
+<template>
+  <CustomCard>
+    <el-form ref="searchRef" :model="searchCondition">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="计划名称:" prop="planName">
+            <el-input v-model="searchCondition.planName" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="getList()">查询</el-button>
+          <el-button type="" @click="handleResetSearch">重置</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div class="options_btns">
+      <el-button v-for="(item, i) in btns" :key="'btns_' + i" type="primary" @click="item.method">
+        {{ item.label }}
+      </el-button>
+    </div>
+    <el-table :data="list">
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index"> </el-table-column>
+      <el-table-column label="计划编号" prop="id" show-overflow-tooltip />
+      <el-table-column label="计划名称" prop="planName" show-overflow-tooltip />
+      <el-table-column label="种植面积" prop="plantingArea" show-overflow-tooltip />
+      <el-table-column label="种植月份" prop="plantingMonths" show-overflow-tooltip />
+      <el-table-column label="生长周期" prop="growthCycle" show-overflow-tooltip />
+      <el-table-column label="备注" prop="note" show-overflow-tooltip />
+      <el-table-column label="计划进度" prop="planProgress" show-overflow-tooltip />
+      <el-table-column label="状态" prop="planStatus" show-overflow-tooltip>
+        <template #default="{ row }">
+          <el-tag v-if="row.planStatus == '1'" type="warning" size="small">待提交</el-tag>
+          <el-tag v-if="row.planStatus == '2'" type="primary" size="small">审核中</el-tag>
+          <el-tag v-if="row.planStatus == '3'" type="success" size="small">通过</el-tag>
+          <el-tag v-if="row.planStatus == '4'" type="danger" size="small">拒绝</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column fixed="right" label="操作" width="280" show-overflow-tooltip>
+        <template #default="{ row }">
+          <el-button type="primary" size="small" @click="doExam(row)">审核</el-button>
+          <el-button type="primary" size="small" @click="doEdit(row)">编辑</el-button>
+          <el-button type="primary" size="small" @click="doDetail(row)">详情</el-button>
+          <el-button type="danger" size="small" @click="doDel(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <Pagina :page-data="pageData" />
+    <el-dialog v-model="infoVisible" title="年度种植计划" width="1000" center>
+      <el-form ref="infoRef" :model="infoData" :rules="infoRules">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="计划名称:" prop="planName">
+              <el-input v-model="infoData.planName" placeholder="请输入" style="width: 240px"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="种植面积" prop="plantingArea">
+              <el-input-number v-model="infoData.plantingArea" :min="1" :max="10000">
+                <template #suffix>
+                  <span>亩</span>
+                </template>
+              </el-input-number>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="适宜种植月份" prop="plantingMonths">
+              <el-select v-model="infoData.plantingMonths" placeholder="请选择月份" style="width: 240px" :clearable="true" :multiple="true">
+                <el-option v-for="item in monthsOptions" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="生厂周期" prop="growthCycleVal">
+              <el-input-number v-model="infoData.growthCycleVal[0]" :min="1" :max="30">
+                <template #suffix>
+                  <span>周</span>
+                </template>
+              </el-input-number>
+              &nbsp; - &nbsp;
+              <el-input-number v-model="infoData.growthCycleVal[1]" :min="1" :max="30">
+                <template #suffix>
+                  <span>周</span>
+                </template>
+              </el-input-number>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="备注" prop="note">
+              <el-input v-model="infoData.note" type="textarea" placeholder="请输入备注" style="width: 240px"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="infoCancel">取消</el-button>
+          <el-button type="primary" @click="subMitInfo(infoRef)"> 确认 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog v-model="examVisible" title="审核计划" width="500" center>
+      <!-- <el-form ref="infoRef" :model="infoData" :rules="infoRules">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="备注" prop="note">
+              <el-input v-model="infoData.note" type="textarea" placeholder="请输入备注" style="width: 240px"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form> -->
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="danger" @click="examCancel">审核拒绝</el-button>
+          <el-button type="primary" @click="examPast"> 审核通过 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </CustomCard>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue';
+import Pagina from '@/components/pagina.vue';
+import CustomCard from '@/components/CustomCard.vue';
+import { getAnnualList, saveAnnual, editAnnual, examineAnnual, delAnnual, exportAnnua } from '@/apis/land.js';
+import { useApp } from '@/hooks';
+import { isEmpty, imageToBase64, getAssetsFile, downloadFile } from '@/utils';
+onMounted(() => {
+  getList();
+});
+
+/* --------------- data --------------- */
+// #region
+const app = useApp();
+const searchRef = ref();
+
+const searchCondition = reactive({
+  planName: '',
+});
+
+const pageData = reactive({
+  page: 1,
+  size: 10,
+  total: 0,
+});
+
+const infoVisible = ref(false);
+const infoRef = ref();
+const list = ref([]);
+
+const state = reactive({
+  loading: false,
+  query: {
+    current: 1,
+    size: 10,
+  },
+  pageData: {
+    total: 0,
+    currentPage: 1,
+    pageSize: 10,
+  },
+  data: [],
+  currentRow: {},
+});
+
+const btns = reactive([
+  {
+    label: '新增年度规划',
+    loading: false,
+    method: function () {
+      console.log('add');
+      infoVisible.value = true;
+    },
+  },
+  {
+    label: '导出',
+    disabled: true,
+    method: function () {
+      if (isEmpty(state.data)) {
+        app.$message.error('当前暂时没有可供导出的数据！');
+        return;
+      }
+      state.loading = true;
+      const fileName = '年度规划明细表';
+      exportAnnua(state.query)
+        .then((res) => {
+          if (res.status === 200) {
+            downloadFile(res.data, `${fileName}.xlsx`, 'blob');
+            app.$message.success('导出成功！');
+          }
+        })
+        .catch((err) => {
+          app.$message.error('导出失败！');
+        })
+        .finally(() => {
+          state.loading = false;
+        });
+    },
+  },
+]);
+let infoData = reactive({
+  planName: '',
+  plantingArea: 0,
+  plantingMonths: [],
+  growthCycle: '',
+  note: '',
+  growthCycleVal: [0, 0],
+});
+
+const infoRules = reactive({
+  planName: [{ required: true, message: '请输入计划名称', trigger: 'blur' }],
+  plantingArea: [{ required: true, message: '请输入种植面积', trigger: 'blur' }],
+  plantingMonths: [{ required: true, message: '请选择种植月份', trigger: 'blur' }],
+  growthCycleVal: [{ required: true, message: '请输入生长周期', trigger: 'blur' }],
+  note: [{ required: true, message: '请输入备注', trigger: 'blur' }],
+});
+const monthsOptions = reactive([
+  { label: '1月份', value: '1月' },
+  { label: '2月份', value: '2月' },
+  { label: '3月份', value: '3月' },
+  { label: '4月份', value: '4月' },
+  { label: '5月份', value: '5月' },
+  { label: '6月份', value: '6月' },
+  { label: '7月份', value: '7月' },
+  { label: '8月份', value: '8月' },
+  { label: '9月份', value: '9月' },
+  { label: '10月份', value: '10月' },
+  { label: '11月份', value: '11月' },
+  { label: '12月份', value: '12月' },
+]);
+
+const examVisible = ref(false);
+
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+
+async function getList() {
+  const params = { current: pageData.page, size: pageData.size };
+  let { code, data, msg } = await getAnnualList(params);
+  //console.log('res ---------', data);
+  list.value = data.records || [];
+  pageData.total = data.total;
+  state.data = data.records;
+  state.pageData = {
+    currentPage: data.current || 1,
+    pageSize: data.size || 10,
+    total: data.total,
+  };
+}
+
+function handleResetSearch() {
+  searchRef.value && searchRef.value.resetFields();
+  getList();
+}
+function doEdit(row) {
+  infoVisible.value = true;
+  // eslint-disable-next-line no-const-assign
+
+  infoData = reactive({
+    ...row,
+    plantingMonths: row.plantingMonths.split(','),
+    growthCycleVal: row.growthCycle.split(',').map((m) => {
+      return Number(m.replace(/[^0-9]/gi, ''));
+    }),
+  });
+}
+
+function doDel(row) {
+  // console.info('删除');
+  app
+    .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    .then(() => {
+      // delAnnual({ ids: ids.join(',') })
+      //   .then((res) => {
+      //     if (res.code === 200) {
+      //       app.$message.success('删除成功！');
+      //       getList();
+      //     }
+      //   })
+      //   .catch((err) => {
+      //     app.$message.error(err.msg);
+      //   });
+    })
+    .catch(() => {});
+}
+
+const doExam = (row) => {
+  examVisible.value = true;
+  infoData = reactive({
+    ...row,
+    plantingMonths: row.plantingMonths.split(','),
+    growthCycleVal: row.growthCycle.split(',').map((m) => {
+      return Number(m.replace(/[^0-9]/gi, ''));
+    }),
+  });
+};
+
+const subMitInfo = (formEl) => {
+  if (!formEl) return;
+  formEl.validate((valid) => {
+    if (valid) {
+      let parmer = {
+        ...infoData,
+        plantingMonths: infoData.plantingMonths.toString(),
+        growthCycle: infoData.growthCycleVal[0] + '周' + ',' + infoData.growthCycleVal[1] + '周',
+      };
+
+      parmer.growthCycleVal && delete parmer.growthCycleVal;
+      console.info('新增年度规划参数', parmer);
+      if (parmer.id) {
+        editAnnual(parmer)
+          .then((res) => {
+            if (res.code === 200) {
+              app.$message.success('编辑成功！');
+              getList();
+              infoHide();
+            }
+          })
+          .catch((err) => {
+            app.$message.error(err.msg);
+          })
+          .finally(() => {});
+      } else {
+        saveAnnual(parmer)
+          .then((res) => {
+            if (res.code === 200) {
+              app.$message.success('添加成功！');
+              getList();
+              infoHide();
+            }
+          })
+          .catch((err) => {
+            app.$message.error(err.msg);
+          })
+          .finally(() => {});
+      }
+    } else {
+      console.log('error submit!');
+    }
+  });
+};
+
+const infoCancel = () => {
+  infoHide();
+};
+
+const infoHide = () => {
+  infoRef.value && infoRef.value.resetFields();
+  infoVisible.value = false;
+};
+
+const examCancel = () => {
+  console.log('审核不通过');
+  examVisible.value = true;
+  toDoexam(infoData.id, '4', '审核不通过');
+};
+
+const examPast = (row) => {
+  console.log('审核通过');
+  toDoexam(infoData.id, '3', '审核通过');
+};
+
+const toDoexam = (id, status, tips) => {
+  app
+    .$confirm(`确定` + tips + `吗？`, '温馨提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    .then(() => {
+      examineAnnual({ id: id, planStatus: status })
+        .then((res) => {
+          if (res.code === 200) {
+            app.$message.success('审核提交成功！');
+            getList();
+            examHide();
+          }
+        })
+        .catch((err) => {
+          app.$message.error(err.msg);
+        })
+        .finally(() => {});
+    })
+    .catch(() => {});
+};
+
+const examHide = () => {
+  examVisible.value = false;
+};
+
+// #endregion
+</script>
+
+<style lang="scss" scoped>
+.container {
+  border-radius: 4px;
+  background-color: #ffffff;
+}
+</style>
diff --git a/sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index.vue b/sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index.vue
index 647cd1e..8aa830d 100644
--- a/sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index.vue
+++ b/sub-government-affairs-service/src/views/annualPlan/component/annualPlans/index.vue
@@ -1,51 +1,40 @@
 <template>
-  <CustomCard>
-    <el-form ref="searchRef" :model="searchCondition">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-form-item label="计划名称:" prop="planName">
-            <el-input v-model="searchCondition.planName" placeholder="请输入"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-button type="primary" @click="getList()">查询</el-button>
-          <el-button type="" @click="handleResetSearch">重置</el-button>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div class="options_btns">
-      <el-button v-for="(item, i) in btns" :key="'btns_' + i" type="primary" @click="item.method">
-        {{ item.label }}
-      </el-button>
-    </div>
-    <el-table :data="list">
-      <el-table-column type="selection" width="55" />
-      <el-table-column type="index"> </el-table-column>
-      <el-table-column label="计划编号" prop="id" show-overflow-tooltip />
-      <el-table-column label="计划名称" prop="planName" show-overflow-tooltip />
-      <el-table-column label="种植面积" prop="plantingArea" show-overflow-tooltip />
-      <el-table-column label="种植月份" prop="plantingMonths" show-overflow-tooltip />
-      <el-table-column label="生长周期" prop="growthCycle" show-overflow-tooltip />
-      <el-table-column label="备注" prop="note" show-overflow-tooltip />
-      <el-table-column label="计划进度" prop="planProgress" show-overflow-tooltip />
-      <el-table-column label="状态" prop="planStatus" show-overflow-tooltip>
-        <template #default="{ row }">
-          <el-tag v-if="row.planStatus == '1'" type="warning" size="small">待提交</el-tag>
-          <el-tag v-if="row.planStatus == '2'" type="primary" size="small">审核中</el-tag>
-          <el-tag v-if="row.planStatus == '3'" type="success" size="small">通过</el-tag>
-          <el-tag v-if="row.planStatus == '4'" type="danger" size="small">拒绝</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column fixed="right" label="操作" width="280" show-overflow-tooltip>
-        <template #default="{ row }">
-          <el-button type="primary" size="small" @click="doExam(row)">审核</el-button>
-          <el-button type="primary" size="small" @click="doEdit(row)">编辑</el-button>
-          <el-button type="primary" size="small" @click="doDetail(row)">详情</el-button>
-          <el-button type="danger" size="small" @click="doDel(row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <Pagina :page-data="pageData" />
+  <div class="custom-page">
+    <avue-crud
+      ref="crudRef"
+      v-model="state.form"
+      v-model:search="state.query"
+      v-model:page="state.pageData"
+      :table-loading="state.loading"
+      :data="state.data"
+      :option="state.options"
+      @refresh-change="refreshChange"
+      @search-reset="searchChange"
+      @search-change="searchChange"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @row-save="rowSave"
+      @row-update="rowUpdate"
+      @row-del="rowDel"
+    >
+      <template #menu-left>
+        <el-button type="primary" icon="Plus" @click="onAdd">新增</el-button>
+        <el-button type="success" icon="download" @click="onExport">导出</el-button>
+      </template>
+
+      <template #planStatus="{ row }">
+        <el-tag v-if="row.planStatus == '1'" type="warning" size="small">待提交</el-tag>
+        <el-tag v-if="row.planStatus == '2'" type="primary" size="small">审核中</el-tag>
+        <el-tag v-if="row.planStatus == '3'" type="success" size="small">通过</el-tag>
+        <el-tag v-if="row.planStatus == '4'" type="danger" size="small">拒绝</el-tag>
+      </template>
+
+      <template #menu="scope">
+        <custom-table-operate :actions="state.options.actions" :data="scope" />
+      </template>
+    </avue-crud>
+
     <el-dialog v-model="infoVisible" title="年度种植计划" width="1000" center>
       <el-form ref="infoRef" :model="infoData" :rules="infoRules">
         <el-row :gutter="20">
@@ -71,7 +60,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="生厂周期" prop="growthCycleVal">
+            <el-form-item label="生长周期" prop="growthCycleVal">
               <el-input-number v-model="infoData.growthCycleVal[0]" :min="1" :max="30">
                 <template #suffix>
                   <span>周</span>
@@ -117,89 +106,63 @@
         </div>
       </template>
     </el-dialog>
-  </CustomCard>
+
+    <el-dialog v-model="detailVisible" title="年度计划详情" width="800" center>
+      <el-descriptions :title="currentRow.planName || ''">
+        <el-descriptions-item label="计划编号">{{ currentRow.id || '--' }}</el-descriptions-item>
+        <el-descriptions-item label="计划名称">{{ currentRow.planName || '--' }}</el-descriptions-item>
+        <el-descriptions-item label="种植面积">{{ currentRow.plantingArea || '--' }}</el-descriptions-item>
+        <el-descriptions-item label="种植月份">{{ currentRow.plantingMonths || '--' }}</el-descriptions-item>
+        <el-descriptions-item label="生长周期">{{ currentRow.growthCycle || '--' }}</el-descriptions-item>
+        <el-descriptions-item label="备注">{{ currentRow.note || '--' }}</el-descriptions-item>
+        <el-descriptions-item label="计划进度">{{ currentRow.planProgress || '--' }}</el-descriptions-item>
+        <el-descriptions-item label="状态">
+          <el-tag v-if="currentRow.planStatus == '1'" type="warning" size="small">待提交</el-tag>
+          <el-tag v-if="currentRow.planStatus == '2'" type="primary" size="small">审核中</el-tag>
+          <el-tag v-if="currentRow.planStatus == '3'" type="success" size="small">通过</el-tag>
+          <el-tag v-if="currentRow.planStatus == '4'" type="danger" size="small">拒绝</el-tag>
+        </el-descriptions-item>
+      </el-descriptions>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="toBack"> 返回 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
 </template>
-
 <script setup>
-import { ref, reactive, onMounted } from 'vue';
-import Pagina from '@/components/pagina.vue';
-import CustomCard from '@/components/CustomCard.vue';
-import { getAnnualList, saveAnnual, editAnnual, examineAnnual, delAnnual, exportAnnua } from '@/apis/land.js';
+import { reactive, ref } from 'vue';
 import { useApp } from '@/hooks';
-import { isEmpty, imageToBase64, getAssetsFile, downloadFile } from '@/utils';
-onMounted(() => {
-  getList();
-});
+import { CRUD_OPTIONS } from '@/config';
+import { isEmpty, downloadFile } from '@/utils';
+import { useUserStore } from '@/store/modules/user';
+import { compact } from 'lodash';
+import { GetEntityList, AddEntity, UpdateEntity, DeleteEntity, ExportEntity } from '@/apis/grid';
+import { getAnnualList, saveAnnual, editAnnual, examineAnnual, delAnnual, exportAnnua } from '@/apis/land.js';
 
-/* --------------- data --------------- */
-// #region
+const { VITE_APP_BASE_API } = import.meta.env;
 const app = useApp();
-const searchRef = ref();
-
-const searchCondition = reactive({
-  planName: '',
-});
-
-const pageData = reactive({
-  page: 1,
-  size: 10,
-  total: 0,
-});
+const UserStore = useUserStore();
+const crudRef = ref(null);
 
 const infoVisible = ref(false);
 const infoRef = ref();
-const list = ref([]);
-
-const state = reactive({
-  loading: false,
-  query: {
-    current: 1,
-    size: 10,
-  },
-  pageData: {
-    total: 0,
-    currentPage: 1,
-    pageSize: 10,
-  },
-  data: [],
-  currentRow: {},
-});
-
-const btns = reactive([
-  {
-    label: '新增年度规划',
-    loading: false,
-    method: function () {
-      console.log('add');
-      infoVisible.value = true;
-    },
-  },
-  {
-    label: '导出',
-    disabled: true,
-    method: function () {
-      if (isEmpty(state.data)) {
-        app.$message.error('当前暂时没有可供导出的数据！');
-        return;
-      }
-      state.loading = true;
-      const fileName = '年度规划明细表';
-      exportAnnua(state.query)
-        .then((res) => {
-          if (res.status === 200) {
-            downloadFile(res.data, `${fileName}.xlsx`, 'blob');
-            app.$message.success('导出成功！');
-          }
-        })
-        .catch((err) => {
-          app.$message.error('导出失败！');
-        })
-        .finally(() => {
-          state.loading = false;
-        });
-    },
-  },
+const monthsOptions = reactive([
+  { label: '1月份', value: '1月' },
+  { label: '2月份', value: '2月' },
+  { label: '3月份', value: '3月' },
+  { label: '4月份', value: '4月' },
+  { label: '5月份', value: '5月' },
+  { label: '6月份', value: '6月' },
+  { label: '7月份', value: '7月' },
+  { label: '8月份', value: '8月' },
+  { label: '9月份', value: '9月' },
+  { label: '10月份', value: '10月' },
+  { label: '11月份', value: '11月' },
+  { label: '12月份', value: '12月' },
 ]);
+
 let infoData = reactive({
   planName: '',
   plantingArea: 0,
@@ -216,50 +179,145 @@ const infoRules = reactive({
   growthCycleVal: [{ required: true, message: '请输入生长周期', trigger: 'blur' }],
   note: [{ required: true, message: '请输入备注', trigger: 'blur' }],
 });
-const monthsOptions = reactive([
-  { label: '1月份', value: '1月' },
-  { label: '2月份', value: '2月' },
-  { label: '3月份', value: '3月' },
-  { label: '4月份', value: '4月' },
-  { label: '5月份', value: '5月' },
-  { label: '6月份', value: '6月' },
-  { label: '7月份', value: '7月' },
-  { label: '8月份', value: '8月' },
-  { label: '9月份', value: '9月' },
-  { label: '10月份', value: '10月' },
-  { label: '11月份', value: '11月' },
-  { label: '12月份', value: '12月' },
-]);
 
 const examVisible = ref(false);
+const detailVisible = ref(false);
+let currentRow = reactive({});
 
-// #endregion
+const state = reactive({
+  loading: false,
+  query: {
+    current: 1,
+    size: 10,
+  },
+  form: {},
+  selection: [],
+  options: {
+    ...CRUD_OPTIONS,
+    addBtnText: '',
+    addBtn: false,
+    column: [
+      { label: '计划编号', prop: 'id', width: '200px', showOverflowTooltip: true },
+      { label: '计划名称', prop: 'planName', width: '200px', showOverflowTooltip: true, search: true },
+      { label: '种植面积', prop: 'plantingArea' },
+      { label: '种植月份', prop: 'plantingMonths', width: '120px' },
+      { label: '生长周期', prop: 'growthCycle', width: '120px' },
+      { label: '备注', prop: 'note', width: '180px', showOverflowTooltip: true },
+      { label: '计划进度', prop: 'planProgress' },
+      { label: '状态', prop: 'planStatus' },
+    ],
+    actions: [
+      {
+        name: '审核',
+        icon: 'Stamp',
+        event: ({ row }) => doExam(row),
+      },
+      {
+        name: '编辑',
+        icon: 'edit',
+        event: ({ row }) => rowEdit(row),
+      },
+      {
+        name: '详情',
+        icon: 'List',
+        event: ({ row }) => doDetail(row),
+      },
+      {
+        type: 'danger',
+        name: '删除',
+        icon: 'delete',
+        event: ({ row }) => rowDel(row),
+      },
+    ],
+  },
+  pageData: {
+    total: 0,
+    currentPage: 1,
+    pageSize: 10,
+  },
+  data: [],
+  currentRow: {},
+});
 
-/* --------------- methods --------------- */
-// #region
+// 加载
+const loadData = () => {
+  state.loading = true;
+  getAnnualList(state.query)
+    .then((res) => {
+      if (res.code === 200) {
+        const { current, size, total, records } = res.data;
+        state.data = records;
+        state.pageData = {
+          currentPage: current || 1,
+          pageSize: size || 10,
+          total: total,
+        };
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+      state.data = [];
+    })
+    .finally(() => {
+      state.loading = false;
+    });
+};
 
-async function getList() {
-  const params = { current: pageData.page, size: pageData.size };
-  let { code, data, msg } = await getAnnualList(params);
-  //console.log('res ---------', data);
-  list.value = data.records || [];
-  pageData.total = data.total;
-  state.data = data.records;
-  state.pageData = {
-    currentPage: data.current || 1,
-    pageSize: data.size || 10,
-    total: data.total,
-  };
-}
+loadData();
 
-function handleResetSearch() {
-  searchRef.value && searchRef.value.resetFields();
-  getList();
-}
-function doEdit(row) {
+// 页数
+const currentChange = (current) => {
+  state.query.current = current;
+  loadData();
+};
+
+// 条数
+const sizeChange = (size) => {
+  state.query.size = size;
+  loadData();
+};
+
+// 搜索
+const searchChange = (params, done) => {
+  if (done) done();
+  state.query = params;
+  state.query.current = 1;
+  loadData();
+};
+
+// 刷新
+const refreshChange = () => {
+  loadData();
+  app.$message.success('刷新成功');
+};
+
+// 选择
+const selectionChange = (rows) => {
+  state.selection = rows;
+};
+
+const setCity = (row) => {
+  if (!isEmpty(row.cities)) {
+    row.provinceCode = row?.cities[0] ?? null;
+    row.cityCode = row?.cities[1] ?? null;
+    row.gridAreaCode = row?.cities[2] ?? null;
+    row.townCode = row?.cities[3] ?? null;
+    row.village = row?.cities[3] ?? null;
+  }
+};
+
+const onAdd = () => {
   infoVisible.value = true;
-  // eslint-disable-next-line no-const-assign
+};
+// 新增
+const rowSave = (row, done, loading) => {
+  console.info('新增');
+};
 
+// 编辑
+const rowEdit = (row) => {
+  console.info('编辑');
+  // crudRef.value.rowEdit(row);
   infoData = reactive({
     ...row,
     plantingMonths: row.plantingMonths.split(','),
@@ -267,10 +325,30 @@ function doEdit(row) {
       return Number(m.replace(/[^0-9]/gi, ''));
     }),
   });
-}
+  infoVisible.value = true;
+};
 
-function doDel(row) {
-  // console.info('删除');
+const rowUpdate = (row, index, done, loading) => {
+  console.info('更新');
+  // UpdateEntity(row)
+  //   .then((res) => {
+  //     if (res.code === 200) {
+  //       app.$message.success('更新成功！');
+  //       done();
+  //       loadData();
+  //     }
+  //   })
+  //   .catch((err) => {
+  //     app.$message.error(err.msg);
+  //   })
+  //   .finally(() => {
+  //     loading();
+  //   });
+};
+
+// 删除
+const rowDel = (row, index, done) => {
+  if (isEmpty(row)) return;
   app
     .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
       confirmButtonText: '确定',
@@ -278,11 +356,13 @@ function doDel(row) {
       type: 'warning',
     })
     .then(() => {
-      // delAnnual({ ids: ids.join(',') })
+      console.info('删除');
+      // delAnnual({ id: row.id })
       //   .then((res) => {
       //     if (res.code === 200) {
       //       app.$message.success('删除成功！');
-      //       getList();
+      //       done();
+      //       loadData();
       //     }
       //   })
       //   .catch((err) => {
@@ -290,7 +370,30 @@ function doDel(row) {
       //   });
     })
     .catch(() => {});
-}
+};
+
+// 导出
+const onExport = () => {
+  if (isEmpty(state.data)) {
+    app.$message.error('当前暂时没有可供导出的数据！');
+    return;
+  }
+  state.loading = true;
+  const fileName = '年度计划明细表';
+  exportAnnua(state.query)
+    .then((res) => {
+      if (res.status === 200) {
+        downloadFile(res.data, `${fileName}.xlsx`, 'blob');
+        app.$message.success('导出成功！');
+      }
+    })
+    .catch((err) => {
+      app.$message.error('导出失败！');
+    })
+    .finally(() => {
+      state.loading = false;
+    });
+};
 
 const doExam = (row) => {
   examVisible.value = true;
@@ -303,6 +406,10 @@ const doExam = (row) => {
   });
 };
 
+const doDetail = (row) => {
+  detailVisible.value = true;
+  currentRow = reactive({ ...row });
+};
 const subMitInfo = (formEl) => {
   if (!formEl) return;
   formEl.validate((valid) => {
@@ -314,13 +421,12 @@ const subMitInfo = (formEl) => {
       };
 
       parmer.growthCycleVal && delete parmer.growthCycleVal;
-      console.info('新增年度规划参数', parmer);
       if (parmer.id) {
         editAnnual(parmer)
           .then((res) => {
             if (res.code === 200) {
               app.$message.success('编辑成功！');
-              getList();
+              loadData();
               infoHide();
             }
           })
@@ -333,7 +439,7 @@ const subMitInfo = (formEl) => {
           .then((res) => {
             if (res.code === 200) {
               app.$message.success('添加成功！');
-              getList();
+              loadData();
               infoHide();
             }
           })
@@ -380,7 +486,7 @@ const toDoexam = (id, status, tips) => {
         .then((res) => {
           if (res.code === 200) {
             app.$message.success('审核提交成功！');
-            getList();
+            loadData();
             examHide();
           }
         })
@@ -396,12 +502,7 @@ const examHide = () => {
   examVisible.value = false;
 };
 
-// #endregion
+const toBack = () => {
+  detailVisible.value = false;
+};
 </script>
-
-<style lang="scss" scoped>
-.container {
-  border-radius: 4px;
-  background-color: #ffffff;
-}
-</style>
diff --git a/sub-government-affairs-service/src/views/annualPlan/component/plantings/index.vue b/sub-government-affairs-service/src/views/annualPlan/component/plantings/index.vue
index e69de29..73201b1 100644
--- a/sub-government-affairs-service/src/views/annualPlan/component/plantings/index.vue
+++ b/sub-government-affairs-service/src/views/annualPlan/component/plantings/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>网格种植进度</div>
+</template>
diff --git a/sub-government-affairs-service/src/views/landManage/component/plantPlan/index copy.vue b/sub-government-affairs-service/src/views/landManage/component/plantPlan/index copy.vue
new file mode 100644
index 0000000..ee4db7a
--- /dev/null
+++ b/sub-government-affairs-service/src/views/landManage/component/plantPlan/index copy.vue	
@@ -0,0 +1,663 @@
+<!-- eslint-disCustomCardnst-assign -->
+<template>
+  <CustomCard>
+    <el-form ref="searchRef" :model="searchCondition">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="地块名:" prop="landName">
+            <el-input v-model="searchCondition.landName" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="种植产物" prop="crop">
+            <el-input v-model="searchCondition.crop" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="产权人" prop="owner">
+            <el-input v-model="searchCondition.owner" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="getList()">查询</el-button>
+          <el-button type="" @click="handleResetSearch">重置</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div class="options_btns">
+      <el-button v-for="(item, i) in btns" :key="'btns_' + i" type="primary" :loading="item.loading" @click="item.method">
+        {{ item.label }}
+      </el-button>
+    </div>
+    <el-table :data="list" @selection-change="selectionChange" @row-click="rowClick">
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index"> </el-table-column>
+      <el-table-column label="地块名" prop="landName" width="240" show-overflow-tooltip />
+      <el-table-column label="地址" prop="address" show-overflow-tooltip />
+      <el-table-column label="产权人" prop="owner" show-overflow-tooltip />
+      <el-table-column label="农用地分类" prop="landClassificationType" width="120" show-overflow-tooltip>
+        <template #default="{ row }">
+          <el-tag type="primary" :hit="true" size="small" effect="plain">{{ landClassificationType[row.landClassificationType] }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="面积" prop="area" show-overflow-tooltip />
+      <el-table-column label="坐标" prop="coordinate" show-overflow-tooltip />
+      <el-table-column label="土壤类型" prop="soilType" show-overflow-tooltip />
+      <el-table-column label="种植产物" prop="crop" show-overflow-tooltip />
+      <el-table-column label="种子供应商" prop="seedSupplier" show-overflow-tooltip />
+      <el-table-column label="年度计划" prop="planName" show-overflow-tooltip />
+      <el-table-column label="种植日期" prop="planDate" show-overflow-tooltip />
+      <el-table-column fixed="right" label="操作" width="160" show-overflow-tooltip>
+        <template #default="{ row }">
+          <el-button type="primary" size="small" @click="doEdit(row)">编辑</el-button>
+          <el-button type="danger" size="small" @click="doDel(row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <Pagina :page-data="pageData" @page-change="pageChange" />
+    <el-dialog v-model="infoVisible" title="种植规划" width="1000" center>
+      <el-form ref="infoRef" :model="infoData" :rules="infoRules">
+        <el-row :gutter="20">
+          <!--<el-col :span="12">
+            <el-form-item label="地块:" prop="landId">
+              <CustomSelect
+                v-model:value="infoData.landId"
+                :set="{
+                  url: 'land-resource/landManage/page',
+                  props: {
+                    value: 'id',
+                    label: 'landName',
+                  },
+                }"
+                placeholder="请选择地块"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="面积" prop="gridName">
+              <el-input v-model="infoData.gridName" placeholder="请输入面积" style="width: 240px"></el-input>
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="12">
+            <el-form-item label="种植产物" prop="crop">
+              <el-input v-model="infoData.crop" placeholder="请输入种植产物" style="width: 240px"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="种植日期" prop="planDate">
+              <el-date-picker
+                v-model="infoData.planDate"
+                type="date"
+                placeholder="请选择种植日期"
+                :disabled-date="disabledDate"
+                format="YYYY/MM/DD"
+                value-format="YYYY/MM/DD"
+                :size="size"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="种子供应商" prop="seedSupplier">
+              <el-input v-model="infoData.seedSupplier" placeholder="请输入种子供应商" style="width: 240px"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="年度计划" prop="planId">
+              <CustomSelect
+                v-model:value="infoData.planId"
+                :set="{
+                  url: 'land-resource/annualManage/page',
+                  props: {
+                    value: 'id',
+                    label: 'planName',
+                  },
+                }"
+                placeholder="请选择种植计划"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="infoCancel">取消</el-button>
+          <el-button type="primary" @click="subMitInfo(infoRef)"> 确认 </el-button>
+        </div>
+      </template>
+    </el-dialog>
+    <div>
+      <el-text class="mx-1" size="large">种植阶段详情</el-text>
+      <div style="margin-top: 16px">
+        <el-form ref="stageRef" :model="stageInfo">
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-button type="primary" @click="addSub">新增</el-button>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="所属阶段" prop="gridName">
+                <el-select v-model="stageInfo.stage" placeholder="请选择所属阶段" style="width: 240px" :clearable="true">
+                  <el-option v-for="item in stageOptions" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-button type="primary" @click="handleSearchStage">查询</el-button>
+              <el-button type="" @click="handleResetStage">重置</el-button>
+            </el-col>
+          </el-row>
+        </el-form>
+        <el-table :data="sublist">
+          <el-table-column type="index"> </el-table-column>
+          <el-table-column label="所属阶段" prop="stage">
+            <template #default="{ row }">
+              <el-tag size="small">{{ stageObj[row.stage] }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="作业计划" prop="operationType" show-overflow-tooltip />
+          <el-table-column label="作业时间" prop="operationDate" show-overflow-tooltip />
+          <el-table-column label="结束时间" prop="createTime" show-overflow-tooltip />
+          <el-table-column fixed="right" label="操作" width="200" show-overflow-tooltip>
+            <template #default="{ row }">
+              <el-button type="primary" size="small" @click="doSubEdit(row)">编辑</el-button>
+              <el-button type="danger" size="small" @click="doSubDel(row)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <Pagina :page-data="subPageData" />
+        <el-dialog v-model="stageInfoVisible" title="种植阶段" width="800" center>
+          <el-form ref="stageInfoRef" :model="stageInfoData" :rules="stageInfoRules">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="地块:" prop="landName">
+                  <el-input v-model="stageInfoData.landName" placeholder="请输入地块" style="width: 240px" :disabled="true"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="种植产物" prop="crop">
+                  <el-input v-model="stageInfoData.crop" placeholder="请输入种植产物" style="width: 240px" :disabled="true"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="种植阶段" prop="stage">
+                  <CustomSelect
+                    v-model:value="stageInfoData.stage"
+                    :set="{
+                      url: '',
+                      options: stageOptions,
+                      props: {
+                        value: 'value',
+                        label: 'label',
+                      },
+                    }"
+                    placeholder="请选择种植阶段"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="作业计划" prop="workId">
+                  <CustomSelect
+                    v-model:value="stageInfoData.workId"
+                    :set="{
+                      url: '',
+                      options: workOptions,
+                      props: {
+                        value: 'id',
+                        label: 'planName',
+                      },
+                    }"
+                    placeholder="请选择作业计划"
+                  />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <template #footer>
+            <div class="dialog-footer">
+              <el-button @click="infoCancel">取消</el-button>
+              <el-button type="primary" @click="subMitStateInfo(stageInfoRef)"> 确认 </el-button>
+            </div>
+          </template>
+        </el-dialog>
+      </div>
+    </div>
+  </CustomCard>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue';
+import Pagina from '@/components/pagina.vue';
+import {
+  getPlanList,
+  savePlan,
+  exportPlan,
+  editAlan,
+  delPlan,
+  getPlantingStage,
+  savePlantingStage,
+  editPlantingStage,
+  delPlantingStage,
+} from '@/apis/land.js';
+import CustomCard from '@/components/CustomCard.vue';
+import { useApp } from '@/hooks';
+import CustomSelect from '@/components/CustomSelect.vue';
+import { isEmpty, imageToBase64, getAssetsFile, downloadFile } from '@/utils';
+onMounted(() => {
+  getList();
+});
+
+/* --------------- data --------------- */
+// #region
+const app = useApp();
+const searchRef = ref();
+
+const searchCondition = reactive({
+  landName: '',
+  owner: '',
+  crop: '',
+});
+
+const pageData = reactive({
+  page: 1,
+  size: 10,
+  total: 0,
+});
+const landClassificationType = reactive({
+  0: '耕地',
+  1: '果园',
+  2: '茶园',
+  3: '其他园地',
+  4: '林地',
+  5: '草地',
+  6: '其他农用地',
+  7: '农村宅基地',
+});
+
+let selectIds = ref('');
+const infoVisible = ref(false);
+const infoRef = ref();
+const list = ref([]);
+const state = reactive({
+  loading: false,
+  query: {
+    current: 1,
+    size: 10,
+  },
+  pageData: {
+    total: 0,
+    currentPage: 1,
+    pageSize: 10,
+  },
+  data: [],
+  currentRow: {},
+});
+const btns = reactive([
+  {
+    label: '新增种植规划',
+    loading: false,
+    method: function () {
+      console.log('add');
+      if (selectIds.value.length <= 0) {
+        app.$message.error('请先选择地块');
+        return;
+      }
+      infoVisible.value = true;
+    },
+  },
+  {
+    label: '导入',
+    disabled: false,
+    loading: false,
+    method: function () {
+      console.log('import');
+    },
+  },
+  {
+    label: '导出',
+    disabled: true,
+    loading: state.loading,
+    method: function () {
+      if (isEmpty(state.data)) {
+        app.$message.error('当前暂时没有可供导出的数据！');
+        return;
+      }
+      state.loading = true;
+      const fileName = '种植计划明细表';
+      exportPlan(state.query)
+        .then((res) => {
+          if (res.status === 200) {
+            downloadFile(res.data, `${fileName}.xlsx`, 'blob');
+            app.$message.success('导出成功！');
+          }
+        })
+        .catch((err) => {
+          app.$message.error('导出失败！');
+        })
+        .finally(() => {
+          state.loading = false;
+        });
+    },
+  },
+]);
+
+let infoData = reactive({
+  landId: [], //土地主键id
+  planId: '', //种植规划主键id
+  crop: '', //种植产物
+  seedSupplier: '', //供应商
+  planDate: '', //种植时间
+});
+
+const infoRules = reactive({
+  crop: [{ required: true, message: '请输入种植产物', trigger: 'blur' }],
+  planId: [{ required: true, message: '请选择种植计划', trigger: 'blur' }],
+  seedSupplier: [{ required: true, message: '请输入供应商', trigger: 'blur' }],
+  planDate: [{ required: true, message: '请选择种植时间', trigger: 'blur' }],
+});
+const workOptions = reactive([
+  { value: '作业计划1', label: 'Option1' },
+  { value: '作业计划2', label: 'Option2' },
+]);
+
+const subPageData = reactive({
+  page: 1,
+  size: 10,
+  total: 0,
+});
+const sublist = ref([]);
+const stageInfo = reactive({
+  stage: '',
+});
+const stageRef = ref();
+const stageOptions = reactive([
+  { value: '0', label: '苗期' },
+  { value: '1', label: '花果期' },
+  { value: '2', label: '采收期' },
+]);
+
+let currentRow = reactive({});
+const stageObj = reactive({
+  0: '苗期',
+  1: '花果期',
+  2: '采收期',
+});
+
+let stageInfoVisible = ref(false);
+const stageInfoRef = ref();
+let stageInfoData = reactive({
+  landId: '', //土地主键id
+  planId: '', //种植规划主键id
+  crop: '', //种植产物
+  stage: '', //所属阶段
+  workId: '', //作业计划Id
+  landName: '', //地块
+});
+
+const stageInfoRules = reactive({
+  stage: [{ required: true, message: '请选择所属阶段', trigger: 'blur' }],
+  workId: [{ required: true, message: '请选择作业计划', trigger: 'blur' }],
+});
+
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+
+async function getList() {
+  const params = { current: pageData.page, size: pageData.size, ...searchCondition };
+  let { code, data, msg } = await getPlanList(params);
+  //console.log('res ---------', data);
+  list.value = data.records || [];
+  pageData.total = data.total;
+  state.data = data.records;
+  state.pageData = {
+    currentPage: data.current || 1,
+    pageSize: data.size || 10,
+    total: data.total,
+  };
+}
+
+function handleResetSearch() {
+  searchRef.value && searchRef.value.resetFields();
+  getList();
+}
+
+const selectionChange = (data) => {
+  let datalist = data.map((m) => {
+    return { landId: m.landId, landName: m.landName };
+  });
+
+  let selectIdlist = uniqueObjects(datalist, 'landId');
+  let selectIdsVal = selectIdlist.map((n) => {
+    return n.landId;
+  });
+
+  selectIds.value = selectIdsVal.toString();
+  console.info('selectionChange', selectIds.value);
+};
+
+const pageChange = (data) => {
+  console.info('pageChange', data);
+  pageData.page = data;
+  getList();
+};
+
+function uniqueObjects(arr, key) {
+  return arr.reduce((acc, current) => {
+    const duplicate = acc.find((element) => element[key] === current[key]);
+    if (!duplicate) {
+      acc.push(current);
+    }
+    return acc;
+  }, []);
+}
+
+function doEdit(row) {
+  infoVisible.value = true;
+  infoData = reactive({
+    ...row,
+  });
+  console.info('编辑', infoData);
+}
+
+function doDel(row) {
+  console.info('删除');
+  app
+    .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    .then(() => {
+      delPlan({ id: row.id })
+        .then((res) => {
+          if (res.code === 200) {
+            app.$message.success('删除成功！');
+            getList();
+          }
+        })
+        .catch((err) => {
+          app.$message.error(err.msg);
+        });
+    })
+    .catch(() => {});
+}
+
+const subMitInfo = (formEl) => {
+  if (!formEl) return;
+  formEl.validate((valid) => {
+    if (valid) {
+      let parmer = {
+        ...infoData,
+        landId: selectIds.value || '',
+      };
+
+      console.info('新增种植计划', parmer);
+
+      if (parmer.id) {
+        editAlan(parmer)
+          .then((res) => {
+            if (res.code === 200) {
+              app.$message.success('编辑成功！');
+              getList();
+              infoHide();
+            }
+          })
+          .catch((err) => {
+            app.$message.error(err.msg);
+          })
+          .finally(() => {});
+      } else {
+        savePlan(parmer)
+          .then((res) => {
+            if (res.code === 200) {
+              getList();
+              infoHide();
+              app.$message.success('添加成功！');
+            }
+          })
+          .catch((err) => {
+            app.$message.error(err.msg);
+          })
+          .finally(() => {});
+      }
+    } else {
+      console.log('error submit!');
+    }
+  });
+};
+
+const infoCancel = () => {
+  infoHide();
+};
+
+const infoHide = () => {
+  infoVisible.value = false;
+};
+
+const addSub = () => {
+  console.log('新增阶段');
+  if (!currentRow.id) {
+    app.$message.error('请选择种植规划');
+    return;
+  }
+  stageInfoData.landName = currentRow.landName || '';
+  stageInfoData.crop = currentRow.crop || '';
+  stageInfoVisible.value = true;
+};
+
+async function getStageList() {
+  const params = { current: subPageData.page, size: subPageData.size, planId: currentRow.id };
+  let { code, data, msg } = await getPlantingStage(params);
+  sublist.value = data.records || [];
+  subPageData.total = data.total;
+}
+
+function handleResetStage() {
+  stageRef.value && stageRef.value.resetFields();
+  stageInfo.stage = '';
+  console.info('重置所属阶段筛选条件');
+  getStageList();
+}
+
+const handleSearchStage = () => {
+  if (!currentRow.id) {
+    app.$message.error('请选择种植规划');
+    return;
+  }
+  getStageList();
+};
+
+const rowClick = (row) => {
+  currentRow = reactive({ ...row });
+  getStageList();
+};
+
+const doSubEdit = (row) => {
+  console.log('编辑sub');
+  stageInfoData.landName = row.landName || '';
+  stageInfoData.crop = row.crop || '';
+  stageInfoVisible.value = true;
+};
+
+const doSubDel = (row) => {
+  console.log('删除sub');
+  app
+    .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    })
+    .then(() => {
+      delPlantingStage({ id: row.id })
+        .then((res) => {
+          if (res.code === 200) {
+            app.$message.success('删除成功！');
+            getStageList();
+          }
+        })
+        .catch((err) => {
+          app.$message.error(err.msg);
+        });
+    })
+    .catch(() => {});
+};
+
+const stageinfoHide = () => {
+  stageInfoRef.value && stageInfoRef.value.resetFields();
+  stageInfoVisible.value = false;
+};
+
+const subMitStateInfo = (formEl) => {
+  if (!formEl) return;
+  formEl.validate((valid) => {
+    if (valid) {
+      let parmer = {
+        planId: currentRow.id || '', //种植规划主键id
+        stage: stageInfoData.stage || 0, //种植阶段:0->苗期,1>花果期,2->采收期
+        workId: stageInfoData.workId || '',
+      };
+
+      console.info('新增种植阶段', parmer);
+
+      if (parmer.id) {
+        editPlantingStage(parmer)
+          .then((res) => {
+            if (res.code === 200) {
+              app.$message.success('编辑成功！');
+              getStageList();
+              stageinfoHide();
+            }
+          })
+          .catch((err) => {
+            app.$message.error(err.msg);
+          })
+          .finally(() => {});
+      } else {
+        savePlantingStage(parmer)
+          .then((res) => {
+            if (res.code === 200) {
+              getStageList();
+              stageinfoHide();
+              app.$message.success('添加成功！');
+            }
+          })
+          .catch((err) => {
+            app.$message.error(err.msg);
+          })
+          .finally(() => {});
+      }
+    } else {
+      console.log('error submit!');
+    }
+  });
+};
+
+// #endregion
+</script>
+
+<style lang="scss" scoped>
+.container {
+  border-radius: 4px;
+  background-color: #ffffff;
+}
+</style>
diff --git a/sub-government-affairs-service/src/views/landManage/component/plantPlan/index.vue b/sub-government-affairs-service/src/views/landManage/component/plantPlan/index.vue
index ee4db7a..f56b9b1 100644
--- a/sub-government-affairs-service/src/views/landManage/component/plantPlan/index.vue
+++ b/sub-government-affairs-service/src/views/landManage/component/plantPlan/index.vue
@@ -1,61 +1,42 @@
-<!-- eslint-disCustomCardnst-assign -->
 <template>
-  <CustomCard>
-    <el-form ref="searchRef" :model="searchCondition">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-form-item label="地块名:" prop="landName">
-            <el-input v-model="searchCondition.landName" placeholder="请输入"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="种植产物" prop="crop">
-            <el-input v-model="searchCondition.crop" placeholder="请输入"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="产权人" prop="owner">
-            <el-input v-model="searchCondition.owner" placeholder="请输入"></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-button type="primary" @click="getList()">查询</el-button>
-          <el-button type="" @click="handleResetSearch">重置</el-button>
-        </el-col>
-      </el-row>
-    </el-form>
-    <div class="options_btns">
-      <el-button v-for="(item, i) in btns" :key="'btns_' + i" type="primary" :loading="item.loading" @click="item.method">
-        {{ item.label }}
-      </el-button>
-    </div>
-    <el-table :data="list" @selection-change="selectionChange" @row-click="rowClick">
-      <el-table-column type="selection" width="55" />
-      <el-table-column type="index"> </el-table-column>
-      <el-table-column label="地块名" prop="landName" width="240" show-overflow-tooltip />
-      <el-table-column label="地址" prop="address" show-overflow-tooltip />
-      <el-table-column label="产权人" prop="owner" show-overflow-tooltip />
-      <el-table-column label="农用地分类" prop="landClassificationType" width="120" show-overflow-tooltip>
-        <template #default="{ row }">
-          <el-tag type="primary" :hit="true" size="small" effect="plain">{{ landClassificationType[row.landClassificationType] }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="面积" prop="area" show-overflow-tooltip />
-      <el-table-column label="坐标" prop="coordinate" show-overflow-tooltip />
-      <el-table-column label="土壤类型" prop="soilType" show-overflow-tooltip />
-      <el-table-column label="种植产物" prop="crop" show-overflow-tooltip />
-      <el-table-column label="种子供应商" prop="seedSupplier" show-overflow-tooltip />
-      <el-table-column label="年度计划" prop="planName" show-overflow-tooltip />
-      <el-table-column label="种植日期" prop="planDate" show-overflow-tooltip />
-      <el-table-column fixed="right" label="操作" width="160" show-overflow-tooltip>
-        <template #default="{ row }">
-          <el-button type="primary" size="small" @click="doEdit(row)">编辑</el-button>
-          <el-button type="danger" size="small" @click="doDel(row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <Pagina :page-data="pageData" @page-change="pageChange" />
-    <el-dialog v-model="infoVisible" title="种植规划" width="1000" center>
+  <div class="custom-page">
+    <avue-crud
+      ref="crudRef"
+      v-model="state.form"
+      v-model:search="state.query"
+      v-model:page="state.pageData"
+      :table-loading="state.loading"
+      :data="state.data"
+      :option="state.options"
+      @refresh-change="refreshChange"
+      @search-reset="searchChange"
+      @search-change="searchChange"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @row-save="rowSave"
+      @row-update="rowUpdate"
+      @row-del="rowDel"
+      @row-click="rowClick"
+    >
+      <template #menu-left>
+        <el-button type="primary" icon="Plus" @click="onAdd">新增</el-button>
+        <el-button type="primary" icon="Upload" @click="onImport">导入</el-button>
+        <el-button type="success" icon="download" @click="onExport">导出</el-button>
+      </template>
+
+      <template #landClassificationType="{ row }">
+        <el-tag type="primary" :hit="true" size="small" effect="plain">
+          {{ landClassificationType[row.landClassificationType] || '未知' }}
+        </el-tag>
+      </template>
+
+      <template #menu="scope">
+        <custom-table-operate :actions="state.options.actions" :data="scope" />
+      </template>
+    </avue-crud>
+
+    <el-dialog v-model="infoVisible" title="种植规划" width="800" center>
       <el-form ref="infoRef" :model="infoData" :rules="infoRules">
         <el-row :gutter="20">
           <!--<el-col :span="12">
@@ -125,107 +106,100 @@
         </div>
       </template>
     </el-dialog>
-    <div>
-      <el-text class="mx-1" size="large">种植阶段详情</el-text>
-      <div style="margin-top: 16px">
-        <el-form ref="stageRef" :model="stageInfo">
+    <el-text class="mx-1" size="large">种植阶段详情</el-text>
+    <div style="margin-top: 16px">
+      <avue-crud
+        ref="crudRef"
+        v-model="stageState.form"
+        v-model:search="stageState.query"
+        v-model:page="stageState.pageData"
+        :table-loading="stageState.loading"
+        :data="stageState.data"
+        :option="stageState.options"
+        @refresh-change="stageRefresh"
+        @search-reset="stageSearch"
+        @search-change="stageSearch"
+        @selection-change="stageSelection"
+        @current-change="stageCurrent"
+        @size-change="stageSize"
+        @row-del="stageRowDel"
+      >
+        <template #menu-left>
+          <el-button type="primary" icon="Plus" @click="onStateAdd">新增</el-button>
+        </template>
+
+        <template #stage="{ row }">
+          <el-tag size="small">{{ stageObj[row.stage] }}</el-tag>
+        </template>
+
+        <template #menu="scope">
+          <custom-table-operate :actions="stageState.options.actions" :data="scope" />
+        </template>
+      </avue-crud>
+
+      <el-dialog v-model="stageInfoVisible" title="种植阶段" width="800" center>
+        <el-form ref="stageInfoRef" :model="stageInfoData" :rules="stageInfoRules">
           <el-row :gutter="20">
-            <el-col :span="6">
-              <el-button type="primary" @click="addSub">新增</el-button>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="所属阶段" prop="gridName">
-                <el-select v-model="stageInfo.stage" placeholder="请选择所属阶段" style="width: 240px" :clearable="true">
-                  <el-option v-for="item in stageOptions" :key="item.value" :label="item.label" :value="item.value" />
-                </el-select>
+            <el-col :span="12">
+              <el-form-item label="地块:" prop="landName">
+                <el-input v-model="stageInfoData.landName" placeholder="请输入地块" style="width: 240px" :disabled="true"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="6">
-              <el-button type="primary" @click="handleSearchStage">查询</el-button>
-              <el-button type="" @click="handleResetStage">重置</el-button>
+            <el-col :span="12">
+              <el-form-item label="种植产物" prop="crop">
+                <el-input v-model="stageInfoData.crop" placeholder="请输入种植产物" style="width: 240px" :disabled="true"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="种植阶段" prop="stage">
+                <CustomSelect
+                  v-model:value="stageInfoData.stage"
+                  :set="{
+                    url: '',
+                    options: stageOptions,
+                    props: {
+                      value: 'value',
+                      label: 'label',
+                    },
+                  }"
+                  placeholder="请选择种植阶段"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="作业计划" prop="workId">
+                <CustomSelect
+                  v-model:value="stageInfoData.workId"
+                  :set="{
+                    url: '',
+                    options: workOptions,
+                    props: {
+                      value: 'id',
+                      label: 'planName',
+                    },
+                  }"
+                  placeholder="请选择作业计划"
+                />
+              </el-form-item>
             </el-col>
           </el-row>
         </el-form>
-        <el-table :data="sublist">
-          <el-table-column type="index"> </el-table-column>
-          <el-table-column label="所属阶段" prop="stage">
-            <template #default="{ row }">
-              <el-tag size="small">{{ stageObj[row.stage] }}</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column label="作业计划" prop="operationType" show-overflow-tooltip />
-          <el-table-column label="作业时间" prop="operationDate" show-overflow-tooltip />
-          <el-table-column label="结束时间" prop="createTime" show-overflow-tooltip />
-          <el-table-column fixed="right" label="操作" width="200" show-overflow-tooltip>
-            <template #default="{ row }">
-              <el-button type="primary" size="small" @click="doSubEdit(row)">编辑</el-button>
-              <el-button type="danger" size="small" @click="doSubDel(row)">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <Pagina :page-data="subPageData" />
-        <el-dialog v-model="stageInfoVisible" title="种植阶段" width="800" center>
-          <el-form ref="stageInfoRef" :model="stageInfoData" :rules="stageInfoRules">
-            <el-row :gutter="20">
-              <el-col :span="12">
-                <el-form-item label="地块:" prop="landName">
-                  <el-input v-model="stageInfoData.landName" placeholder="请输入地块" style="width: 240px" :disabled="true"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="种植产物" prop="crop">
-                  <el-input v-model="stageInfoData.crop" placeholder="请输入种植产物" style="width: 240px" :disabled="true"></el-input>
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="种植阶段" prop="stage">
-                  <CustomSelect
-                    v-model:value="stageInfoData.stage"
-                    :set="{
-                      url: '',
-                      options: stageOptions,
-                      props: {
-                        value: 'value',
-                        label: 'label',
-                      },
-                    }"
-                    placeholder="请选择种植阶段"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="作业计划" prop="workId">
-                  <CustomSelect
-                    v-model:value="stageInfoData.workId"
-                    :set="{
-                      url: '',
-                      options: workOptions,
-                      props: {
-                        value: 'id',
-                        label: 'planName',
-                      },
-                    }"
-                    placeholder="请选择作业计划"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-          <template #footer>
-            <div class="dialog-footer">
-              <el-button @click="infoCancel">取消</el-button>
-              <el-button type="primary" @click="subMitStateInfo(stageInfoRef)"> 确认 </el-button>
-            </div>
-          </template>
-        </el-dialog>
-      </div>
+        <template #footer>
+          <div class="dialog-footer">
+            <el-button @click="stageCancel">取消</el-button>
+            <el-button type="primary" @click="subMitStateInfo(stageInfoRef)"> 确认 </el-button>
+          </div>
+        </template>
+      </el-dialog>
     </div>
-  </CustomCard>
+  </div>
 </template>
-
 <script setup>
-import { ref, reactive, onMounted } from 'vue';
-import Pagina from '@/components/pagina.vue';
+import { reactive, ref } from 'vue';
+import { useApp } from '@/hooks';
+import { CRUD_OPTIONS } from '@/config';
+import { useUserStore } from '@/store/modules/user';
+import { compact } from 'lodash';
 import {
   getPlanList,
   savePlan,
@@ -238,29 +212,184 @@ import {
   delPlantingStage,
 } from '@/apis/land.js';
 import CustomCard from '@/components/CustomCard.vue';
-import { useApp } from '@/hooks';
 import CustomSelect from '@/components/CustomSelect.vue';
 import { isEmpty, imageToBase64, getAssetsFile, downloadFile } from '@/utils';
-onMounted(() => {
-  getList();
-});
 
-/* --------------- data --------------- */
-// #region
+const { VITE_APP_BASE_API } = import.meta.env;
 const app = useApp();
-const searchRef = ref();
+const UserStore = useUserStore();
+const crudRef = ref(null);
+const stageOptions = reactive([
+  { value: '0', label: '苗期' },
+  { value: '1', label: '花果期' },
+  { value: '2', label: '采收期' },
+]);
 
-const searchCondition = reactive({
-  landName: '',
-  owner: '',
-  crop: '',
+const state = reactive({
+  loading: false,
+  query: {
+    current: 1,
+    size: 10,
+  },
+  form: {},
+  selection: [],
+  tableClumn: [
+    {
+      label: '地块名',
+      type: 'input',
+      prop: 'landName',
+      disabled: true,
+      search: true,
+      rules: {
+        required: true,
+        message: '请输入',
+        trigger: 'blur',
+      },
+    },
+    { label: '地址', prop: 'address', width: '240px', showOverflowTooltip: true, disabled: true },
+    {
+      label: '种植产物',
+      type: 'input',
+      prop: 'crop',
+      disabled: true,
+      search: true,
+      rules: {
+        required: true,
+        message: '请输入',
+        trigger: 'blur',
+      },
+    },
+    {
+      label: '产权人',
+      type: 'input',
+      prop: 'owner',
+      disabled: true,
+      search: true,
+      rules: {
+        required: true,
+        message: '请输入',
+        trigger: 'blur',
+      },
+    },
+    {
+      label: '农用地分类',
+      prop: 'landClassificationType',
+      disabled: true,
+    },
+    {
+      label: '面积',
+      prop: 'area',
+      disabled: true,
+    },
+    { label: '坐标', prop: 'coordinate', disabled: true, width: '120px', showOverflowTooltip: true },
+    {
+      label: '土壤类型',
+      prop: 'soilType',
+      disabled: true,
+    },
+    {
+      label: '种植产物',
+      prop: 'crop',
+      rules: {
+        required: true,
+        message: '请输入',
+        trigger: 'blur',
+      },
+    },
+    {
+      label: '种子供应商',
+      prop: 'seedSupplier',
+      disabled: true,
+    },
+    {
+      label: '年度计划',
+      prop: 'planName',
+      disabled: true,
+    },
+    {
+      label: '种植日期',
+      prop: 'planDate',
+      disabled: true,
+    },
+  ],
+  options: {
+    ...CRUD_OPTIONS,
+    addBtn: false,
+    column: [],
+    actions: [
+      {
+        name: '编辑',
+        icon: 'edit',
+        event: ({ row }) => rowEdit(row),
+      },
+      {
+        type: 'danger',
+        name: '删除',
+        icon: 'delete',
+        event: ({ row }) => rowDel(row),
+      },
+    ],
+  },
+  pageData: {
+    total: 0,
+    currentPage: 1,
+    pageSize: 10,
+  },
+  data: [],
+  currentRow: {},
 });
 
-const pageData = reactive({
-  page: 1,
-  size: 10,
-  total: 0,
+const stageState = reactive({
+  loading: false,
+  query: {
+    current: 1,
+    size: 10,
+  },
+  form: {},
+  options: {
+    ...CRUD_OPTIONS,
+    addBtn: false,
+    selection: false,
+    column: [
+      {
+        label: '所属阶段',
+        prop: 'stage',
+        type: 'select',
+        search: true,
+        dicData: stageOptions,
+        rules: {
+          required: true,
+          message: '请选择',
+          trigger: 'blur',
+        },
+      },
+      { label: '作业计划', prop: 'area', disabled: true },
+      { label: '作业时间', prop: 'coordinate', disabled: true },
+      { label: '结束时间', prop: 'createTime', disabled: true },
+    ],
+    actions: [
+      {
+        name: '编辑',
+        icon: 'edit',
+        event: ({ row }) => stageRowEdit(row),
+      },
+      {
+        type: 'danger',
+        name: '删除',
+        icon: 'delete',
+        event: ({ row }) => stageRowDel(row),
+      },
+    ],
+  },
+  pageData: {
+    total: 0,
+    currentPage: 1,
+    pageSize: 10,
+  },
+  data: [],
+  currentRow: {},
 });
+
 const landClassificationType = reactive({
   0: '耕地',
   1: '果园',
@@ -272,73 +401,8 @@ const landClassificationType = reactive({
   7: '农村宅基地',
 });
 
-let selectIds = ref('');
 const infoVisible = ref(false);
 const infoRef = ref();
-const list = ref([]);
-const state = reactive({
-  loading: false,
-  query: {
-    current: 1,
-    size: 10,
-  },
-  pageData: {
-    total: 0,
-    currentPage: 1,
-    pageSize: 10,
-  },
-  data: [],
-  currentRow: {},
-});
-const btns = reactive([
-  {
-    label: '新增种植规划',
-    loading: false,
-    method: function () {
-      console.log('add');
-      if (selectIds.value.length <= 0) {
-        app.$message.error('请先选择地块');
-        return;
-      }
-      infoVisible.value = true;
-    },
-  },
-  {
-    label: '导入',
-    disabled: false,
-    loading: false,
-    method: function () {
-      console.log('import');
-    },
-  },
-  {
-    label: '导出',
-    disabled: true,
-    loading: state.loading,
-    method: function () {
-      if (isEmpty(state.data)) {
-        app.$message.error('当前暂时没有可供导出的数据！');
-        return;
-      }
-      state.loading = true;
-      const fileName = '种植计划明细表';
-      exportPlan(state.query)
-        .then((res) => {
-          if (res.status === 200) {
-            downloadFile(res.data, `${fileName}.xlsx`, 'blob');
-            app.$message.success('导出成功！');
-          }
-        })
-        .catch((err) => {
-          app.$message.error('导出失败！');
-        })
-        .finally(() => {
-          state.loading = false;
-        });
-    },
-  },
-]);
-
 let infoData = reactive({
   landId: [], //土地主键id
   planId: '', //种植规划主键id
@@ -353,33 +417,16 @@ const infoRules = reactive({
   seedSupplier: [{ required: true, message: '请输入供应商', trigger: 'blur' }],
   planDate: [{ required: true, message: '请选择种植时间', trigger: 'blur' }],
 });
-const workOptions = reactive([
-  { value: '作业计划1', label: 'Option1' },
-  { value: '作业计划2', label: 'Option2' },
-]);
 
-const subPageData = reactive({
-  page: 1,
-  size: 10,
-  total: 0,
-});
-const sublist = ref([]);
-const stageInfo = reactive({
-  stage: '',
-});
-const stageRef = ref();
-const stageOptions = reactive([
-  { value: '0', label: '苗期' },
-  { value: '1', label: '花果期' },
-  { value: '2', label: '采收期' },
-]);
-
-let currentRow = reactive({});
 const stageObj = reactive({
   0: '苗期',
   1: '花果期',
   2: '采收期',
 });
+const workOptions = reactive([
+  { planName: '作业计划1', id: '000001' },
+  { planName: '作业计划2', id: '000002' },
+]);
 
 let stageInfoVisible = ref(false);
 const stageInfoRef = ref();
@@ -397,70 +444,125 @@ const stageInfoRules = reactive({
   workId: [{ required: true, message: '请选择作业计划', trigger: 'blur' }],
 });
 
-// #endregion
-
-/* --------------- methods --------------- */
-// #region
-
-async function getList() {
-  const params = { current: pageData.page, size: pageData.size, ...searchCondition };
-  let { code, data, msg } = await getPlanList(params);
-  //console.log('res ---------', data);
-  list.value = data.records || [];
-  pageData.total = data.total;
-  state.data = data.records;
-  state.pageData = {
-    currentPage: data.current || 1,
-    pageSize: data.size || 10,
-    total: data.total,
-  };
-}
-
-function handleResetSearch() {
-  searchRef.value && searchRef.value.resetFields();
-  getList();
-}
-
-const selectionChange = (data) => {
-  let datalist = data.map((m) => {
-    return { landId: m.landId, landName: m.landName };
-  });
-
-  let selectIdlist = uniqueObjects(datalist, 'landId');
-  let selectIdsVal = selectIdlist.map((n) => {
-    return n.landId;
-  });
-
-  selectIds.value = selectIdsVal.toString();
-  console.info('selectionChange', selectIds.value);
+// 加载
+const loadData = () => {
+  state.loading = true;
+  state.options.column = JSON.parse(JSON.stringify(state.tableClumn));
+  getPlanList(state.query)
+    .then((res) => {
+      if (res.code === 200) {
+        const { current, size, total, records } = res.data;
+        state.data = records;
+        state.pageData = {
+          currentPage: current || 1,
+          pageSize: size || 10,
+          total: total,
+        };
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+      state.data = [];
+    })
+    .finally(() => {
+      state.loading = false;
+    });
 };
 
-const pageChange = (data) => {
-  console.info('pageChange', data);
-  pageData.page = data;
-  getList();
+loadData();
+
+// 页数
+const currentChange = (current) => {
+  state.query.current = current;
+  loadData();
 };
 
-function uniqueObjects(arr, key) {
-  return arr.reduce((acc, current) => {
-    const duplicate = acc.find((element) => element[key] === current[key]);
-    if (!duplicate) {
-      acc.push(current);
-    }
-    return acc;
-  }, []);
-}
+// 条数
+const sizeChange = (size) => {
+  state.query.size = size;
+  loadData();
+};
 
-function doEdit(row) {
+// 搜索
+const searchChange = (params, done) => {
+  if (done) done();
+  state.query = params;
+  state.query.current = 1;
+  loadData();
+};
+
+// 刷新
+const refreshChange = () => {
+  loadData();
+  app.$message.success('刷新成功');
+};
+
+// 选择
+const selectionChange = (rows) => {
+  state.selection = rows;
+};
+
+const setCity = (row) => {
+  if (!isEmpty(row.cities)) {
+    row.provinceCode = row?.cities[0] ?? null;
+    row.cityCode = row?.cities[1] ?? null;
+    row.gridAreaCode = row?.cities[2] ?? null;
+    row.townCode = row?.cities[3] ?? null;
+    row.village = row?.cities[3] ?? null;
+  }
+};
+
+// 新增
+const rowSave = (row, done, loading) => {
+  state.options.column = JSON.parse(JSON.stringify(state.tableClumn));
+  console.info('新增');
+  // savePlan(row)
+  //   .then((res) => {
+  //     if (res.code === 200) {
+  //       app.$message.success('添加成功！');
+  //       done();
+  //       loadData();
+  //     }
+  //   })
+  //   .catch((err) => {
+  //     app.$message.error(err.msg);
+  //   })
+  //   .finally(() => {
+  //     loading();
+  //   });
+};
+
+// 编辑
+const rowEdit = (row) => {
   infoVisible.value = true;
   infoData = reactive({
     ...row,
   });
-  console.info('编辑', infoData);
-}
+  // console.info('编辑');
+  // row.cities = compact([row.provinceCode, row.cityCode, row.gridAreaCode ?? '', row.townCode ?? '', row.village ?? '']);
+  // crudRef.value.rowEdit(row);
+};
+const rowUpdate = (row, index, done, loading) => {
+  console.info('更新');
+  // editAlan(row)
+  //   .then((res) => {
+  //     if (res.code === 200) {
+  //       app.$message.success('更新成功！');
+  //       done();
+  //       loadData();
+  //     }
+  //   })
+  //   .catch((err) => {
+  //     app.$message.error(err.msg);
+  //   })
+  //   .finally(() => {
+  //     loading();
+  //   });
+};
 
-function doDel(row) {
-  console.info('删除');
+// 删除
+const rowDel = (row, index, done) => {
+  if (isEmpty(row)) return;
   app
     .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
       confirmButtonText: '确定',
@@ -468,11 +570,13 @@ function doDel(row) {
       type: 'warning',
     })
     .then(() => {
+      console.info('删除');
       delPlan({ id: row.id })
         .then((res) => {
           if (res.code === 200) {
             app.$message.success('删除成功！');
-            getList();
+            done();
+            loadData();
           }
         })
         .catch((err) => {
@@ -480,17 +584,57 @@ function doDel(row) {
         });
     })
     .catch(() => {});
-}
+};
 
+//导入
+const onImport = () => {};
+// 导出
+const onExport = () => {
+  if (isEmpty(state.data)) {
+    app.$message.error('当前暂时没有可供导出的数据！');
+    return;
+  }
+  state.loading = true;
+  const fileName = '种植记录明细表';
+  // exportPlan(state.query)
+  //   .then((res) => {
+  //     if (res.status === 200) {
+  //       downloadFile(res.data, `${fileName}.xlsx`, 'blob');
+  //       app.$message.success('导出成功！');
+  //     }
+  //   })
+  //   .catch((err) => {
+  //     app.$message.error('导出失败！');
+  //   })
+  //   .finally(() => {
+  //     state.loading = false;
+  //   });
+};
+
+const onAdd = () => {
+  infoVisible.value = true;
+};
 const subMitInfo = (formEl) => {
   if (!formEl) return;
   formEl.validate((valid) => {
     if (valid) {
       let parmer = {
         ...infoData,
-        landId: selectIds.value || '',
       };
 
+      if (!parmer.id) {
+        let datalist = state.selection.map((m) => {
+          return { landId: m.landId, landName: m.landName };
+        });
+
+        let selectIdlist = uniqueObjects(datalist, 'landId');
+        let selectIdsVal = selectIdlist.map((n) => {
+          return n.landId;
+        });
+
+        parmer.landId = selectIdsVal.toString() || '';
+      }
+
       console.info('新增种植计划', parmer);
 
       if (parmer.id) {
@@ -498,7 +642,7 @@ const subMitInfo = (formEl) => {
           .then((res) => {
             if (res.code === 200) {
               app.$message.success('编辑成功！');
-              getList();
+              loadData();
               infoHide();
             }
           })
@@ -510,7 +654,7 @@ const subMitInfo = (formEl) => {
         savePlan(parmer)
           .then((res) => {
             if (res.code === 200) {
-              getList();
+              loadData();
               infoHide();
               app.$message.success('添加成功！');
             }
@@ -534,53 +678,74 @@ const infoHide = () => {
   infoVisible.value = false;
 };
 
-const addSub = () => {
-  console.log('新增阶段');
-  if (!currentRow.id) {
-    app.$message.error('请选择种植规划');
-    return;
-  }
-  stageInfoData.landName = currentRow.landName || '';
-  stageInfoData.crop = currentRow.crop || '';
-  stageInfoVisible.value = true;
-};
-
-async function getStageList() {
-  const params = { current: subPageData.page, size: subPageData.size, planId: currentRow.id };
-  let { code, data, msg } = await getPlantingStage(params);
-  sublist.value = data.records || [];
-  subPageData.total = data.total;
+function uniqueObjects(arr, key) {
+  return arr.reduce((acc, current) => {
+    const duplicate = acc.find((element) => element[key] === current[key]);
+    if (!duplicate) {
+      acc.push(current);
+    }
+    return acc;
+  }, []);
 }
 
-function handleResetStage() {
-  stageRef.value && stageRef.value.resetFields();
-  stageInfo.stage = '';
-  console.info('重置所属阶段筛选条件');
-  getStageList();
-}
-
-const handleSearchStage = () => {
-  if (!currentRow.id) {
-    app.$message.error('请选择种植规划');
-    return;
-  }
-  getStageList();
+//种植阶段相关
+// 刷新
+const stageRefresh = () => {
+  // loadData();
+  app.$message.success('刷新成功');
 };
 
 const rowClick = (row) => {
-  currentRow = reactive({ ...row });
+  state.currentRow = { ...row };
+  console.info('rowClick', state.currentRow);
+  getStageList();
+};
+async function getStageList() {
+  stageState.loading = true;
+  getPlantingStage({ ...stageState.query, planId: state.currentRow.id })
+    .then((res) => {
+      if (res.code === 200) {
+        const { current, size, total, records } = res.data;
+        stageState.data = records || [];
+        stageState.pageData = {
+          currentPage: current || 1,
+          pageSize: size || 10,
+          total: total,
+        };
+      }
+    })
+    .catch((err) => {
+      app.$message.error(err.msg);
+      stageState.data = [];
+    })
+    .finally(() => {
+      stageState.loading = false;
+    });
+}
+
+const stageSearch = (params, done) => {
+  if (done) done();
+  stageState.query = params;
+  stageState.query.current = 1;
   getStageList();
 };
 
-const doSubEdit = (row) => {
-  console.log('编辑sub');
-  stageInfoData.landName = row.landName || '';
-  stageInfoData.crop = row.crop || '';
-  stageInfoVisible.value = true;
+const stageSelection = (rows) => {
+  stageState.selection = rows;
 };
 
-const doSubDel = (row) => {
-  console.log('删除sub');
+const stageCurrent = (current) => {
+  stageState.query.current = current;
+  getStageList();
+};
+
+const stageSize = (size) => {
+  stageState.query.size = size;
+  getStageList();
+};
+
+const stageRowDel = (row, index, done) => {
+  if (isEmpty(row)) return;
   app
     .$confirm(`删除后信息将不可查看，确认要删除吗？`, '确定删除', {
       confirmButtonText: '确定',
@@ -588,11 +753,13 @@ const doSubDel = (row) => {
       type: 'warning',
     })
     .then(() => {
+      console.info('删除');
       delPlantingStage({ id: row.id })
         .then((res) => {
           if (res.code === 200) {
             app.$message.success('删除成功！');
             getStageList();
+            done();
           }
         })
         .catch((err) => {
@@ -601,6 +768,13 @@ const doSubDel = (row) => {
     })
     .catch(() => {});
 };
+const stageRowEdit = (row) => {
+  stageInfoData.landName = row.landName ? row.landName : state.currentRow.landName || '';
+  stageInfoData.landId = row.landId ? row.landId : state.currentRow.landId || '';
+  stageInfoData.crop = row.crop ? row.crop : state.currentRow.crop || '';
+  stageInfoData.stage = row.stage.toString() || '0';
+  stageInfoVisible.value = true;
+};
 
 const stageinfoHide = () => {
   stageInfoRef.value && stageInfoRef.value.resetFields();
@@ -612,7 +786,7 @@ const subMitStateInfo = (formEl) => {
   formEl.validate((valid) => {
     if (valid) {
       let parmer = {
-        planId: currentRow.id || '', //种植规划主键id
+        planId: state.currentRow.id || '', //种植规划主键id
         stage: stageInfoData.stage || 0, //种植阶段:0->苗期,1>花果期,2->采收期
         workId: stageInfoData.workId || '',
       };
@@ -652,12 +826,13 @@ const subMitStateInfo = (formEl) => {
   });
 };
 
-// #endregion
+const onStateAdd = () => {
+  if (!state.currentRow.id) {
+    app.$message.error('请选择种植规划');
+    return;
+  }
+  stageInfoData.landName = state.currentRow.landName || '';
+  stageInfoData.crop = state.currentRow.crop || '';
+  stageInfoVisible.value = true;
+};
 </script>
-
-<style lang="scss" scoped>
-.container {
-  border-radius: 4px;
-  background-color: #ffffff;
-}
-</style>