<template>
    <div>
        <c-col :span="12">
            <c-col :span="24">
                <c-col :span="13">
                    <el-form-item
                        label="Document Amount"
                        :prop="`${argadr.trans}.cbs.max.cur`"
                    >
                        <c-select
                            disabled
                            v-model="model[argadr.trans].cbs.max.cur"
                            style="width: 100%"
                        >
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="11">
                    <c-form-item
                        label=""
                        label-width="5px"
                        :prop="`${argadr.trans}.cbs.max.amt`"
                    >
                        <c-input
                            disabled
                            v-model="model[argadr.trans].cbs.max.amt"
                        ></c-input>
                    </c-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <c-col :span="13">
                    <c-form-item
                        label="Open Amount"
                        :prop="`${argadr.trans}.cbs.opn1.cur`"
                    >
                        <c-input
                            disabled
                            v-model="model[argadr.trans].cbs.opn1.cur"
                            maxlength="3"
                        ></c-input>
                    </c-form-item>
                </c-col>

                <c-col :span="11">
                    <c-form-item
                        label=""
                        label-width="5px"
                        :prop="`${argadr.trans}.cbs.opn1.amt`"
                    >
                        <c-input
                            disabled
                            v-model="model[argadr.trans].cbs.opn1.amt"
                            :placeholder="$t('other.please_enter') + 'Balance'"
                        ></c-input>
                    </c-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <div v-if="isAdvdat">
                    <c-col :span="13">
                        <el-form-item
                            label="Received on"
                            :prop="`${argadr.trans}.rec.rcvdat`"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model[argadr.trans].rec.rcvdat"
                                style="width: 100%"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label="Advised on"
                            label-width="90px"
                            :prop="`${argadr.trans}.rec.advdat`"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model[argadr.trans].rec.advdat"
                                style="width: 100%"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </div>
                <div v-else>
                    <c-col :span="24">
                        <el-form-item
                            label="Received on"
                            :prop="`${argadr.trans}.rec.rcvdat`"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model[argadr.trans].rec.rcvdat"
                                style="width: 100%"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </div>
            </c-col>

            <c-col :span="24">
                <div v-if="isMattxtlab">
                    <c-col :span="13">
                        <el-form-item
                            label="Maturity Date"
                            prop="brtp.matp.mattxtlab"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model.brtp.matp.mattxtlab"
                                style="width: 100%"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label="Start Date"
                            label-width="90px"
                            :prop="`${argadr.trans}.rec.advdat`"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model[argadr.trans].rec.stadat"
                                style="width: 100%"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </div>
                <div v-else>
                    <c-col :span="24">
                        <el-form-item
                            label="Maturity Date"
                            prop="brtp.matp.mattxtlab"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model.brtp.matp.mattxtlab"
                                style="width: 100%"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </div>
            </c-col>

            <c-col :span="24">
                <div v-if="isTenmaxday">
                    <c-col :span="13">
                        <el-form-item
                            label="Document Type"
                            :prop="`${argadr.trans}.rec.docflg`"
                        >
                            <c-input
                                v-model="model[argadr.trans].rec.docflg"
                                style="width: 100%"
                                disabled
                            >
                            </c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label="Tenor"
                            label-width="90px"
                            :prop="`${argadr.trans}.rec.tenmaxday`"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model[argadr.trans].rec.tenmaxday"
                                style="width: 100%"
                            ></c-date-picker>
                        </el-form-item>
                    </c-col>
                </div>
                <div v-else>
                    <c-col :span="24">
                        <el-form-item
                            label="Document Type"
                            :prop="`${argadr.trans}.rec.docflg`"
                        >
                            <c-input
                                v-model="model[argadr.trans].rec.docflg"
                                style="width: 100%"
                                disabled
                            >
                            </c-input>
                        </el-form-item>
                    </c-col>
                </div>
            </c-col>

            <c-col :span="24">
                <c-form-item
                    label="Document Set Status"
                    :prop="`${argadr.trans}.rec.docsta`"
                >
                    <c-input
                        v-model="model[argadr.trans].rec.docsta"
                        maxlength="1"
                        disabled
                    >
                    </c-input>
                </c-form-item>
            </c-col>
        </c-col>

        <!-- Right -->
        <c-col :span="12">
            <div v-for="(item, idx) in rol" :key="idx">
                <c-ptsmsg
                    :model="model"
                    :argadr="{
                        title: item.title,
                        grp: `${argadr.trans}`,
                        rol: item.trans,
                    }"
                    :disabled="true"
                ></c-ptsmsg>
            </div>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Ptsmsg from "~/views/Public/Ptsmsg";
// 机构信息模块
export default {
    inject: ["root"],
    mixins: [commonProcess],
    components: {
        "c-ptsmsg": Ptsmsg,
    },
    props: {
        model: {
            type: Object,
            default: undefined,
        },
        argadr: {
            type: Object,
            default: function () {
                return {
                    title: "", //角色名称
                    trans: "", //所属模块
                };
            },
        },
        rol: {
            type: Array,
            default: () => [],
        },
        isAdvdat: {
            type: Boolean,
            default: false,
        },
        isMattxtlab: {
            type: Boolean,
            default: false,
        },
        isTenmaxday: {
            type: Boolean,
            default: false,
        },
    },
    data() {
        return {
            data: [],
            cur: [
                { label: "HKD", value: "HKD" },
                { label: "CHF", value: "CHF" },
                { label: "EUR", value: "EUR" },
                { label: "USD", value: "USD" },
                { label: "CAD", value: "CAD" },
                { label: "CNY", value: "CNY" },
                { label: "AUD", value: "AUD" },
                { label: "SGD", value: "SGD" },
                { label: "KRW", value: "KRW" },
                { label: "JPY", value: "JPY" },
                { label: "GBP", value: "GBP" },
                { label: "N/A(仅限汇总填报时使用)", value: "N/A" },
                { label: "SEK", value: "SEK" },
                { label: "NZD", value: "NZD" },
            ],
        };
    },
    watch: {},
    methods: {},

    created: function () {},
};
</script>
<style>
</style>
