Przeglądaj źródła

合同审批模块done

jwyu 1 rok temu
rodzic
commit
5ef63e5318

+ 2 - 1
src/views/contract_manage/approvalList.vue

@@ -23,6 +23,7 @@ import { ElMessage } from 'element-plus';
 import { contractInterface, customInterence } from "@/api/api.js";
 import $ from "jquery"
 import PreviewService from './components/PreviewService.vue'
+import ExplainDlg from './components/ExplainDlg.vue'
 
 const router = useRouter()
 
@@ -1315,7 +1316,7 @@ function approvalFromStatusChange() {
       </div>
     </el-dialog>
 
-    <explain-dlg :explainShowDownload="pageState.explainShowDownload" />
+    <explain-dlg :explainShowDownload="pageState.explainShowDownload" @close="pageState.explainShowDownload=false"/>
     <el-dialog
       draggable
       :append-to-body="true"

+ 124 - 0
src/views/contract_manage/components/ExplainDlg.vue

@@ -0,0 +1,124 @@
+<script setup>
+
+const props = defineProps({
+  explainShowDownload: {
+    type: Boolean,
+    default: false,
+  }
+})
+const emits = defineEmits(['close'])
+
+
+function handleClose() {
+  emits('close')
+}
+
+
+</script>
+
+<template>
+  <div class="container-explain">
+    <el-dialog
+      draggable
+      class="dialog-explain"
+      top="5vh"
+      :before-close="handleClose"
+      :append-to-body="true"
+      :model-value="props.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>
+
+<style lang="scss">
+.dialog-explain {
+  color:#333333;
+  font-size: 14px;
+  height: 800px;
+  overflow-y: auto;
+  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>