Files
QingLong/WebRoot/view/tb/zbdc/cgzb_xx_new.html

1165 lines
52 KiB
HTML
Raw Permalink Normal View History

2025-08-15 09:13:13 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="../../../component/pear/css/pear.css" />
<style>
html,
body,
form {
height: 100%;
margin: 0;
overflow: hidden;
}
.layui-card {
height: calc(100% - 1px);
overflow: auto;
}
.require-star {
position: absolute;
width: 3px;
height: 14px;
background-color: #ea4335;
top: 12px;
right: 8px;
border-radius: 1.5px;
}
.input-width {
max-width: 230px
}
.layui-form-item {
margin-bottom: 0;
}
.layui-card-header {
border-bottom: 1px solid #EEEEEE;
}
.text {
display: block;
padding: 9px 15px;
width: 230px;
font-weight: 400;
line-height: 20px;
}
.layui-form-label {
width: 196px
}
.layui-input-block {
width: 346px
}
.header_top {
border-top: 1px solid #EEEEEE;
}
.layui-card-header {
font-weight: bolder;
background-color: #f8f8f8;
}
.mainBox {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
bottom: 50px;
overflow: auto;
}
.bottom {
width: 100%;
position: absolute;
bottom: 0px;
/* left: 0px; */
height: 50px;
line-height: 50px;
background-color: #F8F8F8;
border-top: 1px solid #eee;
}
.button-container {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 150px;
}
.addIcon {
height: 38px;
display: flex;
align-items: center;
}
</style>
</head>
<body class="pear-container">
<form class="layui-form" lay-filter="myForm">
<div class="mainBox">
<div class="layui-card">
<div class="layui-card-header">小学科学</div>
<div class="layui-card-body" id="div_xxkx">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>实验室建设年份:
</label>
<div class="layui-input-block">
<input type="text" name="xx_kxsysjsny" lay-verify="required" autocomplete="off"
value="2024" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>实验室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_kxsysmj" lay-verify="required|number" autocomplete="off"
value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
</div>
<div style="margin-left: 226px;margin-top: 20px;" id="basics_xxkx_sys">
<i class="layui-icon layui-icon-add-circle"
style="font-size: 24px;color: #2d8cf0;cursor: pointer;" id="xxkx_sys_addItem"></i>
</div>
<div class="layui-row" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>仪器室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_kxqqrsmj" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
<div class="layui-col-xs4">
</div>
</div>
<div style="margin-left: 226px;margin-top: 20px;" id="basics_xxkx_yqs">
<i class="layui-icon layui-icon-add-circle"
style="font-size: 24px;color: #2d8cf0;cursor: pointer;" id="xxkx_yqs_addItem"></i>
</div>
<div class="layui-row" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>准备室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_kxzbrsmj" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
<div class="layui-col-xs4">
</div>
</div>
<div style="margin-left: 226px;margin-top: 20px;" id="basics_xxkx_zbs">
<i class="layui-icon layui-icon-add-circle"
style="font-size: 24px;color: #2d8cf0;cursor: pointer;" id="xxkx_zbs_addItem"></i>
</div>
</div>
<div class="layui-card-header header_top">音乐</div>
<div class="layui-card-body" id="div_xxyy">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>器材库(间数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_yqqjkkjshu" handle="false" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
<div class="layui-col-xs4">
</div>
</div>
<div class="layui-row" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>教室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_yqjtrmj" lay-verify="required|number" autocomplete="off"
value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
<div class="layui-col-xs4">
</div>
</div>
<div style="margin-left: 226px;margin-top: 20px;" id="basics_xxyy_js">
<i class="layui-icon layui-icon-add-circle"
style="font-size: 24px;color: #2d8cf0;cursor: pointer;" id="xxyy_js_addItem"></i>
</div>
</div>
<div class="layui-card-header header_top">体育</div>
<div class="layui-card-body">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>体育馆(数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tygyshshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>器材库(间数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tyqjkkjshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
</div>
</div>
<div class="layui-card-header header_top">美术</div>
<div class="layui-card-body" id="div_xxms">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>美术器材库(间数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_msqjkkjshu" handle="false" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
<div class="layui-col-xs4">
</div>
</div>
<div class="layui-row" id="" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>美术教室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_msjtrmj" lay-verify="required|number" autocomplete="off"
value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
<div class="layui-col-xs4">
</div>
</div>
<div style="margin-left: 226px;margin-top: 20px;" id="basics_xxms_msjs">
<i class="layui-icon layui-icon-add-circle"
style="font-size: 24px;color: #2d8cf0;cursor: pointer;" id="xxms_msjs_addItem"></i>
</div>
<div class="layui-row" id="" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>书法教室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_msfsjtrmj" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
<div class="layui-col-xs4">
</div>
</div>
<div style="margin-left: 226px;margin-top: 20px;" id="basics_xxms_sfjs">
<i class="layui-icon layui-icon-add-circle"
style="font-size: 24px;color: #2d8cf0;cursor: pointer;" id="xxms_sfjs_addItem"></i>
</div>
</div>
<div class="layui-card-header header_top">劳动教育</div>
<div class="layui-card-body" id="div_xxldjy">
<div id="ljItmes">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>教室分类:
</label>
<div class="layui-input-inline" style="width: 230px;">
<select temp="xx_ljSelect" id="xx_defaultSelect" lay-filter="xx_defaultSelect">
<option value="xx_ldjyqlhwsrshu">清洁与卫生</option>
<option value="xx_ldjyzyhwsrshu">整理与收纳</option>
<option value="xx_ldjyprwywsrshu">烹饪与营养</option>
<option value="xx_ldjyjyqyqsyyh">家用器具使用与维护</option>
<option value="xx_ldjynyscld">农业生产劳动</option>
<option value="xx_ldjyccgyz">传统工艺制作</option>
<option value="xx_ldjygyscld">工业生产劳动</option>
<option value="xx_ldjyxjstyyyy">新技术体验与应用</option>
<option value="xx_ldjyxdfwyld">现代服务业劳动</option>
<option value="xx_ldjyqt">其他</option>
</select>
</div>
</div>
</div>
<div class="layui-col-xs4" id="xx_ldjy_custom" style="display: none;">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>自定义教室分类:
</label>
<div class="layui-input-block">
<input type="text" id="xx_default_custom_name" lay-verify="" autocomplete="off"
class="layui-input input-width" name="xx_ldjy_jsfl">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>室数:
</label>
<div class="layui-input-block">
<input type="text" id="xx_defaultInput" name="xx_ldjy_js" temp="xx_ljCount"
lay-verify="required|number" autocomplete="off" value="0"
class="layui-input input-width">
</div>
</div>
</div>
</div>
</div>
<div style="margin-left: 226px;margin-top: 20px;">
<i class="layui-icon layui-icon-add-circle"
style="font-size: 24px;color: #2d8cf0;cursor: pointer;" id="xx_addLjItem"></i>
</div>
</div>
<div class="layui-card-header header_top">创客</div>
<div class="layui-card-body" id="div_xxck">
<div id="ckItmes">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>教室分类:
</label>
<div class="layui-input-block">
<input type="text" name="xx_ckjslx" handle="false" lay-verify="required"
autocomplete="off" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>教室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_ckjsmj" lay-verify="required|number" autocomplete="off"
value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
</div>
</div>
<div style="margin-left: 226px;margin-top: 20px;" id="basics_xxck">
<i class="layui-icon layui-icon-add-circle"
style="font-size: 24px;color: #2d8cf0;cursor: pointer;" id="xxck_addItem"></i>
</div>
</div>
<div class="layui-card-header header_top">图书馆</div>
<div class="layui-card-body">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>藏书室(室数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsgcsshshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>藏书室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsgcssmj" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>纸质图书册数:
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsgzjtsjcshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
</div>
<div class="layui-row" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>电子图书册数:
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsgdztsjcshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>教师阅览室(室数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsglsyysrshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>教师阅览室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsglsyysmj" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
</div>
<div class="layui-row" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>学生阅览室(室数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsgsyysrshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>学生阅览室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsgsyysmj" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>电子阅览室(室数)
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsgdzyysrshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
</div>
<div class="layui-row" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>电子阅览室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_tsgdzyysmj" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
<div class="layui-col-xs4">
</div>
</div>
</div>
<div class="layui-card-header header_top">心理辅导室</div>
<div class="layui-card-body">
<div class="layui-row" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>心理辅导室(室数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_xldfshshu" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>心理辅导室总面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_xldfsmj" lay-verify="required|number" autocomplete="off"
value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
</div>
</div>
<div class="layui-card-header header_top">卫生室(保健室)</div>
<div class="layui-card-body">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>卫生室(室数):
</label>
<div class="layui-input-block">
<input type="text" name="xx_wsrshu" lay-verify="required|number" autocomplete="off"
value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>卫生室面积(㎡):
</label>
<div class="layui-input-block">
<input type="text" name="xx_wsrmj" lay-verify="required|number" autocomplete="off"
value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
</div>
</div>
</div>
<div class="layui-card-header header_top">护眼灯</div>
<div class="layui-card-body">
<div class="layui-row">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>教室数量:
</label>
<div class="layui-input-block">
<input type="text" id="xx_hjdjs_total" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>已改造教室数量:
</label>
<div class="layui-input-block">
<input type="text" id="xx_hjdjs_y" name="xx_hjddjzsks" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>未改造教室数量:
</label>
<div class="layui-input-block">
<input type="text" id="xx_hjdjs_n" name="xx_hjddwjzsks" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
</div>
<div class="layui-row" style="margin-top: 10px;">
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>功能室数量:
</label>
<div class="layui-input-block">
<input type="text" id="xx_hjdgns_total" lay-verify="required|number"
autocomplete="off" value="0" class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>已改造功能室数量:
</label>
<div class="layui-input-block">
<input type="text" id="xx_hjdgns_y" name="xx_hjddjzgnqshu"
lay-verify="required|number" autocomplete="off" value="0"
class="layui-input input-width">
</div>
</div>
</div>
<div class="layui-col-xs4">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-star"></span>未改造功能教室数量:
</label>
<div class="layui-input-block">
<input type="text" id="xx_hjdgns_n" name="xx_hjddwjzgnqshu"
lay-verify="required|number" autocomplete="off" value="0"
class="layui-input input-width">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="button-container">
<button type="submit" class="pear-btn pear-btn-primary pear-btn-sm" lay-submit="" lay-filter="save">
<i class="layui-icon layui-icon-ok"></i>
保存
</button>
&nbsp;&nbsp;&nbsp;&nbsp;
<button type="reset" class="pear-btn pear-btn-sm">
<i class="layui-icon layui-icon-refresh"></i>
重置
</button>
</div>
</div>
</form>
<script src="../../../component/layui/layui.js"></script>
<script src="../../../component/pear/pear.js"></script>
<script src="./template_xx.js"></script>
<script src="../../../component/pear/base64.js"></script>
<script>
layui.use(function () {
var form = layui.form;
var $ = layui.jquery;
// var _id = "dDCmaETOqE";
// var _html = appendXxkxSysItem(_id);
// $('#basics_xxkx_sys').after(_html);
// var _obj = {};
// _obj["xx_kxsysjsny_" + _id] = 111;
// form.val("myForm", _obj);
// $('#div_xxkx').empty();
$.ajax({
type: "GET",
async: false,
url: "/QingLong/zbdc/getSchoolCgzb",
success: function (res) {
// if (typeof res.xx_kxsysshshu !== 'undefined') {
// var arr = ["xx_ldjyqlhwsrshu", "xx_ldjyzyhwsrshu", "xx_ldjyprwywsrshu", "xx_ldjyjyqyqsyyh", "xx_ldjynyscld", "xx_ldjyccgyz", "xx_ldjygyscld", "xx_ldjyxjstyyyy", "xx_ldjyxdfwyld"];
// var ljRes = arr.filter(function (key) {
// return res[key] !== 0;
// });
// if (ljRes.length > 0) {
// ljRes.forEach(function (item, index) {
// if (index == 0) {
// $('#xx_defaultSelect').val(item);
// $('#xx_defaultInput').val(res[item]);
// form.render();
// } else {
// var id = generateRandomString();
// appendLjItem(id);
// $('#xx_select_' + id).val(item);
// $('#xx_input_' + id).val(res[item]);
// }
// });
// form.render();
// }
// }
form.val("myForm", {
"xx_tygyshshu": res.xx_tygyshshu == null ? 0 : res.xx_tygyshshu
, "xx_tyqjkkjshu": res.xx_tyqjkkjshu == null ? 0 : res.xx_tyqjkkjshu
, "xx_tsgcsshshu": res.xx_tsgcsshshu == null ? 0 : res.xx_tsgcsshshu
, "xx_tsgcssmj": res.xx_tsgcssmj == null ? 0 : res.xx_tsgcssmj
, "xx_tsgzjtsjcshu": res.xx_tsgzjtsjcshu == null ? 0 : res.xx_tsgzjtsjcshu
, "xx_tsgdztsjcshu": res.xx_tsgdztsjcshu == null ? 0 : res.xx_tsgdztsjcshu
, "xx_tsglsyysrshu": res.xx_tsglsyysrshu == null ? 0 : res.xx_tsglsyysrshu
, "xx_tsglsyysmj": res.xx_tsglsyysmj == null ? 0 : res.xx_tsglsyysmj
, "xx_tsgsyysrshu": res.xx_tsgsyysrshu == null ? 0 : res.xx_tsgsyysrshu
, "xx_tsgsyysmj": res.xx_tsgsyysmj == null ? 0 : res.xx_tsgsyysmj
, "xx_tsgdzyysrshu": res.xx_tsgdzyysrshu == null ? 0 : res.xx_tsgdzyysrshu
, "xx_tsgdzyysmj": res.xx_tsgdzyysmj == null ? 0 : res.xx_tsgdzyysmj
, "xx_xldfshshu": res.xx_xldfshshu == null ? 0 : res.xx_xldfshshu
, "xx_xldfsmj": res.xx_xldfsmj == null ? 0 : res.xx_xldfsmj
, "xx_wsrshu": res.xx_wsrshu == null ? 0 : res.xx_wsrshu
, "xx_wsrmj": res.xx_wsrmj == null ? 0 : res.xx_wsrmj
, "xx_hjddjzsks": res.xx_hjddjzsks == null ? 0 : res.xx_hjddjzsks
, "xx_hjddwjzsks": res.xx_hjddwjzsks == null ? 0 : res.xx_hjddwjzsks
, "xx_hjddjzgnqshu": res.xx_hjddjzgnqshu == null ? 0 : res.xx_hjddjzgnqshu
, "xx_hjddwjzgnqshu": res.xx_hjddwjzgnqshu == null ? 0 : res.xx_hjddwjzgnqshu
});
var _xx_hjdjs_y = $('#xx_hjdjs_y').val();
var _xx_hjdjs_n = $('#xx_hjdjs_n').val();
$('#xx_hjdjs_total').val(parseFloat(_xx_hjdjs_y)+parseFloat(_xx_hjdjs_n));
var _xx_hjdgns_y = $('#xx_hjdgns_y').val();
var _xx_hjdgns_n = $('#xx_hjdgns_n').val();
$('#xx_hjdgns_total').val(parseFloat(_xx_hjdgns_y)+parseFloat(_xx_hjdgns_n));
if (res.xx_ldjy != null) {
$('#div_xxldjy').empty();
$('#div_xxldjy').html(res.xx_ldjy);
}
if (res.xx_ck != null) {
$('#div_xxck').empty();
$('#div_xxck').html(res.xx_ck);
}
if (res.xx_kx != null) {
$('#div_xxkx').empty();
$('#div_xxkx').html(res.xx_kx);
}
if (res.xx_yq != null) {
$('#div_xxyy').empty();
$('#div_xxyy').html(res.xx_yq);
}
if (res.xx_ms != null) {
$('#div_xxms').empty();
$('#div_xxms').html(res.xx_ms);
}
if (typeof res.xx_ldjy_values !== 'undefined' && res.xx_ldjy_values != null) {
$('#div_xxldjy').find('select').each(function (index) {
$(this).val(res.xx_ldjy_values.split(",")[index]);
});
}
form.render();
}
});
$('#xx_hjdjs_total, #xx_hjdjs_y').blur(function () {
var totalValue = $('#xx_hjdjs_total').val();
var yValue = $('#xx_hjdjs_y').val();
if (totalValue && yValue) {
totalValue = parseFloat(totalValue);
yValue = parseFloat(yValue);
var nValue = totalValue - yValue;
$('#xx_hjdjs_n').val(nValue);
}
});
$('#xx_hjdgns_total, #xx_hjdgns_y').blur(function () {
var totalValue = $('#xx_hjdgns_total').val();
var yValue = $('#xx_hjdgns_y').val();
if (totalValue && yValue) {
totalValue = parseFloat(totalValue);
yValue = parseFloat(yValue);
var nValue = totalValue - yValue;
$('#xx_hjdgns_n').val(nValue);
}
});
form.on('submit(save)', function (data) {
var selectValues = [];
var inputValues = [];
$('select[temp="xx_ljSelect"]').each(function () {
var selectedValue = $(this).val();
selectValues.push(selectedValue);
});
var qtIndexArr = selectValues.reduce(function (result, item, index) {
if (item === "xx_ldjyqt") {
result.push(index);
}
return result;
}, []);
$('input[temp="xx_ljCount"]').each(function () {
var inputValue = $(this).val();
inputValues.push(inputValue);
});
for (var i = qtIndexArr.length - 1; i >= 0; i--) {
selectValues.splice(qtIndexArr[i], 1);
inputValues.splice(qtIndexArr[i], 1);
}
if (hasDuplicates(selectValues)) {
layer.msg('劳技中的教室分类重复!', {
icon: 2,
time: 3000
});
} else {
attrValue();
var ljResult = selectValues.reduce(function (obj, key, index) {
obj[key] = inputValues[index];
return obj;
}, {});
var result = Object.assign({}, data.field, ljResult);
result.stage_id = "4";
result.xx_kx = Base64.encode($("#div_xxkx").html());
result.xx_yq = Base64.encode($("#div_xxyy").html());
result.xx_ms = Base64.encode($("#div_xxms").html());
result.xx_ck = Base64.encode($("#div_xxck").html());
result.xx_ldjy = Base64.encode($("#div_xxldjy").html());
var xxldjySelectArr = [];
$('#div_xxldjy').find('select').each(function () {
var selectedValue = $(this).val();
xxldjySelectArr.push(selectedValue);
});
result.xx_ldjy_values = xxldjySelectArr.join(',');
$.ajax({
url: '/QingLong/zbdc/saveCgzb',
data: result,
type: 'post',
success: function (result) {
if (result.success) {
layer.msg("保存成功!", {
icon: 1,
time: 1300
});
} else {
layer.msg(result.message, {
icon: 2,
time: 2000
});
}
}
});
}
return false;
});
form.on('select(xx_defaultSelect)', function (data) {
var tempId = data.elem.id.split('_')[2];
console.log(tempId);
var idVal = 'xx_ldjy_custom';
if (typeof tempId !== 'undefined') {
idVal = 'xx_ldjy_custom_' + tempId;
}
if (data.value == 'xx_ldjyqt') {
$('#' + idVal).show();
} else {
$('#' + idVal).hide();
}
});
$(document).on('click', 'i.layui-icon-error', function () {
if (this.id != 'xx_addLjItem') {
$('#div_' + this.id).remove();
}
});
$("#xx_addLjItem").click(function () {
var id = generateRandomString();
appendLjItem(id);
});
function appendLjItem(id) {
var str = '<div class="layui-row" style="margin-top: 10px;" id="div_' + id + '">' +
'<div class="layui-col-xs4">' +
'<div class="layui-form-item">' +
'<label class="layui-form-label"><span class="require-star"></span>教室分类:' +
'</label>' +
'<div class="layui-input-inline" style="width: 230px;">' +
'<select temp="xx_ljSelect" lay-filter="xx_defaultSelect" id="xx_select_' + id + '">' +
'<option value="xx_ldjyqlhwsrshu">清洁与卫生</option>' +
'<option value="xx_ldjyzyhwsrshu">整理与收纳</option>' +
'<option value="xx_ldjyprwywsrshu">烹饪与营养</option>' +
'<option value="xx_ldjyjyqyqsyyh">家用器具使用与维护</option>' +
'<option value="xx_ldjynyscld">农业生产劳动</option>' +
'<option value="xx_ldjyccgyz">传统工艺制作</option>' +
'<option value="xx_ldjygyscld">工业生产劳动</option>' +
'<option value="xx_ldjyxjstyyyy">新技术体验与应用</option>' +
'<option value="xx_ldjyxdfwyld">现代服务业劳动</option>' +
'<option value="xx_ldjyqt">其他</option>' +
'</select>' +
'</div>' +
'</div>' +
'</div>' +
'<div class="layui-col-xs4" id="xx_ldjy_custom_' + id + '" style="display: none;">' +
'<div class="layui-form-item">' +
'<label class="layui-form-label"><span class="require-star"></span>自定义教室分类:' +
'</label>' +
'<div class="layui-input-block">' +
'<input type="text" name="xx_ldjy_jsfl_' + id + '" id="xx_ldjyfl_custom_name_' + id + '" lay-verify=""' +
'autocomplete="off" class="layui-input input-width">' +
'</div>' +
'</div>' +
'</div>' +
'<div class="layui-col-xs4">' +
'<div class="layui-form-item" style="height: 38px;">' +
'<label class="layui-form-label"><span class="require-star"></span>室数:' +
'</label>' +
'<div class="layui-input-block">' +
'<input type="text" name="xx_ldjy_js_' + id + '" id="xx_input_' + id + '" temp="xx_ljCount"' +
'lay-verify="required|number" autocomplete="off" value="0"' +
'class="layui-input input-width">' +
'</div>' +
'<div style="position: relative;top: -31px;left: 474px;width: 10px;">' +
'<i class="layui-icon layui-icon-error" style="font-size: 24px;color: #ff5722;cursor: pointer;" id="' + id + '"></i>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
$('#ljItmes').append(str);
form.render();
}
$("#xxkx_sys_addItem").click(function () {
var id = generateRandomString();
var _html = appendXxkxSysItem(id);
$('#basics_xxkx_sys').before(_html);
});
$(document).on('click', 'i.xxkxsys', function () {
$('#xxkx_sys_' + this.id).remove();
});
$("#xxck_addItem").click(function () {
var id = generateRandomString();
var _html = appendXxck(id);
$('#basics_xxck').before(_html);
});
$(document).on('click', 'i.xxck', function () {
$('#xxck_' + this.id).remove();
});
$("#xxkx_yqs_addItem").click(function () {
var id = generateRandomString();
var _html = appendXxkxYqsItem(id);
$('#basics_xxkx_yqs').before(_html);
});
$(document).on('click', 'i.xxkxyqs', function () {
$('#xxkx_yqs_' + this.id).remove();
});
$("#xxkx_zbs_addItem").click(function () {
var id = generateRandomString();
var _html = appendXxkxZbsItem(id);
$('#basics_xxkx_zbs').before(_html);
});
$(document).on('click', 'i.xxkxzbs', function () {
$('#xxkx_zbs_' + this.id).remove();
});
$("#xxyy_js_addItem").click(function () {
var id = generateRandomString();
var _html = appendXxyyJsItem(id);
$('#basics_xxyy_js').before(_html);
});
$(document).on('click', 'i.xxyyjs', function () {
$('#xxyy_js_' + this.id).remove();
});
$("#xxms_msjs_addItem").click(function () {
var id = generateRandomString();
var _html = appendXxmsMsjsItem(id);
$('#basics_xxms_msjs').before(_html);
});
$(document).on('click', 'i.xxmsmsjs', function () {
$('#xxms_msjs_' + this.id).remove();
});
$("#xxms_sfjs_addItem").click(function () {
var id = generateRandomString();
var _html = appendXxmsSfjsItem(id);
$('#basics_xxms_sfjs').before(_html);
});
$(document).on('click', 'i.xxmssfjs', function () {
$('#xxms_sfjs_' + this.id).remove();
});
function generateRandomString() {
let result = '';
let characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
let charactersLength = characters.length;
for (let i = 0; i < 10; i++) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result;
}
function attrValue() {
$('input').each(function () {
var inputValue = $(this).val();
$(this).attr('value', inputValue);
});
}
function hasDuplicates(array) {
return (new Set(array)).size !== array.length;
}
});
</script>
</body>
</html>