<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<th:block th:include="include :: header('新增公司信息')"/>
|
<th:block th:include="include :: jasny-bootstrap-css"/>
|
<th:block th:include="include :: bootstrap-fileinput-css"/>
|
<th:block th:include="include :: datetimepicker-css"/>
|
</head>
|
|
<body class="white-bg">
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
<form class="form-horizontal m" id="form-company-add">
|
<input id="treeId" name="parentId" type="hidden" value="0"/>
|
<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" onclick="selectCompanyTree()" id="treeName" readonly="true"
|
value="">
|
<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" 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" 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" 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" 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: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">
|
<div class="file-loading">
|
<input name="file" id="companyFourColorMapUrlUpload" type="file">
|
</div>
|
</div>
|
</div>
|
<input name="companyFourColorMapUrl" type="hidden" id="companyFourColorMapUrl">
|
|
<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="postSafetyRiskBarChartUrlUpload" type="file">
|
</div>
|
</div>
|
</div>
|
<input name="postSafetyRiskBarChartUrl" type="hidden" id="postSafetyRiskBarChartUrl">
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">统一社会信用代码：</label>
|
<div class="col-sm-8">
|
<input name="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>
|
</div>
|
|
<input name="companyBusinessLicense" type="hidden" id="companyBusinessLicense">
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">营业执照注册地址：</label>
|
<div class="col-sm-8">
|
<input name="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" 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" 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" 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" 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" 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" 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" 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" 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" 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: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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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"></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"></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));
|
}
|
}
|
}
|
}
|
|
|
var prefix = ctx + "system/company";
|
$("#form-company-add").validate({
|
focusCleanup: true
|
});
|
|
function submitHandler() {
|
if ($.validate.form()) {
|
$.operate.save(prefix + "/add", $('#form-company-add').serialize());
|
}
|
}
|
|
/*公司管理-新增-选择父部门树*/
|
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);
|
}
|
|
|
$("input[name='companyEstablished']").datetimepicker({
|
format: "yyyy-mm-dd",
|
minView: "month",
|
autoclose: true
|
});
|
|
$(function () {
|
imageUploadAdd($("#companyFourColorMapUrlUpload"), $("#companyFourColorMapUrl"));
|
imageUploadAdd($("#postSafetyRiskBarChartUrlUpload"), $("#postSafetyRiskBarChartUrl"));
|
imageUploadAdd($("#companyBusinessLicenseUpload"), $("#companyBusinessLicense"));
|
});
|
|
//图片上传
|
function imageUploadAdd(thatFile, thatUrl) {
|
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: ""
|
};
|
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) {
|
imgUrl[previewId.substr(0, previewId.length - 1) + count] = temp[key];
|
count++;
|
}
|
}
|
;
|
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('filecleared', function (event) {
|
//点击左下角移除或者右上角×号按钮触发此事件
|
$(thatUrl).val("");
|
});
|
}
|
</script>
|
|
</body>
|
</html>
|
