|
@@ -2,92 +2,306 @@
|
|
|
<div>
|
|
|
<basicDetails
|
|
|
ref="details"
|
|
|
- :titleText="`${mainData.accountno}-${mainData.name}`"
|
|
|
- :oldFormPath="{edit:'/HDrpManagement/serveBill/components'}"
|
|
|
+ :titleText="mainData.billno"
|
|
|
+ :oldFormPath="{edit:'HDrpManagement/serveWorkBill/components'}"
|
|
|
:editData="mainData"
|
|
|
:mainAreaData="mainAreaData"
|
|
|
turnPageId="20221031141102"
|
|
|
- idname="userid"
|
|
|
- ownertable="sys_users"
|
|
|
+ idname="sa_workorderid"
|
|
|
+ ownertable="sa_workorder"
|
|
|
tags=""
|
|
|
- :tabs="['员工信息','角色信息']"
|
|
|
+ :tabs="['工序详情','详细信息']"
|
|
|
@pageChange="pageChange"
|
|
|
@onEditSuccess="queryMainData($route.query.id)">
|
|
|
<div slot="tags">
|
|
|
</div>
|
|
|
<div slot="customOperation" >
|
|
|
+ <customBtn
|
|
|
+ btnName="接单"
|
|
|
+ message="确认接单当前服务工单吗?"
|
|
|
+ idName="20230210101103"
|
|
|
+ keyName="sa_workorderid"
|
|
|
+ :id="$route.query.id"
|
|
|
+ @onSuccess="queryMainData"
|
|
|
+ class="inline-16"
|
|
|
+ v-if="mainData.status == '新建'"
|
|
|
+ />
|
|
|
+ <customBtn
|
|
|
+ btnName="开始"
|
|
|
+ message="确认开始当前服务工单吗?"
|
|
|
+ idName="20230209144503"
|
|
|
+ keyName="sa_workorderid"
|
|
|
+ :id="$route.query.id"
|
|
|
+ @onSuccess="queryMainData"
|
|
|
+ class="inline-16"
|
|
|
+ v-if="mainData.status == '待开始'"
|
|
|
+
|
|
|
+ />
|
|
|
+ <customBtn
|
|
|
+ btnName="暂停"
|
|
|
+ message="确认暂停当前服务工单吗?"
|
|
|
+ idName="20230209144603"
|
|
|
+ keyName="sa_workorderid"
|
|
|
+ :id="$route.query.id"
|
|
|
+ @onSuccess="queryMainData"
|
|
|
+ class="inline-16"
|
|
|
+ v-if="mainData.status == '进行中'"
|
|
|
+
|
|
|
+ />
|
|
|
+ <customBtn
|
|
|
+ btnName="启用"
|
|
|
+ message="确认启用当前服务工单吗?"
|
|
|
+ idName="20230209144703"
|
|
|
+ keyName="sa_workorderid"
|
|
|
+ :id="$route.query.id"
|
|
|
+ @onSuccess="queryMainData"
|
|
|
+ class="inline-16"
|
|
|
+ v-if="mainData.status == '暂停中'"
|
|
|
+
|
|
|
+ />
|
|
|
+ <customBtn
|
|
|
+ btnName="完结"
|
|
|
+ message="确认完结当前服务工单吗?"
|
|
|
+ idName="20230209144903"
|
|
|
+ keyName="sa_workorderid"
|
|
|
+ :id="$route.query.id"
|
|
|
+ @onSuccess="queryMainData"
|
|
|
+ class="inline-16"
|
|
|
+ v-if="mainData.status != '新建'"
|
|
|
+
|
|
|
+ />
|
|
|
+ <customBtn
|
|
|
+ btnName="作废"
|
|
|
+ message="确认作废当前服务工单吗?"
|
|
|
+ idName="20230209144803"
|
|
|
+ keyName="sa_workorderid"
|
|
|
+ :id="$route.query.id"
|
|
|
+ @onSuccess="queryMainData"
|
|
|
+ class="inline-16"
|
|
|
+ v-if="mainData.status == '新建'"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div slot="slot0" >
|
|
|
+ <taskDetail :data="nodes">
|
|
|
+ <template v-slot:detail="scope">
|
|
|
+ <taskListDetail class="inline-16" :data="scope.data"></taskListDetail>
|
|
|
+ </template>
|
|
|
+ <!-- <template v-slot:edit="scope">
|
|
|
+ <taskListEdit class="inline-16" :data="scope.data"/>
|
|
|
+ </template> -->
|
|
|
+ </taskDetail>
|
|
|
</div>
|
|
|
<div slot="slot1" >
|
|
|
+ <detailInfo :more="true" :data="detailInfo"></detailInfo>
|
|
|
+
|
|
|
</div>
|
|
|
</basicDetails>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import detailInfo from '@/components/detailInfo/index'
|
|
|
+import taskDetail from './taskDetail/index'
|
|
|
+import taskListDetail from './taskDetail/taskListDetail'
|
|
|
+import taskListEdit from './taskDetail/taskListEdit'
|
|
|
export default {
|
|
|
name: "detail",
|
|
|
data() {
|
|
|
return {
|
|
|
- mainData:{},
|
|
|
- mainAreaData:{}
|
|
|
+ mainData:'',
|
|
|
+ mainAreaData:{},
|
|
|
+ detailInfo:'',
|
|
|
+ nodes:[]
|
|
|
}
|
|
|
},
|
|
|
components:{
|
|
|
+ detailInfo,
|
|
|
+ taskDetail,
|
|
|
+ taskListDetail,
|
|
|
+ taskListEdit
|
|
|
},
|
|
|
methods:{
|
|
|
async queryMainData(id) {
|
|
|
const res = await this.$api.requested({
|
|
|
- "classname": "webmanage.users.users",
|
|
|
- "method": "query_userMain",
|
|
|
+ "id":20230208140103,
|
|
|
"content": {
|
|
|
- "userid": this.$route.query.id
|
|
|
+ "sa_workorderid": this.$route.query.id
|
|
|
}
|
|
|
})
|
|
|
+ console.log(res.data,'111');
|
|
|
+
|
|
|
this.mainData = res.data
|
|
|
+ this.changeDataStructure()
|
|
|
+ console.log(res.data.nodes);
|
|
|
+
|
|
|
+ this.nodes = this.createTreeData(res.data.nodes)
|
|
|
+ console.log(this.mainData);
|
|
|
+
|
|
|
},
|
|
|
changeDataStructure() {
|
|
|
+ let that = this
|
|
|
this.mainAreaData = [
|
|
|
{
|
|
|
- label:'账号类型',
|
|
|
- value:this.mainData.usertypename
|
|
|
+ label:'单号',
|
|
|
+ value:this.mainData.billno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'服务申请单号',
|
|
|
+ value:this.mainData.servicebillno
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label:'工单类型',
|
|
|
+ value:this.mainData.type
|
|
|
},
|
|
|
{
|
|
|
label:'状态',
|
|
|
- value:this.minaInfo.status === 'ACTIVE'?'启用':this.minaInfo.status === 'INACTIVE'?'停用':'其他'
|
|
|
+ value:this.mainData.status,
|
|
|
+ style:function () {
|
|
|
+ let style = {}
|
|
|
+ switch (that.mainData.status) {
|
|
|
+ case '进行中':
|
|
|
+ style = {color:'#52c41a'}
|
|
|
+ break;
|
|
|
+ case '待处理':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '新建':
|
|
|
+ style = {color:'#333333'}
|
|
|
+ break;
|
|
|
+ case '提交':
|
|
|
+ style = {color:'#3874f6'}
|
|
|
+ break;
|
|
|
+ case '待指派':
|
|
|
+ style = {color:'#fa8c16'}
|
|
|
+ break;
|
|
|
+ case '已完成':
|
|
|
+ style = {color:'#fa8c16'}
|
|
|
+ break;
|
|
|
+ default:
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ return style
|
|
|
+
|
|
|
+ }
|
|
|
},
|
|
|
{
|
|
|
- label:'联系方式',
|
|
|
- value:this.mainData.phonenumber
|
|
|
+ label:'经销商编号',
|
|
|
+ value:this.mainData.agentnum
|
|
|
},
|
|
|
{
|
|
|
- label:'上级企业',
|
|
|
- value:this.mainData.superiorenterprisename
|
|
|
+ label:'经销商',
|
|
|
+ value:this.mainData.enterprisename
|
|
|
},
|
|
|
{
|
|
|
- label:'成交状态',
|
|
|
- value:this.mainData.tradingstatus
|
|
|
+ label:'省市县',
|
|
|
+ value:this.mainData.province
|
|
|
},
|
|
|
{
|
|
|
- label:'负责人',
|
|
|
- value:this.mainData.leader[0]?this.mainData.leader[0].name:""
|
|
|
+ label:'地址',
|
|
|
+ value:this.mainData.address
|
|
|
},
|
|
|
{
|
|
|
- label:'最近跟近时间',
|
|
|
- value:''
|
|
|
+ label:'创建时间',
|
|
|
+ value:this.mainData.createdate
|
|
|
},
|
|
|
{
|
|
|
- label:'所属公海',
|
|
|
- value:this.mainData.poolname
|
|
|
+ label:'结束时间',
|
|
|
+ value:this.mainData.enddate
|
|
|
}
|
|
|
]
|
|
|
+ this.detailInfo = [
|
|
|
+ {
|
|
|
+ title:'基本信息',
|
|
|
+ info: [
|
|
|
+ {label:'单号',value:this.mainData.billno},
|
|
|
+ {label:'申请单号',value:this.mainData.servicebillno},
|
|
|
+ {label:'状态',value:this.mainData.status},
|
|
|
+ {label:'经销商编号',value:this.mainData.agentnum},
|
|
|
+ {label:'经销商',value:this.mainData.enterprise},
|
|
|
+ {label:'业务员',value:this.mainData.scenecontact},
|
|
|
+ {label:'业务员电话',value:this.mainData.scenecontactphonenumber},
|
|
|
+ {label:'工单负责人',value:this.mainData.scenecontact},
|
|
|
+ {label:'工单类型',value:this.mainData.type},
|
|
|
+ {label:'工单模板',value:this.mainData.name},
|
|
|
+ {label:'省市县',value:`${this.mainData.province}-${this.mainData.city}-${this.mainData.county}`},
|
|
|
+ {label:'地址',value:this.mainData.address},
|
|
|
+ {label:'创建人',value:this.mainData.createby},
|
|
|
+ {label:'创建时间',value:this.mainData.createdate},
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:'工单物料',
|
|
|
+ info: [
|
|
|
+ {label:'编码',value:this.mainData.billno},
|
|
|
+ {label:'名称',value:this.mainData.billdate},
|
|
|
+ {label:'型号',value:this.mainData.status},
|
|
|
+ {label:'规格',value:this.mainData.agentnum},
|
|
|
+ {label:'数量',value:this.mainData.enterprise},
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:'确认单',
|
|
|
+ info: [
|
|
|
+ {label:'确认单号',value:this.mainData.billno},
|
|
|
+ {label:'创建时间',value:this.mainData.billdate},
|
|
|
+ {label:'状态',value:this.mainData.status},
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ createTreeData (array) {
|
|
|
+ var that = this
|
|
|
+ let arr = []
|
|
|
+ function convertToElementTree(node) {
|
|
|
+ // 新节点
|
|
|
+ var elNode = {
|
|
|
+ amount:node['amount'],
|
|
|
+ attinfos:node['attinfos'],
|
|
|
+ changeby: node["changeby"],
|
|
|
+ changedate:node['changedate'],
|
|
|
+ changeuserid:node['changeuserid'],
|
|
|
+ confirm_value:node['confirm_value'],
|
|
|
+ finishby:node['finishby'],
|
|
|
+ parentid:node['parentid'],
|
|
|
+ remarks:node['remarks'],
|
|
|
+ sa_workorder_nodeid:node['sa_workorder_nodeid'],
|
|
|
+ sa_workorderid:node['sa_workorderid'],
|
|
|
+ sequence:node['sequence'],
|
|
|
+ status:node['status'],
|
|
|
+ textcontent:node['textcontent'],
|
|
|
+ workname:node['workpresetjson'].workname,
|
|
|
+ additem:node['workpresetjson'].additem,
|
|
|
+ addperson:node['workpresetjson'].amountpay,
|
|
|
+ confirm_options:node['workpresetjson'].confirm_options,
|
|
|
+ confirm:node['workpresetjson'].confirm,
|
|
|
+ contractupload:node['workpresetjson'].contractupload,
|
|
|
+ fileupload:node['workpresetjson'].fileupload,
|
|
|
+ itemtype:node['workpresetjson'].itemtype,
|
|
|
+ remarks:node['workpresetjson'].remarks,
|
|
|
+ required:node['workpresetjson'].required,
|
|
|
+ textedit:node['workpresetjson'].textedit,
|
|
|
+ children: [],
|
|
|
+ }
|
|
|
+
|
|
|
+ if (node.child && node.child.length > 0) {
|
|
|
+ // 如果存在子节点
|
|
|
+ for (var index = 0; index < node.child.length; index++) {
|
|
|
+ // 遍历子节点, 把每个子节点看做一颗独立的树, 传入递归构造子树, 并把结果放回到新node的children中
|
|
|
+ elNode.children.push(convertToElementTree(node.child[index]));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return elNode;
|
|
|
+ }
|
|
|
+ array.forEach((element) => {
|
|
|
+ arr.push(convertToElementTree(element))
|
|
|
+ });
|
|
|
+ return arr
|
|
|
},
|
|
|
// 监听切换数据,上一页,下一页
|
|
|
pageChange (id,rowindex,tabIndex) {
|
|
|
this.flag = false
|
|
|
tabIndex = this.$route.query.tabIndex
|
|
|
- this.$router.replace({path:'/customerDetail',query:{id:id,rowindex:rowindex,tabIndex:tabIndex}})
|
|
|
+ this.$router.replace({path:'/workorderDetail',query:{id:id,rowindex:rowindex,tabIndex:tabIndex}})
|
|
|
this.queryMainData(id)
|
|
|
},
|
|
|
onSuccess(){
|