费用报销单

src/main/resources/static/zzsxt/xxgl/xmkpgl/fybx/index_edit.js

@@ -28,18 +28,13 @@ var kpsq_edit = (function () {
             "rowno_name": "rowno_fymx",
             "rowno_type": "span"
         }];
-        // 表格重置之前 初始化select组件
+        // 表格重置之前 初始化费用类型下拉框select组件
-        initFylxSelect();
+        FybxUtil.renderSelectOptions('select[name=FYLX]', FybxUtil.Enums.fylx);
+        // 单据类型
+        FybxUtil.renderSelectOptions('select#DJLX', FybxUtil.Enums.djlx);
         // 表格重置
         tablePublic.onReset(curSeg, tableType);
 
-        var djlxOptions = [];
-        djlxOptions.push('<option value="" >--全部--</option>');
-        FybxUtil.Enums.djlx.forEach(function (item, index, arr) {
-            djlxOptions.push('<option value="' + item.value + '" >' + item.label + '</option>');
-        });
-        $("#DJLX").html(djlxOptions.join());
-
 
         layui.use(['form'], function () {
             form = layui.form;
@@ -49,19 +44,6 @@ var kpsq_edit = (function () {
         });
     };
 
-    /**
-     * 初始化费用类型下拉框
-     */
-    function initFylxSelect() {
-        var fylxOptions = [];
-        fylxOptions.push('<option value="" >--请选择--</option>');
-        FybxUtil.Enums.fylx.forEach(function (item, index, arr) {
-            fylxOptions.push('<option value="' + item.value + '" >' + item.label + '</option>');
-        });
-        $("select[name=FYLX]").html(fylxOptions.join());
-        // console.log($("select[name=FYLX]"));
-    }
-
     //共有方法
     return {
         //加载数据

src/main/resources/static/zzsxt/xxgl/xmkpgl/fybx/index_open.js

@@ -6,6 +6,7 @@ var kpsq_open = (function () {
     //私有属性
     var curSeg;
     var selectedKpsqObj;//选定的记录
+    var tableId = 'tbSave_fymx';
     var form;
     //私有方法
     //初始化页面布局
@@ -23,22 +24,19 @@ var kpsq_open = (function () {
 
         //初始化公用可操作表格组件
         var tableType = [{
-            "table_id": "tbSave_kpmx",//动态表ID
+            "table_id": "tbSave_fymx",//动态表ID
             "tr_id": "trid_kpmx", //新增行模板ID
             "rowno_name": "rowno_kpmx",
             "rowno_type": "span"
         }];
+        // 表格重置之前 初始化费用类型下拉框select组件
+        FybxUtil.renderSelectOptions('select[name=FYLX]', FybxUtil.Enums.fylx);
+        // 单据类型
+        FybxUtil.renderSelectOptions('select#DJLX', FybxUtil.Enums.djlx);
+        // 表格重置
         tablePublic.onReset(curSeg, tableType);
 
 
-        var optionStr = '<option value="">--请选择--</option>' +
-            '<option value="'+kpsq_util.onGetFplxValue("全电专用发票")+'">全电专用发票</option>\n' +
-            '<option value="'+kpsq_util.onGetFplxValue("全电普票发票")+'">全电普票发票</option>\n' +
-            '<option value="'+kpsq_util.onGetFplxValue("增值税专用发票")+'">增值税专用发票</option>\n' +
-            '<option value="'+kpsq_util.onGetFplxValue("增值税普通发票")+'">增值税普通发票</option>\n' +
-            '<option value="'+kpsq_util.onGetFplxValue("增值税电子发票")+'">增值税电子发票</option>';
-        $('#DJLX').html(optionStr);
-
         layui.use(['form', 'table'], function () {
             form = layui.form;
             selectedKpsqObj = JSON.stringify(selectedKpsqObj);
@@ -56,7 +54,9 @@ var kpsq_open = (function () {
         },
         //绑定数据
         bindData: function (jsonObj, xhrArgs) {
-            tablePublic.onInsertData(jsonObj.data, 'tbSave_kpmx');
+            tablePublic.onResetTable(tableId);
+            tablePublic.onInsertData(jsonObj.data, tableId);
+            layui.form.render('select'); // 重新渲染 select 组件
         },
         //查询明细历史记录，并回显到界面
         onQueryFydjmx: function () {

src/main/resources/static/zzsxt/xxgl/xmkpgl/fybx/index_util.js

@@ -40,6 +40,17 @@ var FybxUtil = (function (){
         getBxzt_label(value){
             var found = BXZT.find(it=>value === it.value);
             return !!found ? found.label : "";
+        },
+        renderSelectOptions(selector, enumArr){
+            if ($(selector).is('select')){
+                var options = [];
+                options.push('<option value="" >--请选择--</option>');
+                !!enumArr && enumArr.forEach(function (item, index, arr) {
+                    options.push('<option value="' + item.value + '" >' + item.label + '</option>');
+                });
+                $(selector).html(options.join());
+                // console.log($("select[name=FYLX]"));
+            }
         }
     };
 })();

src/main/resources/templates/zzsxt/xxgl/xmkpgl/fybx/index_open.html

@@ -15,9 +15,9 @@
     <link rel="stylesheet" href="/commons/common/layui/css/layui.css" />
     <link rel="stylesheet" href="/commons/css/public.css" />
     <script type="text/javascript" src="/zzsxt/xxgl/xmkpgl/fybx/index_open.js"></script>
+    <script type="text/javascript" src="/zzsxt/xxgl/xmkpgl/fybx/index_util.js"></script>
     <script type="text/javascript" src="/zzsxt/public/table.js"></script>
     <script type="text/javascript" src="/commons/js/layui_exts/excel.js"></script>
-    <script type="text/javascript" src="/zzsxt/public/kpsqUtil.js"></script>
     <script type="text/javascript" src="/zzsxt/public/fileUpload.js"></script>
     <style type="text/css">
         input::-webkit-input-placeholder{
@@ -215,7 +215,7 @@
                     费用明细
                 </div>
                 <div class="m_table table_h">
-                    <table cellspacing="0" cellpadding="0" border="0" class="layui-table" id="tbSave_kpmx" lay-filter="tbSave_kpmx" >
+                    <table cellspacing="0" cellpadding="0" border="0" class="layui-table" id="tbSave_fymx" lay-filter="tbSave_fymx" >
                         <thead>
                             <tr>
                                 <th style="width: 3%;">序号</th>