LitTemp.vue

<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%"
                            :code="curtxt1"
                        >
                        </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-select
                            disabled
                            v-model="model[argadr.trans].cbs.opn1.cur"
                            style="width: 100%"
                            :code="curtxt1"
                        >
                        </c-select>
                    </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="`${argadr.trans1}.matp.mattxtlab`"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model[argadr.trans1].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="`${argadr.trans1}.matp.mattxtlab`"
                        >
                            <c-date-picker
                                type="date"
                                disabled
                                v-model="model[argadr.trans1].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-select
                                v-model="model[argadr.trans].rec.docflg"
                                style="width: 100%"
                                disabled
                                :code="docflg"
                            >
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="11">
                        <el-form-item
                            label="Tenor"
                            label-width="90px"
                            :prop="`${argadr.trans}.rec.tenmaxday`"
                        >
                            <c-input
                                disabled
                                v-model="model[argadr.trans].rec.tenmaxday"
                            ></c-input>
                        </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-select
                                v-model="model[argadr.trans].rec.docflg"
                                style="width: 100%"
                                disabled
                                :code="docflg"
                            >
                            </c-select>
                        </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-select
                        v-model="model[argadr.trans].rec.docsta"
                        style="width: 100%"
                        disabled
                        :code="docsta"
                    >
                    </c-select>
                </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: "", //所属模块
                    trans1:"",//所属模块
                };
            },
        },
        rol: {
            type: Array,
            default: () => [],
        },
        isAdvdat: {
            type: Boolean,
            default: false,
        },
        isMattxtlab: {
            type: Boolean,
            default: false,
        },
        isTenmaxday: {
            type: Boolean,
            default: false,
        },
    },
    data() {
        return {
            data: [],
    docflg: [
        { label: "Mixed Payment Documents", value: "M" },
        { label: "Sight Documents", value: "P" },
        { label: "Usance Documents(Acceptance)", value: "A" },
        { label: "Usance Documents(Deferred)", value: "D" },
    ],
    docsta: [
        { label: "Goods released, Adv. of Payment received", value: "A" },
        { label: "Goods released, Adv. of Payment + docs", value: "B" },
        { label: "Adv. of Payment received, wait for docs", value: "C" },
        { label: "Advice of Payment and documents received", value: "D" },
        { label: "Adv. of Discrep. received, wait for docs", value: "E" },
        { label: "Advice of Discrepancy and docs received", value: "F" },
        { label: "Documents received", value: "G" },
        { label: "Clean documents received", value: "H" },
        { label: "Discrepant documents received", value: "I" },
        { label: "Goods released, wait for documents", value: "J" },
        { label: "Goods released, documents received", value: "K" },
        { label: "Documents sent on approval basis", value: "L" },
        { label: "Documents taken up", value: "M" },
        { label: "Documents settled free of payment", value: "N" },
        { label: "Discrepant document received in trust", value: "T" },
        { label: "Other Type of Advice, wait for documents", value: "O" },
        { label: "Documents have been refused and returned", value: "R" },

    ],
    curtxt1: [
        { label: `CNY-人民币`, value: `CNY` },
        { label: `KRW-韩元`, value: `KRW` },
        { label: `NZD-新西兰元`, value: `NZD` },
        { label: `USD-美元`, value: `USD` },
    ],
            
        };
    },
    watch: {},
    methods: {},

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