|
|
|
@ -3,10 +3,10 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="course_body">
|
|
|
|
<div class="course_body">
|
|
|
|
<div class="search_top">
|
|
|
|
<div class="search_top">
|
|
|
|
<div class="btn">
|
|
|
|
<!-- <div class="btn">
|
|
|
|
<el-button @click="search_data">搜索</el-button>
|
|
|
|
<el-button @click="search_data">搜索</el-button>
|
|
|
|
<el-button @click="reset">重置</el-button>
|
|
|
|
<el-button @click="reset">重置</el-button>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
<el-form :model="search" class="search_top_form">
|
|
|
|
<el-form :model="search" class="search_top_form">
|
|
|
|
<el-form-item label="流程状态">
|
|
|
|
<el-form-item label="流程状态">
|
|
|
|
<el-select v-model="search.course_status" @change="change_course">
|
|
|
|
<el-select v-model="search.course_status" @change="change_course">
|
|
|
|
@ -36,21 +36,26 @@
|
|
|
|
placeholder="请选择关键词"
|
|
|
|
placeholder="请选择关键词"
|
|
|
|
></el-input>
|
|
|
|
></el-input>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item>
|
|
|
|
|
|
|
|
<el-button @click="search_data">搜索</el-button>
|
|
|
|
|
|
|
|
<el-button @click="reset">重置</el-button>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="search_table">
|
|
|
|
<div class="search_table">
|
|
|
|
<el-table
|
|
|
|
<el-table
|
|
|
|
:data="table_data"
|
|
|
|
:data="table_data"
|
|
|
|
|
|
|
|
height="580"
|
|
|
|
:header-cell-style="table_header"
|
|
|
|
:header-cell-style="table_header"
|
|
|
|
:cell-style="{ background: 'revert', 'text-align': 'center' }"
|
|
|
|
:cell-style="{ background: 'revert', 'text-align': 'center' }"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-table-column prop="procDefName" label="流程名称" width="420">
|
|
|
|
<el-table-column prop="processName" label="流程名称" width="380">
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="createTime" label="创建时间" width="280">
|
|
|
|
<el-table-column prop="createTime" label="创建时间" width="200">
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="processType" label="流程类型" width="280">
|
|
|
|
<el-table-column prop="processType" label="流程类型" width="200">
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="process_status" label="流程状态" width="220">
|
|
|
|
<el-table-column prop="process_status" label="流程状态">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<template slot-scope="scope">
|
|
|
|
<div :style="{ color: styleChange(scope.row.process_status) }">
|
|
|
|
<div :style="{ color: styleChange(scope.row.process_status) }">
|
|
|
|
{{ scope.row.process_status }}
|
|
|
|
{{ scope.row.process_status }}
|
|
|
|
@ -106,7 +111,7 @@ export default {
|
|
|
|
// { label: "待审核", value: "1" },
|
|
|
|
// { label: "待审核", value: "1" },
|
|
|
|
{ label: "审核中", value: "1" },
|
|
|
|
{ label: "审核中", value: "1" },
|
|
|
|
{ label: "审核完成", value: "2" },
|
|
|
|
{ label: "审核完成", value: "2" },
|
|
|
|
{ label: "驳回完成", value: "3" },
|
|
|
|
{ label: "驳回", value: "3" },
|
|
|
|
],
|
|
|
|
],
|
|
|
|
pickerOptions: {
|
|
|
|
pickerOptions: {
|
|
|
|
shortcuts: [
|
|
|
|
shortcuts: [
|
|
|
|
@ -176,9 +181,11 @@ export default {
|
|
|
|
get_my_course(param).then((res) => {
|
|
|
|
get_my_course(param).then((res) => {
|
|
|
|
// 根据返回码值判断流程状态
|
|
|
|
// 根据返回码值判断流程状态
|
|
|
|
for (let i = 0; i < res.rows.length; i++) {
|
|
|
|
for (let i = 0; i < res.rows.length; i++) {
|
|
|
|
res.rows[i].process_status = this.process_change(res.rows[i].alarmStatus)
|
|
|
|
res.rows[i].process_status = this.process_change(
|
|
|
|
|
|
|
|
res.rows[i].alarmStatus
|
|
|
|
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
console.log('res.rows',res.rows);
|
|
|
|
console.log("res.rows", res.rows);
|
|
|
|
this.table_data = res.rows;
|
|
|
|
this.table_data = res.rows;
|
|
|
|
this.total = res.total;
|
|
|
|
this.total = res.total;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
@ -193,7 +200,7 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 详情点击跳转
|
|
|
|
// 详情点击跳转
|
|
|
|
check_details(val) {
|
|
|
|
check_details(val) {
|
|
|
|
console.log('12344',val);
|
|
|
|
console.log("12344", val);
|
|
|
|
this.$emit("change_to_detail", val); // 通知跳转
|
|
|
|
this.$emit("change_to_detail", val); // 通知跳转
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 转换时间格式
|
|
|
|
// 转换时间格式
|
|
|
|
@ -256,7 +263,7 @@ export default {
|
|
|
|
// return "#FDA722";
|
|
|
|
// return "#FDA722";
|
|
|
|
case "审核完成":
|
|
|
|
case "审核完成":
|
|
|
|
return "#2eb9ef";
|
|
|
|
return "#2eb9ef";
|
|
|
|
case "驳回完成":
|
|
|
|
case "驳回":
|
|
|
|
return "#e55b5b";
|
|
|
|
return "#e55b5b";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -268,19 +275,19 @@ export default {
|
|
|
|
case 2:
|
|
|
|
case 2:
|
|
|
|
return "审核完成";
|
|
|
|
return "审核完成";
|
|
|
|
case 3:
|
|
|
|
case 3:
|
|
|
|
return "驳回完成";
|
|
|
|
return "驳回";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleSizeChange(val) {
|
|
|
|
handleSizeChange(val) {
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
this.pageNum = 1;
|
|
|
|
this.pageNum = 1;
|
|
|
|
this.pageSize = val;
|
|
|
|
this.pageSize = val;
|
|
|
|
this.search_data()
|
|
|
|
this.search_data();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
this.pageNum = val;
|
|
|
|
this.pageNum = val;
|
|
|
|
this.search_data()
|
|
|
|
this.search_data();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
@ -368,8 +375,8 @@ export default {
|
|
|
|
.el-input__inner {
|
|
|
|
.el-input__inner {
|
|
|
|
// width: 300px;
|
|
|
|
// width: 300px;
|
|
|
|
border-radius: 0px;
|
|
|
|
border-radius: 0px;
|
|
|
|
|
|
|
|
height: 3.7vh;
|
|
|
|
border: 1px solid #3d505e;
|
|
|
|
border: 1px solid #3d505e;
|
|
|
|
// border: 0.5px dashed;
|
|
|
|
|
|
|
|
background: #283436;
|
|
|
|
background: #283436;
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -384,6 +391,21 @@ export default {
|
|
|
|
background: #283436;
|
|
|
|
background: #283436;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.el-button {
|
|
|
|
|
|
|
|
width: 70px;
|
|
|
|
|
|
|
|
height: 3.7vh !important;
|
|
|
|
|
|
|
|
border: 1px solid #4a6072;
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
border-radius: 0px !important;
|
|
|
|
|
|
|
|
background: #323f43;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.el-button:focus,
|
|
|
|
|
|
|
|
.el-button:hover {
|
|
|
|
|
|
|
|
color: #34e1b3;
|
|
|
|
|
|
|
|
border: 2px solid #137868;
|
|
|
|
|
|
|
|
background: url("~@/assets/companyFile/2121.png") no-repeat !important;
|
|
|
|
|
|
|
|
background-size: 100% 100% !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/deep/.el-range-separator {
|
|
|
|
/deep/.el-range-separator {
|
|
|
|
color: #fff;
|
|
|
|
color: #fff;
|
|
|
|
@ -395,6 +417,7 @@ export default {
|
|
|
|
.btn {
|
|
|
|
.btn {
|
|
|
|
margin-left: 8px;
|
|
|
|
margin-left: 8px;
|
|
|
|
margin-right: 2px;
|
|
|
|
margin-right: 2px;
|
|
|
|
|
|
|
|
height: 3.7vh;
|
|
|
|
.el-button {
|
|
|
|
.el-button {
|
|
|
|
width: 70px;
|
|
|
|
width: 70px;
|
|
|
|
height: 3.7vh !important;
|
|
|
|
height: 3.7vh !important;
|
|
|
|
|
xuhaoyun
1 year ago