|
@@ -8,7 +8,7 @@
|
|
|
turnPageId="20221121201502"
|
|
|
idname="sa_contractid"
|
|
|
ownertable="sa_contract"
|
|
|
- :tabs="mainData.type === '项目' ? ['产品清单','合同条款'] : mainData.type === '框架' ? ['产品明细折扣','产品类别折扣','业绩目标'] : mainData.type === '居间' ? false : ['工具清单','合同条款']"
|
|
|
+ :tabs="mainData.type === '项目' ? ['产品清单','合同条款','详细信息'] : mainData.type === '框架' ? ['产品明细折扣','产品类别折扣','业绩目标','详细信息'] : mainData.type === '居间' ? ['详细信息'] : ['工具清单','合同条款','详细信息']"
|
|
|
delApiId="20221121202502"
|
|
|
:statusCheck="[{key:'status',value:'已提交'},{key:'status',value:'审核'},{key:'status',value:'已终止'}]"
|
|
|
@pageChange="pageChange"
|
|
@@ -75,6 +75,7 @@
|
|
|
<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" >
|
|
|
<!--产品类别折扣表-->
|
|
@@ -137,6 +138,11 @@
|
|
|
<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 !== '框架'" :detailInfo="detailInfo"/>
|
|
|
+ </div>
|
|
|
+ <div slot="slot3">
|
|
|
+ <BaseInfo v-if="mainData.type !== '居间'" :detailInfo="detailInfo"/>
|
|
|
</div>
|
|
|
</basicDetails>
|
|
|
</div>
|
|
@@ -161,6 +167,7 @@ import taskTarget from '../components/taskTarget/taskTarget'
|
|
|
import delTarget from '../components/taskTarget/delTarget'
|
|
|
import contractOver from '../components/contractOver'
|
|
|
import reverseCheck from '../components/reverseCheck'
|
|
|
+import BaseInfo from '@/HDrpManagement/projectChange/modules/modules/baseInfo/baseInfo'
|
|
|
export default {
|
|
|
name: "detail",
|
|
|
data() {
|
|
@@ -168,7 +175,8 @@ export default {
|
|
|
mainData:{},
|
|
|
mainAreaData:{},
|
|
|
modelList:[],
|
|
|
- isLeader:false
|
|
|
+ isLeader:false,
|
|
|
+ detailInfo:{}
|
|
|
}
|
|
|
},
|
|
|
components:{
|
|
@@ -189,7 +197,8 @@ export default {
|
|
|
contractOver,
|
|
|
reverseCheck,
|
|
|
addTarget,
|
|
|
- delTarget
|
|
|
+ delTarget,
|
|
|
+ BaseInfo
|
|
|
},
|
|
|
watch: {
|
|
|
mainData: {
|
|
@@ -605,6 +614,417 @@ export default {
|
|
|
},
|
|
|
]
|
|
|
|
|
|
+ this.mainData.type == '项目'
|
|
|
+ ? this.mainData.typemx == '直销'
|
|
|
+ ? this.detailInfo = {
|
|
|
+ baseInfo : [
|
|
|
+ /* 直销信息 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.modelname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'客户',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议' : '经销项目协议' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}-${this.mainData.enddate}`
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 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;
|
|
|
+ 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}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ : this.detailInfo = {
|
|
|
+ baseInfo : [
|
|
|
+ /* 经销信息 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.modelname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'经销商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:this.mainData.type == '项目' ? this.mainData.typemx == '直销' ? '直销项目协议' : '经销项目协议' : ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}-${this.mainData.enddate}`
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 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;
|
|
|
+ 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}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ : this.mainData.type == '框架'
|
|
|
+ ? this.detailInfo ={
|
|
|
+ baseInfo : [
|
|
|
+ /* 合作协议 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.modelname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'经销商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'经销商合作协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'折扣(%)',
|
|
|
+ value:this.mainData.discountrate * 100
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}-${this.mainData.enddate}`
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约金额(元)',
|
|
|
+ value:this.mainData.signamount
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 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;
|
|
|
+ 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}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ : this.mainData.type == '工具借用'
|
|
|
+ ? this.detailInfo = {
|
|
|
+ baseInfo : [
|
|
|
+ /* 工具借用 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.modelname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'客户',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'工具借用协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}-${this.mainData.enddate}`
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'单套价格(元)',
|
|
|
+ value:this.mainData.signamount
|
|
|
+ },
|
|
|
+ {
|
|
|
+ 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;
|
|
|
+ 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}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ : this.detailInfo = {
|
|
|
+ baseInfo : [
|
|
|
+ /* 居间协议 */
|
|
|
+ {
|
|
|
+ label:'合同编号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'标题',
|
|
|
+ value:this.mainData.title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同模板',
|
|
|
+ value:this.mainData.modelname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目合同',
|
|
|
+ value:this.mainData.ascription_title
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'居间服务商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'项目名称',
|
|
|
+ value:this.mainData.projectname
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同类型',
|
|
|
+ value:'居间协议'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'业务员',
|
|
|
+ value:this.mainData.salername
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'合同有效期',
|
|
|
+ value:`${this.mainData.begdate}-${this.mainData.enddate}`
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'签约日期',
|
|
|
+ value:this.mainData.signdate
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:this.mainData.calculatemodel == 1 ? '订单金额比例(%)' : '产品折扣(%)',
|
|
|
+ value:this.mainData.calculatemodel == 1 ? this.mainData.orderratio * 100 : this.mainData.productdiscount *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;
|
|
|
+ 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}
|
|
|
+ ]
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
// 监听切换数据,上一页,下一页
|
|
|
pageChange (id,rowindex,tabIndex) {
|