add good page and good list page and my good page

This commit is contained in:
Leo Liu
2016-09-05 19:44:43 +08:00
committed by onionwyl
parent 291c46570e
commit 67fcb7003e
11 changed files with 471 additions and 51 deletions
+1 -1
View File
@@ -22,4 +22,4 @@ MAIL_HOST=mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_ENCRYPTION=null
+5
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -1746,7 +1746,7 @@ legend {
margin-left: -0.1875rem; }
select {
height: 2.4375rem;
/*height: 2.4375rem;*/
padding: 0.5rem;
border: 1px solid #cacaca;
margin: 0 0 1rem;
+17
View File
@@ -0,0 +1,17 @@
/*addpage.style*/
.page-content .row{
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.page-content{
font-family: "微软雅黑 Light";
font-size: 100%;
}
.page-content label{
font-family: "微软雅黑 Light";
font-size: 100%;
}
.form-control{
margin-bottom: 0;
}
+7
View File
File diff suppressed because one or more lines are too long
+2
View File
File diff suppressed because one or more lines are too long
+106 -27
View File
@@ -1,36 +1,115 @@
@include('includes.head')
<title>添加出售 - 先锋市场</title>
@include('includes.good')
<title>添加出售 - 先锋市场</title>
</head>
<body>
@include('layout.header')
<div class="page-content">
<form action="/good/add" method="POST">
<input type="text" name="good_name" placeholder="商品名称"/>
<select name="cat_id">
@foreach($cats as $cat)
<option value="{{$cat->id}}">{{$cat->cat_name}}</option>
<form class="form-horizontal" action="/good/add" method="POST">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="form-group ">
<label class="col-sm-2 control-label">商品名称:</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="商品名称" name="good_name">
</div>
</div>
<div class="form-group ">
<label class="col-sm-2 control-label">商品分类:</label>
<div class="col-sm-10">
<select name="cat_id" style="margin: 0;">
@foreach($cats as $cat)
<option value="{{$cat->id}}">{{$cat->cat_name}}</option>
@endforeach
</select>
</div>
</div>
<div class="form-group ">
<label class="col-sm-2 control-label">商品描述:</label>
<div class="col-sm-10">
<textarea style="margin: 0;" name="description" placeholder="商品描述(此处应支持HTML)"></textarea>
</div>
</div>
<div class="form-group ">
<label class="col-sm-2 control-label">最低价格:</label>
<div class="col-sm-10">
<input type="number" class="form-control" placeholder="最低价格" name="pricemin">
</div>
</div>
<div class="form-group ">
<label class="col-sm-2 control-label">最高价格:</label>
<div class="col-sm-10">
<input type="number" class="form-control" placeholder="最高价格" name="pricemax">
</div>
</div>
<div class="form-group ">
<label class="col-sm-2 control-label">商品类型:</label>
<div class="col-sm-10">
<select class="form-control" name="type" style="margin: 0;">
<option value="0">普通商品</option>
<option value="1">拍卖商品</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">商品数量:</label>
<div class="col-sm-10">
<input type="number" class="form-control" placeholder="库存" name="counts">
</div>
</div>
<div class="form-group ">
<label class="col-sm-2 control-label">商品标签:</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="TAG" name="good_tag">
</div>
</div>
<div class="form-group ">
<label for="goodTitleUpload" class="col-md-2 col-sm-offset-5 button">上传封面</label>
<div class="col-sm-10">
<input type="file" id="goodTitleUpload" class="show-for-sr" name="goodTitlePic" style="margin: 0;" onchange="preview(this)">
{!! csrf_field() !!}
</div>
</div>
<div class="form-group ">
<label class="col-sm-2 control-label">封面预览:</label>
<div class="col-sm-10">
<div id="preview" style="max-width: 50%;margin-left: 25%"></div>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 col-sm-offset-4">
<input type="submit" class=" button" value="确认添加" style="margin: 0;"/>
</div>
<div class="col-sm-4">
<a href="/good" class="button">返回商品列表</a>
</div>
</div>
</div>
</div>
</form>
@if(count($errors) > 0)
@foreach($errors as $error)
{{$error}}
@endforeach
</select>
<textarea name="description" placeholder="商品描述(此处应支持HTML)"></textarea>
<input type="number" name="pricemin" placeholder="最低价格"/>
<input type="number" name="pricemax" placeholder="最高价格"/>
<select name="type">
<option value="0">普通商品</option>
<option value="1">拍卖商品</option>
</select>
<input type="number" name="counts" placeholder="库存"/>
<input type="text" name="good_tag" placeholder="TAG"/>
<label for="goodTitleUpload" class="button">上传封面</label>
<input type="file" id="goodTitleUpload" class="show-for-sr" name="goodTitlePic"/><br/>
{!! csrf_field() !!}
<input type="submit" class="button" value="添加"/>
</form>
@if(count($errors) > 0)
@foreach($errors as $error)
{{$error}}
@endforeach
@endif
<a href='/good'>商品列表</a>
@endif
</div>
<script type="text/javascript">
function preview(file)
{
var prevDiv = document.getElementById('preview');
if (file.files && file.files[0])
{
var reader = new FileReader();
reader.onload = function(evt){
prevDiv.innerHTML = '<img src="' + evt.target.result + '" />';
}
reader.readAsDataURL(file.files[0]);
}
else
{
prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>';
}
}
</script>
@include('layout.footer')
@include('includes.foot')
+160 -16
View File
@@ -1,25 +1,169 @@
@include('includes.head')
@include('includes.good')
<title>先锋市场</title>
</head>
<body>
@include('layout.header')
<script language="javascript" type="text/javascript">
function test(Names) {
if(Names=="mune_x0")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
}else if(Names=="mune_x1")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
}else if(Names=="mune_x2")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
}else if(Names=="mune_x3")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
} else if(Names=="mune_x4")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
}
}
</script>
<div class="page-content">
<ul>
@foreach($cats as $cat)
<li>{{ $cat->cat_name }}</li>
@endforeach
</ul>
<br/>
@foreach($goods as $good)
<div class="cat{{ $good->cat_id }}"><a href="/good/{{ $good->id }}">{{ $good->good_name }}</a></div>
@endforeach
<br/>
<br/>
<br/>
@if($user_id != NULL)
<a href='/good/add'>Add</a>
<a href='/good/mygood'>my good</a>
@endif
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="form-group">
<label class="col-sm-2 control-label">选择分类:</label>
<div class="col-sm-10">
<select size="1" name="D1" onChange="javascript:test('mune_x'+this.value)">
<option value="0" selected="selected">全部显示</option>
<option value="1" >我是分类1</option>
<option value="2">我是分类2</option>
<option value="3">我是分类4</option>
<option value="4">我是滑稽</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">商品列表</label>
<table class="table table-striped">
<tr>
<td>#</td>
<td>商品名称</td>
<td>最低价格</td>
<td>最高价格</td>
</tr>
@foreach($goods as $good)
<tr class="cat{{ $good->cat_id }}">
<td>{{$good->id}}</td>
<td>{{ $good->good_name }}</td>
<td>{{ $good->pricemin }}</td>
<td>{{ $good->pricemax }}</td>
</tr>
@endforeach
</table>
</div>
<div class="form-group">
<div class="col-sm-3 col-sm-offset-3">
<a href="/good/add" class="button">添加商品</a>
</div>
<div class="col-sm-4">
<a href="/good/mygood" class="button">我的商品</a>
</div>
</div>
</div>
</div>
</div>
@include('layout.footer')
@include('includes.foot')
+167 -5
View File
@@ -1,5 +1,167 @@
<ul>
@foreach($mygoods as $mygood)
<div class="cat{{ $mygood->cat_id }}"><a href="/good/{{ $mygood->id }}">{{ $mygood->good_name }}</a></div>
@endforeach
</ul>
@include('includes.head')
@include('includes.good')
<title>我的商品</title>
</head>
<body>
@include('layout.header')
<script language="javascript" type="text/javascript">
function test(Names) {
if(Names=="mune_x0")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
}else if(Names=="mune_x1")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
}else if(Names=="mune_x2")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
}else if(Names=="mune_x3")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
} else if(Names=="mune_x4")
{
var Nnews = document.querySelectorAll(".cat1")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat2")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat3")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = 'none';
}
var Nnews = document.querySelectorAll(".cat4")
for (var i = 0, len = Nnews.length; i < len; i++) {
var Nnew = Nnews.item(i);
Nnew.style.display = '';
}
}
}
</script>
<div class="page-content">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="form-group">
<label class="col-sm-2 control-label">选择分类:</label>
<div class="col-sm-10">
<select size="1" name="D1" onChange="javascript:test('mune_x'+this.value)">
<option value="0" selected="selected">全部显示</option>
<option value="1" >我是分类1</option>
<option value="2">我是分类2</option>
<option value="3">我是分类4</option>
<option value="4">我是滑稽</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">商品列表</label>
<table class="table table-striped">
<tr>
<td>#</td>
<td>商品名称</td>
<td>最低价格</td>
<td>最高价格</td>
</tr>
@foreach($mygoods as $mygood)
<tr class="cat{{ $mygood->cat_id }}">
<td>{{$mygood->id}}</td>
<td>{{ $mygood->good_name }}</td>
<td>{{ $mygood->pricemin }}</td>
<td>{{ $mygood->pricemax }}</td>
</tr>
@endforeach
</table>
</div>
<div class="form-group">
<div class="col-sm-3 col-sm-offset-5">
<a href="/good/add" class="button">添加商品</a>
</div>
</div>
</div>
</div>
</div>
@include('layout.footer')
@include('includes.foot')
+4
View File
@@ -0,0 +1,4 @@
<link rel="stylesheet" href="/css/good.css">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/jquery-1.8.3.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
+1 -1
View File
@@ -3,6 +3,6 @@
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/foundation.css">
<link rel="stylesheet" href="/css/app.css">