|
@@ -1,121 +1,123 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<el-button :type="btnType" size="mini" @click="onShow">编 辑</el-button>
|
|
|
- <el-dialog title="创建经销商" append-to-body :visible.sync="dialogVisible">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-form :model="form" ref="form" :rules="rules" size="small" label-position="right" label-width="100px" class="demo-form-inline">
|
|
|
- <el-col :span="24">
|
|
|
- <p class="normal-title normal-margin">企业信息</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="企业名称" prop="enterprisename">
|
|
|
- <el-popover
|
|
|
- placement="bottom"
|
|
|
- width="100%"
|
|
|
- v-model="visible">
|
|
|
- <div>
|
|
|
- <ul class="enterprisePanel">
|
|
|
- <li v-for="item in ENlist" :key="item.sys_enterpriseid" @click="chooseEnterprise(item)">
|
|
|
- <p>{{item.enterprisename}}</p>
|
|
|
- <small>{{item.province}}-{{item.city}}-{{item.county}}</small>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <el-input readonly slot="reference" v-model="form.enterprisename" @focus="queryEnterpriseArchives" @input.native="onChange" placeholder="输入企业名称" clearable></el-input>
|
|
|
- </el-popover>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="省市县">
|
|
|
- <p class="enterpriseText">{{enterprise.province?enterprise.province:'--'}}</p>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="联系人">
|
|
|
- <p class="enterpriseText">{{enterprise.contact?enterprise.contact:'--'}}</p>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="联系方式">
|
|
|
- <p class="enterpriseText">{{enterprise.phonenumber?enterprise.phonenumber:'--'}}</p>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="详细地址">
|
|
|
- <p class="enterpriseText">{{enterprise.address?enterprise.address:'--'}}</p>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <p class="normal-title normal-margin">经销商信息</p>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="经销商编号" prop="agentnum">
|
|
|
- <el-input v-model="form.agentnum" placeholder="输入经销商编号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="签约日期">
|
|
|
- <el-date-picker
|
|
|
- style="width:100%"
|
|
|
- v-model="form.signdate"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="经销商类型" prop="type">
|
|
|
- <el-select style="width:100%" v-model="form.type" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in agent_type"
|
|
|
- :key="item.value"
|
|
|
- :label="item.value"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="上级经销商">
|
|
|
- <selectAgent ref="agent" @selectAgent="selectAgent"></selectAgent>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="经销商等级">
|
|
|
- <el-select style="width:100%" v-model="form.grade" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in agent_level"
|
|
|
- :key="item.value"
|
|
|
- :label="item.remarks"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="营销区域" prop="sa_saleareaids">
|
|
|
- <el-cascader
|
|
|
- style="width:100%"
|
|
|
- v-model="form.sa_saleareaids"
|
|
|
- :options="arealist"
|
|
|
- :props="{
|
|
|
- value:'sa_saleareaid',
|
|
|
- label:'areaname',
|
|
|
- children:'subarea'
|
|
|
- }"
|
|
|
- :show-all-levels="false"
|
|
|
- @change="onCascaderChange">
|
|
|
- </el-cascader>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-row>
|
|
|
- <div class="dialog-footer">
|
|
|
+ <el-drawer title="编辑经销商" direction="rtl" append-to-body :visible.sync="dialogVisible">
|
|
|
+ <div class="drawer__panel">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-form :model="form" ref="form" :rules="rules" size="small" label-position="right" label-width="100px" class="demo-form-inline">
|
|
|
+ <el-col :span="24">
|
|
|
+ <p class="normal-title normal-margin">企业信息</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="企业名称" prop="enterprisename">
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ width="100%"
|
|
|
+ v-model="visible">
|
|
|
+ <div>
|
|
|
+ <ul class="enterprisePanel">
|
|
|
+ <li v-for="item in ENlist" :key="item.sys_enterpriseid" @click="chooseEnterprise(item)">
|
|
|
+ <p>{{item.enterprisename}}</p>
|
|
|
+ <small>{{item.province}}-{{item.city}}-{{item.county}}</small>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <el-input readonly slot="reference" v-model="form.enterprisename" @focus="queryEnterpriseArchives" @input.native="onChange" placeholder="输入企业名称" clearable></el-input>
|
|
|
+ </el-popover>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="省市县">
|
|
|
+ <p class="enterpriseText">{{enterprise.province?enterprise.province:'--'}}</p>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="联系人">
|
|
|
+ <p class="enterpriseText">{{enterprise.contact?enterprise.contact:'--'}}</p>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="联系方式">
|
|
|
+ <p class="enterpriseText">{{enterprise.phonenumber?enterprise.phonenumber:'--'}}</p>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="详细地址">
|
|
|
+ <p class="enterpriseText">{{enterprise.address?enterprise.address:'--'}}</p>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <p class="normal-title normal-margin">经销商信息</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="经销商编号" prop="agentnum">
|
|
|
+ <el-input v-model="form.agentnum" placeholder="输入经销商编号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="签约日期">
|
|
|
+ <el-date-picker
|
|
|
+ style="width:100%"
|
|
|
+ v-model="form.signdate"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="经销商类型" prop="type">
|
|
|
+ <el-select style="width:100%" v-model="form.type" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in agent_type"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="上级经销商">
|
|
|
+ <selectAgent ref="agent" @selectAgent="selectAgent"></selectAgent>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="经销商等级">
|
|
|
+ <el-select style="width:100%" v-model="form.grade" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in agent_level"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.remarks"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="营销区域" prop="sa_saleareaids">
|
|
|
+ <el-cascader
|
|
|
+ style="width:100%"
|
|
|
+ v-model="form.sa_saleareaids"
|
|
|
+ :options="arealist"
|
|
|
+ :props="{
|
|
|
+ value:'sa_saleareaid',
|
|
|
+ label:'areaname',
|
|
|
+ children:'subarea'
|
|
|
+ }"
|
|
|
+ :show-all-levels="false"
|
|
|
+ @change="onCascaderChange">
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div class="fixed__btn__panel">
|
|
|
<el-button size="small" @click="dialogVisible = false" class="normal-btn-width">取 消</el-button>
|
|
|
<el-button size="small" type="warning" @click="onSubmit" class="normal-btn-width btn-warning">确 定</el-button>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
+ </el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -296,6 +298,5 @@ export default {
|
|
|
.enterpriseText{
|
|
|
height: 34px;
|
|
|
line-height: 34px;
|
|
|
- font-weight: 500;
|
|
|
}
|
|
|
</style>
|