From d0d08513589dfc15deb589d29fb1d57655a19c34 Mon Sep 17 00:00:00 2001
From: THK3121 <thk121969318@163.com>
Date: Tue, 1 Aug 2023 09:33:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A1=A3=E6=A1=88=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/examined/editFlow.vue       |   55 +-
 src/views/examined/examinedCate.vue   |   23 +-
 src/views/examined/examinedFlow.vue   |   24 +-
 src/views/fileManagement/detil.vue    | 2408 +++++++++++++++++++++++++
 src/views/fileManagement/editCate.vue |  126 ++
 src/views/fileManagement/index.vue    |  171 ++
 6 files changed, 2771 insertions(+), 36 deletions(-)
 create mode 100644 src/views/fileManagement/detil.vue
 create mode 100644 src/views/fileManagement/editCate.vue
 create mode 100644 src/views/fileManagement/index.vue

diff --git a/src/views/examined/editFlow.vue b/src/views/examined/editFlow.vue
index 500357a..347c962 100644
--- a/src/views/examined/editFlow.vue
+++ b/src/views/examined/editFlow.vue
@@ -27,14 +27,14 @@
                   clearable
                   :style="{ width: '100%' }"
                 >
-                  <el-option label="假勤" value="1"></el-option>
-                  <el-option label="行政" value="2"></el-option>
-                  <el-option label="财务" value="3"></el-option>
-                  <el-option label="人事" value="3"></el-option>
-                  <el-option label="其他" value="3"></el-option>
-                  <el-option label="报销" value="3"></el-option>
-                  <el-option label="发票" value="3"></el-option>
-                  <el-option label="合同" value="3"></el-option>
+                  <el-option label="假勤" :value="1"></el-option>
+                  <el-option label="行政" :value="2"></el-option>
+                  <el-option label="财务" :value="3"></el-option>
+                  <el-option label="人事" :value="3"></el-option>
+                  <el-option label="其他" :value="3"></el-option>
+                  <el-option label="报销" :value="3"></el-option>
+                  <el-option label="发票" :value="3"></el-option>
+                  <el-option label="合同" :value="3"></el-option>
                 </el-select> </el-form-item
             ></el-col>
             <el-col :span="8">
@@ -67,15 +67,10 @@
         <el-col :span="8">
           <el-form-item
             label="流程类型"
-            prop="check_type"
+            prop="flow_detail.check_type"
             clearable
             :style="{ width: '100%' }"
           >
-            <!-- <el-select v-model="formData.check_type">
-              <el-option label="固定审批" value="1"></el-option>
-              <el-option label="授权审批人" value="2"></el-option>
-              <el-option label="可回退审批" value="3"></el-option>
-            </el-select>  -->
             <el-radio-group
               v-model="formData.flow_detail.type"
               @change="checkTypeFn"
@@ -107,7 +102,7 @@
               <el-form-item label="指定人员">
                 <el-input
                   clearable
-                  v-model="item.user.name"
+                  v-model="item.user[0].name"
                   placeholder="指定人员"
                   @click="test(index)"
                 />
@@ -148,7 +143,7 @@
             <el-col :span="12">
               <el-form-item label="指定人员">
                 <el-input
-                  v-model="item.user.name"
+                  v-model="item.user[0].name"
                   @click="test(index)"
                   clearable
                   placeholder="指定人员"
@@ -245,11 +240,11 @@ const formData = reactive({
   //   },
 
   id: "",
-  name: "4444",
-  check_type: 1,
-  type: "1",
-  flow_cate: "6",
-  remark: "666666",
+  name: "",
+  check_type: "",
+  type: "",
+  flow_cate: "",
+  remark: "",
   //   admin_id: "",
   flow_detail: {
     type: 1,
@@ -261,7 +256,7 @@ const formData = reactive({
   //   flowName: [""],
   //   flowUnamesB: [""],
   //   flowUidsB: [],
-  copy_to: [{ id: "", name: "4524545" }],
+  copy_to: [{ id: "", name: "" }],
 });
 //单选框改变时清空单选下的表单数据
 const checkTypeFn = () => {
@@ -318,34 +313,32 @@ function customEvent(data: any) {
     formData.copy_to[0].id = data.id;
     formData.copy_to[0].name = data.name;
   } else {
-    formData.flow_detail.step[i].user.id = data.id;
-    formData.flow_detail.step[i].user.name = data.name;
+    formData.flow_detail.step[i].user[0].id = data.id;
+    formData.flow_detail.step[i].user[0].name = data.name;
   }
   i = -1;
 }
 // 获取详情
 const setFormData = async (data: Record<any, any>) => {
   let res = await apiFlowDetil(data.id);
-
   for (const key in formData) {
     if (data[key] != null && data[key] != undefined) {
       //@ts-ignore
       formData[key] = res[key];
     }
   }
-  console.log(formData);
+  formData.flow_detail.type = Number(formData.flow_detail.type);
 };
 
 const getDetail = async (row: Record<string, any>) => {
-  const data = await apiFlowDetail({
-    id: row.id,
-  });
-  setFormData(data);
+  // const data = await apiFlowDetail({
+  //     id: row.id,
+  // });
+  // setFormData(data);
 };
 const a = {};
 // 提交按钮
 const handleSubmit = async () => {
-  console.log(formData);
   await formRef.value?.validate();
   mode.value == "edit"
     ? await apiFlowCreat(formData)
diff --git a/src/views/examined/examinedCate.vue b/src/views/examined/examinedCate.vue
index 8412b59..0a29fbc 100644
--- a/src/views/examined/examinedCate.vue
+++ b/src/views/examined/examinedCate.vue
@@ -36,11 +36,25 @@
             prop="type_name"
             show-overflow-tooltip
           />
-          <el-table-column label="状态" prop="status" show-overflow-tooltip>
+          <!-- <el-table-column label="状态" prop="status" show-overflow-tooltip>
             <template #default="{ row }">
               <span v-if="row.status == 1" style="color: #67c23a">正常</span>
               <span v-else style="color: #fe0000">禁用</span>
             </template>
+          </el-table-column> -->
+          <el-table-column
+            label="账号状态"
+            min-width="100"
+            v-perms="['auth.admin/edit']"
+          >
+            <template #default="{ row }">
+              <el-switch
+                v-model="row.status"
+                :active-value="1"
+                :inactive-value="0"
+                @change="changeStatus(row)"
+              />
+            </template>
           </el-table-column>
           <el-table-column
             label="操作"
@@ -86,7 +100,7 @@
 <script lang="ts" setup name="flowTypeLists">
 import { usePaging } from "@/hooks/usePaging";
 import { useDictData } from "@/hooks/useDictOptions";
-import { apiCateLists } from "@/api/examined";
+import { apiCateLists, apiCateStatus } from "@/api/examined";
 import { timeFormat } from "@/utils/util";
 import feedback from "@/utils/feedback";
 // import { getRoutePath } from "router";
@@ -144,6 +158,9 @@ const handleDelete = async (id: number | any[]) => {
   await apiFlowTypeDelete({ id });
   getLists();
 };
-
+// 状态
+const changeStatus = (row: any) => {
+  apiCateStatus({ id: row.id, status: row.status });
+};
 getLists();
 </script>
diff --git a/src/views/examined/examinedFlow.vue b/src/views/examined/examinedFlow.vue
index 38e51dd..4809e16 100644
--- a/src/views/examined/examinedFlow.vue
+++ b/src/views/examined/examinedFlow.vue
@@ -111,11 +111,26 @@
             prop="admin_id"
             show-overflow-tooltip
           />
-          <el-table-column label="状态" prop="status" show-overflow-tooltip>
+          <!-- <el-table-column label="状态" prop="status" show-overflow-tooltip>
             <template #default="{ row }">
               <span v-if="row.status == 1">启用</span>
               <span v-if="row.status == 0">禁用</span>
             </template>
+          </el-table-column> -->
+          <el-table-column
+            label="账号状态"
+            min-width="100"
+            v-perms="['auth.admin/edit']"
+          >
+            <template #default="{ row }">
+              <el-switch
+                v-if="row.root != 1"
+                v-model="row.status"
+                :active-value="1"
+                :inactive-value="0"
+                @change="changeStatus(row)"
+              />
+            </template>
           </el-table-column>
           <el-table-column
             label="删除人ID"
@@ -161,7 +176,7 @@
 <script lang="ts" setup name="flowLists">
 import { usePaging } from "@/hooks/usePaging";
 import { useDictData } from "@/hooks/useDictOptions";
-import { apiFlowLists, apiFlowDetil } from "@/api/examined";
+import { apiFlowLists, apiFlowDetil, apiFlowStatus } from "@/api/examined";
 import { timeFormat } from "@/utils/util";
 import feedback from "@/utils/feedback";
 import EditPopup from "./editFlow.vue";
@@ -216,6 +231,11 @@ const handleEdit = async (data: any) => {
   editRef.value?.open("edit");
   editRef.value?.setFormData(data);
 };
+// 状态
+const changeStatus = (row: any) => {
+  console.log(row.status);
+  apiFlowStatus({ id: row.id, status: row.status });
+};
 
 // 删除
 // const handleDelete = async (id: number | any[]) => {
diff --git a/src/views/fileManagement/detil.vue b/src/views/fileManagement/detil.vue
new file mode 100644
index 0000000..b0ec69b
--- /dev/null
+++ b/src/views/fileManagement/detil.vue
@@ -0,0 +1,2408 @@
+<template>
+  <div class="content">
+    <el-form ref="elForm" :model="formData" size="mini" label-width="100px">
+      <div class="tit">个人信息</div>
+
+      <el-col>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="姓名" prop="name">
+              <el-input
+                v-model="formData.name"
+                placeholder="请输入姓名"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="电话" prop="phone">
+              <el-input
+                v-model="formData.phone"
+                placeholder="请输入电话"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <!-- <el-col :span="6">
+            <el-form-item label="住址" prop="address">
+              <el-input
+                v-model="formData.address"
+                placeholder="请输入家庭住址"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="8">
+            <el-form-item label="所属成员" prop="field104">
+              <el-input
+                v-model="formData.field104"
+                placeholder="请输入所属成员"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-form-item label="省" prop="province" style="flex: 1">
+            <el-select
+              :disabled="isCheck"
+              v-model="formData.province"
+              placeholder="请选择省"
+              clearable
+              @change="province_change"
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="(item, index) in datas.provinceOptions"
+                :key="index"
+                :label="item.province_name"
+                :value="item.province_code"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="市" prop="city" style="flex: 1">
+            <el-select
+              :disabled="isCheck"
+              v-model="formData.city"
+              placeholder="请选择市"
+              clearable
+              @change="city_change"
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="(item, index) in datas.cityOptions"
+                :key="index"
+                :label="item.city_name"
+                :value="item.city_code"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="区" prop="area" style="flex: 1">
+            <el-select
+              :disabled="isCheck"
+              v-model="formData.area"
+              placeholder="请选择区"
+              clearable
+              @change="area_change"
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="(item, index) in datas.areaOptions"
+                :key="index"
+                :label="item.area_name"
+                :value="item.area_code"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="镇" prop="street" style="flex: 1">
+            <el-select
+              :disabled="isCheck"
+              v-model="formData.street"
+              placeholder="请选择镇"
+              clearable
+              @change="street_change"
+              :style="{ width: '100%' }"
+            >
+              <el-option
+                v-for="(item, index) in datas.streetOptions"
+                :key="index"
+                :label="item.street_name"
+                :value="item.street_code"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="村社小队" prop="address" style="flex: 1.5">
+            <el-input
+              :disabled="isCheck"
+              v-model="formData.address"
+              placeholder="请输入村社小队"
+              clearable
+              :style="{ width: '100%' }"
+            ></el-input>
+          </el-form-item>
+        </el-row>
+      </el-col>
+
+      <p class="tit">常住人口</p>
+      <el-col>
+        <div v-for="(item, index) in formData.family" :key="index">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="姓名" prop="name">
+                <el-input
+                  v-model="item.name"
+                  placeholder="请输入姓名"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6" class="dates">
+              <el-form-item label="出生日期" prop="field110">
+                <el-date-picker
+                  :disabled="true"
+                  v-model="item.birth_time"
+                  style="width: 14vw"
+                  placeholder="请输入出生日期"
+                  clearable
+                ></el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="就业情况" prop="field111">
+                <el-select
+                  :disabled="true"
+                  v-model="item.work"
+                  placeholder="请输入就业情况"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                  <el-option
+                    v-for="(items, indexs) in workLists"
+                    :key="indexs"
+                    :label="items.name"
+                    :value="items.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="电话" prop="field140">
+                <el-input
+                  v-model="item.phone"
+                  :disabled="true"
+                  placeholder="请输入电话"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="技能特长" prop="field119">
+                <el-input
+                  v-model="item.skills"
+                  placeholder="请输入技能特长"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+
+        <el-form-item label-width="150px" label="是否有婴幼儿">
+          <el-switch v-model="formData.child"></el-switch>
+        </el-form-item>
+        <p style="padding: 0 0 20px 10px">
+          <el-button type="primary" size="medium" @click="addFamilyMember">
+            添加家庭成员
+          </el-button>
+          &nbsp;
+          <el-button
+            v-if="formData.child"
+            type="primary"
+            @click="addKids"
+            size="medium"
+          >
+            添加婴幼儿
+          </el-button>
+        </p>
+      </el-col>
+      <div v-for="(item, index) in formData.child_arr" v-if="formData.child">
+        <el-col>
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="儿子姓名" prop="field125">
+                <el-input
+                  v-model="item.name"
+                  placeholder="请输入儿子姓名"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="年龄" prop="field133" class="dates">
+                <el-date-picker
+                  v-model="item.birth"
+                  :style="{ width: '100%' }"
+                  placeholder="请选择出生日期"
+                  clearable
+                ></el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="年领" prop="field134">
+                <el-input
+                  v-model="item.age"
+                  clearable
+                  :disabled="true"
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="4" v-if="formData.child_arr[index].age < 3">
+              <el-form-item label-width="4vw" label="" prop="field156">
+                <el-radio-group v-model="item.feeding" size="medium">
+                  <el-radio
+                    v-for="(items, indexs) in datas.feedsList"
+                    :key="index"
+                    :label="items.value"
+                    >{{ items.label }}</el-radio
+                  >
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="6" v-if="formData.child_arr[index].age >= 3">
+              <el-form-item label="年纪" prop="field141">
+                <el-input
+                  v-model="item.grade"
+                  placeholder="请输入年纪"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row v-if="formData.child_arr[index].age >= 3">
+            <el-col :span="12">
+              <el-form-item label="补课情况" prop="field135">
+                <el-checkbox-group v-model="item.lessons" size="medium">
+                  <el-checkbox
+                    v-for="(items, indexs) in datas.subjs"
+                    :key="indexs"
+                    :label="items.value"
+                    >{{ items.label }}</el-checkbox
+                  >
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="备注" prop="field138">
+                <el-input
+                  v-model="item.notes"
+                  placeholder="请输入备注"
+                  clearable
+                  type="textarea"
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+
+        <el-col v-if="formData.child_arr[index].age < 3">
+          <el-row>
+            <el-col :span="24">
+              <el-form-item label="备注" prop="field157">
+                <el-input
+                  v-model="item.notes"
+                  placeholder="请输入备注"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </div>
+
+      <p class="tit">家庭情况</p>
+      <el-col>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item
+              label="汽车是否能到家"
+              prop="field162"
+              label-width="200px"
+            >
+              <el-switch v-model="formData.highway"></el-switch>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label="是否使用智能手机"
+              prop="smart_phone"
+              label-width="200px"
+            >
+              <el-switch v-model="formData.smart_phone"></el-switch>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="formData.smart_phone">
+            <el-form-item
+              label="请留下您的微信号"
+              label-width="200px"
+              prop="field164"
+            >
+              <el-input
+                v-model="formData.wechat"
+                placeholder="请请留下您的微信号"
+                clearable
+                :style="{ width: '100%' }"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+      <p class="tit">养殖信息</p>
+
+      <el-col>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="耕地总面积" prop="field166">
+              <el-input
+                v-model="formData.cultivated_area"
+                placeholder="请输入耕地总面积"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="10">
+            <el-form-item label="土地规划" prop="field167">
+              <el-checkbox-group v-model="formData.planning" size="medium">
+                <el-checkbox
+                  v-for="(item, index) in datas.plantList"
+                  :key="index"
+                  :label="item.value"
+                  >{{ item.label }}</el-checkbox
+                >
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item
+              label="有无种培训/注册成立公司经历"
+              prop="field168"
+              label-width="230px"
+            >
+              <el-switch v-model="formData.breeding_training"></el-switch>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+
+      <el-col :span="24" v-if="formData.breeding_training">
+        <el-form-item label="备注" prop="field169">
+          <el-input
+            v-model="formData.notes"
+            placeholder="请输入备注"
+            clearable
+            :style="{ width: '100%' }"
+          >
+          </el-input>
+        </el-form-item>
+      </el-col>
+
+      <p class="tit">土地具体信息</p>
+      <div v-for="(item, index) in formData.farmland">
+        <el-col>
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="种养殖类别" prop="field171">
+                <el-input
+                  v-model="item.breeding_time"
+                  placeholder="如  土豆"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="种养殖面积" prop="field172">
+                <el-input
+                  v-model="item.area"
+                  placeholder="请输入面积"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="种植开始时" prop="field173" class="dates">
+                <el-date-picker
+                  v-model="item.breeding_time"
+                  :style="{ width: '100%' }"
+                  placeholder="请选择种植开始时"
+                  clearable
+                ></el-date-picker>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label="上市时间" prop="field174" class="dates">
+                <el-date-picker
+                  v-model="item.mature_time"
+                  :style="{ width: '100%' }"
+                  placeholder="请选择上市时间"
+                  clearable
+                ></el-date-picker>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row
+            ><el-col :span="8">
+              <el-form-item label="产量" prop="field175">
+                <el-input
+                  v-model="item.yield"
+                  placeholder="请输入产量"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item
+                label="农资农具使用情况"
+                label-width="150px"
+                prop="field176"
+              >
+                <el-input
+                  v-model="item.farm_tools"
+                  placeholder="请输入农资农具使用情况"
+                  clearable
+                  :style="{ width: '100%' }"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="预售卖价格" prop="field177">
+                <el-input
+                  v-model="item.pre_price"
+                  placeholder="请输入预售卖价格"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item> </el-col
+          ></el-row>
+        </el-col>
+
+        <el-col>
+          <el-row>
+            <el-col :span="6">
+              <el-form-item label="销售方式" prop="field180">
+                <el-checkbox-group v-model="item.method_sales" size="medium">
+                  <el-checkbox
+                    v-for="(items, indexs) in datas.sellType"
+                    :key="indexs"
+                    :label="items.value"
+                    >{{ items.label }}</el-checkbox
+                  >
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label-width="100px" prop="field179">
+                <el-radio-group v-model="item.ecological_farming" size="medium">
+                  <el-radio label="1">是否生态种植</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="4">
+              <el-form-item label-width="100px" prop="field182">
+                <el-radio-group v-model="item.promote" size="medium">
+                  <el-radio label="1">有无宣传推广</el-radio>
+
+                  >
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="4">
+              <el-form-item label-width="100px" prop="field181">
+                <el-radio-group v-model="item.processing_storage" size="medium">
+                  <el-radio label="1">有无加工仓储</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label-width="100px" prop="field183">
+                <el-radio-group v-model="item.transportation" size="medium">
+                  <el-radio label="1">有无运输</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </div>
+      <p style="padding: 0 0 20px 10px">
+        <el-button type="primary" size="medium" @click="addLand">
+          添加土地信息
+        </el-button>
+      </p>
+      <el-col>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="种植诉求" prop="field189">
+              <el-input
+                v-model="formData.demand"
+                placeholder="请输入种植诉求"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="政策补助" prop="field190">
+              <el-input
+                v-model="formData.policy_subsidies"
+                placeholder="请输入政策补助"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label-width="4vw" prop="field188">
+              <el-radio-group
+                v-model="formData.expand_business_needs"
+                size="medium"
+              >
+                <el-radio
+                  v-for="(item, index) in field188Options"
+                  :key="index"
+                  :label="item.value"
+                  >{{ item.label }}</el-radio
+                >
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+      <p class="tit">
+        更新时间 <span style="font-size: 14px">2022年12月30日</span>
+      </p>
+      <div
+        v-for="(item, index) in formData.housingDecoration"
+        v-if="formData.housingDecoration[0]?.field101"
+        :key="index"
+      >
+        <el-col>
+          <el-row>
+            <el-col :span="4">
+              <el-form-item label-width="100px" prop="field101">
+                <el-radio-group v-model="item.field101" size="medium">
+                  <el-radio :label="1">修房</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label-width="100px" prop="field102">
+                <el-radio-group v-model="item.field102" size="medium">
+                  <el-radio label="1">自建</el-radio>
+                  <el-radio label="2">外包</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="建设面积" prop="field103">
+                <el-input
+                  v-model="item.field103"
+                  placeholder="请输入建设面积"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="房屋风格" prop="field104">
+                <el-select
+                  :disabled="isCheck"
+                  v-model="formData.province"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                  <el-option
+                    v-for="(item, index) in datas.houseStyle"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="修建地址" prop="field105">
+                <el-input
+                  v-model="item.field105"
+                  placeholder="请输入修建地址"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="预算" prop="field106">
+                <el-input
+                  v-model="item.field106"
+                  placeholder="请输入预算"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="2">
+              <el-form-item label-width="50px" prop="field108">
+                <el-radio-group v-model="item.field102" size="medium">
+                  <el-radio label="1">绿化</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="3">
+              <el-form-item label-width="100px" prop="field109">
+                <el-radio-group v-model="item.field102" size="medium">
+                  <el-radio label="1">装修</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="3">
+              <el-form-item label-width="0" prop="field110">
+                <el-radio-group v-model="item.field102" size="medium">
+                  <el-radio :label="1">私人建设</el-radio>
+                  <el-radio :label="2">公共建设</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="24">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item
+                label="建筑、在建土地"
+                label-width="150px"
+                prop="field113"
+              >
+                <img
+                  src="https://img0.baidu.com/it/u=1617940732,1879989235&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"
+                  alt="图片加载失败"
+                  style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-button
+                type="primary"
+                size="medium"
+                style="position: absolute; bottom: 2vh"
+              >
+                分析该信息
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="分析结论" prop="field114">
+            <el-input
+              v-model="item.field114"
+              placeholder="请输入分析结论"
+              clearable
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <!-- 分割线 -->
+        <div style="box-sizing: border-box; padding: 0 2vw">
+          <p
+            style="
+              border: 1px solid #bfbfbf;
+              margin-bottom: 6px;
+              text-align: center;
+            "
+          ></p>
+        </div>
+      </div>
+      <div
+        v-for="(item, index) in formData.housingDecoration"
+        v-if="formData.housingDecoration[0]?.field101"
+        :key="index"
+      >
+        <el-col>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label-width="100px" prop="field101">
+                <el-radio-group v-model="item.field101" size="medium">
+                  <el-radio :label="1">装房</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="房屋面积" prop="field103">
+                <el-input
+                  v-model="item.field103"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="房屋风格" prop="field104">
+                <el-select
+                  :disabled="isCheck"
+                  v-model="formData.province"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                  <el-option
+                    v-for="(item, index) in datas.houseStyle"
+                    :key="index"
+                    :label="item.label"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="地点" prop="field105">
+                <el-input
+                  v-model="item.field105"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label-width="100px" prop="field110">
+                <el-radio-group v-model="item.field102" size="medium">
+                  <el-radio :label="1">私人建设</el-radio>
+                  <el-radio :label="2">公共建设</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="预算" prop="field103">
+                <el-input
+                  v-model="item.field103"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <!-- 分割线 -->
+        <div style="box-sizing: border-box; padding: 0 2vw">
+          <p
+            style="
+              border: 1px solid #bfbfbf;
+              margin-bottom: 6px;
+              text-align: center;
+            "
+          ></p>
+        </div>
+      </div>
+      <!-- <el-col :span="24">
+        <el-form-item label-width="100px" prop="field115">
+          <el-button type="primary" size="medium" @click="addDecoration">
+            添加分析
+          </el-button>
+        </el-form-item>
+      </el-col> -->
+
+      <el-col v-if="formData.fanxin">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field101">
+              <el-radio-group v-model="formData.fanxin" size="medium">
+                <el-radio :label="1">翻新</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="维护内容" prop="field102">
+              <el-select
+                v-model="formData.field102"
+                placeholder="请选择维护内容"
+                clearable
+                :style="{ width: '100%' }"
+              >
+                <el-option
+                  v-for="(item, index) in datas.weihu"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field103">
+              <el-radio-group v-model="formData.field103" size="medium">
+                <el-radio label="1">换房</el-radio>
+                <el-radio label="2">修房</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div style="box-sizing: border-box; padding: 0 2vw">
+          <p
+            style="
+              border: 1px solid #bfbfbf;
+              margin-bottom: 6px;
+              text-align: center;
+            "
+          ></p>
+        </div>
+      </el-col>
+
+      <!-- 买卖房屋 -->
+      <el-col v-if="formData.sellhouse">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field104">
+              <el-radio-group v-model="formData.sellhouse" size="medium">
+                <el-radio :label="1">买房</el-radio>
+                <el-radio :label="2">卖房</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="9">
+            <el-form-item label="位置" prop="field105">
+              <el-input
+                v-model="formData.field105"
+                placeholder="请输入位置"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="9">
+            <el-form-item label="房型" prop="field106">
+              <el-select
+                v-model="formData.field106"
+                placeholder="请选择房型"
+                clearable
+                :style="{ width: '100%' }"
+              >
+                <el-option
+                  v-for="(item, index) in datas.houseStyle"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="几房" prop="field107">
+              <el-input
+                v-model="formData.field107"
+                placeholder="请输入几房"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="面积" prop="field108">
+              <el-input
+                v-model="formData.field108"
+                placeholder="请输入面积"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="朝向" prop="field109">
+              <el-input
+                v-model="formData.field109"
+                placeholder="请输入朝向"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="楼层" prop="field110">
+              <el-input
+                v-model="formData.field110"
+                placeholder="请输入楼层"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field111">
+              <el-radio-group v-model="formData.field111" size="medium">
+                <el-radio label="1">精装</el-radio>
+                <el-radio label="2">清水</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="预算" prop="field112">
+              <el-input
+                v-model="formData.field112"
+                placeholder="预算"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field113">
+              <el-radio-group v-model="formData.field113" size="medium">
+                <el-radio label="1">按揭</el-radio>
+                <el-radio label="2">全款</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div style="box-sizing: border-box; padding: 0 2vw">
+          <p
+            style="
+              border: 1px solid #bfbfbf;
+              margin-bottom: 6px;
+              text-align: center;
+            "
+          ></p>
+        </div>
+      </el-col>
+
+      <el-col :span="24">
+        <el-form-item label="分析汇总" prop="field116">
+          <el-input
+            v-model="formData.field116"
+            type="textarea"
+            placeholder="请输入分析汇总"
+            :autosize="{ minRows: 4, maxRows: 4 }"
+            :style="{ width: '100%' }"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <p style="text-align: center">
+        <el-button type="primary" size="medium" @click="addDecoration">
+          确认发送
+        </el-button>
+      </p>
+      <p class="tit">
+        历史信息 <span style="font-size: 14px">2022年12月30日</span>
+      </p>
+      <div v-for="(item, index) in formData.historyDecoration" :key="index">
+        <el-col>
+          <el-row>
+            <el-col :span="4">
+              <el-form-item label-width="100px" prop="field101">
+                <el-radio-group v-model="item.field101" size="medium">
+                  <el-radio :label="1">修房</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label-width="100px" prop="field102">
+                <el-radio-group v-model="item.field102" size="medium">
+                  <el-radio :label="1">自建</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="建设面积" prop="field103">
+                <el-input
+                  v-model="item.field103"
+                  placeholder="请输入建设面积"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="房屋风格" prop="field104">
+                <el-input
+                  v-model="item.field104"
+                  placeholder="请输入房屋风格"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="修建地址" prop="field105">
+                <el-input
+                  v-model="item.field105"
+                  placeholder="请输入修建地址"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item label="预算" prop="field106">
+                <el-input
+                  v-model="item.field106"
+                  placeholder="请输入预算"
+                  clearable
+                  :style="{ width: '100%' }"
+                >
+                </el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="2">
+              <el-form-item label-width="50px" prop="field108">
+                <el-checkbox-group v-model="item.field108" size="medium">
+                  <el-checkbox :label="1">无绿化</el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="3">
+              <el-form-item label-width="100px" prop="field109">
+                <el-checkbox-group v-model="item.field109" size="medium">
+                  <el-checkbox :label="1">有装修</el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+            <el-col :span="3">
+              <el-form-item label-width="0" prop="field110">
+                <el-radio-group v-model="item.field102" size="medium">
+                  <el-radio :label="1">私人建设</el-radio>
+                  <el-radio :label="2">公共建设</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="24">
+          <el-row>
+            <el-col :span="8">
+              <el-form-item
+                label="建筑、在建土地"
+                label-width="150px"
+                prop="field113"
+              >
+                <img
+                  src="https://img0.baidu.com/it/u=1617940732,1879989235&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"
+                  alt="图片加载失败"
+                  style="width: 200px"
+                />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="分析结论" prop="field114">
+            <el-input
+              v-model="item.field114"
+              placeholder="请输入分析结论"
+              clearable
+              :style="{ width: '100%' }"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </div>
+
+      <el-col :span="24">
+        <el-form-item label="分析汇总" prop="field116">
+          <el-input
+            v-model="formData.field116"
+            type="textarea"
+            placeholder="请输入分析汇总"
+            :autosize="{ minRows: 4, maxRows: 4 }"
+            :style="{ width: '100%' }"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <p style="text-align: center">已于2012年12月12日12:12:12发送</p>
+
+      <p class="tit">深/粗加工</p>
+      <el-col>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label-width="100px" prop="field101">
+              <el-radio-group v-model="formData.isWorkshop" size="medium">
+                <el-radio :label="1">厂房</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="诉求" prop="field116">
+              <el-input
+                v-model="formData.field116"
+                placeholder="请输入诉求"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+      <el-col v-if="formData.isWorkshop">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="经营类型" prop="field117">
+              <el-select
+                v-model="formData.field117"
+                placeholder="请选择经营类型"
+                clearable
+                :style="{ width: '100%' }"
+              >
+                <el-option
+                  v-for="(item, index) in field117Options"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
+                  :disabled="item.disabled"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="地点" prop="field118">
+              <el-input
+                v-model="formData.field118"
+                placeholder="请输入地点"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="人数" prop="field121">
+              <el-input
+                v-model="formData.field121"
+                placeholder="请输入人数"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field126">
+              <el-radio-group v-model="formData.field126" size="medium">
+                <el-radio :label="1">有无食堂</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="原材料来源" prop="field127">
+              <el-checkbox-group v-model="formData.field127" size="medium">
+                <el-checkbox label="1">本队</el-checkbox>
+                <el-checkbox label="2">外面配送</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item
+              label="请输入自动化办公程度"
+              label-width="160px"
+              prop="field128"
+            >
+              <el-input
+                v-model="formData.field128"
+                placeholder="请输入程度请输入自动化办公程度"
+                clearable
+                :style="{ width: '100%' }"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field129">
+              <el-radio-group v-model="formData.isbrand" size="medium">
+                <el-radio :label="1">有无品牌</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" v-if="formData.isbrand">
+            <el-form-item label="品牌填写" prop="field130">
+              <el-input
+                v-model="formData.field130"
+                placeholder="请输入品牌填写"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field131">
+              <el-radio-group v-model="formData.field131" size="medium">
+                <el-radio :label="1">有无宣传推广</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field132">
+              <el-radio-group v-model="formData.field132" size="medium">
+                <el-radio :label="1">有无运输</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field133">
+              <el-radio-group v-model="formData.isRecruit" size="medium">
+                <el-radio :label="1">有无用工需求</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" v-if="formData.isRecruit">
+            <el-form-item label="需求量填写" prop="field135">
+              <el-input
+                v-model="formData.field135"
+                placeholder="请输入需求量填写"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="formData.isRecruit ? 6 : 12">
+            <el-form-item label="存储情况" prop="field136">
+              <el-input
+                v-model="formData.field136"
+                placeholder="请输入存储情况"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+
+      <el-col v-else>
+        <el-row>
+          <el-col :span="formData.isBuildLand ? 6 : 12">
+            <el-form-item label-width="100px" prop="field102">
+              <el-radio-group v-model="formData.isBuildLand" size="medium">
+                <el-radio :label="1">有无建设用地</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" v-if="formData.isBuildLand">
+            <el-form-item label="面积" prop="field104">
+              <el-input
+                v-model="formData.field104"
+                placeholder="请输入面积"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" v-if="formData.isBuildLand">
+            <el-form-item label="经营地点" prop="field107">
+              <el-input
+                v-model="formData.field107"
+                placeholder="请输入经营地点"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="formData.isBuildLand ? 6 : 12">
+            <el-form-item label="材料来源" prop="field109">
+              <el-checkbox-group v-model="formData.field109" size="medium">
+                <el-checkbox label="1">本队</el-checkbox>
+                <el-checkbox label="2">外面配送</el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field110">
+              <el-radio-group v-model="formData.field110" size="medium">
+                <el-radio :label="1">有无销售渠道</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field111">
+              <el-radio-group v-model="formData.field111" size="medium">
+                <el-radio :label="1">有无技术指导</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field112">
+              <el-radio-group v-model="formData.isbrand" size="medium">
+                <el-radio :label="1">有无品牌</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4" v-if="formData.isbrand">
+            <el-form-item label="品牌" prop="field113">
+              <el-input
+                v-model="formData.field113"
+                placeholder="请输入品牌"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field114">
+              <el-radio-group v-model="formData.field114" size="medium">
+                <el-radio :label="1">有无宣传推广</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field115">
+              <el-radio-group v-model="formData.field115" size="medium">
+                <el-radio :label="1">有无运输</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+
+      <p class="tit">开设店铺</p>
+      <el-col>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label-width="100px" prop="field101">
+              <el-radio-group v-model="formData.isShop" size="medium">
+                <el-radio :label="1">有无门面</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="经营诉求" prop="field102">
+              <el-input
+                v-model="formData.field102"
+                placeholder="请输入经营诉求"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="门市面积" prop="field103">
+              <el-input
+                v-model="formData.field103"
+                placeholder="请输入门市面积"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="地点" prop="field104">
+              <el-input
+                v-model="formData.field104"
+                placeholder="请输入地点"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="经营类型" prop="field106">
+              <el-select
+                v-model="formData.field106"
+                placeholder="请选择经营类型"
+                clearable
+                :style="{ width: '100%' }"
+              >
+                <el-option
+                  v-for="(item, index) in datas.field106Options"
+                  :key="index"
+                  :label="item.label"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="库存情况" prop="field108">
+              <el-input
+                v-model="formData.field108"
+                placeholder="请输入库存情况"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="服务对象" prop="field135">
+              <el-checkbox-group v-model="formData.field126" size="medium">
+                <el-checkbox
+                  v-for="(items, indexs) in datas.field109Options"
+                  :key="indexs"
+                  :label="items.value"
+                  >{{ items.label }}</el-checkbox
+                >
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label-width="100px" prop="field115">
+              <el-radio-group v-model="formData.field115" size="medium">
+                <el-radio :label="1">有无营业执照</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field113">
+              <el-radio-group v-model="formData.isStock" size="medium">
+                <el-radio :label="1">有无进货渠道</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" v-if="formData.isStock">
+            <el-form-item label="进货渠道" prop="field114">
+              <el-input
+                v-model="formData.field114"
+                placeholder="请输入进货渠道"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field115">
+              <el-radio-group v-model="formData.isOnline" size="medium">
+                <el-radio :label="1">有无线上展示</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6" v-if="formData.isOnline">
+            <el-form-item label="线上平台" prop="field116">
+              <el-input
+                v-model="formData.field116"
+                placeholder="请输入线上平台"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+      <p class="tit">宴席</p>
+      <el-col>
+        <el-row>
+          <el-col :span="20">
+            <el-form-item label="类型" prop="field101a">
+              <el-checkbox-group
+                v-model="formData.banquetList"
+                @change="test"
+                size="medium"
+              >
+                <el-checkbox
+                  v-for="(item, index) in datas.banquetList"
+                  :key="index"
+                  :label="item.value"
+                  >{{ item.label }}</el-checkbox
+                >
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item
+              label-width="0"
+              prop="field102a"
+              v-if="formData.banquetList.includes(5)"
+            >
+              <el-radio-group v-model="formData.field102a" size="medium">
+                <el-radio :label="1">有无墓地</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="时间" prop="field103a">
+              <el-input
+                v-model="formData.field103a"
+                placeholder="请输入时间"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="地点" prop="field104a">
+              <el-input
+                v-model="formData.field104a"
+                placeholder="请输入地点"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="人物" prop="field105a">
+              <el-input
+                v-model="formData.field105a"
+                placeholder="请输入人物"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label-width="100px" prop="field106a">
+              <el-radio-group v-model="formData.field106a" size="medium">
+                <el-radio
+                  v-for="(item, index) in datas.field106aOptions"
+                  :key="index"
+                  :label="item.value"
+                  >{{ item.label }}</el-radio
+                >
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="0" prop="field107a">
+              <el-radio-group v-model="formData.field107a" size="medium">
+                <el-radio :label="1">有无歌舞演绎</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="0" prop="field108a">
+              <el-radio-group v-model="formData.field108a" size="medium">
+                <el-radio :label="1">有无交通工具</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <el-form-item label-width="0" prop="field109a">
+              <el-radio-group v-model="formData.field109a" size="medium">
+                <el-radio :label="1">有无住宿</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+
+      <p class="tit">日常生活采购</p>
+      <el-col>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="交通工具" prop="field104">
+              <el-radio-group v-model="formData.field104" size="medium">
+                <el-radio
+                  v-for="(item, index) in datas.field104Options"
+                  :key="index"
+                  :label="item.value"
+                  >{{ item.label }}</el-radio
+                >
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item
+              label-width="150px"
+              label="生活用品消费金额"
+              prop="field105"
+            >
+              <el-input
+                v-model="formData.field105"
+                placeholder="请输入生活用品消费金额"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="常用品类" prop="field106">
+              <el-input
+                v-model="formData.field106"
+                placeholder="请输入常用品类"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label-width="100px" prop="field101">
+              <el-radio-group v-model="formData.isSmoke" size="medium">
+                <el-radio :label="1">是否抽烟喝酒</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8" v-if="formData.isSmoke">
+            <el-form-item label="品牌" prop="field102">
+              <el-input
+                v-model="formData.field102"
+                placeholder="请输入品牌"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="水电气话费" prop="field103">
+              <el-input
+                v-model="formData.field103"
+                placeholder="请输入水电气话费"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+
+      <p class="tit">公益</p>
+      <el-col>
+        <el-row>
+          <el-col :span="4">
+            <el-form-item label-width="100px" prop="field107">
+              <el-radio-group v-model="formData.isWelfare" size="medium">
+                <el-radio :label="1">有无公益拍卖品牌</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="7">
+            <el-form-item
+              label-width="150px"
+              label="可提供的拍卖产品"
+              prop="field109"
+              v-if="formData.isWelfare"
+            >
+              <el-input
+                v-model="formData.field109"
+                placeholder="请输入可提供的拍卖产品"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label-width="100px" prop="field110">
+              <el-radio-group v-model="formData.isNeedWelfare" size="medium">
+                <el-radio :label="1">有无需求的工艺产品或服务</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="7">
+            <el-form-item
+              label-width="150px"
+              label="想要的商品/服务"
+              prop="field111"
+              v-if="formData.isNeedWelfare"
+            >
+              <el-input
+                v-model="formData.field111"
+                placeholder="请输入想要的商品/服务"
+                clearable
+                :style="{ width: '100%' }"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-col>
+
+      <p class="tit">家庭情况说明</p>
+
+      <el-col :span="24">
+        <el-form-item label="家庭情况说明" prop="field113">
+          <el-input
+            v-model="formData.familySituation"
+            type="textarea"
+            placeholder="请输入家庭情况说明"
+            :autosize="{ minRows: 4, maxRows: 4 }"
+            :style="{ width: '100%' }"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <p class="tit">家庭总诉求</p>
+
+      <el-col :span="24">
+        <el-form-item label="家庭总诉求" prop="field114">
+          <el-input
+            v-model="formData.familyAppeal"
+            type="textarea"
+            placeholder="请输入家庭总诉求"
+            :autosize="{ minRows: 4, maxRows: 4 }"
+            :style="{ width: '100%' }"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="24">
+        <el-form-item size="large">
+          <el-button type="primary" @click="submitForm">提交</el-button>
+          <el-button @click="resetForm">重置</el-button>
+        </el-form-item>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script lang="ts" setup name="test">
+import { ref, reactive } from "vue";
+import {
+  apiCityList,
+  apiAreaList,
+  apiStreetList,
+  apiProvinceList,
+} from "@/api/common";
+const formData = reactive({
+  name: undefined,
+  phone: "",
+  age: "",
+  //   province_id: "",
+  //   area_id: "",
+  //   street_id: "",
+  //   village_id: "",
+  //   brigade_id: "",
+  province: "",
+  city: "",
+  area: "",
+  street: "",
+  address: "详细地址",
+  //   常住人口
+  family: [{ name: "", birth_time: "", work: "", phone: "", skills: "" }],
+  child: undefined,
+  child_arr: [
+    {
+      name: "",
+      birth: "",
+      age: 0,
+      class: "",
+      lessons: [],
+      notes: "",
+      feeding: "",
+    },
+  ],
+  highway: undefined,
+  smart_phone: undefined,
+  wechat: "",
+  cultivated_area: "",
+  planning: "",
+  planting_company: "",
+  notes: "",
+  breeding_training: undefined,
+  farmland: [
+    {
+      breeding_type: "",
+      area: "",
+      breeding_time: "",
+      mature_time: "",
+      yield: "",
+      ecological_farming: "",
+      farm_tools: "",
+      pre_price: "",
+      method_sales: [],
+      processing_storage: "",
+      promote: "",
+      expand_business_needs: 0, //是否有扩大经营需求
+      demand: "没有述求", //种养殖述求
+      policy_subsidies: "无补助", //政策补助
+    },
+  ],
+  expand_business_needs: "",
+  demand: "",
+  //   sadsadas
+  //   住房装修
+  housingDecoration: [
+    {
+      field101: 1,
+      field102: [],
+      field103: undefined,
+      field104: undefined,
+      field105: undefined,
+      field106: undefined,
+      field108: [],
+      field109: [],
+      field110: [],
+      field113: null,
+      field114: undefined,
+      field115: undefined,
+      field116: undefined,
+    },
+  ],
+  // 买卖房
+  sellhouse: 1,
+  // 翻新
+  fanxin: 1,
+  historyDecoration: [
+    {
+      field101: undefined,
+      field102: [],
+      field103: undefined,
+      field104: undefined,
+      field105: undefined,
+      field106: undefined,
+      field108: [],
+      field109: [],
+      field110: [],
+      field113: null,
+      field114: undefined,
+      field115: undefined,
+      field116: undefined,
+    },
+  ],
+  //   深粗加工
+  //   厂房
+  isWorkshop: 0,
+  //   建设用地
+  isBuildLand: 0,
+  //   品牌
+  isbrand: 0,
+  // 用工需求
+  isRecruit: 0,
+  field101: 1,
+  field116: undefined,
+  field102: 1,
+  field104: undefined,
+  field107: undefined,
+  field109: [],
+  field110: 1,
+  field111: 1,
+  field112: undefined,
+  field113: undefined,
+  field114: 1,
+  field115: undefined,
+  field117: undefined,
+  field118: undefined,
+  field121: undefined,
+  field126: undefined,
+  field127: [],
+  field128: undefined,
+  field129: 1,
+  field130: undefined,
+  field131: 1,
+  field132: 1,
+  field133: 1,
+  field135: undefined,
+  field136: undefined,
+  // 结束
+  //   开设店铺
+  isShop: 0,
+  //有无进货渠道
+  isStock: 0,
+  //   有无先上展示
+  isOnline: 0,
+  field103: undefined,
+  field106: undefined,
+  field108: undefined,
+  //   宴席
+  //   宴席类型
+  banquetList: [],
+  field102a: undefined,
+  field103a: undefined,
+  field104a: undefined,
+  field105a: undefined,
+  field106a: undefined,
+  field107a: "",
+  field108a: "",
+  field109a: "",
+  // 日常生活采购
+  isSmoke: 0,
+  //   公益
+  isWelfare: 0,
+  isNeedWelfare: 0,
+  //   家庭情况说明
+  familySituation: "",
+  // 家庭总诉求
+  familyAppeal: "",
+});
+
+const workLists = reactive([
+  { name: "做工地的", id: 1 },
+  { name: "厂里打工", id: 2 },
+  { name: "公司职员", id: 3 },
+  { name: "政府上班", id: 4 },
+  { name: "种地", id: 5 },
+  { name: "在家赋闲", id: 6 },
+  { name: "其他", id: 7 },
+]);
+const isCheck = ref(false);
+const datas = reactive({
+  subjs: [
+    {
+      label: "语文",
+      value: 1,
+    },
+    {
+      label: "数学",
+      value: 2,
+    },
+    {
+      label: "英语",
+      value: 3,
+    },
+    {
+      label: "艺术类",
+      value: 4,
+    },
+    {
+      label: "其他",
+      value: 5,
+    },
+  ],
+  feedsList: [
+    {
+      label: "母乳",
+      value: 1,
+    },
+    {
+      label: "奶粉",
+      value: 2,
+    },
+  ],
+  plantList: [
+    {
+      label: "自己种",
+      value: 1,
+    },
+    {
+      label: "出租",
+      value: 2,
+    },
+    {
+      label: "代种养",
+      value: "",
+    },
+    {
+      label: "租更多地扩大种植",
+      value: "",
+    },
+  ],
+  // 房屋风格
+  houseStyle: [
+    {
+      label: "中式",
+      value: 1,
+    },
+    {
+      label: "美式",
+      value: 2,
+    },
+    {
+      label: "欧式",
+      value: 3,
+    },
+    {
+      label: "简约",
+      value: 4,
+    },
+    {
+      label: "奢华",
+      value: 5,
+    },
+    {
+      label: "别墅/四合院",
+      value: 6,
+    },
+    {
+      label: "其他",
+      value: 7,
+    },
+  ],
+  //   维护内容
+  weihu: [
+    {
+      label: "房顶",
+      value: 1,
+    },
+    {
+      label: "厕所",
+      value: 2,
+    },
+    {
+      label: "管线",
+      value: 3,
+    },
+    {
+      label: "电器",
+      value: 4,
+    },
+  ],
+  field102Options: [
+    {
+      label: "别墅",
+      value: 1,
+    },
+    {
+      label: "洋房",
+      value: 2,
+    },
+    {
+      label: "高层",
+      value: 3,
+    },
+    {
+      label: "楼梯房",
+      value: 4,
+    },
+  ],
+  //   生态种植
+  ecologyPlant: [
+    {
+      label: "非生态种植",
+      value: 1,
+    },
+  ],
+  sellType: [
+    {
+      label: "自销",
+      value: 1,
+    },
+    {
+      label: "定点销售",
+      value: 2,
+    },
+  ],
+  // 宣传
+  publicize: [
+    {
+      label: "有无宣传推广",
+      value: 1,
+    },
+  ],
+  //经营类型
+  field106Options: [
+    {
+      label: "超市",
+      value: 1,
+    },
+    {
+      label: "生鲜",
+      value: 2,
+    },
+    {
+      label: "饭店",
+      value: 3,
+    },
+    {
+      label: "五金",
+      value: 4,
+    },
+    {
+      label: "杂货",
+      value: 5,
+    },
+    {
+      label: "服装",
+      value: 6,
+    },
+    {
+      label: "文具",
+      value: 7,
+    },
+    {
+      label: "其他",
+      value: 8,
+    },
+  ],
+  //   服务对象
+  field109Options: [
+    {
+      label: "学生",
+      value: 1,
+    },
+    {
+      label: "家庭客户",
+      value: 2,
+    },
+    {
+      label: "青年客户",
+      value: 3,
+    },
+    {
+      label: "老年人",
+      value: 4,
+    },
+    {
+      label: "游客",
+      value: 5,
+    },
+  ],
+  //   宴席类型
+  banquetList: [
+    {
+      label: "婚宴",
+      value: 1,
+    },
+    {
+      label: "寿宴",
+      value: 2,
+    },
+    {
+      label: "满月酒",
+      value: 3,
+    },
+    {
+      label: "其它庆功宴",
+      value: 4,
+    },
+    {
+      label: "白事",
+      value: 5,
+    },
+  ],
+  //
+  field106aOptions: [
+    {
+      label: "酒店",
+      value: 1,
+    },
+    {
+      label: "一条龙",
+      value: 2,
+    },
+    {
+      label: "只请厨师",
+      value: 3,
+    },
+  ],
+  //   交通工具
+  field104Options: [
+    {
+      label: "电瓶车",
+      value: 1,
+    },
+    {
+      label: "摩托车",
+      value: 2,
+    },
+    {
+      label: "小汽车",
+      value: 3,
+    },
+  ],
+  provinceOptions: [],
+  cityOptions: [],
+  areaOptions: [],
+  streetOptions: [],
+});
+const test = () => {
+  console.log(formData.banquetList);
+};
+const field181Options = reactive([
+  {
+    label: "有加工仓储",
+    value: 1,
+  },
+]);
+const field183Options = reactive([
+  {
+    label: "有运输",
+    value: 1,
+  },
+]);
+const field188Options = reactive([
+  {
+    label: "是否想要扩大经营",
+    value: 1,
+  },
+]);
+const addFamilyMember = () => {
+  formData.family.push({
+    name: "",
+    birth_time: "",
+    work: "",
+    phone: "",
+    skills: "",
+  });
+};
+const addKids = () => {
+  formData.child_arr.push({
+    name: "",
+    birth: "",
+    age: 0,
+    class: "",
+    lessons: [],
+    notes: "",
+    feeding: "",
+  });
+};
+const addLand = () => {
+  formData.farmland.push({
+    breeding_type: "",
+    cultivated_area: "",
+    breeding_time: "",
+    mature_time: "",
+    yield: "",
+    ecological_farming: "",
+    farm_tools: "",
+    pre_price: "",
+    method_sales: [],
+    processing_storage: "",
+    promote: "",
+    transportation: "",
+    notes: "",
+  });
+};
+// const addDecoration = () => {
+//   formData.housingDecoration.push({
+//     field102: [],
+//     field103: undefined,
+//     field104: undefined,
+//     field105: undefined,
+//     field106: undefined,
+//     field108: [],
+//     field109: [],
+//     field110: [],
+//     field113: null,
+//     field114: undefined,
+//     field115: undefined,
+//     field116: undefined,
+//   });
+// };
+const submitForm = () => {
+  console.log(formData);
+  //   this.$refs["elForm"].validate((valid) => {
+  //     if (!valid) return;
+  //     // TODO 提交表单
+  //   });
+};
+const resetForm = () => {
+  //   this.$refs["elForm"].resetFields();
+};
+// 计算年龄
+const getAge = (i: number) => {
+  let curDate = formData.child_arr[i].birth;
+  var val =
+    curDate.getFullYear() +
+    "-" +
+    (curDate.getMonth() + 1) +
+    "-" +
+    curDate.getDate();
+  let currentYear = new Date().getFullYear(); //当前的年份
+  let calculationYear = new Date(val).getFullYear(); //计算的年份
+  const wholeTime = currentYear + val.substring(4); //周岁时间
+  const calculationAge = currentYear - calculationYear; //按照年份计算的年龄
+  //判断是否过了生日
+  if (new Date().getTime() > new Date(wholeTime).getTime()) {
+    formData.child_arr[i].age = calculationAge;
+  } else {
+    formData.child_arr[i].age = calculationAge - 1;
+  }
+};
+//获取省份
+function province_change(value: string) {
+  getCityList();
+}
+function city_change(value: string) {
+  getAreaList();
+}
+function area_change(value: string) {
+  getStreetList();
+}
+function street_change(value: string) {
+  formData.street = value;
+}
+const getProvinceList = async () => {
+  const data = await apiProvinceList({});
+  datas["provinceOptions"] = data;
+};
+const getCityList = async () => {
+  const data = await apiCityList({ city: formData.province });
+  datas["cityOptions"] = data;
+};
+const getAreaList = async () => {
+  const data = await apiAreaList({ area: formData.city });
+  datas["areaOptions"] = data;
+};
+const getStreetList = async () => {
+  const data = await apiStreetList({ street: formData.area });
+  datas["streetOptions"] = data;
+};
+getProvinceList();
+</script>
+<style lang="scss">
+.content {
+  background-color: #fff;
+}
+
+.tit {
+  font-size: 1.2rem;
+  margin: 10px 0;
+  background-color: #f6f6f6;
+}
+
+.dates {
+  .el-input__inner {
+    width: 14vw;
+  }
+}
+</style>
diff --git a/src/views/fileManagement/editCate.vue b/src/views/fileManagement/editCate.vue
new file mode 100644
index 0000000..1d7e990
--- /dev/null
+++ b/src/views/fileManagement/editCate.vue
@@ -0,0 +1,126 @@
+<template>
+  <div class="edit-popup">
+    <popup
+      ref="popupRef"
+      :title="popupTitle"
+      :async="true"
+      width="550px"
+      @confirm="handleSubmit"
+      @close="handleClose"
+    >
+      <el-form ref="formRef" :model="formData" label-width="84px">
+        <el-col class="pt-6 !border-none">
+          <el-row>
+            <el-col>
+              <el-form-item label="名称" prop="title">
+                <el-input
+                  v-model="formData.title"
+                  placeholder="请输入名称"
+                  clearable
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col>
+              <el-form-item label="标识" prop="name">
+                <el-input
+                  v-model="formData.name"
+                  placeholder="请输入审批类型标识"
+                  clearable
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col>
+              <el-form-item label="图标" prop="icon">
+                <el-input
+                  v-model="formData.icon"
+                  placeholder="请输入审批类型图标"
+                  clearable
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-col>
+      </el-form>
+    </popup>
+  </div>
+</template>
+
+<script lang="ts" setup name="flowTypeEdit">
+import type { FormInstance } from "element-plus";
+import Popup from "@/components/popup/index.vue";
+import { apiCateCreat } from "@/api/examined";
+import { timeFormat } from "@/utils/util";
+import type { PropType } from "vue";
+defineProps({
+  dictData: {
+    type: Object as PropType<Record<string, any[]>>,
+    default: () => ({}),
+  },
+});
+const emit = defineEmits(["success", "close"]);
+const formRef = shallowRef<FormInstance>();
+const popupRef = shallowRef<InstanceType<typeof Popup>>();
+const mode = ref("add");
+
+// 弹窗标题
+const popupTitle = computed(() => {
+  return mode.value == "edit" ? "编辑审批类型" : "新增审批类型";
+});
+
+// 表单数据
+const formData = reactive({
+  id: "",
+  type: "",
+  title: "",
+  name: "",
+  icon: "",
+  department_ids: "",
+  status: "",
+});
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+  for (const key in formData) {
+    if (data[key] != null && data[key] != undefined) {
+      //@ts-ignore
+      formData[key] = data[key];
+    }
+  }
+};
+
+const getDetail = async (row: Record<string, any>) => {
+  const data = await apiFlowTypeDetail({
+    id: row.id,
+  });
+  setFormData(data);
+};
+
+// 提交按钮
+const handleSubmit = async () => {
+  const data = { ...formData };
+  mode.value == "edit" ? await apiCateCreat(data) : await apiCateCreat(data);
+  popupRef.value?.close();
+  emit("success");
+};
+
+//打开弹窗
+const open = (type = "add") => {
+  mode.value = type;
+  popupRef.value?.open();
+};
+
+// 关闭回调
+const handleClose = () => {
+  emit("close");
+};
+
+defineExpose({
+  open,
+  setFormData,
+  getDetail,
+});
+</script>
diff --git a/src/views/fileManagement/index.vue b/src/views/fileManagement/index.vue
new file mode 100644
index 0000000..29c4daf
--- /dev/null
+++ b/src/views/fileManagement/index.vue
@@ -0,0 +1,171 @@
+<template>
+  <div>
+    <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+      <el-form class="mb-[-16px]" inline>
+        <el-form-item label="公司名称" prop="company_id">
+          <el-input class="w-[280px]" clearable placeholder="请输入公司" />
+        </el-form-item>
+        <el-form-item label="合同类型" prop="contract_type">
+          <el-input class="w-[280px]" clearable placeholder="请输入合同类型" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary">查询</el-button>
+          <el-button>重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-button v-perms="['flow_type/add']" type="primary" @click="">
+        <template #icon>
+          <icon name="el-icon-Plus" />
+        </template>
+        新增
+      </el-button>
+      <div class="mt-4">
+        <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+          <el-table-column
+            label="用户编号"
+            prop="title"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            label="用户名"
+            prop="department"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            label="联系方式"
+            prop="type_name"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            label="地址"
+            prop="type_name"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            label="所属生产队队长"
+            prop="type_name"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            label="所属镇管理"
+            prop="type_name"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            label="所属区域经理"
+            prop="type_name"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            label="最近更新时间"
+            prop="type_name"
+            show-overflow-tooltip
+          />
+          <el-table-column
+            label="操作"
+            align="center"
+            width="auto"
+            fixed="right"
+          >
+            <template #default="{ row }">
+              <el-button
+                v-perms="['flow/edit']"
+                type="primary"
+                link
+                @click="handleEdit(row)"
+              >
+                编辑
+              </el-button>
+              <el-button
+                v-perms="['flow/delete']"
+                type="danger"
+                link
+                @click="handleDelete(row.id)"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="flex mt-4 justify-end">
+        <pagination v-model="pager" @change="getLists" />
+      </div>
+    </el-card>
+    <edit-popup
+      v-if="showEdit"
+      ref="editRef"
+      :dict-data="dictData"
+      @success="getLists"
+      @close="showEdit = false"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup name="flowTypeLists">
+import { usePaging } from "@/hooks/usePaging";
+import { useDictData } from "@/hooks/useDictOptions";
+import { apiCateLists, apiCateStatus } from "@/api/examined";
+import { timeFormat } from "@/utils/util";
+import feedback from "@/utils/feedback";
+// import { getRoutePath } from "router";
+import EditPopup from "./editCate.vue";
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>();
+// 是否显示编辑框
+const showEdit = ref(false);
+
+// 查询条件
+const queryParams = reactive({
+  type: "",
+  title: "",
+  name: "",
+  icon: "",
+  department_ids: "",
+  status: "",
+});
+
+// 选中数据
+const selectData = ref<any[]>([]);
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+  selectData.value = val.map(({ id }) => id);
+};
+
+// 获取字典数据
+const { dictData } = useDictData("");
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+  fetchFun: apiCateLists,
+  params: queryParams,
+});
+
+// 添加
+const handleAdd = async () => {
+  showEdit.value = true;
+  await nextTick();
+  editRef.value?.open("add");
+};
+
+// 编辑
+const handleEdit = async (data: any) => {
+  showEdit.value = true;
+  await nextTick();
+  editRef.value?.open("edit");
+  editRef.value?.setFormData(data);
+};
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+  await feedback.confirm("确定要删除？");
+  await apiFlowTypeDelete({ id });
+  getLists();
+};
+// 状态
+const changeStatus = (row: any) => {
+  apiCateStatus({ id: row.id, status: row.status });
+};
+getLists();
+</script>