oneao/workspace
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

u

Browse Source
This commit is contained in:
oneao committed 2025-12-24 22:27:48 +08:00
1 parent f310336188
commit 5221d1cc91
12 files changed
+280 -166
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

code/link56/link56-frontend-new/src/views/settings/info/company.vue
+107 -83
View File
@@ -146,86 +146,92 @@ const activeCollapseNames = ref(['1', '2', '3'])
<template>
<div class="company-wrapper">
<el-collapse v-model="activeCollapseNames" expand-icon-position="right">
<el-collapse-item title="基础信息" name="1">
<el-form
ref="formRef"
:model="companyDetail"
:rules="formRules"
label-width="auto"
label-position="top"
>
<el-row :gutter="16">
<el-col :span="24">
<el-form-item>
<el-avatar :size="86" :src="companyDetail.logo || '/no-avatar.png'" shape="square" />
<div class="logo-upload">
<el-button type="primary" @click="handleUploadLogo()">
<SvgIcon icon="majesticons:cloud-upload-line" :size="18" style="margin-right: 4px;" />
上传LOGO
</el-button>
<span>支持 JPG、PNG 格式，文件大小不超过 2MB</span>
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公司名称" prop="name">
<el-input v-model="companyDetail.name" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="industries">
<IndustrySelect v-model="companyDetail.industries" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="成立时间" prop="establishmentDate">
<el-date-picker
v-model="companyDetail.establishmentDate"
type="date"
placeholder="请选择公司成立时间"
style="width: 100%"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公司地址" prop="areas">
<AreaSelect v-model="companyDetail.areas" />
</el-form-item>
</el-col>
<div class="form-main">
<el-collapse v-model="activeCollapseNames" expand-icon-position="right">
<el-collapse-item title="基础信息" name="1">
<el-form
ref="formRef"
:model="companyDetail"
:rules="formRules"
label-width="auto"
label-position="top"
>
<el-row :gutter="16">
<el-col :span="24">
<el-form-item>
<el-avatar :size="86" :src="companyDetail.logo || '/no-avatar.png'" shape="square" />
<div class="logo-upload">
<el-button type="primary" @click="handleUploadLogo()">
<SvgIcon icon="majesticons:cloud-upload-line" :size="18" style="margin-right: 4px;" />
上传LOGO
</el-button>
<span>支持 JPG、PNG 格式，文件大小不超过 2MB</span>
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公司名称" prop="name">
<el-input v-model="companyDetail.name" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属行业" prop="industries">
<IndustrySelect v-model="companyDetail.industries" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="成立时间" prop="establishmentDate">
<el-date-picker
v-model="companyDetail.establishmentDate"
type="date"
placeholder="请选择公司成立时间"
style="width: 100%"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="公司地址" prop="areas">
<AreaSelect v-model="companyDetail.areas" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<el-input v-model="companyDetail.phone" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系邮箱" prop="email">
<el-input v-model="companyDetail.email" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-collapse-item>
<el-collapse-item title="公司简介" name="2">
<el-form
ref="formRef"
:model="companyDetail"
:rules="formRules"
label-width="auto"
>
<el-form-item prop="profile">
<el-input v-model="companyDetail.profile" type="textarea" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="公司介绍" name="3">
<WangEditor v-model="companyDetail.description" show-direcotry />
</el-collapse-item>
</el-collapse>
<el-col :span="12">
<el-form-item label="联系电话" prop="phone">
<el-input v-model="companyDetail.phone" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系邮箱" prop="email">
<el-input v-model="companyDetail.email" />
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-collapse-item>
<el-collapse-item title="公司简介" name="2">
<el-form
ref="formRef"
:model="companyDetail"
:rules="formRules"
label-width="auto"
>
<el-form-item prop="profile">
<el-input v-model="companyDetail.profile" type="textarea" />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="公司介绍" name="3">
<WangEditor v-model="companyDetail.description" show-direcotry />
</el-collapse-item>
</el-collapse>
</div>
<div class="form-footer">
<el-button @click="getCompanyDetail()">
<el-button
text
bg
@click="getCompanyDetail()"
>
<SvgIcon icon="ic:baseline-refresh" :size="18" style="margin-right: 4px;" />
重置
</el-button>
@@ -239,7 +245,15 @@ const activeCollapseNames = ref(['1', '2', '3'])
<style lang="scss" scoped>
.company-wrapper {
padding-bottom: 16px;
height: 100%;
display: flex;
flex-direction: column;
.form-main {
flex: 1;
padding-bottom: 140px;
}
:deep(.el-collapse) {
border: none;
}
@@ -250,12 +264,12 @@ const activeCollapseNames = ref(['1', '2', '3'])
:deep(.el-collapse-item__header) {
font-size: 18px;
font-weight: 600;
padding: 16px;
padding: 20px 24px;
border-bottom: 1px solid #ddd;
line-height: 0;
}
:deep(.el-collapse-item__content) {
padding: 20px 20px 0px 20px;
padding: 24px 24px 0;
padding-bottom: 0px;
}
@@ -269,13 +283,23 @@ const activeCollapseNames = ref(['1', '2', '3'])
}
}
.form-footer {
margin-top: 16px;
width: 100%;
box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.08);
position: sticky;
bottom: 0;
align-self: flex-end;
height: 56px;
display: flex;
justify-content: flex-end;
align-items: center;
justify-content: center;
background-color: #fff;
:deep(.el-button) {
width: 120px;
width: 100%;
height: 100%;
border: none;
border-radius: 0;
margin-left: 0;
}
}
}