Commit 1d8a2e16 by 施宇

111111

parent fb94d464
......@@ -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
......@@ -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()
......
<!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
......@@ -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'
})
......
<!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
......@@ -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 ">
......
......@@ -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">
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
.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;
}
.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
......@@ -372,6 +372,9 @@ body {
width: calc(20% - 20px);
}
}
.nohover:hover {
color: #fff;
}
.btn {
border-radius: 4px;
box-sizing: border-box;
......
......@@ -408,6 +408,9 @@ body {
}
.nohover:hover{
color:#fff
}
// 按钮公共样式
.btn{
border-radius: 4px;
......
.inquiry_content {
.inquiry_content,.quote_content {
padding: 0 20px;
.nav_title {
......
.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;
......
.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;
......
.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;
// }
}
}
......
.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;
}
.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