diff --git a/.env.production b/.env.production
index d857bba..583ccf1 100644
--- a/.env.production
+++ b/.env.production
@@ -5,7 +5,8 @@ VITE_APP_TITLE = 若依管理系统
 VITE_APP_ENV = 'production'
 
 # 若依管理系统/生产环境
-VITE_APP_BASE_API = '/prod-api'
+# VITE_APP_BASE_API = '/prod-api'
+VITE_APP_BASE_API = 'http://120.26.107.74:1618'
 
 # 是否在打包时开启压缩，支持 gzip 和 brotli
 VITE_BUILD_COMPRESS = gzip
\ No newline at end of file
diff --git a/src/api/dataList/agent.js b/src/api/dataList/agent.js
new file mode 100644
index 0000000..e1b86a6
--- /dev/null
+++ b/src/api/dataList/agent.js
@@ -0,0 +1,42 @@
+import request from '@/utils/request'
+
+// 经纪人列表
+export function agentList(data) {
+	return request({
+		url: '/admin/v1/manage/agent',
+		method: 'post',
+		data,
+	})
+}
+// 经纪人信息添加
+export function agentAdd(data) {
+	return request({
+		url: '/admin/v1/manage/agent/add',
+		method: 'post',
+		data,
+	})
+}
+// 经纪人详细信息
+export function agentDetail(data) {
+	return request({
+		url: '/admin/v1/manage/agent/detail',
+		method: 'post',
+		data,
+	})
+}
+// 经纪人信息修改
+export function agentEdit(data) {
+	return request({
+		url: '/admin/v1/manage/agent/edit',
+		method: 'post',
+		data,
+	})
+}
+// 经纪人审核操作
+export function agentExamine(data) {
+	return request({
+		url: '/admin/v1/manage/agent/examine',
+		method: 'post',
+		data,
+	})
+}
diff --git a/src/api/dataList/enterprise.js b/src/api/dataList/enterprise.js
new file mode 100644
index 0000000..0de6157
--- /dev/null
+++ b/src/api/dataList/enterprise.js
@@ -0,0 +1,49 @@
+import request from "@/utils/request";
+
+// 公司企业列表
+export function companyList(params) {
+  return request({
+    url: "/business/enterprise/list",
+    method: "get",
+    params,
+  });
+}
+// 公司企业信息添加
+export function companyAdd(data) {
+  return request({
+    url: "/business/enterprise",
+    method: "post",
+    data,
+  });
+}
+// 公司企业详细信息
+export function companyDetail(id) {
+  return request({
+    url: `/business/enterprise/${id}`,
+    method: "get",
+  });
+}
+// 公司企业信息修改
+export function companyEdit(data) {
+  return request({
+    url: "/business/enterprise",
+    method: "put",
+    data,
+  });
+}
+
+export const companyExport = () => {
+  return request({
+    url: "/business/enterprise/export",
+    method: "get",
+  });
+};
+
+// 公司企业审核操作
+export function companyExamine(data) {
+  return request({
+    url: "/admin/v1/manage/company/examine",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/api/dataList/expert.js b/src/api/dataList/expert.js
new file mode 100644
index 0000000..68d2b71
--- /dev/null
+++ b/src/api/dataList/expert.js
@@ -0,0 +1,42 @@
+import request from '@/utils/request'
+
+// 专家列表
+export function expertList(data) {
+	return request({
+		url: '/admin/v1/manage/expert',
+		method: 'post',
+		data,
+	})
+}
+// 专家信息添加
+export function expertAdd(data) {
+	return request({
+		url: '/admin/v1/manage/expert/add',
+		method: 'post',
+		data,
+	})
+}
+// 专家详细信息
+export function expertDetail(data) {
+	return request({
+		url: '/admin/v1/manage/expert/detail',
+		method: 'post',
+		data,
+	})
+}
+// 专家信息修改
+export function expertEdit(data) {
+	return request({
+		url: '/admin/v1/manage/expert/edit',
+		method: 'post',
+		data,
+	})
+}
+// 专家审核操作
+export function expertExamine(data) {
+	return request({
+		url: '/admin/v1/manage/expert/examine',
+		method: 'post',
+		data,
+	})
+}
diff --git a/src/api/dataList/laboratory.js b/src/api/dataList/laboratory.js
new file mode 100644
index 0000000..eccb4b8
--- /dev/null
+++ b/src/api/dataList/laboratory.js
@@ -0,0 +1,51 @@
+import request from '@/utils/request'
+
+// 实验室筛选信息
+export function laboratorySelect(data) {
+	return request({
+		url: '/admin/v1/laboratory/select',
+		method: 'post',
+		data,
+	})
+}
+
+// 实验室列表
+export function laboratoryList(data) {
+	return request({
+		url: '/admin/v1/manage/laboratory',
+		method: 'post',
+		data,
+	})
+}
+// // 实验室信息添加
+// export function laboratoryAdd(data) {
+// 	return request({
+// 		url: '/admin/v1/manage/laboratory/add',
+// 		method: 'post',
+// 		data,
+// 	})
+// }
+// 实验室详细信息
+export function laboratoryDetail(data) {
+	return request({
+		url: '/admin/v1/manage/laboratory/detail',
+		method: 'post',
+		data,
+	})
+}
+// 实验室信息修改
+export function laboratoryEdit(data) {
+	return request({
+		url: '/admin/v1/manage/laboratory/edit',
+		method: 'post',
+		data,
+	})
+}
+// 实验室审核操作
+export function laboratoryExamine(data) {
+	return request({
+		url: '/admin/v1/manage/laboratory/examine',
+		method: 'post',
+		data,
+	})
+}
diff --git a/src/api/dataList/patent.js b/src/api/dataList/patent.js
new file mode 100644
index 0000000..008ed72
--- /dev/null
+++ b/src/api/dataList/patent.js
@@ -0,0 +1,72 @@
+import request from "@/utils/request";
+
+// 专利列表
+export function patentList(params) {
+  return request({
+    url: "/business/casPatent/list",
+    method: "get",
+    params,
+  });
+}
+// 专利信息添加
+export function patentAdd(data) {
+  return request({
+    url: "/business/casPatent",
+    method: "post",
+    data,
+  });
+}
+// 专利信息详情
+export function patentDetail(id) {
+  return request({
+    url: `/business/casPatent/${id}`,
+    method: "get",
+  });
+}
+// 专利信息修改
+export function patentEdit(data) {
+  return request({
+    url: "/business/casPatent",
+    method: "put",
+    data,
+  });
+}
+// 专利信息删除
+export function patentDelete(ids) {
+  return request({
+    url: `/business/casPatent/${ids}`,
+    method: "delete",
+  });
+}
+// 专利上下架... 不用了
+export function patentShelf(data) {
+  return request({
+    url: "/admin/v1/technology/patent/shelf",
+    method: "post",
+    data,
+  });
+}
+// 认领专利列表
+export function expertPatent(data) {
+  return request({
+    url: "/admin/v1/manage/expert/patent",
+    method: "post",
+    data,
+  });
+}
+// 认领
+export function expertPatentBind(data) {
+  return request({
+    url: "/admin/v1/manage/expert/patent/bind",
+    method: "post",
+    data,
+  });
+}
+// 取消认领
+export function expertPatentUnbind(data) {
+  return request({
+    url: "/admin/v1/manage/expert/patent/unbind",
+    method: "post",
+    data,
+  });
+}
diff --git a/src/api/dataList/research.js b/src/api/dataList/research.js
new file mode 100644
index 0000000..8888fe2
--- /dev/null
+++ b/src/api/dataList/research.js
@@ -0,0 +1,50 @@
+import request from '@/utils/request'
+
+// 科研机构信息
+export function researchList(data) {
+	return request({
+		url: '/admin/v1/manage/research',
+		method: 'post',
+		data,
+	})
+}
+// 科研机构筛选信息
+export function researchSelect(data) {
+	return request({
+		url: '/admin/v1/manage/research/select',
+		method: 'post',
+		data,
+	})
+}
+// 科研机构信息添加
+export function researchAdd(data) {
+	return request({
+		url: '/admin/v1/manage/research/add',
+		method: 'post',
+		data,
+	})
+}
+// 科研机构信息修改
+export function researchEdit(data) {
+	return request({
+		url: '/admin/v1/manage/research/edit',
+		method: 'post',
+		data,
+	})
+}
+// 科研机构详细信息
+export function researchDetail(data) {
+	return request({
+		url: '/admin/v1/manage/research/detail',
+		method: 'post',
+		data,
+	})
+}
+// 科研机构审核操作
+export function researchExamine(data) {
+	return request({
+		url: '/admin/v1/manage/research/examine',
+		method: 'post',
+		data,
+	})
+}
diff --git a/src/utils/parameter.js b/src/utils/parameter.js
new file mode 100644
index 0000000..83a8e2f
--- /dev/null
+++ b/src/utils/parameter.js
@@ -0,0 +1,69 @@
+// 归属导航
+export const modeOptions = [
+  {
+    value: 101,
+    label: "中小企业服务",
+  },
+  {
+    value: 102,
+    label: "大型企业服务",
+  },
+  {
+    value: 103,
+    label: "政府企业服务",
+  },
+  {
+    value: 104,
+    label: "科研院所服务",
+  },
+];
+// 学历
+export const educationOptions = [
+  { key: 1, text: "小学" },
+  { key: 2, text: "初中" },
+  { key: 3, text: "高中" },
+  { key: 4, text: "大专" },
+  { key: 5, text: "本科" },
+  { key: 6, text: "研究生" },
+  { key: 7, text: "博士" },
+];
+// 企业类型
+export const enterpriseOptions = [
+  { key: 101, value: "上市企业" },
+  { key: 102, value: "优质企业" },
+  { key: 103, value: "普通企业" },
+];
+// 成果成熟度  技术
+export const maturityOptions = [
+  { key: 1, value: "正在研发" },
+  { key: 2, value: "小试阶段" },
+  { key: 3, value: "通过小试" },
+  { key: 4, value: "中试阶段" },
+  { key: 5, value: "通过中试" },
+  { key: 6, value: "可规模生产" },
+];
+// 成果领先型  领先标准
+export const leadOptions = [
+  { key: 1, value: "国内先进" },
+  { key: 2, value: "国内领先" },
+  { key: 3, value: "国际先进" },
+  { key: 4, value: "国际领先" },
+];
+// 专利类型
+export const patentOptions = [
+  { key: "1", value: "发明专利" },
+  { key: "2", value: "外观设计" },
+  { key: "3", value: "实用新型" },
+];
+// 合作模式
+export const cooperationOptions = [
+  { key: 101, value: "技术转让" },
+  { key: 102, value: "技术许可" },
+  { key: 103, value: "技术入股" },
+  { key: 104, value: "合作开发" },
+  { key: 105, value: "融资" },
+  { key: 106, value: "公司" },
+  { key: 107, value: "代理加盟" },
+  { key: 108, value: "市场推广" },
+  { key: 109, value: "其他" },
+];
diff --git a/src/views/components/AgentForm/index.vue b/src/views/components/AgentForm/index.vue
new file mode 100644
index 0000000..4ae94d9
--- /dev/null
+++ b/src/views/components/AgentForm/index.vue
@@ -0,0 +1,267 @@
+<template>
+  <el-form
+    ref="form"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+  >
+    <div class="form_title" v-if="showTitle">基本信息</div>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="姓名:" prop="name">
+          <el-input
+            v-model="value.name"
+            :disabled="isAdd ? false : true"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="手机号:" prop="mobile">
+          <el-input
+            v-model="value.mobile"
+            :disabled="isAdd ? false : true"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="身份证号:" prop="id_card">
+          <el-input
+            v-model="value.id_card"
+            :disabled="isAdd ? false : true"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="工作所在地:" prop="work_place">
+          <el-input v-model="value.work_place" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="工作经历:" prop="work_experience">
+          <el-input
+            v-model="value.work_experience"
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 6 }"
+          />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="所属站点:" prop="tenant_id">
+          <SiteOptions :size="''" :limitWidth="false" v-model="value" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <!-- <FieldOptions v-model="value" :labelWidth="labelWidth" ref="fieldForm" /> -->
+
+    <InputBoxAdd
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="擅长领域"
+      placeholder="请输入擅长领域"
+      fieldKey="researchs"
+      ref="researchsForm"
+    />
+
+    <InputBoxAdd
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="关键词"
+      placeholder="应用场景关键词+技术产品关键词"
+      fieldKey="keywords"
+      ref="keywordsForm"
+    />
+
+    <el-row v-if="value.id_image">
+      <el-col :span="24">
+        <el-form-item label="身份证:" required>
+          <el-row :gutter="20" type="flex" justify="space-between">
+            <el-col :span="8">
+              <el-form-item prop="id_image.front">
+                <ImageUpload
+                  v-model="value.id_image.front"
+                  :isShowTip="false"
+                  :limit="1"
+                />
+              </el-form-item>
+              <div style="text-align: center">身份证人像面</div>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="id_image.behind">
+                <ImageUpload
+                  v-model="value.id_image.behind"
+                  :isShowTip="false"
+                  :limit="1"
+                />
+              </el-form-item>
+              <div style="text-align: center">身份证国徽面</div>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item prop="id_image.hold">
+                <ImageUpload
+                  v-model="value.id_image.hold"
+                  :isShowTip="false"
+                  :limit="1"
+                />
+              </el-form-item>
+              <div style="text-align: center">手持身份证人像面</div>
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="成果经纪资格证书:" prop="credential_image">
+          <el-row :gutter="20" type="flex" justify="space-between">
+            <el-col :span="8">
+              <ImageUpload
+                v-model="value.credential_image"
+                :isShowTip="false"
+                :limit="1"
+              />
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import CityOptions from "@/views/components/CityOptions";
+import FieldOptions from "@/views/components/FieldOptions";
+import InputBoxAdd from "@/views/components/InputBoxAdd";
+import { researchSelect } from "@/api/dataList/research";
+import { laboratorySelect } from "@/api/dataList/laboratory";
+export default {
+  components: {
+    CityOptions,
+    FieldOptions,
+    InputBoxAdd,
+  },
+  props: {
+    value: Object,
+    isAdd: {
+      type: Boolean,
+      default: true,
+    },
+    showTitle: {
+      type: Boolean,
+      default: false,
+    },
+    formType: {
+      type: Number,
+      default: 1,
+    },
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+  },
+  data() {
+    return {
+      researchOptions: [],
+      rules: {
+        name: [{ required: true, message: "请输入", trigger: "blur" }],
+        mobile: [
+          { required: true, message: "请输入", trigger: "blur" },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur",
+          },
+        ],
+        id_card: [{ required: true, message: "请输入", trigger: "blur" }],
+        work_place: [{ required: true, message: "请输入", trigger: "blur" }],
+        work_experience: [
+          { required: true, message: "请输入", trigger: "blur" },
+        ],
+        tenant_id: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: ["blur", "change"],
+          },
+        ],
+        "id_image.front": [
+          {
+            required: true,
+            message: "请上传",
+            trigger: ["blur", "change"],
+          },
+        ],
+        "id_image.behind": [
+          {
+            required: true,
+            message: "请上传",
+            trigger: ["blur", "change"],
+          },
+        ],
+        "id_image.hold": [
+          {
+            required: true,
+            message: "请上传",
+            trigger: ["blur", "change"],
+          },
+        ],
+      },
+    };
+  },
+  methods: {
+    submitForm() {
+      let flag = false;
+      this.$refs["form"].validate((valid) => {
+        const keywordsForm = this.$refs.keywordsForm.submitForm(); // 关键词
+        const researchsForm = this.$refs.researchsForm.submitForm(); // 研究方向
+        if (valid && keywordsForm && researchsForm) {
+          flag = !flag;
+        }
+      });
+      return flag;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.form_title {
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+::v-deep .el-upload--picture-card {
+  width: 100%;
+}
+::v-deep .hide {
+  height: 148px;
+}
+::v-deep .el-upload-list--picture-card .el-upload-list__item {
+  width: 100%;
+}
+// 上传图片框限制
+// ::v-deep .el-upload--picture-card {
+//   width: 120px;
+//   height: 120px;
+//   line-height: 120px;
+// }
+.el-select,
+.el-date-editor {
+  display: block;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/CityOptions/index.vue b/src/views/components/CityOptions/index.vue
new file mode 100644
index 0000000..bf599ef
--- /dev/null
+++ b/src/views/components/CityOptions/index.vue
@@ -0,0 +1,160 @@
+<template>
+  <el-form
+    ref="form"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+  >
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="所在地:" required>
+          <el-row type="flex" justify="space-between">
+            <el-col :span="7">
+              <el-form-item prop="province">
+                <el-select
+                  v-model="value.province"
+                  clearable
+                  placeholder="请选择"
+                  @change="provinceCodeChange"
+                >
+                  <el-option
+                    v-for="(key, value) in provinceSelectList"
+                    :key="value"
+                    :label="key"
+                    :value="value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item prop="city">
+                <el-select
+                  v-model="value.city"
+                  clearable
+                  placeholder="请选择"
+                  @change="cityCodeChange"
+                >
+                  <el-option
+                    v-for="(key, value) in citySelectList"
+                    :key="value"
+                    :label="key"
+                    :value="value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-form-item prop="district">
+                <el-select
+                  v-model="value.district"
+                  clearable
+                  placeholder="请选择"
+                >
+                  <el-option
+                    v-for="(key, value) in districtSelectList"
+                    :key="value"
+                    :label="key"
+                    :value="value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import { areaList } from "@/api/config";
+export default {
+  props: {
+    value: Object,
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+  },
+  data() {
+    return {
+      provinceSelectList: [], // 省
+      citySelectList: [], // 市
+      districtSelectList: [], // 区
+      rules: {
+        province: [
+          { required: true, message: "请选择", trigger: ["change", "blue"] },
+        ],
+        city: [
+          { required: true, message: "请选择", trigger: ["change", "blue"] },
+        ],
+        district: [
+          { required: true, message: "请选择", trigger: ["change", "blue"] },
+        ],
+      },
+    };
+  },
+  watch: {
+    value(newOld) {
+      const data = Object.assign({}, newOld);
+      this.provinceCodeChange(data.province);
+      this.cityCodeChange(data.city);
+      newOld.city = data.city;
+      newOld.district = data.district;
+    },
+  },
+  methods: {
+    getProvinceByParent(id) {
+      return new Promise((resolve, reject) => {
+        areaList({ code: id })
+          .then(({ code, msg, data }) => {
+            if (code == 200) {
+              resolve(data);
+            } else {
+              this.$modal.msgError(msg);
+              reject({ msg, code });
+            }
+          })
+          .catch((error) => {
+            reject(error);
+          });
+      });
+    },
+    async provinceCodeChange(id) {
+      // delete this.value.city;
+      // delete this.value.district;
+      this.value.city = undefined;
+      this.value.district = undefined;
+      if (!id) {
+        this.citySelectList = [];
+        this.districtSelectList = [];
+        return false;
+      }
+      this.citySelectList = await this.getProvinceByParent(id);
+    },
+    async cityCodeChange(id) {
+      // delete this.value.district;
+      this.value.district = undefined;
+      if (!id) {
+        this.districtSelectList = [];
+        return false;
+      }
+      this.districtSelectList = await this.getProvinceByParent(id);
+    },
+    submitForm() {
+      let flag = false;
+      this.$refs["form"].validate((valid) => {
+        flag = valid;
+      });
+      return flag;
+    },
+  },
+  created() {
+    areaList().then((res) => {
+      this.provinceSelectList = res.data;
+    });
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/components/EnterpriseDemandForm/index.vue b/src/views/components/EnterpriseDemandForm/index.vue
new file mode 100644
index 0000000..1a87d61
--- /dev/null
+++ b/src/views/components/EnterpriseDemandForm/index.vue
@@ -0,0 +1,253 @@
+<template>
+  <el-form
+    ref="form"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+    :disabled="!isAdd"
+  >
+    <div class="form_title" v-if="showTitle">基本信息</div>
+
+    <el-row v-if="formType != 3 && showOne">
+      <el-col :span="24">
+        <el-form-item label="所属企业:" prop="title">
+          <el-input v-model="value.title"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="需求名称:" prop="name">
+          <el-input v-model="value.name"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="需求类别:">
+          <el-checkbox-group v-model="value.check">
+            <el-checkbox
+              v-for="item in checkList"
+              :key="item.id"
+              :label="item.id"
+              >{{ item.name }}</el-checkbox
+            >
+          </el-checkbox-group>
+          <el-row :gutter="20">
+            <el-col :span="20">
+              <el-input
+                v-model="checkInput"
+                placeholder="请输入需求类别"
+              ></el-input>
+            </el-col>
+            <el-col :span="4">
+              <el-button type="primary" @click="addCheck">添加</el-button>
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="需求描述:" prop="add">
+          <Editor v-model="value.add" :minHeight="150" :readOnly="!isAdd" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <FieldOptions
+      v-if="formType == 1"
+      v-model="value"
+      :labelWidth="labelWidth"
+      ref="fieldForm"
+      :disabled="!isAdd"
+    />
+
+    <el-row v-if="formType == 1">
+      <el-col :span="12">
+        <el-form-item
+          label="成果需求预算:"
+          :prop="value.status ? '' : 'amount'"
+        >
+          <el-input
+            v-model="value.amount"
+            oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"
+            placeholder="请输入技术需求预算"
+          >
+            <template slot="append">万元</template>
+          </el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label-width="50px">
+          <el-checkbox v-model="value.status">面议</el-checkbox>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 1">
+      <el-col :span="12">
+        <el-form-item label="截止时间:" prop="work_at">
+          <el-date-picker
+            style="width: 100%"
+            v-model="value.work_at"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="请选择截止时间"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="需求联系人:" prop="bankAccount">
+          <el-input
+            v-model="value.bankAccount"
+            placeholder="请输入需求联系人"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="联系人手机号:" prop="bankPhone">
+          <el-input
+            v-model="value.bankPhone"
+            placeholder="请输入联系人手机号"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="需求提交人:" prop="username">
+          <el-input v-model="value.username" placeholder="自动获取"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="手机号:" prop="userPhone">
+          <el-input v-model="value.userPhone" placeholder="自动获取"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 1">
+      <el-col :span="24">
+        <InputBoxAdd
+          :labelWidth="labelWidth"
+          v-model="value"
+          title="想合作的单位及模式"
+          placeholder=""
+          fieldKey="customer"
+          ref="directionsForm"
+          :disabled="!isAdd"
+        />
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import FieldOptions from "@/views/components/FieldOptions";
+import InputBoxAdd from "@/views/components/InputBoxAdd";
+export default {
+  components: {
+    FieldOptions,
+    InputBoxAdd,
+  },
+  props: {
+    value: Object,
+    isAdd: {
+      type: Boolean,
+      default: true,
+    },
+    showTitle: {
+      type: Boolean,
+      default: false,
+    },
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+    formType: {
+      type: Number,
+      default: 1,
+    },
+    showOne: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      checkList: [
+        {
+          id: 1,
+          name: "成果推广",
+        },
+        {
+          id: 2,
+          name: "关键成果解决",
+        },
+        {
+          id: 3,
+          name: "对接专家院士",
+        },
+        {
+          id: 4,
+          name: "上市辅导",
+        },
+      ],
+      checkInput: "",
+      rules: {
+        title: [
+          { required: true, message: "所属企业不能为空", trigger: "blur" },
+        ],
+        name: [
+          { required: true, message: "需求名称不能为空", trigger: "blur" },
+        ],
+        add: [{ required: true, message: "需求描述不能为空", trigger: "blur" }],
+        bankAccount: [
+          { required: true, message: "需求联系人不能为空", trigger: "blur" },
+        ],
+        bankPhone: [
+          { required: true, message: "联系人手机号不能为空", trigger: "blur" },
+        ],
+        username: [
+          { required: true, message: "需求提交人不能为空", trigger: "blur" },
+        ],
+        amount: [
+          { required: true, message: "需求预算不能为空", trigger: "blur" },
+        ],
+        work_at: [
+          {
+            required: true,
+            message: "请选择截止时间",
+            trigger: ["change", "blur"],
+          },
+        ],
+        userPhone: [
+          { required: true, message: "手机号不能为空", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    addCheck() {},
+    submitForm() {
+      let flag = false;
+      this.$refs["form"].validate((valid) => {
+        const directionsForm = this.$refs.directionsForm.submitForm();
+        const fieldForm = this.$refs.fieldForm.submitForm();
+        if (valid && directionsForm && fieldForm) {
+          flag = !flag;
+        }
+      });
+      return flag;
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/components/ExpertForm/index.vue b/src/views/components/ExpertForm/index.vue
new file mode 100644
index 0000000..c6fb54e
--- /dev/null
+++ b/src/views/components/ExpertForm/index.vue
@@ -0,0 +1,484 @@
+<template>
+  <el-form
+    ref="form"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+  >
+    <div class="form_title" v-if="showTitle">基本信息</div>
+    <el-row>
+      <el-col :span="24">
+        <el-form-item :label="imageName" prop="image">
+          <ImageUpload v-model="value.image" :fileSize="2" :limit="1" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 2">
+      <el-col :span="24">
+        <el-form-item :label="nameName" prop="name">
+          <el-input
+            v-model="value.name"
+            :disabled="isAdd ? false : true"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 2">
+      <el-col :span="24">
+        <el-form-item label="组织机构代码:" prop="code">
+          <el-row type="flex" justify="space-between">
+            <el-col :span="20">
+              <el-input v-model="value.code" :disabled="!isAdd"></el-input>
+            </el-col>
+            <el-col :span="3">
+              <el-button type="primary" @click="" :disabled="!isAdd"
+                >查找</el-button
+              >
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 2">
+      <el-col :span="24">
+        <el-form-item label="企业类型:" prop="kind">
+          <el-select v-model="value.kind" placeholder="请选择">
+            <el-option
+              v-for="item in enterpriseOptions"
+              :key="item.key"
+              :label="item.value"
+              :value="item.key"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="核心成果核心产品:" prop="product">
+          <el-input v-model="value.product"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 1">
+      <el-col :span="12">
+        <el-form-item label="姓名:" prop="name">
+          <el-input
+            v-model="value.name"
+            :disabled="isAdd ? false : true"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="手机号:" prop="mobile">
+          <el-input
+            v-model="value.mobile"
+            :disabled="isAdd ? false : true"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="所属站点:" prop="tenant_id">
+          <SiteOptions :size="''" :limitWidth="false" v-model="value" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 1">
+      <el-col :span="12">
+        <el-form-item label="所属单位:" prop="research_id">
+          <el-select
+            v-model="value.research_id"
+            filterable
+            placeholder="请选择"
+            @change="setLaboratory"
+          >
+            <el-option
+              v-for="item in researchOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="所属实验室:">
+          <el-select
+            v-model="value.laboratory_id"
+            filterable
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <CityOptions v-model="value" :labelWidth="labelWidth" ref="cityForm" />
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="详细地址:">
+          <el-input v-model="value.address"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 1">
+      <el-col :span="24">
+        <el-form-item label="毕业院校:" prop="school">
+          <el-input v-model="value.school"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 1">
+      <el-col :span="12">
+        <el-form-item label="最高学历:" prop="education">
+          <el-select v-model="value.education" placeholder="请选择">
+            <el-option
+              v-for="item in educationOptions"
+              :key="item.text"
+              :label="item.text"
+              :value="item.text"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="主修专业:" prop="major">
+          <el-input v-model="value.major"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 1">
+      <el-col :span="12">
+        <el-form-item label="职务:" prop="job">
+          <el-input v-model="value.job"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="职称:" prop="title">
+          <el-input v-model="value.title"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 1">
+      <el-col :span="12">
+        <el-form-item label="从业时间:" prop="work_at">
+          <el-date-picker
+            v-model="value.work_at"
+            type="date"
+            value-format="yyyy-MM-dd"
+            placeholder="选择日期"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="性别:" prop="gender">
+          <el-radio v-model="value.gender" :label="1">男</el-radio>
+          <el-radio v-model="value.gender" :label="2">女</el-radio>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <FieldOptions v-model="value" :labelWidth="labelWidth" ref="fieldForm" />
+
+    <InputBoxAdd
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="关键词"
+      placeholder="应用场景关键词+技术产品关键词"
+      fieldKey="keywords"
+      ref="keywordsForm"
+    />
+
+    <InputBoxAdd
+      v-if="formType != 2"
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="研究方向"
+      placeholder="请输入研究方向"
+      fieldKey="researchs"
+      ref="researchsForm"
+    />
+
+    <InputBoxAdd
+      v-if="formType == 2"
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="生产方向"
+      placeholder="请输入生产方向"
+      fieldKey="directions"
+      ref="directionsForm"
+    />
+
+    <el-row v-if="formType == 2">
+      <el-col :span="24">
+        <el-form-item label="邀请码:">
+          <el-input v-model="value.inviter_code" :disabled="!isAdd"></el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="企业网站:">
+          <el-input v-model="value.url"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="formType == 2">
+      <el-col :span="24">
+        <el-form-item label="营业执照:" prop="license">
+          <ImageUpload v-model="value.license" :isShowTip="false" :limit="1" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <el-form-item :label="introduceName" prop="introduce">
+          <el-input
+            v-if="formType == 1"
+            v-model="value.introduce"
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 6 }"
+          />
+          <Editor
+            v-else
+            v-model="value.introduce"
+            :minHeight="150"
+            ref="introduceRef"
+            @click.native="handleEditAble"
+          />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import CityOptions from "@/views/components/CityOptions";
+import FieldOptions from "@/views/components/FieldOptions";
+import InputBoxAdd from "@/views/components/InputBoxAdd";
+import { researchSelect } from "@/api/dataList/research";
+import { laboratorySelect } from "@/api/dataList/laboratory";
+export default {
+  components: {
+    CityOptions,
+    FieldOptions,
+    InputBoxAdd,
+  },
+  props: {
+    value: Object,
+    isAdd: {
+      type: Boolean,
+      default: true,
+    },
+    showTitle: {
+      type: Boolean,
+      default: false,
+    },
+    formType: {
+      type: Number,
+      default: 1,
+    },
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+  },
+  computed: {
+    introduceName() {
+      let str = "";
+      switch (this.formType) {
+        case 1:
+          str = "个人简介:";
+          break;
+        case 2:
+          str = "单位简介:";
+          break;
+        default:
+          break;
+      }
+      return str;
+    },
+    imageName() {
+      let str = "";
+      switch (this.formType) {
+        case 1:
+          str = "专家头像:";
+          break;
+        case 2:
+          str = "企业logo:";
+          break;
+        default:
+          break;
+      }
+      return str;
+    },
+    nameName() {
+      let str = "";
+      switch (this.formType) {
+        case 2:
+          str = "单位名称:";
+          break;
+        default:
+          break;
+      }
+      return str;
+    },
+  },
+  data() {
+    return {
+      researchOptions: [],
+      options: [
+        // { value: "", label: "" }
+      ],
+      rules: {
+        product: [{ required: true, message: "请输入", trigger: "blur" }],
+        name: [{ required: true, message: "请输入", trigger: "blur" }],
+        kind: [{ required: true, message: "请选择", trigger: "change" }],
+        code: [{ required: true, message: "请输入", trigger: "blur" }],
+        mobile: [
+          { required: true, message: "请输入", trigger: "blur" },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur",
+          },
+        ],
+        research_id: [{ required: true, message: "请选择", trigger: "change" }],
+        tenant_id: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: ["blur", "change"],
+          },
+        ],
+        school: [{ required: true, message: "请输入", trigger: "blur" }],
+        education: [{ required: true, message: "请选择", trigger: "change" }],
+        major: [{ required: true, message: "请输入", trigger: "blur" }],
+        job: [{ required: true, message: "请输入", trigger: "blur" }],
+        title: [{ required: true, message: "请输入", trigger: "blur" }],
+        work_at: [
+          {
+            required: true,
+            message: "从业时间不能为空",
+            trigger: ["change", "blur"],
+          },
+        ],
+        license: [
+          {
+            required: true,
+            message: "请上传",
+            trigger: ["blur", "change"],
+          },
+        ],
+        introduce: [{ required: true, message: "请输入", trigger: "blur" }],
+      },
+    };
+  },
+  watch: {
+    "value.tenant_id"(newOld) {
+      console.log(newOld);
+      if (newOld) {
+        if (this.formType == 1) {
+          // this.formType == 1 专家表单
+          // 获取所属单位-研究机构options
+          researchSelect({ tenant_id: newOld }).then(({ data }) => {
+            this.researchOptions = data;
+          });
+        }
+      } else {
+        this.researchOptions = [];
+        if (this.value.research_id) this.value.research_id = undefined;
+      }
+    },
+  },
+  mounted() {
+    console.log(this.formType);
+    if (this.formType != 1) {
+      // 取消富文本自动聚焦
+      this.$nextTick(() => {
+        this.$refs.introduceRef.Quill.enable(false);
+      });
+    }
+  },
+  methods: {
+    // 富文本聚焦
+    handleEditAble() {
+      this.$refs.introduceRef.Quill.enable(true);
+      this.$refs.introduceRef.Quill.focus();
+    },
+    setLaboratory(e) {
+      laboratorySelect({ research_id: e }).then((res) => {
+        console.log(res);
+      });
+    },
+    submitForm() {
+      let flag = false;
+      if (this.formType == 1) {
+        this.$refs["form"].validate((valid) => {
+          const cityForm = this.$refs.cityForm.submitForm(); // 城市
+          const fieldForm = this.$refs.fieldForm.submitForm(); // 所属领域
+          const keywordsForm = this.$refs.keywordsForm.submitForm(); // 关键词
+          const researchsForm = this.$refs.researchsForm.submitForm(); // 研究方向
+          if (valid && cityForm && fieldForm && keywordsForm && researchsForm) {
+            flag = !flag;
+          }
+        });
+      } else if (this.formType == 2) {
+        this.$refs["form"].validate((valid) => {
+          const cityForm = this.$refs.cityForm.submitForm();
+          const fieldForm = this.$refs.fieldForm.submitForm();
+          const keywordsForm = this.$refs.keywordsForm.submitForm();
+          const directionsForm = this.$refs.directionsForm.submitForm();
+          if (
+            valid &&
+            cityForm &&
+            fieldForm &&
+            keywordsForm &&
+            directionsForm
+          ) {
+            flag = !flag;
+          }
+        });
+      }
+      return flag;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.form_title {
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+// 上传图片框限制
+// ::v-deep .el-upload--picture-card {
+//   width: 120px;
+//   height: 120px;
+//   line-height: 120px;
+// }
+.el-select,
+.el-date-editor {
+  display: block;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/FieldOptions/index.vue b/src/views/components/FieldOptions/index.vue
new file mode 100644
index 0000000..ab01c92
--- /dev/null
+++ b/src/views/components/FieldOptions/index.vue
@@ -0,0 +1,224 @@
+<template>
+  <el-form
+    ref="form"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+    :disabled="disabled"
+  >
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="所属领域:" required>
+          <el-row type="flex" justify="space-between">
+            <el-col :span="6">
+              <el-form-item prop="industrys">
+                <el-select
+                  v-model="fields[0]"
+                  value-key="id"
+                  placeholder="请选择"
+                  @change="levelIChange"
+                >
+                  <el-option
+                    v-for="item in levelI"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-select
+                v-model="fields[1]"
+                value-key="id"
+                placeholder="请选择"
+                @change="levelIIChange"
+              >
+                <el-option
+                  v-for="item in levelII"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item"
+                >
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="6">
+              <el-select
+                v-model="fields[2]"
+                value-key="id"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in levelIII"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item"
+                >
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="3">
+              <el-button type="primary" @click="fieldAdd">添加</el-button>
+            </el-col>
+          </el-row>
+          <div class="e_tag">
+            <el-tag
+              v-for="(tag, index) in industrysTags"
+              :key="index"
+              closable
+              @close="handleFieldClose(index)"
+            >
+              <template v-if="Array.isArray(tag)">
+                <span v-for="(item, i) in tag" :key="item.id">
+                  {{ item.name }}
+                  <span v-if="tag.length != i + 1">></span>
+                </span>
+              </template>
+              <template v-else>
+                <span>{{ tag }}</span>
+              </template>
+            </el-tag>
+          </div>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import { industry } from "@/api/config";
+export default {
+  props: {
+    value: Object,
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      levelI: [], // I级数据
+      levelII: [], // II级数据
+      levelIII: [], // III级数据
+      fields: [], // 当前下拉框选中的集合
+      industrysTags: [], // 点击添加按钮后临时存储的数据集合
+      rules: {
+        industrys: [
+          {
+            type: "array",
+            required: true,
+            message: "请选择并添加",
+            trigger: "change",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    value(newVal, oldVal) {
+      let _key = [];
+      let _value = [];
+      for (let i = 0; i < newVal.industrys.length; i++) {
+        const item = newVal.industrys[i];
+        _key.push(item.key);
+        _value.push(item.value);
+      }
+      newVal.industrys = _key;
+
+      let keyObj = [];
+      for (let i = 0; i < _key.length; i++) {
+        keyObj.push([]);
+        let array = _key[i].split("-");
+        for (let j = 0; j < array.length; j++) {
+          keyObj[i].push({
+            id: array[j],
+          });
+        }
+      }
+      for (let i = 0; i < _value.length; i++) {
+        let array = _value[i].split(">");
+        for (let j = 0; j < array.length; j++) {
+          keyObj[i][j]["name"] = array[j];
+        }
+      }
+      this.industrysTags = keyObj;
+    },
+  },
+  methods: {
+    getFieldByParent(id) {
+      return new Promise((resolve, reject) => {
+        industry({ parent_id: id })
+          .then(({ code, msg, data }) => {
+            if (code == 200) {
+              resolve(data);
+            } else {
+              this.$modal.msgError(msg);
+              reject({ msg, code });
+            }
+          })
+          .catch((error) => {
+            reject(error);
+          });
+      });
+    },
+    async levelIChange(item) {
+      delete this.fields[1];
+      delete this.fields[2];
+      this.levelII = await this.getFieldByParent(item.id);
+    },
+    async levelIIChange(item) {
+      delete this.fields[2];
+      this.levelIII = await this.getFieldByParent(item.id);
+    },
+    // 所属领域添加按钮
+    fieldAdd() {
+      if (!this.fields.length) return this.$modal.msgError("请选择领域类型");
+      this.value.industrys = [];
+      this.industrysTags.push(this.fields);
+      for (let i = 0; i < this.industrysTags.length; i++) {
+        this.value.industrys.push("");
+        const item = this.industrysTags[i];
+        for (let j = 0; j < item.length; j++) {
+          const item2 = item[j];
+          if (this.value.industrys[i] == "") {
+            this.value.industrys[i] = item2.id;
+          } else {
+            this.value.industrys[i] = this.value.industrys[i] + "-" + item2.id;
+          }
+        }
+      }
+      this.fields = [];
+      this.levelII = [];
+      this.levelIII = [];
+    },
+    handleFieldClose(index) {
+      this.industrysTags.splice(index, 1);
+      this.value.industrys.splice(index, 1);
+    },
+    submitForm() {
+      let flag = false;
+      this.$refs["form"].validate((valid) => {
+        flag = valid;
+      });
+      return flag;
+    },
+  },
+  created() {
+    industry().then((res) => {
+      this.levelI = res.data;
+    });
+  },
+};
+</script>
+<style lang="scss" scoped>
+.e_tag {
+  .el-tag {
+    margin-right: 10px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/FieldSingle/index.vue b/src/views/components/FieldSingle/index.vue
new file mode 100644
index 0000000..327d96a
--- /dev/null
+++ b/src/views/components/FieldSingle/index.vue
@@ -0,0 +1,155 @@
+<template>
+  <el-form
+    :disabled="!isAdd"
+    ref="form"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+  >
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="所属领域:" required>
+          <el-row type="flex" justify="space-between">
+            <el-col :span="7">
+              <el-form-item prop="industrys">
+                <el-select
+                  v-model="value.industrys[0]"
+                  value-key="id"
+                  placeholder="请选择"
+                  @change="levelIChange"
+                >
+                  <el-option
+                    v-for="item in levelI"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="7">
+              <el-select
+                v-model="value.industrys[1]"
+                value-key="id"
+                placeholder="请选择"
+                @change="levelIIChange"
+              >
+                <el-option
+                  v-for="item in levelII"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="7">
+              <el-select
+                v-model="value.industrys[2]"
+                value-key="id"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in levelIII"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import { industry } from "@/api/config";
+export default {
+  props: {
+    value: Object,
+    isAdd: {
+      type: Boolean,
+      default: true,
+    },
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+  },
+  data() {
+    return {
+      levelI: [], // I级数据
+      levelII: [], // II级数据
+      levelIII: [], // III级数据
+      rules: {
+        industrys: [
+          {
+            type: "array",
+            required: true,
+            message: "请选择",
+            trigger: "change",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    value(newOld) {
+      const data = Object.assign({}, newOld);
+      let key = [];
+      for (let i = 0; i < data.industrys.length; i++) {
+        key.push(data.industrys[i].key);
+      }
+      if (key.length > 0) {
+        this.levelIChange(key[0]);
+      }
+      if (key.length > 1) {
+        this.levelIIChange(key[1]);
+      }
+      newOld.industrys = key;
+    },
+  },
+  methods: {
+    getFieldByParent(id) {
+      return new Promise((resolve, reject) => {
+        industry({ parent_id: id })
+          .then(({ code, msg, data }) => {
+            if (code == 200) {
+              resolve(data);
+            } else {
+              this.$modal.msgError(msg);
+              reject({ msg, code });
+            }
+          })
+          .catch((error) => {
+            reject(error);
+          });
+      });
+    },
+    async levelIChange(id) {
+      this.value.industrys[1] = "";
+      this.value.industrys[2] = "";
+      this.levelII = await this.getFieldByParent(id);
+    },
+    async levelIIChange(id) {
+      this.value.industrys[2] = "";
+      this.levelIII = await this.getFieldByParent(id);
+    },
+    submitForm() {
+      let flag = false;
+      this.$refs["form"].validate((valid) => {
+        flag = valid;
+      });
+      return flag;
+    },
+  },
+  created() {
+    industry().then((res) => {
+      this.levelI = res.data;
+    });
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/components/InputBoxAdd/index.vue b/src/views/components/InputBoxAdd/index.vue
new file mode 100644
index 0000000..b19815f
--- /dev/null
+++ b/src/views/components/InputBoxAdd/index.vue
@@ -0,0 +1,102 @@
+<template>
+  <el-form
+    ref="form"
+    :model="value"
+    :label-width="labelWidth + 'px'"
+    :disabled="disabled"
+  >
+    <el-row>
+      <el-col :span="24">
+        <el-form-item
+          :label="title + ':'"
+          :prop="fieldKey"
+          :rules="[
+            {
+              required: true,
+              type: 'array',
+              message: '请输入并添加',
+              trigger: 'change',
+            },
+          ]"
+        >
+          <el-row type="flex" justify="space-between">
+            <el-col :span="20">
+              <el-input v-model="dataVal" :placeholder="placeholder"></el-input>
+            </el-col>
+            <el-col :span="3">
+              <el-button type="primary" @click="keyWordAdd">添加</el-button>
+            </el-col>
+          </el-row>
+          <div class="e_tag">
+            <el-tag
+              v-for="(tag, index) in this.value[fieldKey]"
+              :key="index"
+              closable
+              @close="handleFieldClose(fieldKey, index)"
+            >
+              {{ tag }}
+            </el-tag>
+          </div>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import { industry } from "@/api/config";
+export default {
+  props: {
+    value: Object,
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+    title: {
+      type: String,
+      default: "",
+    },
+    placeholder: {
+      type: String,
+      default: "",
+    },
+    fieldKey: {
+      require: true,
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      dataVal: "",
+    };
+  },
+  methods: {
+    keyWordAdd() {
+      if (!this.dataVal.length)
+        return this.$message.error("请输入" + this.title);
+      this.value[this.fieldKey].push(this.dataVal);
+      this.dataVal = "";
+    },
+    handleFieldClose(val, index) {
+      this.value[val].splice(index, 1);
+    },
+    submitForm() {
+      let flag = false;
+      this.$refs["form"].validate((valid) => {
+        flag = valid;
+      });
+      return flag;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.e_tag {
+  .el-tag {
+    margin-right: 10px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/LaboratoryForm/index.vue b/src/views/components/LaboratoryForm/index.vue
new file mode 100644
index 0000000..cfa6b84
--- /dev/null
+++ b/src/views/components/LaboratoryForm/index.vue
@@ -0,0 +1,259 @@
+<template>
+  <el-form
+    ref="form"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+  >
+    <div class="form_title" v-if="showTitle">基本信息</div>
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="实验室名称" prop="name">
+          <el-input v-model="value.name" :disabled="!isAdd"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="组织机构代码:" prop="code">
+          <el-row type="flex" justify="space-between">
+            <el-col :span="20">
+              <el-input v-model="value.code" :disabled="!isAdd"></el-input>
+            </el-col>
+            <el-col :span="3">
+              <el-button type="primary" @click="" :disabled="!isAdd"
+                >查找</el-button
+              >
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="所属站点:" prop="tenant_id">
+          <SiteOptions :size="''" :limitWidth="false" v-model="value" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="所属单位:" prop="research_id">
+          <el-select
+            v-model="value.research_id"
+            filterable
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in researchOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <CityOptions v-model="value" :labelWidth="labelWidth" ref="cityForm" />
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="详细地址:">
+          <el-input
+            v-model="value.address"
+            placeholder="请输入详细地址"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="实验室网站:">
+          <el-input
+            v-model="value.url"
+            placeholder="请输入实验室网站"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <FieldOptions v-model="value" :labelWidth="labelWidth" ref="fieldForm" />
+
+    <!-- <FieldSingle
+      v-model="value"
+      :isAdd="isAdd"
+      :labelWidth="labelWidth"
+      ref="fieldForm"
+    /> -->
+
+    <InputBoxAdd
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="关键词"
+      placeholder="应用场景关键词+技术产品关键词"
+      fieldKey="keywords"
+      ref="keywordsForm"
+    />
+
+    <InputBoxAdd
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="研究方向"
+      placeholder="请输入研究方向"
+      fieldKey="researchs"
+      ref="directionsForm"
+    />
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="实验室简介" prop="introduce">
+          <Editor
+            v-model="value.introduce"
+            :minHeight="150"
+            ref="introduceRef"
+            @click.native="handleEditAble"
+          />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import CityOptions from "@/views/components/CityOptions";
+import FieldSingle from "@/views/components/FieldSingle";
+import FieldOptions from "@/views/components/FieldOptions";
+import InputBoxAdd from "@/views/components/InputBoxAdd";
+import { researchSelect } from "@/api/dataList/research";
+export default {
+  components: {
+    CityOptions,
+    FieldSingle,
+    FieldOptions,
+    InputBoxAdd,
+  },
+  props: {
+    value: Object,
+    isAdd: {
+      type: Boolean,
+      default: true,
+    },
+    showTitle: {
+      type: Boolean,
+      default: false,
+    },
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+  },
+  watch: {
+    "value.tenant_id"(newOld) {
+      console.log(newOld);
+      if (newOld) {
+        researchSelect({ tenant_id: newOld }).then(({ data }) => {
+          this.researchOptions = data;
+        });
+      } else {
+        this.researchOptions = [];
+        if (this.value.research_id) this.value.research_id = undefined;
+      }
+    },
+  },
+  data() {
+    return {
+      researchOptions: [],
+      options: [
+        // { value: "", label: "" }
+      ],
+      rules: {
+        product: [{ required: true, message: "请输入", trigger: "blur" }],
+        name: [{ required: true, message: "请输入", trigger: "blur" }],
+        kind: [{ required: true, message: "请选择", trigger: "change" }],
+        code: [{ required: true, message: "请输入", trigger: "blur" }],
+        mobile: [
+          { required: true, message: "请输入", trigger: "blur" },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur",
+          },
+        ],
+        research_id: [{ required: true, message: "请选择", trigger: "change" }],
+        tenant_id: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: ["blur", "change"],
+          },
+        ],
+        school: [{ required: true, message: "请输入", trigger: "blur" }],
+        education: [{ required: true, message: "请选择", trigger: "change" }],
+        major: [{ required: true, message: "请输入", trigger: "blur" }],
+        job: [{ required: true, message: "请输入", trigger: "blur" }],
+        title: [{ required: true, message: "请输入", trigger: "blur" }],
+        work_at: [
+          {
+            required: true,
+            message: "从业时间不能为空",
+            trigger: ["change", "blur"],
+          },
+        ],
+        license: [
+          {
+            required: true,
+            message: "请上传",
+            trigger: ["blur", "change"],
+          },
+        ],
+        introduce: [{ required: true, message: "请输入", trigger: "blur" }],
+      },
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.$refs.introduceRef.Quill.enable(false);
+    });
+  },
+  methods: {
+    // 富文本聚焦
+    handleEditAble() {
+      this.$refs.introduceRef.Quill.enable(true);
+      this.$refs.introduceRef.Quill.focus();
+    },
+    submitForm() {
+      let flag = false;
+      this.$refs["form"].validate((valid) => {
+        const cityForm = this.$refs.cityForm.submitForm();
+        const fieldForm = this.$refs.fieldForm.submitForm();
+        if (valid && cityForm && fieldForm) {
+          flag = !flag;
+        }
+      });
+      return flag;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.form_title {
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+// 上传图片框限制
+// ::v-deep .el-upload--picture-card {
+//   width: 120px;
+//   height: 120px;
+//   line-height: 120px;
+// }
+.el-select,
+.el-date-editor {
+  display: block;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/ReleaseForm/index.vue b/src/views/components/ReleaseForm/index.vue
new file mode 100644
index 0000000..899205b
--- /dev/null
+++ b/src/views/components/ReleaseForm/index.vue
@@ -0,0 +1,265 @@
+<template>
+  <el-form
+    ref="formRef"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+  >
+    <div class="form_title" v-if="showTitle">基本信息</div>
+
+    <el-alert
+      v-if="value.mode == 2"
+      style="margin-bottom: 20px"
+      title="1创新币=1元"
+      type="warning"
+      show-icon
+      :closable="false"
+    ></el-alert>
+
+    <el-row v-if="value.mode == 2">
+      <el-col :span="12">
+        <el-form-item label="视频定价:">
+          <el-input v-model="value.title" placeholder="请输入创新币个数">
+            <template #append>创新币</template>
+          </el-input>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="免费观看时长:">
+          <el-input v-model="value.title" placeholder="默认视频的1/3时长">
+            <template #append>min</template>
+          </el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row v-if="value.mode == 2">
+      <el-col :span="24">
+        <el-form-item label="视频文件:">
+          <FileUpload v-model="value.file2" :limit="1" :fileType="['mp4']" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="成果名称:" prop="title">
+          <el-input
+            v-model="value.title"
+            placeholder="请输入成果名称"
+          ></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <FieldOptions v-model="value" :labelWidth="labelWidth" ref="fieldForm" />
+
+    <InputBoxAdd
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="应用客户"
+      placeholder="请输入应用客户"
+      fieldKey="customer"
+      ref="customerForm"
+    />
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="成果成熟度:" prop="maturity">
+          <el-select
+            v-model="value.maturity"
+            clearable
+            placeholder="请选择成果成熟度"
+          >
+            <el-option
+              v-for="item in maturityOptions"
+              :key="item.key"
+              :label="item.value"
+              :value="item.key"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="成果领先性:" prop="lead_standard">
+          <el-select
+            v-model="value.lead_standard"
+            clearable
+            placeholder="请选择成果领先性"
+          >
+            <el-option
+              v-for="item in leadOptions"
+              :key="item.key"
+              :label="item.value"
+              :value="item.key"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="合作模式:">
+          <el-select
+            v-model="value.cooperation_mode"
+            clearable
+            placeholder="请选择合作模式"
+          >
+            <el-option
+              v-for="item in cooperationOptions"
+              :key="item.key"
+              :label="item.value"
+              :value="item.key"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <InputBoxAdd
+      v-if="value.mode == 2"
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="应用场景"
+      placeholder="请输入应用场景"
+      fieldKey="kws"
+      ref="directionsForm"
+    />
+
+    <InputBoxAdd
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="关键词"
+      placeholder="请输入关键词"
+      fieldKey="keywords"
+      ref="keywordsForm"
+    />
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="成果简介:" prop="description">
+          <el-input
+            v-model="value.description"
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 8 }"
+          />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="成果来源:">
+          <Editor v-model="value.introduce" :minHeight="150" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row v-if="value.mode == 1">
+      <el-col :span="24">
+        <el-form-item label="成果图片:" prop="image">
+          <ImageUpload v-model="value.image" :isShowTip="false" :limit="1" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <p>
+      <b>图片材料上传</b>
+    </p>
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="成熟度证明材料:">
+          <FileUpload
+            v-model="value.file"
+            :limit="1"
+            :fileType="['doc', 'xls', 'ppt', 'txt', 'pdf', 'jpg']"
+          />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import CityOptions from "@/views/components/CityOptions";
+import FieldOptions from "@/views/components/FieldOptions";
+import InputBoxAdd from "@/views/components/InputBoxAdd";
+export default {
+  components: {
+    CityOptions,
+    FieldOptions,
+    InputBoxAdd,
+  },
+  props: {
+    value: Object,
+    isAdd: {
+      type: Boolean,
+      default: true,
+    },
+    showTitle: {
+      type: Boolean,
+      default: false,
+    },
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+  },
+  data() {
+    return {
+      rules: {
+        title: [{ required: true, message: "请输入", trigger: "blur" }],
+        maturity: [{ required: true, message: "请选择", trigger: "change" }],
+        lead_standard: [
+          { required: true, message: "请选择", trigger: "change" },
+        ],
+        description: [{ required: true, message: "请输入", trigger: "blur" }],
+        image: [
+          { required: true, message: "请上传", trigger: ["change", "blur"] },
+        ],
+      },
+    };
+  },
+  methods: {
+    submitForm() {
+      let flag = false;
+      this.$refs["formRef"].validate((valid) => {
+        const fieldForm = this.$refs.fieldForm.submitForm();
+        const customerForm = this.$refs.customerForm.submitForm();
+        console.log();
+        const directionsForm =
+          this.value.mode == 2 ? this.$refs.directionsForm.submitForm() : true;
+        const keywordsForm = this.$refs.keywordsForm.submitForm();
+        if (
+          valid &&
+          fieldForm &&
+          customerForm &&
+          directionsForm &&
+          keywordsForm
+        ) {
+          flag = !flag;
+        }
+      });
+      return flag;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.form_title {
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+// 上传图片框限制
+// ::v-deep .el-upload--picture-card {
+//   width: 120px;
+//   height: 120px;
+//   line-height: 120px;
+// }
+.el-select,
+.el-date-editor {
+  display: block;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/ResearchForm/index.vue b/src/views/components/ResearchForm/index.vue
new file mode 100644
index 0000000..144c149
--- /dev/null
+++ b/src/views/components/ResearchForm/index.vue
@@ -0,0 +1,221 @@
+<template>
+  <el-form
+    ref="form"
+    :model="value"
+    :rules="rules"
+    :label-width="labelWidth + 'px'"
+  >
+    <div class="form_title" v-if="showTitle">基本信息</div>
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="机构logo" prop="image">
+          <ImageUpload v-model="value.image" :fileSize="2" :limit="1" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="机构名称" prop="name">
+          <el-input v-model="value.name" :disabled="!isAdd"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="组织机构代码:" prop="code">
+          <el-row type="flex" justify="space-between">
+            <el-col :span="20">
+              <el-input v-model="value.code" :disabled="!isAdd"></el-input>
+            </el-col>
+            <el-col :span="3">
+              <el-button type="primary" @click="" :disabled="!isAdd"
+                >查找</el-button
+              >
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="所属站点:" prop="tenant_id">
+          <SiteOptions :size="''" :limitWidth="false" v-model="value" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <CityOptions v-model="value" :labelWidth="labelWidth" ref="cityForm" />
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="详细地址:">
+          <el-input v-model="value.address"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <FieldSingle
+      v-model="value"
+      :isAdd="isAdd"
+      :labelWidth="labelWidth"
+      ref="fieldForm"
+    />
+
+    <InputBoxAdd
+      :labelWidth="labelWidth"
+      v-model="value"
+      title="研究方向"
+      placeholder="请输入研究方向"
+      fieldKey="researchs"
+      ref="directionsForm"
+    />
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="营业执照:" prop="license">
+          <ImageUpload v-model="value.license" :isShowTip="false" :limit="1" />
+        </el-form-item>
+      </el-col>
+    </el-row>
+
+    <el-row>
+      <el-col :span="24">
+        <el-form-item label="机构简介" prop="introduce">
+          <Editor
+            v-model="value.introduce"
+            :minHeight="150"
+            ref="introduceRef"
+            @click.native="handleEditAble"
+          />
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import CityOptions from "@/views/components/CityOptions";
+import FieldSingle from "@/views/components/FieldSingle";
+import InputBoxAdd from "@/views/components/InputBoxAdd";
+import { researchSelect } from "@/api/dataList/research";
+import { laboratorySelect } from "@/api/dataList/laboratory";
+export default {
+  components: {
+    CityOptions,
+    FieldSingle,
+    InputBoxAdd,
+  },
+  props: {
+    value: Object,
+    isAdd: {
+      type: Boolean,
+      default: true,
+    },
+    showTitle: {
+      type: Boolean,
+      default: false,
+    },
+    labelWidth: {
+      type: Number,
+      default: 120,
+    },
+  },
+  data() {
+    return {
+      researchOptions: [],
+      options: [
+        // { value: "", label: "" }
+      ],
+      rules: {
+        product: [{ required: true, message: "请输入", trigger: "blur" }],
+        name: [{ required: true, message: "请输入", trigger: "blur" }],
+        kind: [{ required: true, message: "请选择", trigger: "change" }],
+        code: [{ required: true, message: "请输入", trigger: "blur" }],
+        mobile: [
+          { required: true, message: "请输入", trigger: "blur" },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号码",
+            trigger: "blur",
+          },
+        ],
+        research_id: [{ required: true, message: "请选择", trigger: "change" }],
+        tenant_id: [
+          {
+            required: true,
+            message: "请选择",
+            trigger: ["blur", "change"],
+          },
+        ],
+        school: [{ required: true, message: "请输入", trigger: "blur" }],
+        education: [{ required: true, message: "请选择", trigger: "change" }],
+        major: [{ required: true, message: "请输入", trigger: "blur" }],
+        job: [{ required: true, message: "请输入", trigger: "blur" }],
+        title: [{ required: true, message: "请输入", trigger: "blur" }],
+        work_at: [
+          {
+            required: true,
+            message: "从业时间不能为空",
+            trigger: ["change", "blur"],
+          },
+        ],
+        license: [
+          {
+            required: true,
+            message: "请上传",
+            trigger: ["blur", "change"],
+          },
+        ],
+        introduce: [{ required: true, message: "请输入", trigger: "blur" }],
+      },
+    };
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.$refs.introduceRef.Quill.enable(false);
+    });
+  },
+  methods: {
+    // 富文本聚焦
+    handleEditAble() {
+      this.$refs.introduceRef.Quill.enable(true);
+      this.$refs.introduceRef.Quill.focus();
+    },
+    setLaboratory(e) {
+      laboratorySelect({ research_id: e }).then((res) => {
+        console.log(res);
+      });
+    },
+    submitForm() {
+      let flag = false;
+      this.$refs["form"].validate((valid) => {
+        const cityForm = this.$refs.cityForm.submitForm();
+        const fieldForm = this.$refs.fieldForm.submitForm();
+        if (valid && cityForm && fieldForm) {
+          flag = !flag;
+        }
+      });
+      return flag;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.form_title {
+  font-weight: 700;
+  margin-bottom: 30px;
+}
+// 上传图片框限制
+// ::v-deep .el-upload--picture-card {
+//   width: 120px;
+//   height: 120px;
+//   line-height: 120px;
+// }
+.el-select,
+.el-date-editor {
+  display: block;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/components/icons/element-icons.js b/src/views/components/icons/element-icons.js
new file mode 100644
index 0000000..9ea4d63
--- /dev/null
+++ b/src/views/components/icons/element-icons.js
@@ -0,0 +1,3 @@
+const elementIcons = ['platform-eleme', 'eleme', 'delete-solid', 'delete', 's-tools', 'setting', 'user-solid', 'user', 'phone', 'phone-outline', 'more', 'more-outline', 'star-on', 'star-off', 's-goods', 'goods', 'warning', 'warning-outline', 'question', 'info', 'remove', 'circle-plus', 'success', 'error', 'zoom-in', 'zoom-out', 'remove-outline', 'circle-plus-outline', 'circle-check', 'circle-close', 's-help', 'help', 'minus', 'plus', 'check', 'close', 'picture', 'picture-outline', 'picture-outline-round', 'upload', 'upload2', 'download', 'camera-solid', 'camera', 'video-camera-solid', 'video-camera', 'message-solid', 'bell', 's-cooperation', 's-order', 's-platform', 's-fold', 's-unfold', 's-operation', 's-promotion', 's-home', 's-release', 's-ticket', 's-management', 's-open', 's-shop', 's-marketing', 's-flag', 's-comment', 's-finance', 's-claim', 's-custom', 's-opportunity', 's-data', 's-check', 's-grid', 'menu', 'share', 'd-caret', 'caret-left', 'caret-right', 'caret-bottom', 'caret-top', 'bottom-left', 'bottom-right', 'back', 'right', 'bottom', 'top', 'top-left', 'top-right', 'arrow-left', 'arrow-right', 'arrow-down', 'arrow-up', 'd-arrow-left', 'd-arrow-right', 'video-pause', 'video-play', 'refresh', 'refresh-right', 'refresh-left', 'finished', 'sort', 'sort-up', 'sort-down', 'rank', 'loading', 'view', 'c-scale-to-original', 'date', 'edit', 'edit-outline', 'folder', 'folder-opened', 'folder-add', 'folder-remove', 'folder-delete', 'folder-checked', 'tickets', 'document-remove', 'document-delete', 'document-copy', 'document-checked', 'document', 'document-add', 'printer', 'paperclip', 'takeaway-box', 'search', 'monitor', 'attract', 'mobile', 'scissors', 'umbrella', 'headset', 'brush', 'mouse', 'coordinate', 'magic-stick', 'reading', 'data-line', 'data-board', 'pie-chart', 'data-analysis', 'collection-tag', 'film', 'suitcase', 'suitcase-1', 'receiving', 'collection', 'files', 'notebook-1', 'notebook-2', 'toilet-paper', 'office-building', 'school', 'table-lamp', 'house', 'no-smoking', 'smoking', 'shopping-cart-full', 'shopping-cart-1', 'shopping-cart-2', 'shopping-bag-1', 'shopping-bag-2', 'sold-out', 'sell', 'present', 'box', 'bank-card', 'money', 'coin', 'wallet', 'discount', 'price-tag', 'news', 'guide', 'male', 'female', 'thumb', 'cpu', 'link', 'connection', 'open', 'turn-off', 'set-up', 'chat-round', 'chat-line-round', 'chat-square', 'chat-dot-round', 'chat-dot-square', 'chat-line-square', 'message', 'postcard', 'position', 'turn-off-microphone', 'microphone', 'close-notification', 'bangzhu', 'time', 'odometer', 'crop', 'aim', 'switch-button', 'full-screen', 'copy-document', 'mic', 'stopwatch', 'medal-1', 'medal', 'trophy', 'trophy-1', 'first-aid-kit', 'discover', 'place', 'location', 'location-outline', 'location-information', 'add-location', 'delete-location', 'map-location', 'alarm-clock', 'timer', 'watch-1', 'watch', 'lock', 'unlock', 'key', 'service', 'mobile-phone', 'bicycle', 'truck', 'ship', 'basketball', 'football', 'soccer', 'baseball', 'wind-power', 'light-rain', 'lightning', 'heavy-rain', 'sunrise', 'sunrise-1', 'sunset', 'sunny', 'cloudy', 'partly-cloudy', 'cloudy-and-sunny', 'moon', 'moon-night', 'dish', 'dish-1', 'food', 'chicken', 'fork-spoon', 'knife-fork', 'burger', 'tableware', 'sugar', 'dessert', 'ice-cream', 'hot-water', 'water-cup', 'coffee-cup', 'cold-drink', 'goblet', 'goblet-full', 'goblet-square', 'goblet-square-full', 'refrigerator', 'grape', 'watermelon', 'cherry', 'apple', 'pear', 'orange', 'coffee', 'ice-tea', 'ice-drink', 'milk-tea', 'potato-strips', 'lollipop', 'ice-cream-square', 'ice-cream-round']
+
+export default elementIcons
diff --git a/src/views/components/icons/index.vue b/src/views/components/icons/index.vue
new file mode 100644
index 0000000..d3c9a71
--- /dev/null
+++ b/src/views/components/icons/index.vue
@@ -0,0 +1,87 @@
+<template>
+  <div class="icons-container">
+    <aside>
+      <a href="#" target="_blank">Add and use
+      </a>
+    </aside>
+    <el-tabs type="border-card">
+      <el-tab-pane label="Icons">
+        <div v-for="item of svgIcons" :key="item">
+          <el-tooltip placement="top">
+            <div slot="content">
+              {{ generateIconCode(item) }}
+            </div>
+            <div class="icon-item">
+              <svg-icon :icon-class="item" class-name="disabled" />
+              <span>{{ item }}</span>
+            </div>
+          </el-tooltip>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="Element-UI Icons">
+        <div v-for="item of elementIcons" :key="item">
+          <el-tooltip placement="top">
+            <div slot="content">
+              {{ generateElementIconCode(item) }}
+            </div>
+            <div class="icon-item">
+              <i :class="'el-icon-' + item" />
+              <span>{{ item }}</span>
+            </div>
+          </el-tooltip>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import svgIcons from './svg-icons'
+import elementIcons from './element-icons'
+
+export default {
+  name: 'Icons',
+  data() {
+    return {
+      svgIcons,
+      elementIcons
+    }
+  },
+  methods: {
+    generateIconCode(symbol) {
+      return `<svg-icon icon-class="${symbol}" />`
+    },
+    generateElementIconCode(symbol) {
+      return `<i class="el-icon-${symbol}" />`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.icons-container {
+  margin: 10px 20px 0;
+  overflow: hidden;
+
+  .icon-item {
+    margin: 20px;
+    height: 85px;
+    text-align: center;
+    width: 100px;
+    float: left;
+    font-size: 30px;
+    color: #24292e;
+    cursor: pointer;
+  }
+
+  span {
+    display: block;
+    font-size: 16px;
+    margin-top: 10px;
+  }
+
+  .disabled {
+    pointer-events: none;
+  }
+}
+</style>
diff --git a/src/views/components/icons/svg-icons.js b/src/views/components/icons/svg-icons.js
new file mode 100644
index 0000000..724cd8e
--- /dev/null
+++ b/src/views/components/icons/svg-icons.js
@@ -0,0 +1,10 @@
+const req = require.context('../../../assets/icons/svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys()
+
+const re = /\.\/(.*)\.svg/
+
+const svgIcons = requireAll(req).map(i => {
+  return i.match(re)[1]
+})
+
+export default svgIcons
diff --git a/src/views/dataList/enterprise/add.vue b/src/views/dataList/enterprise/add.vue
new file mode 100644
index 0000000..6e50534
--- /dev/null
+++ b/src/views/dataList/enterprise/add.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="app-container">
+    <!-- <div style="width: 50%">
+      <ExpertForm
+        v-model="form"
+        :showTitle="true"
+        :formType="formType"
+        :labelWidth="140"
+        ref="expertFormRef"
+      />
+   
+    </div> -->
+    <el-button @click="cancel">取消</el-button>
+    <el-button type="primary" @click="submitForm">提交</el-button>
+  </div>
+</template>
+
+<script setup name="EnterpriseAdd">
+// import ExpertForm from "@/views/components/ExpertForm";
+import tab from "@/plugins/tab";
+import {
+  companyAdd,
+  companyDetail,
+  companyEdit,
+} from "@/api/dataList/enterprise";
+import { reactive, toRefs } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage } from "element-plus";
+const router = useRouter();
+const formType = ref(2);
+const expertFormRef = ref(null);
+const data = reactive({
+  form: {
+    image: undefined,
+    name: undefined,
+    tenantId: undefined,
+    province: undefined, // 省code
+    city: undefined, // 市code
+    district: undefined, // 区code
+    address: undefined, // 详细地址
+    product: undefined,
+    kind: undefined,
+    code: undefined,
+    inviterCode: undefined,
+    url: undefined,
+    industrys: [],
+    keywords: [],
+    directions: [],
+    introduce: undefined,
+    license: undefined,
+  },
+});
+const { form } = toRefs(data);
+const cancel = () => {
+  router.back();
+  tab.closeOpenPage();
+};
+const submitForm = () => {
+  if (this.$refs.expertForm.submitForm()) {
+    console.log(form.value);
+    // todo...  提交出错
+    if (form.value.id != undefined) {
+      companyEdit(form.value).then((response) => {
+        this.$store.dispatch("tagsView/delView", this.$route);
+        router.go(-1);
+        ElMessage.success("修改成功");
+      });
+    } else {
+      companyAdd(form.value).then((res) => {
+        this.$store.dispatch("tagsView/delView", this.$route);
+        router.go(-1);
+        ElMessage.success("新增成功");
+      });
+    }
+  } else {
+    console.log("校验未通过");
+  }
+};
+</script>
+
+<!-- <script>
+export default {
+  components: {
+    ExpertForm,
+  },
+  data() {
+    return {
+      // formType: 2,
+      // labelWidth: 140,
+    };
+  },
+  methods: {},
+  created() {
+    const { id } = this.$route.query;
+    if (id) {
+      companyDetail({ id }).then((res) => {
+        form.value = res.data;
+      });
+    }
+  },
+};
+</script> -->
diff --git a/src/views/dataList/enterprise/index.vue b/src/views/dataList/enterprise/index.vue
new file mode 100644
index 0000000..3be8b51
--- /dev/null
+++ b/src/views/dataList/enterprise/index.vue
@@ -0,0 +1,213 @@
+<template>
+  <div class="app-container">
+    <el-form
+      v-show="showSearch"
+      :model="queryParams"
+      ref="queryFormRef"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="企业名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入企业名称"
+          clearable
+          size="default"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="所属站点" prop="tenantId">
+        <el-select
+          v-model="queryParams.tenantId"
+          placeholder="请选择，支持搜索"
+          size="default"
+          :loading="siteList.length === 0"
+          filterable
+          clearable
+        >
+          <el-option
+            v-for="item in siteList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="search"
+          size="default"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="refresh" size="default" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="plus"
+          size="default"
+          @click="handleAdd"
+          >新增</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="info" plain icon="upload" size="default" @click=""
+          >导入</el-button
+        >
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="download"
+          size="default"
+          @click="handleExport"
+          >导出</el-button
+        >
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column label="数据编号" align="center" prop="id" />
+      <el-table-column label="企业名称" align="center" prop="name" />
+      <el-table-column label="统一社会信用代码" align="center" prop="code" />
+      <el-table-column
+        label="所属领域"
+        align="center"
+        prop="industrys"
+        show-overflow-tooltip
+      >
+        <template #default="{ row }">
+          <div>{{ row.industrys[row.industrys.length - 1] }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column label="站点" align="center">
+        <template #default="{ row }">
+          {{ siteList.find((el) => el.id === row.tenantId)?.name || "无" }}
+        </template>
+      </el-table-column>
+      <el-table-column label="所在地" align="center" prop="address" />
+      <el-table-column label="企业类型" align="center" prop="kind">
+        <template #default="{ row }">
+          <div>
+            {{ enterpriseOptions.find((e) => row.kind == e.key).value }}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="申请时间" align="center">
+        <template #default="{ row }">
+          <span>{{ row.createdAt }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center">
+        <template #default="{ row }">
+          <el-button
+            size="small"
+            type="text"
+            icon="edit"
+            @click="handleDetail(row.id)"
+            >修改</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.page_size"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script setup name="Enterprise">
+import { companyList, companyExport } from "@/api/dataList/enterprise";
+import { download } from "@/utils/request";
+import dayjs from "dayjs";
+import { tenantSelect } from "@/api/subPlatform/tenant";
+import { reactive, ref, toRefs } from "vue";
+import { useRouter } from "vue-router";
+import { enterpriseOptions } from "@/utils/parameter";
+import { ElMessageBox } from "element-plus";
+const router = useRouter();
+const data = reactive({
+  queryParams: {
+    pageNum: 1,
+    page_size: 10,
+    examine_status: 2,
+    name: undefined,
+    tenantId: undefined,
+  },
+});
+const { queryParams } = toRefs(data);
+const showSearch = ref(true);
+const siteList = ref([]);
+const loading = ref(true);
+const total = ref(0);
+const dataList = ref([]);
+
+/** 查询企业列表 */
+const getList = async () => {
+  loading.value = true;
+  const resp = await companyList(queryParams.value);
+  dataList.value = resp.rows;
+  total.value = resp.total;
+  loading.value = false;
+};
+// 获取站点列表
+const getSiteList = async () => {
+  const resp = await tenantSelect();
+  siteList.value = resp.rows;
+};
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+/** 重置按钮操作 */
+const resetQuery = () => {
+  dateRange.value = [];
+  if (queryFormRef.value) {
+    queryFormRef.value.resetFields();
+  }
+  handleQuery();
+};
+const handleAdd = () => {
+  router.push({
+    path: "/dataList/enterprise/add",
+  });
+};
+const handleDetail = (id) => {
+  router.push({
+    path: "/dataList/enterpriseAdd",
+    query: { id },
+  });
+};
+const handleExport = () => {
+  ElMessageBox.confirm(`是否确认企业列表？`)
+    .then(() => {
+      download("/business/enterprise/export", {}, "res.xls");
+      // companyExport();
+    })
+    .catch(() => {});
+};
+
+getList();
+getSiteList();
+</script>
diff --git a/src/views/dataList/patent/index.vue b/src/views/dataList/patent/index.vue
new file mode 100644
index 0000000..7fe16e2
--- /dev/null
+++ b/src/views/dataList/patent/index.vue
@@ -0,0 +1,556 @@
+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryFormRef"
+      v-show="showSearch"
+      :inline="true"
+      @submit.native.prevent
+    >
+      <el-form-item label="专利名称" prop="title">
+        <el-input
+          v-model="queryParams.title"
+          placeholder="请输入专利名称"
+          clearable
+          size="default"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="search"
+          size="default"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="refresh" size="default" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="plus"
+          size="default"
+          @click="handleAdd"
+          >新增</el-button
+        >
+      </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="plus"
+          size="default"
+          @click="openDialog = true"
+          >认领</el-button
+        >
+      </el-col> -->
+      <right-toolbar
+        v-model:showSearch="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column label="数据编号" prop="id" align="center" />
+      <el-table-column label="专利名称" prop="title" align="center" />
+      <el-table-column label="申请号" prop="applyCode" align="center" />
+      <el-table-column label="发明人" prop="inventor" align="center" />
+      <el-table-column
+        label="申请（专利权）人"
+        prop="applyName"
+        align="center"
+      />
+      <!-- <el-table-column label="状态" align="center">
+        <template #default={row}>
+          <el-switch
+            v-model="row.shelf_status"
+            :active-value="1"
+            :inactive-value="2"
+            @change="handleStatusChange(row)"
+          ></el-switch>
+        </template>
+      </el-table-column> -->
+      <el-table-column label="申请日期" prop="applyAt" align="center">
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template #default="{ row }">
+          <el-button
+            size="small"
+            type="text"
+            icon="edit"
+            @click="handleUpdate(row)"
+            >编辑</el-button
+          >
+          <el-button
+            size="small"
+            type="text"
+            icon="delete"
+            @click="handleDelete(row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 添加或修改对话框 -->
+    <el-dialog :title="title" v-model="showEditDialog" width="700px">
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="申请人:" prop="applyName">
+          <el-input
+            v-model="form.applyName"
+            placeholder="请输入申请（专利权）人（多个请以 , 分割）"
+          />
+        </el-form-item>
+        <el-form-item label="申请人地址:" prop="applyAddress">
+          <el-input
+            v-model="form.applyAddress"
+            placeholder="请输入申请人地址"
+          />
+        </el-form-item>
+        <el-form-item label="发明人:" prop="inventor">
+          <el-input
+            v-model="form.inventor"
+            placeholder="请输入发明人（多个请以 , 分割）"
+          />
+        </el-form-item>
+        <el-form-item label="专利名称:" prop="title">
+          <el-input v-model="form.title" placeholder="请输入专利名称" />
+        </el-form-item>
+        <el-form-item label="申请号:" prop="applyCode">
+          <el-input v-model="form.applyCode" placeholder="请输入申请号" />
+        </el-form-item>
+        <el-form-item label="公开号:" prop="openCode">
+          <el-input v-model="form.openCode" placeholder="请输入公开号" />
+        </el-form-item>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="申请日期:" prop="applyAt">
+              <el-date-picker
+                value-format="YYYYMMDD"
+                v-model.trim="form.applyAt"
+                type="date"
+                placeholder="请选择申请日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="公开日:" prop="openAt">
+              <el-date-picker
+                style="width: 100%"
+                value-format="YYYYMMDD"
+                v-model.trim="form.openAt"
+                type="date"
+                placeholder="请选择公开日"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="专利类型:" prop="kind">
+              <el-select v-model="form.kind" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in patentOptions"
+                  :key="item.key"
+                  :label="item.value"
+                  :value="item.key"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="IPC分类号:" prop="ipcCode">
+              <el-input v-model="form.ipcCode" placeholder="请输入IPC分类号" />
+            </el-form-item>
+            <!-- <el-form-item label="状态:" prop="shelf_status">
+              <el-radio-group v-model="form.shelf_status">
+                <el-radio :label="1">上架</el-radio>
+                <el-radio :label="2">下架</el-radio>
+              </el-radio-group>
+            </el-form-item> -->
+          </el-col>
+        </el-row>
+
+        <el-form-item label="摘要:" prop="description">
+          <!-- <Editor v-model="form.description" :minHeight="150" /> -->
+          <el-input
+            v-model.number="form.description"
+            placeholder="请输入摘要"
+            type="textarea"
+            :autosize="{ minRows: 4, maxRows: 8 }"
+          />
+        </el-form-item>
+        <el-form-item label="主权项:" prop="principalClaim">
+          <!-- <Editor v-model="form.principalClaim" :minHeight="150" /> -->
+          <el-input
+            v-model.number="form.principalClaim"
+            placeholder="请输入主权项"
+            type="textarea"
+            :autosize="{ minRows: 4, maxRows: 8 }"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+    <!-- 认领专利 -->
+    <!-- <el-dialog title="认领专利" :visible.sync="openDialog" width="900px">
+      <el-form :model="claimQueryParams" ref="formClaim" :inline="true">
+        <el-form-item label="申请（专利权）人" prop="applyName">
+          <el-input
+            v-model.trim="claimQueryParams.applyName"
+            placeholder="请输入申请（专利权）人"
+            clearable
+            size="default"
+            style="width: 240px"
+          />
+        </el-form-item>
+        <el-form-item label="发明人" prop="inventor">
+          <el-input
+            v-model.trim="claimQueryParams.inventor"
+            placeholder="请输入发明人"
+            clearable
+            size="default"
+            style="width: 240px"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="search"
+            size="default"
+            @click="handleQueryClaim"
+            >搜索</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="claimLoading"
+        max-height="500"
+        ref="claimTable"
+        :data="claimList"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="数据编号" prop="id" align="center" />
+        <el-table-column label="申请人" prop="applyName" align="center" />
+        <el-table-column label="发明人" prop="inventor" align="center" />
+        <el-table-column label="申请日期" prop="applyAt" align="center" />
+        <el-table-column label="专利名称" prop="title" align="center" />
+      </el-table>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitClaimForm">确 定</el-button>
+        <el-button @click="openDialog = false">取 消</el-button>
+      </div>
+    </el-dialog> -->
+  </div>
+</template>
+
+<script setup name="Patent">
+import {
+  patentList,
+  patentAdd,
+  patentDetail,
+  patentEdit,
+  patentDelete,
+  patentShelf,
+} from "@/api/dataList/patent";
+import { patentOptions } from "@/utils/parameter";
+import { reactive, toRefs } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+const loading = ref(true); // 是否正在加载
+const showSearch = ref(true); // 是否显示搜索栏
+const showEditDialog = ref(false);
+const queryFormRef = ref(null);
+const formRef = ref(null);
+
+const total = ref(0);
+const title = ref("");
+const dataList = ref([]);
+const ids = ref([]); // 批量选中的列表项id列表
+const data = reactive({
+  queryParams: {
+    title: undefined,
+    pageNum: 1,
+    pageSize: 10,
+  },
+  form: {},
+  rules: {
+    applyName: [{ required: true, message: "申请人不能为空", trigger: "blur" }],
+    applyAddress: [
+      { required: true, message: "申请人地址不能为空", trigger: "blur" },
+    ],
+    openCode: [{ required: true, message: "公开号不能为空", trigger: "blur" }],
+    openAt: [{ required: true, message: "公开日不能为空", trigger: "blur" }],
+    inventor: [{ required: true, message: "发明人不能为空", trigger: "blur" }],
+    title: [{ required: true, message: "专利名称不能为空", trigger: "blur" }],
+    applyCode: [{ required: true, message: "申请号不能为空", trigger: "blur" }],
+    applyAt: [{ required: true, message: "申请日期不能为空", trigger: "blur" }],
+    kind: [{ required: true, message: "请选择专利类型", trigger: "change" }],
+    ipcCode: [
+      { required: true, message: "IPC分类号不能为空", trigger: "blur" },
+    ],
+    description: [{ required: true, message: "摘要不能为空", trigger: "blur" }],
+    principalClaim: [
+      { required: true, message: "主权项不能为空", trigger: "blur" },
+    ],
+  },
+});
+const { queryParams, form, rules } = toRefs(data);
+
+const resetQuery = () => {
+  if (queryFormRef.value) {
+    queryFormRef.value.resetFields();
+  }
+  handleQuery();
+};
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+};
+
+// 多选框选中数据
+const handleSelectionChange = (selection) => {
+  ids.value = selection.map((item) => item.id);
+};
+const getList = async () => {
+  loading.value = true;
+  const resp = await patentList(queryParams.value);
+  dataList.value = resp.rows;
+  total.value = resp.total;
+  loading.value = false;
+};
+// 取消按钮
+const cancel = () => {
+  showEditDialog.value = false;
+  reset();
+};
+// 表单重置
+const reset = () => {
+  form.value = {
+    id: undefined,
+    applyName: undefined,
+    applyAddress: undefined,
+    inventor: undefined,
+    title: undefined,
+    applyCode: undefined,
+    openCode: undefined,
+    openAt: undefined,
+    applyAt: undefined,
+    kind: undefined,
+    ipcCode: undefined,
+    description: undefined,
+    // shelf_status: 1,
+    principalClaim: undefined,
+  };
+  if (formRef.value) {
+    formRef.value.resetFields();
+  }
+};
+const handleAdd = () => {
+  reset();
+  showEditDialog.value = true;
+  title.value = "新增专利";
+};
+const handleUpdate = async (row) => {
+  reset();
+  const resp = await patentDetail(row.id);
+  form.value = resp.data;
+  showEditDialog.value = true;
+  title.value = "修改专利";
+};
+const submitForm = async () => {
+  await formRef.value.validate();
+  form.value.inventor = form.value.inventor.replace(/，/g, ",");
+  form.value.applyName = form.value.applyName.replace(/，/g, ",");
+  if (form.value.id != undefined) {
+    await patentEdit(form.value);
+    ElMessage.success("修改成功");
+    showEditDialog.value = false;
+    getList();
+  } else {
+    await patentAdd(form.value);
+    ElMessage.success("新增成功");
+    showEditDialog.value = false;
+    getList();
+  }
+};
+/** 删除按钮操作 */
+const handleDelete = (row) => {
+  ElMessageBox.confirm(`是否确认删除编号为${row.id}的数据项？`)
+    .then(async () => {
+      await patentDelete(row.id);
+      getList();
+      ElMessage.success("删除成功");
+    })
+    .catch(() => {});
+};
+getList();
+</script>
+
+<!-- <script>
+export default {
+
+  methods: {
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    // 查找专利条件...  不用了
+    handleQueryClaim() {
+      if (!this.claimQueryParams.applyName.length)
+        return this.$modal.msgError("请输入申请（专利权）人");
+      if (!this.claimQueryParams.inventor.length)
+        return this.$modal.msgError("请输入发明人");
+      this.claimQueryParams.pageNum = 1;
+      this.getClaimList();
+    },
+    // 查找专利...  不用了
+    getClaimList() {
+      this.claimLoading = true;
+      // patentList 临时方法 需修改... 不用了
+      patentList(this.claimQueryParams).then((res) => {
+        this.claimList = res.data.data;
+        this.claimLoading = false;
+        this.claimList.forEach((item) => {
+          if (item.id == "XN0wBrbAZwQl") {
+            this.$nextTick(() => {
+              this.$refs.claimTable.toggleRowSelection(item);
+            });
+          }
+        });
+      });
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+    },
+    getList() {
+      this.loading = true;
+      patentList(this.queryParams).then((res) => {
+        this.dataList = res.data.data;
+        this.total = res.data.count;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        applyName: undefined,
+        applyAddress: undefined,
+        inventor: undefined,
+        title: undefined,
+        applyCode: undefined,
+        openCode: undefined,
+        openAt: undefined,
+        applyAt: undefined,
+        kind: undefined,
+        ipcCode: undefined,
+        description: undefined,
+        // shelf_status: 1,
+        principalClaim: undefined,
+      };
+      this.resetForm("form");
+    },
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "新增专利";
+    },
+    handleUpdate(row) {
+      this.reset();
+      patentDetail({ id: row.id }).then((res) => {
+        this.form = res.data;
+        this.open = true;
+        this.title = "修改专利";
+      });
+    },
+    submitClaimForm() {},
+    // 状态修改
+    // handleStatusChange(row) {
+    //   let text = row.shelf_status === 1 ? "启用" : "停用";
+    //   this.$modal
+    //     .confirm('确认要"' + text + '""' + row.id + '"数据吗？')
+    //     .then(function () {
+    //       return patentShelf({ id: row.id });
+    //     })
+    //     .then(() => {
+    //       this.$modal.msgSuccess(text + "成功");
+    //     })
+    //     .catch(function () {
+    //       row.shelf_status = row.shelf_status === 1 ? 2 : 1;
+    //     });
+    // },
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.form.inventor = this.form.inventor.replace(/，/g, ",");
+          this.form.applyName = this.form.applyName.replace(/，/g, ",");
+          if (this.form.id != undefined) {
+            patentEdit(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            patentAdd(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal
+        .confirm('是否确认删除编号为"' + row.id + '"的数据项？')
+        .then(function () {
+          return patentDelete({ id: row.id });
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+  },
+  created() {
+    this.getList();
+  },
+};
+</script> -->