console
<?php
/**
* TTSHOP新零售电子商务管理系统
* @link https://www.oeob.net/
* @Copyright (c) 2020 天天向上(北京)网络科技有限公司
* @author Liu Xue Qin
* Date: 2020/6/10
* Time: 20:02
*/
defined('YII_ENV') or exit('Access Denied');
$urlManager = Yii::$app->urlManager;
use yii\widgets\LinkPager;
$this->title = '短视频添加';
$this->params['active_nav_group'] = 9;
$urlStr = get_plugin_url();
$statics = Yii::$app->request->baseUrl . '/statics';
if ($list['mch_id'] <= 0) {
$returnUrl = $urlManager->createUrl([$urlStr . '/short-video-list']);
} else {
$returnUrl = $urlManager->createUrl([$urlStr . '/short-video-examine']);
}
?>
<style>
.container_video_split{
height: 8px;
background: gainsboro;
}
.container_video{
margin-top: 32px;
}
.container_video_all{
}
</style>
<div class="panel mb-3" id="app">
<div class="panel-header"><?= $this->title ?></div>
<div class="panel-body">
<form class="auto-form" method="post"
return="<?= $returnUrl ?>">
<div class="form-group row">
<div class="col-sm-6">
<a class="btn btn-primary auto-form-btn" href="javascript:">保存</a>
</div>
</div>
<div class="container_video_all">
<div class="container_video">
<div class="form-group row">
<div class="form-group-label col-sm-3 text-right">
<label class="col-form-label required addlabel">用户列表</label>
</div>
<div class="col-sm-9">
<select v-model="selectedUserId">
<option value="">请选择用户</option>
<option v-for="option in filteredOptions" :key="option.id" :value="option.id">
{{ option.username }}
</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">标题</label>
</div>
<div class="col-sm-4">
<input class="form-control" type="text" name="model[title1]" value="<?= $list['title'] ?>">
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label addlabel">视频链接</label>
</div>
<div class="col-sm-4">
<div class="video-picker" data-url="<?= $urlManager->createUrl(['upload/video']) ?>">
<div class="input-group">
<input class="video-picker-input video form-control" name="model[video_url1]"
value="<?= $list['video_url'] ?>" placeholder="请输入视频源地址或者选择上传视频">
<a href="javascript:" class="btn btn-secondary video-picker-btn diflex">选择视频</a>
</div>
<a class="video-check" href="<?= $list['video_url'] ? $list['video_url'] : "javascript:" ?>"
target="_blank">视频预览</a>
<div class="video-preview"></div>
<div><span>支持格式mp4;支持编码H.264;视频大小不能超过<?= \app\models\UploadForm::getMaxUploadSize() ?>
M</span></div>
<div class="form-error text-danger" style="display: none"></div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">封面图</label>
</div>
<div class="col-sm-4">
<div class="upload-group">
<div class="input-group">
<input class="form-control file-input" name="model[pic_url1]"
value="<?= $list['pic_url'] ?>">
<span class="input-group-btn">
<a class="btn btn-secondary upload-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="上传文件">
<span class="iconfont icon-cloudupload"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary select-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="从文件库选择">
<span class="iconfont icon-viewmodule"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary delete-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="删除文件">
<span class="iconfont icon-close"></span>
</a>
</span>
</div>
<div class="upload-preview text-center upload-preview">
<span class="upload-preview-tip">750×400</span>
<img class="upload-preview-img" src="<?= $list['pic_url'] ?>">
</div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label">详情介绍</label>
</div>
<div class="col-sm-4">
<div>
<textarea rows="5" class="form-control" name="model[desc1]"><?= $list['desc'] ?></textarea>
</div>
<div class="text-right"><span class="num">0</span>/100</div>
<div class="form-errors text-danger" style="display: none"></div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<button type="button" data-title="选择商品"
data-url="<?= $urlManager->createUrl([$urlStr . '/goods-search']) ?>"
class="btn btn-success my_insert_goods1">选择商品
</button>
</div>
<div class="col-sm-6">
<table class="table table-bordered table-hover nohandle tableed">
<thead class="thead-light">
<tr>
<th>商品图片</th>
<th>商品名称</th>
<th>商品价格</th>
<th>操作</th>
</tr>
</thead>
<tbody v-if="select_goods_list1 && goods_is_show1">
<tr v-for="(select_goods,index) in select_goods_list1" v-if="select_goods.checked">
<td>
<img v-bind:src="select_goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{select_goods.name}}</td>
<td>{{select_goods.price}}</td>
<input type="hidden" name="goods_id1[]" :value="select_goods.id">
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del1" :ind="index">删除</a>
</td>
</tr>
</tbody>
<tbody v-if="goods_list_check1">
<tr v-for="(goods,index) in goods_list_check1">
<input type="hidden" name="goods_id1[]" :value="goods.id">
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del1" :ind="index">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="container_video_split"></div>
<div class="container_video">
<div class="form-group row">
<div class="form-group-label col-sm-3 text-right">
<label class="col-form-label required addlabel">用户列表</label>
</div>
<div class="col-sm-9">
<select class="form-control" name="model[user_id2]">
<?php foreach ($user_list as $item) : ?>
<option value="<?= $item->id ?>"><?= $item->username ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">标题</label>
</div>
<div class="col-sm-4">
<input class="form-control" type="text" name="model[title2]" value="<?= $list['title'] ?>">
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label addlabel">视频链接</label>
</div>
<div class="col-sm-4">
<div class="video-picker" data-url="<?= $urlManager->createUrl(['upload/video']) ?>">
<div class="input-group">
<input class="video-picker-input video form-control" name="model[video_url2]"
value="<?= $list['video_url'] ?>" placeholder="请输入视频源地址或者选择上传视频">
<a href="javascript:" class="btn btn-secondary video-picker-btn diflex">选择视频</a>
</div>
<a class="video-check" href="<?= $list['video_url'] ? $list['video_url'] : "javascript:" ?>"
target="_blank">视频预览</a>
<div class="video-preview"></div>
<div><span>支持格式mp4;支持编码H.264;视频大小不能超过<?= \app\models\UploadForm::getMaxUploadSize() ?>
M</span></div>
<div class="form-error text-danger" style="display: none"></div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">封面图</label>
</div>
<div class="col-sm-4">
<div class="upload-group">
<div class="input-group">
<input class="form-control file-input" name="model[pic_url2]"
value="<?= $list['pic_url'] ?>">
<span class="input-group-btn">
<a class="btn btn-secondary upload-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="上传文件">
<span class="iconfont icon-cloudupload"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary select-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="从文件库选择">
<span class="iconfont icon-viewmodule"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary delete-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="删除文件">
<span class="iconfont icon-close"></span>
</a>
</span>
</div>
<div class="upload-preview text-center upload-preview">
<span class="upload-preview-tip">750×400</span>
<img class="upload-preview-img" src="<?= $list['pic_url'] ?>">
</div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label">详情介绍</label>
</div>
<div class="col-sm-4">
<div>
<textarea rows="5" class="form-control" name="model[desc2]"><?= $list['desc'] ?></textarea>
</div>
<div class="text-right"><span class="num">0</span>/100</div>
<div class="form-errors text-danger" style="display: none"></div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<button type="button" data-title="选择商品"
data-url="<?= $urlManager->createUrl([$urlStr . '/goods-search']) ?>"
class="btn btn-success my_insert_goods2">选择商品
</button>
</div>
<div class="col-sm-6">
<table class="table table-bordered table-hover nohandle tableed">
<thead class="thead-light">
<tr>
<th>商品图片</th>
<th>商品名称</th>
<th>商品价格</th>
<th>操作</th>
</tr>
</thead>
<tbody v-if="select_goods_list2 && goods_is_show2">
<tr v-for="(select_goods,index) in select_goods_list2" v-if="select_goods.checked">
<td>
<img v-bind:src="select_goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{select_goods.name}}</td>
<td>{{select_goods.price}}</td>
<input type="hidden" name="goods_id2[]" :value="select_goods.id">
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del2" :ind="index">删除</a>
</td>
</tr>
</tbody>
<tbody v-if="goods_list_check2">
<tr v-for="(goods,index) in goods_list_check2">
<input type="hidden" name="goods_id2[]" :value="goods.id">
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del2" :ind="index">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="container_video_split"></div>
<div class="container_video_all">
<div class="container_video">
<div class="form-group row">
<div class="form-group-label col-sm-3 text-right">
<label class="col-form-label required addlabel">用户列表</label>
</div>
<div class="col-sm-9">
<select class="form-control" name="model[user_id3[">
<?php foreach ($user_list as $item) : ?>
<option value="<?= $item->id ?>"><?= $item->username ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">标题</label>
</div>
<div class="col-sm-4">
<input class="form-control" type="text" name="model[title3]" value="<?= $list['title'] ?>">
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label addlabel">视频链接</label>
</div>
<div class="col-sm-4">
<div class="video-picker" data-url="<?= $urlManager->createUrl(['upload/video']) ?>">
<div class="input-group">
<input class="video-picker-input video form-control" name="model[video_url3]"
value="<?= $list['video_url'] ?>" placeholder="请输入视频源地址或者选择上传视频">
<a href="javascript:" class="btn btn-secondary video-picker-btn diflex">选择视频</a>
</div>
<a class="video-check" href="<?= $list['video_url'] ? $list['video_url'] : "javascript:" ?>"
target="_blank">视频预览</a>
<div class="video-preview"></div>
<div><span>支持格式mp4;支持编码H.264;视频大小不能超过<?= \app\models\UploadForm::getMaxUploadSize() ?>
M</span></div>
<div class="form-error text-danger" style="display: none"></div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">封面图</label>
</div>
<div class="col-sm-4">
<div class="upload-group">
<div class="input-group">
<input class="form-control file-input" name="model[pic_url3]"
value="<?= $list['pic_url'] ?>">
<span class="input-group-btn">
<a class="btn btn-secondary upload-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="上传文件">
<span class="iconfont icon-cloudupload"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary select-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="从文件库选择">
<span class="iconfont icon-viewmodule"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary delete-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="删除文件">
<span class="iconfont icon-close"></span>
</a>
</span>
</div>
<div class="upload-preview text-center upload-preview">
<span class="upload-preview-tip">750×400</span>
<img class="upload-preview-img" src="<?= $list['pic_url'] ?>">
</div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label">详情介绍</label>
</div>
<div class="col-sm-4">
<div>
<textarea rows="5" class="form-control" name="model[desc3]"><?= $list['desc'] ?></textarea>
</div>
<div class="text-right"><span class="num">0</span>/100</div>
<div class="form-errors text-danger" style="display: none"></div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<button type="button" data-title="选择商品"
data-url="<?= $urlManager->createUrl([$urlStr . '/goods-search']) ?>"
class="btn btn-success my_insert_goods3">选择商品
</button>
</div>
<div class="col-sm-6">
<table class="table table-bordered table-hover nohandle tableed">
<thead class="thead-light">
<tr>
<th>商品图片</th>
<th>商品名称</th>
<th>商品价格</th>
<th>操作</th>
</tr>
</thead>
<tbody v-if="select_goods_list3 && goods_is_show3">
<tr v-for="(select_goods,index) in select_goods_list3" v-if="select_goods.checked">
<td>
<img v-bind:src="select_goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{select_goods.name}}</td>
<td>{{select_goods.price}}</td>
<input type="hidden" name="goods_id3[]" :value="select_goods.id">
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del3" :ind="index">删除</a>
</td>
</tr>
</tbody>
<tbody v-if="goods_list_check3">
<tr v-for="(goods,index) in goods_list_check3">
<input type="hidden" name="goods_id3[]" :value="goods.id">
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del3" :ind="index">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="container_video_split"></div>
<div class="container_video">
<div class="form-group row">
<div class="form-group-label col-sm-3 text-right">
<label class="col-form-label required addlabel">用户列表</label>
</div>
<div class="col-sm-9">
<select class="form-control" name="model[user_id4]">
<?php foreach ($user_list as $item) : ?>
<option value="<?= $item->id ?>"><?= $item->username ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">标题</label>
</div>
<div class="col-sm-4">
<input class="form-control" type="text" name="model[title4]" value="<?= $list['title'] ?>">
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label addlabel">视频链接</label>
</div>
<div class="col-sm-4">
<div class="video-picker" data-url="<?= $urlManager->createUrl(['upload/video']) ?>">
<div class="input-group">
<input class="video-picker-input video form-control" name="model[video_url4]"
value="<?= $list['video_url'] ?>" placeholder="请输入视频源地址或者选择上传视频">
<a href="javascript:" class="btn btn-secondary video-picker-btn diflex">选择视频</a>
</div>
<a class="video-check" href="<?= $list['video_url'] ? $list['video_url'] : "javascript:" ?>"
target="_blank">视频预览</a>
<div class="video-preview"></div>
<div><span>支持格式mp4;支持编码H.264;视频大小不能超过<?= \app\models\UploadForm::getMaxUploadSize() ?>
M</span></div>
<div class="form-error text-danger" style="display: none"></div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">封面图</label>
</div>
<div class="col-sm-4">
<div class="upload-group">
<div class="input-group">
<input class="form-control file-input" name="model[pic_url4]"
value="<?= $list['pic_url'] ?>">
<span class="input-group-btn">
<a class="btn btn-secondary upload-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="上传文件">
<span class="iconfont icon-cloudupload"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary select-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="从文件库选择">
<span class="iconfont icon-viewmodule"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary delete-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="删除文件">
<span class="iconfont icon-close"></span>
</a>
</span>
</div>
<div class="upload-preview text-center upload-preview">
<span class="upload-preview-tip">750×400</span>
<img class="upload-preview-img" src="<?= $list['pic_url'] ?>">
</div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label">详情介绍</label>
</div>
<div class="col-sm-4">
<div>
<textarea rows="5" class="form-control" name="model[desc4]"><?= $list['desc'] ?></textarea>
</div>
<div class="text-right"><span class="num">0</span>/100</div>
<div class="form-errors text-danger" style="display: none"></div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<button type="button" data-title="选择商品"
data-url="<?= $urlManager->createUrl([$urlStr . '/goods-search']) ?>"
class="btn btn-success my_insert_goods4">选择商品
</button>
</div>
<div class="col-sm-6">
<table class="table table-bordered table-hover nohandle tableed">
<thead class="thead-light">
<tr>
<th>商品图片</th>
<th>商品名称</th>
<th>商品价格</th>
<th>操作</th>
</tr>
</thead>
<tbody v-if="select_goods_list4 && goods_is_show4">
<tr v-for="(select_goods,index) in select_goods_list4" v-if="select_goods.checked">
<td>
<img v-bind:src="select_goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{select_goods.name}}</td>
<td>{{select_goods.price}}</td>
<input type="hidden" name="goods_id4[]" :value="select_goods.id">
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del4" :ind="index">删除</a>
</td>
</tr>
</tbody>
<tbody v-if="goods_list_check4">
<tr v-for="(goods,index) in goods_list_check4">
<input type="hidden" name="goods_id4[]" :value="goods.id">
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del4" :ind="index">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="container_video_split"></div>
<div class="container_video_all">
<div class="container_video">
<div class="form-group row">
<div class="form-group-label col-sm-3 text-right">
<label class="col-form-label required addlabel">用户列表</label>
</div>
<div class="col-sm-9">
<select class="form-control" name="model[user_id5]">
<?php foreach ($user_list as $item) : ?>
<option value="<?= $item->id ?>"><?= $item->username ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">标题</label>
</div>
<div class="col-sm-4">
<input class="form-control" type="text" name="model[title5]" value="<?= $list['title'] ?>">
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label addlabel">视频链接</label>
</div>
<div class="col-sm-4">
<div class="video-picker" data-url="<?= $urlManager->createUrl(['upload/video']) ?>">
<div class="input-group">
<input class="video-picker-input video form-control" name="model[video_url5]"
value="<?= $list['video_url'] ?>" placeholder="请输入视频源地址或者选择上传视频">
<a href="javascript:" class="btn btn-secondary video-picker-btn diflex">选择视频</a>
</div>
<a class="video-check" href="<?= $list['video_url'] ? $list['video_url'] : "javascript:" ?>"
target="_blank">视频预览</a>
<div class="video-preview"></div>
<div><span>支持格式mp4;支持编码H.264;视频大小不能超过<?= \app\models\UploadForm::getMaxUploadSize() ?>
M</span></div>
<div class="form-error text-danger" style="display: none"></div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">封面图</label>
</div>
<div class="col-sm-4">
<div class="upload-group">
<div class="input-group">
<input class="form-control file-input" name="model[pic_url5]"
value="<?= $list['pic_url'] ?>">
<span class="input-group-btn">
<a class="btn btn-secondary upload-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="上传文件">
<span class="iconfont icon-cloudupload"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary select-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="从文件库选择">
<span class="iconfont icon-viewmodule"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary delete-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="删除文件">
<span class="iconfont icon-close"></span>
</a>
</span>
</div>
<div class="upload-preview text-center upload-preview">
<span class="upload-preview-tip">750×400</span>
<img class="upload-preview-img" src="<?= $list['pic_url'] ?>">
</div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label">详情介绍</label>
</div>
<div class="col-sm-4">
<div>
<textarea rows="5" class="form-control" name="model[desc5]"><?= $list['desc'] ?></textarea>
</div>
<div class="text-right"><span class="num">0</span>/100</div>
<div class="form-errors text-danger" style="display: none"></div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<button type="button" data-title="选择商品"
data-url="<?= $urlManager->createUrl([$urlStr . '/goods-search']) ?>"
class="btn btn-success my_insert_goods5">选择商品
</button>
</div>
<div class="col-sm-6">
<table class="table table-bordered table-hover nohandle tableed">
<thead class="thead-light">
<tr>
<th>商品图片</th>
<th>商品名称</th>
<th>商品价格</th>
<th>操作</th>
</tr>
</thead>
<tbody v-if="select_goods_list5 && goods_is_show5">
<tr v-for="(select_goods,index) in select_goods_list5" v-if="select_goods.checked">
<td>
<img v-bind:src="select_goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{select_goods.name}}</td>
<td>{{select_goods.price}}</td>
<input type="hidden" name="goods_id5[]" :value="select_goods.id">
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del5" :ind="index">删除</a>
</td>
</tr>
</tbody>
<tbody v-if="goods_list_check5">
<tr v-for="(goods,index) in goods_list_check5">
<input type="hidden" name="goods_id5[]" :value="goods.id">
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del5" :ind="index">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="container_video_split"></div>
<div class="container_video">
<div class="form-group row">
<div class="form-group-label col-sm-3 text-right">
<label class="col-form-label required addlabel">用户列表</label>
</div>
<div class="col-sm-9">
<select class="form-control" name="model[user_id6]">
<?php foreach ($user_list as $item) : ?>
<option value="<?= $item->id ?>"><?= $item->username ?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">标题</label>
</div>
<div class="col-sm-4">
<input class="form-control" type="text" name="model[title6]" value="<?= $list['title'] ?>">
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label addlabel">视频链接</label>
</div>
<div class="col-sm-4">
<div class="video-picker" data-url="<?= $urlManager->createUrl(['upload/video']) ?>">
<div class="input-group">
<input class="video-picker-input video form-control" name="model[video_url6]"
value="<?= $list['video_url'] ?>" placeholder="请输入视频源地址或者选择上传视频">
<a href="javascript:" class="btn btn-secondary video-picker-btn diflex">选择视频</a>
</div>
<a class="video-check" href="<?= $list['video_url'] ? $list['video_url'] : "javascript:" ?>"
target="_blank">视频预览</a>
<div class="video-preview"></div>
<div><span>支持格式mp4;支持编码H.264;视频大小不能超过<?= \app\models\UploadForm::getMaxUploadSize() ?>
M</span></div>
<div class="form-error text-danger" style="display: none"></div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label required addlabel">封面图</label>
</div>
<div class="col-sm-4">
<div class="upload-group">
<div class="input-group">
<input class="form-control file-input" name="model[pic_url6]"
value="<?= $list['pic_url'] ?>">
<span class="input-group-btn">
<a class="btn btn-secondary upload-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="上传文件">
<span class="iconfont icon-cloudupload"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary select-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="从文件库选择">
<span class="iconfont icon-viewmodule"></span>
</a>
</span>
<span class="input-group-btn">
<a class="btn btn-secondary delete-file diflex" href="javascript:" data-toggle="tooltip"
data-placement="bottom" title="删除文件">
<span class="iconfont icon-close"></span>
</a>
</span>
</div>
<div class="upload-preview text-center upload-preview">
<span class="upload-preview-tip">750×400</span>
<img class="upload-preview-img" src="<?= $list['pic_url'] ?>">
</div>
</div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<label class="col-form-label">详情介绍</label>
</div>
<div class="col-sm-4">
<div>
<textarea rows="5" class="form-control" name="model[desc6]"><?= $list['desc'] ?></textarea>
</div>
<div class="text-right"><span class="num">0</span>/100</div>
<div class="form-errors text-danger" style="display: none"></div>
</div>
</div>
<div class="form-group row">
<div class="form-group-label col-sm-2 text-right">
<button type="button" data-title="选择商品"
data-url="<?= $urlManager->createUrl([$urlStr . '/goods-search']) ?>"
class="btn btn-success my_insert_goods6">选择商品
</button>
</div>
<div class="col-sm-6">
<table class="table table-bordered table-hover nohandle tableed">
<thead class="thead-light">
<tr>
<th>商品图片</th>
<th>商品名称</th>
<th>商品价格</th>
<th>操作</th>
</tr>
</thead>
<tbody v-if="select_goods_list6 && goods_is_show6">
<tr v-for="(select_goods,index) in select_goods_list6" v-if="select_goods.checked">
<td>
<img v-bind:src="select_goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{select_goods.name}}</td>
<td>{{select_goods.price}}</td>
<input type="hidden" name="goods_id6[]" :value="select_goods.id">
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del6" :ind="index">删除</a>
</td>
</tr>
</tbody>
<tbody v-if="goods_list_check6">
<tr v-for="(goods,index) in goods_list_check6">
<input type="hidden" name="goods_id6[]" :value="goods.id">
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50" height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
<td>
<a href="javascript:void(0);" class="btn btn-sm btn-danger goods_list_del6" :ind="index">删除</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="modal" id="select_db_goods">
<div style="width: auto;" class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">选择商品</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<div calss="form-group row" style="display: flex;">
<div class="form-group-label col-sm-2 text-right" hidden>
<label class="form-control-label" style="line-height: 28px;"></label>
</div>
<div class="col-sm-12" style="padding: 0;">
<div class="input-group mb-3" style="max-width: 250px;">
<input placeholder="商品名称" class="form-control search-goods-keyword"
onkeydown="if(event.keyCode==13) {search_goods();return false;}">
<span class="input-group-btn">
<a onclick="search_goods()" href="javascript:"
class="btn btn-secondary search-goods-btn diflex">查找商品</a>
</span>
</div>
<div style="max-height: 400px;overflow-y: scroll;">
<table class="table table-bordered table-hover tableed">
<thead>
<tr>
<th style="border-bottom-width: 1px;"><input type="checkbox" class="goods-all">
</th>
<th style="border-bottom-width: 1px;">商品图片</th>
<th style="border-bottom-width: 1px;">商品名称</th>
<th style="border-bottom-width: 1px;">商品价格</th>
</tr>
</thead>
<tbody v-if="goods_list">
<tr v-for="(goods,index) in goods_list" :data-index="index">
<td>
<input type="checkbox" :checked="goods.checked" :value="goods.id"
class="goods-one">
</td>
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50"
height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="room_id" value="">
<input type="hidden" name="mch_id" value="">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-sub">保存</button>
</div>
</div>
</div>
</div>
<div class="modal" id="select_db_goods1">
<div style="width: auto;" class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">选择商品</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<div calss="form-group row" style="display: flex;">
<div class="form-group-label col-sm-2 text-right" hidden>
<label class="form-control-label" style="line-height: 28px;"></label>
</div>
<div class="col-sm-12" style="padding: 0;">
<div class="input-group mb-3" style="max-width: 250px;">
<input placeholder="商品名称" class="form-control search-goods-keyword"
onkeydown="if(event.keyCode==13) {search_goods();return false;}">
<span class="input-group-btn">
<a onclick="search_goods()" href="javascript:"
class="btn btn-secondary search-goods-btn diflex">查找商品</a>
</span>
</div>
<div style="max-height: 400px;overflow-y: scroll;">
<table class="table table-bordered table-hover tableed">
<thead>
<tr>
<th style="border-bottom-width: 1px;"><input type="checkbox" class="goods-all1">
</th>
<th style="border-bottom-width: 1px;">商品图片</th>
<th style="border-bottom-width: 1px;">商品名称</th>
<th style="border-bottom-width: 1px;">商品价格</th>
</tr>
</thead>
<tbody v-if="goods_list1">
<tr v-for="(goods,index) in goods_list1" :data-index="index">
<td>
<input type="checkbox" :checked="goods.checked" :value="goods.id"
class="goods-one1">
</td>
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50"
height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="room_id" value="">
<input type="hidden" name="mch_id" value="">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-sub1">保存</button>
</div>
</div>
</div>
</div>
<div class="modal" id="select_db_goods2">
<div style="width: auto;" class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">选择商品</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<div calss="form-group row" style="display: flex;">
<div class="form-group-label col-sm-2 text-right" hidden>
<label class="form-control-label" style="line-height: 28px;"></label>
</div>
<div class="col-sm-12" style="padding: 0;">
<div class="input-group mb-3" style="max-width: 250px;">
<input placeholder="商品名称" class="form-control search-goods-keyword"
onkeydown="if(event.keyCode==13) {search_goods();return false;}">
<span class="input-group-btn">
<a onclick="search_goods()" href="javascript:"
class="btn btn-secondary search-goods-btn diflex">查找商品</a>
</span>
</div>
<div style="max-height: 400px;overflow-y: scroll;">
<table class="table table-bordered table-hover tableed">
<thead>
<tr>
<th style="border-bottom-width: 1px;"><input type="checkbox" class="goods-all2">
</th>
<th style="border-bottom-width: 1px;">商品图片</th>
<th style="border-bottom-width: 1px;">商品名称</th>
<th style="border-bottom-width: 1px;">商品价格</th>
</tr>
</thead>
<tbody v-if="goods_list2">
<tr v-for="(goods,index) in goods_list2" :data-index="index">
<td>
<input type="checkbox" :checked="goods.checked" :value="goods.id"
class="goods-one2">
</td>
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50"
height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="room_id" value="">
<input type="hidden" name="mch_id" value="">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-sub2">保存</button>
</div>
</div>
</div>
</div>
<div class="modal" id="select_db_goods3">
<div style="width: auto;" class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">选择商品</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<div calss="form-group row" style="display: flex;">
<div class="form-group-label col-sm-2 text-right" hidden>
<label class="form-control-label" style="line-height: 28px;"></label>
</div>
<div class="col-sm-12" style="padding: 0;">
<div class="input-group mb-3" style="max-width: 250px;">
<input placeholder="商品名称" class="form-control search-goods-keyword"
onkeydown="if(event.keyCode==13) {search_goods();return false;}">
<span class="input-group-btn">
<a onclick="search_goods()" href="javascript:"
class="btn btn-secondary search-goods-btn diflex">查找商品</a>
</span>
</div>
<div style="max-height: 400px;overflow-y: scroll;">
<table class="table table-bordered table-hover tableed">
<thead>
<tr>
<th style="border-bottom-width: 1px;"><input type="checkbox" class="goods-all3">
</th>
<th style="border-bottom-width: 1px;">商品图片</th>
<th style="border-bottom-width: 1px;">商品名称</th>
<th style="border-bottom-width: 1px;">商品价格</th>
</tr>
</thead>
<tbody v-if="goods_list3">
<tr v-for="(goods,index) in goods_list3" :data-index="index">
<td>
<input type="checkbox" :checked="goods.checked" :value="goods.id"
class="goods-one3">
</td>
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50"
height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="room_id" value="">
<input type="hidden" name="mch_id" value="">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-sub3">保存</button>
</div>
</div>
</div>
</div>
<div class="modal" id="select_db_goods4">
<div style="width: auto;" class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">选择商品</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<div calss="form-group row" style="display: flex;">
<div class="form-group-label col-sm-2 text-right" hidden>
<label class="form-control-label" style="line-height: 28px;"></label>
</div>
<div class="col-sm-12" style="padding: 0;">
<div class="input-group mb-3" style="max-width: 250px;">
<input placeholder="商品名称" class="form-control search-goods-keyword"
onkeydown="if(event.keyCode==13) {search_goods();return false;}">
<span class="input-group-btn">
<a onclick="search_goods()" href="javascript:"
class="btn btn-secondary search-goods-btn diflex">查找商品</a>
</span>
</div>
<div style="max-height: 400px;overflow-y: scroll;">
<table class="table table-bordered table-hover tableed">
<thead>
<tr>
<th style="border-bottom-width: 1px;"><input type="checkbox" class="goods-all4">
</th>
<th style="border-bottom-width: 1px;">商品图片</th>
<th style="border-bottom-width: 1px;">商品名称</th>
<th style="border-bottom-width: 1px;">商品价格</th>
</tr>
</thead>
<tbody v-if="goods_list4">
<tr v-for="(goods,index) in goods_list4" :data-index="index">
<td>
<input type="checkbox" :checked="goods.checked" :value="goods.id"
class="goods-one4">
</td>
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50"
height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="room_id" value="">
<input type="hidden" name="mch_id" value="">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-sub4">保存</button>
</div>
</div>
</div>
</div>
<div class="modal" id="select_db_goods5">
<div style="width: auto;" class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">选择商品</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<div calss="form-group row" style="display: flex;">
<div class="form-group-label col-sm-2 text-right" hidden>
<label class="form-control-label" style="line-height: 28px;"></label>
</div>
<div class="col-sm-12" style="padding: 0;">
<div class="input-group mb-3" style="max-width: 250px;">
<input placeholder="商品名称" class="form-control search-goods-keyword"
onkeydown="if(event.keyCode==13) {search_goods();return false;}">
<span class="input-group-btn">
<a onclick="search_goods()" href="javascript:"
class="btn btn-secondary search-goods-btn diflex">查找商品</a>
</span>
</div>
<div style="max-height: 400px;overflow-y: scroll;">
<table class="table table-bordered table-hover tableed">
<thead>
<tr>
<th style="border-bottom-width: 1px;"><input type="checkbox" class="goods-all5">
</th>
<th style="border-bottom-width: 1px;">商品图片</th>
<th style="border-bottom-width: 1px;">商品名称</th>
<th style="border-bottom-width: 1px;">商品价格</th>
</tr>
</thead>
<tbody v-if="goods_list5">
<tr v-for="(goods,index) in goods_list5" :data-index="index">
<td>
<input type="checkbox" :checked="goods.checked" :value="goods.id"
class="goods-one5">
</td>
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50"
height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="room_id" value="">
<input type="hidden" name="mch_id" value="">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-sub5">保存</button>
</div>
</div>
</div>
</div>
<div class="modal" id="select_db_goods6">
<div style="width: auto;" class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">选择商品</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<div calss="form-group row" style="display: flex;">
<div class="form-group-label col-sm-2 text-right" hidden>
<label class="form-control-label" style="line-height: 28px;"></label>
</div>
<div class="col-sm-12" style="padding: 0;">
<div class="input-group mb-3" style="max-width: 250px;">
<input placeholder="商品名称" class="form-control search-goods-keyword"
onkeydown="if(event.keyCode==13) {search_goods();return false;}">
<span class="input-group-btn">
<a onclick="search_goods()" href="javascript:"
class="btn btn-secondary search-goods-btn diflex">查找商品</a>
</span>
</div>
<div style="max-height: 400px;overflow-y: scroll;">
<table class="table table-bordered table-hover tableed">
<thead>
<tr>
<th style="border-bottom-width: 1px;"><input type="checkbox" class="goods-all6">
</th>
<th style="border-bottom-width: 1px;">商品图片</th>
<th style="border-bottom-width: 1px;">商品名称</th>
<th style="border-bottom-width: 1px;">商品价格</th>
</tr>
</thead>
<tbody v-if="goods_list6">
<tr v-for="(goods,index) in goods_list6" :data-index="index">
<td>
<input type="checkbox" :checked="goods.checked" :value="goods.id"
class="goods-one6">
</td>
<td>
<img v-bind:src="goods.cover_pic" class="img-thumbnail" width="50"
height="50">
</td>
<td>{{goods.name}}</td>
<td>{{goods.price}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="hidden" name="room_id" value="">
<input type="hidden" name="mch_id" value="">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-sub6">保存</button>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
goods_list: "<?= $goods_list ?>",
goods_list1: "<?= $goods_list1 ?>",
goods_list2: "<?= $goods_list2 ?>",
goods_list3: "<?= $goods_list3 ?>",
goods_list4: "<?= $goods_list4 ?>",
goods_list5: "<?= $goods_list5 ?>",
goods_list6: "<?= $goods_list6 ?>",
goods_page: false,
goods_is_show: "<?= $goods_is_show ?>",
goods_is_show1: "<?= $goods_is_show1 ?>",
goods_is_show2: "<?= $goods_is_show2 ?>",
goods_is_show3: "<?= $goods_is_show3 ?>",
goods_is_show4: "<?= $goods_is_show4 ?>",
goods_is_show5: "<?= $goods_is_show5 ?>",
goods_is_show6: "<?= $goods_is_show6 ?>",
select_goods_list: [],
select_goods_list1:[],
select_goods_list2:[],
select_goods_list3:[],
select_goods_list4:[],
select_goods_list5:[],
select_goods_list6:[],
goods_list_check: "<?= $goods_list_check?>",
goods_list_check1: "<?= $goods_list_check1?>",
goods_list_check2: "<?= $goods_list_check2?>",
goods_list_check3: "<?= $goods_list_check3?>",
goods_list_check4: "<?= $goods_list_check4?>",
goods_list_check5: "<?= $goods_list_check5?>",
goods_list_check6: "<?= $goods_list_check6?>",
}
});
$(document).on('click', '.goods-one', function () {
var checked = $(this).prop('checked');
var all = $('.goods-one');
var is_all = true;
all.each(function (i) {
if ($(all[i]).prop('checked')) {
} else {
is_all = false;
}
});
if (is_all) {
$('.goods-all').prop('checked', true);
} else {
$('.goods-all').prop('checked', false);
}
let inx = $(this).parents("tr").attr("data-index");
for (let j in app.select_goods_list) {
if (app.goods_list[inx].id == app.select_goods_list[j].id) {
$.alert({
content: '商品已存在'
});
$(this).prop('checked', false);
checked = false;
break;
}
}
app.goods_list[inx].checked = checked;
});
$(document).on('click', '.goods-one1', function () {
var checked = $(this).prop('checked');
var all = $('.goods-one1');
var is_all = true;
all.each(function (i) {
if ($(all[i]).prop('checked')) {
} else {
is_all = false;
}
});
if (is_all) {
$('.goods-all1').prop('checked', true);
} else {
$('.goods-all1').prop('checked', false);
}
let inx = $(this).parents("tr").attr("data-index");
for (let j in app.select_goods_list1) {
if (app.goods_list1[inx].id == app.select_goods_list1[j].id) {
$.alert({
content: '商品已存在'
});
$(this).prop('checked', false);
checked = false;
break;
}
}
app.goods_list1[inx].checked = checked;
});
$(document).on('click', '.goods-one2', function () {
var checked = $(this).prop('checked');
var all = $('.goods-one2');
var is_all = true;
all.each(function (i) {
if ($(all[i]).prop('checked')) {
} else {
is_all = false;
}
});
if (is_all) {
$('.goods-all2').prop('checked', true);
} else {
$('.goods-all2').prop('checked', false);
}
let inx = $(this).parents("tr").attr("data-index");
for (let j in app.select_goods_list2) {
if (app.goods_list2[inx].id == app.select_goods_list2[j].id) {
$.alert({
content: '商品已存在'
});
$(this).prop('checked', false);
checked = false;
break;
}
}
app.goods_list2[inx].checked = checked;
});
$(document).on('click', '.goods-one3', function () {
var checked = $(this).prop('checked');
var all = $('.goods-one3');
var is_all = true;
all.each(function (i) {
if ($(all[i]).prop('checked')) {
} else {
is_all = false;
}
});
if (is_all) {
$('.goods-all3').prop('checked', true);
} else {
$('.goods-all3').prop('checked', false);
}
let inx = $(this).parents("tr").attr("data-index");
for (let j in app.select_goods_list3) {
if (app.goods_list3[inx].id == app.select_goods_list3[j].id) {
$.alert({
content: '商品已存在'
});
$(this).prop('checked', false);
checked = false;
break;
}
}
app.goods_list3[inx].checked = checked;
});
$(document).on('click', '.goods-one4', function () {
var checked = $(this).prop('checked');
var all = $('.goods-one4');
var is_all = true;
all.each(function (i) {
if ($(all[i]).prop('checked')) {
} else {
is_all = false;
}
});
if (is_all) {
$('.goods-all4').prop('checked', true);
} else {
$('.goods-all4').prop('checked', false);
}
let inx = $(this).parents("tr").attr("data-index");
for (let j in app.select_goods_list4) {
if (app.goods_list4[inx].id == app.select_goods_list4[j].id) {
$.alert({
content: '商品已存在'
});
$(this).prop('checked', false);
checked = false;
break;
}
}
app.goods_list4[inx].checked = checked;
});
$(document).on('click', '.goods-one5', function () {
var checked = $(this).prop('checked');
var all = $('.goods-one5');
var is_all = true;
all.each(function (i) {
if ($(all[i]).prop('checked')) {
} else {
is_all = false;
}
});
if (is_all) {
$('.goods-all5').prop('checked', true);
} else {
$('.goods-all5').prop('checked', false);
}
let inx = $(this).parents("tr").attr("data-index");
for (let j in app.select_goods_list5) {
if (app.goods_list5[inx].id == app.select_goods_list5[j].id) {
$.alert({
content: '商品已存在'
});
$(this).prop('checked', false);
checked = false;
break;
}
}
app.goods_list5[inx].checked = checked;
});
$(document).on('click', '.goods-one6', function () {
var checked = $(this).prop('checked');
var all = $('.goods-one6');
var is_all = true;
all.each(function (i) {
if ($(all[i]).prop('checked')) {
} else {
is_all = false;
}
});
if (is_all) {
$('.goods-all6').prop('checked', true);
} else {
$('.goods-all6').prop('checked', false);
}
let inx = $(this).parents("tr").attr("data-index");
for (let j in app.select_goods_list6) {
if (app.goods_list6[inx].id == app.select_goods_list6[j].id) {
$.alert({
content: '商品已存在'
});
$(this).prop('checked', false);
checked = false;
break;
}
}
app.goods_list6[inx].checked = checked;
});
$(document).on('click', '.my_insert_goods6', function () {
$.ajax({
url: $(this).attr('data-url'),
type: 'get',
dataType: 'json',
data: {keyword: '', vid: '<?= $list['goods_id'] ?>'},
success: function (res) {
if (res.code == 0) {
app.goods_list6 = res.data.list;
app.goods_page6 = res.data.pagination;
$("#select_db_goods6").modal('show');
}
}
});
});
$(document).on('click', '.my_insert_goods5', function () {
$.ajax({
url: $(this).attr('data-url'),
type: 'get',
dataType: 'json',
data: {keyword: '', vid: '<?= $list['goods_id'] ?>'},
success: function (res) {
if (res.code == 0) {
app.goods_list5 = res.data.list;
app.goods_page5 = res.data.pagination;
$("#select_db_goods5").modal('show');
}
}
});
});
$(document).on('click', '.my_insert_goods4', function () {
$.ajax({
url: $(this).attr('data-url'),
type: 'get',
dataType: 'json',
data: {keyword: '', vid: '<?= $list['goods_id'] ?>'},
success: function (res) {
if (res.code == 0) {
app.goods_list4 = res.data.list;
app.goods_page4 = res.data.pagination;
$("#select_db_goods4").modal('show');
}
}
});
});
$(document).on('click', '.my_insert_goods3', function () {
$.ajax({
url: $(this).attr('data-url'),
type: 'get',
dataType: 'json',
data: {keyword: '', vid: '<?= $list['goods_id'] ?>'},
success: function (res) {
if (res.code == 0) {
app.goods_list3 = res.data.list;
app.goods_page3 = res.data.pagination;
$("#select_db_goods3").modal('show');
}
}
});
});
$(document).on('click', '.my_insert_goods2', function () {
$.ajax({
url: $(this).attr('data-url'),
type: 'get',
dataType: 'json',
data: {keyword: '', vid: '<?= $list['goods_id'] ?>'},
success: function (res) {
if (res.code == 0) {
app.goods_list2 = res.data.list;
app.goods_page2 = res.data.pagination;
$("#select_db_goods2").modal('show');
}
}
});
});
$(document).on('click', '.my_insert_goods1', function () {
$.ajax({
url: $(this).attr('data-url'),
type: 'get',
dataType: 'json',
data: {keyword: '', vid: '<?= $list['goods_id'] ?>'},
success: function (res) {
if (res.code == 0) {
app.goods_list1 = res.data.list;
app.goods_page1 = res.data.pagination;
$("#select_db_goods1").modal('show');
}
}
});
});
$(document).on('click', '.my_insert_goods', function () {
$.ajax({
url: $(this).attr('data-url'),
type: 'get',
dataType: 'json',
data: {keyword: '', vid: '<?= $list['goods_id'] ?>'},
success: function (res) {
if (res.code == 0) {
app.goods_list = res.data.list;
app.goods_page = res.data.pagination;
$("#select_db_goods").modal('show');
}
}
});
});
$(document).on('click', '.btn-sub6', function () {
app.goods_is_show6 = true;
for (let i in app.goods_list6) {
if (app.goods_list6[i].checked) {
app.select_goods_list6.push(app.goods_list6[i])
}
}
$("#select_db_goods6").modal('hide');
});
$(document).on('click', '.btn-sub5', function () {
app.goods_is_show5 = true;
for (let i in app.goods_list5) {
if (app.goods_list5[i].checked) {
app.select_goods_list5.push(app.goods_list5[i])
}
}
$("#select_db_goods5").modal('hide');
});
$(document).on('click', '.btn-sub4', function () {
app.goods_is_show4 = true;
for (let i in app.goods_list4) {
if (app.goods_list4[i].checked) {
app.select_goods_list4.push(app.goods_list4[i])
}
}
$("#select_db_goods4").modal('hide');
});
$(document).on('click', '.btn-sub3', function () {
app.goods_is_show3 = true;
for (let i in app.goods_list3) {
if (app.goods_list3[i].checked) {
app.select_goods_list3.push(app.goods_list3[i])
}
}
$("#select_db_goods3").modal('hide');
});
$(document).on('click', '.btn-sub2', function () {
app.goods_is_show2 = true;
for (let i in app.goods_list2) {
if (app.goods_list2[i].checked) {
app.select_goods_list2.push(app.goods_list2[i])
}
}
$("#select_db_goods2").modal('hide');
});
$(document).on('click', '.btn-sub1', function () {
app.goods_is_show1 = true;
for (let i in app.goods_list1) {
if (app.goods_list1[i].checked) {
app.select_goods_list1.push(app.goods_list1[i])
}
}
$("#select_db_goods1").modal('hide');
});
$(document).on('click', '.btn-sub', function () {
app.goods_is_show = true;
for (let i in app.goods_list) {
if (app.goods_list[i].checked) {
app.select_goods_list.push(app.goods_list[i])
}
}
$("#select_db_goods").modal('hide');
});
$(document).ready(function () {
var video_picker = $('.video-picker');
video_picker.each(function (i) {
var picker = this;
var el = $(this);
var btn = el.find('.video-picker-btn');
var url = el.data('url');
var input = el.find('.video-picker-input');
var view = el.find('.video-preview');
function uploaderVideo() {
var el_id = $.randomString(32);
btn.attr("id", el_id);
var uploader = new plupload.Uploader({
runtimes: 'html5,flash,silverlight,html4',
browse_button: el_id,
url: url,
flash_swf_url: '<?=$statics?>/mch/js/Moxie.swf',
silverlight_xap_url: '<?=$statics?>/mch/js/Moxie.xap',
filters: {
max_file_size: '50mb',
mime_types: [
{title: "Video files", extensions: "mp4"}
]
},
init: {
PostInit: function () {
handle = this;
},
FilesAdded: function (up, files) {
$('.form-error').hide();
uploader.start();
btn.btnLoading("正在上传");
uploader.disableBrowse(true);
plupload.each(files, function (file) {
view.html('<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>');
});
},
FileUploaded: function (uploader, file, responseObject) {
if (responseObject.status == undefined || responseObject.status != 200) {
return true;
}
var res = $.parseJSON(responseObject.response);
if (res.code != 0) {
$('.form-error').html(res.msg).show();
return true;
}
$(input).val(res.data.url);
$("#file_time").attr('src', res.data.url);
$('.video-check').prop('href', res.data.url);
$('.video-preview').find('span').html('100%');
},
UploadProgress: function (up, file) {
var percent = file.percent - 1;
$($("#" + file.id).find('b')[0]).html('<span>' + percent + "%</span>");
},
Error: function (up, err) {
$('.form-error').html('文件大小超出配置').show();
},
UploadComplete: function (uploader, files) {
btn.btnReset();
uploaderVideo();
}
}
});
uploader.init();
}
uploaderVideo();
});
});
$(document).on('change', '.video', function () {
$('.video-check').attr('href', this.value);
$("#file_time").attr('src', this.value);
});
$(document).on('paste', '.video', function (e) {
var pastedText = undefined;
if (window.clipboardData && window.clipboardData.getData) {
pastedText = window.clipboardData.getData('Text');
} else {
pastedText = e.originalEvent.clipboardData.getData('Text');
}
$('.video-check').attr('href', pastedText);
$("#file_time").attr('src', pastedText);
});
$('.num').html($("textarea[name='model[desc]']").val().length);
$(document).on('input propertychange', "textarea[name='model[desc]']", function () {
var a = $(this).val().length;
$('.form-errors').hide();
if (a > 100) {
var num = $(this).val().substr(0, 100);
$(this).val(num);
$('.form-errors').html('详情介绍不能超过100个字').show();
} else {
$('.num').html(a)
}
});
function myFunction(ele) {
var hour = parseInt((ele.duration) / 3600);
var minute = parseInt((ele.duration % 3600) / 60);
var second = Math.ceil(ele.duration % 60);
if (hour > 0 || minute > 3) {
$('.form-control-success').hide();
$('.form-error').html('视频不能大于三分钟').show();
$(".video-picker-input").val('');
return false;
}
if (minute <= 0 && second <= 15) {
$('.form-control-success').hide();
$('.form-error').html('视频不能小于15秒').show();
$(".video-picker-input").val('');
return false;
}
$('.form-error').hide();
return true;
}
function search_goods() {
let btn = $(".search-goods-btn");
let keyword = $(".search-goods-keyword").val();
btn.btnLoading("正在查找");
$.ajax({
url: $(".my_insert_goods").attr('data-url'),
dataType: "json",
data: {
keyword: keyword,
vid: '<?= $list['goods_id'] ?>'
},
success: function (res) {
btn.btnReset();
if (res.code == 0) {
app.goods_list = res.data.list;
app.goods_page = res.data.pagination;
}
}
});
}
$(document).on('click', '.goods-all', function () {
var checked = $(this).prop('checked');
$('.goods-one').prop('checked', checked);
for (let i in app.goods_list) {
for (let j in app.select_goods_list) {
if (app.goods_list[i].id == app.select_goods_list[j].id) {
var content = '存在重复商品';
checked = false;
continue;
}
}
app.goods_list[i].checked = checked;
}
if (content) {
$.alert({
content: content
});
}
});
$(document).on('click', '.goods_list_del', function () {
var ind = $(this).attr('ind');
if (app.select_goods_list[ind]) {
app.select_goods_list[ind].checked = false;
app.select_goods_list.splice(ind, 1);
} else {
app.goods_list_check.splice(ind, 1);
}
})
$(document).on('click', '.goods_list_del1', function () {
var ind = $(this).attr('ind');
if (app.select_goods_list1[ind]) {
app.select_goods_list1[ind].checked = false;
app.select_goods_list1.splice(ind, 1);
} else {
app.goods_list_check1.splice(ind, 1);
}
})
$(document).on('click', '.goods_list_del2', function () {
var ind = $(this).attr('ind');
if (app.select_goods_list2[ind]) {
app.select_goods_list2[ind].checked = false;
app.select_goods_list2.splice(ind, 1);
} else {
app.goods_list_check2.splice(ind, 1);
}
})
$(document).on('click', '.goods_list_del3', function () {
var ind = $(this).attr('ind');
if (app.select_goods_list3[ind]) {
app.select_goods_list3[ind].checked = false;
app.select_goods_list3.splice(ind, 1);
} else {
app.goods_list_check3.splice(ind, 1);
}
})
$(document).on('click', '.goods_list_del4', function () {
var ind = $(this).attr('ind');
if (app.select_goods_list4[ind]) {
app.select_goods_list4[ind].checked = false;
app.select_goods_list4.splice(ind, 1);
} else {
app.goods_list_check4.splice(ind, 1);
}
})
$(document).on('click', '.goods_list_del5', function () {
var ind = $(this).attr('ind');
if (app.select_goods_list5[ind]) {
app.select_goods_list5[ind].checked = false;
app.select_goods_list5.splice(ind, 1);
} else {
app.goods_list_check5.splice(ind, 1);
}
})
$(document).on('click', '.goods_list_del6', function () {
var ind = $(this).attr('ind');
if (app.select_goods_list6[ind]) {
app.select_goods_list6[ind].checked = false;
app.select_goods_list6.splice(ind, 1);
} else {
app.goods_list_check6.splice(ind, 1);
}
})
data() {
return {
search: '',
options: [
{ id: 1, username: '张三' },
{ id: 2, username: '李四' },
{ id: 3, username: '王五' },
{ id: 4, username: '赵六' },
],
selectedUserId: '',
}
},
computed: {
filteredOptions() {
if (this.search) {
return this.options.filter(option => option.username.includes(this.search))
} else {
return this.options
}
}
}
</script>