<!DOCTYPE html>
<html lang="en">
<head>
<title>录商机-基本信息</title>
{%>template/common/Head.html%}
<script src="biz/js/slj-step-basic.js"></script>
<script src="biz/js/dict5g.js"></script>
</head>
<body class="pages-slj-step-basic">
<input id="co" value="{%co%}" type="hidden">
<input id="bidId" value="{%bidId%}" type="hidden">
<input id="pageAction" value="{%pageAction%}" type="hidden">
<input id="step2" value="" type="hidden">
<input id="step3" value="" type="hidden">
<input id="step4" value="" type="hidden">
<div class="ipu-pages" style="z-index: 9997">
<div class="ipu-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<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 class="tool-bar-edit main-title-grey" id="cancel">取消</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto" id="formDiv">
<div class="pages-content">
<div class="pages-content-wrap">
<ul class="biz-steps ipu-flex-tiled">
<li class="biz-step-item active">
基本信息
</li>
<li class="biz-step-item ">
客户信息
</li>
<li class="biz-step-item">
业务信息
</li>
<li class="biz-step-item">
暂存问题
</li>
</ul>
<div class="form-wrap">
<div class="ipu-form-item form-item-required" >
<div class="ipu-flex common-border-bottom">
<div class="item-key">商机来源：</div>
<div class="item-value ipu-flex-col-auto" id="businessSourcesPicker">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly id="businessSource">
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="80">
<div class="ipu-flex common-border-bottom">
<div class="item-key">项目名称：</div>
<div class="item-value ipu-flex-col-auto">
<input type="text" placeholder="例：工商银行专线项目" id="businessName"/>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required">
<div class="ipu-flex common-border-bottom">
<div class="item-key">支撑级别：</div>
<div class="item-value ipu-flex-col-auto" id="supportLevels">
<div class="property-status support-content ipu-flex ipu-flex-align-center">
<div class="supportLevel active" id="0" style="width: 1.1rem;">不需技术支撑</div>
<div class="supportLevel" id="1" style="width: 0.8rem;">本地支撑</div>
<div class="supportLevel" id="2" style="width: 1.2rem;">调用政企部支撑</div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item" style="display: none;">
<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">
<!-- 需要超出隐藏的添加 class="ipu-fn-row" -->
<input type="text" placeholder="请选择" class="ipu-fn-row" readonly
value="集团类套餐、固移通、数字集团类套餐、固移通、数字">
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<div id="showZq">
<div class="ipu-form-item ipu-fn-hide">
<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">
<input type="text" placeholder="请选择" readonly id="tenderTime"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item ipu-fn-hide">
<input class="position-input" type="text" readonly style="height:0;line-height: 0;display: block;">
<div class="ipu-flex common-border-bottom">
<div class="item-key">支撑内容：</div>
<div class="item-value ipu-flex-col-auto">
<div class="property-status support-content ipu-flex ipu-flex-align-center">
<div class="supportContent" id="1" style="width: .68rem;">客户拜访</div>
<div class="supportContent" id="2" style="width: .68rem;">业务方案</div>
<div class="supportContent" id="3" style="width: .68rem;">传输方案</div>
<div class="supportContent" id="4" style="width: .68rem;">投标应答</div>
<div class="supportContent" id="5" style="width: .68rem;">推介会</div>
<div class="supportContent" id="6" style="width: .68rem;">邮件电话</div>
<div class="supportContent" id="7" style="width: .68rem;">内部会议</div>
<div class="supportContent" id="8" style="width: .68rem;">其他</div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item ipu-fn-hide">
<div class="ipu-flex common-border-bottom">
<div class="item-key">支撑人员：</div>
<div class="item-value ipu-flex-col-auto" id="suppoerUserCodeDiv">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly id="suppoerUserCode" value=""/>
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item ipu-fn-hide" max-length="125">
<div class="ipu-flex common-border-bottom">
<div class="item-key">备注：</div>
<div class="item-value ipu-flex-col-auto">
<input type="text" placeholder="请输入" value="" id="remark"/>
</div>
</div>
<div class="check-tips"></div>
</div>
</div>
<div class="ipu-form-item" style="display: none;">
<div class="ipu-flex common-border-bottom">
<div class="item-key">商机标签：</div>
<div class="item-value ipu-flex-col-auto" id="labelInfosPicker">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly id="labelInfo" value="无标签"/>
<input type="hidden" readonly id="labelInfoId" value="10039"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item" style="display: none;">
<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">
<input type="text" placeholder="请选择" readonly/>
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item">
<div class="ipu-flex common-border-bottom">
<div class="item-key ipu-flex-col-auto">是否招投标：</div>
<div class="item-value">
<div class="switch-on switch-off"></div>
</div>
<div class="switch-text" id="bidding">
<span class="switch-text-on" value="1">是</span>
<span class="switch-text-off" value="0">否</span>
</div>
</div>
</div>
<div class="ipu-form-item">
<div class="ipu-flex common-border-bottom">
<div class="item-key ipu-flex-col-auto">是否ICT项目：</div>
<div class="item-value">
<div class="switch-on switch-off"></div>
</div>
<div class="switch-text" id="ict">
<span class="switch-text-on" value="1">是</span>
<span class="switch-text-off" value="0">否</span>
</div>
</div>
</div>
<div class="ipu-form-item building-name-info">
<div class="ipu-flex common-border-bottom">
<div class="item-key">楼宇名称：</div>
<div class="item-value ipu-flex-col-auto" id="premisesNamesPicker">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly id="premisesName"/>
<input type="hidden" readonly id="premisesId"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item">
<div class="ipu-flex common-border-bottom">
<div class="item-key">渠道类型：</div>
<div class="item-value ipu-flex-col-auto" id="channelTypesPicker">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly id="channelType" value="直销渠道"/>
<div class="right-arrow"></div>
</div>
</div>
</div>
</div>
<div class="ipu-form-item" style="display: none;" id="channelNameDiv">
<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">
<input type="text" placeholder="请填写" id="channelName" value="无"/>
</div>
</div>
</div>
</div>
<div class="ipu-form-item form-item-required">
<div class="ipu-flex common-border-bottom">
<div class="item-key">客户项目拓展类型：</div>
<div class="item-value ipu-flex-col-auto" id="projectDevelopmentTypePicker">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" readonly id="projectDevelopmentType" value=""/>
<input type="hidden" id="projectDevelopmentTypeValue" />
<div class="right-arrow"></div>
</div>
</div>
</div>
<div class="check-tips"></div>
</div>
<div class="ipu-form-item form-item-required" max-length="2000">
<div class="common-border-bottom">
<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 id="businessDescribe" class="contact-content mini-textarea" placeholder="请输入..."></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>
<div class="compete-block">
<div class="compete-block-head">
竞争对手
</div>
<div class="compete-block-body item-count-1">
<div class="compete-item">
<div class="compete-item-title">
<div class="icon-flag-delete"></div>
<span class="compete-item-title-text">竞争1</span>
</div>
<div class="compete-input-list">
<div class="compete-input-wrap" style="height: .3rem;">
<input type="text" class="compete-input" placeholder="对手名称（必填）">
<div class="compete_voice search-input-voice" style="position: relative;top: -.36rem;left: 2.6rem;"></div>
</div>
<div class="compete-input-wrap" style="height: .3rem;">
<input type="text" class="compete-input" placeholder="合作历史（必填）">
<div class="compete_voice search-input-voice" style="position: relative;top: -.36rem;left: 2.6rem;"></div>
</div>
<div class="compete-input-wrap" style="height: .3rem;">
<input type="text" class="compete-input" placeholder="目前进展（必填）">
<div class="compete_voice search-input-voice" style="position: relative;top: -.36rem;left: 2.6rem;"></div>
</div>
</div>
</div>
<div class="btn-add-conpete">
+ 添加竞争信息
</div>
</div>
</div>
{%>template/general/dict5g.html%}
<div class="ipu-fn-p ipu-fn-m">
<button class="ipu-btn common-btn btn-step-next">下一步</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{%>template/general/dict5g-select.html%}
</div>
<!-- 新增竞争html模板 -->
<script type="text/template" id="compete-item">
<div class="compete-item">
<div class="compete-item-title">
<div class="icon-flag-delete"></div>
<span class="compete-item-title-text">竞争1</span>
</div>
<div class="compete-input-list">
<div class="compete-input-wrap" style="height: .3rem;">
<input type="text" class="compete-input" placeholder="对手名称（必填）">
<div class="compete_voice search-input-voice" style="position: relative;top: -.36rem;left: 2.6rem;"></div>
</div>
<div class="compete-input-wrap" style="height: .3rem;">
<input type="text" class="compete-input" placeholder="合作历史（必填）">
<div class="compete_voice search-input-voice" style="position: relative;top: -.36rem;left: 2.6rem;"></div>
</div>
<div class="compete-input-wrap" style="height: .3rem;">
<input type="text" class="compete-input" placeholder="目前进展（必填）">
<div class="compete_voice search-input-voice" style="position: relative;top: -.36rem;left: 2.6rem;"></div>
</div>
</div>
</div>
</script>
</body>
</html>
|
