<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<script type="text/javascript" src="{$smarty.const.CSS_URL}/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="{$smarty.const.CSS_URL}/js/jquery.form.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>添加计量单位转换</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="{$smarty.const.CSS_URL}/css/global.css?v={$smarty.const.CSS_JS_VERSION}" media="screen" rel="stylesheet" type="text/css">
<script src="{$smarty.const.CSS_URL}/js/common.js?v={$smarty.const.CSS_JS_VERSION}"></script>
</head>
<body>
<div id="page">
{include file="admin/include/header.html"}
<div class="container">
<aside id="sidebar" class="sidebar">
<div id="search" class="domain-search module">
{include file="admin/include/leftmenu.html"}
</div>
</aside>
<section id="main">
<div id="main-content">
<div class="record-control">
<div class="header">
<span style="font-size:14px;padding:5px">添加转换</span>
<div class="row"> </div>
<ul class="tabs"><li></li></ul>
</div>
</div>
<div id="domain-list">
<div class="entry">
<div class="modal-body">
<div class="wizard-container"><div>
<div class="inputs">
<div id="form_area">
<form id="conv-form" onsubmit="submitForm(event)">
<input id="id" name="id" type="hidden" value="{$data.id}">
<div class="row"> </div>
<div class="row">
<label for="unit_type">计量单位<font color='red'>*</font>：</label>
<select id="unit_type" name="unit_type" style="width: 100px;">
{foreach from=$unit_list key=key item=item}
<option value="{$key}" {if $data.unit_type==$key}selected{/if}>1{$item}</option>
{/foreach}
</select>
</div>
<div class="row"> </div>
<div class="row">
<label for="num">转换克重<font color='red'>*</font>：</label>
<input type="text" id="num" name="num" maxlength="" style="width:100px" value="{$data.num}"> g
</div>
<div class="row"> </div>
<div class="row">
<label for="from">转换根据<font color='red'>*</font>：</label>
<textarea rows="3" cols="80" id="from" name="from">{$data.from}</textarea>
</div>
<div class="row"> </div>
<div class="row" id="" style="position:relative;">
<label> </label>
<button class="button primary next submitlock" id="submitbtn" onclick="submitForm()"><span class="tdesc_text" style="color:white;">提交</span></button>
</div>
<div class="row"> </div>
</form>
</div>
</div>
</div>
</div></div>
<div style="display: none;" id="formtips">
<div class="alert-message block-message info" style="color:red;"></div>
</div>
</div>
<!--end of a domain entry-->
</div>
<!-- 批量上传 <div id="onetickupload"></div> -->
</div>
</section>
<!--end of main section-->
</div><!--end of container-->
</div><!--end of #page-->
{literal}
<script type="text/javascript">
function submitForm(e) {
e.preventDefault(); // 阻止默认表单提交
const form = document.getElementById('conv-form');
const formData = new FormData(form);
const id = formData.get('id')
const data = {
id: formData.get('id'),
unit_type: formData.get('unit_type'),
num: formData.get('num'),
from: formData.get('from'),
};
$.ajax({
url: '/admin/ajax_save_unit_conv', // 替换为你的服务器端处理文件
type: 'POST',
data: data,
dataType: 'json',
success: function (response) {
if (response.status == true) {
if(id){
showAlert('保存成功', document.referrer)
}else{
showAlert('添加成功', document.referrer)
}
return true;
}
if(response.data.code == 40002){
showAlert(response.info,"/admin/login")
return true;
}
showAlert(response.info)
},
error: function (xhr, status, error) {
console.error('错误:', response);
alert('提交失败，请重试。');
}
});
}
</script>
<style>
.add-button {
width: 20px;
height: 20px;
background-color: #DD4B38;
border: none;
border-radius: 50px;
color: #fff;
}
</style>
{/literal}
</body>
</html>