<template>
  <el-dialog
    v-if="visiable"
    :visible.sync="visiable"
    center
    destroy-on-close
    :before-close="beforeClose"
    width="70%"
  >
    <el-form v-model="formData" label-width="150px">
      <c-row>
        <c-col>
          <c-col :span="12">
            <el-form-item label="记账角色">
              <c-input v-model="formData.rol" disabled />
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="起息日">
              <!-- <c-input v-model="formData.dat1" type="date" /> -->
              <c-date-picker
                type="date"
                v-model="formData.valdat"
                format="yyyy-MM-dd"
                style="width: 100%"
                placeholder="请选择起算时间"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="到期日">
              <!-- <c-input v-model="formData.dat1" type="date" /> -->
              <c-date-picker
                type="date"
                v-model="formData.matdat"
                format="yyyy-MM-dd"
                style="width: 100%"
                placeholder="请选择起算时间"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="原始金额">
              <c-col :span="13">
                <c-input v-model="formData.cur" disabled />
              </c-col>
              <c-col :span="11">
                <el-form-item label="" label-width="5px">
                  <c-input v-model="formData.oldamt" disabled />
                </el-form-item>
              </c-col>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="记账金额">
              <c-col :span="13">
                <c-input v-model="formData.cur" disabled />
              </c-col>
              <c-col :span="11">
                <el-form-item label="" label-width="5px">
                  <c-input v-model="formData.amt" disabled />
                </el-form-item>
              </c-col>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="记账账号">
              <c-col>
                <c-select v-model="formData.acc" />
              </c-col>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item label="抵扣账号">
              <c-col>
                <c-input v-model="formData.acc2" disabled />
              </c-col>
            </el-form-item>
          </c-col>

          <c-col :span="4" :offset="9">
            <c-button type="primary" @click="saveDialog"> 确 定 </c-button>
          </c-col>
          <c-col :span="6">
            <c-button @click="visiable = false">取 消</c-button>
          </c-col>
          <c-col>&nbsp;</c-col>
        </c-col>
      </c-row>
    </el-form>
  </el-dialog>
</template>

<script>
export default {
  props: {
    model: Object,
    idx: Number,
    codes: Object,
  },
  data() {
    return {
      formData: {},
      visiable: false,
    };
  },
  methods: {
    saveDialog() {
      this.model.liaall.liaallg.splice(this.idx, 1, this.formData);
      this.visiable = false;
    },
    beforeClose(done) {
      this.visiable = false;
      done();
    },
  },
};
</script>

<style></style>