Skip to content

I
isc-web-vue
Commit 050bb767 by ben
Options

手续费管理

parent ba422527
Showing with 179 additions and 58 deletions
src/page/Frontend/Cpssxf/event/index.js
...@@ -89,6 +89,17 @@ export default { ...@@ -89,6 +89,17 @@ export default {
}, },
handleSelectionChange(val){ handleSelectionChange(val){
this.multipleSelection = 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 @@ ...@@ -6,35 +6,67 @@
<el-row> <el-row>
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="8">
<el-form-item label="日期" prop="rcvdatsta" style="width: 100%"> <el-form-item label="起始日期" prop="rcvdatsta" style="width: 100%">
<c-col :span="11"> <c-date-picker
<c-date-picker type="date" v-model="model.sxfp.stadat" style="width: 100%"></c-date-picker> type="date"
</c-col> v-model="model.sxfp.stadat"
<c-col :span="2" style="text-align: center"> style="width: 100%"
<label style="display: inline-block; width: 100%">-</label> ></c-date-picker>
</c-col> </el-form-item>
<c-col :span="11"> </c-col>
<c-date-picker type="date" v-model="model.sxfp.enddat" style="width: 100%"></c-date-picker> <c-col :span="8">
</c-col> <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> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
</el-row> </el-row>
<!-- 可控展示区 --> <!-- 可控展示区 -->
<el-row v-show="searchSlot.searchToggle"> <el-row v-show="searchSlot.searchToggle"> </el-row>
</el-row>
</template> </template>
</c-list-search> </c-list-search>
<el-col :span="24" style="margin-top: 2px;margin-bottom: 1px;"> <el-col :span="24" style="margin-top: 2px; margin-bottom: 1px">
<c-button :disabled="isFoldDisable" class="medium_bcs" size="medium" style="margin-left: 0" <c-button
type="primary" >{{ $t('public.归档') }} class="medium_bcs"
size="medium"
style="margin-left: 0"
type="primary"
@click="addClick()"
>{{ $t("public.新增") }}
</c-button> </c-button>
<c-button :disabled="isRoutingDisable" class="medium_bcs" size="medium" <c-button
style="margin-left: 20" type="primary">ReRouting class="medium_bcs"
size="medium"
style="margin-left: 20"
type="primary"
>{{ $t("public.分摊明细") }}
</c-button> </c-button>
<c-button class="medium_bcs" size="medium" style="margin-left: 20" type="primary"> <c-button
{{ $t('public.导出Excel') }} 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> </c-button>
</el-col> </el-col>
...@@ -43,25 +75,96 @@ ...@@ -43,25 +75,96 @@
<c-col :span="24"> <c-col :span="24">
<el-tabs v-model="activeTab" class="y-tabs"> <el-tabs v-model="activeTab" class="y-tabs">
<el-tab-pane label="手续费管理" name="fb"> <el-tab-pane label="手续费管理" name="fb">
<el-table :data="stmData.data" :columns="stmData.columns" v-loading="load" style="width: 100%" <el-table
@selection-change="handleSelectionChange" :data="stmData.data"
size="small" :border="true" height="calc(100vh - 480px)" :highlight-current-row="true"> :columns="stmData.columns"
<el-table-column type="selection" width="55"> v-loading="load"
</el-table-column> style="width: 100%"
<el-table-column v-for="(item, key) in stmData.columns" :key="key" :label="item.label" :prop="item.prop" @selection-change="handleSelectionChange"
:min-width="item.width"> 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-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" <el-pagination
:page-size="pagination.pageSize" :current-page.sync="pagination.pageNum" @size-change="handleSizeChange" layout="total, sizes, prev, pager, next, jumper"
@current-change="handleCurrentChange"> :total="pagination.total"
:page-size="pagination.pageSize"
:current-page.sync="pagination.pageNum"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination> </el-pagination>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</c-col> </c-col>
</div> </div>
</el-col> </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> </div>
</template> </template>
<script> <script>
...@@ -73,32 +176,39 @@ export default { ...@@ -73,32 +176,39 @@ export default {
mixins: [event], mixins: [event],
data() { data() {
return { return {
activeTab: 'fb', activeTab: "fb",
load: false, load: false,
subtypCodes: [], subtypCodes: [],
multipleSelection:[], addDialogVisiable:false,
multipleSelection: [],
stmData: { stmData: {
columns: [ columns: [
{ {
label: "状态", label: "创建时间",
prop: "sta", prop: "sta",
width: "120px" width: "120px",
}, },
{ {
label: "金额", label: "金额",
prop: "amt", prop: "amt",
width: "120px" width: "120px",
}, },
{ {
label: "手续费创建起始日期", label: "计费开始日期",
prop: "stadat", prop: "stadat",
width: "120px" width: "120px",
}, },
{ {
label: "手续费创建截止日期", label: "计费截止日期",
prop: "enddat", prop: "enddat",
width: "120px" width: "120px",
}], },
{
label: "处理状态",
prop: "enddat",
width: "120px",
},
],
data: [], data: [],
}, },
pagination: { pagination: {
...@@ -108,18 +218,18 @@ width: "120px" ...@@ -108,18 +218,18 @@ width: "120px"
}, },
}; };
}, },
computed:{ computed: {
isFoldDisable: function(){ isFoldDisable: function () {
return this.multipleSelection.length == 0; return this.multipleSelection.length == 0;
} , },
isRoutingDisable:function(){ isRoutingDisable: function () {
return this.multipleSelection.length == 0; return this.multipleSelection.length == 0;
} },
}, },
methods: { methods: {
}, },
mounted: function () { mounted: function () {},
},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment