Merge branch 'master' of http://git.cc-lotus.info/Information/cxyy-web

src/components/custom/custom-layout.vue

@@ -173,7 +173,7 @@ const toHelp = () => {
 }
 // 个人中心
 const toCenter = () => {
-  window.location.href = `${import.meta.env.VITE_APP_HOME}cxyyAdmin/center`
+  router.push({ path: `/center` })
 }
 // 消息
 const toChat = () => {
@@ -203,7 +203,7 @@ const getUrl = (item) => {
 // 退出登录
 const toOut = () => {
   userStore.logOut()
-  router.push('/login')
+  router.push({ path: '/login', query: { status: '1' } })
 }
 </script>
 

src/router/index.js

@@ -247,6 +247,12 @@ const router = createRouter({
       meta: { title: '产学研用协同创新数字化平台-搜索' },
       component: () => import('@/views/search/index.vue')
     },
+    {
+      path: '/center',
+      name: 'center',
+      meta: { title: '产学研用协同创新数字化平台-个人中心' },
+      component: () => import('@/views/center/index.vue')
+    },
     {
       path: '/loading',
       name: 'loading',

src/store/api/system/region.js

@@ -13,6 +13,10 @@ export const RegionStore = defineStore('region', () => {
     const res = await axios.$get(`${url}`, cond)
     return res
   }
+  const area = async (payload) => {
+    const res = await axios.$get(`${url}/area`, payload)
+    return res
+  }
   const list = async ({ skip = 0, limit = undefined, ...info } = {}) => {
     let cond = {}
     if (skip) cond.skip = skip
@@ -41,6 +45,7 @@ export const RegionStore = defineStore('region', () => {
   return {
     query,
     list,
+    area,
     fetch,
     create,
     update,

src/views/center/index.vue

@@ -0,0 +1,320 @@
+<template>
+  <custom-layout class="main">
+    <div class="w_1300 one">
+      <el-tabs v-model="activeName" type="card" class="tabs">
+        <el-tab-pane label="个人中心" name="first">
+          <el-col :span="24" class="one_1"> 基本信息</el-col>
+          <el-col :span="24" class="one_2">
+            <el-form label-position="top" ref="FormRef" :model="form" :rules="rules" label-width="80px" class="form">
+              <el-form-item label="账号" prop="account">
+                <el-input size="large" clearable disabled v-model="form.account" placeholder="请输入账号">
+                  <template #prefix>
+                    <el-icon>
+                      <User />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="板块选择" prop="plate">
+                <el-checkbox-group v-model="form.plate">
+                  <el-checkbox v-for="(item, index) in plateList" :key="index" :value="item.title" name="type">{{ item.title }}</el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+              <el-form-item label="昵称" prop="nick_name">
+                <el-input size="large" clearable v-model="form.nick_name" placeholder="请输入昵称">
+                  <template #prefix>
+                    <el-icon>
+                      <Avatar />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="性别" prop="gender">
+                <el-select size="large" v-model="form.gender" width="100%" placeholder="请选择性别">
+                  <el-option v-for="(item, index) in genderList" :key="index" :label="item.label" :value="item.value" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="手机号" prop="phone">
+                <el-input size="large" clearable v-model="form.phone" placeholder="请输入手机号">
+                  <template #prefix>
+                    <el-icon>
+                      <Iphone />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="电子邮箱" prop="email">
+                <el-input size="large" clearable v-model="form.email" placeholder="请填入正确的电子邮箱">
+                  <template #prefix>
+                    <el-icon>
+                      <Message />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-col :span="24" class="button">
+                <el-button type="primary" @click="submitForm(FormRef)">保存</el-button>
+              </el-col>
+            </el-form>
+          </el-col>
+          <el-row v-if="form.role_type != 'User'">
+            <el-col :span="24" class="one_1">
+              基本资料
+              <span>(注意：如需修改信息需要重新审核才可显示!)</span>
+            </el-col>
+            <el-col :span="24" class="one_2">
+              <expert v-if="form.role_type == 'Expert'"></expert>
+              <company v-if="form.role_type == 'Company'"></company>
+              <incubator v-if="form.role_type == 'Incubator'"></incubator>
+              <competition v-if="form.role_type == 'Competition'"></competition>
+              <investment v-if="form.role_type == 'Investment'"></investment>
+              <association v-if="form.role_type == 'Association'"></association>
+              <state v-if="form.role_type == 'State'"></state>
+              <unit v-if="form.role_type == 'Unit'"></unit>
+            </el-col>
+          </el-row>
+        </el-tab-pane>
+        <el-tab-pane label="修改密码" name="second">
+          <el-col :span="24" class="one_2">
+            <el-form label-position="top" ref="secondRule" :model="secondForm" :rules="secondRules" label-width="80px" class="form">
+              <el-form-item label="新密码" prop="password">
+                <el-input size="large" v-model="secondForm.password" type="password" show-password placeholder="请输入新密码">
+                  <template #prefix>
+                    <el-icon>
+                      <Unlock />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-form-item label="确认密码" prop="refpassword">
+                <el-input size="large" v-model="secondForm.refpassword" type="password" show-password placeholder="请再次确认输入密码">
+                  <template #prefix>
+                    <el-icon>
+                      <Unlock />
+                    </el-icon>
+                  </template>
+                </el-input>
+              </el-form-item>
+              <el-col :span="24" class="button">
+                <el-button type="primary" @click="submit(secondRule)">修改密码</el-button>
+              </el-col>
+            </el-form>
+          </el-col>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </custom-layout>
+</template>
+
+<script setup>
+import { cloneDeep } from 'lodash-es'
+// 组件
+import association from './parts/association.vue'
+import company from './parts/company.vue'
+import competition from './parts/competition.vue'
+import expert from './parts/expert.vue'
+import incubator from './parts/incubator.vue'
+import state from './parts/state.vue'
+import unit from './parts/unit.vue'
+import investment from './parts/investment.vue'
+// 接口
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+const router = useRouter()
+import { UsersStore } from '@/store/api/user/user'
+const store = UsersStore()
+import { DictDataStore } from '@/store/api/system/dictData'
+import { RegionStore } from '@/store/api/system/region'
+import { SectorStore } from '@/store/api/platform/sector'
+import { LoginStore } from '@/store/api/login'
+const loginStore = LoginStore()
+const dictDataStore = DictDataStore()
+const regionStore = RegionStore()
+const sectorStore = SectorStore()
+const $checkRes = inject('$checkRes')
+// 加载中
+const loading = ref(false)
+const activeName = ref('first')
+const form = ref({})
+// 表单验证
+const ruleFormRef = ref()
+const FormRef = ref()
+const validatePhoneNumber = (rule, value, callback) => {
+  const reg = /^1[3-9]\d{9}$/
+  if (!value) {
+    return callback(new Error('手机号不能为空'))
+  }
+  if (!reg.test(value)) {
+    return callback(new Error('请输入正确的手机号'))
+  }
+  callback()
+}
+const validatePassword = (rule, value, callback) => {
+  if (!value) {
+    return callback(new Error('请输入确认密码'))
+  }
+  if (secondForm.value.password !== value) {
+    callback(new Error('两次输入的密码不一致'))
+  } else {
+    callback()
+  }
+}
+const rules = reactive({
+  nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
+  gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
+  phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
+  email: [{ required: true, message: '请输入电子邮箱', trigger: 'blur' }],
+  account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  plate: [{ required: true, message: '请选择板块', trigger: 'blur' }]
+})
+const secondRule = ref()
+const secondForm = ref({})
+const secondRules = reactive({
+  password: [{ required: true, message: '请输入新密码', trigger: 'blur' }],
+  refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
+})
+// 字典
+const typeList = ref([])
+const genderList = ref([])
+const fieldList = ref([])
+const educationList = ref([])
+const cityList = ref([])
+const isUseList = ref([])
+const patternList = ref([])
+const scaleList = ref([])
+const IndustryList = ref([])
+const cardTypeList = ref([])
+const contributionList = ref([])
+const plateList = ref([])
+// 请求
+onMounted(async () => {
+  loading.value = true
+  await searchOther()
+  await search()
+  loading.value = false
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await store.detail(user.value.id)
+    if (res.errcode == '0') form.value = res.data
+  }
+}
+const searchOther = async () => {
+  let result
+  // 性别
+  result = await dictDataStore.query({ code: 'gender', is_use: '0' })
+  if ($checkRes(result)) genderList.value = result.data
+  // 用户类型
+  result = await dictDataStore.query({ code: 'userType', is_use: '0' })
+  if ($checkRes(result)) typeList.value = result.data
+  // 专家领域
+  result = await dictDataStore.query({ code: 'field', is_use: '0' })
+  if ($checkRes(result)) fieldList.value = result.data
+  // 企业类型
+  result = await dictDataStore.query({ code: 'companyType', is_use: '0' })
+  if ($checkRes(result)) patternList.value = result.data
+  // 企业规模
+  result = await dictDataStore.query({ code: 'companyScale', is_use: '0' })
+  if ($checkRes(result)) scaleList.value = result.data
+  // 企业所属行业
+  result = await dictDataStore.query({ code: 'companyIndustry', is_use: '0' })
+  if ($checkRes(result)) IndustryList.value = result.data
+  // 学历
+  result = await dictDataStore.query({ code: 'education', is_use: '0' })
+  if ($checkRes(result)) educationList.value = result.data
+  // 证件类型
+  result = await dictDataStore.query({ code: 'cardType', is_use: '0' })
+  if ($checkRes(result)) cardTypeList.value = result.data
+  // 出资方式
+  result = await dictDataStore.query({ code: 'contribution', is_use: '0' })
+  if ($checkRes(result)) contributionList.value = result.data
+  // 是否使用
+  result = await dictDataStore.query({ code: 'isUse', is_use: '0' })
+  if ($checkRes(result)) isUseList.value = result.data
+  // 城市
+  result = await regionStore.area({ level: 'province', code: 22 })
+  if ($checkRes(result)) cityList.value = result.data
+  // 板块
+  result = await sectorStore.query({ is_use: '0' })
+  if ($checkRes(result)) plateList.value = result.data
+}
+// 保存
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      if (data.role_type) delete data.role_type
+      if (data.plate && data.plate.length > 0) data.industry = data.plate[0]
+      delete data.plate
+      const res = await store.update(data)
+      if ($checkRes(res, true)) search()
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 修改密码
+const submit = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(secondForm.value)
+      const res = await loginStore.rp({
+        type: 'User',
+        _id: user.value.id,
+        password: data.password
+      })
+      if ($checkRes(res, true)) {
+        userStore.logOut()
+        router.push('/login')
+      }
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// provide
+provide('cloneDeep', cloneDeep)
+provide('ruleFormRef ', ruleFormRef)
+// 字典
+provide('genderList', genderList)
+provide('fieldList', fieldList)
+provide('educationList', educationList)
+provide('cityList', cityList)
+provide('isUseList', isUseList)
+provide('patternList', patternList)
+provide('scaleList', scaleList)
+provide('IndustryList', IndustryList)
+provide('cardTypeList', cardTypeList)
+provide('contributionList', contributionList)
+</script>
+<style scoped lang="scss">
+.main {
+  background-color: #f1f2f5;
+  .one {
+    margin: 10px auto;
+    background-color: #fff;
+    padding: 20px;
+    border-radius: 10px;
+    .one_1 {
+      line-height: $global-font-size-18;
+      font-size: $global-font-size-18;
+      font-weight: 500;
+      border-bottom: 1px solid #f9f9f9;
+      padding: 10px 0;
+      span {
+        color: red;
+        font-size: $global-font-size-14;
+      }
+    }
+    .one_2 {
+      padding: 10px;
+    }
+    .button {
+      text-align: center;
+    }
+  }
+}
+</style>

src/views/center/parts/association.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="index">
+    <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="auto" class="form" label-position="left">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="商协会名称" prop="name">
+            <el-input size="large" clearable v-model="form.name" placeholder="请输入商协会名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="负责人姓名" prop="person">
+            <el-input size="large" clearable v-model="form.person" placeholder="请输入负责人姓名" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="负责人电话" prop="person_phone">
+            <el-input size="large" clearable v-model="form.person_phone" placeholder="请输入负责人电话" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="是否公开" prop="is_show">
+            <el-radio-group size="large" v-model="form.is_show">
+              <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-col :span="24">
+        <el-form-item label="地址" prop="address">
+          <el-input size="large" v-model="form.address" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入地址" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="简介" prop="brief">
+          <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24" class="button">
+        <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script setup>
+// 基础
+const $checkRes = inject('$checkRes')
+const cloneDeep = inject('cloneDeep')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 表单
+const ruleFormRef = inject('ruleFormRef')
+// 字典表
+const isUseList = inject('isUseList')
+// 接口
+import { AssociationStore } from '@/store/api/user/association'
+const associationStore = AssociationStore()
+const form = ref({})
+const rules = reactive({
+  // nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
+  // gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
+  // phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
+  // account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  // password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+  // refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
+})
+// 注册
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      data.status = '0'
+      let res
+      if (data.id) res = await associationStore.update(data)
+      else res = await associationStore.create({ ...data, user: user.value.id })
+      if ($checkRes(res, true)) {
+        search()
+      } else ElMessage.error(res.message)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 请求
+onMounted(async () => {
+  await search()
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await associationStore.query({ user: user.value.id })
+    if (res.errcode == '0') form.value = res.data[0]
+  }
+}
+</script>
+<style scoped lang="scss">
+.index {
+  .button {
+    text-align: center;
+  }
+}
+</style>

src/views/center/parts/company.vue

@@ -0,0 +1,192 @@
+<template>
+  <div class="index">
+    <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="auto" class="form" label-position="left">
+      <el-row>
+        <el-form-item label="企业Logo" prop="logo">
+          <custom-upload model="logo" :list="form.logo" :limit="1" url="/files/web/cxyy_company/upload" @change="onUpload" listType="picture-card"></custom-upload>
+        </el-form-item>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="企业名称" prop="name">
+            <el-input size="large" clearable v-model="form.name" placeholder="请输入企业名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业类型" prop="pattern">
+            <el-select size="large" clearable v-model="form.pattern" placeholder="请选择企业类型">
+              <el-option v-for="(item, index) in patternList" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="企业规模" prop="scale">
+            <el-select size="large" clearable v-model="form.scale" placeholder="请选择企业规模">
+              <el-option v-for="item in scaleList" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="统一信用代码" prop="code">
+            <el-input size="large" clearable v-model="form.code" placeholder="请输入统一信用代码" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="所属行业" prop="type">
+            <el-select size="large" clearable v-model="form.type" placeholder="请选择所属行业">
+              <el-option v-for="(item, index) in IndustryList" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在地区" prop="area">
+            <el-cascader size="large" v-model="form.area" :props="{ value: 'name', label: 'name' }" :options="cityList" clearable placeholder="请选择所在地区" style="width: 100%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="法定代表人" prop="representative">
+            <el-input size="large" clearable v-model="form.representative" placeholder="请输入法定代表人名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="电子邮箱" prop="email">
+            <el-input size="large" clearable v-model="form.email" type="email" placeholder="请输入电子邮箱" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="员工人数" prop="person">
+            <el-input size="large" clearable v-model="form.person" placeholder="请输入员工人数" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="注册资本" prop="register">
+            <el-input size="large" clearable v-model="form.register" placeholder="请输入注册资本(万元)" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="成立时间" prop="create_time">
+            <el-date-picker size="large" format="YYYY-MM-DD" value-format="YYYY-MM-DD" v-model="form.create_time" type="date" placeholder="请选择成立时间" style="width: 100%" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业地址" prop="address">
+            <el-input size="large" clearable v-model="form.address" placeholder="请输入企业地址" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="是否公开" prop="is_show">
+            <el-radio-group size="large" v-model="form.is_show">
+              <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="企业产品" prop="products">
+            <el-input size="large" clearable v-model="form.products" placeholder="请输入企业产品" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-col :span="24">
+        <el-form-item label="简介" prop="brief">
+          <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24" class="button">
+        <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script setup>
+// 基础
+const $checkRes = inject('$checkRes')
+const cloneDeep = inject('cloneDeep')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 表单
+const ruleFormRef = inject('ruleFormRef')
+// 字典表
+const patternList = inject('patternList')
+const scaleList = inject('scaleList')
+const IndustryList = inject('IndustryList')
+const cityList = inject('cityList')
+const isUseList = inject('isUseList')
+// 接口
+import { CompanyStore } from '@/store/api/user/company'
+const companyStore = CompanyStore()
+const form = ref({ logo: [] })
+const rules = reactive({
+  logo: [{ required: true, message: '请输入企业Logo', trigger: 'blur' }],
+  name: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
+  pattern: [{ required: true, message: '请输入企业类型', trigger: 'blur' }],
+  scale: [{ required: true, message: '请输入企业规模', trigger: 'blur' }],
+  type: [{ required: true, message: '请输入所属行业', trigger: 'blur' }],
+  representative: [{ required: true, message: '请输入法定代表人', trigger: 'blur' }],
+  companyStatus: [{ required: true, message: '请输入公司状态', trigger: 'blur' }],
+  create_time: [{ required: true, message: '请输入成立时间', trigger: 'blur' }],
+  code: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
+  email: [{ required: true, message: '请输入电子邮箱', trigger: 'blur' }],
+  person: [{ required: true, message: '请输入员工人数', trigger: 'blur' }],
+  region: [{ required: true, message: '请选择地区', trigger: 'blur' }],
+  register: [{ required: true, message: '请输入注册资金', trigger: 'blur' }],
+  is_show: [{ required: true, message: '请选择是否公开', trigger: 'blur' }],
+  brief: [{ required: true, message: '请输入简介', trigger: 'blur' }],
+  products: [{ required: true, message: '请输入产品', trigger: 'blur' }],
+  address: [{ required: true, message: '请输入地址', trigger: 'blur' }]
+})
+// 上传图片
+const onUpload = (e) => {
+  const { model, value } = e
+  form.value[model] = value
+}
+// 注册
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      data.status = '0'
+      data.industry = user.value.industry
+      let res
+      if (data.id) res = await companyStore.update(data)
+      else res = await companyStore.create({ ...data, user: user.value.id })
+      if ($checkRes(res, true)) {
+        search()
+      } else ElMessage.error(res.message)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 请求
+onMounted(async () => {
+  await search()
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await companyStore.query({ user: user.value.id })
+    if (res.errcode == '0') form.value = res.data[0] || { logo: [] }
+  }
+}
+</script>
+<style scoped lang="scss">
+.index {
+  .button {
+    text-align: center;
+  }
+}
+</style>

src/views/center/parts/competition.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="index">
+    <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="auto" class="form" label-position="left">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="名称" prop="name">
+            <el-input size="large" clearable v-model="form.name" placeholder="请输入名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="负责人姓名" prop="person">
+            <el-input size="large" clearable v-model="form.person" placeholder="请输入负责人姓名" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="负责人电话" prop="person_phone">
+            <el-input size="large" clearable v-model="form.person_phone" placeholder="请输入负责人电话" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="是否公开" prop="is_show">
+            <el-radio-group size="large" v-model="form.is_show">
+              <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-col :span="24">
+        <el-form-item label="地址" prop="address">
+          <el-input size="large" v-model="form.address" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入地址" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="简介" prop="brief">
+          <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24" class="button">
+        <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script setup>
+// 基础
+const $checkRes = inject('$checkRes')
+const cloneDeep = inject('cloneDeep')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 表单
+const ruleFormRef = inject('ruleFormRef')
+// 字典表
+const isUseList = inject('isUseList')
+// 接口
+import { CompetitionStore } from '@/store/api/user/competition'
+const competitionStore = CompetitionStore()
+const form = ref({})
+const rules = reactive({
+  // nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
+  // gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
+  // phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
+  // account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  // password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+  // refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
+})
+// 注册
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      data.status = '0'
+      let res
+      if (data.id) res = await competitionStore.update(data)
+      else res = await competitionStore.create({ ...data, user: user.value.id })
+      if ($checkRes(res, true)) {
+        search()
+      } else ElMessage.error(res.message)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 请求
+onMounted(async () => {
+  await search()
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await competitionStore.query({ user: user.value.id })
+    if (res.errcode == '0') form.value = res.data[0]
+  }
+}
+</script>
+<style scoped lang="scss">
+.index {
+  .button {
+    text-align: center;
+  }
+}
+</style>

src/views/center/parts/expert.vue

@@ -0,0 +1,172 @@
+<template>
+  <div class="index">
+    <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="auto" class="form" label-position="left">
+      <el-row>
+        <el-form-item label="专家头像" prop="icon">
+          <custom-upload model="icon" :list="form.icon" :limit="1" url="/files/web/cxyy_expert/upload" @change="onUpload" listType="picture-card"></custom-upload>
+        </el-form-item>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="专家姓名" prop="name">
+            <el-input size="large" clearable v-model="form.name" placeholder="请输入专家姓名" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="出生年月" prop="birth">
+            <el-date-picker format="YYYY-MM-DD" value-format="YYYY-MM-DD" v-model="form.birth" type="date" placeholder="请选择出生年月" style="width: 100%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="证件类型" prop="cardType">
+            <el-select size="large" clearable v-model="form.cardType" placeholder="请选择证件类型">
+              <el-option v-for="(item, index) in cardTypeList" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="证件号码" prop="card">
+            <el-input size="large" clearable v-model="form.card" placeholder="请输入证件号码" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="擅长领域" prop="field">
+            <el-select size="large" clearable v-model="form.field" placeholder="请选择擅长领域">
+              <el-option v-for="(item, index) in fieldList" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="研究方向" prop="direction">
+            <el-input size="large" clearable v-model="form.direction" placeholder="请输入研究方向" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="最高学历" prop="education">
+            <el-select size="large" clearable v-model="form.education" placeholder="请选择最高学历">
+              <el-option v-for="(item, index) in educationList" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在地区" prop="area">
+            <el-cascader size="large" v-model="form.area" :props="{ value: 'name', label: 'name' }" :options="cityList" clearable placeholder="请选择所在地区" style="width: 100%" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="工作单位" prop="work">
+            <el-input size="large" clearable v-model="form.work" placeholder="请输入工作单位" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="是否公开" prop="is_show">
+            <el-radio-group v-model="form.is_show">
+              <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-col :span="24">
+        <el-form-item label="简介" prop="brief">
+          <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24" class="button">
+        <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script setup>
+// 基础
+const $checkRes = inject('$checkRes')
+const cloneDeep = inject('cloneDeep')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 表单
+const ruleFormRef = inject('ruleFormRef')
+// 字典表
+const fieldList = inject('fieldList')
+const educationList = inject('educationList')
+const cityList = inject('cityList')
+const isUseList = inject('isUseList')
+const cardTypeList = inject('cardTypeList')
+// 接口
+import { ExpertStore } from '@/store/api/user/expert'
+const expertStore = ExpertStore()
+const form = ref({ icon: [] })
+const validateCardNumber = (rule, value, callback) => {
+  var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
+  if (!value) {
+    return callback(new Error('证件号码不能为空'))
+  }
+  if (!reg.test(value)) {
+    return callback(new Error('请输入正确的证件号码'))
+  }
+  callback()
+}
+const rules = reactive({
+  name: [{ required: true, message: '请输入专家姓名', trigger: 'blur' }],
+  birth: [{ required: true, message: '请输入出生年月', trigger: 'blur' }],
+  cardType: [{ required: true, message: '请选择证件类型', trigger: 'blur' }],
+  card: [{ required: true, validator: validateCardNumber, trigger: 'change' }],
+  direction: [{ required: true, message: '请输入研究方向', trigger: 'blur' }],
+  work: [{ required: true, message: '请输入工作单位', trigger: 'blur' }],
+  education: [{ required: true, message: '请输入学历', trigger: 'blur' }],
+  field: [{ required: true, message: '请输入擅长领域', trigger: 'blur' }],
+  is_show: [{ required: true, message: '请选择是否公开', trigger: 'blur' }],
+  brief: [{ required: true, message: '请输入简介', trigger: 'blur' }],
+  area: [{ required: true, message: '请选择地区', trigger: 'blur' }]
+})
+// 上传图片
+const onUpload = (e) => {
+  const { model, value } = e
+  form.value[model] = value
+}
+// 保存
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      data.industry = user.value.industry
+      data.status = '0'
+      let res
+      if (data.id) res = await expertStore.update(data)
+      else res = await expertStore.create({ ...data, user: user.value.id })
+      if ($checkRes(res, true)) {
+        search()
+      } else ElMessage.error(res.message)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 请求
+onMounted(async () => {
+  await search()
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await expertStore.query({ user: user.value.id })
+    if (res.errcode == '0') form.value = res.data[0] || { icon: [] }
+  }
+}
+</script>
+<style scoped lang="scss">
+.index {
+  .button {
+    text-align: center;
+  }
+}
+</style>

src/views/center/parts/incubator.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="index">
+    <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="auto" class="form" label-position="left">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="孵化器名称" prop="name">
+            <el-input size="large" clearable v-model="form.name" placeholder="请输入孵化器名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="负责人姓名" prop="person">
+            <el-input size="large" clearable v-model="form.person" placeholder="请输入负责人姓名" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="负责人电话" prop="person_phone">
+            <el-input size="large" clearable v-model="form.person_phone" placeholder="请输入负责人电话" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="是否公开" prop="is_show">
+            <el-radio-group size="large" v-model="form.is_show">
+              <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-col :span="24">
+        <el-form-item label="地址" prop="address">
+          <el-input size="large" v-model="form.address" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入地址" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="简介" prop="brief">
+          <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24" class="button">
+        <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script setup>
+// 基础
+const $checkRes = inject('$checkRes')
+const cloneDeep = inject('cloneDeep')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 表单
+const ruleFormRef = inject('ruleFormRef')
+// 字典表
+const isUseList = inject('isUseList')
+// 接口
+import { IncubatorStore } from '@/store/api/user/incubator'
+const incubatorStore = IncubatorStore()
+const form = ref({})
+const rules = reactive({
+  // nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
+  // gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
+  // phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
+  // account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  // password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+  // refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
+})
+// 注册
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      data.status = '0'
+      let res
+      if (data.id) res = await incubatorStore.update(data)
+      else res = await incubatorStore.create({ ...data, user: user.value.id })
+      if ($checkRes(res, true)) {
+        search()
+      } else ElMessage.error(res.message)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 请求
+onMounted(async () => {
+  await search()
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await incubatorStore.query({ user: user.value.id })
+    if (res.errcode == '0') form.value = res.data[0]
+  }
+}
+</script>
+<style scoped lang="scss">
+.index {
+  .button {
+    text-align: center;
+  }
+}
+</style>

src/views/center/parts/investment.vue

@@ -0,0 +1,123 @@
+<template>
+  <div class="index">
+    <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="auto" class="form" label-position="left">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="姓名" prop="name">
+            <el-input size="large" clearable v-model="form.name" placeholder="请输入姓名" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="出资额" prop="money">
+            <el-input size="large" clearable v-model="form.money" placeholder="请输入出资额(万元)" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="证件类型" prop="cardType">
+            <el-select size="large" clearable v-model="form.cardType" placeholder="请选择证件类型">
+              <el-option v-for="(item, index) in cardTypeList" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="证件号码" prop="card">
+            <el-input size="large" clearable v-model="form.card" placeholder="请输入证件号码" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="出资方式" prop="type">
+            <el-select size="large" clearable v-model="form.type" placeholder="请选择出资方式">
+              <el-option v-for="(item, index) in contributionList" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="是否公开" prop="is_show">
+            <el-radio-group size="large" v-model="form.is_show">
+              <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-col :span="24">
+        <el-form-item label="地址" prop="address">
+          <el-input size="large" v-model="form.address" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入地址" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="简介" prop="brief">
+          <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24" class="button">
+        <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script setup>
+// 基础
+const $checkRes = inject('$checkRes')
+const cloneDeep = inject('cloneDeep')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 表单
+const ruleFormRef = inject('ruleFormRef')
+// 字典表
+const cardTypeList = inject('cardTypeList')
+const isUseList = inject('isUseList')
+const contributionList = inject('contributionList')
+// 接口
+import { InvestmentStore } from '@/store/api/user/investment'
+const investmentStore = InvestmentStore()
+const form = ref({})
+const rules = reactive({
+  // nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
+  // gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
+  // phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
+  // account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  // password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+  // refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
+})
+// 注册
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      data.status = '0'
+      let res
+      if (data.id) res = await investmentStore.update(data)
+      else res = await investmentStore.create({ ...data, user: user.value.id })
+      if ($checkRes(res, true)) {
+        search()
+      } else ElMessage.error(res.message)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 请求
+onMounted(async () => {
+  await search()
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await investmentStore.query({ user: user.value.id })
+    if (res.errcode == '0') form.value = res.data[0]
+  }
+}
+</script>
+<style scoped lang="scss">
+.index {
+  .button {
+    text-align: center;
+  }
+}
+</style>

src/views/center/parts/state.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="index">
+    <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="auto" class="form" label-position="left">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="名称" prop="name">
+            <el-input size="large" clearable v-model="form.name" placeholder="请输入名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="负责人姓名" prop="person">
+            <el-input size="large" clearable v-model="form.person" placeholder="请输入负责人姓名" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="负责人电话" prop="person_phone">
+            <el-input size="large" clearable v-model="form.person_phone" placeholder="请输入负责人电话" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="部门类型" prop="type">
+            <el-select size="large" clearable v-model="form.type" placeholder="请选择部门类型">
+              <el-option v-for="(item, index) in typeList" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="是否公开" prop="is_show">
+            <el-radio-group size="large" v-model="form.is_show">
+              <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-col :span="24">
+        <el-form-item label="地址" prop="address">
+          <el-input size="large" v-model="form.address" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入地址" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="简介" prop="brief">
+          <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24" class="button">
+        <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script setup>
+// 基础
+const $checkRes = inject('$checkRes')
+const cloneDeep = inject('cloneDeep')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 表单
+const ruleFormRef = inject('ruleFormRef')
+// 字典表
+const isUseList = inject('isUseList')
+// 接口
+import { StateStore } from '@/store/api/user/state'
+const stateStore = StateStore()
+const form = ref({})
+const rules = reactive({
+  // nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
+  // gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
+  // phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
+  // account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  // password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+  // refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
+})
+// 注册
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      data.status = '0'
+      let res
+      if (data.id) res = await stateStore.update(data)
+      else res = await stateStore.create({ ...data, user: user.value.id })
+      if ($checkRes(res, true)) {
+        search()
+      } else ElMessage.error(res.message)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 请求
+onMounted(async () => {
+  await search()
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await stateStore.query({ user: user.value.id })
+    if (res.errcode == '0') form.value = res.data[0]
+  }
+}
+</script>
+<style scoped lang="scss">
+.index {
+  .button {
+    text-align: center;
+  }
+}
+</style>

src/views/center/parts/unit.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="index">
+    <el-form ref="ruleFormRef" :model="form" :rules="rules" label-width="auto" class="form" label-position="left">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="名称" prop="name">
+            <el-input size="large" clearable v-model="form.name" placeholder="请输入名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="负责人姓名" prop="person">
+            <el-input size="large" clearable v-model="form.person" placeholder="请输入负责人姓名" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="负责人电话" prop="person_phone">
+            <el-input size="large" clearable v-model="form.person_phone" placeholder="请输入负责人电话" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="是否公开" prop="is_show">
+            <el-radio-group size="large" v-model="form.is_show">
+              <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-col :span="24">
+        <el-form-item label="地址" prop="address">
+          <el-input size="large" v-model="form.address" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入地址" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24">
+        <el-form-item label="简介" prop="brief">
+          <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
+        </el-form-item>
+      </el-col>
+      <el-col :span="24" class="button">
+        <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
+      </el-col>
+    </el-form>
+  </div>
+</template>
+<script setup>
+// 基础
+const $checkRes = inject('$checkRes')
+const cloneDeep = inject('cloneDeep')
+// 用户信息
+import { UserStore } from '@/store/user'
+const userStore = UserStore()
+const user = computed(() => userStore.user)
+// 表单
+const ruleFormRef = inject('ruleFormRef')
+// 字典表
+const isUseList = inject('isUseList')
+// 接口
+import { UnitStore } from '@/store/api/user/unit'
+const unitStore = UnitStore()
+const form = ref({})
+const rules = reactive({
+  // nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
+  // gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
+  // phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
+  // account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
+  // password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
+  // refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
+})
+// 注册
+const submitForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      const data = cloneDeep(form.value)
+      data.status = '0'
+      let res
+      if (data.id) res = await unitStore.update(data)
+      else res = await unitStore.create({ ...data, user: user.value.id })
+      if ($checkRes(res, true)) {
+        search()
+      } else ElMessage.error(res.message)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+// 请求
+onMounted(async () => {
+  await search()
+})
+const search = async () => {
+  if (user.value.id) {
+    let res = await unitStore.query({ user: user.value.id })
+    if (res.errcode == '0') form.value = res.data[0]
+  }
+}
+</script>
+<style scoped lang="scss">
+.index {
+  .button {
+    text-align: center;
+  }
+}
+</style>

src/views/five/index.vue

@@ -311,12 +311,11 @@ const getUrl = (item) => {
     }
     .two_2 {
       display: flex;
-      justify-content: space-between;
       flex-wrap: wrap;
       align-items: center;
 
       .list {
-        width: 430px;
+        width: 433px;
         padding: 20px 10px;
         border-radius: 3px;
 

vite.config.js

@@ -37,7 +37,7 @@ export default defineConfig(({ mode }) => {
       open: true,
       proxy: {
         '/files': {
-          target: 'http://10.120.114.6:19700', // https://broadcast.waityou24.cn
+          target: 'http://127.0.0.1:19700', // https://broadcast.waityou24.cn
           changeOrigin: true
         },
         /**