LitTemp.vue

<template>
    <div>
        <c-col :span="12">
            <c-col :span="24">
                <c-col :span="13">
                    <el-form-item
                        label="单据金额"
                        :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="开立金额"
                        :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="收到日期"
                            :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="通知日期"
                            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="收到日期"
                            :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="到期日期"
                            :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="开始日期"
                            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="到期日期"
                            :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="单据类型"
                            :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="期限"
                            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="单据类型"
                            :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="单据状态"
                    :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 "~/page/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: "混合付款单据", value: "M" },
        { label: "即期单据", value: "P" },
        { label: "远期单据（承兑）", value: "A" },
        { label: "远期单据（延期）", value: "D" },
    ],
    docsta: [
        { label: "货物放行，付款通知", value: "A" },
        { label: "货物放行，付款和单据通知", value: "B" },
        { label: "付款通知，等待单据", value: "C" },
        { label: "付款通知和到单", value: "D" },
        { label: "收到不符点通知，等待单据", value: "E" },
        { label: "收到单据和不符点通知", value: "F" },
        { label: "到单", value: "G" },
        { label: "清除到单", value: "H" },
        { label: "到单不符点", value: "I" },
        { label: "货物放行，等待单据", value: "J" },
        { label: "货物放行，到单", value: "K" },
        { label: "根据批准发送的单据", value: "L" },
        { label: "处理单据", value: "M" },
        { label: "免费结算的单据", value: "N" },
        { label: "信托到单不符点", value: "T" },
        { label: "其他类型的建议，等待单据", value: "O" },
        { label: "单据已被拒绝并返回", 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>