This commit is contained in:
木瓜一块八 2025-08-19 19:23:41 +08:00
parent c05ed767b3
commit a5d62b47c3
4 changed files with 22 additions and 16 deletions

View File

@ -96,7 +96,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="邮箱地址" prop="email"> <el-form-item label="邮箱地址" >
<el-input v-model="approveForm.email" placeholder="请输入邮箱地址" type="email" maxlength="50"> <el-input v-model="approveForm.email" placeholder="请输入邮箱地址" type="email" maxlength="50">
</el-input> </el-input>
</el-form-item> </el-form-item>
@ -114,9 +114,11 @@
<el-form-item label="营业执照正本" prop="license_original_img"> <el-form-item label="营业执照正本" prop="license_original_img">
<el-upload class="license-uploader" action="#" :http-request="handleLicenseUpload" <el-upload class="license-uploader" action="#" :http-request="handleLicenseUpload"
:show-file-list="false" :before-upload="beforeLicenseUpload" accept="image/*"> :show-file-list="false" :before-upload="beforeLicenseUpload" accept="image/*">
<div slot="trigger" class="uploader-trigger">
<img v-if="approveForm.license_original_img" :src="approveForm.license_original_img" <img v-if="approveForm.license_original_img" :src="approveForm.license_original_img"
class="license-image"> class="license-image">
<i v-else class="el-icon-plus license-uploader-icon"></i> <i v-else class="el-icon-plus license-uploader-icon"></i>
</div>
</el-upload> </el-upload>
<div class="upload-tip"> <div class="upload-tip">
<i class="el-icon-info"></i> <i class="el-icon-info"></i>
@ -151,10 +153,10 @@
<i class="el-icon-check"></i> <i class="el-icon-check"></i>
提交审批 提交审批
</el-button> </el-button>
<el-button type="success" @click="handlePreview" size="medium"> <!-- <el-button type="success" @click="handlePreview" size="medium">
<i class="el-icon-view"></i> <i class="el-icon-view"></i>
预览 预览
</el-button> </el-button> -->
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
@ -281,10 +283,6 @@ export default {
{ required: true, message: '请输入移动电话', trigger: 'blur' }, { required: true, message: '请输入移动电话', trigger: 'blur' },
{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur' } { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur' }
], ],
email: [
{ required: true, message: '请输入邮箱地址', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
],
license_original_img: [ license_original_img: [
{ {
required: true, required: true,
@ -310,7 +308,6 @@ export default {
this.approveForm.license_number && this.approveForm.license_number &&
this.approveForm.contact_name && this.approveForm.contact_name &&
this.approveForm.mobile_phone && this.approveForm.mobile_phone &&
this.approveForm.email &&
this.approveForm.license_original_file; this.approveForm.license_original_file;
} }
}, },
@ -705,6 +702,15 @@ width: 100%;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
} }
.uploader-trigger{
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
} }
.upload-tip { .upload-tip {

View File

@ -174,6 +174,8 @@ export default Vue.extend({
.search-box { .search-box {
width: 100%; width: 100%;
margin-top: 15px; margin-top: 15px;
margin: 45px 0;
margin-bottom: 25px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

View File

@ -142,9 +142,6 @@ export default Vue.extend({
const userId = sessionStorage.getItem('userId'); const userId = sessionStorage.getItem('userId');
return this.loginStateVuex || (userId !== null && userId !== 'null' && userId !== ''); return this.loginStateVuex || (userId !== null && userId !== 'null' && userId !== '');
}, },
}, },
methods: { methods: {
getHomepageProductCategory() { getHomepageProductCategory() {
@ -580,10 +577,11 @@ export default Vue.extend({
max-width: 1600px; max-width: 1600px;
margin: 20px auto; margin: 20px auto;
margin-top: 10px; margin-top: 10px;
margin-bottom: 0;
border-radius: 10px; border-radius: 10px;
overflow: visible; overflow: visible;
background-color: white; background-color: white;
height: 360px; height: 320px;
.content-wrapper { .content-wrapper {
box-sizing: border-box; box-sizing: border-box;

View File

@ -2,7 +2,7 @@
<div <div
style="display: flex;align-items: center;justify-content: center;width: 100%;max-width: 1400px;"> style="display: flex;align-items: center;justify-content: center;width: 100%;max-width: 1400px;">
<img @click="goHome" class="logo-clickable" style="width: 180px;height: 60px;padding-right: 20px;" <img @click="goHome" class="logo-clickable" style="width: 200px;height: 60px;padding-right: 20px;"
src="https://www.kaiyuancloud.cn/idfile?path=logo_ncmatch.png" alt=""> src="https://www.kaiyuancloud.cn/idfile?path=logo_ncmatch.png" alt="">
<div <div
style="min-width:800px;display: flex;align-items: center;justify-content: space-between;"> style="min-width:800px;display: flex;align-items: center;justify-content: space-between;">