<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<th:block th:include="include :: header('修改公司信息')"/>
|
<th:block th:include="include :: bootstrap-fileinput-css"/>
|
<th:block th:include="include :: datetimepicker-css"/>
|
</head>
|
|
<!--多图上传样式-->
|
<link rel="stylesheet" href="/ajax/libs/layui/css/layui.css" media="all">
|
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-company-edit" th:object="${company}">
|
<input name="companyId" th:field="*{companyId}" type="hidden">
|
<input id="treeId" name="parentId" type="hidden" th:field="*{parentId}"/>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">上级公司：</label>
|
<div class="col-sm-8">
|
<div class="input-group">
|
<input class="form-control" type="text" id="treeName" onclick="selectCompanyTree()" readonly="true"
|
th:field="*{parentName}">
|
<span class="input-group-addon"><i class="fa fa-search"></i></span>
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">公司名称：</label>
|
<div class="col-sm-8">
|
<input name="companyName" th:field="*{companyName}" class="form-control" type="text" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">公司联系人：</label>
|
<div class="col-sm-8">
|
<input name="companyPrincipal" th:field="*{companyPrincipal}" class="form-control" type="text" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">公司地址：</label>
|
<div class="col-sm-8">
|
<input name="companyAddress" th:field="*{companyAddress}" class="form-control" type="text" required>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">公司联系人电话：</label>
|
<div class="col-sm-8">
|
<input name="companyPhone" th:field="*{companyPhone}" class="form-control" type="text" required>
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">公司所在区域：</label>
|
<div class="col-sm-8">
|
<select name="companyRegion" class="form-control" th:field="*{companyRegion}"
|
th:with="type=${@dict.getType('tr_region_list')}">
|
<option value="">--请选择--</option>
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">公司四色平面图：</label>
|
<div class="col-sm-8">
|
<input name="companyFourColorMapUrl" th:value="*{companyFourColorMapUrl}" type="hidden"
|
id="companyFourColorMapUrl">
|
<div class="file-loading">
|
<input name="file" id="companyFourColorMapUrlUpload" type="file">
|
<!-- </div>-->
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">岗位安全风险柱状图：</label>
|
<div class="col-sm-8">
|
<input name="postSafetyRiskBarChartUrl" th:value="*{postSafetyRiskBarChartUrl}" type="hidden"
|
id="postSafetyRiskBarChartUrl">
|
<div class="file-loading">
|
<input name="file" id="postSafetyRiskBarChartUrlUpload" type="file">
|
</div>
|
</div>
|
</div>
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">统一社会信用代码：</label>
|
<div class="col-sm-8">
|
<input name="companyUnifiedSocialCreditCode" th:field="*{companyUnifiedSocialCreditCode}"
|
class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">营业执照：</label>
|
<div class="col-sm-8">
|
<div class="file-loading">
|
<input name="file" id="companyBusinessLicenseUpload" type="file">
|
</div>
|
<input name="companyBusinessLicense" th:value="*{companyBusinessLicense}" type="hidden"
|
id="companyBusinessLicense">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">营业执照注册地址：</label>
|
<div class="col-sm-8">
|
<input name="companyRegisteredAddressOfBusinessLicense"
|
th:field="*{companyRegisteredAddressOfBusinessLicense}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">规模：</label>
|
<div class="col-sm-8">
|
<input name="companyScale" th:field="*{companyScale}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">职工人数(人)：</label>
|
<div class="col-sm-8">
|
<input name="companyNumberOfEmployees" th:field="*{companyNumberOfEmployees}" class="form-control"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">成立时间：</label>
|
<div class="col-sm-8">
|
<div class="input-group date">
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
<input name="companyEstablished"
|
th:value="${#dates.format(company.companyEstablished, 'yyyy-MM-dd')}"
|
class="form-control" placeholder="yyyy-MM-dd" type="text">
|
</div>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">占地面积(㎡)：</label>
|
<div class="col-sm-8">
|
<input name="companyArea" th:field="*{companyArea}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">注册资金(万元)：</label>
|
<div class="col-sm-8">
|
<input name="companyRegisteredCapital" th:field="*{companyRegisteredCapital}" class="form-control"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">资产总额(万元)：</label>
|
<div class="col-sm-8">
|
<input name="companyTotalAssets" th:field="*{companyTotalAssets}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">上年度实际收入(万元)：</label>
|
<div class="col-sm-8">
|
<input name="companyActualIncomeOfThePreviousYear"
|
th:field="*{companyActualIncomeOfThePreviousYear}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">年利润(万元)：</label>
|
<div class="col-sm-8">
|
<input name="companyAnnualProfit" th:field="*{companyAnnualProfit}" class="form-control"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">经济类型：</label>
|
<div class="col-sm-8">
|
<input name="companyEconomicType" th:field="*{companyEconomicType}" class="form-control"
|
type="text">
|
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">所属行业：</label>
|
<div class="col-sm-8">
|
<select name="companyIndustry" class="form-control" th:field="*{companyIndustry}"
|
th:with="type=${@dict.getType('company_industry_type')}"
|
onChange="changeCompanyIndustry(this)">
|
<option value="无">--请选择--</option>
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}"
|
th:value="${dict.dictValue}"></option>
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">所属子行业：</label>
|
<div class="col-sm-8">
|
<select name="companySubIndustry" id="companySubIndustry" class="form-control">
|
<option value="无">--请选择--</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">法定代表人：</label>
|
<div class="col-sm-8">
|
<input name="companyLegalRepresentative" th:field="*{companyLegalRepresentative}"
|
class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">法人职务：</label>
|
<div class="col-sm-8">
|
<input name="companyCorporatePosition" th:field="*{companyCorporatePosition}" class="form-control"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">法人联系方式：</label>
|
<div class="col-sm-8">
|
<input name="companyLegalPersonPhone" th:field="*{companyLegalPersonPhone}" class="form-control"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">法人办公电话：</label>
|
<div class="col-sm-8">
|
<input name="companyCorporateOfficePhone" th:field="*{companyCorporateOfficePhone}"
|
class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">整改负责人：</label>
|
<div class="col-sm-8">
|
<input name="companyPersonInChargeOfRectification"
|
th:field="*{companyPersonInChargeOfRectification}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">整改人电话：</label>
|
<div class="col-sm-8">
|
<input name="companyRectifierPhone" th:field="*{companyRectifierPhone}" class="form-control"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">主管单位：</label>
|
<div class="col-sm-8">
|
<input name="companyOrganizer" th:field="*{companyOrganizer}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">所属集团公司名称：</label>
|
<div class="col-sm-8">
|
<input name="companyGroupCompanyName" th:field="*{companyGroupCompanyName}" class="form-control"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">安全职能部门：</label>
|
<div class="col-sm-8">
|
<input name="companySecurityFunction" th:field="*{companySecurityFunction}" class="form-control"
|
type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">邮政编码：</label>
|
<div class="col-sm-8">
|
<input name="companyPostalCode" th:field="*{companyPostalCode}" class="form-control" type="text">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">简介：</label>
|
<div class="col-sm-8">
|
<textarea name="companyIntroduction" class="form-control">[[*{companyIntroduction}]]</textarea>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">其他：</label>
|
<div class="col-sm-8">
|
<textarea name="companyOther" class="form-control">[[*{companyOther}]]</textarea>
|
</div>
|
</div>
|
|
</form>
|
</div>
|
<th:block th:include="include :: footer"/>
|
<th:block th:include="include :: bootstrap-fileinput-js"/>
|
<th:block th:include="include :: datetimepicker-js"/>
|
<script th:inline="javascript">
|
var companySubIndustryTypeByWeihua = [[${@dict.getType('company_sub_industry_type_by_weihua')}]];
|
|
function changeCompanyIndustry(that) {
|
$("#companySubIndustry").empty();
|
$("#companySubIndustry").append(new Option("--请选择--", "无"));
|
var companyIndustry = $(that).val();
|
if (companyIndustry) {
|
if ("危化" == companyIndustry) {
|
for (var i = 0; i < companySubIndustryTypeByWeihua.length; i++) {
|
$("#companySubIndustry").append(new Option((companySubIndustryTypeByWeihua[i]).dictLabel, (companySubIndustryTypeByWeihua[i]).dictValue));
|
}
|
}
|
}
|
}
|
|
|
$(function () {
|
$("#companySubIndustry").empty();
|
$("#companySubIndustry").append(new Option("--请选择--", "无"));
|
var companyIndustry = $("#companyIndustry").val();
|
if (companyIndustry) {
|
if ("危化" == companyIndustry) {
|
for (var i = 0; i < companySubIndustryTypeByWeihua.length; i++) {
|
$("#companySubIndustry").append(new Option((companySubIndustryTypeByWeihua[i]).dictLabel, (companySubIndustryTypeByWeihua[i]).dictValue));
|
}
|
}
|
}
|
$("#companySubIndustry").val([[${company.companySubIndustry}]])
|
});
|
|
|
var prefix = ctx + "system/company";
|
$("#form-company-edit").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
$.operate.save(prefix + "/edit", $('#form-company-edit').serialize());
|
}
|
}
|
|
$("input[name='companyEstablished']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
|
|
/*公司管理-新增-选择父部门树*/
|
function selectCompanyTree() {
|
var options = {
|
title: '公司选择',
|
width: "380",
|
url: prefix + "/selectCompanyTree/" + $("#treeId").val(),
|
callBack: doSubmit
|
};
|
$.modal.openOptions(options);
|
}
|
|
function doSubmit(index, layero) {
|
var body = layer.getChildFrame('body', index);
|
$("#treeId").val(body.find('#treeId').val());
|
$("#treeName").val(body.find('#treeName').val());
|
layer.close(index);
|
}
|
|
</script>
|
|
<script>
|
|
$(function () {
|
imageUploadEdit($("#companyFourColorMapUrlUpload"), $("#companyFourColorMapUrl"));
|
imageUploadEdit($("#postSafetyRiskBarChartUrlUpload"), $("#postSafetyRiskBarChartUrl"));
|
imageUploadEdit($("#companyBusinessLicenseUpload"), $("#companyBusinessLicense"));
|
});
|
|
//图片上传
|
function imageUploadEdit(thatFile, thatUrl) {
|
//处理预览数据
|
var urlObj = $(thatUrl).val();
|
var previewUrl = [];
|
var config = [];
|
var previewKeys = [];
|
if (urlObj) {
|
urlObj = JSON.parse(urlObj);
|
for (var key in urlObj) {
|
previewUrl.push(urlObj[key]);
|
var tem = {};
|
tem['key'] = key;
|
config.push(tem);
|
previewKeys.push(key);
|
}
|
}
|
;
|
|
//图片上传
|
var params = {
|
'theme': 'explorer-fas',
|
'uploadUrl': ctx + 'common/defUpload',
|
'deleteUrl': '#',
|
showUpload: false,
|
overwriteInitial: false,
|
initialPreviewAsData: true,
|
language: 'zh',
|
uploadAsync: true,
|
dropZoneEnabled: false,
|
maxFileCount: 10,
|
resizeImage: false,
|
showCaption: false,
|
showPreview: true,
|
browseClass: "btn btn-primary btn-lg",
|
allowedFileExtensions: ['jpg', 'png', 'gif', 'jpeg', 'bmp'],
|
previewFileIcon: "",
|
initialPreviewConfig: config,
|
initialPreview: previewUrl
|
};
|
var lastThatFile =
|
$(thatFile).fileinput(params)
|
.on("filebatchselected", function (event, data) {
|
//选择即上传
|
$(thatFile).fileinput("upload");
|
})
|
.on('fileuploaded', function (event, data, previewId, index) {
|
//处理上传后数据，上传后插件会将现有上传文件previewId重排，，此时需对现有地址数据做重排处理，此时有预览数据，预览数据不做处理
|
let count = 0;
|
let imgUrl = {};
|
if ($(thatUrl).val()) {
|
let temp = JSON.parse($(thatUrl).val());
|
for (let key in temp) {
|
if (previewKeys.indexOf(key) == -1) {
|
imgUrl[previewId.substr(0, previewId.length - 1) + count] = temp[key];
|
count++;
|
} else {
|
imgUrl[key] = temp[key];
|
}
|
}
|
}
|
;
|
previewId = previewId.substr(0, previewId.length - 1) + count;
|
imgUrl[previewId] = data.response.url;
|
$(thatUrl).val(JSON.stringify(imgUrl));
|
})
|
.on('filesuccessremove', function (event, previewId) {
|
//点击缩略图中删除按钮触发此事件（此事件是新上传图片缩略图触发）
|
var imgUrl = JSON.parse($(thatUrl).val());
|
delete imgUrl[previewId];
|
$(thatUrl).val(JSON.stringify(imgUrl));
|
})
|
.on('filedeleted', function (event, key) {
|
//点击缩略图中删除按钮触发此事件（此事件是初始化预览图片缩略图触发）
|
var tem = JSON.parse($(thatUrl).val());
|
delete tem[key];
|
let index = previewKeys.indexOf(key);
|
if (index != -1)
|
delete previewKeys[index];
|
$(thatUrl).val(JSON.stringify(tem));
|
})
|
.on('filecleared', function (event) {
|
//点击左下角移除或者右上角×号按钮触发此事件，此时需把初始化预览图片置空
|
$(thatUrl).val("");
|
$(thatFile).fileinput('refresh', {initialPreview: []});
|
});
|
}
|
|
</script>
|
</body>
|
</html>
|
