595 lines
29 KiB
HTML
595 lines
29 KiB
HTML
<!doctype html>
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
<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-label-new{
|
|
background-color: #FFFFFF !important;
|
|
border:none !important;
|
|
padding: 8px 1px !important;
|
|
width: 90px !important;
|
|
}
|
|
|
|
.layui-input-block-new{
|
|
margin-left: 90px !important;
|
|
}
|
|
|
|
.layui-input{
|
|
border-style: hidden;
|
|
padding-left: 0px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.layui-form-text .layui-form-label{
|
|
background-color: #FFFFFF !important;
|
|
border:none !important;
|
|
}
|
|
|
|
#logoImage{
|
|
width: 185px;
|
|
height: 185px;
|
|
cursor: pointer;
|
|
}
|
|
.area-module {
|
|
border: 1px solid #e6e6e6;
|
|
}
|
|
.layui-rate {
|
|
padding: 5px 5px 0px 0;
|
|
}
|
|
|
|
.layui-rate li i.layui-icon {
|
|
font-size: 16px;
|
|
}
|
|
.layui-form-pane .layui-form-label{
|
|
text-align: left;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="layui-fluid layui-anim layui-anim-fadein">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-md7">
|
|
<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>
|
|
</div>
|
|
<div class="layui-card-body" style="height: 80vh;">
|
|
<form class="layui-form layui-form-pane" lay-filter="dataForm">
|
|
<div class="layui-row layui-col-space15">
|
|
<div class="layui-col-md7"></div>
|
|
<div class="layui-col-md5"></div>
|
|
</div>
|
|
<div class="layui-row layui-col-space12">
|
|
<div class="layui-col-md3">
|
|
<div class="layui-form-item" style="text-align: center;">
|
|
<img id="logoImage" src="assets/images/profile-photo.jpg" title="点击修改头像">
|
|
<input type="hidden" id="basicsLogo" name="basicsLogo">
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md9">
|
|
<div class="layui-row">
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">审核状态：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input readonly type="text" id="auditStatus" class="layui-input" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<textarea id="basicsIntro" style="display: none" name="basicsIntro" lay-verify="basicsIntro"></textarea>
|
|
<label class="layui-form-label layui-form-label-new">机构简介：</label>
|
|
<div class="layui-input-block-new layui-input-block">
|
|
<a style="line-height: 36px;height: 36px;color:blue" href="javascript:void(0)" id="editBasicsIntro" >点此查看</a>
|
|
<!-- <button type="button" class="layui-btn layui-btn-xs" id="editBasicsIntro" style="line-height: 34px;height: 34px;">点此编辑简介【编辑后需提交修改】</button>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">接单总量：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input readonly type="text" class="layui-input " value="0" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">完成总量：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input readonly type="text" class="layui-input" value="0" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">接单金额：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input readonly type="text" class="layui-input" value="0" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">账号余额：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input readonly type="text" class="layui-input" value="0" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">提现金额：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input readonly type="text" class="layui-input" value="0" maxlength="50">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">客户满意度：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<div id="agentRate"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-row layui-col-space12">
|
|
<div class="layui-row">
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">机构名称：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input type="text" id="basicsName" name="basicsName" class="layui-input from-field" value="" readonly placeholder="请输入机构名称" maxlength="50" lay-verify="basicsName">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">机构地址：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input type="text" id="basicsAddresss" name="basicsAddresss" class="layui-input from-field" readonly value="" placeholder="请输入机构地址" maxlength="100" lay-verify="basicsAddresss">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-row">
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">联系人：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input type="text" id="basicsContactPerson" name="basicsContactPerson" readonly class="layui-input from-field" value="" placeholder="请输入联系人" maxlength="50" lay-verify="basicsContactPerson">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md6">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label layui-form-label-new">联系电话：</label>
|
|
<div class="layui-input-block layui-input-block-new">
|
|
<input type="text" id="basicsContactNumber" name="basicsContactNumber" readonly class="layui-input from-field" value="" placeholder="请输入联系电话" maxlength="20" lay-verify="basicsContactNumber">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="layui-row layui-col-space12">
|
|
<div class="layui-form-item layui-form-text">
|
|
<label class="layui-form-label">简介</label>
|
|
<div class="layui-input-block">
|
|
<textarea id="basicsIntro" readonly name="basicsIntro" class="layui-textarea from-field" placeholder="请输入简介" lay-verify="basicsIntro"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>-->
|
|
|
|
<!-- <div class="layui-input-block">
|
|
<textarea id="basicsIntro" style="display: none" name="basicsIntro" lay-verify="basicsIntro"></textarea>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-form-text">
|
|
<div class="layui-input-block">
|
|
<button type="button" class="layui-btn" id="editBasicsIntro">点此查看简介</button>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<div class="layui-row layui-col-space12">
|
|
<div class="layui-form-item layui-form-text">
|
|
<label class="layui-form-label">资质图片</label>
|
|
<div class="layui-input-block">
|
|
<input type="hidden" id="basicsCertification" name="basicsCertification" lay-verify="basicsCertification">
|
|
<div class="layui-btn-container" id="basicsCertificationFileBox" style="border: 1px solid #e6e6e6;"></div>
|
|
<script id="basicsCertificationFileDownload" type="text/html">
|
|
{{# var fileName = 'basicsCertification'; }}
|
|
{{# if(d[fileName].length > 0) { }}
|
|
{{# var files = d[fileName];}}
|
|
{{# for(var i = 0, item = files[i]; item = files[i++];) { }}
|
|
<div class="upload-image-box">
|
|
<span class="upload-image-span">
|
|
<img src="{{d.AgentServerUrl}}route/file/download/false/{{item.fileId}}" align="加载失败">
|
|
</span>
|
|
</div>
|
|
{{# } }}
|
|
{{# } }}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item layui-layout-admin">
|
|
<div class="layui-input-block">
|
|
<div class="layui-footer" style="left: 0; width: 100%;">
|
|
<button type="button" class="layui-btn close" >返回列表</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-md5">
|
|
<div class="layui-card">
|
|
<div class="layui-card-header">
|
|
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
|
|
<a class="" href="javascript:void(0);">代理价格</a>
|
|
</span>
|
|
</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-row">
|
|
<table class="layui-table" lay-skin="line" lay-size="sm">
|
|
<colgroup>
|
|
<col width="150">
|
|
<col width="200">
|
|
<col>
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>类型</th>
|
|
<th>对外发布价格(单位：元)</th>
|
|
<th>平台佣金</th>
|
|
<th>代理商收益</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>普通件</td>
|
|
<td>
|
|
<input type="text" readonly id="basicsNormalPrice" name="basicsNormalPrice" class="layui-input" value="" placeholder="未设置价格" maxlength="20">
|
|
</td>
|
|
<td>20%</td>
|
|
<td>= 对外发布价格 - 对外发布价格 * 0.2</td>
|
|
</tr>
|
|
<tr>
|
|
<td>加急件</td>
|
|
<td>
|
|
<input type="text" readonly id="basicsUrgentPrice" name="basicsUrgentPrice" class="layui-input" value="" placeholder="未设置价格" maxlength="20">
|
|
</td>
|
|
<td>20%</td>
|
|
<td>= 对外发布价格 - 对外发布价格 * 0.2</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-card" style="overflow-y: auto">
|
|
<div class="layui-card-header">
|
|
<span class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
|
|
<a class="" href="javascript:void(0);">审核日志</a>
|
|
</span>
|
|
</div>
|
|
<div class="layui-card-body" id="app" v-cloak style="height:54vh; overflow: auto;">
|
|
<div class="layui-row">
|
|
<ul class="layui-timeline">
|
|
<li class="layui-timeline-item" v-for="data in logList">
|
|
<i class="layui-icon layui-timeline-axis"></i>
|
|
<div class="layui-timeline-content layui-text">
|
|
<div class="layui-timeline-title">
|
|
<span>{{ data.gmtCreate }}</span>
|
|
</div>
|
|
<div class="log-content">
|
|
<p>
|
|
<span>{{ data.creatorName }} - </span>
|
|
<span v-if="data.auditLogType == 'AUDIT_SUBMIT'">提交审核</span>
|
|
<span v-if="data.auditLogType == 'AUDIT_YES'">审核通过</span>
|
|
<span v-if="data.auditLogType == 'AUDIT_NO'">审核未通过</span>
|
|
</p>
|
|
<p>
|
|
{{ data.auditLogExplain }}
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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/js/vue.min.js"></script>
|
|
<script>
|
|
layui.config({
|
|
base: 'assets/layuiadmin/' //静态资源所在路径
|
|
}).extend({
|
|
index: 'lib/index' //主入口模块
|
|
}).use(['index', 'form', 'laydate', 'laytpl', 'rate'], function(){
|
|
var $ = layui.$;
|
|
var form = layui.form;
|
|
var laytpl = layui.laytpl;
|
|
var laydate = layui.laydate;
|
|
var rate = layui.rate;
|
|
var viewerObj = {};
|
|
var basicsId = top.restAjax.params(window.location.href).basicsId;
|
|
var auditStatus;
|
|
|
|
$("#editBasicsIntro").click(function() {
|
|
var html = $("#basicsIntro").val();
|
|
var layIndex = top.layer.open({//layui的弹出层直接把获取到的编辑器html内容放到里面就可以显示
|
|
title: '代理商简介',
|
|
type: 1,
|
|
area: ['85%', '85%'],
|
|
content: html//通过编辑器的监听onchange事件把编辑器内容放到id为bBody的input里
|
|
});
|
|
});
|
|
|
|
$('#logoImage').on('click', function() {
|
|
top.dialog.open({
|
|
url: '[[${AgentServerUrl}]]route/file/uploadimage?fileId='+ $('#basicsLogo').val(),
|
|
title: '上传LOGO',
|
|
width: '800px',
|
|
height: '470px',
|
|
onClose: function() {
|
|
var uploadImage = top.dialog.dialogData.uploadImage;
|
|
if(typeof(uploadImage) != 'undefined' && null != uploadImage && '' != uploadImage) {
|
|
$('#logoImage').attr('src', '[[${AgentServerUrl}]]route/file/download/false/' + uploadImage);
|
|
$('#basicsLogo').val(uploadImage);
|
|
}
|
|
}
|
|
})
|
|
});
|
|
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
logList: [],
|
|
},
|
|
methods: {
|
|
/* 审核日志*/
|
|
initLogList: function(){
|
|
var self = this;
|
|
var loadLayerIndex;
|
|
top.restAjax.get(top.restAjax.path('[[${AgentServerUrl}]]api/auditlog/list/{auditServiceId}', [basicsId]), {
|
|
}, null, function(code, data) {
|
|
self.logList = data;
|
|
}, 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);
|
|
});
|
|
},
|
|
},
|
|
mounted: function () {
|
|
var self = this;
|
|
self.initLogList();
|
|
}
|
|
});
|
|
|
|
function closeBox() {
|
|
parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
}
|
|
|
|
function refreshDownloadTemplet(fileName, file) {
|
|
var dataRander = {};
|
|
dataRander[fileName] = file;
|
|
dataRander['auditStatus'] = auditStatus;
|
|
dataRander['AgentServerUrl'] = '[[${AgentServerUrl}]]';
|
|
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('[[${AgentServerUrl}]]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 initAgentRate() {
|
|
rate.render({
|
|
elem: '#agentRate'
|
|
,value: 0
|
|
,text: false
|
|
,readonly: true
|
|
,setText: function(value){ //自定义文本的回调
|
|
var arrs = {
|
|
'1': '极差'
|
|
,'2': '差'
|
|
,'3': '中等'
|
|
,'4': '好'
|
|
,'5': '极好'
|
|
};
|
|
this.span.text(arrs[value] || ( value + "星"));
|
|
}
|
|
});
|
|
}
|
|
|
|
// 初始化资质图片图片上传
|
|
function initBasicsCertificationUploadFile() {
|
|
var files = $('#basicsCertification').val();
|
|
initFileList('basicsCertification', files, function(fileName) {
|
|
var viewer = new Viewer(document.getElementById(fileName +'FileBox'), {navbar: false});
|
|
viewerObj[fileName] = viewer;
|
|
});
|
|
|
|
form.on('button(basicsCertificationUploadFile)', function(obj) {
|
|
var name = this.dataset.name;
|
|
var explain = this.dataset.explain;
|
|
top.dialog.file({
|
|
type: 'image',
|
|
title: '上传'+ explain,
|
|
width: '400px',
|
|
height: '420px',
|
|
maxFileCount: '1',
|
|
onClose: function() {
|
|
var uploadFileArray = top.dialog.dialogData.uploadFileArray;
|
|
if(typeof(uploadFileArray) != 'undefined' && uploadFileArray.length > 0) {
|
|
var files = $('#'+ name).val();
|
|
for(var j = 0, file = uploadFileArray[j]; file = uploadFileArray[j++];) {
|
|
if(files.length > 0) {
|
|
files += ',';
|
|
}
|
|
files += file.data;
|
|
}
|
|
initFileList(name, files, function(fileName) {
|
|
viewerObj[fileName].update();
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
form.on('button(basicsCertificationRemoveFile)', function(obj) {
|
|
var name = this.dataset.name;
|
|
var id = this.dataset.id;
|
|
var files = $('#'+ name).val().replace(id, '');
|
|
files = files.replace(/\,+/g, ',');
|
|
if(files.charAt(0) == ',') {
|
|
files = files.substring(1);
|
|
}
|
|
if(files.charAt(files.length - 1) == ',') {
|
|
files = files.substring(0, files.length - 1);
|
|
}
|
|
initFileList(name, files, function(fileName) {
|
|
viewerObj[fileName].update();
|
|
});
|
|
});
|
|
}
|
|
|
|
|
|
// 待审核
|
|
function auditAwait(){
|
|
$('#auditStatus').css({
|
|
'color': 'blue'
|
|
}).val('待审核');
|
|
|
|
$(".from-field").prop("readonly", true);
|
|
|
|
$('#logoImage').off('click');
|
|
$('.remove-image').remove();
|
|
$('.upload-image-box').remove();
|
|
}
|
|
// 通过
|
|
function auditYes(){
|
|
$('#auditStatus').css({
|
|
'color': 'green'
|
|
}).val('通过');
|
|
}
|
|
|
|
// 未通过
|
|
function auditNO(){
|
|
$('#auditStatus').css({
|
|
'color': 'red'
|
|
}).val('未通过');
|
|
}
|
|
|
|
// 初始化内容
|
|
function initData() {
|
|
var loadLayerIndex;
|
|
top.restAjax.get(top.restAjax.path('[[${AgentServerUrl}]]api/basics/get/{basicsId}', [basicsId]), {}, null, function(code, data) {
|
|
var dataFormData = {};
|
|
for(var i in data) {
|
|
dataFormData[i] = data[i] +'';
|
|
}
|
|
form.val('dataForm', dataFormData);
|
|
form.render(null, 'dataForm');
|
|
auditStatus = data.auditStatus;
|
|
|
|
initBasicsCertificationUploadFile();
|
|
initAgentRate();
|
|
if('AWAIT' === data.auditStatus){
|
|
auditAwait();
|
|
} else if('YES' === data.auditStatus){
|
|
auditYes();
|
|
} else if('NO' === data.auditStatus){
|
|
auditNO();
|
|
}else{
|
|
alert('系统错误')
|
|
}
|
|
var arr = data.priceDTOS;
|
|
for(var i = 0 ; i < arr.length ; i++) {
|
|
if(arr[i].priceType == 'NORMAL') {
|
|
$("#basicsNormalPrice").val((parseFloat(arr[i].typePrice) / 100).toFixed(2));
|
|
}
|
|
if(arr[i].priceType == 'URGENT') {
|
|
$("#basicsUrgentPrice").val((parseFloat(arr[i].typePrice) / 100).toFixed(2));
|
|
}
|
|
}
|
|
$('#logoImage').attr('src', '[[${AgentServerUrl}]]route/file/download/false/' + data.basicsLogo);
|
|
}, 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();
|
|
|
|
$('.close').on('click', function() {
|
|
closeBox();
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|