|
|
@@ -3,232 +3,273 @@
|
|
|
<div class="sty">
|
|
|
<el-page-header @back="goBack" content="详情页面"> </el-page-header>
|
|
|
</div>
|
|
|
- <el-card class="box-card">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>客户</span>
|
|
|
- </div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8"
|
|
|
- ><span class="color">创建组织</span
|
|
|
- ><input v-model="infoForm.a" type="text"
|
|
|
- /></el-col>
|
|
|
- <el-col :span="8"
|
|
|
- ><span>客户编码</span><input v-model="infoForm.number" type="text"
|
|
|
- /></el-col>
|
|
|
- <el-col :span="8"
|
|
|
- ><span class="color">使用组织</span
|
|
|
- ><input v-model="infoForm.useOrgId" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8"><span>简称</span><input type="text" /></el-col>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>基本信息</span>
|
|
|
- </div>
|
|
|
- <div class="baseInfo">
|
|
|
+ <el-form
|
|
|
+ :model="infoList"
|
|
|
+ label-width="130px"
|
|
|
+ size="small"
|
|
|
+ label-position="right"
|
|
|
+ >
|
|
|
+ <el-card class="">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>客户</span>
|
|
|
+ </div>
|
|
|
<div>
|
|
|
- <div class="base-header">
|
|
|
- <span>地址</span>
|
|
|
- </div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">国家</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">地区</span
|
|
|
- ><input v-model="infoForm.region" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">省份</span
|
|
|
- ><input v-model="infoForm.province" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">城市</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">通讯地址</span
|
|
|
- ><input v-model="infoForm.invoiceAddress" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">邮政编码</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">公司网址</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">商城订单对应组织</span
|
|
|
- ><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">联系邮箱</span
|
|
|
- ><input v-model="infoForm.email" type="text"
|
|
|
- /></el-col>
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="创建组织" prop="">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="客户编码" prop="takerName">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.number"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="使用组织" prop="telephone">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.useOrgName"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="简称" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
+ <!-- </el-form> -->
|
|
|
</div>
|
|
|
+ </el-card>
|
|
|
+ <br />
|
|
|
+ <el-card class="">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span>基本信息</span>
|
|
|
+ </div>
|
|
|
+ <h4>地址</h4>
|
|
|
<div>
|
|
|
- <div class="base-header">
|
|
|
- <span>管理</span>
|
|
|
- </div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">联系电话</span
|
|
|
- ><input v-model="infoForm.mobile" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">传真</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">公司类别</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">公司性质</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">公司规模</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <div class="base-header">
|
|
|
- <span>开票信息</span>
|
|
|
- </div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">发票抬头</span
|
|
|
- ><input v-model="infoForm.invoiceTitle" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">纳税登记号</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">开户银行</span
|
|
|
- ><input v-model="infoForm.bank" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">银行账号</span
|
|
|
- ><input v-model="infoForm.bankAccount" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">开票联系电话</span
|
|
|
- ><input v-model="infoForm.invoicePhone" type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">开票通讯地址</span
|
|
|
- ><input v-model="infoForm.invoiceAddress" type="text"
|
|
|
- /></el-col>
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="国家" prop="">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="地区" prop="takerName">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.region"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="省份" prop="telephone">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.province"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="城市" prop="telephone">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.city"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="通信地址" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="邮政编码" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="公司网址" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="商城订单对应组织" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="联系邮箱" prop="telephone">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.email"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
+ <!-- </el-form> -->
|
|
|
</div>
|
|
|
+ <h4>管理</h4>
|
|
|
<div>
|
|
|
- <div class="base-header">
|
|
|
- <span>相关</span>
|
|
|
- </div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">对应供应商</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">对应集团客户</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">集团客户</span><input type="checkbox"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">默认付款方</span><input type="checkbox"
|
|
|
- /></el-col>
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="联系电话" prop="">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.mobile"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="传真" prop="takerName">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="公司类别" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="公司性质" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="公司规模" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">不校验可发量</span><input type="checkbox"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">客户类别</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">客户分组</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r color">对应组织</span><input type="text"
|
|
|
- /></el-col>
|
|
|
+ <!-- </el-form> -->
|
|
|
+ </div>
|
|
|
+ <h4>相关</h4>
|
|
|
+ <div>
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="对应供应商" prop="">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="对应集团客户" prop="takerName">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="客户类别" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="客户分组" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="集团客户" prop="telephone">
|
|
|
+ <el-checkbox></el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="默认付款方" prop="telephone">
|
|
|
+ <el-checkbox></el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="不校验可发量" prop="telephone">
|
|
|
+ <el-checkbox></el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="对应组织" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="备注" prop="telephone">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">备注</span><input type="text"
|
|
|
- /></el-col>
|
|
|
+ <!-- </el-form> -->
|
|
|
+ </div>
|
|
|
+ <h4>开票信息</h4>
|
|
|
+ <div>
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="发票抬头" prop="">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="纳税登记号" prop="takerName">
|
|
|
+ <el-input placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="开户银行" prop="telephone">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.bank"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="银行账号" prop="telephone">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.bankAccount"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="开票联系电话" prop="telephone">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.invoicePhone"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="开票通讯地址" prop="telephone">
|
|
|
+ <el-input
|
|
|
+ v-model="infoList.invoiceAddress"
|
|
|
+ placeholder="请输入"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
- <div class="base-header">
|
|
|
- <span>智慧订货</span>
|
|
|
- </div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="24"
|
|
|
- ><span class="marg-r">允许对智慧订货</span><input type="checkbox"
|
|
|
- /></el-col>
|
|
|
+ <!-- </el-form> -->
|
|
|
+ </div>
|
|
|
+ <h4>智慧订货</h4>
|
|
|
+ <div>
|
|
|
+ <!-- <el-form label-width="130px" size="small" label-position="right"> -->
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6">
|
|
|
+ <el-form-item label="允许对接智慧订单" prop="">
|
|
|
+ <el-checkbox></el-checkbox>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
+ <!-- </el-form> -->
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card">
|
|
|
+ </el-card>
|
|
|
+ </el-form>
|
|
|
+ <br />
|
|
|
+ <el-card>
|
|
|
<div slot="header" class="clearfix">
|
|
|
<span>信用额度</span>
|
|
|
</div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8"
|
|
|
- ><span class="color">信用额度</span><input type="text"
|
|
|
- /></el-col>
|
|
|
- <el-col :span="8"><span>有效期</span><input type="text" /></el-col>
|
|
|
- <el-col :span="8"></el-col>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
- <el-card class="box-card">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span>业务信息</span>
|
|
|
- </div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -242,45 +283,11 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
data() {
|
|
|
- return {
|
|
|
- infoForm: {
|
|
|
- adminUserId: "",
|
|
|
- bank: "",
|
|
|
- bankAccount: "",
|
|
|
- bindUser: true,
|
|
|
- city: "",
|
|
|
- createBy: "",
|
|
|
- createTime: "",
|
|
|
- creditAmount: 0,
|
|
|
- email: "",
|
|
|
- forbidStatus: "",
|
|
|
- id: "",
|
|
|
- invoiceAddress: "",
|
|
|
- invoicePhone: "",
|
|
|
- invoiceTitle: "",
|
|
|
- mobile: "",
|
|
|
- name: "",
|
|
|
- number: "",
|
|
|
- province: "",
|
|
|
- region: "",
|
|
|
- saleDeptName: "",
|
|
|
- saleDeptNumber: "",
|
|
|
- syncTime: "",
|
|
|
- taxNo: "",
|
|
|
- updateBy: "",
|
|
|
- updateTime: "",
|
|
|
- useOrgId: "",
|
|
|
- useOrgName: "",
|
|
|
- useOrgNumber: "",
|
|
|
- },
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.infoForm = this.infoList;
|
|
|
+ return {};
|
|
|
},
|
|
|
+ created() {},
|
|
|
methods: {
|
|
|
goBack() {
|
|
|
- console.log(this.$parent);
|
|
|
this.$parent.isShow = true;
|
|
|
},
|
|
|
},
|
chen