system-ai-shop/src/main/resources/templates/goods/check.html

522 lines
28 KiB
HTML
Raw Normal View History

2024-05-09 14:56:55 +08:00
<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
<base th:href="${#request.getContextPath() + '/'}">
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="assets/fonts/font-awesome/css/font-awesome.css"/>
<link rel="stylesheet" href="assets/layuiadmin/layui/css/layui.css" media="all">
<link rel="stylesheet" href="assets/layuiadmin/style/admin.css" media="all">
<link rel="stylesheet" type="text/css" href="assets/js/vendor/viewer/viewer.min.css">
<style>
.layui-form-pane .layui-form-label {
width: 130px;
}
.layui-form-pane .layui-input-block {
margin-left: 130px;
}
.layui-form-pane xm-select {
margin: 0 0 0 0 !important;
}
</style>
</head>
<body>
<div class="layui-fluid layui-anim layui-anim-fadein">
<div class="layui-card">
<!-- <div class="layui-card-header">
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
<a class="close" href="javascript:void(0);">上级列表</a><span lay-separator="">/</span>
<a href="javascript:void(0);"><cite>新增内容</cite></a>
</span>
</div>-->
<div class="layui-card-body" style="padding: 15px;">
<form class="layui-form layui-form-pane" lay-filter="dataForm">
<blockquote class="layui-elem-quote">软著信息</blockquote>
<div class=" layui-row " style="height: 90px">
<div class="layui-col-lg2" style="border: 1px solid #C9C9C9;" id="basicsLogoSpanDIV">
<div class="layui-form-item" style="text-align: center;padding-top: 20px;">
<img id="logoImage" src="assets/images/ruanzhu.jpg" style="height:74px;width:50px;" title="点击查看软著电子版">
<input type="hidden" id="goodsPhoto" name="goodsPhoto" >
</br>
<span style="white-space: nowrap; font-size: 11px" id="basicsLogoSpan">点击查看软著电子版</span>
</div>
</div>
<div class="layui-col-lg10">
<div class="layui-form-item layui-form-text">
<label class="layui-form-label">软著说明</label>
<div class="layui-input-block">
<textarea id="goodsDescription" readonly name="goodsDescription" class="layui-textarea" placeholder="请输入软著说明"></textarea>
</div>
</div>
</div>
</div>
<div class=" layui-row ">
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">软著名称<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="text" id="goodsName" readonly name="goodsName" class="layui-input" value="" placeholder="请输入软著名称" maxlength="100">
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">软著简称<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="text" id="goodsSubName" readonly name="goodsSubName" class="layui-input" value="" placeholder="请输入软著简称" maxlength="100">
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">软著证号<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="text" id="goodsNumber" readonly name="goodsNumber" class="layui-input" value="" placeholder="请输入软著证号" maxlength="100">
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">软著版本<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="text" id="goodsVersion" readonly name="goodsVersion" class="layui-input" value="" placeholder="请输入软著版本" maxlength="100">
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">取得时间<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="text" id="goodsGetTime" readonly style="cursor: pointer" name="goodsGetTime" class="layui-input" value="" placeholder="请输入软著取得时间" maxlength="50">
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">开发语言<span style="color: red">*</span></label>
<div class="layui-input-block layui-form" id="goodsDevelopSelectTemplateBox" lay-filter="goodsDevelopSelectTemplateBox"></div>
<script id="goodsDevelopSelectTemplate" type="text/html">
<select id="goodsDevelop" disabled name="goodsDevelop">
<option value="">请选择软著开发语言</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dataId}}">{{item.dataName}}</option>
{{# } }}
</select>
</script>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">获取方式<span style="color: red">*</span></label>
<div class="layui-input-block">
<select id="goodsGetType" disabled name="goodsGetType">
<option value="">请选择所有者类型</option>
<option value="1">原始取得</option>
<option value="2">继受取得(受让)</option>
<option value="3">继受取得(继承)</option>
<option value="4">继受取得(承受)</option>
</select>
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">软著分类<span style="color: red">*</span></label>
<div class="layui-input-block">
<div id="goodsType" ></div>
</div>
<!-- <div class="layui-input-block layui-form" id="goodsTypeSelectTemplateBox" lay-filter="goodsTypeSelectTemplateBox"></div>
<script id="goodsTypeSelectTemplate" type="text/html">
<select id="goodsType" disabled name="goodsType">
<option value="">请选择软著分类</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dataId}}">{{item.dataName}}</option>
{{# } }}
</select>
</script>-->
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">售卖价格<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="number" readonly id="goodsPrice" name="goodsPrice" class="layui-input" value="" placeholder="请输入软著售卖价格" lay-verify="required">
</div>
</div>
</div>
<!-- <div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">挂牌价格<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="number" id="goodsOpenPrice" name="goodsOpenPrice" class="layui-input" value="" placeholder="请输入软著挂牌价格" lay-verify="required">
</div>
</div>
</div>-->
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">截止售卖至</label>
<div class="layui-input-block">
<input type="text" readonly id="goodsLastTime" name="goodsLastTime" style="cursor:pointer;" class="layui-input" value="" placeholder="请输入软件截止售卖时间" maxlength="50">
</div>
</div>
</div>
</div>
<div class=" layui-row ">
<blockquote class="layui-elem-quote">著作权人信息</blockquote>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">类别<span style="color: red">*</span></label>
<div class="layui-input-block">
<select id="goodsLeaderType" disabled name="goodsLeaderType" lay-filter="selectGoodsLeaderType">
<option value="">请选择所有者类型</option>
<option value="1">自然人</option>
<option value="2">法人</option>
<option value="3">非法人组织或其他</option>
</select>
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">姓名或名称<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="text" readonly id="goodsLeader" name="goodsLeader" class="layui-input" value="" placeholder="请输入姓名或名称" maxlength="50">
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class=" layui-row ">
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">所在省份<span style="color: red">*</span></label>
<div class="layui-input-block layui-form" id="goodsLeaderCity1SelectTemplateBox" lay-filter="goodsLeaderCity1SelectTemplateBox"></div>
<script id="goodsLeaderCity1SelectTemplate" type="text/html">
<select id="goodsLeaderCity1" disabled name="goodsLeaderCity1" lay-filter="goodsLeaderCity1">
<option value="">请选择所在省份</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.areaId}}">{{item.areaName}}</option>
{{# } }}
</select>
</script>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">所在城市<span style="color: red">*</span></label>
<div class="layui-input-block layui-form" id="goodsLeaderCity2SelectTemplateBox" lay-filter="goodsLeaderCity2SelectTemplateBox"></div>
<script id="goodsLeaderCity2SelectTemplate" type="text/html">
<select id="goodsLeaderCity2" disabled name="goodsLeaderCity2" lay-filter="goodsLeaderCity2">
<option value="">请选择所在城市</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.areaId}}">{{item.areaName}}</option>
{{# } }}
</select>
</script>
</div>
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">联系电话<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="text" id="goodsLeaderPhone" readonly name="goodsLeaderPhone" class="layui-input" value="" placeholder="请输入著作权人联系电话" maxlength="50">
</div>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">证件类型<span style="color: red">*</span></label>
<div class="layui-input-block layui-form" id="goodsLeaderIdcardTypeSelectTemplateBox" lay-filter="goodsLeaderIdcardTypeSelectTemplateBox"></div>
<script id="goodsLeaderIdcardTypeSelectTemplate" type="text/html">
<select id="goodsLeaderIdcardType" disabled name="goodsLeaderIdcardType">
<option value="">请选择证件类型</option>
{{# for(var i = 0, item; item = d[i++];) { }}
<option value="{{item.dataId}}">{{item.dataName}}</option>
{{# } }}
</select>
</script>
</div>
</div>
<div class="layui-col-lg6">
<div class="layui-form-item">
<label class="layui-form-label">证件号码<span style="color: red">*</span></label>
<div class="layui-input-block">
<input type="text" id="goodsLeaderIdcard" readonly name="goodsLeaderIdcard" class="layui-input" value="" placeholder="请输入证件号码" maxlength="50">
</div>
</div>
</div>
</div>
<input type="hidden" id="goodsStatus" name="goodsStatus" class="layui-input" value="0" lay-verify="required">
<div class="layui-form-item layui-layout-admin" >
<div class="layui-input-block">
<div class="layui-footer" style="left: 0;z-index: 0">
<button type="button" id="subMit" class="layui-btn layui-disabled" lay-submit lay-filter="submitForm" disabled>审核信息</button>
<button type="button" class="layui-btn layui-btn-primary close">返回上级</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="assets/js/vendor/wangEditor/wangEditor.min.js"></script>
<script src="assets/js/vendor/ckplayer/ckplayer/ckplayer.js"></script>
<script src="assets/js/vendor/viewer/viewer.min.js"></script>
<script src="assets/layuiadmin/layui/layui.js"></script>
<script src="assets/layuiadmin/modules/xmSelect.js"></script>
<script>
layui.config({
base: 'assets/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'form', 'laydate', 'laytpl'], function(){
var $ = layui.$;
var form = layui.form;
var laytpl = layui.laytpl;
var laydate = layui.laydate;
var viewerObj = {};
var goodsId = top.restAjax.params(window.location.href).goodsId;
$('#logoImage').on('click', function() {
});
form.on("select(goodsLeaderCity1)", function(data) {
initGoodsLeaderCity2Select(data.value);
});
function initGoodsLeaderCity1Select(selectValue, selectValue2) {
top.restAjax.get(top.restAjax.path('api/area/listbyparentid/0', []), {}, null, function(code, data, args) {
laytpl(document.getElementById('goodsLeaderCity1SelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('goodsLeaderCity1SelectTemplateBox').innerHTML = html;
});
form.render('select', 'goodsLeaderCity1SelectTemplateBox');
if(selectValue) {
var selectObj = {};
selectObj['goodsLeaderCity1'] = selectValue;
form.val('dataForm', selectObj);
initGoodsLeaderCity2Select(selectValue, selectValue2);
}else {
initGoodsLeaderCity2Select(data[0].areaId);
}
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
function initGoodsLeaderCity2Select(value, selectValue) {
top.restAjax.get(top.restAjax.path('api/area/listbyparentid/' + value, []), {}, null, function(code, data, args) {
laytpl(document.getElementById('goodsLeaderCity2SelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('goodsLeaderCity2SelectTemplateBox').innerHTML = html;
});
form.render('select', 'goodsLeaderCity2SelectTemplateBox');
if(selectValue) {
var selectObj = {};
selectObj['goodsLeaderCity2'] = selectValue;
form.val('dataForm', selectObj);
}
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
function initGoodsLeaderIdcardTypeSelect(value) {
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/ce3ded65-68ed-4f42-89da-de1b813b8f7e', []), {}, null, function(code, data, args) {
console.log(data);
laytpl(document.getElementById('goodsLeaderIdcardTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('goodsLeaderIdcardTypeSelectTemplateBox').innerHTML = html;
});
form.render('select', 'goodsLeaderIdcardTypeSelectTemplateBox');
var selectObj = {};
selectObj['goodsLeaderIdcardType'] = value;
form.val('dataForm', selectObj);
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
function initGoodsDevelopSelect(value) {
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/f8bf7112-623c-494c-ad29-ccef5cfe2e1f', []), {}, null, function(code, data, args) {
console.log(data);
laytpl(document.getElementById('goodsDevelopSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('goodsDevelopSelectTemplateBox').innerHTML = html;
});
form.render('select', 'goodsDevelopSelectTemplateBox');
var selectObj = {};
selectObj['goodsDevelop'] = value;
form.val('dataForm', selectObj);
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
var xmSelectDom;
function initGoodsTypeSelect(value) {
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/0b00884a-f7a2-425f-93e5-599fbaad4bde', []), {}, null, function(code, data, args) {
for(var i = 0 ; i < data.length ; i++) {
if(value.indexOf(data[i].dataId) != -1) {
data[i].selected = true;
}
}
xmSelectDom = xmSelect.render({
el: '#goodsType',
data: data,
disabled: true,
prop: {
name: 'dataName',
value: 'dataId',
},
max: 3
});
/* console.log(data);
laytpl(document.getElementById('goodsTypeSelectTemplate').innerHTML).render(data, function(html) {
document.getElementById('goodsTypeSelectTemplateBox').innerHTML = html;
});
form.render('select', 'goodsTypeSelectTemplateBox');
var selectObj = {};
selectObj['goodsType'] = value;
form.val('dataForm', selectObj);*/
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
function closeBox() {
parent.layer.close(parent.layer.getFrameIndex(window.name));
}
function refreshDownloadTemplet(fileName, file) {
var dataRander = {};
dataRander[fileName] = file;
laytpl(document.getElementById(fileName +'FileDownload').innerHTML).render(dataRander, function(html) {
document.getElementById(fileName +'FileBox').innerHTML = html;
});
}
// 初始化文件列表
function initFileList(fileName, ids, callback) {
var dataForm = {};
dataForm[fileName] = ids;
form.val('dataForm', dataForm);
if(!ids) {
refreshDownloadTemplet(fileName, []);
if(callback) {
callback(fileName, []);
}
return;
}
top.restAjax.get(top.restAjax.path('api/file/list', []), {
ids: ids
}, null, function(code, data) {
refreshDownloadTemplet(fileName, data);
if(callback) {
callback(fileName, data);
}
}, function(code, data) {
top.dialog.msg(data.msg);
});
}
// 初始化内容
function initData() {
var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/goods/get/{goodsId}', [goodsId]), {}, null, function(code, data) {
var dataFormData = {};
for(var i in data) {
dataFormData[i] = data[i] +'';
}
form.val('dataForm', dataFormData);
form.render(null, 'dataForm');
initGoodsDevelopSelect(data.goodsDevelop);
initGoodsTypeSelect(data.goodsType);
initGoodsLeaderIdcardTypeSelect(data.goodsLeaderIdcardType);
initGoodsLeaderCity1Select(data.goodsLeaderCity1, data.goodsLeaderCity2);
new Viewer(document.getElementById("basicsLogoSpanDIV"), {
url: "route/file/download/false/" + data.goodsPhoto,
fullscreen: false, // 不需要全屏
title: false, //不需要文件标题
});
if(data.goodsCheckStatus == "1") {
$("#subMit").removeClass("layui-disabled");
$("#subMit").removeAttr("disabled");
}
}, function(code, data) {
top.dialog.msg(data.msg);
}, function() {
loadLayerIndex = top.dialog.msg(top.dataMessage.loading, {icon: 16, time: 0, shade: 0.3});
}, function() {
top.dialog.close(loadLayerIndex);
});
}
initData();
// 提交表单
form.on('submit(submitForm)', function(formData) {
top.layer.confirm('确定提交本次审核?',
{
title: false,
btn: ['通过', '不通过'] //可以无限个按钮
}, function(index, layero){
subCheck("2");
top.layer.close(index);
}, function(index){
top.layer.close(index);
//按钮【按钮二】的回调
top.layer.prompt({
formType: 0, // 输入框类型支持0文本默认
value: '', // 输入框初始值
title: '输入不通过的原因' // 输入框标题
}, function(value, index1){
subCheck("0", value);
// 关闭输入框
top.layer.close(index1);
});
}
);
return false;
});
function subCheck(status, remark) {
top.restAjax.put(top.restAjax.path('api/goods/check', [goodsId]), {goodslogStatus: status, goodslogContent : remark, goodsId: goodsId}, null, function(code, data) {
var layerIndex = top.dialog.msg("信息审核完成.", {
time: 0,
shade: 0.3,
btn: [top.dataMessage.button.yes],
yes: function(index) {
top.layer.close(index);
closeBox();
}
});
}, function(code, data) {
top.dialog.msg(data.msg);
}, function() {
loadLayerIndex = top.dialog.msg(top.dataMessage.committing, {icon: 16, time: 0, shade: 0.3});
}, function() {
top.dialog.close(loadLayerIndex);
});
}
$('.close').on('click', function() {
closeBox();
});
// 校验
form.verify({
});
});
</script>
</body>
</html>