|
|
@@ -0,0 +1,1529 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <basicDetails
|
|
|
+ ref="details"
|
|
|
+ :titleText="mainData.title"
|
|
|
+ :editData="mainData"
|
|
|
+ :mainAreaData="mainAreaData"
|
|
|
+ turnPageId="20221121201502"
|
|
|
+ idname="sa_contractid"
|
|
|
+ ownertable="sa_contract"
|
|
|
+ :tabs="mainData.type === '项目' ? ['产品明细折扣','产品类别折扣','详细信息'] : mainData.type === '框架' ? ['产品明细折扣','产品类别折扣','业绩目标','详细信息'] : mainData.type === '居间' ? ['详细信息'] : mainData.type === '直销' ? ['产品明细折扣','产品类别折扣','业绩目标','详细信息'] : ['工具清单','详细信息']"
|
|
|
+
|
|
|
+ :statusCheck="[{key:'status',value:'已提交'},{key:'status',value:'审核'},{key:'status',value:'已终止'}]"
|
|
|
+ @pageChange="pageChange"
|
|
|
+ @onEditSuccess="editSuccess">
|
|
|
+ <div slot="tags">
|
|
|
+ </div>
|
|
|
+ <div slot="customOperation">
|
|
|
+ <editBtn class="inline-16" :modelList="modelList" v-if="tool.checkAuth($route.name,'update')" :disabled="mainData.status != '新建' || !isLeader" @onSuccess="queryMainData($route.query.id);$refs.billno && $refs.billno.listData()" :data="mainData" />
|
|
|
+
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="changeBill"
|
|
|
+ v-if="mainData.status == '审核' && ($route.query.type == '经销项目' || $route.query.type == '直销项目') && (tool.checkAuth($route.name,'changeBillMag') || tool.checkAuth($route.name,'changeBillSaler') || tool.checkAuth($route.name,'changeBillOrder'))"
|
|
|
+ >一键转单</el-button>
|
|
|
+
|
|
|
+ <revoke class="inline-16" @onSuccess="queryMainData($route.query.id)" :data="mainData" v-if="tool.checkAuth($route.name,'revoke') && mainData.status === '已提交' && isLeader" ></revoke>
|
|
|
+ <submit-check class="inline-16" :disabled="!isLeader" ref="submit" :data="mainData" @onSuccess="queryMainData($route.query.id)" />
|
|
|
+ <reverseCheck class="inline-16" @onSuccess="queryMainData($route.query.id)" :data="mainData" v-if="tool.checkAuth($route.name,'reverseCheck') && mainData.status === '审核'" />
|
|
|
+<!-- <revoke class="inline-16" @onSuccess="queryMainData()" :data="mainData" v-if="tool.checkAuth($route.name,'revoke') && mainData.status === '已提交' && isLeader" ></revoke>-->
|
|
|
+ <contractOver class="inline-16" v-if="tool.checkAuth($route.name,'contractOver') && mainData.status == '审核' && isLeader" :disabled="!isLeader" :id="mainData.sa_contractid" @onSuccess="queryMainData($route.query.id)" />
|
|
|
+ <Del class="inline-16" :idName="20221121202502" :id="mainData.sa_contractid" idKey="sa_contractids" v-if="tool.checkAuth($route.name,'toVoid') && (mainData.status == '新建' || mainData.status == '已终止') && isLeader"/>
|
|
|
+ </div>
|
|
|
+ <div slot="slot0" >
|
|
|
+ <!--项目产品明细折扣表-->
|
|
|
+ <productBillno :data="mainData" :isLeader="isLeader" ref="billno" @priceChange="queryMainData($route.query.id)" @delSuccess="queryMainData" @onSuccess="productAdd" v-if="mainData.type == '项目'">
|
|
|
+ <template v-slot:edit="scope">
|
|
|
+<!-- <el-button
|
|
|
+ v-if="tool.checkAuth($route.name,'productBillManage')"
|
|
|
+ class="inline-16"
|
|
|
+ :disabled="mainData.status != '新建' || !isLeader"
|
|
|
+ type="text" size="mini" slot="edit"
|
|
|
+ @click="$refs.billno.editIndex = scope.data.sa_contract_itemsid;$refs.billno.form = Object.assign({},$refs.billno.form,scope.data)"
|
|
|
+ >编 辑</el-button>-->
|
|
|
+ </template>
|
|
|
+ <template v-slot:del="scope">
|
|
|
+ </template>
|
|
|
+ </productBillno>
|
|
|
+ <!--产品明细折扣表-->
|
|
|
+ <productDetailList :data="mainData" :isLeader="isLeader" ref="productDetailList" v-if="mainData.type == '框架' || mainData.type == '直销'" @priceChange="queryMainData($route.query.id)" @closeDrawer="queryMainData($route.query.id)">
|
|
|
+ <importFile
|
|
|
+ v-if="tool.checkAuth($route.name,'exportProduct') && isLeader && mainData.status === '新建'"
|
|
|
+ slot="export"
|
|
|
+ ref="importFile"
|
|
|
+ class="inline-16"
|
|
|
+ :bindData="{ownertable:'sa_contract',ownerid:$route.query.id,usetype:'default'}"
|
|
|
+ :errorUrl="errorUrl"
|
|
|
+ @clearUrl="errorUrl = null"
|
|
|
+ @onSuccess="bindImportOrder"
|
|
|
+ ></importFile>
|
|
|
+ </productDetailList>
|
|
|
+ <!--工具清单-->
|
|
|
+ <toolList :data="mainData" :isLeader="isLeader" ref="toolList" v-if="mainData.type == '工具借用'" @priceChange="queryMainData($route.query.id)">
|
|
|
+<!-- <addTool v-if="tool.checkAuth($route.name,'toolListManage')" :disabled="mainData.status != '新建' || !isLeader" slot="addProduct" @onSuccess="$refs.toolList.listData()"/>-->
|
|
|
+ <template v-slot:edit="scope">
|
|
|
+<!-- <el-button
|
|
|
+ v-if="tool.checkAuth($route.name,'toolListManage')"
|
|
|
+ class="inline-16"
|
|
|
+ :disabled="mainData.status != '新建' || !isLeader"
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ slot="edit"
|
|
|
+ @click="$refs.toolList.editIndex = scope.data.sa_contract_itemsid;$refs.toolList.form = Object.assign({},$refs.toolList.form,scope.data)"
|
|
|
+ >编 辑</el-button>-->
|
|
|
+ </template>
|
|
|
+<!-- <template v-slot:del="scope">
|
|
|
+ <delete-btn v-if="tool.checkAuth($route.name,'toolListManage')" :nameId="20221123164502" :disabled="mainData.status != '新建' || !isLeader" nameKey="sa_contract_itemsids" :id="scope.data.sa_contract_itemsid" @deleteSuccess="$refs.toolList.listData()"></delete-btn>
|
|
|
+ </template>-->
|
|
|
+ </toolList>
|
|
|
+ <BaseInfo v-if="mainData.type == '居间'" :detailInfo="detailInfo"/>
|
|
|
+ </div>
|
|
|
+ <div slot="slot1" >
|
|
|
+ <!--产品类别折扣表-->
|
|
|
+ <productClassList :data="mainData" :isLeader="isLeader" ref="classList" @priceChange="queryMainData($route.query.id)" v-if="mainData.type == '框架' || mainData.type == '直销'">
|
|
|
+ <addClass class="inline-16" v-if="tool.checkAuth($route.name,'productClassManage')" :disabled="mainData.status != '新建' || !isLeader" slot="addProduct" @onSuccess="$refs.classList.listData()" ref="addProduct" @closeDrawer="closeDrawer"/>
|
|
|
+ <template v-slot:edit="scope">
|
|
|
+<!-- <el-button
|
|
|
+ v-if="tool.checkAuth($route.name,'productClassManage')"
|
|
|
+ class="inline-16"
|
|
|
+ :disabled="mainData.status != '新建' || !isLeader"
|
|
|
+ type="text" size="mini" slot="edit"
|
|
|
+ @click="$refs.classList.currentEdit = scope.data;$refs.classList.form = Object.assign({},$refs.classList.form,scope.data)"
|
|
|
+ >编 辑</el-button>-->
|
|
|
+ </template>
|
|
|
+<!-- <template v-slot:del="scope">
|
|
|
+ <delete-btn v-if="tool.checkAuth($route.name,'productClassManage')" :nameId="20221124111202" :disabled="mainData.status != '新建' || !isLeader" nameKey="sa_contract_itemsaleclassids" :id="scope.data.sa_contract_itemsaleclassid" @deleteSuccess="$refs.classList.listData()"></delete-btn>
|
|
|
+ </template>-->
|
|
|
+ </productClassList>
|
|
|
+ <!-- 产品类别折扣 -->
|
|
|
+ <itemClass :data="mainData" v-if="mainData.type == '项目'" :isLeader="isLeader" ></itemClass>
|
|
|
+ <!--合同条款-->
|
|
|
+<!-- <contractClause :sys_enterpriseid="mainData.sys_enterpriseid" :disabled="mainData.status != '新建' || !isLeader" ref="Claus" v-if=" mainData.type == '工具借用'">
|
|
|
+ </contractClause>-->
|
|
|
+ <BaseInfo v-if="mainData.type === '工具借用'" :detailInfo="detailInfo"/>
|
|
|
+ </div>
|
|
|
+ <div slot="slot2">
|
|
|
+ <!--合同条款-->
|
|
|
+<!-- <contractClause :sys_enterpriseid="mainData.sys_enterpriseid" :disabled="mainData.status != '新建' || !isLeader" ref="Claus" v-if="mainData.type == '项目' ">
|
|
|
+ </contractClause>-->
|
|
|
+ <!--业绩目标-->
|
|
|
+ <taskTarget ref="taskTarget" v-if="Object.keys(mainData).length > 0 && (mainData.type == '框架' || mainData.type == '直销')" :data="mainData">
|
|
|
+ <template v-slot:addTarget="scope">
|
|
|
+ <add-target :disabled="mainData.status != '新建' || !isLeader" v-if="tool.checkAuth($route.name,'taskTargetManage')" :data="mainData" @onSuccess="successYear"></add-target>
|
|
|
+ </template>
|
|
|
+ <template v-slot:edit="scope">
|
|
|
+ <edit-target class="inline-16" :disabled="mainData.status != '新建' || !isLeader" v-if="tool.checkAuth($route.name,'taskTargetManage')" :data="scope.data" :salerId="mainData" @onSuccess="$refs.taskTarget.queryData()"/>
|
|
|
+ </template>
|
|
|
+ <template v-slot:delete="scope">
|
|
|
+ <del-target @onSuccess="$refs.taskTarget.queryData()" class="inline-16" :disabled="mainData.status != '新建' || !isLeader" v-if="tool.checkAuth($route.name,'taskTargetManage')" :id="scope.data.sa_salestargetbillid"></del-target>
|
|
|
+ </template>
|
|
|
+ </taskTarget>
|
|
|
+
|
|
|
+ <BaseInfo v-if="mainData.type !== '居间' && mainData.type !== '框架' && mainData.type !== '直销'" :detailInfo="detailInfo"/>
|
|
|
+ </div>
|
|
|
+ <div slot="slot3">
|
|
|
+ <BaseInfo v-if="mainData.type !== '居间'" :detailInfo="detailInfo"/>
|
|
|
+ </div>
|
|
|
+ </basicDetails>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Del from '../components/delete'
|
|
|
+import editBtn from '../components/editContract'
|
|
|
+import SubmitCheck from '../components/submitCheck'
|
|
|
+import productBillno from '../components/productList/productBillno.vue'
|
|
|
+import productDetailList from '../components/productDetailList/productDetailList.vue'
|
|
|
+import addProduct from '../components/productList/addProduct'
|
|
|
+import addProductDetail from '../components/productDetailList/addProduct.vue'
|
|
|
+import addTool from '../components/toolList/addTool'
|
|
|
+import toolList from '../components/toolList/toolList.vue'
|
|
|
+import addClass from '../components/productClassList/addProduct'
|
|
|
+import productClassList from '../components/productClassList/productClassList.vue'
|
|
|
+import contractClause from '../components/contractClause/contractClause'
|
|
|
+import editTarget from '../components/taskTarget/editTarget'
|
|
|
+import addTarget from '../components/taskTarget/addTarget'
|
|
|
+import taskTarget from '../components/taskTarget/taskTarget'
|
|
|
+import delTarget from '../components/taskTarget/delTarget'
|
|
|
+import contractOver from '../components/contractOver'
|
|
|
+import reverseCheck from '../components/reverseCheck'
|
|
|
+import revoke from "@/HDrpManagement/contractManage/components/revoke";
|
|
|
+import BaseInfo from '@/HDrpManagement/projectChange/modules/modules/baseInfo/baseInfo'
|
|
|
+import itemClass from '../components/itemClass/index.vue'
|
|
|
+import importFile from '../components/importFile'
|
|
|
+import { Loading } from 'element-ui';
|
|
|
+export default {
|
|
|
+ name: "detail",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ mainData:{},
|
|
|
+ mainAreaData:{},
|
|
|
+ modelList:[],
|
|
|
+ isLeader:false,
|
|
|
+ detailInfo:{},
|
|
|
+ message:'确定删除当前条款吗？',
|
|
|
+ errorUrl:null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components:{
|
|
|
+ Del,
|
|
|
+ SubmitCheck,
|
|
|
+ editBtn,
|
|
|
+ productBillno,
|
|
|
+ addProduct,
|
|
|
+ productDetailList,
|
|
|
+ addProductDetail,
|
|
|
+ addTool,
|
|
|
+ toolList,
|
|
|
+ addClass,
|
|
|
+ productClassList,
|
|
|
+ contractClause,
|
|
|
+ editTarget,
|
|
|
+ taskTarget,
|
|
|
+ contractOver,
|
|
|
+ reverseCheck,
|
|
|
+ addTarget,
|
|
|
+ delTarget,
|
|
|
+ BaseInfo,
|
|
|
+ revoke,
|
|
|
+ itemClass,
|
|
|
+ importFile,
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ mainData: {
|
|
|
+ async handler (val) {
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20220930103501,
|
|
|
+ "content": {
|
|
|
+ "ownertable":"sa_contract",
|
|
|
+ "ownerid":this.$route.query.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ const agent = await this.$api.requested({
|
|
|
+ "id":20230329122604,
|
|
|
+ "content": {
|
|
|
+ "ownertable":"sa_contract",
|
|
|
+ "ownerid":this.$route.query.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (this.mainData.leader && this.mainData.leader.length > 0){
|
|
|
+ if (JSON.parse(window.sessionStorage.getItem('active_account')).userid === this.mainData.leader[0].userid){
|
|
|
+ this.isLeader = true
|
|
|
+ }else {
|
|
|
+ let flag = 0
|
|
|
+ for (var i=0;i<res.data[0].team.length;i++){
|
|
|
+ if (res.data[0].team[i].userid === JSON.parse(window.sessionStorage.getItem('active_account')).userid){
|
|
|
+ if (res.data[0].team[i].editable === 1){
|
|
|
+ this.isLeader = true
|
|
|
+ flag =1
|
|
|
+ break
|
|
|
+ }else {
|
|
|
+ flag = 0
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ flag === 0 ?agent.data.editable === 0?this.isLeader = false:this.isLeader = true:this.isLeader = true
|
|
|
+ this.$refs.details.$refs.group.editdataleader = agent.data.editdataleader
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ deep:true,
|
|
|
+ immediate:true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ editSuccess(){
|
|
|
+ this.queryMainData(this.$route.query.id)
|
|
|
+ },
|
|
|
+ async queryMainData(id) {
|
|
|
+ this.$refs.details.$refs.group.queryGroup()
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id":20221121195102,
|
|
|
+ "content": {
|
|
|
+ "nocache":true,
|
|
|
+ "sa_contractid": this.$route.query.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.mainData = res.data
|
|
|
+ console.log(this.$refs.details.param.content,'param')
|
|
|
+ // this.$refs.details.param.content.type = this.$route.query.tabIndex
|
|
|
+ // this.$refs.details.param.content.where.type = this.$route.query.type
|
|
|
+ this.mainData.type == '项目'
|
|
|
+ ? this.mainData.typemx == '直销'
|
|
|
+ ? this.$router.replace({path:'/contractDetail',query:{id:this.$route.query.id,rowindex:this.$route.query.rowindex,type:'直销项目',tabIndex:this.$route.query.tabIndex}}) : this.$router.replace({path:'/contractDetail',query:{id:this.$route.query.id,rowindex:this.$route.query.rowindex,type:'经销项目',tabIndex:this.$route.query.tabIndex}})
|
|
|
+ : this.$router.replace({path:'/contractDetail',query:{id:this.$route.query.id,rowindex:this.$route.query.rowindex,type:this.mainData.type,tabIndex:this.$route.query.tabIndex}})
|
|
|
+
|
|
|
+ this.changeDataStructure()
|
|
|
+ },
|
|
|
+ changeDataStructure() {
|
|
|
+ let that = this
|
|
|
+ this.mainData.type == '项目'
|
|
|
+ ? this.mainData.typemx == '直销'
|
|
|
+ ? this.mainAreaData = [
|
|
|
+ /* 直销信息 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议' : '经销项目协议' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议模板' : '经销项目协议模板' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'客户',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目编号',
|
|
|
+ value:this.mainData.projectnum?this.mainData.projectnum:'--'
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /*{
|
|
|
+ label:'收货人',
|
|
|
+ value:this.mainData.name
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'收货人电话',
|
|
|
+ value:this.mainData.phonenumber
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建时间',
|
|
|
+ value:this.mainData.createdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建人',
|
|
|
+ value:this.mainData.createby
|
|
|
+ },*/
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /* {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },*/
|
|
|
+ ] : this.mainAreaData = [
|
|
|
+ /* 经销信息 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议' : '经销项目协议' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'经销商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目编号',
|
|
|
+ value:this.mainData.projectnum
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /* {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议模板' : '经销项目协议模板' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建时间',
|
|
|
+ value:this.mainData.createdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建人',
|
|
|
+ value:this.mainData.createby
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },*/
|
|
|
+ ] : this.mainData.type == '框架'
|
|
|
+ ? this.mainAreaData = [
|
|
|
+ /* 合作协议 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'经销商合作协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'经销商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // label:'签约金额(元)',
|
|
|
+ // value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0.00
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /* {
|
|
|
+ label:'合同模板',
|
|
|
+ value:'经销商合作协议模板'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建时间',
|
|
|
+ value:this.mainData.createdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建人',
|
|
|
+ value:this.mainData.createby
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },*/
|
|
|
+ ] : this.mainData.type == '直销'
|
|
|
+ ? this.mainAreaData = [
|
|
|
+ /* 直销客户协议 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'直销客户合作协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'客户',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ ]:
|
|
|
+ this.mainData.type == '工具借用'
|
|
|
+ ? this.mainAreaData = [
|
|
|
+ /* 工具借用 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:'工具借用协议模板'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'客户',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'工具借用协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'单套价格(元)',
|
|
|
+ value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建时间',
|
|
|
+ value:this.mainData.createdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建人',
|
|
|
+ value:this.mainData.createby
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },
|
|
|
+ ] : this.mainAreaData = [
|
|
|
+ /* 居间协议 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'居间协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'居间商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目合同',
|
|
|
+ value:this.mainData.ascription_title
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目编号',
|
|
|
+ value:this.mainData.projectnum
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:this.mainData.calculatemodel == 1 ? '订单金额比例(%)' : '居间产品折扣(%)',
|
|
|
+ value:this.mainData.calculatemodel == 1 ? Math.round((this.mainData.orderratio * 100)*100)/100 : Math.round((this.mainData.productdiscount *100)*100)/100,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /* {
|
|
|
+ label:'合同模板',
|
|
|
+ value:'居间协议模板'
|
|
|
+ },*/
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /* {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ {
|
|
|
+ label:'创建时间',
|
|
|
+ value:this.mainData.createdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'创建人',
|
|
|
+ value:this.mainData.createby
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },*/
|
|
|
+ ]
|
|
|
+
|
|
|
+ this.mainData.type == '项目'
|
|
|
+ ? this.mainData.typemx == '直销'
|
|
|
+ ? this.detailInfo = {
|
|
|
+ baseInfo : [
|
|
|
+ /* 直销信息 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议模板' : '经销项目协议模板' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议' : '经销项目协议' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'客户',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目编号',
|
|
|
+ value:this.mainData.projectnum
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目地址',
|
|
|
+ value:this.mainData.projectname ? this.mainData.province + this.mainData.city + this.mainData.county + this.mainData.address:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'收货人',
|
|
|
+ value:this.mainData.name
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'收货人电话',
|
|
|
+ value:this.mainData.phonenumber
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'领域',
|
|
|
+ value:this.mainData.tradefield ? this.mainData.tradefield : '--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'品牌',
|
|
|
+ value:this.mainData.brandname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'付款条件',
|
|
|
+ value:this.mainData.paytype
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ systemInfo: [
|
|
|
+ {label:'创建人',value:this.mainData.createby},
|
|
|
+ {label:'创建时间',value:this.mainData.createdate},
|
|
|
+ {label:'最近编辑人',value:this.mainData.changeby},
|
|
|
+ {label:'最近编辑时间',value:this.mainData.changedate},
|
|
|
+ {label:'提交人',value:this.mainData.submitby},
|
|
|
+ {label:'提交时间',value:this.mainData.submitdate},
|
|
|
+ {label:'审核人',value:this.mainData.checkby},
|
|
|
+ {label:'审核时间',value:this.mainData.checkdate},
|
|
|
+ /* {label:'作废原因',value:this.mainData.leader[0].leadernum == 0?'0':this.mainData.leader[0].leadernum},*/
|
|
|
+ {label:'转手次数',value:this.mainData.leader?this.mainData.leader[0].leadernum:"--"}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ : this.detailInfo = {
|
|
|
+ baseInfo : [
|
|
|
+ /* 经销信息 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议模板' : '经销项目协议模板' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议' : '经销项目协议' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目编号',
|
|
|
+ value:this.mainData.projectnum
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'领域',
|
|
|
+ value:this.mainData.tradefield ? this.mainData.tradefield : '--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'品牌',
|
|
|
+ value:this.mainData.brandname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'付款条件',
|
|
|
+ value:this.mainData.paytype
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+
|
|
|
+ /* {
|
|
|
+ label:'经销商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },*/
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ systemInfo: [
|
|
|
+ {label:'创建人',value:this.mainData.createby},
|
|
|
+ {label:'创建时间',value:this.mainData.createdate},
|
|
|
+ {label:'最近编辑人',value:this.mainData.changeby},
|
|
|
+ {label:'最近编辑时间',value:this.mainData.changedate},
|
|
|
+ {label:'提交人',value:this.mainData.submitby},
|
|
|
+ {label:'提交时间',value:this.mainData.submitdate},
|
|
|
+ {label:'审核人',value:this.mainData.checkby},
|
|
|
+ {label:'审核时间',value:this.mainData.checkdate},
|
|
|
+ {label:'转手次数',value:this.mainData.leader?this.mainData.leader[0].leadernum:"--"}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ : this.mainData.type == '框架'
|
|
|
+ ? this.detailInfo ={
|
|
|
+ baseInfo : [
|
|
|
+ /* 合作协议 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:'经销商合作协议模板'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'经销商合作协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'经销商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'领域',
|
|
|
+ value:this.mainData.tradefield ? this.mainData.tradefield : '--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'品牌',
|
|
|
+ value:this.mainData.brandname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'付款条件',
|
|
|
+ value:this.mainData.paytype
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ systemInfo: [
|
|
|
+ {label:'创建人',value:this.mainData.createby},
|
|
|
+ {label:'创建时间',value:this.mainData.createdate},
|
|
|
+ {label:'最近编辑人',value:this.mainData.changeby},
|
|
|
+ {label:'最近编辑时间',value:this.mainData.changedate},
|
|
|
+ {label:'提交人',value:this.mainData.submitby},
|
|
|
+ {label:'提交时间',value:this.mainData.submitdate},
|
|
|
+ {label:'审核人',value:this.mainData.checkby},
|
|
|
+ {label:'审核时间',value:this.mainData.checkdate},
|
|
|
+ {label:'转手次数',value:this.mainData.leader?this.mainData.leader[0].leadernum:"--"}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ : this.mainData.type == '直销'
|
|
|
+ ? this.detailInfo ={
|
|
|
+ baseInfo : [
|
|
|
+ /* 直销客户协议 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:'直销客户合作协议模板'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'直销客户合作协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'客户',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate !== 0?Math.round((this.mainData.discountrate * 100)*100)/100:'--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'领域',
|
|
|
+ value:this.mainData.tradefield ? this.mainData.tradefield : '--'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'品牌',
|
|
|
+ value:this.mainData.brandname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'付款条件',
|
|
|
+ value:this.mainData.paytype
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ systemInfo: [
|
|
|
+ {label:'创建人',value:this.mainData.createby},
|
|
|
+ {label:'创建时间',value:this.mainData.createdate},
|
|
|
+ {label:'最近编辑人',value:this.mainData.changeby},
|
|
|
+ {label:'最近编辑时间',value:this.mainData.changedate},
|
|
|
+ {label:'提交人',value:this.mainData.submitby},
|
|
|
+ {label:'提交时间',value:this.mainData.submitdate},
|
|
|
+ {label:'审核人',value:this.mainData.checkby},
|
|
|
+ {label:'审核时间',value:this.mainData.checkdate},
|
|
|
+ {label:'转手次数',value:this.mainData.leader?this.mainData.leader[0].leadernum:"--"}
|
|
|
+ ]
|
|
|
+ }:this.mainData.type == '工具借用'
|
|
|
+ ? this.detailInfo = {
|
|
|
+ baseInfo : [
|
|
|
+ /* 工具借用 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:'工具借用协议模板'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'客户',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'工具借用协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'单套价格(元)',
|
|
|
+ value:this.mainData.signamount?this.tool.formatAmount(this.mainData.signamount,2):0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ systemInfo: [
|
|
|
+ {label:'创建人',value:this.mainData.createby},
|
|
|
+ {label:'创建时间',value:this.mainData.createdate},
|
|
|
+ {label:'最近编辑人',value:this.mainData.changeby},
|
|
|
+ {label:'最近编辑时间',value:this.mainData.changedate},
|
|
|
+ {label:'提交人',value:this.mainData.submitby},
|
|
|
+ {label:'提交时间',value:this.mainData.submitdate},
|
|
|
+ {label:'审核人',value:this.mainData.checkby},
|
|
|
+ {label:'审核时间',value:this.mainData.checkdate},
|
|
|
+ {label:'转手次数',value:this.mainData.leader?this.mainData.leader[0].leadernum:"--"}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ : this.detailInfo = {
|
|
|
+ baseInfo : [
|
|
|
+ /* 居间协议 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:'居间协议模板'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'居间协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'居间商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目合同',
|
|
|
+ value:this.mainData.ascription_title
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目编号',
|
|
|
+ value:this.mainData.projectnum
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}至${this.mainData.enddate}`,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:this.mainData.calculatemodel == 1 ? '订单金额比例(%)' : '居间产品折扣(%)',
|
|
|
+ value:this.mainData.calculatemodel == 1 ? Math.round((this.mainData.orderratio * 100)*100)/100 : Math.round((this.mainData.productdiscount *100)*100)/100,
|
|
|
+ style:function () {
|
|
|
+ let style = {color:'#3874f6'}
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ {
|
|
|
+ label:'状态',
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '已提交':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '审核':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '已过期':
|
|
|
+ style = {color:'#999999'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同描述',
|
|
|
+ value:this.mainData.remarks
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ systemInfo: [
|
|
|
+ {label:'创建人',value:this.mainData.createby},
|
|
|
+ {label:'创建时间',value:this.mainData.createdate},
|
|
|
+ {label:'最近编辑人',value:this.mainData.changeby},
|
|
|
+ {label:'最近编辑时间',value:this.mainData.changedate},
|
|
|
+ {label:'提交人',value:this.mainData.submitby},
|
|
|
+ {label:'提交时间',value:this.mainData.submitdate},
|
|
|
+ {label:'审核人',value:this.mainData.checkby},
|
|
|
+ {label:'审核时间',value:this.mainData.checkdate},
|
|
|
+ {label:'转手次数',value:this.mainData.leader?this.mainData.leader[0].leadernum:"--"}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ changeBill (data) {
|
|
|
+ this.$confirm('确定把当前合同转为订单吗?','提示',{
|
|
|
+ confirmButtonText:'确定',
|
|
|
+ cancelButtonText:'取消',
|
|
|
+ type:'warning'
|
|
|
+ }).then(() => {
|
|
|
+ Loading.service({ fullscreen: true ,text:'刷新中...'});
|
|
|
+ this.$axios({
|
|
|
+ method:'POST',
|
|
|
+ url:'/yos/rest/index',
|
|
|
+ data: {
|
|
|
+ "accesstoken":JSON.parse(sessionStorage.getItem('active_account')).token,
|
|
|
+ "id":20230322153702,
|
|
|
+ "content": {
|
|
|
+ "sa_contractid": this.$route.query.id
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }).then((res) => {
|
|
|
+ Loading.service().close()
|
|
|
+ this.tool.showMessage(res.data,() => {
|
|
|
+ this.oldRoute = {path:this.$route.path,query:this.$route.query}
|
|
|
+ this.$store.dispatch('setHistoryRouter',this.oldRoute)
|
|
|
+ if (this.tool.checkAuth(this.$route.name,'changeBillMag')) {
|
|
|
+ this.$router.push({
|
|
|
+ path:'/orderdetail',
|
|
|
+ query:{
|
|
|
+ id:res.data.data.sa_orderid,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (this.tool.checkAuth(this.$route.name,'changeBillSaler')) {
|
|
|
+ this.$router.push({
|
|
|
+ path:'/saler_orderDetails',
|
|
|
+ query:{
|
|
|
+ id:res.data.data.sa_orderid,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else if (this.tool.checkAuth(this.$route.name,'changeBillOrder')) {
|
|
|
+ this.$router.push({
|
|
|
+ path:'/agent_orderDetails',
|
|
|
+ query:{
|
|
|
+ id:res.data.data.sa_orderid,
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ async bindImportOrder (id) {
|
|
|
+ const res = await this.$api.requested({
|
|
|
+ "id": 20230314133404,
|
|
|
+ "content": {
|
|
|
+ "sa_contractid":this.$route.query.id,
|
|
|
+ "attachmentid":id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (res.data !== '成功') {
|
|
|
+ this.errorUrl = res.data
|
|
|
+ }
|
|
|
+ this.tool.showMessage(res,() => {
|
|
|
+ this.$refs.productDetailList.listData()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 监听切换数据,上一页,下一页
|
|
|
+ pageChange (id,rowindex,tabIndex) {
|
|
|
+ this.flag = false
|
|
|
+ tabIndex = this.$route.query.tabIndex
|
|
|
+ this.$router.replace({path:'/contractDetail',query:{id:id,rowindex:rowindex,tabIndex:tabIndex}})
|
|
|
+ this.queryMainData(id)
|
|
|
+ },
|
|
|
+ onSuccess(){
|
|
|
+ this.visible = false
|
|
|
+ this.queryMainData(this.$route.query.id)
|
|
|
+ this.$emit('onSuccess')
|
|
|
+ },
|
|
|
+ successYear(year){
|
|
|
+ this.$refs.taskTarget.year = year
|
|
|
+ this.$refs.taskTarget.queryData()
|
|
|
+ },
|
|
|
+ closeDrawer(){
|
|
|
+ this.$refs.classList.listData()
|
|
|
+ },
|
|
|
+ productAdd(){
|
|
|
+ this.queryMainData()
|
|
|
+ }
|
|
|
+ // async getModelList () {
|
|
|
+ // let res = await this.$api.requested({
|
|
|
+ // "id": 20221121155801,
|
|
|
+ // "content": {
|
|
|
+ // "pageNumber": 1,
|
|
|
+ // "pageSize": 999999,
|
|
|
+ // "where":{
|
|
|
+ // "condition":""
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // this.modelList = res.data
|
|
|
+ // console.log(this.modelList);
|
|
|
+ // },
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ this.queryMainData(this.$route.query.id)
|
|
|
+ // this.getModelList()
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ /*this.queryMainData(this.$route.query.id)*/
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|
qymljy