将一个页面分为多个tab页面

最新推荐文章于 2022-11-17 14:08:52 发布

三彩。

最新推荐文章于 2022-11-17 14:08:52 发布

阅读量383

点赞数

分类专栏： js 文章标签： html

本文链接：https://blog.csdn.net/sancai_01/article/details/107066189

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MGM基础活动信息页面</title>
<link rel="stylesheet" type="text/css" href="../../libs/jquery/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../libs/jquery/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../../libs/jquery/themes/color.css">
<link rel="stylesheet" type="text/css" href="../../css/style.css">
<link rel="stylesheet" type="text/css" href="../../css/mgmstyle.css">
<script type="text/javascript" src="../../libs/jquery/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../libs/jquery-easyui-1.4.5/jquery.easyui.min.js"></script>

<script type="text/javascript" src="../../libs/jquery-easyui-1.4.5/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../../js/freeCoupon/freeBase.js"></script>
<style>
.textWidth .textbox{width: 250px !important;}
.textWidth .textbox-text{width: 250px !important;}
.people{border-radius: 19px;
width: 80px;
background-color: #e3e3ec;}
table{border:0;margin:0;border-collapse:collapse;}
table td{padding:2px;}
#base1,#base2,#base3,#base4{height:700px !important;}
.mustInput{color:red;padding-left: 10px;}
.reviewClass,.firstClass,.incomeTimeClass{display:none;}
</style>
</head>
<div id="mgm_tab" class="easyui-tabs" style="width: 100%;height: 780px;">
<div id="base1" title="1.领取规则配置" style="padding: 20px;display: none;">

<div style="margin-top: 5px;">
<input type="hidden" id="activity_id">
<table>
<tr>
               <td class='td_noborber'>领取方式：<span class="mustInput">*</span></td>
               <td class='td_noborber' style='width:152px'>
                   <select id='receive_type' name="receive_type" class="easyui-combobox" data-options="editable:false" panelHeight='auto'>
                       <option value="">请选择</option>
                       <option value="01">二维码领券</option>
                       <option value="03">手工发券</option>
                   </select>
                   <span style="color: red;">（二维码方式需填写活动信息）</span>
               </td>
           </tr>
           <tr>
               <td>对接平台：<span class="mustInput">*</span></td>
               <td>
                   <select id='platform' name="platform" class="easyui-combobox" data-options="editable:false" panelHeight='auto'>
                       <option value="">请选择</option>
                       <option value="01">自营微业贷</option>
                       <option value="02">嘿We购</option>
                       <option value="03">HJ-APP</option>
                       <option value="04">自营-订货贷</option>
                       <option value="05">营销抽奖</option>
                       <option value="06">兑换商城</option>
                   </select>
               </td>
           </tr>
           <tr>
               <td class='td_noborber'>客户领取规则：<span class="mustInput">*</span></td>
               <td class='td_noborber' style='width:152px'>
                   <select id='receive_rule' name="receive_rule" class="easyui-combobox" data-options="editable:false,multiple:true" panelHeight='auto'>
                       <option value="">请选择</option>
                       <option value="01">未进件</option>
                       <option value="02">已进件未核额</option>
                       <option value="03">已核额未提款</option>
                       <option value="04">已提款</option>
                   </select>
               </td>
           </tr>
           <tr>
               <td class='td_noborber'>选择免息券批次：<span class="mustInput">*</span></td>
               <td class='td_noborber' style='width:152px'>
                   <select id='batch_no' name="batch_no" class="easyui-combobox" data-options="editable:false" panelHeight='auto' panelMaxHeight="150">
                       <option value="">请选择</option>
                   </select>
               </td>
           </tr>
           <tr>
               <td class='td_noborber'>免息券张数<span class="mustInput">*</span></td>
               <td colspan="4" style='width:152px'>
                   <input id="free_coupons_num" name="free_coupons_num" class='easyui-numberbox'/>
                   <label style="color: red;">(1~1000000的正整数)</label>
               </td>
           </tr>
</table>
<div style="margin-top:20px;margin-left: 200px;">
<a href="javascript:void(0)" class="easyui-linkbutton step2" style="width: 80px;">下一步</a>
</div>
</div>
</div>
<div id="base2" title="2.活动信息配置" style="padding: 20px;display: none;">

<div style="margin-top: 5px;">
<table>
<tr>
                   <td class='td_noborber'>活动名称：<span class="mustInput">*</span></td>
                   <td colspan="3" class="textWidth">
                       <input id="activity_name" name="activity_name" type="text" maxlength="50" style="height:25px;width:152px;"
                       οnkeyup="javascript:setShowLength(this,50,'#nameLenth');" />
                 <span style="color:red;display: none;" id="nameLenth">(还可以输入50个字数)</span>
                   </td>
               </tr>
               <tr>
                   <td class='td_noborber'>活动期间：</td>
                   <td colspan="3" style='width:152px'>
                       <input id="begin_time_string" name="begin_time_string" class="easyui-datetimebox" data-options='maxlength:32,editable:false,formatter:formatshowDate'/> 至
                       <input id="end_time_string" name="end_time_string" class='easyui-datetimebox' data-options='maxlength:32,editable:false,formatter:formatshowDate'/>
                   </td>
               </tr>
               <tr>
                   <td class='td_noborber'>活动规则：</td>
                   <td class='td_noborber' style='width:172px;text-align: left;' colspan="4">
                   <textarea id="activity_rule_desc" name="activity_rule_desc" rows='4' cols='3'
                                               style='overflow-Y:scroll;height:70px;width:460px;' maxlength='500'
                                               οnkeyup="javascript:setShowLength(this,500,'#actiRuleLen');"></textarea>
                       <span style="color:red;display: none;" id='actiRuleLen'>(还可以输入500个字数)</span>
                   </td>
               </tr>
               <tr>
                   <td class='td_noborber'>活动描述：</td>
                   <td class='td_noborber' style='width:172px;text-align: left;' colspan="4">
                   <textarea id="activity_desc" name="activity_desc" rows='4' cols='3'
                                               style='

最低0.47元/天解锁文章

三彩。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
将一个页面分为多个tab页面

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>MGM基础活动信息页面</title><link rel="stylesheet" type="text/css" href="../../libs/jquery/themes/default/easyui.css"> <link rel="stylesheet" type="text/cs..
复制链接

扫一扫

专栏目录