zhengxifeng
/
zc100
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
暫無描述
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 提交
3 分支
目錄樹: 485513c935
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 '485513c935'
${ noResults }
zc100/application/admin/template/form/attribute_index.htm

attribute_index.htm 21KB
歷史記錄 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314 
  1. {include file="public/layout" /}

  2. 

  3. <body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">

  4. <div id="append_parent"></div>

  5. <div id="ajaxwaitid"></div>

  6. <div class="page" style="box-shadow:none;">

  7.     <div class="flexigrid">

  8.         <div class="mDiv pt0">

  9.             <div class="ftitle">

  10.                 {if condition="$main_lang == $admin_lang || !empty($global['language_split'])"}

  11.                     {eq name="$Think.const.CONTROLLER_NAME.'@attribute_add'|is_check_access" value="1"}

  12.                     <div class="fbutton">

  13.                         <a href="javascript:void(0);" data-href="{:url('Form/attribute_add', array('typeid'=>$typeid))}" onclick="openFullframe(this, '新增表单字段', '80%', '80%');">

  14.                             <div class="add">

  15.                                 <span><i class="layui-icon layui-icon-addition"></i>新增字段</span>

  16.                             </div>

  17.                         </a>

  18.                     </div>

  19.                     {/eq}

  20.                 {/if}

  21.             </div>

  22.             <form id="searchForm" class="navbar-form form-inline" action="{:url('Form/attribute_index')}" method="get" onsubmit="layer_loading('正在处理');">

  23.                 {$searchform.hidden|default=''}

  24.                 <div class="sDiv">

  25.                     <div class="sDiv2">

  26.                         <input type="text" size="30" name="keywords" value="{$Request.param.keywords}" class="qsbox" placeholder="标题搜索...">

  27.                         <input type="submit" class="btn" value="搜索">

  28.                         <i class="iconfont e-sousuo"></i>

  29.                     </div>

  30.                 </div>

  31.             </form>

  32.         </div>

  33.         <div class="hDiv">

  34.             <div class="hDivBox">

  35.                 <table cellspacing="0" cellpadding="0" style="width: 100%">

  36.                     <thead>

  37.                     <tr>

  38.                         {if condition="$main_lang == $admin_lang || !empty($global['language_split'])"}

  39.                         <th class="sign w40" axis="col0">

  40.                             <div class="tc"><input type="checkbox" autocomplete="off" class="checkAll"></div>

  41.                         </th>

  42.                         {/if}

  43.                         <th abbr="article_title" axis="col3" class="w40">

  44.                             <div class="tc">ID</div>

  45.                         </th>

  46.                         <th abbr="article_title" axis="col3" class="">

  47.                             <div style="text-align: left; padding-left: 10px;" class="">字段标题</div>

  48.                         </th>

  49.                         <th abbr="article_time" axis="col6" class="w100">

  50.                             <div class="tc">字段类型</div>

  51.                         </th>

  52.                         <th abbr="article_time" axis="col6" class="w200">

  53.                             <div class="tc">所属表单</div>

  54.                         </th>

  55.                         <th abbr="article_title" axis="col3"  class="w100">

  56.                             <div class="tc">后台列表显示</div>

  57.                         </th>

  58.                         <th axis="col1" class="w180">

  59.                             <div class="tc">操作</div>

  60.                         </th>

  61.                     </tr>

  62.                     </thead>

  63.                 </table>

  64.             </div>

  65.         </div>

  66.         <div class="bDiv" style="height: auto;">

  67.             <div id="flexigrid" cellpadding="0" cellspacing="0" border="0">

  68.                 <table>

  69.                     <tbody>

  70.                     {empty name="list"}

  71.                         <tr>

  72.                             <td class="no-data" align="center" axis="col0" colspan="50">

  73.                                 <div class="no_row">

  74.                                     <div class="no_pic"><img src="__SKIN__/images/null-data.png"></div>

  75.                                 </div>

  76.                             </td>

  77.                         </tr>

  78.                     {else/}

  79.                         {volist name="list" id="vo" key="k"}

  80.                         <tr>

  81.                             {if condition="$main_lang == $admin_lang || !empty($global['language_split'])"}

  82.                             <td class="sign">

  83.                                 <div class="tc w40">

  84.                                     <input type="checkbox" autocomplete="off" name="ids[]" value="{$vo.attr_id}">

  85. 

  86.                                 </div>

  87.                             </td>

  88.                             {/if}

  89.                             <td class="sort">

  90.                                 <div class="tc w40">

  91.                                     {$vo.attr_id}

  92.                                 </div>

  93.                             </td>

  94.                             <td style="width: 100%">

  95.                                 <div style="text-align: left; padding-left: 10px;">

  96.                                     {eq name="$Think.const.CONTROLLER_NAME.'@attribute_edit'|is_check_access" value="1"}

  97.                                     <a href="{:url('Form/attribute_edit',array('id'=>$vo['orgin_attr_id']))}">{$vo.attr_name}</a>

  98.                                     {else /}

  99.                                     {$vo.attr_name}

  100.                                     {/eq}

  101.                                 </div>

  102.                             </td>

  103.                             <td align="center" class="">

  104.                                 <div class="w100 tc">

  105.                                     {$attrInputTypeArr[$vo['attr_input_type']]|default=''}

  106.                                 </div>

  107.                             </td>

  108.                             <td class="">

  109.                                 <div class="w200 tc">{$vo.form_name|default='<i class="red">数据出错！</i>'}</div>

  110.                             </td>

  111.                             <td>

  112.                                 <div class="tc w100">

  113.                                     {if condition="$vo['is_showlist'] eq 1"}

  114.                                         <span class="yes" {eq name="$Think.const.CONTROLLER_NAME.'@edit'|is_check_access" value="1"}onClick="changeTableVal('guestbook_attribute','attr_id','{$vo.orgin_attr_id}','is_showlist',this);"{/eq} ><i class="fa fa-check-circle"></i>是</span>

  115.                                     {else /}

  116.                                         <span class="no" {eq name="$Think.const.CONTROLLER_NAME.'@edit'|is_check_access" value="1"}onClick="changeTableVal('guestbook_attribute','attr_id','{$vo.orgin_attr_id}','is_showlist',this);"{/eq} ><i class="fa fa-ban"></i>否</span>

  117.                                     {/if}

  118.                                 </div>

  119.                             </td>

  120.                             <td class="operation">

  121.                                 <div class="w180 tc">

  122.                                     {eq name="$Think.const.CONTROLLER_NAME.'@attribute_edit'|is_check_access" value="1"}

  123.                                         <a href="javascript:void(0);" data-href="{:url('Form/attribute_edit',array('id'=>$vo['attr_id']))}" class="btn blue" onclick="openFullframe(this, '编辑表单字段 ', '80%', '80%');">编辑</a>

  124.                                         <i></i>

  125.                                     {/eq}

  126.                                     {eq name="$Think.const.CONTROLLER_NAME.'@attribute_del'|is_check_access" value="1"}

  127.                                         {if condition="$main_lang == $admin_lang || !empty($global['language_split'])"}

  128.                                             <a class="btn red"  href="javascript:void(0);" data-url="{:url('Form/attribute_del')}" data-id="{$vo.attr_id}" {eq name="$global['web_recycle_switch']" value='1'} data-deltype="del" {else /} data-deltype="pseudo" {/eq} onClick="delfun(this);">删除</a>

  129.                                             <i></i>

  130.                                         {else /}

  131.                                             <a class="btn grey"  href="javascript:void(0);">删除</a>

  132.                                             <i></i>

  133.                                         {/if}

  134.                                     {/eq}

  135.                                     <a class="btn blue" href="javascript:void(0);" onclick="copyToClipBoard('{$vo.fieldname}', '{$vo.attr_id}', {$vo.attr_input_type|default='0'})">标签调用</a>

  136.                                 </div>

  137.                             </td>

  138.                            

  139.                         </tr>

  140.                         {/volist}

  141.                     {/empty}

  142.                     </tbody>

  143.                 </table>

  144.             </div>

  145.             <div class="iDiv" style="display: none;"></div>

  146.         </div>

  147.         <div class="tDiv">

  148.             <div class="tDiv2">

  149.                 {if condition="$main_lang == $admin_lang || !empty($global['language_split'])"}

  150.                     <div class="fbutton checkboxall">

  151.                         <input type="checkbox" autocomplete="off" class="checkAll">

  152.                     </div>

  153.                     {eq name="$Think.const.CONTROLLER_NAME.'@attribute_del'|is_check_access" value="1"}

  154.                     <div class="fbutton">

  155.                         <a onclick="batch_del(this, 'ids');" data-url="{:url('Form/attribute_del')}" {eq name="$global['web_recycle_switch']" value='1'} data-deltype="del" {else /} data-deltype="pseudo" {/eq} class="layui-btn layui-btn-primary">

  156.                             <span>批量删除</span>

  157.                         </a>

  158.                     </div>

  159.                     {/eq}

  160.                 {/if}

  161.                 {include file="public/page" /}

  162.             </div>

  163.             <div style="clear:both"></div>

  164.         </div>

  165.     </div>

  166. </div>

  167. <script type="text/javascript">

  168.     $(function(){

  169.         $('input[name*=ids]').click(function(){

  170.             if ($('input[name*=ids]').length == $('input[name*=ids]:checked').length) {

  171.                 $('.checkAll').prop('checked','checked');

  172.             } else {

  173.                 $('.checkAll').prop('checked', false);

  174.             }

  175.         });

  176.         $('input[type=checkbox].checkAll').click(function(){

  177.             $('input[type=checkbox]').prop('checked',this.checked);

  178.         });

  179.     });

  180.     

  181.     $(document).ready(function(){

  182. 

  183.         // 表格行点击选中切换

  184.         $('#flexigrid > table>tbody >tr').click(function(){

  185.             $(this).toggleClass('trSelected');

  186.         });

  187. 

  188.         // 点击刷新数据

  189.         $('.fa-refresh').click(function(){

  190.             location.href = location.href;

  191.         });

  192. 

  193.         $('#searchForm select[name=typeid]').change(function(){

  194.             $('#searchForm').submit();

  195.         });

  196.     });

  197. 

  198.     /**

  199.      * 代码调用js

  200.      * @param id  id

  201.      * @param limit 条数

  202.      */

  203.     function copyToClipBoard(fieldname, attr_id, attr_input_type) {

  204.         if ($.inArray(attr_input_type, [0,6,7]) > -1) { // 单行文本\Email邮箱\手机号码

  205.             var liststr = "<input type='text' id='"+fieldname+"' name='{$"+"field."+fieldname+"}'>";

  206.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  207.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  208.             contentdiv += '<dd>表单调用代码：</dd>';

  209.             contentdiv += '<dd><input type="text" style="width:400px;" value="' + liststr + '" /></dd>';

  210.             height = '250px';

  211.         } 

  212.         else if (1 == attr_input_type) { // 下拉框

  213.             var liststr = "<select name='{$"+"field."+fieldname+"}' id='"+fieldname+"'>\r\n    <option value='无'>无</option>\r\n    {eyou:volist name='$"+"field.options_"+attr_id+"' id='vo'}\r\n        <option value='{$"+"vo.value}'>{$"+"vo.value}</option>\r\n    {/eyou:volist"+"}\r\n</select>";

  214.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  215.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  216.             contentdiv += '<dd>表单调用代码：</dd>';

  217.             contentdiv += '<dd><textarea rows="4" cols="60" style="width:400px;height:110px;">' + liststr + '</textarea></dd>';

  218.             height = '330px';

  219.         } 

  220.         else if (2 == attr_input_type) { // 多行文本

  221.             var liststr = "<textarea id='"+fieldname+"' name='{$"+"field."+fieldname+"}'></textarea>";

  222.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  223.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  224.             contentdiv += '<dd>表单调用代码：</dd>';

  225.             contentdiv += '<dd><input type="text" style="width:400px;" value="' + liststr + '" /></dd>';

  226.             height = '300px';

  227.         } 

  228.         else if (3 == attr_input_type) { // 单选框

  229.             var liststr = "{eyou:volist name='$"+"field.options_"+attr_id+"' id='vo'}\r\n    <label><input type='radio' id='"+fieldname+"' name='{$"+"field."+fieldname+"}' value='{$"+"vo.value}'>{$"+"vo.value}</label>\r\n{/eyou:volist"+"}";

  230.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  231.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  232.             contentdiv += '<dd>表单调用代码：</dd>';

  233.             contentdiv += '<dd><textarea rows="4" cols="60" style="width:400px;height:80px;">' + liststr + '</textarea></dd>';

  234.             height = '300px';

  235.         } 

  236.         else if (4 == attr_input_type) { // 多选框

  237.             var liststr = "{eyou:volist name='$"+"field.options_"+attr_id+"' id='vo'}\r\n    <label><input type='checkbox' name='{$"+"field."+fieldname+"}' value='{$"+"vo.value}'>{$"+"vo.value}</label>\r\n{/eyou:volist"+"}";

  238.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  239.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  240.             contentdiv += '<dd>表单调用代码：</dd>';

  241.             contentdiv += '<dd><textarea rows="4" cols="60" style="width:400px;height:80px;">' + liststr + '</textarea></dd>';

  242.             height = '300px';

  243.         } 

  244.         else if (5 == attr_input_type) { // 上传图片

  245.             var liststr = "<input type='file' name='{$"+"field."+fieldname+"}' value='' accept='image/*'>";

  246.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  247.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  248.             contentdiv += '<dd>表单调用代码：</dd>';

  249.             contentdiv += '<dd><input type="text" style="width:400px;" value="' + liststr + '" /></dd>';

  250.             contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color:red; ">特别注意：请在前台模板的表单标签里追加 {$'+'field.formhidden} 到 &lt;form  &gt;表单里，<a href="JavaScript:void(0);" onclick="click_to_eyou_1575506523('+"'https://www.eyoucms.com/plus/view.php?aid=8378&origin_eycms=1','单张图教程说明'"+')">详细说明</a>。</dd>'

  251.             height = '300px';

  252.         }

  253.         else if (8 == attr_input_type) { // 上传附件

  254.             var liststr = "<input type='file' name='{$"+"field."+fieldname+"}' value=''>";

  255.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  256.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  257.             contentdiv += '<dd>表单调用代码：</dd>';

  258.             contentdiv += '<dd><input type="text" style="width:400px;" value="' + liststr + '" /></dd>';

  259.             contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color:red; ">特别注意：请在前台模板的表单标签里追加 {$'+'field.formhidden} 到 &lt;form  &gt;表单里。</dd>'

  260.             height = '300px';

  261.         }else if(11 == attr_input_type){   //多张图

  262.             var liststr = "<input type='file' name='{$"+"field."+fieldname+"}' multiple accept='image/*' value=''>";

  263.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  264.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  265.             contentdiv += '<dd>表单调用代码：</dd>';

  266.             contentdiv += '<dd><input type="text" style="width:400px;" value="' + liststr + '" /></dd>';

  267.             contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color:red; ">特别注意：请在前台模板的表单标签里追加 {$'+'field.formhidden} 到 &lt;form  &gt;表单里。</dd>'

  268.             height = '300px';

  269.         }else if (9 == attr_input_type) { // 区域联动

  270.             var liststr = "<!--一级-->\n<select {$"+"field.first_id_"+attr_id+"}>\r\n    <option value=''>请选择</option>\r\n    {eyou:volist name='$"+"field.options_"+attr_id+"' id='vo'}\r\n        <option value='{$"+"vo.id}'>{$"+"vo.name}</option>\r\n    {/eyou:volist"+"}\r\n</select>\n"+

  271.                 "<!--二级-->\n<select {$"+"field.second_id_"+attr_id+"}></select>\n" +

  272.                 "<!--三级-->\n<select {$"+"field.third_id_"+attr_id+"}></select>\n" +

  273.                 "{$"+"field.hidden_"+attr_id+"}";

  274.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  275.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  276.             contentdiv += '<dd>表单调用代码：</dd>';

  277.             contentdiv += '<dd><textarea rows="4" cols="60" style="width:400px;height:180px;">' + liststr + '</textarea></dd>';

  278.             contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color:red; ">特别注意：请在前台模板的表单标签里追加 {$'+'field.hidden_'+attr_id+'} 到 &lt;form&gt;表单里。</dd>';

  279.             height = '460px';

  280.         }else if (10 == attr_input_type) { // 时间

  281.             var liststr = "<input type=\"text\" name='{$"+"field."+fieldname+"}' id='{$"+"field."+fieldname+"}' placeholder='{$"+"field.itemname_"+attr_id+"}' autocomplete=\"off\">\n\n" +

  282.                 "{"+"eyou:static file='/public/plugins/laydate-v5.3.1/laydate.js' /}\n" +

  283.                 "<script type='text/javascript'>\n" +

  284.                 "    laydate.render({\n" +

  285.                 "       elem: '#{$"+"field."+fieldname+"}'\n" +

  286.                 "       ,type: 'datetime'\n" +

  287.                 "    });\n" +

  288.                 "<"+"/script>";

  289.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>';

  290.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>';

  291.             contentdiv += '<dd>表单调用代码：</dd>';

  292.             contentdiv += '<dd><textarea rows="4" cols="60" style="width:400px;height:180px;">' + liststr + '</textarea></dd>';

  293.             contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color:red; ">特别注意：在弹窗表单里，可能遇到日期插件无法使用，请自行更换其他日期插件处理，谢谢。</dd>';

  294.             height = '470px';

  295.         }else {

  296.             var contentdiv = '<div class="dialog_content" style="margin: 0px; padding: 0px;"><dl style="padding:10px 30px;line-height:30px;"><dd>字段名称：</dd>'

  297.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.itemname_'+attr_id+'}"></dd>'

  298.             contentdiv += '<dd>字段名称：</dd>'

  299.             contentdiv += '<dd><input type="text" style=" width:400px;margin-bottom:10px;" value="{$'+'field.'+fieldname+'}"></dd>'

  300.             height = '250px';

  301.         }

  302.         contentdiv += '<dd style="border-top: dotted 1px #E7E7E7; color: #F60;">请将相应标签复制并粘贴到对应模板文件中！</dd></dl></div>'

  303.         layer.open({

  304.             shade: layer_shade,

  305.             title: '标签调用',

  306.             type: 1,

  307.             skin: 'layui-layer-demo',

  308.             area: ['480px', height], //宽高

  309.             content: contentdiv

  310.         });

  311.     }

  312. </script>

  313. 

  314. {include file="public/footer" /}