|
@@ -0,0 +1,361 @@
|
|
|
+<!DOCTYPE HTML>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <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">
|
|
|
+ <title>完善客户信息 - H-ui.filter v2.4</title>
|
|
|
+ <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;font-size: 16px;padding-left: 10px;color: #50a2ea;display: inline-block;}
|
|
|
+ .tit-2:after{content: '';position: absolute;left: 0;top: 50%;height: 6px;width: 6px;border-radius: 6px;margin-top: -3px; background-color: #32a3d8;}
|
|
|
+ .my-title{font-weight: 500;padding-left: 15px;position: relative;}
|
|
|
+ .my-title:after{content: '';position: absolute;left: 0;top:12%;width: 3px;height: 80%;background: #32a3d8;}
|
|
|
+ .my-input{padding: 8px 5px;width: 80%;border:1px solid rgba(0,0,0,.1);}
|
|
|
+ .my-input-date{padding: 8px 10px;border:1px solid rgba(0,0,0,.1);width: 80%;background: url(http://s.iamberry.com/images/rili-1.png) 98.5% center no-repeat; background-size:auto 50%;}
|
|
|
+ .input-box{margin: 18px 0;}
|
|
|
+ .input-dic{float: left;margin:5px 10px 0 0;font-size: 14px;}
|
|
|
+ .add-list{list-style-type: none;padding: 10px;background-color: #f5f5f5;width: 60%;float: left;margin: 0;}
|
|
|
+ .add-list>li{margin: 10px 0;}
|
|
|
+ .my-textarea{padding: 5px 10px;width: 77%;border:1px solid rgba(0,0,0,.1);margin-left: 12.5%;}
|
|
|
+ .my-btn-reset{padding: 10px 20px;width: 150px; background-color: #fff;color: #32a3d8;border: 1px solid #32a3d8;cursor:pointer;margin: 10px 10px 0 10px;}
|
|
|
+ .my-btn-submit{padding: 10px 20px;width: 158px; background-color: #50a2ea;color: #fff;border: 1px solid #50a2ea;cursor:pointer;margin: 10px 10px 0 10px;}
|
|
|
+ .my-select {
|
|
|
+ border: 1px solid rgba(0,0,0,.1);
|
|
|
+ padding: 6px 50px 6px 15px;
|
|
|
+ height: 34px;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ appearance: none;
|
|
|
+ background: url(/common/images/pts/select-11.png) right center no-repeat;
|
|
|
+ background-size: auto 100%;
|
|
|
+ }
|
|
|
+ .check-box, .radio-box{padding-left: 0;}
|
|
|
+ input[type=radio]{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
+ input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
+ .huanhang{ float:left}
|
|
|
+ input[type=radio]{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
+ input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
+ </style>
|
|
|
+ <meta name="keywords" content="${path}">
|
|
|
+ <meta name="description" content="H-ui.admin v3.0,是一款由国人开发的轻量级扁平化网站后台模板,完全免费开源的网站后台管理系统模版,适合中小型CMS后台系统。">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<article class="page-container">
|
|
|
+ <form class="form form-horizontal" id="form-admin-add">
|
|
|
+ <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-3 col-sm-3" style="padding-right: 10px;"><span class="c-red">*</span>所属公司:</label>
|
|
|
+ <div class="formControls col-9 col-sm-9" style="padding-left: 5px;">
|
|
|
+ <#if companyInfoList?? && (companyInfoList?size > 0) >
|
|
|
+ <#list companyInfoList as companyInfo>
|
|
|
+ <div class="radio-box">
|
|
|
+ <input type="radio" name="companyId" <#if companyInfo_index == 0>checked="checked"</#if>value="${companyInfo.companyId!''}" datatype="*" nullmsg="请选择所属公司!">
|
|
|
+ <label for="tel-1">${companyInfo.companyName!''}</label>
|
|
|
+ </div>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <#--<div class="input-box">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;">客诉编号:</label>
|
|
|
+ <div class="formControls col-xs-9 col-sm-9 skin-minimal" style="margin: 10px 0px;padding-left: 0;">
|
|
|
+ <input class="my-input" type="text" style="width:510px;" name="customerId" id="customerId" placeholder="请输入客诉编号,如没有请留空"/>
|
|
|
+ </div>
|
|
|
+ </div>-->
|
|
|
+ <div class="input-box">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>客户问题:</label>
|
|
|
+ <div class="formControls col-xs-9 col-sm-9 skin-minimal" style="margin: 10px 0px;padding-left: 0;">
|
|
|
+ <select id="questionId" name="questionId" class="chosen" style="width: 93%;">
|
|
|
+ <option value="">请选择客户问题</option>
|
|
|
+ <#if (listComplaintQuestionInfo?size > 0)>
|
|
|
+ <#list listComplaintQuestionInfo as info>
|
|
|
+ <option value="${info.questionId!""}">${info.questionName!""}</option>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="input-box">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>业务员:</label>
|
|
|
+ <div class="formControls col-xs-9 col-sm-9 skin-minimal" style="margin: 10px 0px;padding-left: 0;">
|
|
|
+ <select id="salesmanAdminId" name="salesmanAdminId" class="chosen" style="width: 93%;">
|
|
|
+ <option value="">请选择业务员</option>
|
|
|
+ <#if (listAdmin?size > 0)>
|
|
|
+ <#list listAdmin as info>
|
|
|
+ <option value="${info.adminId!""}">${info.adminName!""}</option>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="input-box">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>客户信息:</label>
|
|
|
+ <div class="formControls col-9 col-sm-9 huanhang" style="margin: 10px 0px 10px 0;padding-left: 0;">
|
|
|
+ <input class="my-input" type="text" name="detectName" id="detectName" placeholder="请输入客户姓名或昵称" style="width: 146px;"/>
|
|
|
+
|
|
|
+ <input class="my-input" type="text" name="detectTel" id="detectTel" placeholder="请输入客户电话或手机号码" style="width: 146px;"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="input-box" id="updateDetect_3">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>处理方式:</label>
|
|
|
+ <div class="formControls col-9 col-sm-9 huanhang" style="margin: 10px 0px 10px 0;padding-left: 0;">
|
|
|
+
|
|
|
+ <select class="my-select" id="procTypeId" name="procTypeId" style="width: 158px;">
|
|
|
+ </select>
|
|
|
+ <select class="my-select" id="procMethodId" name="methodId" style="width: 158px;">
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="input-box">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>检测产品:</label>
|
|
|
+ <div class="formControls col-9 col-sm-9 huanhang" style="margin: 10px 0px 10px 0;padding-left: 0;">
|
|
|
+ <select id="productId" name="productId" class="my-select" style="width: 158px;">
|
|
|
+ <#if (productList?size > 0)>
|
|
|
+ <#list productList as product>
|
|
|
+ <option value="${product.productId!""}">${product.productName!""}</option>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </select>
|
|
|
+
|
|
|
+ <select id="productColorId" name="productColorId" class="my-select" style="width: 158px;">
|
|
|
+ <#if (productColorList?size > 0)>
|
|
|
+ <#list productColorList as productColor>
|
|
|
+ <option value="${productColor.colorId!""}">${productColor.colorName!""}</option>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="input-box" >
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;">备注信息:</label>
|
|
|
+ <div class="formControls col-xs-9 col-sm-9">
|
|
|
+ <div class="radio-box">
|
|
|
+ <textarea rows="3" style="width: 410px;margin-left: -15px;margin-top: 8px;" cols="20" name="detectItemDesc" id="detectItemDesc" class="my-textarea" placeholder="请输入备注!"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="input-box" style="margin-left: 30%">
|
|
|
+ <input type="hidden" value="${detectId!''}" id="detectId" name="detectId">
|
|
|
+ <button type="button" class="my-btn-submit" onclick="update();" style="margin-top: 50px;">确认提交</button>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+</article>
|
|
|
+<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
+<script type="text/javascript">
|
|
|
+ /**
|
|
|
+ * 客诉处理方式回显 state
|
|
|
+ */
|
|
|
+ procType();
|
|
|
+
|
|
|
+ $("#procTypeId").change(function (){
|
|
|
+ var procTypeId = parseInt($(this).val());
|
|
|
+ procMethod(procTypeId);
|
|
|
+ });
|
|
|
+ function procType(){
|
|
|
+ var procTypeId;
|
|
|
+ $.ajax({
|
|
|
+ cache: true,
|
|
|
+ type: "POST",
|
|
|
+ url: "${path}/admin/proc/type",
|
|
|
+ async: false,
|
|
|
+ success: function(data){
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ var html = '';
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.list.length;i++){
|
|
|
+ listInfo = data.returnMsg.list[i];
|
|
|
+ if(i == 1 ){
|
|
|
+ procTypeId = listInfo.procTypeId;
|
|
|
+ }
|
|
|
+ if(listInfo.procTypeId === 2 || listInfo.procTypeId === 3 || listInfo.procTypeId === 4 ){
|
|
|
+ html += '<option value="'+ listInfo.procTypeId +'">'+ listInfo.procTypeName +'</option>';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $("[name='procTypeId']").html(html);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ })
|
|
|
+ procMethod(procTypeId);
|
|
|
+ }
|
|
|
+ function procMethod(procTypeId){
|
|
|
+ $.ajax({
|
|
|
+ cache: true,
|
|
|
+ type: "POST",
|
|
|
+ data: {"procTypeId":procTypeId},
|
|
|
+ url: "${path}/admin/proc/method",
|
|
|
+ async: false,
|
|
|
+ success: function(data){
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ var html = '';
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ for(var i=0;i<data.returnMsg.list.length;i++){
|
|
|
+ listInfo = data.returnMsg.list[i];
|
|
|
+ html += '<option value="'+ listInfo.procMethodId +'">'+ listInfo.procMethodName +'</option>';
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ html = '';
|
|
|
+ }
|
|
|
+ $("#procMethodId").html(html);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ /**
|
|
|
+ * 客诉处理方式回显 end
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ function inputSelect(){
|
|
|
+ var input_select=$("#content").val();
|
|
|
+ var option_length=$("#contentlist option").length;
|
|
|
+ var option_id='';
|
|
|
+ for(var i=0;i<option_length;i++){
|
|
|
+ var option_value=$("#contentlist option").eq(i).attr('data-value');
|
|
|
+ if(input_select==option_value){
|
|
|
+ option_id=$("#contentlist option").eq(i).attr('data-id')
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $.ajax({
|
|
|
+ cache: true,
|
|
|
+ type: "POST",
|
|
|
+ url: "${path}/admin/detect/getDetectionBasis",
|
|
|
+ data:{basisId:option_id},
|
|
|
+ async: false,
|
|
|
+ success: function(data){
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ if(data.returnMsg.detectionBasis != null){
|
|
|
+ $("#detectItemPhenomenon").val(data.returnMsg.detectionBasis.basisPhenomenon);
|
|
|
+ $("#detectItemClassification").val(data.returnMsg.detectionBasis.basisClassification);
|
|
|
+ $("#detectItemFailureCause").val(data.returnMsg.detectionBasis.basisFailureCause);
|
|
|
+ $("#detectItemResults").val(data.returnMsg.detectionBasis.basisResults);
|
|
|
+ $("#detectItemPoint").val(data.returnMsg.detectionBasis.basisPoint);
|
|
|
+ $("#detectItemNalysis").val(data.returnMsg.detectionBasis.basisNalysis);
|
|
|
+ $("#detectItemContent").val(data.returnMsg.detectionBasis.basisContent);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ layer.msg('添加错误',{icon: 5,time:1000});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ };
|
|
|
+
|
|
|
+ //查询产品颜色信息
|
|
|
+ $('#productId').change(function(){
|
|
|
+ getProduct($(this).children('option:selected').val())
|
|
|
+ })
|
|
|
+ function getProduct(productId) {
|
|
|
+ $.ajax({
|
|
|
+ cache: true,
|
|
|
+ type: "POST",
|
|
|
+ url: "${path}/admin/product/get_product",
|
|
|
+ data:{colorProductId:productId},// 你的formid
|
|
|
+ async: false,
|
|
|
+ success: function(data){
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ $("#productColorId").empty();
|
|
|
+ if(data.returnMsg.productColorList.length > 0){
|
|
|
+ for(var i=0;i<data.returnMsg.productColorList.length;i++){
|
|
|
+ var productColor = data.returnMsg.productColorList[i];
|
|
|
+ $("#productColorId").append('<option value='+productColor.colorId+'>'+productColor.colorName+'</option>');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ layer.msg('添加错误',{icon: 5,time:1000});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function update() {
|
|
|
+ var questionId = $("#questionId").val();
|
|
|
+ if( questionId == null || questionId == "" ){
|
|
|
+ layer.msg('请选择客户问题',{icon: 5,time:1000});
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var salesmanAdminId = $("#salesmanAdminId").val();
|
|
|
+ if( salesmanAdminId == null || salesmanAdminId == "" ){
|
|
|
+ layer.msg('请选择业务员',{icon: 5,time:1000});
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var detectName = $("#detectName").val();
|
|
|
+ if( detectName == null || detectName == "" ){
|
|
|
+ layer.msg('请输入客户名称',{icon: 5,time:1000});
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var detectTel = $("#detectTel").val();
|
|
|
+ if( detectTel == null || detectTel == "" ){
|
|
|
+ layer.msg('请输入客户电话',{icon: 5,time:1000});
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ $.ajax({
|
|
|
+ cache: true,
|
|
|
+ type: "POST",
|
|
|
+ url: "${path}/admin/detect/perfect_detect",
|
|
|
+ data:$('#form-admin-add').serialize(),// 你的formid
|
|
|
+ async: false,
|
|
|
+ success: function(data){
|
|
|
+ if (data.returnCode == 200) {
|
|
|
+ layer.msg('操作成功',{icon: 1,time:1000},function () {
|
|
|
+ location.replace(location.href);
|
|
|
+ window.location.href= "${path}/admin/detect/detect_repair_list";
|
|
|
+
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ layer.msg('操作失败',{icon: 5,time:1000});
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
|
+ layer.msg('操作错误',{icon: 5,time:1000});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ $('.chosen').chosen({
|
|
|
+ no_results_text: "没有找到结果!",//搜索无结果时显示的提示
|
|
|
+ search_contains:true, //关键字模糊搜索。设置为true,只要选项包含搜索词就会显示;设置为false,则要求从选项开头开始匹配
|
|
|
+ allow_single_deselect:true, //单选下拉框是否允许取消选择。如果允许,选中选项会有一个x号可以删除选项
|
|
|
+ disable_search: false, //禁用搜索。设置为true,则无法搜索选项。
|
|
|
+ disable_search_threshold: 0, //当选项少等于于指定个数时禁用搜索。
|
|
|
+ inherit_select_classes: true, //是否继承原下拉框的样式类,此处设为继承
|
|
|
+ placeholder_text_single: '选择国家', //单选选择框的默认提示信息,当选项为空时会显示。如果原下拉框设置了data-placeholder,会覆盖这里的值。
|
|
|
+ width: '320px', //设置chosen下拉框的宽度。即使原下拉框本身设置了宽度,也会被width覆盖。
|
|
|
+ max_shown_results: 1000, //下拉框最大显示选项数量
|
|
|
+ display_disabled_options: false,
|
|
|
+ single_backstroke_delete: false, //false表示按两次删除键才能删除选项,true表示按一次删除键即可删除
|
|
|
+ case_sensitive_search: false, //搜索大小写敏感。此处设为不敏感
|
|
|
+ group_search: false, //选项组是否可搜。此处搜索不可搜
|
|
|
+ include_group_label_in_selected: true //选中选项是否显示选项分组。false不显示,true显示。默认false。
|
|
|
+ });
|
|
|
+ $('.chosen2').chosen({
|
|
|
+ search_contains:false,
|
|
|
+ enable_split_word_search: true //分词搜索,选项词可通过空格或'[]'分隔。search_contains为false时才能看出效果
|
|
|
+ });
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|