|
<!DOCTYPE html>
<html lang="en">
<head>
<title>一键报障-新增</title>
{%>template/common/Head.html%}
<meta charset="utf-8">
<!-- 宽度自动适配 -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
<!-- 不识别页面上的数字为可拨打号码 -->
<meta content="telephone=no" name="format-detection"/>
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="biz/js/add-repair-sheet.js"></script>
</head>
<body class="pages-add-repair-sheet">
<div class="ipu-pages">
<div class="ipu-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col common-border-bottom">
<div class="ipu-toolbar">
<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:;" id="back">
<div class="left-back"></div>
</a>
<h1 class="ipu-toolbar-title">一键报障</h1>
</div>
</div>
<div class=" ipu-flex-col ipu-flex-col-auto add-repair-sheet-content">
<p class="by-self-title">投诉信息</p>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">投诉人姓名:</div>
<div class="item-value ipu-flex-col-auto" id="USDComplaintsNames">
<input type="text" placeholder="请输入"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="20">
<div class="ipu-flex common-border-bottom">
<div class="item-key">投诉人电话:</div>
<div class="item-value ipu-flex-col-auto" id="USDComplaintsTell">
<input type="text" placeholder="请输入" oninput="this.value = this.value.replace(/[^0-9-]/g, '');"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">投诉分级预判:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="LvAnticipation">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">投诉分类:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="ComplainClassify">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">投诉来源:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="complainSource">
<input type="text" placeholder="请选择" readonly value="客户经理APP"/>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="500">
<div class="common-border-bottom-white">
<div class="ipu-flex ipu-flex-justify-space">
<div class="item-key">投诉描述:</div>
<div class="voice-input-btn ipu-flex ipu-flex-align-center">
<div class="voice-pic"></div>
<div class="voice-text">语音输入</div>
</div>
</div>
<div class="item-value">
<textarea class="contact-content mini-textarea" maxlength="300" placeholder="请输入投诉描述" id="USDComplaintsDesc"></textarea>
<div class="item-value-textarea">
<div class="text-statistic ipu-fn-hide"><span class="text-number">0</span>/300</div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<p class="by-self-title">故障信息</p>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">故障发生时间:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="USDFaultSTime">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="500">
<div class="ipu-flex common-border-bottom">
<div class="item-key">故障地点:</div>
<div class="item-value ipu-flex-col-auto">
<div class="add-customer-address ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="USDFaultLocation">
<input type="text" placeholder="请选择或者输入故障地点" style="width:80%"/>
<span id="location">定位</span>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">故障所在区:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="USDFaultRegion">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">IP地址:</div>
<div class="item-value ipu-flex-col-auto" id="IP">
<input type="text" placeholder="请输入IP地址"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">电路代号:</div>
<div class="item-value ipu-flex-col-auto" id="CIRCUITNUM">
<input type="text" placeholder="请输入电路代号"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<p class="by-self-title">关联客户信息</p>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">SLA客户服务等级:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="SLALevel">
<input type="text" placeholder="请选择" readonly value="标准"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">SLA业务保障等级:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="USDSLACLevel">
<input type="text" placeholder="请选择" readonly value="{%SLABIZSECURITYLV%}"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">客户名称:</div>
<div class="item-value ipu-flex-col-auto" id="CustomerName">
<input type="text" placeholder="请输入" value="{%custName%}"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">重要集客业务名称:</div>
<div class="item-value ipu-flex-col-auto" id="USDImportJKBusinessName">
<input type="text" placeholder="请输入" value="{%custName%}"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">客户配合人:</div>
<div class="item-value ipu-flex-col-auto" id="CoordinateCustomers">
<input type="text" placeholder="请输入"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">客户配合人联系方式:</div>
<div class="item-value ipu-flex-col-auto" id="CoordinateCustomersTell">
<input type="text" placeholder="请输入"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">联系客户时限:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="CustomersDealOutTime">
<input type="text" placeholder="请选择" readonly value="4小时内"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">客户经理:</div>
<div class="item-value ipu-flex-col-auto" id="CustomerManager">
<input type="text" placeholder="请输入" value="{%MANAGER_NAME%}"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">客户经理联系方式:</div>
<div class="item-value ipu-flex-col-auto" id="CustomerManagerTell">
<input type="text" placeholder="请输入" value="{%MANAGER_PHONE%}"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">客户类别:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="USDCUSTOMERSTYPE">
<input type="text" placeholder="请填写"/>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">钻石专线标签:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="diamondTag">
<input type="text" placeholder="请选择" readonly value="是"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">专线类别:</div>
<div class="item-value ipu-flex-col-auto">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center" id="Client_ID">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">业务资源码:</div>
<div class="item-value ipu-flex-col-auto" id="USDBusinessResourceCode">
<input type="text" placeholder="请输入" value="{%26code%}" readonly/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="50">
<div class="ipu-flex common-border-bottom">
<div class="item-key">业务代码:</div>
<div class="item-value ipu-flex-col-auto" id="ComplaintsType">
<input type="text" placeholder="请输入" value="{%26code%}" readonly/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="custom-edit-btn">
<button class="ipu-btn common-btn">保存并提交</button>
</div>
</div>
</div>
</div>
<!--普通提示弹层-->
<div class="normal-tips-popup-slide">
<div class="normal-tips-popup-wrap">
<div class="normal-tips-content">提交后不可修改,是否确认提交?</div>
<div class="normal-tips-btn ipu-flex ipu-flex-align-center">
<div class="normal-tips-btn-cancel">取消</div>
<div class="normal-tips-btn-confirm">确定</div>
</div>
</div>
</div>
<input id="CUST_NAME" type="hidden" value="{%CUST_NAME%}">
<input id="CUST_SERVICE_ID" type="hidden" value="{%CUST_SERVICE_ID%}">
<input id="MANAGER_4A_CODE" type="hidden" value="{%MANAGER_4A_CODE%}">
<input id="busiType" type="hidden" value="{%busiType%}">
</div>
</body>
</html>
|