手续费管理

src/page/Frontend/Cpssxf/event/index.js

@@ -89,6 +89,17 @@ export default {
         },
         handleSelectionChange(val){
             this.multipleSelection = val;
+        },
+        addClick(){
+            this.addDialogVisiable = true;
+        },
+        handleClose(){
+            this.addDialogVisiable = false;
+        },
+        handleOn(){
+            this.addDialogVisiable = false;
         }
+        
+
     },
 };

src/page/Frontend/Cpssxf/views/Mainpl.vue

@@ -6,35 +6,67 @@
         <el-row>
           <c-col :span="24">
             <c-col :span="8">
-              <el-form-item label="日期" prop="rcvdatsta" style="width: 100%">
-                <c-col :span="11">
-                  <c-date-picker type="date" v-model="model.sxfp.stadat" style="width: 100%"></c-date-picker>
-                </c-col>
-                <c-col :span="2" style="text-align: center">
-                  <label style="display: inline-block; width: 100%">-</label>
-                </c-col>
-                <c-col :span="11">
-                  <c-date-picker type="date" v-model="model.sxfp.enddat" style="width: 100%"></c-date-picker>
-                </c-col>
+              <el-form-item label="起始日期" prop="rcvdatsta" style="width: 100%">
+                <c-date-picker
+                  type="date"
+                  v-model="model.sxfp.stadat"
+                  style="width: 100%"
+                ></c-date-picker>
+              </el-form-item>
+            </c-col>
+            <c-col :span="8">
+              <el-form-item label="截止日期" prop="rcvdatsta" style="width: 100%">
+                <c-date-picker
+                  type="date"
+                  v-model="model.sxfp.enddat"
+                  style="width: 100%"
+                ></c-date-picker>
               </el-form-item>
             </c-col>
           </c-col>
         </el-row>
         <!-- 可控展示区 -->
-        <el-row v-show="searchSlot.searchToggle">
-        </el-row>
+        <el-row v-show="searchSlot.searchToggle"> </el-row>
       </template>
     </c-list-search>
 
-    <el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;">
-      <c-button :disabled="isFoldDisable"  class="medium_bcs" size="medium" style="margin-left: 0"
-                type="primary" >{{ $t('public.归档') }}
+    <el-col :span="24" style="margin-top: 2px; margin-bottom: 1px">
+      <c-button
+        class="medium_bcs"
+        size="medium"
+        style="margin-left: 0"
+        type="primary"
+        @click="addClick()"
+        >{{ $t("public.新增") }}
       </c-button>
-      <c-button :disabled="isRoutingDisable"  class="medium_bcs" size="medium"
-                style="margin-left: 20" type="primary">ReRouting
+      <c-button
+        class="medium_bcs"
+        size="medium"
+        style="margin-left: 20"
+        type="primary"
+        >{{ $t("public.分摊明细") }}
       </c-button>
-      <c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary">
-        {{ $t('public.导出Excel') }}
+      <c-button
+        class="medium_bcs"
+        size="medium"
+        style="margin-left: 20"
+        type="primary"
+        >{{ $t("public.文件详情") }}
+      </c-button>
+      <c-button
+        class="medium_bcs"
+        size="medium"
+        style="margin-left: 20"
+        type="primary"
+      >
+        {{ $t("public.导出") }}
+      </c-button>
+      <c-button
+        class="medium_bcs"
+        size="medium"
+        style="margin-left: 20"
+        type="primary"
+        >{{ $t("public.单笔分摊明细") }}
       </c-button>
     </el-col>
 
@@ -43,25 +75,96 @@
         <c-col :span="24">
           <el-tabs v-model="activeTab" class="y-tabs">
             <el-tab-pane label="手续费管理" name="fb">
-              <el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%"
-                        @selection-change="handleSelectionChange"
-                        size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true">
-                <el-table-column  type="selection" width="55">
-                </el-table-column>
-                <el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop"
-                                 :min-width="item.width">
+              <el-table
+                :data="stmData.data"
+                :columns="stmData.columns"
+                v-loading="load"
+                style="width: 100%"
+                @selection-change="handleSelectionChange"
+                size="small"
+                :border="true"
+                height="calc(100vh - 480px)"
+                :highlight-current-row="true"
+              >
+                <!-- <el-table-column type="selection" width="55"> </el-table-column> -->
+                <el-table-column
+                  v-for="(item, key) in stmData.columns"
+                  :key="key"
+                  :label="item.label"
+                  :prop="item.prop"
+                  :min-width="item.width"
+                >
                 </el-table-column>
               </el-table>
 
-              <el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
-                             :page-size="pagination.pageSize" :current-page.sync="pagination.pageNum" @size-change="handleSizeChange"
-                             @current-change="handleCurrentChange">
+              <el-pagination
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="pagination.total"
+                :page-size="pagination.pageSize"
+                :current-page.sync="pagination.pageNum"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+              >
               </el-pagination>
             </el-tab-pane>
           </el-tabs>
         </c-col>
       </div>
     </el-col>
+  
+  	<el-dialog v-dialogDrag width="20%" height=“30%” title="手续费添加页面" v-if="addDialogVisiable" :visible.sync="addDialogVisiable" :before-close="handleClose">
+      <div>
+        <span>
+          <el-form ref="modelForm" :model="model" :rules="polrules" >
+             <el-row>
+          <c-col :span="24">
+             <el-form-item label="手续费起始日期" prop="rcvdatsta" style="width: 100%">
+                <!-- <c-date-picker
+                  type="date"
+                  v-model="model.rcvdatsta"
+                  style="width: 50%"
+                ></c-date-picker> -->
+                 <c-input v-model="model.remark"></c-input>
+              </el-form-item>
+          </c-col>
+             </el-row>
+             <div style="display:inline;margin-top:20px">
+                <el-form-item label="手续费截止日期" prop="rcvdatsta" >
+                <!-- <c-date-picker
+                  type="date"
+                  size=“small”
+                  v-model="model.rcvdatsta"
+                ></c-date-picker> -->
+                 <c-input v-model="model.remark"></c-input>
+              </el-form-item>
+             </div>
+ 
+              <el-form-item label="金额" prop="remark" style="margin-top:20px">
+                <c-input v-model="model.remark" placeholder="请输入金额"></c-input>
+              </el-form-item>
+          </el-form>
+        </span>
+     </div>
+        <span slot="footer">
+          <el-button @click="handleClose">取 消</el-button>
+          <el-button type="primary" @click="handleOn">确 定</el-button>
+      </span>
+	</el-dialog>
+  <!--  -->
+     <!-- 分摊明细弹出框 -->
+        <el-dialog :visible.sync="dialogVisible" title="导入日志信息">
+            <el-table :data="tableData">
+                <el-table-column label="交易类型" prop="objtyp"></el-table-column>
+                <el-table-column label="错误行数" prop="linnum"></el-table-column>
+                <el-table-column label="错误详情" prop="errdet"></el-table-column>
+                <el-table-column label="导入时间" prop="impdat"></el-table-column>
+                <el-table-column label="文件名称" prop="filnam"></el-table-column>
+            </el-table>
+            <div slot="footer">
+          <el-button type="primary"  @click="modify">确定</el-button>
+          <el-button  @click="closeDialogOpen">返回</el-button>
+      </div>
+        </el-dialog>
   </div>
 </template>
 <script>
@@ -73,32 +176,39 @@ export default {
   mixins: [event],
   data() {
     return {
-      activeTab: 'fb',
+      activeTab: "fb",
       load: false,
       subtypCodes: [],
-      multipleSelection:[],
+      addDialogVisiable:false,
+      multipleSelection: [],
       stmData: {
         columns: [
-{
-label: "状态",
-prop: "sta",
-width: "120px"
-}, 
-{
-label: "金额",
-prop: "amt",
-width: "120px"
-}, 
-{
-label: "手续费创建起始日期",
-prop: "stadat",
-width: "120px"
-}, 
-{
-label: "手续费创建截止日期",
-prop: "enddat",
-width: "120px"
-}],
+          {
+            label: "创建时间",
+            prop: "sta",
+            width: "120px",
+          },
+          {
+            label: "金额",
+            prop: "amt",
+            width: "120px",
+          },
+          {
+            label: "计费开始日期",
+            prop: "stadat",
+            width: "120px",
+          },
+          {
+            label: "计费截止日期",
+            prop: "enddat",
+            width: "120px",
+          },
+          {
+            label: "处理状态",
+            prop: "enddat",
+            width: "120px",
+          },
+        ],
         data: [],
       },
       pagination: {
@@ -108,18 +218,18 @@ width: "120px"
       },
     };
   },
-  computed:{
-    isFoldDisable: function(){
+  computed: {
+    isFoldDisable: function () {
       return this.multipleSelection.length == 0;
-    } ,
-    isRoutingDisable:function(){
+    },
+    isRoutingDisable: function () {
       return this.multipleSelection.length == 0;
-    }
+    },
   },
   methods: {
+
   },
-  mounted: function () {
-  },
+  mounted: function () {},
 };
 </script>
 <style lang="less" scoped>