sczx_group/sczx_web
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

车型增加富文本

Browse Source
This commit is contained in:
19173159168
2025-07-30 20:33:18 +08:00
parent 9088c470c3
commit c566450010
2 changed files with 81 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
ruoyi-admin/src/main/resources/templates/operation/carModel/add.html
View File

@ -6,6 +6,7 @@
<th:block th:include="include :: bootstrap-fileinput-css" /> <th:block th:include="include :: bootstrap-fileinput-css" />
<th:block th:include="include :: select2-css" /> <th:block th:include="include :: select2-css" />
<th:block th:include="include :: bootstrap-select-css" /> <th:block th:include="include :: bootstrap-select-css" />
<th:block th:include="include :: summernote-css" />
</head> </head>
<body class="white-bg"> <body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
@ -14,19 +15,19 @@
<input type="hidden" id="rentCarRuleIds" name="rentCarRuleIds"> <input type="hidden" id="rentCarRuleIds" name="rentCarRuleIds">
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label is-required">品牌名称：</label> <label class="col-sm-2 control-label is-required">品牌名称：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input name="brandName" class="form-control" type="text" maxlength="20" required> <input name="brandName" class="form-control" type="text" maxlength="20" required>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label is-required">车型名称：</label> <label class="col-sm-2 control-label is-required">车型名称：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input name="modelName" class="form-control" type="text" maxlength="20" required> <input name="modelName" class="form-control" type="text" maxlength="20" required>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">支持电池类型：</label> <label class="col-sm-2 control-label">支持电池类型：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<select name="batteryType" class="form-control m-b select2-multiple" multiple th:with="type=${@dict.getType('key_car_battery_type')}"> <select name="batteryType" class="form-control m-b select2-multiple" multiple th:with="type=${@dict.getType('key_car_battery_type')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select> </select>
@ -34,25 +35,32 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">整车重量(kg)：</label> <label class="col-sm-2 control-label">整车重量(kg)：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input name="weight" class="form-control" type="text" maxlength="10" > <input name="weight" class="form-control" type="text" maxlength="10" >
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">最高时速(km/h)：</label> <label class="col-sm-2 control-label">最高时速(km/h)：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input name="maxSpeed" class="form-control" type="text" maxlength="10" > <input name="maxSpeed" class="form-control" type="text" maxlength="10" >
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">车型图片：</label> <label class="col-sm-2 control-label">车型图片：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input type="hidden" name="image"> <input type="hidden" name="image">
<div class="file-loading"> <div class="file-loading">
<input class="form-control file-upload" id="image" name="file" type="file"> <input class="form-control file-upload" id="image" name="file" type="file">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group">
<label class="col-sm-2 control-label">车型介绍：</label>
<div class="col-sm-9">
<input type="hidden" id="remark" name="remark">
<div class="summernote"></div>
</div>
</div>
<h4 class="form-header h4">关联套餐</h4> <h4 class="form-header h4">关联套餐</h4>
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
@ -68,6 +76,7 @@
<th:block th:include="include :: bootstrap-fileinput-js" /> <th:block th:include="include :: bootstrap-fileinput-js" />
<th:block th:include="include :: select2-js" /> <th:block th:include="include :: select2-js" />
<th:block th:include="include :: bootstrap-select-js" /> <th:block th:include="include :: bootstrap-select-js" />
<th:block th:include="include :: summernote-js" />
<script th:inline="javascript"> <script th:inline="javascript">
var prefix = ctx + "operation/carModel" var prefix = ctx + "operation/carModel"
var rentCarRuleList = [[${rentCarRuleList}]] var rentCarRuleList = [[${rentCarRuleList}]]
@ -80,6 +89,9 @@
}); });
$(document).ready(function () { $(document).ready(function () {
$('.summernote').summernote({
lang: 'zh-CN'
});
// 单图上传 // 单图上传
$("#image").fileinput({ $("#image").fileinput({
uploadUrl: ctx + 'common/newUpload', uploadUrl: ctx + 'common/newUpload',
@ -211,6 +223,8 @@
}); });
function submitHandler() { function submitHandler() {
var rows = $.table.selectFirstColumns(); var rows = $.table.selectFirstColumns();
var aHTML = $('.summernote').summernote('code');
$("#remark").val(aHTML) ;
$("#rentCarRuleIds").val(rows.join()) $("#rentCarRuleIds").val(rows.join())
if ($.validate.form()) { if ($.validate.form()) {
$.operate.save(prefix + "/add", $('#form-carModel-add').serialize()); $.operate.save(prefix + "/add", $('#form-carModel-add').serialize());

33
ruoyi-admin/src/main/resources/templates/operation/carModel/edit.html
View File

@ -6,6 +6,7 @@
<th:block th:include="include :: bootstrap-fileinput-css" /> <th:block th:include="include :: bootstrap-fileinput-css" />
<th:block th:include="include :: select2-css" /> <th:block th:include="include :: select2-css" />
<th:block th:include="include :: bootstrap-select-css" /> <th:block th:include="include :: bootstrap-select-css" />
<th:block th:include="include :: summernote-css" />
</head> </head>
<body class="white-bg"> <body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content"> <div class="wrapper wrapper-content animated fadeInRight ibox-content">
@ -14,19 +15,19 @@
<input type="hidden" id="rentCarRuleIds" name="rentCarRuleIds"> <input type="hidden" id="rentCarRuleIds" name="rentCarRuleIds">
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label is-required">品牌名称：</label> <label class="col-sm-2 control-label is-required">品牌名称：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input name="brandName" th:field="*{brandName}" class="form-control" type="text" required> <input name="brandName" th:field="*{brandName}" class="form-control" type="text" required>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label is-required">车型名称：</label> <label class="col-sm-2 control-label is-required">车型名称：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input name="modelName" th:field="*{modelName}" class="form-control" type="text" required> <input name="modelName" th:field="*{modelName}" class="form-control" type="text" required>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">支持电池类型：</label> <label class="col-sm-2 control-label">支持电池类型：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<select name="batteryType" class="form-control m-b select2-multiple" multiple th:with="type=${@dict.getType('key_car_battery_type')}"> <select name="batteryType" class="form-control m-b select2-multiple" multiple th:with="type=${@dict.getType('key_car_battery_type')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{batteryType}"></option> <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{batteryType}"></option>
</select> </select>
@ -34,25 +35,32 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">整车重量(kg)：</label> <label class="col-sm-2 control-label">整车重量(kg)：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input name="weight" th:field="*{weight}" class="form-control" type="text" maxlength="10"> <input name="weight" th:field="*{weight}" class="form-control" type="text" maxlength="10">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">最高时速(km/h)：</label> <label class="col-sm-2 control-label">最高时速(km/h)：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input name="maxSpeed" th:field="*{maxSpeed}" class="form-control" type="text" maxlength="10"> <input name="maxSpeed" th:field="*{maxSpeed}" class="form-control" type="text" maxlength="10">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label">车型图片：</label> <label class="col-sm-2 control-label">车型图片：</label>
<div class="col-sm-6"> <div class="col-sm-9">
<input type="hidden" name="image" th:value="*{image}"> <input type="hidden" name="image" th:value="*{image}">
<div class="file-loading"> <div class="file-loading">
<input class="form-control file-upload" id="image" name="file" type="file"> <input class="form-control file-upload" id="image" name="file" type="file">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group">
<label class="col-sm-2 control-label">车型介绍：</label>
<div class="col-sm-9">
<input type="hidden" id="remark" name="remark">
<div class="summernote"></div>
</div>
</div>
<h4 class="form-header h4">关联套餐</h4> <h4 class="form-header h4">关联套餐</h4>
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
@ -68,6 +76,7 @@
<th:block th:include="include :: bootstrap-fileinput-js" /> <th:block th:include="include :: bootstrap-fileinput-js" />
<th:block th:include="include :: select2-js" /> <th:block th:include="include :: select2-js" />
<th:block th:include="include :: bootstrap-select-js" /> <th:block th:include="include :: bootstrap-select-js" />
<th:block th:include="include :: summernote-js" />
<script th:inline="javascript"> <script th:inline="javascript">
var prefix = ctx + "operation/carModel"; var prefix = ctx + "operation/carModel";
var rentCarRuleList = [[${rentCarRuleList}]] var rentCarRuleList = [[${rentCarRuleList}]]
@ -182,6 +191,8 @@
function submitHandler() { function submitHandler() {
var rows = $.table.selectFirstColumns(); var rows = $.table.selectFirstColumns();
var aHTML = $('.summernote').summernote('code');
$("#remark").val(aHTML) ;
$("#rentCarRuleIds").val(rows.join()) $("#rentCarRuleIds").val(rows.join())
if ($.validate.form()) { if ($.validate.form()) {
$.operate.save(prefix + "/edit", $('#form-carModel-edit').serialize()); $.operate.save(prefix + "/edit", $('#form-carModel-edit').serialize());
@ -192,6 +203,15 @@
let initUrl = new Array(); let initUrl = new Array();
initUrl.push([[${zcCarModel.image}]]); initUrl.push([[${zcCarModel.image}]]);
$(document).ready(function () {
$('.summernote').summernote({
lang: 'zh-CN'
});
// 回显 remark 内容到 summernote 编辑器
var remarkContent = [[${zcCarModel.remark}]];
if (remarkContent) {
$('.summernote').summernote('code', remarkContent);
}
$("#image").fileinput({ $("#image").fileinput({
uploadUrl: ctx + 'common/newUpload', uploadUrl: ctx + 'common/newUpload',
uploadExtraData: { uploadExtraData: {
@ -229,6 +249,7 @@
).on("filecleared",function(event, data, msg){ ).on("filecleared",function(event, data, msg){
$("input[name='" + event.currentTarget.id + "']").val('') $("input[name='" + event.currentTarget.id + "']").val('')
}); });
});
</script> </script>
</body> </body>
</html> </html>