|
@@ -67,11 +67,55 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="input-box">
|
|
|
+ <#--<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>
|
|
@@ -93,114 +137,11 @@
|
|
|
</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-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <input class="my-input" type="text" style="width: 78.5%;" name="itemDate" id="itemDate" onClick="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})" placeholder="请选择检测日期" readonly="readonly"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>检测结果:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal huanhang" style="margin: 10px 0px;">
|
|
|
- <div class="radio-box">
|
|
|
- <input type="radio" id="radio-3" name="maintenanceResults" value="1" checked/>
|
|
|
- <label for="radio-3">检测通过</label>
|
|
|
- </div>
|
|
|
- <div class="radio-box">
|
|
|
- <input type="radio" id="radio-4" name="maintenanceResults" value="2"/>
|
|
|
- <label for="radio-4">检测未通过</label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-box" >
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"></label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <input class="my-input" list="contentlist" type="text" style="width: 78.5%;" onchange="inputSelect()" name="content" id="content" placeholder="输入关键字查询,如果没有请直接在问题简述填写"/>
|
|
|
- <datalist id="contentlist">
|
|
|
- <#if (detectionBasisList?size > 0)>
|
|
|
- <#list detectionBasisList as detectionBasis>
|
|
|
- <option value="${detectionBasis.basisPhenomenon!""}" data-value="${detectionBasis.basisPhenomenon!""}" data-id="${detectionBasis.basisId!""}">
|
|
|
- </#list>
|
|
|
- </#if>
|
|
|
- </datalist>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="input-box" >
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>工厂检测现象:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <textarea style="margin-left: 0%;" rows="3" cols="20" name="detectItemPhenomenon" id="detectItemPhenomenon" class="my-textarea" placeholder="工厂检测现象"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>故障分类:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <textarea style="margin-left: 0%;" rows="3" cols="20" name="detectItemClassification" id="detectItemClassification" class="my-textarea" placeholder="故障分类"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>故障原因:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <textarea style="margin-left: 0%;" rows="3" cols="20" name="detectItemFailureCause" id="detectItemFailureCause" class="my-textarea" placeholder="故障原因"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>判定结果:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <textarea style="margin-left: 0%;" rows="3" cols="20" name="detectItemResults" id="detectItemResults" class="my-textarea" placeholder="判定结果"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>故障指向:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <textarea style="margin-left: 0%;" rows="3" cols="20" name="detectItemPoint" id="detectItemPoint" class="my-textarea" placeholder="故障指向"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>原因分析:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <textarea style="margin-left: 0%;" rows="3" cols="20" name="detectItemNalysis" id="detectItemNalysis" class="my-textarea" placeholder="原因分析"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>维修内容:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <textarea style="margin-left: 0%;" rows="3" cols="20" name="detectItemContent" id="detectItemContent" class="my-textarea" placeholder="维修内容"></textarea>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;"><span class="c-red">*</span>是否维修:</label>
|
|
|
- <div class="formControls col-xs-8 col-sm-8 skin-minimal">
|
|
|
- <div class="radio-box">
|
|
|
- <input type="radio" id="radio-5" name="isMaintenance" value="1" checked/>
|
|
|
- <label for="radio-5">需要维修</label>
|
|
|
- </div>
|
|
|
- <div class="radio-box">
|
|
|
- <input type="radio" id="radio-6" name="isMaintenance" value="2"/>
|
|
|
- <label for="radio-6">不需要维修</label>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <#–<div class="input-box">
|
|
|
- <label class="col-3 col-sm-3 huanhang" style="text-align: right;margin: 10px 0px;"><span class="c-red">*</span>是否已转入:</label>
|
|
|
- <div class="formControls col-xs-7 col-sm-7 skin-minimal" style="margin: 10px 0px;">
|
|
|
- <div class="radio-box">
|
|
|
- <input type="radio" id="radio-7" name="detectRevolutionProduced" value="2" checked/>
|
|
|
- <label for="radio-7">已转入维修</label>
|
|
|
- </div>
|
|
|
- <div class="radio-box" style="margin-left: -4.1%;">
|
|
|
- <input type="radio" id="radio-8" name="detectRevolutionProduced" value="1"/>
|
|
|
- <label for="radio-8">未转入维修</label>
|
|
|
- </div>
|
|
|
- </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: 500px;margin-left: -15px;margin-top: 8px;" cols="20" name="detectItemDesc" id="detectItemDesc" class="my-textarea" placeholder="请输入备注!"></textarea>
|
|
|
+ <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>
|
|
@@ -211,6 +152,76 @@
|
|
|
</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;
|
|
@@ -294,6 +305,16 @@
|
|
|
|
|
|
function add() {
|
|
|
|
|
|
+ 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 itemDate = $("#itemDate").val();
|
|
|
if( itemDate == null || itemDate == "" ){
|
|
|
layer.msg('请选择检测日期',{icon: 5,time:1000});
|
|
@@ -388,6 +409,28 @@
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+ $('.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>
|