Skip to content

施宇 / icsales

Go to a project
Commit 1d8a2e16 by 施宇
Options

111111

parent fb94d464
Inline Side-by-side
Showing with 1003 additions and 211 deletions
Application/Common/Conf/config_url.php
......@@ -29,5 +29,7 @@ return array(
'goodmanage' => 'Home/Index/goodmanage',
'uploadsingle' => 'Home/Index/uploadsingle',
'gooddetail' => 'Home/Index/gooddetail',
'bulkupload' => 'Home/Index/bulkupload',
'uploadresult' => 'Home/Index/uploadresult'
),
);
\ No newline at end of file
Application/Home/Controller/IndexController.class.php
......@@ -79,6 +79,20 @@ class IndexController extends Controller
$this->display('GoodManage/uploadsingle');
}
/**
* 批量上传商品
*/
public function bulkupload()
{
$this->display('GoodManage/bulkupload');
}
/**
* 批量上传结果
*/
public function uploadresult()
{
$this->display('GoodManage/uploadresult');
}
/**
* 商品详情
*/
public function gooddetail()
......
Application/Home/View/GoodManage/bulkupload.html 0 → 100644
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bulkupload.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content upload_bulk_content">
<div class="content">
<div class="nav_title">商品管理 > 发布商品 > 批量上传</div>
<div class="inquiry_form">
<div class="top_title clr">
<h3 class="bold fl">批量上传</h3>
</div>
<div class="gb">
<span class="icon iconfont iconjuxing19 va-m"></span>
<span>上传的商品有图片，搜索排名会优先排前</span>
</div>
<div class="upload_section">
<div class="icon iconfont iconjuxing16"></div>
<p>将商品表格拖拽或点击到此处上传</p>
</div>
<div class="btn_div">
<a class="btn sc lineBlock nohover">上传商品</a>
<a class="btn btn_border xz lineBlock">下载商品模板</a>
</div>
<div class="upload_text">
<p>1、请保证文件名后缀为xls、xlsx </p>
<p>2、请下载模板，并根据模板格式上传 </p>
<p>3、为加快匹配速度，请保证每份文件型号数不超过200</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
</body>
</html>
\ No newline at end of file
Application/Home/View/GoodManage/index.html
......@@ -174,6 +174,12 @@
$('.dgsc').click(function () {
window.location.href = '/uploadsingle'
})
$('.plsc').click(function () {
window.location.href = '/bulkupload'
})
$('.xz').click(function () {
window.location.href = '/uploadresult'
})
$('.data_item').click(function () {
window.location.href = '/gooddetail'
})
......
Application/Home/View/GoodManage/uploadresult.html 0 → 100644
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/uploadresult.css">
</head>
<body>
<div class="wrapper">
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content upload_result_content">
<div class="edit_div">
<span class=" icon iconfont iconjuxing14"></span>
</div>
<div class="content">
<div class="nav_title">商品管理 > 发布商品 > 上传结果</div>
<div class="filter_section clr">
<div class="date_div fl">
<span class="fl">日期选择：</span>
<div class="start_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13">
</div>
<input type="text" placeholder="开始日期" class="fl boxsiz" id="start_date">
</div>
<div class="fl heng"></div>
<div class="end_date_div fl">
<div class="icon_div fl icon iconfont iconjuxing13">
</div>
<input type="text" placeholder="结束日期" class="fl boxsiz" id="end_date">
</div>
</div>
<div class="btn_div fl">
<a class="cx lineBlock btn nohover">查询</a>
</div>
</div>
<div class="result_data">
<div class="data_list">
<div class="data_item">
<div class="data_detail">
<div class="text fl ellipsis boxsiz">
<span class="sort">1.</span>
更新成功 <span class="num">13</span> 条，
更新失败 <span class="num">2</span> 条
</div>
<div class="fl ellipsis boxsiz time">2019-05-22 15:35</div>
<div class="fl ellipsis boxsiz status cg">
<span class="lineBlock"></span>
成功
</div>
</div>
<a class="ck fr">查看</a>
</div>
<div class="data_item">
<div class="data_detail">
<div class="text fl ellipsis boxsiz">
<span class="sort">1.</span>
更新成功 <span class="num">13</span> 条，
更新失败 <span class="num">2</span> 条
</div>
<div class="fl ellipsis boxsiz time">2019-05-22 15:35</div>
<div class="fl ellipsis boxsiz status sb">
<span class="lineBlock"></span>
失败
</div>
</div>
<a class="ck fr">查看</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#start_date', //指定元素
theme: '#0D84D1'
});
laydate.render({
elem: '#end_date', //指定元素
theme: '#0D84D1'
});
});
</script>
</body>
</html>
\ No newline at end of file
Application/Home/View/GoodManage/uploadsingle.html
......@@ -11,7 +11,7 @@
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content release_inquiry_content">
<div class="right_content upload_single_content">
<div class="content">
<div class="nav_title">商品管理 > 发布商品 > 上传商品</div>
<div class="inquiry_form">
......@@ -73,8 +73,8 @@
</div>
</div>
<div class="btn_div">
<span class="lineBlock fb boxsiz">发布</span>
<span class="lineBlock cz boxsiz">重置</span>
<span class="lineBlock fb btn">发布</span>
<span class="lineBlock cz btn btn_border">重置</span>
</div>
</div>
<div class="form_right fl ">
......
Application/Home/View/QuotePrice/inquiry.html
......@@ -159,7 +159,7 @@
<div class="time fr ellipsis boxsiz">2019-05-22 15:35</div>
</div>
<a class="icon iconfont iconjuxing2 fr"></a>
<a class="fl fb xj_status fr">发布</a>
<a class="fb xj_status fr">发布</a>
</div>
</div>
<div class="no_data" style="display: none">
......
Application/Home/View/QuotePrice/inquirydetail.html
......@@ -26,10 +26,9 @@
<span class="mark lineBlock"></span><span class="text">展示中</span>
</div>
</div>
<div class="desc">
<div class="desc inquiry_desc">
<div class="brand fl boxsiz ellipsis">
品牌：<span>Texas InstrumentsTexas InstrumentsTexas InstrumentsTexas InstrumentsTexas
InstrumentsTexas Instruments</span>
品牌：<span>Texas InstrumentsTexas</span>
</div>
<div class="fz fl boxsiz ellipsis">
封装：<span>LQFP-144</span>
......
Application/Home/View/QuotePrice/quote.html
......@@ -11,7 +11,7 @@
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content inquiry_content">
<div class="right_content quote_content">
<div class="edit_div">
<span class=" icon iconfont iconjuxing14"></span>
</div>
......@@ -72,7 +72,7 @@
<div class="time fr ellipsis boxsiz ">2019-05-22 15:35</div>
</div>
<a class="icon iconfont iconjuxing2 fr"></a>
<a class="fl is_bj_status fr">继续报价</a>
<a class="is_bj_status fr">继续报价</a>
<!-- <div class="show_more">
<div class="more_item clr">
<div class="fl sort">1.</div>
......
Application/Home/View/QuotePrice/quotedetail.html
......@@ -11,7 +11,7 @@
<include file="public/navleft" />
<div class="wrapper_right">
<include file="public/top" />
<div class="right_content inquiry_detail_content">
<div class="right_content quote_detail_content">
<div class="content">
<div class="nav_title">
询报价 > 我的询价 > 询价详情 STM32F103ZET6
......@@ -31,8 +31,7 @@
</div>
<div class="desc">
<div class="brand fl boxsiz ellipsis">
品牌：<span>Texas InstrumentsTexas InstrumentsTexas InstrumentsTexas InstrumentsTexas
InstrumentsTexas Instruments</span>
品牌：<span>Texas InstrumentsTexas</span>
</div>
<div class="fz fl boxsiz ellipsis">
封装：<span>LQFP-144</span>
......@@ -53,12 +52,12 @@
<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="item_left_top quote_item_left_top">
<h3 class="bold fl ellipsis boxsiz">STM32F103ZET6</h3>
<div class="price fl bold ellipsis boxsiz">¥67.9800</div>
<div class="fr time">报价时间：<span>2019-05-23 15:57</span></div>
</div>
<div class="desc">
<div class="desc quote_desc">
<div class="brand fl boxsiz ellipsis">
品牌：<span>Texas Instruments
</span>
......
Application/Home/View/QuotePrice/releaseinquiry.html
......@@ -53,9 +53,17 @@
<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 class="rmb layui-form">
<!-- <span class="text">RMB</span>
<span class="icon iconfont iconjuxing15"></span> -->
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
</div>
......
dist/css/bulkupload.css 0 → 100644
.upload_bulk_content {
padding: 0 20px;
}
.upload_bulk_content .nav_title {
padding: 20px 0;
}
.upload_bulk_content .inquiry_form {
background-color: #fff;
padding-bottom: 40px;
}
.upload_bulk_content .inquiry_form .top_title {
padding: 26px 30px 0;
}
.upload_bulk_content .inquiry_form .top_title h3 {
font-size: 20px;
color: #2E3033;
line-height: 40px;
}
.upload_bulk_content .inquiry_form .top_title .plsc_btn {
font-size: 16px;
color: #fff;
height: 40px;
line-height: 40px;
padding: 0 19px;
border-radius: 3px;
background-color: #52CCA8;
}
.upload_bulk_content .inquiry_form .gb {
height: 34px;
line-height: 34px;
background-color: #FFF6E6;
margin: 16px 30px 0 30px;
color: #EAA217;
font-size: 14px;
}
.upload_bulk_content .inquiry_form .gb .icon {
font-size: 15px;
margin: 0 6px 0 12px;
}
.upload_bulk_content .inquiry_form .upload_section {
margin: 31px 148px 0;
background-color: #F5F9FC;
height: 200px;
border: 1px solid #D8DFE6;
text-align: center;
cursor: pointer;
}
.upload_bulk_content .inquiry_form .upload_section div {
color: #ADB6BF;
font-size: 60px;
padding-top: 50px;
}
.upload_bulk_content .inquiry_form .upload_section p {
font-size: 16px;
color: #8A9299;
margin-top: 35px;
}
.upload_bulk_content .inquiry_form .btn_div {
text-align: center;
margin-top: 30px;
}
.upload_bulk_content .inquiry_form .btn_div a {
width: 120px;
}
.upload_bulk_content .inquiry_form .btn_div a.xz {
margin-left: 60px;
}
.upload_bulk_content .inquiry_form .upload_text {
margin-top: 20px;
color: #8A9299;
padding-left: 148px;
font-size: 14px;
}
.upload_bulk_content .inquiry_form .upload_text p {
margin-top: 10px;
}
dist/css/bulkupload.less 0 → 100644
.upload_bulk_content {
padding: 0 20px;
.nav_title {
padding: 20px 0;
}
.inquiry_form {
background-color: #fff;
padding-bottom: 40px;
.top_title {
padding: 26px 30px 0;
h3 {
font-size: 20px;
color: #2E3033;
line-height: 40px;
}
.plsc_btn {
font-size: 16px;
color: #fff;
height: 40px;
line-height: 40px;
padding: 0 19px;
border-radius: 3px;
background-color: #52CCA8;
}
}
.gb {
height: 34px;
line-height: 34px;
background-color: #FFF6E6;
margin: 16px 30px 0 30px;
color: #EAA217;
font-size: 14px;
.icon {
font-size: 15px;
margin: 0 6px 0 12px;
}
}
.upload_section {
margin: 31px 148px 0;
background-color: #F5F9FC;
height: 200px;
border: 1px solid #D8DFE6;
text-align: center;
cursor: pointer;
div {
color: #ADB6BF;
font-size: 60px;
padding-top: 50px;
}
p {
font-size: 16px;
color: #8A9299;
margin-top: 35px;
}
}
.btn_div {
text-align: center;
margin-top:30px;
a {
width: 120px;
&.xz{
margin-left:60px;
}
}
}
.upload_text{
margin-top:20px;
color:#8A9299;
padding-left:148px;
font-size: 14px;
p{
margin-top:10px;
}
}
}
}
\ No newline at end of file
dist/css/common/base.css
......@@ -372,6 +372,9 @@ body {
width: calc(20% - 20px);
}
}
.nohover:hover {
color: #fff;
}
.btn {
border-radius: 4px;
box-sizing: border-box;
......
dist/css/common/base.less
......@@ -408,6 +408,9 @@ body {
}
.nohover:hover{
color:#fff
}
// 按钮公共样式
.btn{
border-radius: 4px;
......
dist/css/inquiry.css
.inquiry_content {
.inquiry_content,
.quote_content {
padding: 0 20px;
}
.inquiry_content .nav_title {
.inquiry_content .nav_title,
.quote_content .nav_title {
padding: 20px 0;
}
.inquiry_content .xj_total {
.inquiry_content .xj_total,
.quote_content .xj_total {
background-color: #fff;
height: 120px;
position: relative;
}
.inquiry_content .xj_total .fl {
.inquiry_content .xj_total .fl,
.quote_content .xj_total .fl {
width: 50%;
text-align: center;
}
.inquiry_content .xj_total .fl h3 {
.inquiry_content .xj_total .fl h3,
.quote_content .xj_total .fl h3 {
font-size: 40px;
margin-top: 22px;
}
.inquiry_content .xj_total .fl p {
.inquiry_content .xj_total .fl p,
.quote_content .xj_total .fl p {
font-size: 14px;
color: #8A9299;
}
.inquiry_content .xj_total .fl.xj h3 {
.inquiry_content .xj_total .fl.xj h3,
.quote_content .xj_total .fl.xj h3 {
color: #0D84D1;
}
.inquiry_content .xj_total .fl.wxj h3 {
.inquiry_content .xj_total .fl.wxj h3,
.quote_content .xj_total .fl.wxj h3 {
color: #515559;
}
.inquiry_content .xj_total .center_line {
.inquiry_content .xj_total .center_line,
.quote_content .xj_total .center_line {
position: absolute;
top: 20px;
bottom: 20px;
......@@ -35,7 +44,8 @@
width: 1px;
background-color: #E6ECF2;
}
.inquiry_content .filter_section {
.inquiry_content .filter_section,
.quote_content .filter_section {
height: 80px;
background-color: #fff;
margin-top: 20px;
......@@ -44,17 +54,20 @@
padding: 0 20px;
line-height: 80px;
}
.inquiry_content .filter_section .input_div {
.inquiry_content .filter_section .input_div,
.quote_content .filter_section .input_div {
width: 34%;
position: relative;
}
.inquiry_content .filter_section .input_div div {
.inquiry_content .filter_section .input_div div,
.quote_content .filter_section .input_div div {
left: 70px;
right: 10px;
position: absolute;
top: 0px;
}
.inquiry_content .filter_section .input_div input {
.inquiry_content .filter_section .input_div input,
.quote_content .filter_section .input_div input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
......@@ -62,10 +75,12 @@
width: 100%;
line-height: 40px;
}
.inquiry_content .filter_section .input_div span {
.inquiry_content .filter_section .input_div span,
.quote_content .filter_section .input_div span {
width: 70px;
}
.inquiry_content .filter_section .date_div input {
.inquiry_content .filter_section .date_div input,
.quote_content .filter_section .date_div input {
height: 40px;
border-radius: 0px 4px 4px 0px;
border: 1px solid #D8DFE6;
......@@ -75,10 +90,13 @@
line-height: 40px;
}
.inquiry_content .filter_section .date_div .start_date_div,
.inquiry_content .filter_section .date_div .end_date_div {
.quote_content .filter_section .date_div .start_date_div,
.inquiry_content .filter_section .date_div .end_date_div,
.quote_content .filter_section .date_div .end_date_div {
margin-top: 20px;
}
.inquiry_content .filter_section .date_div .icon_div {
.inquiry_content .filter_section .date_div .icon_div,
.quote_content .filter_section .date_div .icon_div {
width: 34px;
background-color: #E6ECF2;
border-radius: 4px 0px 0px 4px;
......@@ -88,23 +106,28 @@
height: 40px;
line-height: 40px;
}
.inquiry_content .filter_section .heng {
.inquiry_content .filter_section .heng,
.quote_content .filter_section .heng {
margin: 0 5px;
height: 2px;
width: 12px;
background-color: #D8D8D8;
margin-top: 39px;
}
.inquiry_content .filter_section .btn_div a {
.inquiry_content .filter_section .btn_div a,
.quote_content .filter_section .btn_div a {
width: 120px;
}
.inquiry_content .filter_section .btn_div a.cx {
.inquiry_content .filter_section .btn_div a.cx,
.quote_content .filter_section .btn_div a.cx {
margin: 0 20px;
}
.inquiry_content .inquiry_data .data_list {
.inquiry_content .inquiry_data .data_list,
.quote_content .inquiry_data .data_list {
margin-top: 10px;
}
.inquiry_content .inquiry_data .data_list .data_item {
.inquiry_content .inquiry_data .data_list .data_item,
.quote_content .inquiry_data .data_list .data_item {
height: 60px;
background-color: #fff;
margin-top: 10px;
......@@ -115,20 +138,24 @@
position: relative;
cursor: pointer;
}
.inquiry_content .inquiry_data .data_list .data_item .data_detail {
.inquiry_content .inquiry_data .data_list .data_item .data_detail,
.quote_content .inquiry_data .data_list .data_item .data_detail {
position: absolute;
top: 0;
left: 25px;
right: 143px;
bottom: 0;
}
.inquiry_content .inquiry_data .data_list .data_item .data_detail.bj_data_detail {
.inquiry_content .inquiry_data .data_list .data_item .data_detail.bj_data_detail,
.quote_content .inquiry_data .data_list .data_item .data_detail.bj_data_detail {
right: 171px;
}
.inquiry_content .inquiry_data .data_list .data_item .data_detail > div {
.inquiry_content .inquiry_data .data_list .data_item .data_detail > div,
.quote_content .inquiry_data .data_list .data_item .data_detail > div {
padding-right: 10px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more {
.inquiry_content .inquiry_data .data_list .data_item .show_more,
.quote_content .inquiry_data .data_list .data_item .show_more {
position: absolute;
right: 0;
width: 67%;
......@@ -141,50 +168,61 @@
font-size: 12px;
padding: 0 20px 20px 20px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item > div {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item > div,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item > div {
padding-right: 10px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .sort {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .sort,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .sort {
font-size: 14px;
margin-right: 21px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .num {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .num,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .num {
font-size: 16px;
color: #2E3033;
width: 25%;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .fz {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .fz,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .fz {
font-size: 14px;
color: #ADB6BF;
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .fz .text {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .fz .text,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .fz .text {
color: #515559;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .price {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .price,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .price {
font-size: 16px;
color: #EA1717;
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .company {
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company .mark {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company .mark,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .company .mark {
color: #EAA217;
background-color: rgba(242, 191, 97, 0.2);
border-radius: 5px 0px 5px 0px;
padding: 2px 5px;
margin-right: 16px;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company .mark.gr {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .company .mark.gr,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .company .mark.gr {
background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .wx span {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_item .wx span,
.quote_content .inquiry_data .data_list .data_item .show_more .more_item .wx span {
font-size: 20px;
color: #0D84D1;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_btn {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_btn,
.quote_content .inquiry_data .data_list .data_item .show_more .more_btn {
width: 140px;
height: 40px;
background: #fff;
......@@ -197,91 +235,116 @@
color: #0D84D1;
cursor: pointer;
}
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_btn img {
.inquiry_content .inquiry_data .data_list .data_item .show_more .more_btn img,
.quote_content .inquiry_data .data_list .data_item .show_more .more_btn img {
height: 14px;
width: 14px;
}
.inquiry_content .inquiry_data .data_list .data_item .type {
.inquiry_content .inquiry_data .data_list .data_item .type,
.quote_content .inquiry_data .data_list .data_item .type {
color: #2E3033;
font-size: 16px;
width: 25%;
}
.inquiry_content .inquiry_data .data_list .data_item .brand {
.inquiry_content .inquiry_data .data_list .data_item .brand,
.quote_content .inquiry_data .data_list .data_item .brand {
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .brand span {
.inquiry_content .inquiry_data .data_list .data_item .brand span,
.quote_content .inquiry_data .data_list .data_item .brand span {
color: #515559;
}
.inquiry_content .inquiry_data .data_list .data_item .num {
.inquiry_content .inquiry_data .data_list .data_item .num,
.quote_content .inquiry_data .data_list .data_item .num {
width: 15%;
}
.inquiry_content .inquiry_data .data_list .data_item .num span {
.inquiry_content .inquiry_data .data_list .data_item .num span,
.quote_content .inquiry_data .data_list .data_item .num span {
color: #515559;
}
.inquiry_content .inquiry_data .data_list .data_item .bj_status {
.inquiry_content .inquiry_data .data_list .data_item .bj_status,
.quote_content .inquiry_data .data_list .data_item .bj_status {
color: #EAA217;
cursor: pointer;
width: 12%;
}
.inquiry_content .inquiry_data .data_list .data_item .bj_status.dd {
.inquiry_content .inquiry_data .data_list .data_item .bj_status.dd,
.quote_content .inquiry_data .data_list .data_item .bj_status.dd {
color: #61A0F2;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status {
.inquiry_content .inquiry_data .data_list .data_item .data_status,
.quote_content .inquiry_data .data_list .data_item .data_status {
width: 12%;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status .mark {
.inquiry_content .inquiry_data .data_list .data_item .data_status .mark,
.quote_content .inquiry_data .data_list .data_item .data_status .mark {
height: 10px;
width: 10px;
border-radius: 50% 50%;
margin-right: 4px;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status.zs .mark {
.inquiry_content .inquiry_data .data_list .data_item .data_status.zs .mark,
.quote_content .inquiry_data .data_list .data_item .data_status.zs .mark {
background-color: #52CCA8;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status.xj .mark {
.inquiry_content .inquiry_data .data_list .data_item .data_status.xj .mark,
.quote_content .inquiry_data .data_list .data_item .data_status.xj .mark {
background-color: #D8DFE6;
}
.inquiry_content .inquiry_data .data_list .data_item .data_status .text {
.inquiry_content .inquiry_data .data_list .data_item .data_status .text,
.quote_content .inquiry_data .data_list .data_item .data_status .text {
color: #686E73;
}
.inquiry_content .inquiry_data .data_list .data_item .time {
.inquiry_content .inquiry_data .data_list .data_item .time,
.quote_content .inquiry_data .data_list .data_item .time {
width: 16%;
}
.inquiry_content .inquiry_data .data_list .data_item .is_bj_status {
.inquiry_content .inquiry_data .data_list .data_item .is_bj_status,
.quote_content .inquiry_data .data_list .data_item .is_bj_status {
color: #0D84D1;
}
.inquiry_content .inquiry_data .data_list .data_item .price {
.inquiry_content .inquiry_data .data_list .data_item .price,
.quote_content .inquiry_data .data_list .data_item .price {
color: #EA1717;
width: 12%;
}
.inquiry_content .inquiry_data .data_list .data_item .hq {
.inquiry_content .inquiry_data .data_list .data_item .hq,
.quote_content .inquiry_data .data_list .data_item .hq {
width: 12%;
}
.inquiry_content .inquiry_data .data_list .data_item .hq span {
.inquiry_content .inquiry_data .data_list .data_item .hq span,
.quote_content .inquiry_data .data_list .data_item .hq span {
color: #515559;
}
@media screen and (max-width: 1440px) {
.inquiry_content .inquiry_data .data_list .data_item .type {
.inquiry_content .inquiry_data .data_list .data_item .type,
.quote_content .inquiry_data .data_list .data_item .type {
width: 30%;
}
.inquiry_content .inquiry_data .data_list .data_item .brand {
.inquiry_content .inquiry_data .data_list .data_item .brand,
.quote_content .inquiry_data .data_list .data_item .brand {
width: 26%;
}
.inquiry_content .inquiry_data .data_list .data_item .num {
.inquiry_content .inquiry_data .data_list .data_item .num,
.quote_content .inquiry_data .data_list .data_item .num {
width: 20%;
}
.inquiry_content .inquiry_data .data_list .data_item .time {
.inquiry_content .inquiry_data .data_list .data_item .time,
.quote_content .inquiry_data .data_list .data_item .time {
display: none;
}
}
.inquiry_content .inquiry_data .data_list .data_item .xj_status {
.inquiry_content .inquiry_data .data_list .data_item .xj_status,
.quote_content .inquiry_data .data_list .data_item .xj_status {
color: #686E73;
cursor: pointer;
}
.inquiry_content .inquiry_data .data_list .data_item .xj_status.fb {
.inquiry_content .inquiry_data .data_list .data_item .xj_status.fb,
.quote_content .inquiry_data .data_list .data_item .xj_status.fb {
color: #0D84D1;
}
.inquiry_content .inquiry_data .data_list .data_item .icon {
.inquiry_content .inquiry_data .data_list .data_item .icon,
.quote_content .inquiry_data .data_list .data_item .icon {
cursor: pointer;
font-size: 26px;
color: #ADB6BF;
......
dist/css/inquiry.less
.inquiry_content {
.inquiry_content,.quote_content {
padding: 0 20px;
.nav_title {
......
dist/css/inquirydetail.css
.inquiry_detail_content {
.inquiry_detail_content,
.quote_detail_content {
padding: 0 20px 20px 20px;
}
.inquiry_detail_content .nav_title {
.inquiry_detail_content .nav_title,
.quote_detail_content .nav_title {
padding: 20px 0;
}
.inquiry_detail_content .goods_detail {
.inquiry_detail_content .goods_detail,
.quote_detail_content .goods_detail {
background-color: #fff;
padding: 20px 30px;
}
.inquiry_detail_content .goods_detail img {
.inquiry_detail_content .goods_detail img,
.quote_detail_content .goods_detail img {
height: 220px;
width: 220px;
}
.inquiry_detail_content .goods_detail .goods_desc {
.inquiry_detail_content .goods_detail .goods_desc,
.quote_detail_content .goods_detail .goods_desc {
width: 100%;
padding-right: 250px;
}
.inquiry_detail_content .goods_detail .goods_desc .title {
.inquiry_detail_content .goods_detail .goods_desc .title,
.quote_detail_content .goods_detail .goods_desc .title {
height: 54px;
border-bottom: 2px solid #F5F9FC;
line-height: 54px;
}
.inquiry_detail_content .goods_detail .goods_desc .title h3 {
.inquiry_detail_content .goods_detail .goods_desc .title h3,
.quote_detail_content .goods_detail .goods_desc .title h3 {
color: #2E3033;
font-size: 28px;
}
.inquiry_detail_content .goods_detail .goods_desc .title h3.xjtype {
.inquiry_detail_content .goods_detail .goods_desc .title h3.xjtype,
.quote_detail_content .goods_detail .goods_desc .title h3.xjtype {
width: 50%;
}
.inquiry_detail_content .goods_detail .goods_desc .title div .mark {
.inquiry_detail_content .goods_detail .goods_desc .title div .mark,
.quote_detail_content .goods_detail .goods_desc .title div .mark {
height: 20px;
width: 20px;
background-color: #52CCA8;
......@@ -36,20 +45,24 @@
vertical-align: sub;
margin-right: 9px;
}
.inquiry_detail_content .goods_detail .goods_desc .title div .text {
.inquiry_detail_content .goods_detail .goods_desc .title div .text,
.quote_detail_content .goods_detail .goods_desc .title div .text {
font-size: 16px;
color: #515559;
}
.inquiry_detail_content .goods_detail .goods_desc .title div.icon {
.inquiry_detail_content .goods_detail .goods_desc .title div.icon,
.quote_detail_content .goods_detail .goods_desc .title div.icon {
font-size: 28px;
color: #ADB6BF;
}
.inquiry_detail_content .goods_detail .goods_desc .title div.company {
.inquiry_detail_content .goods_detail .goods_desc .title div.company,
.quote_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 {
.inquiry_detail_content .goods_detail .goods_desc .title div.company .xjmark,
.quote_detail_content .goods_detail .goods_desc .title div.company .xjmark {
width: 37px;
height: 20px;
line-height: 20px;
......@@ -61,84 +74,130 @@
top: -2px;
margin-right: 10px;
}
.inquiry_detail_content .goods_detail .goods_desc .title div.company .name {
.inquiry_detail_content .goods_detail .goods_desc .title div.company .name,
.quote_detail_content .goods_detail .goods_desc .title div.company .name {
font-size: 20px;
color: #515559;
}
.inquiry_detail_content .goods_detail .goods_desc .desc div {
.inquiry_detail_content .goods_detail .goods_desc .desc.inquiry_desc,
.quote_detail_content .goods_detail .goods_desc .desc.inquiry_desc {
margin-right: 274px;
}
.inquiry_detail_content .goods_detail .goods_desc .desc div,
.quote_detail_content .goods_detail .goods_desc .desc div {
font-size: 14px;
color: #ADB6BF;
width: 33.33%;
margin-top: 22px;
padding-right: 10px;
}
.inquiry_detail_content .goods_detail .goods_desc .desc div.bz {
.inquiry_detail_content .goods_detail .goods_desc .desc div.brand,
.quote_detail_content .goods_detail .goods_desc .desc div.brand,
.inquiry_detail_content .goods_detail .goods_desc .desc div.num,
.quote_detail_content .goods_detail .goods_desc .desc div.num,
.inquiry_detail_content .goods_detail .goods_desc .desc div.hq,
.quote_detail_content .goods_detail .goods_desc .desc div.hq {
width: 50%;
}
.inquiry_detail_content .goods_detail .goods_desc .desc div.price,
.quote_detail_content .goods_detail .goods_desc .desc div.price {
width: 20%;
}
.inquiry_detail_content .goods_detail .goods_desc .desc div.fz,
.quote_detail_content .goods_detail .goods_desc .desc div.fz {
width: 30%;
}
.inquiry_detail_content .goods_detail .goods_desc .desc div.bz,
.quote_detail_content .goods_detail .goods_desc .desc div.bz {
width: 100%;
}
.inquiry_detail_content .goods_detail .goods_desc .desc div span {
.inquiry_detail_content .goods_detail .goods_desc .desc div span,
.quote_detail_content .goods_detail .goods_desc .desc div span {
color: #515559;
}
.inquiry_detail_content .bj_detail .bj_title {
.inquiry_detail_content .bj_detail .bj_title,
.quote_detail_content .bj_detail .bj_title {
margin-top: 18px;
}
.inquiry_detail_content .bj_detail .bj_title span {
.inquiry_detail_content .bj_detail .bj_title span,
.quote_detail_content .bj_detail .bj_title span {
height: 20px;
width: 2px;
background-color: #0D84D1;
vertical-align: sub;
margin-right: 13px;
}
.inquiry_detail_content .bj_detail .bj_title b {
.inquiry_detail_content .bj_detail .bj_title b,
.quote_detail_content .bj_detail .bj_title b {
color: #515559;
font-size: 18px;
}
.inquiry_detail_content .bj_detail .bj_title b.bj_num {
.inquiry_detail_content .bj_detail .bj_title b.bj_num,
.quote_detail_content .bj_detail .bj_title b.bj_num {
margin-left: 10px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item {
.inquiry_detail_content .bj_detail .bj_lists .bj_item,
.quote_detail_content .bj_detail .bj_lists .bj_item {
background-color: #fff;
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 {
.quote_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,
.quote_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 {
.quote_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,
.quote_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;
position: relative;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .item_left_top.quote_item_left_top,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_left .item_left_top.quote_item_left_top,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top.quote_item_left_top,
.quote_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top.quote_item_left_top {
padding-right: 250px;
}
.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 {
.quote_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,
.quote_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 {
.quote_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,
.quote_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%;
.quote_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,
.quote_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .item_left_top div.time {
position: absolute;
right: 0;
font-size: 14px;
color: #ADB6BF;
text-align: right;
top: 0;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_left .desc.quote_desc,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_left .desc.quote_desc,
.inquiry_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .desc.quote_desc,
.quote_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .desc.quote_desc {
margin-right: 250px;
}
.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 {
.quote_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,
.quote_detail_content .bj_detail .bj_lists .bj_item .my_bj_item_left .desc div {
font-size: 14px;
color: #ADB6BF;
width: 50%;
......@@ -146,25 +205,33 @@
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 {
.quote_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,
.quote_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 {
.quote_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,
.quote_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 {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right,
.quote_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 {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .top {
line-height: 28px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left {
padding-right: 33px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left .mark {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left .mark,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left .mark {
width: 37px;
height: 20px;
background-color: #EAA217;
......@@ -174,19 +241,23 @@
text-align: center;
margin-right: 10px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left .name {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left .name,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_left .name {
font-size: 16px;
color: #515559;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_right {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_right,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .top .top_right {
font-size: 28px;
color: #ADB6BF;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .center {
position: relative;
margin-top: 15px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_right {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_right,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_right {
color: #ADB6BF;
font-size: 14px;
width: 95px;
......@@ -195,47 +266,58 @@
top: 4px;
right: 0;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_right span {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_right span,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_right span {
color: #515559;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left {
width: 100%;
padding-right: 95px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left div {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left div,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left div {
color: #515559;
font-size: 14px;
margin-right: 10px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left div span {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left div span,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .center .center_left div span {
font-size: 20px;
color: #2490D6;
position: relative;
top: 2px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom {
margin-top: 30px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div {
font-size: 14px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div span {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div span,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom div span {
font-size: 20px;
margin-right: 5px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .gt_div {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .gt_div,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .gt_div {
width: 110px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .phone_div {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .phone_div,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .bottom .phone_div {
width: 140px;
margin-left: 15px;
}
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .time {
.inquiry_detail_content .bj_detail .bj_lists .bj_item .item_right .time,
.quote_detail_content .bj_detail .bj_lists .bj_item .item_right .time {
margin-top: 20px;
font-size: 14px;
color: #ADB6BF;
}
.inquiry_detail_content .bj_btn {
.inquiry_detail_content .bj_btn,
.quote_detail_content .bj_btn {
width: 220px;
margin: 50px auto 0;
}
......@@ -367,4 +449,3 @@
.from_mask .form .form_content .btn_div span.cz {
margin-left: 40px;
}
/*# sourceMappingURL=inquirydetail.css.map */
\ No newline at end of file
dist/css/inquirydetail.less
.inquiry_detail_content {
.inquiry_detail_content,
.quote_detail_content {
padding: 0 20px 20px 20px;
.nav_title {
......@@ -21,7 +22,7 @@
.title {
height: 54px;
border-bottom: 2px solid #F5F9FC;
line-height:54px;
line-height: 54px;
h3 {
color: #2E3033;
......@@ -80,14 +81,30 @@
}
.desc {
&.inquiry_desc {
margin-right: 274px;
}
div {
font-size: 14px;
color: #ADB6BF;
width: 33.33%;
margin-top: 22px;
padding-right: 10px;
&.brand,
&.num,
&.hq {
width: 50%;
}
&.price {
width: 20%;
}
&.fz {
width: 30%;
}
&.bz {
width: 100%;
}
......@@ -140,41 +157,43 @@
font-size: 20px;
border-bottom: 1px solid #F5F9FC;
height: 43px;
position: relative;
&.quote_item_left_top {
padding-right: 250px;
}
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%;
position: absolute;
right: 0;
font-size: 14px;
color: #ADB6BF;
text-align: right
top: 0;
}
}
}
.desc {
&.quote_desc {
margin-right: 250px;
}
div {
font-size: 14px;
color: #ADB6BF;
......@@ -269,6 +288,7 @@
div {
font-size: 14px;
span {
font-size: 20px;
margin-right: 5px;
......@@ -316,7 +336,7 @@
.form {
position: absolute;
width:600px;
width: 600px;
left: 50%;
margin-left: -300px;
background-color: #fff;
......
dist/css/releaseinquiry.css
.release_inquiry_content {
.release_inquiry_content,
.upload_single_content {
padding: 0 20px;
}
.release_inquiry_content .nav_title {
.release_inquiry_content .nav_title,
.upload_single_content .nav_title {
padding: 20px 0;
}
.release_inquiry_content .inquiry_form {
.release_inquiry_content .inquiry_form,
.upload_single_content .inquiry_form {
background-color: #fff;
padding-bottom: 40px;
}
.release_inquiry_content .inquiry_form .top_title {
.release_inquiry_content .inquiry_form .top_title,
.upload_single_content .inquiry_form .top_title {
padding: 26px 30px 0;
}
.release_inquiry_content .inquiry_form .top_title h3 {
.release_inquiry_content .inquiry_form .top_title h3,
.upload_single_content .inquiry_form .top_title h3 {
font-size: 20px;
color: #2E3033;
line-height: 40px;
}
.release_inquiry_content .inquiry_form .top_title .plsc_btn {
.release_inquiry_content .inquiry_form .top_title .plsc_btn,
.upload_single_content .inquiry_form .top_title .plsc_btn {
font-size: 16px;
color: #fff;
height: 40px;
......@@ -25,7 +31,8 @@
border-radius: 3px;
background-color: #52CCA8;
}
.release_inquiry_content .inquiry_form .gb {
.release_inquiry_content .inquiry_form .gb,
.upload_single_content .inquiry_form .gb {
height: 34px;
line-height: 34px;
background-color: #FFF6E6;
......@@ -33,58 +40,71 @@
color: #EAA217;
font-size: 14px;
}
.release_inquiry_content .inquiry_form .gb .icon {
.release_inquiry_content .inquiry_form .gb .icon,
.upload_single_content .inquiry_form .gb .icon {
font-size: 15px;
margin: 0 6px 0 12px;
}
.release_inquiry_content .inquiry_form .form_content {
.release_inquiry_content .inquiry_form .form_content,
.upload_single_content .inquiry_form .form_content {
font-size: 14px;
margin: 10px 0 0 51px;
}
.release_inquiry_content .inquiry_form .form_content .form_left {
.release_inquiry_content .inquiry_form .form_content .form_left,
.upload_single_content .inquiry_form .form_content .form_left {
width: 50%;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div,
.upload_single_content .inquiry_form .form_content .form_left .input_div {
margin-top: 20px;
position: relative;
height: 40px;
line-height: 40px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div.textarea_div {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div.textarea_div,
.upload_single_content .inquiry_form .form_content .form_left .input_div.textarea_div {
margin-top: 20px;
position: relative;
height: auto;
line-height: 1;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_title {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_title,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_title {
color: #686E73;
width: 66px;
text-align: right;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .layui-input-block {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .layui-input-block,
.upload_single_content .inquiry_form .form_content .form_left .input_div .layui-input-block {
margin-left: 85px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .layui-input-block .layui-textarea {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .layui-input-block .layui-textarea,
.upload_single_content .inquiry_form .form_content .form_left .input_div .layui-input-block .layui-textarea {
min-height: 80px;
border-radius: 4px;
border: 1px solid #D8DFE6;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent {
position: absolute;
left: 85px;
right: 0;
top: 0;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radio {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radio,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radio {
margin-top: 0;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radio i:hover {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radio i:hover,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radio i:hover {
color: #0D84D1;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radioed i {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radioed i,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .layui-form-radioed i {
color: #0D84D1;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .input {
height: 40px;
border-radius: 4px;
border: 1px solid #D8DFE6;
......@@ -92,19 +112,23 @@
width: 100%;
line-height: 40px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input.price_input {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input.price_input,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .input.price_input {
padding: 0 90px 0 15px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input.day_input {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .input.day_input,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .input.day_input {
width: 139px;
padding: 0 35px 0 15px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .day {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .day,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .day {
position: relative;
color: #515559;
left: -30px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb {
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb {
position: absolute;
cursor: pointer;
right: 0;
......@@ -114,46 +138,45 @@
border-left: 1px solid #D8DFE6;
line-height: 26px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .text {
margin: 0 8px 0 15px;
font-size: 14px;
color: #515559;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .icon {
font-size: 12px;
color: #D8DFE6;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div {
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div,
.upload_single_content .inquiry_form .form_content .form_left .btn_div {
margin: 30px 0 0 90px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span {
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span,
.upload_single_content .inquiry_form .form_content .form_left .btn_div span {
width: 120px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span.cz {
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div span.cz,
.upload_single_content .inquiry_form .form_content .form_left .btn_div span.cz {
margin-left: 40px;
}
.release_inquiry_content .inquiry_form .form_content .form_right {
.release_inquiry_content .inquiry_form .form_content .form_right,
.upload_single_content .inquiry_form .form_content .form_right {
text-align: center;
margin: 20px 0 0 6.67%;
}
.release_inquiry_content .inquiry_form .form_content .form_right .sc {
.release_inquiry_content .inquiry_form .form_content .form_right .sc,
.upload_single_content .inquiry_form .form_content .form_right .sc {
height: 220px;
width: 220px;
background-color: #F5F9FC;
text-align: center;
cursor: pointer;
}
.release_inquiry_content .inquiry_form .form_content .form_right .sc div {
.release_inquiry_content .inquiry_form .form_content .form_right .sc div,
.upload_single_content .inquiry_form .form_content .form_right .sc div {
color: #ADB6BF;
font-size: 60px;
padding-top: 67px;
}
.release_inquiry_content .inquiry_form .form_content .form_right .sc p {
.release_inquiry_content .inquiry_form .form_content .form_right .sc p,
.upload_single_content .inquiry_form .form_content .form_right .sc p {
color: #8A9299;
font-size: 16px;
margin-top: 23px;
}
.release_inquiry_content .inquiry_form .form_content .form_right p {
.release_inquiry_content .inquiry_form .form_content .form_right p,
.upload_single_content .inquiry_form .form_content .form_right p {
font-size: 14px;
color: #ADB6BF;
margin-top: 17px;
......
dist/css/releaseinquiry.less
.release_inquiry_content {
.release_inquiry_content,.upload_single_content {
padding: 0 20px;
.nav_title {
......@@ -136,16 +136,16 @@
border-left: 1px solid #D8DFE6;
line-height: 26px;
.text {
margin: 0 8px 0 15px;
font-size: 14px;
color: #515559;
}
// .text {
// margin: 0 8px 0 15px;
// font-size: 14px;
// color: #515559;
// }
.icon {
font-size: 12px;
color: #D8DFE6;
}
// .icon {
// font-size: 12px;
// color: #D8DFE6;
// }
}
}
......
dist/css/uploadresult.css 0 → 100644
.upload_result_content {
padding: 0 20px;
}
.upload_result_content .nav_title {
padding: 20px 0;
}
.upload_result_content .filter_section {
height: 80px;
background-color: #fff;
font-size: 14px;
color: #686E73;
padding: 0 20px;
line-height: 80px;
}
.upload_result_content .filter_section .date_div input {
height: 40px;
border-radius: 0px 4px 4px 0px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 94px;
padding: 0 6px;
line-height: 40px;
}
.upload_result_content .filter_section .date_div .start_date_div,
.upload_result_content .filter_section .date_div .end_date_div {
margin-top: 20px;
}
.upload_result_content .filter_section .date_div .icon_div {
width: 34px;
background-color: #E6ECF2;
border-radius: 4px 0px 0px 4px;
color: #B6BFC7;
font-size: 20px;
text-align: center;
height: 40px;
line-height: 40px;
}
.upload_result_content .filter_section .heng {
margin: 0 5px;
height: 2px;
width: 12px;
background-color: #D8D8D8;
margin-top: 39px;
}
.upload_result_content .filter_section .btn_div {
margin-left: 30px;
}
.upload_result_content .filter_section .btn_div a {
width: 120px;
}
.upload_result_content .result_data .data_list {
margin-top: 10px;
}
.upload_result_content .result_data .data_list .data_item {
height: 60px;
background-color: #fff;
margin-top: 10px;
padding: 0 30px;
color: #515559;
font-size: 14px;
line-height: 60px;
position: relative;
}
.upload_result_content .result_data .data_list .data_item .data_detail {
position: absolute;
top: 0;
left: 20px;
right: 88px;
bottom: 0;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div {
padding-right: 10px;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div.text {
width: 40%;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div.text .sort {
margin-right: 15px;
color: #ADB6BF;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div.text .num {
color: #61A0F2;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div.time {
width: 40%;
color: #ADB6BF;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div.status {
width: 20%;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div.status span {
height: 10px;
width: 10px;
border-radius: 50% 50%;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div.status.cg span {
background-color: #0D84D1;
}
.upload_result_content .result_data .data_list .data_item .data_detail > div.status.sb span {
background-color: #EA1717;
}
.upload_result_content .result_data .data_list .data_item .ck {
color: #0D84D1;
cursor: pointer;
}
.upload_result_content .result_data .data_list .data_item .ck:hover {
color: #0D84D1;
}
dist/css/uploadresult.less 0 → 100644
.upload_result_content {
padding: 0 20px;
.nav_title {
padding: 20px 0;
}
.filter_section {
height: 80px;
background-color: #fff;
font-size: 14px;
color: #686E73;
padding: 0 20px;
line-height: 80px;
.date_div {
input {
height: 40px;
border-radius: 0px 4px 4px 0px;
border: 1px solid #D8DFE6;
padding: 0 15px;
width: 94px;
padding: 0 6px;
line-height: 40px;
}
.start_date_div,
.end_date_div {
margin-top: 20px;
}
.icon_div {
width: 34px;
background-color: #E6ECF2;
border-radius: 4px 0px 0px 4px;
color: #B6BFC7;
font-size: 20px;
text-align: center;
height: 40px;
line-height: 40px;
}
}
.heng {
margin: 0 5px;
height: 2px;
width: 12px;
background-color: #D8D8D8;
margin-top: 39px;
}
.btn_div {
margin-left: 30px;
a {
width: 120px;
}
}
}
.result_data {
.data_list {
margin-top: 10px;
.data_item {
height: 60px;
background-color: #fff;
margin-top: 10px;
padding: 0 30px;
color: #515559;
font-size: 14px;
line-height: 60px;
position: relative;
.data_detail {
position: absolute;
top: 0;
left: 20px;
right: 88px;
bottom: 0;
&>div {
padding-right: 10px;
&.text {
width: 40%;
.sort {
margin-right: 15px;
color: #ADB6BF;
}
.num {
color: #61A0F2;
}
}
&.time {
width: 40%;
color: #ADB6BF;
}
&.status {
width: 20%;
span {
height: 10px;
width: 10px;
border-radius: 50% 50%;
}
&.cg {
span {
background-color: #0D84D1;
}
}
&.sb {
span {
background-color: #EA1717;
}
}
}
}
}
.ck {
color: #0D84D1;
cursor: pointer;
&:hover {
color: #0D84D1;
}
}
}
}
}
}
\ No newline at end of file
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