From 775a4b6ef61f5351a130c3021cd950871dbe6b86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=83=B3?= <826276471@qq.com>
Date: Tue, 25 Feb 2025 17:30:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=9C=9F=E5=9C=B0=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=9B=9B=E4=B8=AA=E6=A8=A1=E5=9D=97=E6=90=AD=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/apis/land.js                          |  8 +++
 .../src/components/CustCard.vue               | 21 ++++++
 .../src/components/Pagina.vue                 | 72 +++++++++++++++++++
 .../src/router/modules/plantingAndBreeding.js | 33 +++++++++
 .../component/illegalHandle/index.vue         | 19 +++++
 .../landManage/component/landPartol/index.vue | 19 +++++
 .../component/operationRecord/index.vue       | 19 +++++
 .../landManage/component/plantPlan/index.vue  | 51 +++++++++++++
 .../src/views/landManage/index.vue            | 19 +++++
 .../src/views/trace/breeding/coding/index.vue | 28 +++++++-
 10 files changed, 287 insertions(+), 2 deletions(-)
 create mode 100644 sub-government-affairs-service/src/apis/land.js
 create mode 100644 sub-government-affairs-service/src/components/CustCard.vue
 create mode 100644 sub-government-affairs-service/src/components/Pagina.vue
 create mode 100644 sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue
 create mode 100644 sub-government-affairs-service/src/views/landManage/component/landPartol/index.vue
 create mode 100644 sub-government-affairs-service/src/views/landManage/component/operationRecord/index.vue
 create mode 100644 sub-government-affairs-service/src/views/landManage/component/plantPlan/index.vue
 create mode 100644 sub-government-affairs-service/src/views/landManage/index.vue

diff --git a/sub-government-affairs-service/src/apis/land.js b/sub-government-affairs-service/src/apis/land.js
new file mode 100644
index 0000000..c05d6c4
--- /dev/null
+++ b/sub-government-affairs-service/src/apis/land.js
@@ -0,0 +1,8 @@
+import request from '@/utils/axios';
+
+export function getLandList(params = {}) {
+  return request('land-resource/gridManage/page', {
+    method: 'GET',
+    params,
+  });
+}
diff --git a/sub-government-affairs-service/src/components/CustCard.vue b/sub-government-affairs-service/src/components/CustCard.vue
new file mode 100644
index 0000000..e8671a3
--- /dev/null
+++ b/sub-government-affairs-service/src/components/CustCard.vue
@@ -0,0 +1,21 @@
+<template>
+  <el-card body-class="custom_content_card_" shadow="props.shadow">
+    <slot></slot>
+  </el-card>
+</template>
+
+<script setup>
+const props = defineProps({
+  shadow: {
+    type: String,
+    default: 'never',
+  },
+});
+</script>
+
+<style lang="scss">
+.el-card:has(.custom_content_card_) {
+  border-radius: 10px !important;
+  border: none !important;
+}
+</style>
diff --git a/sub-government-affairs-service/src/components/Pagina.vue b/sub-government-affairs-service/src/components/Pagina.vue
new file mode 100644
index 0000000..e95f5ba
--- /dev/null
+++ b/sub-government-affairs-service/src/components/Pagina.vue
@@ -0,0 +1,72 @@
+<template>
+  <section :style="{ '--right': props.right ? 'flex-end' : 'unset' }">
+    <el-pagination
+      v-model:current-page="curPage"
+      v-model:page-size="curSize"
+      :page-sizes="[10, 20, 30, 40, 50, 100]"
+      background
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="curTotal"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </section>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  pageData: {
+    type: Object,
+    default: () => {
+      return {
+        page: 1,
+        size: 10,
+        total: 0,
+      };
+    },
+  },
+  pageSizes: {
+    type: Array,
+    default: () => {
+      return [10, 20, 30, 40, 50, 100];
+    },
+  },
+  right: {
+    type: Boolean,
+    default: true,
+  },
+});
+
+const emit = defineEmits(['pageChange', 'sizeChange']);
+const curPage = ref(1);
+const curSize = ref(10);
+const curTotal = ref(0);
+watch(
+  () => props.pageData,
+  () => {
+    curPage.value = props.pageData.page || 1;
+    curSize.value = props.pageData.size || 10;
+    curTotal.value = props.pageData.total || 0;
+  },
+  {
+    deep: true,
+    immediate: true,
+  }
+);
+function handleCurrentChange(val) {
+  emit('pageChange', val);
+}
+
+function handleSizeChange(val) {
+  emit('sizeChange', val);
+}
+</script>
+
+<style lang="scss" scoped>
+section {
+  display: flex;
+  justify-content: var(--right);
+}
+</style>
diff --git a/sub-government-affairs-service/src/router/modules/plantingAndBreeding.js b/sub-government-affairs-service/src/router/modules/plantingAndBreeding.js
index eea9c32..c4615b5 100644
--- a/sub-government-affairs-service/src/router/modules/plantingAndBreeding.js
+++ b/sub-government-affairs-service/src/router/modules/plantingAndBreeding.js
@@ -75,4 +75,37 @@ export default [
       },
     ],
   },
+  {
+    path: '/landManage',
+    name: 'landManage',
+    component: Layout,
+    redirect: '/plantPlan',
+    meta: { title: '土地管理', icon: 'Document' },
+    children: [
+      {
+        path: '/plantPlan',
+        name: 'plantPlan',
+        component: () => import('@/views/landManage/component/plantPlan/index.vue'),
+        meta: { title: '种植规划', icon: 'Document' },
+      },
+      {
+        path: '/landPartol',
+        name: 'landPartol',
+        component: () => import('@/views/landManage/component/landPartol/index.vue'),
+        meta: { title: '土地巡查', icon: 'Document' },
+      },
+      {
+        path: '/illegalHandle',
+        name: 'illegalHandle',
+        component: () => import('@/views/landManage/component/illegalHandle/index.vue'),
+        meta: { title: '土地违法处理', icon: 'Document' },
+      },
+      {
+        path: '/operationRecord',
+        name: 'operationRecord',
+        component: () => import('@/views/landManage/component/operationRecord/index.vue'),
+        meta: { title: '作业记录', icon: 'Document' },
+      },
+    ],
+  },
 ];
diff --git a/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue b/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue
new file mode 100644
index 0000000..690a9aa
--- /dev/null
+++ b/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <section>违法处理</section>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+/* --------------- data --------------- */
+// #region
+
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+
+// #endregion
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/sub-government-affairs-service/src/views/landManage/component/landPartol/index.vue b/sub-government-affairs-service/src/views/landManage/component/landPartol/index.vue
new file mode 100644
index 0000000..c1012e2
--- /dev/null
+++ b/sub-government-affairs-service/src/views/landManage/component/landPartol/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <section>土地巡查</section>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+/* --------------- data --------------- */
+// #region
+
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+
+// #endregion
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/sub-government-affairs-service/src/views/landManage/component/operationRecord/index.vue b/sub-government-affairs-service/src/views/landManage/component/operationRecord/index.vue
new file mode 100644
index 0000000..8a71b04
--- /dev/null
+++ b/sub-government-affairs-service/src/views/landManage/component/operationRecord/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <section>作业记录</section>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+/* --------------- data --------------- */
+// #region
+
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+
+// #endregion
+</script>
+
+<style lang="scss" scoped></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
new file mode 100644
index 0000000..64079e2
--- /dev/null
+++ b/sub-government-affairs-service/src/views/landManage/component/plantPlan/index.vue
@@ -0,0 +1,51 @@
+<template>
+  <CustCard>
+    <el-row>
+      <el-col></el-col>
+    </el-row>
+    <Pagina :page-data="pageData" />
+  </CustCard>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue';
+import Pagina from '@/components/pagina.vue';
+import CustCard from '@/components/CustCard.vue';
+import { getLandList } from '@/apis/land.js';
+
+onMounted(() => {
+  getList();
+});
+
+/* --------------- data --------------- */
+// #region
+const searchCondition = reactive({
+  name: '',
+  person: '',
+});
+const pageData = reactive({
+  page: 1,
+  size: 10,
+  total: 0,
+});
+
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+
+async function getList() {
+  const params = { current: pageData.page, size: pageData.size };
+  let res = await getLandList(params);
+  console.log('res ---------', res);
+}
+
+// #endregion
+</script>
+
+<style lang="scss" scoped>
+.container {
+  background-color: #fff;
+  border-radius: 4px;
+}
+</style>
diff --git a/sub-government-affairs-service/src/views/landManage/index.vue b/sub-government-affairs-service/src/views/landManage/index.vue
new file mode 100644
index 0000000..d7d9c29
--- /dev/null
+++ b/sub-government-affairs-service/src/views/landManage/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <router-view></router-view>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+
+/* --------------- data --------------- */
+// #region
+
+// #endregion
+
+/* --------------- methods --------------- */
+// #region
+
+// #endregion
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/sub-government-affairs-service/src/views/trace/breeding/coding/index.vue b/sub-government-affairs-service/src/views/trace/breeding/coding/index.vue
index 7da002a..85eef54 100644
--- a/sub-government-affairs-service/src/views/trace/breeding/coding/index.vue
+++ b/sub-government-affairs-service/src/views/trace/breeding/coding/index.vue
@@ -23,14 +23,23 @@
         <el-button type="success" icon="upload" @click="onUpload">导入</el-button>
         <el-button type="success" icon="download" @click="onExport">导出</el-button>
       </template>
-
       <template #productUrl-form="{ column }">
         <el-upload class="custom-form__uploader" action="#" :show-file-list="false" accept="image/*" :limit="1" :http-request="rowUploadPicture">
           <img v-if="state.form.base64" :src="state.form.base64" class="custom-form__uploader__img" />
           <el-icon v-else class="custom-form__uploader__icon"><Plus /></el-icon>
         </el-upload>
       </template>
-
+      <template #id="{ row }">
+        <!-- <span @click="handleShowQrcode(row.id)">{{ row.id }}</span> -->
+        <el-popover placement="top" trigger="click" :width="330">
+          <template #reference>
+            <span>{{ row.id }}</span>
+          </template>
+          <template #default>
+            <img :src="row.orCodeUrl" alt="" />
+          </template>
+        </el-popover>
+      </template>
       <template #customInfo-form="{ column }">
         <custom-info :row="state.currentRow" />
       </template>
@@ -49,6 +58,9 @@
 
     <custom-quality-add ref="qualityAddRef" :row="state.currentRow" />
   </div>
+  <!-- <el-dialog v-model="qrInfo.show" title="扫码溯源" width="500" :before-close="() => (qrInfo.show = false)">
+    <QrCode :value="qrInfo.url" :size="300" />
+  </el-dialog> -->
 </template>
 <script setup>
 import { reactive, ref } from 'vue';
@@ -607,4 +619,16 @@ const onExport = () => {
       state.loading = false;
     });
 };
+
+const qrInfo = reactive({
+  url: '1111111111111111111111111111111111111111',
+  show: true,
+});
+
+function handleShowQrcode(id) {
+  // a.value = a.value + 1;
+  qrInfo.url = id;
+  qrInfo.show = true;
+  console.log('cell', qrInfo);
+}
 </script>