static

add-repair-sheet.html 15KB

    <!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>