@model ClientEditViewModel
@{
    Layout = null;
}

<div class="modal" tabindex="-1" id="clientFileEditModal" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">上传客户文件</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label class="formlabel">文件:</label>
                    <input type="file" accept=".*" id="uploadfile" multiple="multiple">
                </div>
                <div class="form-group">
                    <label class="formlabel">文件类型:</label>
                    <select v-model="file.FileTypeName" name="FileTypeName">
                        <option v-for="item in viewData['文件类型']" v-bind:value="item.value" v-bind:disabled="item.text.startsWith('代签')&&client.ClientType!=='产品'">{{item.text}}</option>
                    </select>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group">
                    <label class="formlabel">操作时间:</label>
                    <flat-pickr :config="dateTimePicker" class="form_datetime" v-model="file.OptDate" name="OptDate"></flat-pickr>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group" v-show="showFileBookTime">
                    <label class="formlabel">双录时间:</label>
                    <vue-datepicker v-model="file.BookTime" name="BookTime" v-bind:holiday="true" class="text-box" autocomplete="off"></vue-datepicker>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group" v-show="showFileSignDate">
                    <label class="formlabel">签署日期:</label>
                    <vue-datepicker v-model="file.SignDate" name="SignDate" v-bind:holiday="true" class="text-box" autocomplete="off"></vue-datepicker>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group">
                    <label class="formlabel">文件说明:</label>
                    <input class="text-box" v-model="file.FileDesc" name="FileDesc" type="text" />
                </div>
                <div class="form-group" v-show="showParentMainProtocalNumber">
                    <label class="formlabel">母协议编号:</label>
                    <select v-model="file.ParentClientFileId" name="ParentClientFileId">
                        <option v-for="item in mainParentProtocolNumberItems" v-bind:value="item.id">{{item.ProtocolNumber}}</option>
                    </select>
                    <span style="color:red">*</span>
                </div>
                <template v-if="ylotc.Company == '山证金衍' && file.FileTypeName=='补充协议附件(PDF)'">
                    <div class="form-group" v-show="showFileMainProtocolNumber">
                        <label class="formlabel">主协议编号:</label>
                        <select v-model="file.MainProtocolNumber" name="MainProtocolNumber">
                            <option v-for="item in mainProtocolNumberItems" v-bind:value="item">{{item}}</option>
                        </select>
                        <span v-if="!pageData.is华西" style="color:red">*</span>
                    </div>
                    <div class="form-group" v-show="showFileProtocolNumber" v-if="FileTypeShow(file.FileTypeName)">
                        <label class="formlabel">{{FileTypeNametitle(file.FileTypeName)}}协议编号:</label>
                        <input class="text-box" v-model="file.ProtocolNumber" name="ProtocolNumber" type="text" />
                        <span v-if="!pageData.is华西|| file.FileTypeName=='代签产品附件(PDF)' " style="color:red">*</span>
                    </div>
                </template>
                <template v-else>
                    <div class="form-group" v-show="showFileProtocolNumber" v-if="FileTypeShow(file.FileTypeName)">
                        <label class="formlabel">{{FileTypeNametitle(file.FileTypeName)}}协议编号:</label>
                        <input class="text-box" v-model="file.ProtocolNumber" name="ProtocolNumber" type="text" />
                        <span v-if="!pageData.is华西|| file.FileTypeName=='代签产品附件(PDF)' " style="color:red">*</span>
                    </div>
                    <div class="form-group" v-show="showFileMainProtocolNumber">
                        <label class="formlabel">主协议编号:</label>
                        <select v-model="file.MainProtocolNumber" name="MainProtocolNumber">
                            <option v-for="item in mainProtocolNumberItems" v-bind:value="item">{{item}}</option>
                        </select>
                        <span v-if="!pageData.is华西" style="color:red">*</span>
                    </div>
                    <div class="form-group" v-show="showFileSideProtocolNumber">
                        <label class="formlabel">补充协议编号:</label>
                        <select v-model="file.SideProtocolNumber" name="SideProtocolNumber">
                            <option v-for="item in sideProtocolNumberItems" v-bind:value="item">{{item}}</option>
                        </select>
                        <span v-if="!pageData.is华西" style="color:red">*</span>
                    </div>
                </template>
                <div class="form-group" v-show="showFileSignType">
                    <label class="formlabel">签署版本:</label>
                    <select v-model="file.SignType" name="SignType">
                        <option v-for="item in viewData['权益类签署版本']" v-bind:value="item.value">{{item.text}}</option>
                    </select>
                    <span style="color:red">*</span>
                </div>
                <div class="form-group" v-show="showFileReportorRole">
                    <label class="formlabel">填报方角色:</label>
                    <select v-model="file.ReportorRole" name="ReportorRole">
                        <option value="甲方">甲方</option>
                        <option value="乙方">乙方</option>
                    </select>
                    <span style="color:red">*</span>
                </div>

                <div class="form-group" v-if="file.FileTypeName=='代签产品附件(PDF)'">
                    <label class="formlabel">产品投资经理:</label>
                    <select name="ContactName" v-model="file.InvestmentManagerId">
                        <option v-for="item in investmentManager_dutyList" :value="item.id">{{item.ContactName}}</option>
                    </select>
                </div>
                <div class="form-group" v-if="file.FileTypeName=='代签产品附件(PDF)'">
                    <label class="formlabel">投资经理电话:</label>
                    <input class="text-box" v-model="investmentManagerPhone" name="PhoneNumber" disabled type="text" />
                </div>
                <div class="form-group" v-if="file.FileTypeName=='代签产品附件(PDF)'">
                    <label class="formlabel">托管机构:</label>
                    <input class="text-box" v-model="page.client.meta_托管机构" name="meta_托管机构" disabled type="text" />
                </div>
                <div style="margin: 20px; color: red;">协议文件变更，客户将重新审核</div>
            </div>
            <div class="modal-footer">
                <div class="m-auto">
                    <button class="btn btn-primary" type="button" v-on:click="saveFile">上传</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    //处理协议编号lable 增加描述文字
    function FileTypeNametitle(e) {
        var title = "";
        if (ylotc.Company == '山证金衍') {
            if (e == '主协议附件(PDF)') {
                title = "主";
            } else if (e === '补充协议附件(PDF)') {
                title = "补充";
            }
        }
        return title;
    };

    //处理协议编号是否显示 可填写
    function FileTypeShow(e) {
        if (e == "履约协议附件(PDF)") {
            return false
        } else if (e == "代签产品附件(PDF)" && ylotc.Company == '山证金衍') {
            return false;
        } else {
            return true;
        }
    };

    function dutydata(i) {
        var data = editConfig.lists.dutyList.find(e => e.ContactType == '产品投资经理');
        if (data === undefined) {
            return "";
        } else {
            if (i == 0) {
                return data.ContactName;
            }
            else if (i == 1) {
                return data.PhoneNumber;
            } else {
                return "";
            }
        }
    }
</script>