Skip to content

施宇 / icsales

Go to a project
Commit 2be3572f by 梁建民
Options

Merge branch 'master' of http://119.23.72.7/shiyu/icsales

parents 11327f14 1fbefee3
Inline Side-by-side
Showing with 752 additions and 28 deletions
Application/Common/Conf/config_url.php
......@@ -22,6 +22,7 @@ return array(
'account' => 'Home/Index/account',
'search' => 'Home/Index/search',
'releaseinquiry' => 'Home/Index/releaseinquiry',
'inquirydetail' => 'Home/Index/inquirydetail'
'inquirydetail' => 'Home/Index/inquirydetail',
'quotedetail' => 'Home/Index/quotedetail'
),
);
\ No newline at end of file
Application/Home/Controller/IndexController.class.php
......@@ -50,6 +50,13 @@ class IndexController extends Controller
{
$this->display('QuotePrice/quote');
}
/**
* 我的报价详情
*/
public function quotedetail()
{
$this->display('QuotePrice/quotedetail');
}
/**
* 账户设置
*/
......
Application/Home/View/QuotePrice/inquirydetail.html
......@@ -49,7 +49,6 @@
</div>
<div class="bj_lists">
<div class="bj_item clr">
<!-- <div class="item_left fl"></div> -->
<div class="item_right fr boxsiz">
<div class="top">
<div class="top_right icon iconfont iconjuxing2 fr"></div>
......@@ -100,9 +99,30 @@
报价时间：<span>2019-05-23 15:57</span>
</div>
</div>
<div class="item_left boxsiz">
<div class="item_left_top">
<h3 class="bold fl ellipsis boxsiz">STM32F103ZET6</h3>
<div class="price fl bold ellipsis boxsiz">¥67.9800</div>
</div>
<div class="desc">
<div class="brand fl boxsiz ellipsis">
品牌：<span>Texas Instruments
</span>
</div>
<div class="fz fl boxsiz ellipsis">
封装：<span>LQFP-144</span>
</div>
<div class="num fl boxsiz ellipsis"> 数量：<span>100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期：<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> 备注：<span>我们有大量的现货，随时都可以出库。我们有大量的现货，随时都可以出库。</span></div>
</div>
</div>
</div>
</div>
<div class="no_data"></div>
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nodata.png" alt="">
<p>暂无报价信息</p>
</div>
</div>
</div>
......@@ -110,7 +130,6 @@
</div>
</div>
</body>
</html>
\ No newline at end of file
Application/Home/View/QuotePrice/quote.html
......@@ -147,7 +147,17 @@
</div>
</div>
<script>
$('.edit_div').click(function(){
window.location.href = "/releaseinquiry"
})
$('.iconjuxing2').click(function(){
$('.show_more').slideDown()
})
$('.data_item').click(function(){
window.location.href = "/quotedetail"
})
</script>
</body>
</html>
\ No newline at end of file
Application/Home/View/QuotePrice/quotedetail.html 0 → 100644
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/inquirydetail.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content inquiry_detail_content">
<div class="content">
<div class="nav_title">
询报价 > 我的询价 > 询价详情 STM32F103ZET6
<span class="fr">2019-05-22 15:35</span>
</div>
<div class="goods_detail clr">
<img src="__PUBLIC__/images/test.jpg" alt="" class="fr">
<div class=" goods_desc boxsiz">
<div class="title">
<h3 class="bold fl xjtype ellipsis">STM32F103ZET6STM32F103ZET6</h3>
<div class="icon iconfont iconjuxing2 fr"></div>
<div class="fr company ellipsis boxsiz">
<span class="xjmark lineBlock">询价</span>
<span class="name">深圳邦马特科技有限公司</span>
</div>
</div>
<div class="desc">
<div class="brand fl boxsiz ellipsis">
品牌：<span>Texas InstrumentsTexas InstrumentsTexas InstrumentsTexas InstrumentsTexas
InstrumentsTexas Instruments</span>
</div>
<div class="fz fl boxsiz ellipsis">
封装：<span>LQFP-144</span>
</div>
<div class="price fl boxsiz ellipsis "> 接受价：<span>无</span></div>
<div class="num fl boxsiz ellipsis"> 数量：<span>100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期：<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> 备注：<span>有货的商家请尽快联系，谢谢！</span></div>
</div>
</div>
</div>
<div class="bj_detail">
<div class="bj_title">
<span class="lineBlock"></span>
<b>我的报价</b>
<b class="bj_num">2</b>
</div>
<div class="bj_lists">
<div class="bj_item clr">
<div class=" boxsiz my_bj_item_left">
<div class="item_left_top">
<h3 class="bold fl ellipsis mytype boxsiz">STM32F103ZET6</h3>
<div class="price fl bold ellipsis my_price boxsiz">¥67.9800</div>
<div class="fr time">报价时间：<span>2019-05-23 15:57</span></div>
</div>
<div class="desc">
<div class="brand fl boxsiz ellipsis">
品牌：<span>Texas Instruments
</span>
</div>
<div class="fz fl boxsiz ellipsis">
封装：<span>LQFP-144</span>
</div>
<div class="num fl boxsiz ellipsis"> 数量：<span>100,000 PCS</span></div>
<div class="hq fl boxsiz ellipsis"> 货期：<span>现货</span></div>
<div class="bz fl boxsiz ellipsis">
备注：<span>我们有大量的现货，随时都可以出库。我们有大量的现货，随时都可以出库。</span></div>
</div>
</div>
</div>
</div>
<div class="no_data" style="display: none">
<img src="__PUBLIC__/images/nodata.png" alt="">
<p>暂无报价信息</p>
</div>
<div class="bj_btn">
继续报价，剩余1次
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 弹窗表单 -->
<div class="from_mask">
<div class="form boxsiz">
<h3 class="bold">新增报价</h3>
<div class="gb">
<span class="icon iconfont iconjuxing19 va-m"></span>
<span>请回复真实价格，否则将会影响您的排名</span>
</div>
<div class="form_content layui-form">
<div class="xh input_div ">
<span class="input_title lineBlock">*型号:</span>
<div class="input_parent">
<input type="text" placeholder="请输入商品型号" class="input boxsiz">
</div>
</div>
<div class="brand input_div ">
<span class="input_title lineBlock">*品牌:</span>
<div class="input_parent">
<input type="text" placeholder="请输入品牌（必填）" class="input boxsiz">
</div>
</div>
<div class="fz input_div ">
<span class="input_title lineBlock">封装:</span>
<div class="input_parent">
<input type="text" placeholder="请输入封装" class="input boxsiz">
</div>
</div>
<div class="num input_div ">
<span class="input_title lineBlock">*需求数量:</span>
<div class="input_parent">
<input type="text" placeholder="请输入需求数量（必填）" class="input boxsiz">
</div>
</div>
<div class="price input_div ">
<span class="input_title lineBlock">接受价:</span>
<div class="input_parent">
<input type="text" placeholder="请输入接受价格" class="input boxsiz price_input">
<div class="rmb">
<span class="text">RMB</span>
<span class="icon iconfont iconjuxing15"></span>
</div>
</div>
</div>
<div class="hq input_div ">
<span class="input_title lineBlock">*货期:</span>
<div class="input_parent">
<input type="radio" name="sex" value="现货" title="现货">
<input type="radio" name="sex" value="期货" title="期货" checked>
<input type="text" placeholder="输入时间" class="boxsiz day_input input">
<i class="day">天</i>
</div>
</div>
<div class="input_div textarea_div">
<span class="input_title lineBlock fl">备注:</span>
<div class="layui-input-block">
<textarea name="desc" placeholder="请输入内容" class="layui-textarea "></textarea>
</div>
</div>
<div class="btn_div">
<span class="lineBlock fb boxsiz">报价</span>
<span class="lineBlock cz boxsiz">取消</span>
</div>
</div>
</div>
</div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
</body>
</html>
\ No newline at end of file
dist/css/common/base.css
......@@ -563,4 +563,3 @@ body {
color: #ADB6BF;
cursor: pointer;
}
/*# sourceMappingURL=base.css.map */
\ No newline at end of file
dist/css/common/base.less
......@@ -282,7 +282,6 @@ body {
}
}
}
.bg-color {
background: #F5F9FC;
}
......
dist/css/inquirydetail.css
.inquiry_detail_content {
padding: 0 20px;
padding: 0 20px 20px 20px;
}
.inquiry_detail_content .nav_title {
padding: 20px 0;
......@@ -24,6 +24,9 @@
color: #2E3033;
font-size: 28px;
}
.inquiry_detail_content .goods_detail .goods_desc .title h3.xjtype {
width: 50%;
}
.inquiry_detail_content .goods_detail .goods_desc .title div .mark {
height: 20px;
width: 20px;
......@@ -36,6 +39,31 @@
font-size: 16px;
color: #515559;
}
.inquiry_detail_content .goods_detail .goods_desc .title div.icon {
font-size: 28px;
color: #ADB6BF;
}
.inquiry_detail_content .goods_detail .goods_desc .title div.company {
width: 40%;
text-align: right;
padding-right: 27px;
}
.inquiry_detail_content .goods_detail .goods_desc .title div.company .xjmark {
width: 37px;
height: 20px;
line-height: 20px;
font-size: 12px;
background-color: #61A0F2;
color: #fff;
text-align: center;
position: relative;
top: -2px;
margin-right: 10px;
}
.inquiry_detail_content .goods_detail .goods_desc .title div.company .name {
font-size: 20px;
color: #515559;
}
.inquiry_detail_content .goods_detail .goods_desc .desc div {
font-size: 14px;
color: #ADB6BF;
......@@ -71,9 +99,63 @@
padding: 20px 30px;
margin-top: 10px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left.item_left,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left.item_left {
padding-right: 524px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .item_left_top,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top {
font-size: 20px;
border-bottom: 1px solid #F5F9FC;
height: 43px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .item_left_top h3,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top h3 {
color: #2E3033;
width: 50%;
padding-right: 10px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .item_left_top h3.mytype,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top h3.mytype {
width: 50%;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .item_left_top div.price,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top div.price {
color: #EA1717;
width: 50%;
padding-right: 10px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .item_left_top div.price.my_price,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top div.price.my_price {
width: 30%;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .item_left_top div.time,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top div.time {
width: 20%;
font-size: 14px;
color: #ADB6BF;
text-align: right;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .desc div,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .desc div {
font-size: 14px;
color: #ADB6BF;
width: 50%;
margin-top: 22px;
padding-right: 10px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .desc div.bz,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .desc div.bz {
width: 100%;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .desc div span,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .desc div span {
color: #515559;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right {
width: 474px;
padding-left: 50px;
border-left: 1px solid #F5F9FC;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top {
line-height: 28px;
......@@ -139,6 +221,7 @@
text-align: center;
font-size: 14px;
border-radius: 4px;
cursor: pointer;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div span {
font-size: 20px;
......@@ -160,4 +243,155 @@
font-size: 14px;
color: #ADB6BF;
}
/*# sourceMappingURL=inquirydetail.css.map */
\ No newline at end of file
.inquiry_detail_content .bj_btn {
width: 220px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #fff;
border-radius: 3px;
background-color: #0D84D1;
margin: 50px auto 0;
cursor: pointer;
}
.from_mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 999;
overflow: auto;
}
.from_mask .form {
position: absolute;
width: 600px;
left: 50%;
margin-left: -300px;
background-color: #fff;
border-radius: 2px;
padding: 26px 30px 40px;
margin-top: 160px;
}
.from_mask .form h3 {
font-size: 20px;
color: #2E3033;
}
.from_mask .form .gb {
height: 34px;
line-height: 34px;
background-color: #FFF6E6;
margin: 16px 0;
color: #EAA217;
font-size: 14px;
}
.from_mask .form .gb .icon {
font-size: 15px;
margin: 0 6px 0 12px;
}
.from_mask .form .form_content {
font-size: 14px;
margin: 10px 53px 0 34px;
}
.from_mask .form .form_content .input_div {
margin-top: 20px;
position: relative;
height: 40px;
line-height: 40px;
}
.from_mask .form .form_content .input_div.textarea_div {
margin-top: 20px;
position: relative;
height: auto;
line-height: 1;
}
.from_mask .form .form_content .input_div .input_title {
color: #686E73;
width: 66px;
text-align: right;
}
.from_mask .form .form_content .input_div .layui-input-block {
margin-left: 85px;
}
.from_mask .form .form_content .input_div .layui-input-block .layui-textarea {
min-height: 80px;
border-radius: 4px;
border: 1px solid #D8DFE6;
}
.from_mask .form .form_content .input_div .input_parent {
position: absolute;
left: 85px;
right: 0;
top: 0;
}
.from_mask .form .form_content .input_div .input_parent .layui-form-radio {
margin-top: 0;
}
.from_mask .form .form_content .input_div .input_parent .layui-form-radio i:hover {
color: #0D84D1;
}
.from_mask .form .form_content .input_div .input_parent .layui-form-radioed i {
color: #0D84D1;
}
.from_mask .form .form_content .input_div .input_parent .input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 100%;
line-height: 40px;
}
.from_mask .form .form_content .input_div .input_parent .input.price_input {
padding: 0 90px 0 15px;
}
.from_mask .form .form_content .input_div .input_parent .input.day_input {
width: 139px;
padding: 0 35px 0 15px;
}
.from_mask .form .form_content .input_div .input_parent .day {
position: relative;
color: #515559;
left: -30px;
}
.from_mask .form .form_content .input_div .input_parent .rmb {
position: absolute;
cursor: pointer;
right: 0;
width: 81px;
top: 7px;
bottom: 7px;
border-left: 1px solid #D8DFE6;
line-height: 26px;
}
.from_mask .form .form_content .input_div .input_parent .rmb .text {
margin: 0 8px 0 15px;
font-size: 14px;
color: #515559;
}
.from_mask .form .form_content .input_div .input_parent .rmb .icon {
font-size: 12px;
color: #D8DFE6;
}
.from_mask .form .form_content .btn_div {
margin: 30px 0 0 90px;
}
.from_mask .form .form_content .btn_div span {
height: 40px;
width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
}
.from_mask .form .form_content .btn_div span.fb {
color: #fff;
background-color: #0D84D1;
}
.from_mask .form .form_content .btn_div span.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px;
}
dist/css/inquirydetail.less
.inquiry_detail_content {
padding: 0 20px;
padding: 0 20px 20px 20px;
.nav_title {
padding: 20px 0;
......@@ -25,6 +25,10 @@
h3 {
color: #2E3033;
font-size: 28px;
&.xjtype {
width: 50%;
}
}
div {
......@@ -42,10 +46,40 @@
color: #515559;
}
&.icon {
font-size: 28px;
color: #ADB6BF;
}
&.company {
width: 40%;
text-align: right;
padding-right: 27px;
.xjmark {
width: 37px;
height: 20px;
line-height: 20px;
font-size: 12px;
background-color: #61A0F2;
color: #fff;
text-align: center;
position: relative;
top: -2px;
margin-right: 10px;
}
.name {
font-size: 20px;
color: #515559;
}
}
}
}
.desc {
div {
font-size: 14px;
color: #ADB6BF;
......@@ -95,11 +129,73 @@
padding: 20px 30px;
margin-top: 10px;
.item_left {}
.item_left,
.my_bj_item_left {
&.item_left {
padding-right: 524px;
}
.item_left_top {
font-size: 20px;
border-bottom: 1px solid #F5F9FC;
height: 43px;
h3 {
color: #2E3033;
width: 50%;
padding-right: 10px;
&.mytype {
width: 50%;
}
}
div {
&.price {
color: #EA1717;
width: 50%;
padding-right: 10px;
&.my_price {
width: 30%;
}
}
&.time {
width: 20%;
font-size: 14px;
color: #ADB6BF;
text-align: right
}
}
}
.desc {
div {
font-size: 14px;
color: #ADB6BF;
width: 50%;
margin-top: 22px;
padding-right: 10px;
&.bz {
width: 100%;
}
span {
color: #515559;
}
}
}
}
.item_right {
width: 474px;
padding-left: 50px;
border-left: 1px solid #F5F9FC;
.top {
line-height: 28px;
......@@ -115,7 +211,7 @@
color: #fff;
line-height: 20px;
text-align: center;
margin-right:10px;
margin-right: 10px;
}
.name {
......@@ -168,37 +264,233 @@
}
.bottom {
margin-top:30px;
margin-top: 30px;
div {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
border-radius:4px;
span{
border-radius: 4px;
cursor: pointer;
span {
font-size: 20px;
margin-right:5px;
margin-right: 5px;
}
}
.gt_div {
width: 110px;
background-color: #EAAD37;
color:#fff;
color: #fff;
}
.phone_div{
width:140px;
color:#8A9299;
border:1px solid #D8DFE6;
margin-left:15px;
.phone_div {
width: 140px;
color: #8A9299;
border: 1px solid #D8DFE6;
margin-left: 15px;
}
}
.time{
margin-top:20px;
.time {
margin-top: 20px;
font-size: 14px;
color:#ADB6BF;
color: #ADB6BF;
}
}
}
}
}
.bj_btn {
width: 220px;
height: 60px;
text-align: center;
line-height: 60px;
font-size: 18px;
color: #fff;
border-radius: 3px;
;
background-color: #0D84D1;
margin: 50px auto 0;
cursor: pointer;
}
}
// 表单弹出层
.from_mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .6);
z-index: 999;
overflow: auto;
.form {
position: absolute;
width:600px;
left: 50%;
margin-left: -300px;
background-color: #fff;
border-radius: 2px;
padding: 26px 30px 40px;
margin-top: 160px;
h3 {
font-size: 20px;
color: #2E3033;
}
.gb {
height: 34px;
line-height: 34px;
background-color: #FFF6E6;
margin: 16px 0;
color: #EAA217;
font-size: 14px;
.icon {
font-size: 15px;
margin: 0 6px 0 12px;
}
}
.form_content {
font-size: 14px;
margin: 10px 53px 0 34px;
.input_div {
margin-top: 20px;
position: relative;
height: 40px;
line-height: 40px;
&.textarea_div {
margin-top: 20px;
position: relative;
height: auto;
line-height: 1;
}
.input_title {
color: #686E73;
width: 66px;
text-align: right;
}
.layui-input-block {
margin-left: 85px;
.layui-textarea {
min-height: 80px;
border-radius: 4px;
border: 1px solid #D8DFE6;
}
}
.input_parent {
position: absolute;
left: 85px;
right: 0;
top: 0;
.layui-form-radio {
margin-top: 0;
i:hover {
color: #0D84D1
}
}
.layui-form-radioed {
i {
color: #0D84D1
}
}
.input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 100%;
line-height: 40px;
&.price_input {
padding: 0 90px 0 15px;
}
&.day_input {
width: 139px;
padding: 0 35px 0 15px;
}
}
.day {
position: relative;
color: #515559;
left: -30px;
}
.rmb {
position: absolute;
cursor: pointer;
right: 0;
width: 81px;
top: 7px;
bottom: 7px;
border-left: 1px solid #D8DFE6;
line-height: 26px;
.text {
margin: 0 8px 0 15px;
font-size: 14px;
color: #515559;
}
.icon {
font-size: 12px;
color: #D8DFE6;
}
}
}
}
.btn_div {
margin: 30px 0 0 90px;
span {
height: 40px;
width: 120px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.fb {
color: #fff;
background-color: #0D84D1
}
&.cz {
color: #515559;
border: 1px solid #E6ECF2;
margin-left: 40px;
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment