|
@@ -41,13 +41,16 @@
|
|
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
|
|
<el-tab-pane label="审批记录" name="first">
|
|
|
<ul class="flow-chart">
|
|
|
- <li v-for="item in recordList" :key="item.id">
|
|
|
+ <li
|
|
|
+ v-for="item in recordList"
|
|
|
+ :key="item.id"
|
|
|
+ :class="item.status == 2? 'flow-orange' : item.status == 3 && !route.query.id? 'flow-orange' : item.status == 3 && route.query.id ? 'flow-grey' : ''">
|
|
|
<div class="left-icon">
|
|
|
<i class="iconfont icon-iconm_daick"></i>
|
|
|
<i class="iconfont icon-icomx_quertj1 right-btm-status"></i>
|
|
|
</div>
|
|
|
<div class="right-conetnt">
|
|
|
- <div class="name">发起人:{{ item.processedUser }}</div>
|
|
|
+ <div class="name">办理人:{{ item.processedUser }}</div>
|
|
|
<div class="remark">
|
|
|
<div class="label">{{ item.nodeName }}</div>
|
|
|
{{ item.remark }}
|
|
@@ -157,6 +160,7 @@ const handleResult = (res) => {
|
|
|
};
|
|
|
// 提交逻辑
|
|
|
const handleSubmit = async () => {
|
|
|
+
|
|
|
try {
|
|
|
// 调用发起组件的提交事件
|
|
|
const flag = await makeDom.value.handleSubmit();
|
|
@@ -208,14 +212,30 @@ const handleSubmit = async () => {
|
|
|
};
|
|
|
data.victoriatouristJson = JSON.stringify(victoriatouristJson);
|
|
|
}
|
|
|
- proxy
|
|
|
- .post("/flowProcess/initiate", {
|
|
|
- ...flowForm,
|
|
|
- data,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- handleResult(res);
|
|
|
- });
|
|
|
+ if(route.query.processType == 10) {
|
|
|
+ proxy
|
|
|
+ .post("/flowProcess/jump", {
|
|
|
+ ...flowForm,
|
|
|
+ data,
|
|
|
+ handleType:1,
|
|
|
+ version:route.query.version,
|
|
|
+ flowId:route.query.id
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ handleResult(res);
|
|
|
+ });
|
|
|
+ return
|
|
|
+ }else{
|
|
|
+ proxy
|
|
|
+ .post("/flowProcess/initiate", {
|
|
|
+ ...flowForm,
|
|
|
+ data,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ handleResult(res);
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
});
|
|
|
}
|
|
@@ -231,6 +251,7 @@ const skipPage = () => {
|
|
|
message: "操作成功!",
|
|
|
type: "success",
|
|
|
});
|
|
|
+
|
|
|
if (flowForm.flowKey == "subscribe_flow") {
|
|
|
router.replace({
|
|
|
path: "/purchaseManage/purchaseManage/subscribe",
|
|
@@ -286,8 +307,19 @@ let queryData = reactive({
|
|
|
});
|
|
|
// 记录
|
|
|
const recordList = ref([]);
|
|
|
-const getRecords = () => {
|
|
|
- proxy
|
|
|
+const getRecords = (_id) => {
|
|
|
+ console.log(route,12312312312)
|
|
|
+ if(_id) {
|
|
|
+ proxy
|
|
|
+ .post("/flowExample/getApprovalRecord", {
|
|
|
+ id: _id,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ console.log(res, "ass");
|
|
|
+ recordList.value = res.recordList;
|
|
|
+ });
|
|
|
+ }else{
|
|
|
+ proxy
|
|
|
.post("/flowExample/getFlowNode", {
|
|
|
flowKey: flowForm.flowKey,
|
|
|
})
|
|
@@ -295,12 +327,25 @@ const getRecords = () => {
|
|
|
console.log(res, "ass");
|
|
|
recordList.value = res;
|
|
|
});
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
};
|
|
|
onMounted(() => {
|
|
|
- queryData.data = { ...route.query };
|
|
|
+ console.log(route.query.id,1231231231231)
|
|
|
+ if(route.query.processType == 10) {
|
|
|
+ proxy.post('/flowProcess/getStartData',{flowId:route.query.id}).then(res=>{
|
|
|
+ console.log(res)
|
|
|
+ queryData.data = { ...res };
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ queryData.data = { ...route.query };
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
flowForm.flowKey = route.query.flowKey;
|
|
|
flowForm.tenantType = route.query.tenantType;
|
|
|
- getRecords();
|
|
|
+ getRecords(route.query.id);
|
|
|
});
|
|
|
</script>
|
|
|
|
|
@@ -412,6 +457,39 @@ onMounted(() => {
|
|
|
li:last-child::before {
|
|
|
display: none;
|
|
|
}
|
|
|
+ .flow-orange{
|
|
|
+ .right-btm-status{
|
|
|
+ background: #ff9a00!important;
|
|
|
+ }
|
|
|
+ .label{
|
|
|
+ color: #ff9a00!important;
|
|
|
+ }
|
|
|
+ .left-icon{
|
|
|
+ background: #ff9a00!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .flow-grey{
|
|
|
+ .right-btm-status{
|
|
|
+ background: #999!important;
|
|
|
+ }
|
|
|
+ .label{
|
|
|
+ color: #999!important;
|
|
|
+ }
|
|
|
+ .left-icon{
|
|
|
+ background: #999!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .flow-red{
|
|
|
+ .right-btm-status{
|
|
|
+ background: #ff4d4f!important;
|
|
|
+ }
|
|
|
+ .label{
|
|
|
+ color: #ff4d4f!important;
|
|
|
+ }
|
|
|
+ .left-icon{
|
|
|
+ background: #ff4d4f!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|