景龙 / electric · 提交

转到一个项目

作者 jinglong
提交 c2786d8f738d0f5dc6ba226369bfbd0615cbb770 1 个父辈 d18d87c1
1 个管道 的构建 通过 耗费 6 秒

增加系列图片，放大图片

内嵌 并排对比
正在显示 4 个修改的文件 包含 116 行增加 和 8 行删除
... ... @@ -155,7 +155,7 @@ class SeriesController extends RestBaseController
* @param name:series_id type:inter require:1 default: other desc:产品系列id
*
* @return data:产品系列列表@
* @data id:产品系列id thumbnail:图片路径 title:系列名称 detail:详情（富文本） hotline:电话咨询
* @data id:产品系列id thumbnail:列表图片路径（不使用了） thumbnail1:详情图片路径 thumbnail2:详情放大图片路径 title:系列名称 detail:详情（富文本） hotline:电话咨询
*
* @return parent_name:一级分类名称
*/
... ... @@ -170,11 +170,11 @@ class SeriesController extends RestBaseController
}
if(isset($language) && !empty($language)){
//英文
$field_series = 'id,t_id,thumbnail,title_en title,detail_en detail,hotline';
$field_series = 'id,t_id,thumbnail,thumbnail1,thumbnail2,title_en title,detail_en detail,hotline';
$flag = 'name_en name';
}else{
//中文
$field_series = 'id,t_id,thumbnail,title,detail,hotline';
$field_series = 'id,t_id,thumbnail,thumbnail1,thumbnail2,title,detail,hotline';
$flag = 'name';
}
$res = CommonController::findData('series',['id'=>$series_id],$field_series);
... ...
... ... @@ -17,7 +17,9 @@ class AdminSeriesValidate extends Validate
protected $rule = [
'title' => 'require|max:80',
'title_en' => 'require|max:80',
'thumbnail' => 'require|max:100',
'thumbnail' => 'require',
'thumbnail1' => 'require',
'thumbnail2' => 'require',
'hotline' => 'require',
'detail' => 'require',
'detail_en' => 'require',
... ... @@ -28,13 +30,15 @@ class AdminSeriesValidate extends Validate
'title.max' => '标题不能超多80个字符',
'title_en.require' => '标题（英文）不能为空',
'title_en.max' => '标题（英文）不能超多80个字符',
'thumbnail.require' => '请上传缩略图',
'thumbnail.require' => '请上传列表图',
'thumbnail1.require' => '请上传详情图',
'thumbnail2.require' => '请上传详情放大图',
'hotline.require' => '电话咨询不能为空',
'detail.require' => '详情不能为空',
'detail_en.require' => '详情（英文）不能为空',
];
protected $scene = [
'edit' => ['title','title_en','thumbnail','hotline','detail','detail_en'],
'edit' => ['title','title_en','thumbnail','thumbnail1','thumbnail2','hotline','detail','detail_en'],
];
}
\ No newline at end of file
... ...
... ... @@ -85,7 +85,7 @@
<div class="col-md-3">
<table class="table table-bordered">
<tr>
<th><b>缩略图</b><span class="form-required">*</span></th>
<th><b>列表图</b><span class="form-required">*</span></th>
</tr>
<tr>
<td>
... ... @@ -101,6 +101,44 @@
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<th><b>详情图</b><span class="form-required">*</span></th>
</tr>
<tr>
<td>
<div style="text-align: center;">
<input type="hidden" name="thumbnail1" id="thumbnail1" value="">
<a href="javascript:uploadOneImage('图片上传','#thumbnail1');">
<img src="__TMPL__/public/assets/images/default-thumbnail.png"
id="thumbnail1-preview"
width="135" style="cursor: pointer"/>
</a>
<input type="button" class="btn btn-sm btn-cancel-thumbnail1" value="取消图片">
</div>
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<th><b>详情放大图</b><span class="form-required">*</span></th>
</tr>
<tr>
<td>
<div style="text-align: center;">
<input type="hidden" name="thumbnail2" id="thumbnail2" value="">
<a href="javascript:uploadOneImage('图片上传','#thumbnail2');">
<img src="__TMPL__/public/assets/images/default-thumbnail.png"
id="thumbnail2-preview"
width="135" style="cursor: pointer"/>
</a>
<input type="button" class="btn btn-sm btn-cancel-thumbnail2" value="取消图片">
</div>
</td>
</tr>
</table>
</div>
</div>
</form>
... ... @@ -134,6 +172,18 @@
$('#thumbnail').val('');
});
//详情图
$('.btn-cancel-thumbnail1').click(function () {
$('#thumbnail1-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
$('#thumbnail1').val('');
});
//详情放大图
$('.btn-cancel-thumbnail2').click(function () {
$('#thumbnail2-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
$('#thumbnail2').val('');
});
});
function doSelectCategory() {
... ...
... ... @@ -80,7 +80,7 @@
<div class="col-md-3">
<table class="table table-bordered">
<tr>
<th>缩略图<span class="form-required">*</span></th>
<th>列表图<span class="form-required">*</span></th>
</tr>
<tr>
<td>
... ... @@ -98,6 +98,48 @@
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<th>详情图<span class="form-required">*</span></th>
</tr>
<tr>
<td>
<div style="text-align: center;">
<input type="hidden" name="thumbnail1" id="thumbnail1" value="{$post.thumbnail1|default=''}">
<a href="javascript:uploadOneImage('图片上传','#thumbnail1');">
<if condition="empty($post.thumbnail1)">
<img src="__TMPL__/public/assets/images/default-thumbnail.png" id="thumbnail1-preview" width="135" style="cursor: pointer"/>
<else/>
<img src="{:cmf_get_image_preview_url($post.thumbnail1)}" id="thumbnail1-preview" width="135" style="cursor: pointer"/>
</if>
</a>
<input type="button" class="btn btn-sm btn-cancel-thumbnail1" value="取消图片">
</div>
</td>
</tr>
</table>
<table class="table table-bordered">
<tr>
<th>详情放大图<span class="form-required">*</span></th>
</tr>
<tr>
<td>
<div style="text-align: center;">
<input type="hidden" name="thumbnail2" id="thumbnail2" value="{$post.thumbnail2|default=''}">
<a href="javascript:uploadOneImage('图片上传','#thumbnail2');">
<if condition="empty($post.thumbnail2)">
<img src="__TMPL__/public/assets/images/default-thumbnail.png" id="thumbnail2-preview" width="135" style="cursor: pointer"/>
<else/>
<img src="{:cmf_get_image_preview_url($post.thumbnail2)}" id="thumbnail2-preview" width="135" style="cursor: pointer"/>
</if>
</a>
<input type="button" class="btn btn-sm btn-cancel-thumbnail2" value="取消图片">
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="form-group">
... ... @@ -136,6 +178,18 @@
$('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
$('#thumbnail').val('');
});
//详情图
$('.btn-cancel-thumbnail1').click(function () {
$('#thumbnail1-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
$('#thumbnail1').val('');
});
//详情放大图
$('.btn-cancel-thumbnail2').click(function () {
$('#thumbnail2-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
$('#thumbnail2').val('');
});
});
function doSelectCategory() {
... ...