|
@@ -7,7 +7,8 @@
|
|
|
:content="payType == 'create' ? '创建账号' : '修改账号'"
|
|
|
></el-page-header>
|
|
|
</h2>
|
|
|
- <div class="m-core" style="overflow: hidden">
|
|
|
+ <!-- m-core -->
|
|
|
+ <div class="w1200" style="overflow: hidden">
|
|
|
<el-form
|
|
|
:model="form"
|
|
|
:rules="rules"
|
|
@@ -66,11 +67,90 @@
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="经营范围" prop="businessScope">
|
|
|
+ <!-- <el-input v-model="form.businessScope" placeholder="请输入经营范围"></el-input> -->
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ v-model="form.businessScope"
|
|
|
+ placeholder="请输入经营范围"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="公司地址" prop="address">
|
|
|
+ <el-input
|
|
|
+ v-model="form.address"
|
|
|
+ placeholder="请输入公司地址"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="证照文件" prop="multipartFile">
|
|
|
+ <template slot="label">
|
|
|
+ 证照文件
|
|
|
+ <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
+ <div slot="content">
|
|
|
+ 内容须包含三证合一证件照、法人身份证正面照、法人身份证反面照、开户银行许可证照。
|
|
|
+ 压缩 zip包后上传。最大限制为 9 M。
|
|
|
+ <!-- 最大限制为 9 M。 -->
|
|
|
+ </div>
|
|
|
+ <i
|
|
|
+ class="el-icon-question micon el-tooltip"
|
|
|
+ style="
|
|
|
+ font-size: 18px;
|
|
|
+ color: #f56c6c;
|
|
|
+ top: 2px;
|
|
|
+ position: relative;
|
|
|
+ "
|
|
|
+ ></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ <!-- <el-input type="file" class="uploadFile" v-model="form.multipartFile"></el-input> -->
|
|
|
+ <el-upload
|
|
|
+ class="avatar-upload"
|
|
|
+ ref="upload"
|
|
|
+ action="/api-web/uploadFile"
|
|
|
+ :headers="headers"
|
|
|
+ :on-preview="handlePreview"
|
|
|
+ :on-remove="handleRemove"
|
|
|
+ :on-change="handleChange"
|
|
|
+ :file-list="fileList"
|
|
|
+ accept=".zip"
|
|
|
+ :multiple="false"
|
|
|
+ :limit="1"
|
|
|
+ :auto-upload="false"
|
|
|
+ >
|
|
|
+ <el-button slot="trigger" type="primary">选取文件</el-button>
|
|
|
+ <!-- ,且不超过500kb -->
|
|
|
+ <div
|
|
|
+ slot="tip"
|
|
|
+ style="display: inline; padding-left: 20px"
|
|
|
+ class="el-upload__tip"
|
|
|
+ >
|
|
|
+ 只能上传一个文件
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ <!-- <el-upload class="avatar-uploader"
|
|
|
+ action="/api-web/uploadFile"
|
|
|
+ :headers="headers"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :before-upload="beforeAvatarUpload">
|
|
|
+ <img v-if="form.multipartFile"
|
|
|
+ :src="form.coverImg"
|
|
|
+ class="avatar" />
|
|
|
+ <i v-else
|
|
|
+ class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </el-upload> -->
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮编" prop="zipCode">
|
|
|
+ <el-input
|
|
|
+ v-model="form.zipCode"
|
|
|
+ placeholder="请输入邮编"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
</el-col>
|
|
|
</el-card>
|
|
|
<el-card class="box-card">
|
|
|
<el-alert
|
|
|
- title="企业信息"
|
|
|
+ title="账户设置"
|
|
|
:closable="false"
|
|
|
type="info"
|
|
|
style="margin: 20px 0"
|
|
@@ -165,93 +245,15 @@
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="经营范围" prop="businessScope">
|
|
|
- <!-- <el-input v-model="form.businessScope" placeholder="请输入经营范围"></el-input> -->
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- v-model="form.businessScope"
|
|
|
- placeholder="请输入经营范围"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="公司地址" prop="address">
|
|
|
- <el-input
|
|
|
- v-model="form.address"
|
|
|
- placeholder="请输入公司地址"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="证照文件" prop="multipartFile">
|
|
|
- <template slot="label">
|
|
|
- 证照文件
|
|
|
- <el-tooltip placement="top" popper-class="mTooltip">
|
|
|
- <div slot="content">
|
|
|
- 内容须包含三证合一证件照、法人身份证正面照、法人身份证反面照、开户银行许可证照。
|
|
|
- 压缩 zip包后上传。最大限制为 9 M。
|
|
|
- <!-- 最大限制为 9 M。 -->
|
|
|
- </div>
|
|
|
- <i
|
|
|
- class="el-icon-question micon el-tooltip"
|
|
|
- style="
|
|
|
- font-size: 18px;
|
|
|
- color: #f56c6c;
|
|
|
- top: 2px;
|
|
|
- position: relative;
|
|
|
- "
|
|
|
- ></i>
|
|
|
- </el-tooltip>
|
|
|
- </template>
|
|
|
- <!-- <el-input type="file" class="uploadFile" v-model="form.multipartFile"></el-input> -->
|
|
|
- <el-upload
|
|
|
- class="avatar-upload"
|
|
|
- ref="upload"
|
|
|
- action="/api-web/uploadFile"
|
|
|
- :headers="headers"
|
|
|
- :on-preview="handlePreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :on-change="handleChange"
|
|
|
- :file-list="fileList"
|
|
|
- accept=".zip"
|
|
|
- :multiple="false"
|
|
|
- :limit="1"
|
|
|
- :auto-upload="false"
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="onSubmit('accountForm')"
|
|
|
+ >确 定</el-button
|
|
|
>
|
|
|
- <el-button slot="trigger" type="primary">选取文件</el-button>
|
|
|
- <!-- ,且不超过500kb -->
|
|
|
- <div
|
|
|
- slot="tip"
|
|
|
- style="display: inline; padding-left: 20px"
|
|
|
- class="el-upload__tip"
|
|
|
- >
|
|
|
- 只能上传一个文件
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
- <!-- <el-upload class="avatar-uploader"
|
|
|
- action="/api-web/uploadFile"
|
|
|
- :headers="headers"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="handleAvatarSuccess"
|
|
|
- :before-upload="beforeAvatarUpload">
|
|
|
- <img v-if="form.multipartFile"
|
|
|
- :src="form.coverImg"
|
|
|
- class="avatar" />
|
|
|
- <i v-else
|
|
|
- class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
- </el-upload> -->
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮编" prop="zipCode">
|
|
|
- <el-input
|
|
|
- v-model="form.zipCode"
|
|
|
- placeholder="请输入邮编"
|
|
|
- ></el-input>
|
|
|
+ <el-button @click="onCancel">取 消</el-button>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-card>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="onSubmit('accountForm')"
|
|
|
- >确 定</el-button
|
|
|
- >
|
|
|
- <el-button @click="onCancel">取 消</el-button>
|
|
|
- </el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -541,6 +543,7 @@ export default {
|
|
|
<style lang='scss' scoped>
|
|
|
.box-card {
|
|
|
margin-bottom: 20px;
|
|
|
+ padding-bottom: 20px;
|
|
|
}
|
|
|
.el-input,
|
|
|
.el-textarea,
|
|
@@ -587,4 +590,8 @@ export default {
|
|
|
height: 178px;
|
|
|
display: block;
|
|
|
}
|
|
|
+.w1200 {
|
|
|
+ width: 1000px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
</style>
|