|
<!DOCTYPE html>
<html lang="en">
<head>
<title>商机变更-基本信息</title>
<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="ipu/lib/requirejs/require.min.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/sj-basic-edit.js"></script>
</head>
<body class="pages-sj-basic-edit">
<div class="ipu-pages">
<div class="ipu-page">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="ipu-toolbar common-border-bottom">
<a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);" id="back">
<div class="left-back"></div>
</a>
<h1 class="ipu-toolbar-title">变更商机基本信息</h1>
<div class="tool-bar-edit main-blue">保存</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto c-bg-white">
<div class="pages-content">
<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">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" value="集团类套餐" 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">支撑内容：</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">客户拜访</div>
<div class="supportContent" id="2">业务方案</div>
<div class="supportContent" id="3">传输方案</div>
<div class="supportContent" id="4">投标应答</div>
<div class="supportContent" id="5">推介会</div>
<div class="supportContent" id="6">邮件电话</div>
<div class="supportContent" id="7">内部会议</div>
<div class="supportContent" id="8">其他</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">
<div class="ipu-flex ipu-flex-justify-end ipu-flex-align-center">
<input type="text" placeholder="请选择" value="XX标签" 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">商机获取时间：</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="请选择" value="2020-01-12 15:23:24" 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">
<span class="switch-text-on">是</span>
<span class="switch-text-off">否</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"></div>
</div>
<div class="switch-text active">
<span class="switch-text-on">是</span>
<span class="switch-text-off">否</span>
</div>
</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">
<input type="text" class="compete-input" placeholder="对手名称（非必填）">
</div>
<div class="compete-input-wrap">
<input type="text" class="compete-input" placeholder="合作历史（非必填）">
</div>
<div class="compete-input-wrap">
<input type="text" class="compete-input" placeholder="目前进展（非必填）">
</div>
</div>
</div>
<div class="btn-add-conpete">
+ 添加竞争信息
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 默认多选例子 -->
<div class="common-poppage common-poppage-ver common-poppage-pd common-poppage-1">
<div class="ipu-flex-row ipu-flex-vertical popage-content-warp">
<div class="ipu-flex-col">
<div class="c-poppage-head">
请选择产品类型<span class="c-poppage-head-note">(可多选)</span>
<div class="c-poppage-close"></div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content ipu-flex-row c-tab">
<div class="ipu-flex-col c-tab-head">
<ul>
<li class="active">
<div class="c-tab-head-title">CT能力层</div>
</li>
<li class="">
<div class="c-tab-head-title">成员类</div>
</li>
<li class="">
<div class="c-tab-head-title">能力开放</div>
</li>
</ul>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="c-tab-body">
<ul>
<li class="active">
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
</li>
<li class="">
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
</li>
<li class="">
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="ipu-flex-col">
<div class="c-poppage-bottom poppage-slt-count">
已选(<span class="poppage-slt-count-text">0</span>)
<div class="c-btn-wrap">
<button class="ipu-btn common-btn">确定</button>
</div>
</div>
</div>
</div>
</div>
<!-- 单选例子添加classname common-poppage-single -->
<div class="common-poppage common-poppage-ver common-poppage-pd common-poppage-single common-poppage-2 product-select">
<div class="ipu-flex-row ipu-flex-vertical popage-content-warp">
<div class="ipu-flex-col">
<div class="c-poppage-head">
请选择产品类型<span class="c-poppage-head-note">(单选)</span>
<div class="c-poppage-close"></div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="normal-tab-head common-border-bottom">
<ul>
<li class="active">产品分类</li>
<li>产品搜索</li>
</ul>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto normal-tab-body">
<ul>
<li class="normal-tab-item active">
<div class="ipu-flex-content ipu-flex-row c-tab">
<div class="ipu-flex-col c-tab-head">
<ul>
<li class="active">
<div class="c-tab-head-title">CT能力层</div>
</li>
<li class="">
<div class="c-tab-head-title">成员类</div>
</li>
<li class="">
<div class="c-tab-head-title">能力开放</div>
</li>
</ul>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="c-tab-body">
<ul>
<li class="active">
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
</li>
<li class="">
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
</li>
<li class="">
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
<div class="slt-group">
<div class="slt-group-title">
语音类
</div>
<div class="slt-group-content">
<ul class="slt-group-item-list">
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">固移通</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">统一Centrex企业产品</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新呼叫直连中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">新综合语音接入</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP综合语音</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">IP呼叫中心</div>
</li>
<li class="ipu-flex-middle-center">
<div class="slt-item-text ipu-fn-row-2">V网套餐</div>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="normal-tab-item">
<div class="ipu-flex-content ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<div class="select-search-area ipu-flex ipu-flex-justify-space ipu-flex-align-center">
<div class="ipu-flex-grow-1">
<input type="text" class="common-search-input common-select-search-input" placeholder="输入产品名称"/>
</div>
<button class="ipu-btn common-btn common-select-search-btn">搜索</button>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto product-search-result">
<ul>
<li class="ipu-flex ipu-flex-align-center product-search-item active">
<div class="ipu-flex-grow-1">故意通1</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
<li class="ipu-flex ipu-flex-align-center product-search-item">
<div class="ipu-flex-grow-1">故意通2</div>
<div class="check-flag ipu-flex-grow-0"></div>
</li>
</ul>
<div class="no-result-msg ipu-fn-p ipu-txt-center ipu-fn-hide">暂无记录</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="ipu-flex-col">
<div class="form-btn" style="margin-top: .2rem">
<button class="ipu-btn common-btn">确定</button>
</div>
</div>
</div>
</div>
</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">
<input type="text" class="compete-input" placeholder="对手名称（非必填）">
</div>
<div class="compete-input-wrap">
<input type="text" class="compete-input" placeholder="合作历史（非必填）">
</div>
<div class="compete-input-wrap">
<input type="text" class="compete-input" placeholder="目前进展（非必填）">
</div>
</div>
</div>
</script>
</body>
</html>
|
