<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>