From 02baae44b79c92ea9f89d8abc9c2e5192ab9cc22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=83=B3?= <826276471@qq.com>
Date: Mon, 10 Mar 2025 17:32:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=9C=9F=E5=9C=B0=E8=BF=9D=E6=B3=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/apis/land.js                          |  33 +++
 .../src/router/modules/inputSupplies/index.js |   2 +-
 .../inputSuppliesManage/common/typeRadio.vue  |  35 ++-
 .../redBlackRank/common/rankCard.vue          |  19 +-
 .../src/views/landManage/common/Attrs.vue     | 126 +++++++++
 .../illegalHandle/common/FileUpload.vue       |  34 ++-
 .../component/illegalHandle/index.vue         | 250 +++++++++++-------
 .../component/landsManage/common/Attrs.vue    |  10 +-
 .../component/landsManage/index.vue           |  42 ---
 9 files changed, 396 insertions(+), 155 deletions(-)
 create mode 100644 sub-government-affairs-service/src/views/landManage/common/Attrs.vue

diff --git a/sub-government-affairs-service/src/apis/land.js b/sub-government-affairs-service/src/apis/land.js
index 242ed92..4fd94f8 100644
--- a/sub-government-affairs-service/src/apis/land.js
+++ b/sub-government-affairs-service/src/apis/land.js
@@ -223,3 +223,36 @@ export function exportlandInspection(params = {}) {
     responseType: 'blob',
   });
 }
+
+/* ------ 土地违法处理 ------ */
+// #region
+
+/* 查询土地违法处理 */
+export function getLandIllegal(params = {}) {
+  return request('land-resource/landViolation/page', {
+    method: 'GET',
+    params,
+  });
+}
+/* 新增土地违法处理 */
+export function createLandIllegal(data = {}) {
+  return request('land-resource/landViolation/save', {
+    method: 'POST',
+    data,
+  });
+}
+
+/* 登记处理 */
+export function registerLandIllegal(data = {}) {
+  return request('land-resource/landViolation/registResult', {
+    method: 'PUT',
+    data,
+  });
+}
+/* 违法详情 */
+export function illegalInfo(id = '') {
+  return request('land-resource/landViolation/detail/' + id, {
+    method: 'GET',
+  });
+}
+// #endregion
diff --git a/sub-government-affairs-service/src/router/modules/inputSupplies/index.js b/sub-government-affairs-service/src/router/modules/inputSupplies/index.js
index 3de517a..112dc62 100644
--- a/sub-government-affairs-service/src/router/modules/inputSupplies/index.js
+++ b/sub-government-affairs-service/src/router/modules/inputSupplies/index.js
@@ -18,7 +18,7 @@ const inputSuppliesRoutes = [
         path: '/sub-government-affairs-service/basicInfo',
         name: 'basicInfo',
         component: () => import('@/views/inputSuppliesManage/basicInfo/index.vue'),
-        meta: { title: '物资', icon: 'Document' },
+        meta: { title: '物资管理', icon: 'Document' },
       },
       // {
       //   path: '/sub-government-affairs-service/productionDealer',
diff --git a/sub-government-affairs-service/src/views/inputSuppliesManage/common/typeRadio.vue b/sub-government-affairs-service/src/views/inputSuppliesManage/common/typeRadio.vue
index 82e50d3..13e0854 100644
--- a/sub-government-affairs-service/src/views/inputSuppliesManage/common/typeRadio.vue
+++ b/sub-government-affairs-service/src/views/inputSuppliesManage/common/typeRadio.vue
@@ -1,16 +1,19 @@
 <template>
-  <el-radio-group v-model="landType" class="radio_group" style="margin-bottom: 30px" @change="getList()">
-    <el-radio-button v-for="item in props.option" :key="'radio_' + item.value" :value="item.value">
+  <el-radio-group v-model="val" class="radio_group" style="margin-bottom: 30px" @change="emit('update:value', val)">
+    <el-radio-button v-for="item in props.options" :key="'radio_' + item.value" :value="item.value" color="red">
       {{ item.label }}
     </el-radio-button>
   </el-radio-group>
 </template>
 
-<script lang="ts" setup>
-import { ref } from 'vue';
-
+<script setup>
+import { ref, watch } from 'vue';
 const props = defineProps({
-  option: {
+  value: {
+    type: String,
+    default: '1',
+  },
+  options: {
     type: Array,
     default: () => [
       {
@@ -28,10 +31,18 @@ const props = defineProps({
     ],
   },
 });
-
+const emit = defineEmits(['update:value']);
 /* --------------- data --------------- */
 // #region
-
+const val = ref('1');
+watch(
+  () => props.value,
+  () => (val.value = props.value),
+  {
+    deep: true,
+    immediate: true,
+  }
+);
 // #endregion
 
 /* --------------- methods --------------- */
@@ -44,6 +55,7 @@ const props = defineProps({
 .radio_group {
   justify-content: center;
   width: 100%;
+  font-size: 18px;
   > label {
     width: 12%;
     ::v-deep() {
@@ -52,5 +64,12 @@ const props = defineProps({
       }
     }
   }
+  ::v-deep() {
+    .is-active {
+      .el-radio-button__inner {
+        background-color: rgb(255, 45, 45) !important;
+      }
+    }
+  }
 }
 </style>
diff --git a/sub-government-affairs-service/src/views/inputSuppliesManage/redBlackRank/common/rankCard.vue b/sub-government-affairs-service/src/views/inputSuppliesManage/redBlackRank/common/rankCard.vue
index f12c9a9..77f2f63 100644
--- a/sub-government-affairs-service/src/views/inputSuppliesManage/redBlackRank/common/rankCard.vue
+++ b/sub-government-affairs-service/src/views/inputSuppliesManage/redBlackRank/common/rankCard.vue
@@ -1,6 +1,8 @@
 <template>
   <section class="rank_content" :style="{ '--theme': props.type == 1 ? 'red' : 'black' }">
-    <h2>{{ props.type == '1' ? '红' : '黑' }}榜</h2>
+    <!-- <h2>{{ props.type == '1' ? '红' : '黑' }}榜</h2> -->
+    <TypeRadio v-model:value="radio" :options="options" />
+    <section>{{ radio }}</section>
     <div v-for="(item, i) in props.data" :key="`rank_${props.type}_${i}`" class="rank_item">
       <div class="name">{{ item.name }}</div>
       <div></div>
@@ -11,7 +13,8 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import { reactive, ref } from 'vue';
+import TypeRadio from '../../common/TypeRadio.vue';
 
 const props = defineProps({
   type: {
@@ -26,7 +29,17 @@ const props = defineProps({
 
 /* --------------- data --------------- */
 // #region
-
+const radio = ref('1');
+const options = reactive([
+  {
+    value: '1',
+    label: '红榜',
+  },
+  {
+    value: '2',
+    label: '黑榜',
+  },
+]);
 // #endregion
 
 /* --------------- methods --------------- */
diff --git a/sub-government-affairs-service/src/views/landManage/common/Attrs.vue b/sub-government-affairs-service/src/views/landManage/common/Attrs.vue
new file mode 100644
index 0000000..cf7d783
--- /dev/null
+++ b/sub-government-affairs-service/src/views/landManage/common/Attrs.vue
@@ -0,0 +1,126 @@
+<template>
+  <section class="create_land_attrs_content_" :style="{ '--columns': props.fileNum }">
+    <el-upload
+      v-if="props.type != 'view'"
+      class="custom-form__uploader"
+      action=""
+      :show-file-list="false"
+      :accept="props.accept"
+      :limit="props.limit"
+      :http-request="rowUploadPicture"
+      :disabled="attrs_.length >= props.limit"
+    >
+      <el-icon class="custom-form__uploader__icon"><Plus /></el-icon>
+    </el-upload>
+    <div v-for="item in attrs_" :key="`attr_${item.id}`" class="attrs_content__item">
+      <video v-if="isMP4(item.url)" :src="item.url" controls />
+      <img v-else :src="item.url" :alt="item.name" />
+      <el-icon v-if="props.type != 'view'" class="clear_btn" @click="handleClearAttr(item.id)"><CircleCloseFilled /></el-icon>
+    </div>
+  </section>
+</template>
+<script setup>
+import { ref, watch } from 'vue';
+import { CommonUpload } from '@/apis';
+
+const emit = defineEmits(['update:attrs']);
+const props = defineProps({
+  accept: {
+    type: String,
+    default: 'image/*',
+  },
+  type: {
+    type: String,
+    default: 'view',
+  },
+  attrs: {
+    type: Array,
+    default: () => [],
+  },
+  limit: {
+    type: Number,
+    default: 20,
+  },
+  fileNum: {
+    type: Number,
+    default: 4,
+  },
+});
+const attrs_ = ref([]);
+watch(
+  () => props.attrs,
+  (val) => {
+    attrs_.value = val;
+  },
+  { deep: true, immediate: true }
+);
+function handleClearAttr(id) {
+  attrs_.value = attrs_.value.filter((item) => item.id !== id);
+  emit('update:attrs', attrs_.value);
+}
+async function rowUploadPicture({ file }) {
+  const formData = new FormData();
+  formData.append('file', file);
+  const res = await CommonUpload(formData);
+  if (res.code === 200) {
+    attrs_.value.push({
+      ...res.data,
+      id: 'id_' + Date.now(),
+    });
+    emit('update:attrs', attrs_.value);
+  }
+}
+function isMP4(filePath) {
+  // 使用正则表达式检查文件路径是否以 .mp4 结尾（不区分大小写）
+  const regex = /\.mp4$/i;
+  return regex.test(filePath);
+}
+</script>
+
+<style lang="scss">
+.create_land_attrs_content_ {
+  display: grid;
+  flex-wrap: wrap;
+  grid-template-columns: repeat(var(--columns), 1fr);
+  box-sizing: border-box;
+  gap: 20px;
+  .custom-form__uploader {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+  }
+  > div {
+    aspect-ratio: 1 / 1;
+  }
+  .attrs_content__item {
+    box-sizing: border-box;
+    position: relative;
+    padding: 6px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    img,
+    video {
+      vertical-align: middle;
+      width: 100%;
+      height: 100%;
+      border-radius: 2px;
+    }
+    .clear_btn {
+      position: absolute;
+      right: 0px;
+      top: 0px;
+      font-size: 18px;
+      color: #f15c5c;
+      opacity: 0;
+      cursor: pointer;
+      background-color: #fff;
+      border-radius: 50%;
+    }
+    &:hover {
+      .clear_btn {
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/sub-government-affairs-service/src/views/landManage/component/illegalHandle/common/FileUpload.vue b/sub-government-affairs-service/src/views/landManage/component/illegalHandle/common/FileUpload.vue
index a9a1953..aeeacbb 100644
--- a/sub-government-affairs-service/src/views/landManage/component/illegalHandle/common/FileUpload.vue
+++ b/sub-government-affairs-service/src/views/landManage/component/illegalHandle/common/FileUpload.vue
@@ -18,10 +18,11 @@
 <script setup>
 import { ref, watch } from 'vue';
 import { ElMessage } from 'element-plus';
+import { CommonUpload } from '@/apis';
 
-const emit = defineEmits(['update:list']);
+const emit = defineEmits(['update:attrs']);
 const props = defineProps({
-  list: {
+  attrs: {
     type: Array,
     default: () => [],
   },
@@ -44,7 +45,7 @@ const props = defineProps({
 
 const fileList = ref([]);
 watch(
-  () => props.list,
+  () => props.attrs,
   (val) => {
     fileList.value = val;
   },
@@ -55,7 +56,7 @@ watch(
 /* --------------- methods --------------- */
 // #region
 
-function fileChange(file, list) {
+async function fileChange(file, list) {
   let formatReg = true;
   if (props.format.length > 0) {
     formatReg = props.format.includes(file.name.slice(file.name.lastIndexOf('.') + 1));
@@ -69,17 +70,34 @@ function fileChange(file, list) {
     ElMessage.error(`上传文件大小不能超过${props.size}MB`);
     delAttr(file.uid, list);
   }
-  fileList.value = list;
+  await rowUploadPicture(file);
 }
 function handleDelFile(file) {
   delAttr(file.uid, fileList.value);
 }
-function delAttr(id, list = []) {
-  if (!id || !list) return false;
-  let i = list.findIndex((v) => v.uid == id);
+function delAttr(uid, list = []) {
+  if (!uid || !list) return false;
+  let i = list.findIndex((v) => v.uid == uid);
   if (i < 0) return;
   else list.splice(i, 1);
+  emit('update:attrs', fileList.value);
 }
+
+async function rowUploadPicture({ raw, name, uid }) {
+  const formData = new FormData();
+  formData.append('file', raw);
+  const res = await CommonUpload(formData);
+  if (res.code === 200) {
+    fileList.value.push({
+      name,
+      url: res.data.url,
+      status: 'success',
+      uid,
+    });
+    emit('update:attrs', fileList.value);
+  }
+}
+
 // #endregion
 </script>
 
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
index 0c4787d..b08216f 100644
--- a/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue
+++ b/sub-government-affairs-service/src/views/landManage/component/illegalHandle/index.vue
@@ -17,12 +17,13 @@
         <el-button type="primary" @click="handleInfo(row)">登记处理</el-button>
       </template>
       <template #sceneProof-form>
-        <section>
+        <section class="proof_content_">
           <span>（照片、视频）</span>
+          <Attrs v-model:attrs="examineForm.proof" type="add" :limit="5" :file-num="5" accept="image/*,video/*" />
         </section>
       </template>
       <template #attrs_-form>
-        <FileUpload v-model:list="examineForm.attrs" :format="['rar', 'zip', 'doc', 'docx', 'pdf']" />
+        <FileUpload v-model:attrs="examineForm.attrs" :format="['rar', 'zip', 'doc', 'docx', 'pdf']" />
       </template>
     </avue-crud>
   </CustomCard>
@@ -30,22 +31,29 @@
 </template>
 
 <script setup>
-import { ref, reactive, h } from 'vue';
+import { ref, reactive, h, onMounted } from 'vue';
 import { CRUD_OPTIONS } from '@/config';
 import CustomCard from '@/components/CustomCard.vue';
 import { useUserStore } from '@/store/modules/user';
 import Register from './common/Register.vue';
 import FileUpload from './common/FileUpload.vue';
+import { getLandIllegal, createLandIllegal, registerLandIllegal, illegalInfo } from '@/apis/land';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import Attrs from '../../common/Attrs.vue';
 
 const { VITE_APP_BASE_API } = import.meta.env;
 const UserStore = useUserStore();
 
+onMounted(() => {
+  getList();
+});
+
 /* --------------- data --------------- */
 // #region
 const crudRef = ref();
 const searchData = ref({
-  caseNum: '',
-  process: '',
+  caseId: '',
+  caseResult: '',
 });
 const page = ref({
   currentPage: 1,
@@ -53,62 +61,50 @@ const page = ref({
   total: 3,
 });
 const _loading = ref(false);
-const data = ref([
-  {
-    id_: '1',
-    caseNum: '111111111',
-    name: '张三',
-    unit: '123333333333333333333333333333',
-    owner: '张三',
-    process: '北京',
-    date: '2020-02-02',
-  },
-  {
-    id_: '2',
-    caseNum: '222222222',
-    name: '张三',
-    unit: '123333333333333333333333333333',
-    owner: '张三',
-    process: '北京',
-    date: '2020-02-02',
-  },
-  {
-    id_: '3',
-    caseNum: '333333333333',
-    name: '张三',
-    unit: '123333333333333333333333333333',
-    owner: '张三',
-    process: '北京',
-    date: '2020-02-02',
-  },
-]);
+const data = ref([]);
+const landsArr = ref([]);
 const option = ref({
   ...CRUD_OPTIONS,
   refreshBtn: false,
+  rowKey: 'caseId',
   editTitle: '案件登记处理',
   column: [
     {
       label: '案件编号',
-      prop: 'caseNum',
+      prop: 'caseId',
       search: true,
       editDisplay: false,
       viewDisplay: false,
+      rules: [
+        {
+          required: true,
+          message: '请选择',
+          trigger: 'blur',
+        },
+      ],
     },
     {
       label: '案件名称',
-      prop: 'name',
+      prop: 'caseName',
       editDisplay: false,
       viewDisplay: false,
+      rules: [
+        {
+          required: true,
+          message: '请选择',
+          trigger: 'blur',
+        },
+      ],
     },
     {
       label: '关联单位',
-      prop: 'unit',
+      prop: 'relatedUnit',
       editDisplay: false,
       viewDisplay: false,
     },
     {
       label: '关联土地·',
-      prop: 'land',
+      prop: 'landId',
       type: 'select',
       addDisplay: true,
       hide: true,
@@ -125,9 +121,19 @@ const option = ref({
       dicHeaders: {
         authorization: UserStore.token,
       },
-      dicFormatter: (res) => res?.data?.records ?? [],
+      dicFormatter: (res) => {
+        landsArr.value = res?.data?.records ?? [];
+        return res?.data?.records ?? [];
+      },
       editDisplay: false,
       viewDisplay: false,
+      rules: [
+        {
+          required: true,
+          message: '请选择',
+          trigger: 'blur',
+        },
+      ],
     },
     {
       label: '联系电话',
@@ -138,7 +144,7 @@ const option = ref({
     },
     {
       label: '法定代表人',
-      prop: 'onwer',
+      prop: 'legalPerson',
       addDisplay: true,
       hide: true,
       editDisplay: false,
@@ -146,7 +152,7 @@ const option = ref({
     },
     {
       label: '统一社会信用代码',
-      prop: 'code',
+      prop: 'usciCode',
       addDisplay: true,
       hide: true,
       editDisplay: false,
@@ -154,7 +160,7 @@ const option = ref({
     },
     {
       label: '违法情况',
-      prop: 'illegal',
+      prop: 'violationSituation',
       type: 'textarea',
       addDisplay: true,
       hide: true,
@@ -165,7 +171,7 @@ const option = ref({
     },
     {
       label: '负责人',
-      prop: 'owner',
+      prop: 'responsiblePerson',
       display: false,
       addDisplay: true,
       editDisplay: false,
@@ -173,7 +179,7 @@ const option = ref({
     },
     {
       label: '案件进度',
-      prop: 'process',
+      prop: 'caseResult',
       display: false,
       search: true,
       addDisplay: true,
@@ -182,7 +188,7 @@ const option = ref({
     },
     {
       label: '案件结果',
-      prop: 'result',
+      prop: 'caseResult',
       display: false,
       addDisplay: true,
       editDisplay: false,
@@ -190,7 +196,7 @@ const option = ref({
     },
     {
       label: '处理时间',
-      prop: 'date',
+      prop: 'updateTime',
       display: false,
       addDisplay: false,
       editDisplay: true,
@@ -205,23 +211,23 @@ const option = ref({
       column: [
         {
           label: '案件名称',
-          prop: 'name',
+          prop: 'caseName',
           render: ({ row }) => {
-            return h('span', {}, row.name);
+            return h('span', {}, row.caseName);
           },
         },
         {
           label: '案件编号',
-          prop: 'caseNum',
+          prop: 'caseId',
           render: ({ row }) => {
-            return h('span', {}, row.caseNum);
+            return h('span', {}, row.caseId);
           },
         },
         {
           label: '关联单位',
-          prop: 'unit',
+          prop: 'relatedUnit',
           render: ({ row }) => {
-            return h('span', {}, row.unit);
+            return h('span', {}, row.relatedUnit);
           },
         },
         {
@@ -233,9 +239,9 @@ const option = ref({
         },
         {
           label: '法定代表人',
-          prop: 'onwer',
+          prop: 'legalPerson',
           render: ({ row }) => {
-            return h('span', {}, row.onwer);
+            return h('span', {}, row.legalPerson);
           },
         },
         {
@@ -247,18 +253,18 @@ const option = ref({
         },
         {
           label: '统一社会信用代码',
-          prop: 'code',
+          prop: 'usciCode',
           span: 24,
           render: ({ row }) => {
-            return h('span', {}, row.code);
+            return h('span', {}, row.usciCode);
           },
         },
         {
           label: '违法情况',
-          prop: 'result',
+          prop: 'violationSituation',
           span: 24,
           render: ({ row }) => {
-            return h('span', {}, row.result);
+            return h('span', {}, row.violationSituation);
           },
         },
       ],
@@ -270,7 +276,7 @@ const option = ref({
       column: [
         {
           label: '案情记录',
-          prop: 'caseRecords',
+          prop: 'caseRecord',
           type: 'textarea',
           span: 24,
           display: true,
@@ -285,7 +291,7 @@ const option = ref({
         },
         {
           label: '执法文书',
-          prop: 'document',
+          prop: 'lawDocument',
           labelSuffix: '件',
           span: 24,
           display: true,
@@ -294,20 +300,20 @@ const option = ref({
           dicData: [
             {
               label: '协助调查函',
-              value: 0,
-            },
-            {
-              label: '抽样取样凭证',
               value: 1,
             },
             {
-              label: '检测报告',
+              label: '抽样取样凭证',
               value: 2,
             },
             {
-              label: '其他文书',
+              label: '检测报告',
               value: 3,
             },
+            {
+              label: '其他文书',
+              value: 4,
+            },
           ],
         },
         {
@@ -325,28 +331,28 @@ const option = ref({
           label: '案件处理结果',
           prop: 'caseResult',
           type: 'radio',
-          value: 0,
+          value: 1,
           dicData: [
             {
               label: '正常营业，无违规行为',
-              value: 0,
-            },
-            {
-              label: '简易程序，当场行政处罚',
               value: 1,
             },
             {
-              label: '普通程序，当场处罚立案审批',
+              label: '简易程序，当场行政处罚',
               value: 2,
             },
             {
-              label: '移送程序，案件移送',
+              label: '普通程序，当场处罚立案审批',
               value: 3,
             },
             {
-              label: '特殊程序，案件终止',
+              label: '移送程序，案件移送',
               value: 4,
             },
+            {
+              label: '特殊程序，案件终止',
+              value: 5,
+            },
           ],
           span: 24,
           display: true,
@@ -360,27 +366,43 @@ const caseInfo = ref({
   visible: false,
 });
 const examineForm = reactive({
-  record: '',
+  caseId: '',
   proof: [],
-  document: 1,
   attrs: [],
-  result: 1,
 });
 // #endregion
 
 /* --------------- methods --------------- */
 
 // #region
+
+async function getList() {
+  let params = {
+    current: page.value.currentPage,
+    size: page.value.pageSize,
+    ...searchData.value,
+  };
+  console.log('params -- ', params);
+  let res = await getLandIllegal(params);
+  console.log('res -- ', res);
+  if (res.code == 200) {
+    data.value = res.data.records;
+    page.value.total = res.data.total;
+  }
+}
 function handlePageChange(val) {
   console.log('page', val);
   page.value.currentPage = val;
+  getList();
 }
 function handleSizeChange(val) {
+  page.value.currentPage = 1;
   page.value.pageSize = val;
-  console.log('size', val, page.value);
+  getList();
 }
 function handleInfo(row) {
   console.log('row', row);
+  examineForm.caseId = row.caseId;
   // caseInfo.value.visible = true;
   crudRef.value.rowEdit(row);
   // crudRef.value.rowView(row);
@@ -392,27 +414,75 @@ function handleSearch(form, done) {
     done();
   }, 1000);
 }
-function handleRowSave(val, done, loading) {
-  console.log('val', val);
-  console.log('done', done);
-  console.log('loading', loading);
-  loading();
-  let t = setTimeout(() => {
-    clearTimeout(t);
+async function handleRowSave(val, done, loading) {
+  let data = {
+    caseId: val.caseId,
+    caseName: val.caseName,
+    relatedUnit: val.relatedUnit,
+    relatedLand: val.landId,
+    phone: val.phone,
+    legalPerson: val.legalPerson,
+    usciCode: val.usciCode,
+    violationSituation: val.violationSituation,
+  };
+  if (val.landId) {
+    data.relatedLandname = landsArr.value.find((item) => item.id == val.landId).landName;
+  }
+  console.log('val', data);
+  let res = await createLandIllegal(data);
+  if (res.code == 200) {
+    ElMessage.success('创建成功');
+    getList();
     done();
-  }, 1000);
+    ElMessageBox.confirm('土地违法案件信息已添加，是否现在添加案件处理信息与结果。后续也可以单独添加。', '案件信息已添加', {
+      confirmButtonText: '是，现在添加',
+      cancelButtonText: '否，后续添加',
+      type: 'success',
+    })
+      .then(() => {
+        // getDetails('c-1');
+      })
+      .catch(() => {});
+  }
+  loading();
 }
 
-function handleExamine(val, done, loading) {
-  console.log('val', val);
-  console.log('done', done);
-  console.log('loading', loading);
+async function handleExamine(val, done, loading) {
+  let data = {
+    caseId: examineForm.caseId,
+    caseRecord: val.caseRecord,
+    caseResult: val.caseResult,
+    lawDocument: val.lawDocument,
+  };
+  if (examineForm.proof.length > 0) {
+    data.evidenceFile = examineForm.proof.map((v) => v.url).join();
+  }
+  if (examineForm.attrs.length > 0) {
+    data.lawFile = examineForm.attrs.map((v) => `${v.name}&${v.url}`).join();
+  }
+  console.log('val', data);
+  let res = await registerLandIllegal(data);
+  console.log('res --', res);
   loading();
+  if (res.code == 200) {
+    ElMessage.success('提交成功');
+    getList();
+  }
+}
+async function getDetails(id) {
+  let res = await illegalInfo(id);
+  console.log('detaile', res);
 }
 // #endregion
 </script>
 
 <style lang="scss" scoped>
+.proof_content_ {
+  display: flex;
+  > section {
+    flex: 1;
+  }
+}
 ::v-deep() {
   .attrs_ {
     .el-form-item__label {
diff --git a/sub-government-affairs-service/src/views/landManage/component/landsManage/common/Attrs.vue b/sub-government-affairs-service/src/views/landManage/component/landsManage/common/Attrs.vue
index 8398310..bd11034 100644
--- a/sub-government-affairs-service/src/views/landManage/component/landsManage/common/Attrs.vue
+++ b/sub-government-affairs-service/src/views/landManage/component/landsManage/common/Attrs.vue
@@ -3,9 +3,9 @@
     <el-upload
       v-if="props.view != 'view'"
       class="custom-form__uploader"
-      action="#"
+      action=""
       :show-file-list="false"
-      accept="image/*"
+      :accept="props.accept"
       :limit="20"
       :http-request="rowUploadPicture"
     >
@@ -23,6 +23,10 @@ import { CommonUpload } from '@/apis';
 
 const emit = defineEmits(['update:attrs']);
 const props = defineProps({
+  accept: {
+    type: String,
+    default: 'image/*',
+  },
   view: {
     type: String,
     default: 'view',
@@ -58,7 +62,7 @@ async function rowUploadPicture({ file }) {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .create_land_attrs_content_ {
   display: flex;
   flex-wrap: wrap;
diff --git a/sub-government-affairs-service/src/views/landManage/component/landsManage/index.vue b/sub-government-affairs-service/src/views/landManage/component/landsManage/index.vue
index f23ac9c..482afdb 100644
--- a/sub-government-affairs-service/src/views/landManage/component/landsManage/index.vue
+++ b/sub-government-affairs-service/src/views/landManage/component/landsManage/index.vue
@@ -550,46 +550,4 @@ async function handleRowSave(val, done, loading) {
     }
   }
 }
-.create_land_attrs_content_ {
-  display: flex;
-  flex-wrap: wrap;
-  box-sizing: border-box;
-  gap: 20px;
-  .custom-form__uploader {
-    box-sizing: border-box;
-    height: auto;
-  }
-  > div {
-    width: calc(50% - 10px);
-    aspect-ratio: 1 / 1;
-  }
-  .attrs_content__item {
-    box-sizing: border-box;
-    position: relative;
-    padding: 6px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 2px;
-    }
-    .clear_btn {
-      position: absolute;
-      right: 0px;
-      top: 0px;
-      font-size: 18px;
-      color: #f15c5c;
-      opacity: 0;
-      cursor: pointer;
-      background-color: #fff;
-      border-radius: 50%;
-    }
-    &:hover {
-      .clear_btn {
-        opacity: 1;
-      }
-    }
-  }
-}
 </style>