记得上下班打卡 | git大法好,push需谨慎

Commit 89563181 authored by dongchun's avatar dongchun

提交音乐人标签库页面逻辑

parent 51130204
......@@ -2,6 +2,165 @@
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('音乐人标签列表')"/>
<th:block th:include="include :: bootstrap-fileinput-css" />
<style>
.layui-layer-btn0 {
padding: 0;
}
#addClassify {
display: none;
width: 540px;
padding: 20px;
}
#addClassify .selectClassify {
display: flex;
align-items: center;
}
#addClassify .selectClassify label {
display: flex;
margin-right: 20px;
align-items: center;
}
#addClassify .selectClassify label input {
margin: 0;
margin-right: 2px;
}
.shadeCss,.layui-layer-shade {
background-color: rgb(0, 0, 0, 0.5) !important;
}
.select-list ul {
display: flex;
justify-content: space-between;
}
.selectClassifyOne span {
width: 45px;
}
.tagStore .fixed-table-toolbar {
display: flex;
}
.tagStore .fixed-table-toolbar .bs-bars {
flex: 1;
}
.tagStore .fixed-table-toolbar .bs-bars .btn-group-sm {
display: flex;
justify-content: space-between;
}
.leftSearchBox {
display: flex;
align-items: center;
}
.leftSearchBox input, .leftSearchBox select {
width: 200px;
height: 34px;
margin-right: 12px;
}
.ibox-content {
border-style: none;
padding: 0;
}
.kv-hidden {
display: none !important;
}
.layui-layer-btn0, .layui-layer-btn1 {
font-size: 12px;
font-weight: normal;
margin: 0 3px;
margin-right: 7px;
margin-left: 7px;
padding: 0 15px;
color: #fff;
border: 1px solid #0064b6;
background: #0071ce;
border-radius: 3px;
display: inline-block;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: middle;
background-repeat: no-repeat;
text-decoration: none;
outline: none;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.layui-layer-btn1 {
color: #404a58;
border: 1px solid #c0c4cd;
background: #fff;
border-radius: 3px;
margin-left: 0;
}
.layui-layer-btn0:hover {
color: #fff;
}
#addClassify {
padding: 0;
display: none;
width: 540px;
padding-top: 20px;
}
#addClassify .selectClassify {
display: flex;
align-items: center;
padding: 0 20px;
}
#addClassify .selectClassify label {
display: flex;
margin-right: 20px;
align-items: center;
}
#addClassify .selectClassify label input {
margin: 0;
margin-right: 2px;
}
.shadeCss,.layui-layer-shade {
background-color: rgb(0, 0, 0, 0.5) !important;
}
.select-list ul {
display: flex;
justify-content: space-between;
}
.selectClassifyOne {
display: flex;
align-items: center;
margin: 12px 0;
padding: 0 20px;
}
.tagStore .fixed-table-toolbar {
display: flex;
}
.tagStore .fixed-table-toolbar .bs-bars {
flex: 1;
}
.tagStore .fixed-table-toolbar .bs-bars .btn-group-sm {
display: flex;
justify-content: space-between;
}
.leftSearchBox {
display: flex;
align-items: center;
}
.leftSearchBox input, .leftSearchBox select {
width: 200px;
height: 34px;
margin-right: 12px;
}
.ibox-content {
border-style: none;
padding: 0;
}
.kv-hidden {
display: none !important;
}
.bottomBtn {
text-align: right;
padding: 10px 15px 12px;
background: #f0f4f7;
border-top: 1px #c7c7c7 solid;
}
</style>
</head>
<body class="gray-bg">
<div class="container-div">
......@@ -32,7 +191,7 @@
</div>
<div class="btn-group-sm" id="toolbar" role="group">
<a class="btn btn-success" onclick="#" shiro:hasPermission="goblin:extag:add">
<a class="btn btn-success" id="button-open-10" shiro:hasPermission="goblin:extag:add">
<i class="fa fa-plus"></i> 新增
</a>
<a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="goblin:extag:rmv">
......@@ -43,14 +202,73 @@
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table"></table>
</div>
<div id="addClassify">
<div class="selectClassify">
<span>LOGO:</span>
<img id="viewImg" src="" alt="" style="max-height:150px;">
<div class="ibox-content">
<div class="form-group">
<div class="file-loading">
<input id="fileinput" type="file" name="file" data-browse-on-zone-click="true" data-theme="fas">
</div>
</div>
</div>
</div>
<div class="selectClassifyOne">
<span>昵称:</span>
<input class="form-control" id="musicName" type="text">
</div>
<div class="selectClassify" style="margin-bottom: 20px;">
<span>类别:</span>
<label>
<input type="radio" checked value="1" id="optionsRadios1" name="optionsRadios"><span>音乐人</span></label>
<label>
<input type="radio" value="2" id="optionsRadios2" name="optionsRadios"><span>艺术家</span></label>
<label>
<input type="radio" value="3" id="optionsRadios3" name="optionsRadios"><span>品牌方</span></label>
<label>
<input type="radio" value="4" id="optionsRadios3" name="optionsRadios"><span>厂牌</span></label>
</div>
<div class="bottomBtn">
<a href="javascript:;" class="layui-layer-btn0" onclick="yes()">确定</a>
<a class="layui-layer-btn1 layui-layer-btn1" onclick="closeModal()">取消</a>
</div>
</div>
</div>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: bootstrap-fileinput-js" />
<script th:inline="javascript">
var dicSelfExtagType = [[${@dict.getType('zhengzai_self_extag_type')}]];
var rmvFlg = [[${@permission.hasPermi('goblin:extag:rmv')}]];
var prefix = ctx + "goblin/extag";
var platformUrl = [[${platformUrl}]];
let type = '1';
$(function () {
$("#fileinput").fileinput({
'theme': 'explorer-fas',
'uploadUrl': 'https://devplatform.zhengzai.tv/platform/basicServices/alOss/upload',
"uploadExtraData": {
"pathName" : "banner",
"buckType" : 1
},
autoReplace: true,
showCaption: false,
showPreview: false,
showRemove: false,
showUpload: false,
showCancel: false,
showClose: false,
autoReplace: true,
dropZoneTitle: "请上传文件",
maxFileCount: 1
}).on("filebatchselected", function (event, files) { //默认上传
$(this).fileinput("upload");
})
.on("fileuploaded", function (event, data) { //上传回调事件
showPicture = 'https://img.zhengzai.tv/' + data.response.data.ossPath;
$("#viewImg").attr('src', showPicture)
})
var options = {
url: prefix + "/list",
removeUrl: prefix + "/rmv",
......@@ -89,6 +307,54 @@
};
$.table.init(options);
});
$("input[name=optionsRadios]").on('change',function(e){
console.log(e)
type = e.target.value;
})
$("#button-open-10").click(function(){
layer.open({
type: 1,
shade: true,
title: '创建分类', //不显示标题
content: $('#addClassify'), //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
success: function () {
$(".layui-layer-shade").addClass('shadeCss')
},
cancel: function(res){
console.log(res, '111')
// layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构', {time: 5000, icon:6});
}
});
})
$("#button-open-11").click(function(){
$("button[name=refresh]").click()
})
function onCheck (row, $element) {
console.log(row, $element)
}
function yes(index, layero) {
console.log(index, layero)
let data = {
tagName: $("#musicName").val(),
tagPic: $("#viewImg").attr('src'),
tagType: type
}
$.ajax({
type: 'post',
url: '/goblin/tag/addSave',
data: data,
success: function(res) {
console.log(res)
if (res.code == 0) {
closeModal();
$("button[name=refresh]").click()
}
}
})
}
function closeModal () {
$(".layui-layer-close1").click();
}
</script>
</body>
</html>
\ No newline at end of file
......@@ -233,10 +233,10 @@
$("#busName").val(storeCertification.busName);
$("#provinceName").val(storeCertification.provinceName);
$("#busAddress").val(storeCertification.busAddress);
var reg = new RegExp("(^|&)"+ id +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
console.log(r, storeId, '取到没')
let storeId = unescape(r[2]);
// var reg = new RegExp("(^|&)"+ id +"=([^&]*)(&|$)");
// var r = window.location.search.substr(1).match(reg);
// console.log(r, storeId, '取到没')
let storeId = storeInfo.storeId;
......
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
<th:block th:include="include :: header('新增代金券')" />
<th:block th:include="include :: select2-css" />
<link rel="stylesheet" href="">
<style>
.required {
font-style: normal;
color: red;
}
.content_item {
padding: 20px;
}
/* .content_item .content_title {
display: flex;
} */
.content_item .content_title h3 span {
display: inline-block;
width: 4px;
height: 18px;
background: skyblue;
margin-right: 6px;
vertical-align: top;
}
.content_item .content_store_name, .content_item .content_papers_type {
display: flex;
align-items: center;
height: 56px;
font-size: 16px;
padding-left: 12px;
}
.content_item .content_store_name input {
margin-left: 12px;
height: 36px;
width: 80%;
}
.content_item .content_store_name span {
display: inline-block;
width: 150px;
text-align: right;
}
.content_store_logo, .content_store_introduce {
font-size: 16px;
padding-left: 12px;
margin-top: 20px;
}
.content_store_logo span, .content_store_introduce span {
font-size: 16px;
display: inline-block;
margin-right: 12px;
width: 150px;
text-align: right;
vertical-align: top;
}
.content_store_logo img {
border: 1px #ccc dashed;
padding: 5px;
vertical-align: top;
border-radius: 5px;
}
.content_store_introduce textarea {
display: inline-block;
width: 80%;
height: 200px;
}
.content_papers_photo {
display: flex;
padding-left: 12px;
margin: 20px 0;
}
.content_papers_photo .photo_content {
display: flex;
flex: 1;
}
.content_papers_photo .photo_content div {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 150px;
}
.content_papers_photo .photo_content div p {
font-size: 14px;
}
.content_papers_photo .photo_content div img {
padding: 6px;
border: 1px dashed #ccc;
border-radius: 5px;
}
.content_store_name p {
margin: 0;
}
.content_papers_photo span {
font-size: 16px;
vertical-align: top;
margin-right: 12px;
width: 150px;
text-align: right;
}
.content_footer {
display: flex;
align-items: center;
padding: 20px 0 20px 186px;
}
.content_footer input {
width: 60%;
height: 34px;
}
</style>
</head>
<body>
<form id="" class="layui-form">
<div class="content_item">
<div class="content_title">
<h3><span></span>基础信息</h3>
</div>
<div class="content_store_name">
<span>店铺名称:</span><input disabled value="试试效果" class="form-control" type="text">
</div>
<div class="content_store_logo">
<span>店铺LOGO:</span>
<img src="https://img.zhengzai.tv/other/2021/12/09/dd3259aaa66e4c3995ce2ab0ce38856c.png" alt="">
</div>
<div class="content_store_logo">
<span>店铺背景图:</span>
<img src="https://img.zhengzai.tv/other/2021/12/09/dd3259aaa66e4c3995ce2ab0ce38856c.png" alt="">
</div>
<div class="content_store_introduce">
<span>店铺介绍:</span>
<textarea class="form-control" name="" id=""></textarea>
</div>
</div>
<div class="content_item">
<div class="content_title">
<h3><span></span>认证信息</h3>
</div>
<div class="content_store_name">
<span><em class="required">*</em>证件类型:</span><p>居民身份证</p>
</div>
<div class="content_papers_photo">
<span><em class="required">*</em>证件照片:</span>
<div class="photo_content">
<div>
<p>证件正面照(国徽面)</p>
<img src="https://img.zhengzai.tv/other/2021/12/09/dd3259aaa66e4c3995ce2ab0ce38856c.png" alt="">
</div>
<div>
<p>证件反面照(头像面)</p>
<img src="https://img.zhengzai.tv/other/2021/12/09/dd3259aaa66e4c3995ce2ab0ce38856c.png" alt="">
</div>
<div>
<p>个人半身照(需手持身份证露上半身)</p>
<img src="https://img.zhengzai.tv/other/2021/12/09/dd3259aaa66e4c3995ce2ab0ce38856c.png" alt="">
</div>
</div>
</div>
<div class="content_store_name">
<span><em class="required">*</em>证件姓名:</span>
<input disabled class="form-control" type="text">
</div>
<div class="content_store_name">
<span><em class="required">*</em>证件号码:</span>
<input disabled class="form-control" type="text">
</div>
<div class="content_store_name">
<span><em class="required">*</em>证件有效期:</span>
<input disabled class="form-control" type="text">
</div>
<div class="content_store_logo">
<span><em class="required">*</em>营业执照照片:</span>
<img src="https://img.zhengzai.tv/other/2021/12/09/dd3259aaa66e4c3995ce2ab0ce38856c.png" alt="">
</div>
<div class="content_store_name">
<span><em class="required">*</em>统一社会信用代码:</span>
<input disabled class="form-control" type="text">
</div>
<div class="content_store_name">
<span><em class="required">*</em>证件有效期:</span>
<input disabled class="form-control" type="text">
</div>
<div class="content_store_name">
<span><em class="required">*</em>商户名称:</span>
<input disabled class="form-control" type="text">
</div>
<div class="content_store_name">
<span><em class="required">*</em>所在省市:</span>
<input disabled class="form-control" type="text">
</div>
<div class="content_store_name">
<span><em class="required">*</em>详细地址:</span>
<input disabled class="form-control" type="text">
</div>
<div class="content_store_logo">
<span><em class="required">*</em>上传合同:</span>
<img src="https://img.zhengzai.tv/other/2021/12/09/dd3259aaa66e4c3995ce2ab0ce38856c.png" alt="">
</div>
<div class="content_store_name">
<span><em class="required">*</em>合同有效期:</span>
<input disabled class="form-control" type="text">
</div>
</div>
<div class="content_footer">
<button class="btn btn-primary">审核通过</button>
<button class="btn btn-danger" style="margin: 0 12px">驳回</button>
<input class="form-control" placeholder="请输入驳回原因" type="text">
</div>
</form>
<th:block th:include="include :: footer" />
</body>
<script th:inline="javascript">
</script>
</html>
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('店铺列表')" />
</head>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 search-collapse">
<form id="coupon-form">
<div class="select-list">
<ul>
<input type="hidden" name="couType" th:value="${couType}"/>
<li>
<input type="text" name="keyword" placeholder="店铺名称搜索"/>
</li>
<li>
审核状态:<select name="bindType">
<option value="">全部</option>
<option value="1">已通过</option>
<option value="2">待审核</option>
<option value="1">未通过</option>
</select>
</li>
<li>
类型:<select name="busiType">
<option value="1">个体</option>
<option value="1">企业</option>
</select>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
</li>
</ul>
</div>
</form>
</div>
<div class="btn-group-sm" id="toolbar" role="group">
<!-- <a class="btn btn-success" th:onclick="$.operate.addTab([[${couType}]])" shiro:hasPermission="candy:coupon:mgt:add">
<i class="fa fa-plus"></i> 新增
</a> -->
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table"></table>
</div>
</div>
</div>
<th:block th:include="include :: footer"/>
<script th:inline="javascript">
var dicCouponBusiType = [[${@dict.getType('zhengzai_coupon_busi_type')}]];
var dicCouponBindType = [[${@dict.getType('zhengzai_coupon_bind_type')}]];
var prefix = ctx + "candy/coupon/mgt";
var prefix2 = ctx + "local";
var viewMgtCouponFlag = [[${@permission.hasPermi('candy:coupon:mgt:detail')}]];
var cancelMgtCouponFlag = [[${@permission.hasPermi('candy:coupon:mgt:cancel')}]];
var couType = [[${couType}]];
$(function () {
var options = {
url: prefix + "/list",
createUrl: prefix + "/add/{id}",
detailUrl: prefix2 + "/shopDetail",
removeUrl: prefix + "/cancel/{id}",
// updateUrl: prefix + "/edit/{id}",
// exportUrl: prefix + "/export",
sortName: "createdAt",
sortOrder: "desc",
modalName: "",
columns: [
{
checkbox: true
},
{
field: 'valFace',
title: '店铺名称',
formatter: function (value, row, index) {
return '¥' + value;
}
},
{
field: 'bindType',
title: '类型',
formatter: function(value, row, index) {
return $.table.selectDictLabel(dicCouponBindType, value);
}
},
{
title: '操作',
align: 'center',
formatter: function (value, row, index) {
var actions = [];
// if (row.bindType === 0 && row.state === 1) {
actions.push('<a class="btn btn-info btn-xs" href="javascript:void(0)" onclick="passOrRejecte(\'' + row.couponId + '\', 1)">通过</a> ');
// }
actions.push('<a class="btn btn-info btn-xs" href="javascript:void(0)" onclick="passOrRejecte(\'' + row.couponId + '\', 2)">驳回</a> ');
actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)" onclick="$.operate.detailTab(\'' + row.mcouponId + '\')"><i class="fa fa-search"></i>详情</a>');
// if (row.state === 0) {
// actions.push('<a class="btn btn-danger btn-xs ' + cancelMgtCouponFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.mcouponId + '\')"><i class="fa fa-remove"></i>取消</a>');
// }
return actions.join('');
}
}]
};
$.table.init(options);
});
/* 查看码列表 */
function couponCodeList(couponId) {
var url = 'candy/coupon/code?couponId=' + couponId;
$.modal.openTab("代金码列表", url);
}
</script>
</body>
</html>
\ 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 to comment