system-ai-shop/src/main/resources/templates/goods/check.html
java_cuibaocheng@163.com 9525e4b7ff 初始化
2024-05-09 14:56:55 +08:00

522 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>