|
@@ -0,0 +1,646 @@
|
|
|
+<!DOCTYPE HTML>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <#--new style begin-->
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="renderer" content="webkit|ie-comp|ie-stand">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
|
+ <meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
+ <#include "/base/add_base.ftl">
|
|
|
+ <link href="${path}/common/lib/jquery.ui/jquery-ui.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <link href="${path}/common/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <link href="${path}/common/lib/icheck/icheck.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <style>
|
|
|
+ .tit{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
+ .tit:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
+ .tit-2{position: relative;text-align: left;font-size: 16px;padding-left: 10px;}
|
|
|
+ .tit-2:after{content: '';position: absolute;left: 0;top: 20%;height: 60%;width: 3px;background-color: #32a3d8;}
|
|
|
+ #province select{margin-right:10px; width:100px;height: 31px;-webkit-appearance:none !important;appearance:none;background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;padding-left:3px;padding-right: 25px;}
|
|
|
+ .my-btn-search{border: 1px solid #32a3d8;padding: 1px 25px;height: 32px;background-color: #32a3d8;color: #fff;}
|
|
|
+ #suggest, #suggest2 {width:200px}
|
|
|
+ .gray {color:gray}
|
|
|
+ .ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none}
|
|
|
+ .ac_results li a {white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px}
|
|
|
+ .ac_results li {border:1px solid #fff}
|
|
|
+ .ac_over, .ac_results li a:hover {background:#c8e3fc}
|
|
|
+ .ac_results li a span {float:right}
|
|
|
+ .ac_result_tip {border-bottom:1px dashed #666;padding:3px}
|
|
|
+
|
|
|
+ .select-box{background: url(${path}/common/images/cm/select-1.png) right center no-repeat;background-size: auto 100%;}
|
|
|
+ .select-box select{-webkit-appearance:none !important;background-color: transparent; appearance:none;padding-right: 25px;}
|
|
|
+ .dalog-ask{position: absolute;left:60%;top:0;-webkit-transform: translateY(-30%);transform: translateY(-30%);display: none;background-color: #fff;z-index: 10;}
|
|
|
+ .tag{ width:300px; min-height:300px; border:1px solid #32a3d8; position:relative;background-color: #fff;line-height: 1.5;padding: 10px 12px;}
|
|
|
+ .tag em{display:block; border-width:15px; position:absolute; top:30%; left:-30px;border-style:solid dashed dashed; border-color:transparent #32a3d8 transparent transparent;font-size:0; line-height:0;}
|
|
|
+ .dalog-ask .ask{color: #000;margin: 10px 0 5px 0;}
|
|
|
+ .dalog-ask .answer{color: #666;margin-bottom: 10px;}
|
|
|
+ .dalog-ask .answer:hover{color: #32a3d8;cursor: pointer;}
|
|
|
+ .time-line-list{list-style: none;width: 100%;margin-left: -20px;}
|
|
|
+ .time-line-list>li{position: relative;float: left; text-align: center;width: 100px;overflow: hidden;white-space: nowrap;word-break: break-all;padding: 2px 0;}
|
|
|
+ .time-line-list .number{display: inline-block; padding: 2px; background: #32a3d8;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
|
|
|
+ .time-line-list .red{display: inline-block; padding: 2px; background: red;border: 2px solid #fff;box-shadow:0 0 0 1px #32a3d8;width: 20px;height: 20px;color: #fff;line-height: 20px;border-radius: 50%;}
|
|
|
+ .time-line-list>li:before{content:'';position: absolute;height: 1px;width: 30%;right:0;top: 15px; background-color: #32a3d8;}
|
|
|
+ .time-line-list>li:after{content: '';position: absolute;height: 1px;width: 30%;left: 0;top: 15px;background:#32a3d8;}
|
|
|
+ .time-line-list>li:first-child:after,.time-line-list>li:last-child:before{display: none;}
|
|
|
+ .time-line-list .arrow{border-width:7px; position:absolute; left:25%; top:9px;border-style:solid dashed dashed; border-color:transparent transparent transparent #32a3d8;font-size:0; line-height:0;}
|
|
|
+ .time-line-list>li:first-child .arrow{display: none;}
|
|
|
+ .table-bg th{background-color: #e2f6ff;}
|
|
|
+ .update-parts>span{margin-right: 10px;padding: 3px 4px;background-color: #effaff;border: 1px solid #32a3d8;}
|
|
|
+ .my-search-input{padding-left: 30px;background: url(${path}/common/images/cm/search.png) 6px center no-repeat;background-size: auto 60%; }
|
|
|
+ .txt-red{color:red}
|
|
|
+ </style>
|
|
|
+ <title>增加客户信息</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
|
|
|
+ <span class="c-gray en">></span> 客户信息管理
|
|
|
+ <span class="c-gray en">></span> 增加客户信息
|
|
|
+ <a class="btn radius r" style="line-height:1.6em;margin-top:3px;background: #32a3d8;color: #fff;border:1px solid #32a3d8;" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a>
|
|
|
+</nav>
|
|
|
+<div class="pd-20 cl">
|
|
|
+ <form action="${path}/admin/customerBasic/saveCustomerInfo" method="post">
|
|
|
+ <#--<form action="${path}/admin/customerBasic/save_customer_info" method="post" class="form form-horizontal" id="form-customerInfoAdmin-add" onkeydown="if(event.keyCode==13)return false;">-->
|
|
|
+ <input type="hidden" id="isNeedSelectOrder" name="isNeedSelectOrder" value="">
|
|
|
+ <#--客户基本信息 start-->
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-2">
|
|
|
+ <div class="tit-2">客户基本信息</div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>客户类型:</label>
|
|
|
+ <div class="formControls col-4 col-sm-4">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="customerType" class="select">
|
|
|
+ <option value="1">个人</option>
|
|
|
+ <option value="2">公司</option>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>合作进度:</label>
|
|
|
+ <div class="formControls col-4 col-sm-4">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="cooperativeState" class="select">
|
|
|
+ <option value="1">意向合作</option>
|
|
|
+ <option value="2">已经合作</option>
|
|
|
+ <option value="3">停止合作</option>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>客户名称:</label>
|
|
|
+ <div class="formControls col-4 col-sm-4">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="公司/客户 全称" id="customerName" name="customerName" value="">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2">客户行业:</label>
|
|
|
+ <div class="formControls col-4 col-sm-4">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="请输入行业名称" id="customerIndustry" name="customerIndustry" value="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="position: relative;margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>客户地址:</label>
|
|
|
+ <div class="formControls col-4 col-sm-4">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="customerProvinceCode" class="select">
|
|
|
+ <option value="">请选择省份</option>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="formControls col-4 col-sm-4">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="customerCityCode" class="select">
|
|
|
+ <option value="">请选择城市</option>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"></label>
|
|
|
+ <div class="formControls col-9 col-sm-9">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="请输入客户的详细地址" id="customerAddress" name="customerAddress" value="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <#--客户基本信息 end-->
|
|
|
+ <#--对接联系人信息-->
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">对接联系人信息<span style="font-family:'Arial Normal', 'Arial';font-weight:400;font-size:14px;">(请确保真实性,公司将不定期抽验回访)</span></div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <div class="formControls col-9">
|
|
|
+ <span class="c-red">*</span>姓名:<input type="text" class="input-text" style="width:90px;margin-right: 10px; margin-bottom: 10px;" placeholder="联系人姓名" id="contactName" name="contactName">
|
|
|
+ <span class="c-red">*</span>电话:<input type="text" class="input-text" style="width:90px;margin-right: 10px;margin-bottom: 10px;" placeholder="联系人电话" id="contactPhone" name="contactPhone">
|
|
|
+ <span class="c-red">*</span>职位/身份:<input type="text" class="input-text" style="width:90px;margin-right: 10px;margin-bottom: 10px;" placeholder="职位或身份" id="contactType" name="contactType">
|
|
|
+ <span class="c-red">*</span>联系邮箱:<input type="text" class="input-text" style="width:90px;margin-right: 10px;margin-bottom: 10px;" placeholder="邮箱" id="contactEmail" name="contactEmail">
|
|
|
+ <span class="c-red"><button type="button" style="cursor:pointer; float: right;height: 35px;margin-right: 30px;margin-bottom: 10px;" class="my-btn-search" onclick="toAddDockedContactInfo();">保存</button></span>
|
|
|
+ </div>
|
|
|
+ <div class="mt-20" style="margin: 20px;">
|
|
|
+ <table class="table table-border table-bordered table-bg table-hover table-sort" id="contactTable">
|
|
|
+ <thead>
|
|
|
+ <tr class="text-c">
|
|
|
+ <th width="100">联系人姓名</th>
|
|
|
+ <th width="100">联系电话</th>
|
|
|
+ <th width="100">职位/身份</th>
|
|
|
+ <th width="100">联系邮箱</th>
|
|
|
+ <th width="100">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="listid">
|
|
|
+ <tr><td colspan="5" class="td-manage text-c" >暂时没有联系人信息,请添加!</td></tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <#--客户销售渠道信息备案-->
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">客户销售渠道信息备案</div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>渠道类别:</label>
|
|
|
+ <div class="formControls col-1 col-sm-1">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="channelCategory" id="channelCategory" class="select">
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>渠道类型:</label>
|
|
|
+ <div class="formControls col-1 col-sm-1">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="channelType" id="channelType" class="select">
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>渠道名称:</label>
|
|
|
+ <div class="formControls col-1 col-sm-1">
|
|
|
+ <input type="text" class="input-text" style="width:90px;margin-right: 0px;margin-bottom: 10px;" placeholder="填写具体店名" id="channelName" name="channelName">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>销售产品:</label>
|
|
|
+ <div class="formControls col-1 col-sm-1">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="promotingProducts" id="promotingProducts" class="select">
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>供货价格:</label>
|
|
|
+ <div class="formControls col-1 col-sm-1">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="supplyPrice" id="supplyPrice" class="select">
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ <input type="text" class="input-text" style="width:90px;margin-right: 0px;margin-bottom: 10px;" placeholder="填写供货价格" id="supplyPrice" name="supplyPrice">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-1 col-sm-1"><span class="c-red">*</span>账期:</label>
|
|
|
+ <div class="formControls col-1 col-sm-1">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="accountPeriod" id="accountPeriod" class="select">
|
|
|
+ <option value="1">先款</option>
|
|
|
+ <option value="2">月结</option>
|
|
|
+ <option value="3">两个月</option>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <button type="button" style="cursor:pointer; float: right;height: 35px;margin-right: 30px;margin-bottom: 10px;" class="my-btn-search" onclick="toAddChannelSaleInfo();">保存</button>
|
|
|
+ <div class="mt-20" style="margin: 20px;">
|
|
|
+ <table class="table table-border table-bordered table-bg table-hover table-sort" id="saleTable">
|
|
|
+ <thead>
|
|
|
+ <tr class="text-c">
|
|
|
+ <th width="100">渠道类别</th>
|
|
|
+ <th width="100">渠道类型</th>
|
|
|
+ <th width="100">渠道/平台名称</th>
|
|
|
+ <th width="100">销售产品型号</th>
|
|
|
+ <th width="100">供货价(元)</th>
|
|
|
+ <th width="100">账期 </th>
|
|
|
+ <th width="100">操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody id="listid">
|
|
|
+ <tr><td colspan="7" class="td-manage text-c" >暂时没有联系人信息,请添加!</td></tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <#--付款/退款信息-->
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">付款/退款信息<span style="font-family:'Arial Normal', 'Arial';font-weight:400;font-size:14px;">(请真实有效,用于财务收款确认或退款业务)</span></div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>开户支行:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="开户支行" id="accountOpeningBranch" name="accountOpeningBranch" value="">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>账户名称:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="账户名称" id="accountName" name="accountName" value="">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>账号:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="填写账号" id="accountNum" name="accountNum" value="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>收款人姓名:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="收款人姓名" id="receivablesName" name="receivablesName" value="">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>收款人手机:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="收款人手机" id="receivablesPhone" name="receivablesPhone" value="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <#--开票信息-->
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">开票信息</div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>发票类型:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2">
|
|
|
+ <span class="select-box">
|
|
|
+ <select name="ticketType" class="select">
|
|
|
+ <option value="1">专票</option>
|
|
|
+ <option value="2">普票</option>
|
|
|
+ </select>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>开户支行:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="开户支行名称" id="accountOpeningBranch" name="accountOpeningBranch" value="">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>开票账户:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="开票账户" id="ticketOpeningAccount" name="ticketOpeningAccount" value="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>企业名称:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="企业名称" id="enterpriseName" name="enterpriseName" value="">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>纳税人识别号:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="纳税人识别号" id="taxpayerIdentificationNum" name="taxpayerIdentificationNum" value="">
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>开票电话:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="开票电话" id="ticketOpeningPhone" name="ticketOpeningPhone" value="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl" style="margin-bottom: 10px;">
|
|
|
+ <label class="form-label col-2 col-sm-2"><span class="c-red">*</span>企业地址:</label>
|
|
|
+ <div class="formControls col-2 col-sm-2 skin-minimal">
|
|
|
+ <input type="text" class="input-text trim_input" placeholder="企业地址" id="enterpriseAddress" name="enterpriseAddress" value="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <#--客户备注-->
|
|
|
+
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3">
|
|
|
+ <div class="tit-2">客户备注</div>
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label">
|
|
|
+ </label>
|
|
|
+ <div class="formControls col-9">
|
|
|
+ <textarea id="customerRemarks" name="customerRemarks" ></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <#--添加保存按钮-->
|
|
|
+ <!-- Unnamed (矩形) -->
|
|
|
+ <div id="u29" class="ax_default _三级标题">
|
|
|
+ <div id="u29_div" class=""></div>
|
|
|
+ <!-- Unnamed () -->
|
|
|
+ <div id="u30" class="text" style="visibility: visible;">
|
|
|
+ <p><span onclick="addCustomerBasicInfo()">添加客户信息</span></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+</div>
|
|
|
+
|
|
|
+<#--业务js-->
|
|
|
+<#--<script type="text/javascript" src="${path}/common/js/customerSaveAdmin/save_customer_info.js"></script>-->
|
|
|
+<script>
|
|
|
+ /*初始化页面参数*/
|
|
|
+ $(function () {
|
|
|
+ /* 初始化单选框样式 */
|
|
|
+ //initCheck();
|
|
|
+
|
|
|
+ /*初始化省份(大类)*/
|
|
|
+ initProvince();
|
|
|
+
|
|
|
+ /*初始化渠道类别(大类)*/
|
|
|
+ initChannelCategory();
|
|
|
+
|
|
|
+ /*初始化销售产品(大类)*/
|
|
|
+ initPromotingProducts();
|
|
|
+
|
|
|
+ /*监听省份*/
|
|
|
+ $("[name='customerProvinceCode']").change(function (){
|
|
|
+ initCity($(this).val());
|
|
|
+ })
|
|
|
+
|
|
|
+ /*监听渠道类别*/
|
|
|
+ $("[name='channelCategory']").change(function (){
|
|
|
+ initChannelType($(this).val());
|
|
|
+ })
|
|
|
+
|
|
|
+ /*监听销售产品*/
|
|
|
+ $("[name='promotingProducts']").change(function (){
|
|
|
+ initSupplyPrice($(this).val());
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ /*业务逻辑js控制 start*/
|
|
|
+ $(document).on('click', '.dalog-ask .answer', function() {
|
|
|
+ var customerProvinceCode = $(this).find(".customerProvinceCode").val();
|
|
|
+ $("select[name='complaintId']").val(customerProvinceCode);
|
|
|
+ initCity(customerProvinceCode); //根据省份初始化城市
|
|
|
+ $(".dalog-ask").hide();
|
|
|
+ });
|
|
|
+
|
|
|
+ /*初始化省份*/
|
|
|
+ function initProvince() {
|
|
|
+ //默认查询参数为空
|
|
|
+ var provinceListInfo = null;
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ provinceId : provinceListInfo
|
|
|
+ },
|
|
|
+ url: "${path}/admin/customerBasic/query_provinceList",
|
|
|
+ async: true,
|
|
|
+ success: function(data){
|
|
|
+ var html = '<option value="">请选择省份</option>';
|
|
|
+ var id;
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.provinceList.length;i++){
|
|
|
+ provinceListInfo = data.returnMsg.provinceList[i];
|
|
|
+ if(i == 0 ){
|
|
|
+ id = provinceListInfo.provinceId;
|
|
|
+ }
|
|
|
+ html += '<option value="'+ provinceListInfo.provinceId +'">'+ provinceListInfo.province +'</option>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $("[name='customerProvinceCode']").html(html);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /*根据省份代号初始化城市*/
|
|
|
+ function initCity(customerProvinceId){
|
|
|
+ var cityListInfo = null;
|
|
|
+ if(customerProvinceId == null || customerProvinceId == ""){
|
|
|
+ var html = '<option value="">请选择城市</option>';
|
|
|
+ $("[name='customerCityCode']").html(html);
|
|
|
+ }else{
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ provinceId : customerProvinceId
|
|
|
+ },
|
|
|
+ url: "${path}/admin/customerBasic/query_cityList",
|
|
|
+ async: true,
|
|
|
+ success: function(data){
|
|
|
+ var html = '<option value="">请选择城市</option>';
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.cityList.length;i++){
|
|
|
+ cityListInfo = data.returnMsg.cityList[i];
|
|
|
+ html += '<option value="'+ cityListInfo.cityId +'">'+ cityListInfo.city +'</option>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $("[name='customerCityCode']").html(html);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /*初始化渠道类别*/
|
|
|
+ function initChannelCategory() {
|
|
|
+ //默认查询参数为空
|
|
|
+ var channelCategoryListInfo = null;
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ channelCategoryId : channelCategoryListInfo
|
|
|
+ },
|
|
|
+ url: "${path}/admin/customerBasic/query_channelCategoryList",
|
|
|
+ async: true,
|
|
|
+ success: function(data){
|
|
|
+ var html = '<option value="">请选择渠道类别</option>';
|
|
|
+ var id;
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.channelCategoryList.length;i++){
|
|
|
+ channelCategoryListInfo = data.returnMsg.channelCategoryList[i];
|
|
|
+ if(i == 0 ){
|
|
|
+ id = channelCategoryListInfo.channelCategory;
|
|
|
+ }
|
|
|
+ html += '<option value="'+ channelCategoryListInfo.channelCategory +'">'+ channelCategoryListInfo.channelName +'</option>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $("[name='channelCategory']").html(html);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /*根据渠道类别初始化渠道类型*/
|
|
|
+ function initChannelType(channelCategory){
|
|
|
+ var channelTypeListInfo = null;
|
|
|
+ /* if(channelCategory == null || channelCategory == ""){
|
|
|
+ var html = '<option value="">请选择渠道类别</option>';
|
|
|
+ $("[name='channelCategory']").html(html);
|
|
|
+ }else{*/
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ channelCategoryId : channelCategory
|
|
|
+ },
|
|
|
+ url: "${path}/admin/customerBasic/query_channelTypeList",
|
|
|
+ async: true,
|
|
|
+ success: function(data){
|
|
|
+ var html = '<option value="">请选择渠道类型</option>';
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.channelTypeList.length;i++){
|
|
|
+ channelTypeListInfo = data.returnMsg.channelTypeList[i];
|
|
|
+ html += '<option value="'+ channelTypeListInfo.channelName +'">'+ channelTypeListInfo.channelType +'</option>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $("[name='channelType']").html(html);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ });
|
|
|
+ //}
|
|
|
+ }
|
|
|
+
|
|
|
+ /*初始化销售产品*/
|
|
|
+ function initPromotingProducts() {
|
|
|
+ var promotingProductsInfo = null;
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ promotingProductsInfo : promotingProductsInfo
|
|
|
+ },
|
|
|
+ url: "${path}/admin/customerBasic/query_promotingProductsList",
|
|
|
+ async: true,
|
|
|
+ success: function(data){
|
|
|
+ var html = '<option value="">请选择销售产品</option>';
|
|
|
+ var id;
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.promotingProductsList.length;i++){
|
|
|
+ promotingProductsInfo = data.returnMsg.promotingProductsList[i];
|
|
|
+ if(i == 0 ){
|
|
|
+ id = promotingProductsInfo.productId;
|
|
|
+ }
|
|
|
+ html += '<option value="'+ promotingProductsInfo.productId +'">'+ promotingProductsInfo.productName +'</option>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $("[name='promotingProducts']").html(html);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ /*初始化产品价格*/
|
|
|
+ function initSupplyPrice(promotingProductsId){
|
|
|
+ //var supplyPriceInfo = null;
|
|
|
+ if(promotingProductsId == null || promotingProductsId == ""){
|
|
|
+ var html = '<option value="">请选择销售产品</option>';
|
|
|
+ $("[name='promotingProducts']").html(html);
|
|
|
+ }else{
|
|
|
+ $.ajax({
|
|
|
+ type: "POST",
|
|
|
+ data: {
|
|
|
+ promotingProductsId : promotingProductsId
|
|
|
+ },
|
|
|
+ url: "${path}/admin/customerBasic/query_supplyPriceList",
|
|
|
+ async: true,
|
|
|
+ success: function(data){
|
|
|
+ var html = '<option value="">请选择产品价格</option>';
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.supplyPriceList.length;i++){
|
|
|
+ var supplyPriceInfo = data.returnMsg.supplyPriceList[i];
|
|
|
+ html += '<option value="'+ supplyPriceInfo.colorId +'">'+ supplyPriceInfo.colorPrice +'</option>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $("[name='supplyPrice']").html(html);
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /*保存对接联系人信息到列表*/
|
|
|
+ function toAddDockedContactInfo() {
|
|
|
+ var contactName = document.getElementById("contactName").value;
|
|
|
+ var contactPhone = document.getElementById("contactPhone").value;
|
|
|
+ var contactType = document.getElementById("contactType").value;
|
|
|
+ var contactEmail = document.getElementById("contactEmail").value;
|
|
|
+ //var operation = "删除";
|
|
|
+ var operation = "<a href='javascript:;' onclick='deleteContact(this)'>删除</a>";
|
|
|
+ //"<a href='javascript:;' onclick='del(this)'>删除</a>";
|
|
|
+ row = document.getElementById("contactTable").insertRow();
|
|
|
+ if(row!=null){
|
|
|
+ cell=row.insertCell();
|
|
|
+ cell.innerHTML=contactName;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=contactPhone;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=contactType;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=contactEmail;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=operation;
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ /*保存客户销售信息到列表*/
|
|
|
+ function toAddChannelSaleInfo() {
|
|
|
+ var channelCategory = document.getElementById("channelCategory").value;
|
|
|
+ var channelType = document.getElementById("channelType").value;
|
|
|
+ var channelName = document.getElementById("channelName").value;
|
|
|
+ var promotingProducts = document.getElementById("promotingProducts").value;
|
|
|
+ var supplyPrice = document.getElementById("supplyPrice").value;
|
|
|
+ var accountPeriod = document.getElementById("accountPeriod").value;
|
|
|
+ var operation = "删除";
|
|
|
+ //var operation = var operation = "<a href='javascript:;' onclick='deleteChannelSale(this)'>删除</a>";
|
|
|
+ row = document.getElementById("saleTable").insertRow();
|
|
|
+ if(row!=null){
|
|
|
+ cell=row.insertCell();
|
|
|
+ cell.innerHTML=channelCategory;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=channelType;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=channelName;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=promotingProducts;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=supplyPrice;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=accountPeriod;
|
|
|
+ cell = row.insertCell();
|
|
|
+ cell.innerHTML=operation;
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ /*添加客户信息*/
|
|
|
+ function addCustomerBasicInfo() {
|
|
|
+ alert("addCustomerBasicInfo...");
|
|
|
+ }
|
|
|
+
|
|
|
+ // 删除对接联系人函数
|
|
|
+ function deleteContact(x){
|
|
|
+ $(x).parent().parent().remove();
|
|
|
+ // tr.parentNode.removeChild(tr);
|
|
|
+ }
|
|
|
+ // 删除客户销售渠道信息函数
|
|
|
+ function deleteChannelSale(x){
|
|
|
+ var tr = x.parentNode.parentNode;
|
|
|
+ tr.parentNode.removeChild(tr);
|
|
|
+ }
|
|
|
+ /*业务逻辑js控制 end*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|