<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<include file="common:title" />
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<include file="common:header" />
|
<include file="common:element-plus" />
|
</head>
|
|
<body>
|
<input type="hidden" value="{$other['id']}" id="seller_id">
|
<div id="vue_item" v-cloak>
|
<el-container>
|
<el-aside class="el-menu-container" :width="el_aside_width">
|
<!-- 侧边菜单 -->
|
<include file="common:side_menu" />
|
</el-aside>
|
<el-container>
|
<el-header>
|
<include file="common:guide" one_word="分销商管理" two_word="{$other.title}" />
|
</el-header>
|
<el-main>
|
<el-card>
|
<template #header>
|
<div class="card-header">
|
<span>分销商账号信息</span>
|
 
|
<el-link type="primary" class="header_add_btn" icon="ArrowLeftBold" :underline="false"
|
href="/admin/seller/index.html">返回</el-link>
|
</div>
|
</template>
|
<el-form ref="useritem" :model="seller_info" label-width="100px" size="large">
|
<el-form-item label="手机">
|
<el-input v-model="seller_info.phone" style="width: 350px;"
|
placeholder="请输入分销商手机号"></el-input>
|
</el-form-item>
|
<el-form-item label="密码">
|
<el-input placeholder="请输入密码" v-model="seller_info.password" show-password
|
style="width: 350px;"></el-input>
|
<span v-if="seller_info.id" class="gray14">不修改密码保留为空</span>
|
</el-form-item>
|
|
<el-form-item label="账号到期时间">
|
<el-date-picker v-model="seller_info.end_time" type="date" placeholder="选择日期"
|
value-format="YYYY-MM-DD"></el-date-picker>
|
</el-form-item>
|
<el-form-item label="状态" prop="delivery">
|
<el-switch v-model="seller_info.sub_ban_access" inline-prompt active-text="允许登录"
|
inactive-text="禁止登录"
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
|
:active-value="1" :inactive-value="0"></el-switch>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="save_seller_info()" size="large">提交保存</el-button>
|
<!-- <el-button @click="show_seller_info=false" size="large">取消</el-button> -->
|
</el-form-item>
|
</el-form>
|
</el-card>
|
<br />
|
<el-card v-if="seller_id>0">
|
<template #header>
|
<div class="card-header">
|
<span>分销商信息</span>
|
</div>
|
</template>
|
<el-form :inline-message="true" :model="baseInfo" :validate-on-rule-change="false"
|
label-width="300px" style="margin-top: 50px;">
|
<el-form-item label="账户类型" prop="account_type">
|
<el-radio-group v-model="baseInfo.account_type" @change="setAccountType" class="ml-4">
|
<el-radio :value="1">个人</el-radio>
|
<el-radio :value="2">企业</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="联系人名称">
|
<el-input v-model="baseInfo.first_name" style="width:350px;"></el-input>
|
</el-form-item>
|
<el-form-item label="联系人姓氏">
|
<el-input v-model="baseInfo.last_name" style="width:350px;"></el-input>
|
</el-form-item>
|
<el-form-item label="国家/省份城市" prop="cate_code">
|
<el-cascader :placeholder="请选择" v-model="baseInfo.cate_code" :options="countryList"
|
clearable style="width:350px;" @change="handleCountryChange" />
|
</el-form-item>
|
|
<el-form-item label="详细地址">
|
<el-input v-model="baseInfo.detailed_address" style="width: 50%" :rows="3"
|
type="textarea"></el-input>
|
</el-form-item>
|
|
|
<el-divider></el-divider>
|
<div style="font-size: 24px;
|
line-height: 33px;
|
color: #333333;
|
margin-bottom: 10px;margin-left: 110px;">
|
为给您提供定制化的分销服务，烦请您完善以下资料：
|
</div>
|
<template v-if="baseInfo.account_type==2">
|
<el-form-item label="公司名称" prop="company_name">
|
<el-input v-model="baseInfo.company_name" style="width:350px;"></el-input>
|
</el-form-item>
|
<el-form-item label="公司主营业务" prop="main_business">
|
<el-radio-group v-model="baseInfo.main_business" class="ml-4">
|
<template v-for="(item, index) in mainBusiness">
|
<el-radio :value="item.id">{{item.name}}</el-radio>
|
</template>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="公司规模" prop="company_scale">
|
<el-radio-group v-model="baseInfo.company_scale" class="ml-4">
|
<template v-for="(item, index) in company_scales">
|
<el-radio :value="item.id">{{item.name}}</el-radio>
|
</template>
|
</el-radio-group>
|
</el-form-item>
|
</template>
|
|
|
|
<el-form-item label="电商经验" prop="ec_exp">
|
<el-radio-group v-model="baseInfo.ec_exp" class="ml-4">
|
<template v-for="(item, index) in ecExps">
|
<el-radio :value="item.value" :key="index">{{item.label}}</el-radio>
|
</template>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="主营区域(多选)" prop="main_area">
|
<el-checkbox-group v-model="baseInfo.main_area" class="ml-4">
|
<template v-for="(item, index) in mainAreas">
|
<el-checkbox :value="item.id" :label="item.country_name" />
|
</template>
|
</el-checkbox-group>
|
</el-form-item>
|
<el-form-item label="主营平台(多选)" prop="main_dis_platform">
|
<el-checkbox-group v-model="baseInfo.main_dis_platform" class="ml-4">
|
<template v-for="(item, index) in disPlatformList">
|
<el-checkbox :value="item.id" :label="item.platform_name" />
|
</template>
|
</el-checkbox-group>
|
</el-form-item>
|
|
<el-form-item label="运营策略" prop="operate_str">
|
<el-radio-group v-model="baseInfo.operate_str" class="ml-4">
|
<template v-for="(item, index) in operateStrs">
|
<el-radio :value="item.id" :key="index">{{item.name}}</el-radio>
|
</template>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="店铺链接" prop="store_link">
|
<el-input v-model="baseInfo.store_link" style="width:350px;"
|
:placeholder="请输入店铺链接"></el-input>
|
</el-form-item>
|
<el-form-item label="QQ:" prop="contact_qq">
|
<el-input v-model="baseInfo.contact_qq" style="width:350px;"
|
:placeholder="请输入QQ"></el-input>
|
</el-form-item>
|
<el-form-item label="请输入联系微信" prop="contact_weixin">
|
<el-input v-model="baseInfo.contact_weixin" style="width:350px;"
|
:placeholder="请输入联系微信"></el-input>
|
</el-form-item>
|
<el-form-item style="display: none;">
|
<el-button type="primary" @click="submitForm">
|
<span>保存</span>
|
</el-button>
|
|
</el-form-item>
|
</el-form>
|
</el-card>
|
<br />
|
<el-card style="display: none;">
|
<template #header>
|
<div class="card-header">
|
<span>资质证明文件</span>
|
</div>
|
</template>
|
</el-card>
|
</el-main>
|
</el-container>
|
</el-container>
|
</div>
|
</body>
|
<!-- 共用的方法 -->
|
<script src="/static/vue/mixin_admin.js"></script>
|
<script src="/static/vue/moment.min.js"></script>
|
<script src="/static/admin/js/seller/add.js"></script>
|
|
</html>
|
