<template>
  <div class="container-explain">
    <el-dialog v-dialogDrag custom-class="dialog-explain" top="5vh" :before-close="handleClose" :append-to-body="true" :visible.sync="explainShowDownload" width="60%" center>
      <h3>合同操作指南：</h3>
      <h5>一、合同流程（通用）</h5>
      <p>1. 销售同事与客户商洽谈合作内容，达成合作意向。</p>
      <p>2. 草拟合同，标准化合同使用CRM系统审批，非标准化合同通过邮件审批，收件人为业务领导，并抄送合规。（如出现客户无法签署合同的情况，请及时联系合规处理）</p>
      <p>3. 业务领导进行业务审批，合规进行合规审批（CRM系统中标准化合同无需合规审批）。</p>
      <p>4. 审批完成后，将合同发送给客户。</p>
      <p>5. 标准化合同如客户对业务内容进行修订（如套餐内容、有效期限、付款方式等），可在系统中找到该合同进行修改，并重新发起审批，除此以外的条款修改，需在废系统中作废原合同，并改为邮件审批。</p>
      <p>6. 待我方与客户确定合同内容，无论标准化合同还是非标准化合同，均可使用随手办公小程序提交用印。</p>
      <p>7. 用印审批完成后，销售同事可联系合规同事领取合同。</p>
      <p>8. 合同签回后，由合规同事上传签回扫描件。</p>
      <h5>注意：无论是标准化合同还是非标准化合同，均需通过内部审批后，才可发送给客户。</h5>
      <h5>二、代付合同流程</h5>
      <p>1、代付合同类型；</p>
      <p>（1）我司与客户及代付方签署三方协议;</p>
      <p>（2）我司与代付方签署代付合同;</p>
      <p>（3）若无法签署上述两种合同，则可我司与客户及代付方分别签署两方合同。</p>
      <p>2、代付合同流程</p>
      <p>（1）若我司与客户和代付方签署三方协议或我司与代付方签署代付协议，请销售同事与合规同事提前沟通，合规同事会提供相应模板，销售同事在填写完相关信息后，先通过内部邮件审批再发生给客户。</p>
      <p>PS:代付合同常用于期货公司，三方协议常用于非券商、期货公司公司之间代付，券商代付常需分别签署合同。</p>
      <p>（2）若我司与客户和代付方分别签署标准化合同，请走CRM系统，在客户合同生成时需填写代付方，与代付方合同生成时需填写实际使用客户。</p>
      <p>
        （3）若我司与客户签署标准化合同，与代付方签署非标合同，和客户签署合同请走CRM系统，在合同生成时对应填写代付方；与代付方签署非标合同通过邮件审批，销售同事需在邮件中说明代付信息（如代付的客户名称、客户签署的合同编号、代付金额）。
      </p>
      <p>（4）现海外客户仍通过邮件审批，如海外客户支付方式为代付，请在邮件中说明代付方。</p>
      <p>3、代付的信息更新</p>
      <p>代付信息更新时，请及时告知合规同事并与合规同事确认是否需启动合同流程。</p>
      <p>包括但不限于以下几种情形：</p>
      <p>（1）签署合同时，支付方式为第三方代为支付，但未确定代付方，后续确定代付方。</p>
      <p>（2）签署合同时，指定A公司代付，后续变为B公司代付。</p>
      <p>（3）签署合同时，支付方式为自行支付，后续转变为第三方代为支付。</p>
      <p style="color:#F18B19;margin-top:20px">注意事项：只有已签回状态的合同，才支持关联合同搜索</p>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {
    explainShowDownload: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    handleClose() {
      this.$parent.explainShowDownload = false;
    },
  },
};
</script>
<style lang="scss">
.dialog-explain {
  color:#333333;
  font-size: 14px;
  height: 800px;
  padding-bottom: 30px;
  h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  h5 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  p {
    line-height: 40px;
  }
  .el-dialog__header {
    background-color: #fff;
  }
  .el-dialog__headerbtn {
    padding: 0 10px 0 0 !important;
  }
  .el-dialog__close {
    color:#333333 !important;
  }
}
</style>
