<template> <div> <el-dialog v-dialogDrag :visible="visible" :modal-append-to-body="false" :close-on-click-modal="false" :before-close="beforeClose" title="详情" destroy-on-close width="50%" v-if="visible" > <c-col> <el-table :data="ptydet"> <el-table-column label="收取对象" > <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.ptydet.' + scope.$index + '.rol'"> <c-select-value-to-label v-model="scope.row.rol" dbCode="ROLALL" :isShowKeyAndLabel="true"> </c-select-value-to-label> </el-form-item> </template> </el-table-column> <el-table-column label="费用币种" prop="dftfeecur"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.ptydet.' + scope.$index + '.dftfeecur'"> <c-select-cur :isFixed="true" v-model="scope.row.dftfeecur" :customModifykey="'setmod.ptydet.' + scope.$index + '.dftfeecur'" dbCode="CURTXT" placeholder="请选择费用币种" @change="onchange(scope.row, 'dftfeecur')" > </c-select-cur> </el-form-item> </template> </el-table-column> <el-table-column label="扣费方式" prop="glggrpflg"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.ptydet.' + scope.$index + '.glggrpflg'"> <c-select v-model="scope.row.glggrpflg" :customModifykey="'setmod.ptydet.' + scope.$index + '.glggrpflg'" :code="feeDspCode" placeholder="请选择扣费方式" @change="onchange(scope.row, 'glggrpflg')" > </c-select> </el-form-item> </template> </el-table-column> </el-table> </c-col> <span slot="footer" class="dialog-footer"> <el-button v-if="!isDispaly" type="primary" @click="submitForm()">确 定</el-button> <el-button @click="resetForm()">取 消</el-button> </span> </el-dialog> </div> </template> <script> import { cloneDeep } from "lodash"; import commonDepend from "~/mixin/commonDepend.js"; export default { mixins: [commonDepend], props: { initData:{ type:Array, default: ()=>[] }, visible: { type: Boolean, default: false } }, computed: { isDispaly() { return this.$store.state.Status.mode === 'display' } }, data() { return { ptydet:[], feeDspCode:[ {label: "内扣", value: ""}, {label: "外扣", value: "F"}, ], }; }, watch: { visible(show) { if (show) { this.ptydet = cloneDeep(this.initData); } } }, methods: { submitForm() { console.log("修改后的费用角色币种列表", this.ptydet); this.$emit("onSubmitDetailDialog", true, this.ptydet); }, resetForm() { this.$emit("onSubmitDetailDialog", false); }, beforeClose() { this.$emit("closeDetailDialog"); }, onchange(ptydet, prop){ this.customAddModify(ptydet, prop); } } }; </script> <style scoped lang="less"> </style>