|
@@ -10,17 +10,18 @@
|
|
|
ownertable="sa_serviceorder"
|
|
ownertable="sa_serviceorder"
|
|
|
:delApiId="20230206091803"
|
|
:delApiId="20230206091803"
|
|
|
:status="mainData.status"
|
|
:status="mainData.status"
|
|
|
- :statusCheck="[{key:'status',value:'待处理'},{key:'status',value:'进行中'},{key:'status',value:'提交'},{key:'status',value:'待指派'},{key:'status',value:'已完成'}]"
|
|
|
|
|
|
|
+ :statusCheck="[{key:'status',value:'已受理'},{key:'status',value:'已中止'}]"
|
|
|
|
|
+ :delHide="mainData.status !== '新建'"
|
|
|
tags=""
|
|
tags=""
|
|
|
- :tabs="mainData.servicetype == '售前' || mainData.servicetype == '历史售后'?['详细信息','关联工单']:['详细信息','服务商品','关联工单']"
|
|
|
|
|
|
|
+ :tabs="['服务申请']"
|
|
|
@hrMain="hrMain"
|
|
@hrMain="hrMain"
|
|
|
@pageChange="pageChange"
|
|
@pageChange="pageChange"
|
|
|
@onEditSuccess="queryMainData($route.query.id)">
|
|
@onEditSuccess="queryMainData($route.query.id)">
|
|
|
<div slot="tags">
|
|
<div slot="tags">
|
|
|
</div>
|
|
</div>
|
|
|
<div slot="customOperation" >
|
|
<div slot="customOperation" >
|
|
|
- <Edit v-if="tool.checkAuth($route.name,'update') && ((mainData.status == '新建' && isworker == 0) || isworker == 1)" class="inline-16" :data="mainData" @onSuccess="queryMainData" />
|
|
|
|
|
- <changeBill v-if="mainData.status == '待指派' && tool.checkAuth($route.name,'changeBill')" class="inline-16" @onSuccess="queryMainData" :data="mainData"></changeBill>
|
|
|
|
|
|
|
+ <Edit v-if="tool.checkAuth($route.name,'update') && ((mainData.status == '新建' && isworker == 0) || isworker == 1) && mainData.status != '已受理' && mainData.status != '已中止'" class="inline-16" :data="mainData" @onSuccess="queryMainData" />
|
|
|
|
|
+ <changeBill v-if="mainData.status == '已提交' && tool.checkAuth($route.name,'changeBill')" class="inline-16" @onSuccess="queryMainData" :data="mainData"></changeBill>
|
|
|
<customBtn
|
|
<customBtn
|
|
|
btnName="提交"
|
|
btnName="提交"
|
|
|
message="确认提交当前服务申请单吗?"
|
|
message="确认提交当前服务申请单吗?"
|
|
@@ -29,6 +30,7 @@
|
|
|
:id="$route.query.id"
|
|
:id="$route.query.id"
|
|
|
:paramData="[{key:'issumbit',value:1}]"
|
|
:paramData="[{key:'issumbit',value:1}]"
|
|
|
@onSuccess="queryMainData"
|
|
@onSuccess="queryMainData"
|
|
|
|
|
+ :disabled="hrid == 0 && usertype == 0"
|
|
|
class="inline-16"
|
|
class="inline-16"
|
|
|
v-if="mainData.status == '新建' && tool.checkAuth($route.name,'submit')"
|
|
v-if="mainData.status == '新建' && tool.checkAuth($route.name,'submit')"
|
|
|
/>
|
|
/>
|
|
@@ -44,11 +46,15 @@
|
|
|
dialogKey="backreason"
|
|
dialogKey="backreason"
|
|
|
@onSuccess="queryMainData"
|
|
@onSuccess="queryMainData"
|
|
|
class="inline-16"
|
|
class="inline-16"
|
|
|
- v-if="mainData.status == '待指派' && tool.checkAuth($route.name,'resubmit')"
|
|
|
|
|
|
|
+ v-if="mainData.status == '已提交' && tool.checkAuth($route.name,'resubmit')"
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
<div slot="slot0" >
|
|
<div slot="slot0" >
|
|
|
- <detailInfo :more="true" :data="detailInfo"></detailInfo>
|
|
|
|
|
|
|
+<!-- <detailInfo :more="true" :data="detailInfo"></detailInfo>-->
|
|
|
|
|
+ <serviceApplication
|
|
|
|
|
+ :detailInfo="detailInfo" :mainData="mainData" :detailInfo2="detailInfo2"
|
|
|
|
|
+ :activeName="mainData.servicetype == '售前' || mainData.servicetype == '历史售后'?'申请信息':'服务商品'">
|
|
|
|
|
+ </serviceApplication>
|
|
|
</div>
|
|
</div>
|
|
|
<div slot="slot2" >
|
|
<div slot="slot2" >
|
|
|
<workBill ref="workBill">
|
|
<workBill ref="workBill">
|
|
@@ -82,6 +88,7 @@ import Edit from '../components/edit'
|
|
|
import workBill from './workBill/index'
|
|
import workBill from './workBill/index'
|
|
|
import productTable from './product/index'
|
|
import productTable from './product/index'
|
|
|
import addProduct from './product/add'
|
|
import addProduct from './product/add'
|
|
|
|
|
+import serviceApplication from '../components/serviceApplication'
|
|
|
export default {
|
|
export default {
|
|
|
name: "detail",
|
|
name: "detail",
|
|
|
data() {
|
|
data() {
|
|
@@ -89,7 +96,10 @@ export default {
|
|
|
mainData:{},
|
|
mainData:{},
|
|
|
mainAreaData:{},
|
|
mainAreaData:{},
|
|
|
detailInfo:[],
|
|
detailInfo:[],
|
|
|
- isworker:''
|
|
|
|
|
|
|
+ detailInfo2:[],
|
|
|
|
|
+ isworker:'',
|
|
|
|
|
+ hrid:JSON.parse(sessionStorage.getItem('active_account')).hrid,
|
|
|
|
|
+ usertype:JSON.parse(sessionStorage.getItem('active_account')).usertype
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
components:{
|
|
components:{
|
|
@@ -98,7 +108,8 @@ export default {
|
|
|
Edit,
|
|
Edit,
|
|
|
workBill,
|
|
workBill,
|
|
|
productTable,
|
|
productTable,
|
|
|
- addProduct
|
|
|
|
|
|
|
+ addProduct,
|
|
|
|
|
+ serviceApplication
|
|
|
},
|
|
},
|
|
|
methods:{
|
|
methods:{
|
|
|
hrMain(data){
|
|
hrMain(data){
|
|
@@ -128,12 +139,12 @@ export default {
|
|
|
return style
|
|
return style
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- {label:'企业编号',value:this.mainData.agentnum ? this.mainData.agentnum : ''},
|
|
|
|
|
{label:'企业名称',value:this.mainData.enterprisename ? this.mainData.enterprisename : ''},
|
|
{label:'企业名称',value:this.mainData.enterprisename ? this.mainData.enterprisename : ''},
|
|
|
|
|
+ {label:'企业编码',value:this.mainData.agentnum ? this.mainData.agentnum : ''},
|
|
|
{label:'省市县',value:`${this.mainData.province}-${this.mainData.city}-${this.mainData.county}`},
|
|
{label:'省市县',value:`${this.mainData.province}-${this.mainData.city}-${this.mainData.county}`},
|
|
|
- {label:'地址',value:this.mainData.address ? this.mainData.address : ''},
|
|
|
|
|
|
|
+ {label:'详细地址',value:this.mainData.address ? this.mainData.address : ''},
|
|
|
{label:'关联订单',value:this.mainData.sonum ? this.mainData.sonum : ''},
|
|
{label:'关联订单',value:this.mainData.sonum ? this.mainData.sonum : ''},
|
|
|
- {label:'服务分类',value:this.mainData.servicetype ? this.mainData.servicetype : '',
|
|
|
|
|
|
|
+ {label:'服务类型',value:this.mainData.servicetype ? this.mainData.servicetype : '',
|
|
|
style:function () {
|
|
style:function () {
|
|
|
let style = that.tool.getStatusColor(that.mainData.servicetype)
|
|
let style = that.tool.getStatusColor(that.mainData.servicetype)
|
|
|
return style
|
|
return style
|
|
@@ -141,23 +152,31 @@ export default {
|
|
|
},
|
|
},
|
|
|
{label:'现场联系人',value:this.mainData.scenecontact ? this.mainData.scenecontact : ''},
|
|
{label:'现场联系人',value:this.mainData.scenecontact ? this.mainData.scenecontact : ''},
|
|
|
{label:'身份备注',value:this.mainData.scenecontactrole ? this.mainData.scenecontactrole : ''},
|
|
{label:'身份备注',value:this.mainData.scenecontactrole ? this.mainData.scenecontactrole : ''},
|
|
|
- {label:'现场联系人手机号',value:this.mainData.scenecontactphonenumber ? this.mainData.scenecontactphonenumber : ''},
|
|
|
|
|
|
|
+ {label:'现场联系电话',value:this.mainData.scenecontactphonenumber ? this.mainData.scenecontactphonenumber : ''},
|
|
|
{label:'应用系统',value:this.mainData.class1 ? this.mainData.class1 : ''},
|
|
{label:'应用系统',value:this.mainData.class1 ? this.mainData.class1 : ''},
|
|
|
{label:'客诉大类',value:this.mainData.class2 ? this.mainData.class2 : ''},
|
|
{label:'客诉大类',value:this.mainData.class2 ? this.mainData.class2 : ''},
|
|
|
- {label:'服务开始时间',value:this.mainData.begdate ? this.mainData.begdate.slice(0,this.mainData.begdate.indexOf(' ')) : ''},
|
|
|
|
|
- {label:'服务结束时间',value:this.mainData.enddate ? this.mainData.enddate.slice(0,this.mainData.enddate.indexOf(' ')) : ''},
|
|
|
|
|
|
|
+ {label:'服务开始日期',value:this.mainData.begdate ? this.mainData.begdate.slice(0,this.mainData.begdate.indexOf(' ')) : ''},
|
|
|
|
|
+ {label:'服务结束日期',value:this.mainData.enddate ? this.mainData.enddate.slice(0,this.mainData.enddate.indexOf(' ')) : ''},
|
|
|
{label:'问题描述',value:this.mainData.reason ? this.mainData.reason : ''},
|
|
{label:'问题描述',value:this.mainData.reason ? this.mainData.reason : ''},
|
|
|
{label:'业务员',value:this.mainData.saler_name ? this.mainData.saler_name : ''},
|
|
{label:'业务员',value:this.mainData.saler_name ? this.mainData.saler_name : ''},
|
|
|
- {label:'业务员手机号',value:this.mainData.saler_phonenumber ? this.mainData.saler_phonenumber : ''},
|
|
|
|
|
|
|
+ {label:'业务员电话',value:this.mainData.saler_phonenumber ? this.mainData.saler_phonenumber : ''},
|
|
|
{label:'项目名称',value:this.mainData.projectnote ? this.mainData.projectnote : ''},
|
|
{label:'项目名称',value:this.mainData.projectnote ? this.mainData.projectnote : ''},
|
|
|
{label:'历史服务次数',value:this.mainData.historicalservicesqty ? this.mainData.historicalservicesqty : ''},
|
|
{label:'历史服务次数',value:this.mainData.historicalservicesqty ? this.mainData.historicalservicesqty : ''},
|
|
|
|
|
+ {label:'异常类型',value:this.mainData.exception_type ? this.mainData.exception_type : ''},
|
|
|
|
|
+ {label:'服务等级',value:this.mainData.service_level ? this.mainData.service_level : '',
|
|
|
|
|
+ style:function () {
|
|
|
|
|
+ let style = that.tool.getStatusColor(that.mainData.service_level)
|
|
|
|
|
+ return style
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ {label:'评估意见',value:this.mainData.evaluation_comment ? this.mainData.evaluation_comment : ''},
|
|
|
{label:'备注',value:this.mainData.remarks ? this.mainData.remarks : ''},
|
|
{label:'备注',value:this.mainData.remarks ? this.mainData.remarks : ''},
|
|
|
]
|
|
]
|
|
|
this.detailInfo = [
|
|
this.detailInfo = [
|
|
|
{
|
|
{
|
|
|
title:'基本信息',
|
|
title:'基本信息',
|
|
|
info: [
|
|
info: [
|
|
|
- {label:'单号',value:this.mainData.billno},
|
|
|
|
|
|
|
+ {label:'申请单号',value:this.mainData.billno},
|
|
|
{label:'单据日期',value:this.mainData.billdate},
|
|
{label:'单据日期',value:this.mainData.billdate},
|
|
|
{label:'状态',value:this.$t(this.mainData.status),
|
|
{label:'状态',value:this.$t(this.mainData.status),
|
|
|
style:function () {
|
|
style:function () {
|
|
@@ -165,11 +184,12 @@ export default {
|
|
|
return style
|
|
return style
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- {label:'企业编号',value:this.mainData.agentnum},
|
|
|
|
|
{label:'企业名称',value:this.mainData.enterprisename},
|
|
{label:'企业名称',value:this.mainData.enterprisename},
|
|
|
|
|
+ {label:'企业编号',value:this.mainData.agentnum},
|
|
|
{label:'省市县',value:`${this.mainData.province}-${this.mainData.city}-${this.mainData.county}`},
|
|
{label:'省市县',value:`${this.mainData.province}-${this.mainData.city}-${this.mainData.county}`},
|
|
|
|
|
+ {label:'详细地址',value:this.mainData.address ? this.mainData.address : ''},
|
|
|
{label:'关联订单',value:this.mainData.sonum},
|
|
{label:'关联订单',value:this.mainData.sonum},
|
|
|
- {label:'服务分类',value:this.mainData.servicetype,
|
|
|
|
|
|
|
+ {label:'服务类型',value:this.mainData.servicetype,
|
|
|
style:function () {
|
|
style:function () {
|
|
|
let style = that.tool.getStatusColor(that.mainData.servicetype)
|
|
let style = that.tool.getStatusColor(that.mainData.servicetype)
|
|
|
return style
|
|
return style
|
|
@@ -177,24 +197,57 @@ export default {
|
|
|
},
|
|
},
|
|
|
{label:'现场联系人',value:this.mainData.scenecontact},
|
|
{label:'现场联系人',value:this.mainData.scenecontact},
|
|
|
{label:'身份备注',value:this.mainData.scenecontactrole},
|
|
{label:'身份备注',value:this.mainData.scenecontactrole},
|
|
|
- {label:'现场联系人手机号',value:this.mainData.scenecontactphonenumber},
|
|
|
|
|
|
|
+ {label:'现场联系人电话',value:this.mainData.scenecontactphonenumber},
|
|
|
{label:'应用系统',value:this.mainData.class1},
|
|
{label:'应用系统',value:this.mainData.class1},
|
|
|
{label:'客诉大类',value:this.mainData.class2},
|
|
{label:'客诉大类',value:this.mainData.class2},
|
|
|
{label:'问题描述',value:this.mainData.reason},
|
|
{label:'问题描述',value:this.mainData.reason},
|
|
|
- {label:'服务开始时间',value:this.mainData.begdate ? this.mainData.begdate.slice(0,this.mainData.begdate.indexOf(' ')) : ''},
|
|
|
|
|
- {label:'服务结束时间',value:this.mainData.enddate ? this.mainData.enddate.slice(0,this.mainData.enddate.indexOf(' ')) : ''},
|
|
|
|
|
|
|
+ {label:'服务开始日期',value:this.mainData.begdate ? this.mainData.begdate.slice(0,this.mainData.begdate.indexOf(' ')) : ''},
|
|
|
|
|
+ {label:'服务结束日期',value:this.mainData.enddate ? this.mainData.enddate.slice(0,this.mainData.enddate.indexOf(' ')) : ''},
|
|
|
|
|
+ {label:'项目名称',value:this.mainData.projectnote ? this.mainData.projectnote : ''},
|
|
|
{label:'业务员',value:this.mainData.saler_name ? this.mainData.saler_name : ''},
|
|
{label:'业务员',value:this.mainData.saler_name ? this.mainData.saler_name : ''},
|
|
|
- {label:'业务员手机号',value:this.mainData.saler_phonenumber ? this.mainData.saler_phonenumber : ''},
|
|
|
|
|
|
|
+ {label:'业务员电话',value:this.mainData.saler_phonenumber ? this.mainData.saler_phonenumber : ''},
|
|
|
|
|
+ {label:'异常类型',value:this.mainData.exception_type ? this.mainData.exception_type : ''},
|
|
|
|
|
+ {label:'服务等级',value:this.mainData.service_level ? this.mainData.service_level : '',
|
|
|
|
|
+ style:function () {
|
|
|
|
|
+ let style = that.tool.getStatusColor(that.mainData.service_level)
|
|
|
|
|
+ return style
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ {label:'评估意见',value:this.mainData.evaluation_comment ? this.mainData.evaluation_comment : ''},
|
|
|
|
|
+ {label:'历史服务次数',value:this.mainData.historicalservicesqty ? this.mainData.historicalservicesqty : ''},
|
|
|
{label:'备注',value:this.mainData.remarks ? this.mainData.remarks : ''},
|
|
{label:'备注',value:this.mainData.remarks ? this.mainData.remarks : ''},
|
|
|
]
|
|
]
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
title:'系统信息',
|
|
title:'系统信息',
|
|
|
info: [
|
|
info: [
|
|
|
- {label:'创建人',value:this.mainData.createby},
|
|
|
|
|
{label:'创建时间',value:this.mainData.createdate},
|
|
{label:'创建时间',value:this.mainData.createdate},
|
|
|
- {label:'提交人',value:this.mainData.submitby},
|
|
|
|
|
|
|
+ {label:'最近编辑时间',value:this.mainData.changedate},
|
|
|
{label:'提交时间',value:this.mainData.submitdate},
|
|
{label:'提交时间',value:this.mainData.submitdate},
|
|
|
|
|
+ {label:'创建人',value:this.mainData.createby},
|
|
|
|
|
+ {label:'最近编辑人',value:this.mainData.changeby},
|
|
|
|
|
+ {label:'提交人',value:this.mainData.submitby},
|
|
|
|
|
+
|
|
|
|
|
+ ]
|
|
|
|
|
+ }
|
|
|
|
|
+ ]
|
|
|
|
|
+ this.detailInfo2 = [
|
|
|
|
|
+ {
|
|
|
|
|
+ title:'确认信息',
|
|
|
|
|
+ info: [
|
|
|
|
|
+ {label:'供应方',value:this.mainData.supplier}
|
|
|
|
|
+ ]
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ title:'系统信息',
|
|
|
|
|
+ info: [
|
|
|
|
|
+ {label:'最近编辑人',value:this.mainData.changeby},
|
|
|
|
|
+ {label:'最近编辑时间',value:this.mainData.changedate},
|
|
|
|
|
+ {label:'转单人',value:this.mainData.transformer},
|
|
|
|
|
+ {label:'转单时间',value:this.mainData.transdate},
|
|
|
|
|
+ {label:'退回原因',value:this.mainData.backreason},
|
|
|
|
|
+ {label:'中止时间',value:this.mainData.abortdate},
|
|
|
|
|
+ {label:'中止原因',value:this.mainData.abortreason}
|
|
|
]
|
|
]
|
|
|
}
|
|
}
|
|
|
]
|
|
]
|