330 lines
10 KiB
Vue
330 lines
10 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<el-form
|
||
:model="queryParams"
|
||
ref="queryForm"
|
||
size="small"
|
||
:inline="true"
|
||
v-show="showSearch"
|
||
label-width="68px"
|
||
>
|
||
<el-form-item label="所属项目" prop="businessKey" v-if="showPro">
|
||
<el-select
|
||
v-model="queryParams.businessKey"
|
||
placeholder="请选择所属项目"
|
||
filterable
|
||
clearable
|
||
>
|
||
<el-option
|
||
v-for="(item, index) in projectOptions"
|
||
:key="index"
|
||
:label="item.projectName"
|
||
:value="item.id"
|
||
>
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="单位名称" prop="deptName">
|
||
<el-input
|
||
v-model="queryParams.deptName"
|
||
placeholder="请输入单位名称"
|
||
clearable
|
||
@keyup.enter.native="handleQuery"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="审批类型" prop="category">
|
||
<el-select v-model="queryParams.category" placeholder="请选择审批类型" clearable>
|
||
<el-option
|
||
v-for="dict in dict.type.project_approve_type"
|
||
:key="dict.value"
|
||
:label="dict.label"
|
||
:value="dict.value"
|
||
/>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="提交人" prop="createBy">
|
||
<el-input
|
||
v-model="queryParams.createBy"
|
||
placeholder="请输入提交人/电话"
|
||
clearable
|
||
@keyup.enter.native="handleQuery"
|
||
/>
|
||
</el-form-item>
|
||
<el-form-item label="提交时间">
|
||
<el-date-picker
|
||
v-model="daterangeTime"
|
||
style="width: 240px"
|
||
value-format="yyyy-MM-dd"
|
||
type="daterange"
|
||
range-separator="-"
|
||
start-placeholder="开始日期"
|
||
end-placeholder="结束日期"
|
||
></el-date-picker>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"
|
||
>搜索</el-button
|
||
>
|
||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
|
||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||
<el-tab-pane :label="tabs.all" name="all"></el-tab-pane>
|
||
<el-tab-pane :label="tabs.await" name="await"></el-tab-pane>
|
||
<el-tab-pane :label="tabs.finished" name="finished"></el-tab-pane
|
||
></el-tabs>
|
||
<el-table
|
||
v-loading="loading"
|
||
:data="auditInfoList"
|
||
border stripe
|
||
>
|
||
<el-table-column
|
||
label="项目名称"
|
||
align="center"
|
||
prop="projectName"
|
||
fixed="left"
|
||
width="250"
|
||
show-overflow-tooltip
|
||
/>
|
||
<el-table-column
|
||
label="审批类型"
|
||
align="center"
|
||
prop="typeName"
|
||
width="250"
|
||
show-overflow-tooltip
|
||
/>
|
||
<el-table-column
|
||
label="提交人"
|
||
align="center"
|
||
prop="nick_name"
|
||
width="250"
|
||
show-overflow-tooltip
|
||
/>
|
||
<el-table-column
|
||
label="提交单位"
|
||
align="center"
|
||
prop="dept_name"
|
||
width="250"
|
||
show-overflow-tooltip
|
||
/>
|
||
<el-table-column label="提交时间" align="center" prop="create_time" width="180">
|
||
<template slot-scope="scope">
|
||
<span>{{ parseTime(scope.row.create_time, "{y}-{m}-{d} {h}:{i}") }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="审批状态" align="center" prop="approve_status">
|
||
<template slot-scope="scope">
|
||
<dict-tag :options="dict.type.project_check_status" :value="scope.row.approve_status" />
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="操作"
|
||
align="center"
|
||
fixed="right"
|
||
class-name="small-padding fixed-width"
|
||
width="200"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-button
|
||
v-if="scope.row.approve_status == 1"
|
||
size="mini"
|
||
type="text"
|
||
icon="el-icon-edit-outline"
|
||
@click="handleApprove(scope.row)"
|
||
v-hasPermi="['project:projectAuditinfo:edit']"
|
||
>处理</el-button
|
||
>
|
||
<el-button
|
||
v-if="scope.row.approve_status != null"
|
||
size="mini"
|
||
type="text"
|
||
icon="el-icon-tickets"
|
||
@click="handleAuditinfo(scope.row)"
|
||
>审批日志</el-button
|
||
>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
|
||
<pagination
|
||
v-show="total > 0"
|
||
:total="total"
|
||
:page.sync="queryParams.pageNum"
|
||
:limit.sync="queryParams.pageSize"
|
||
@pagination="getList"
|
||
/>
|
||
|
||
<indexDrawer ref="indexDrawer"/>
|
||
<approveMeasureDrawer ref="approveMeasureDrawer" :closeCallBack="getList"/>
|
||
<approveCheckingDrawer ref="approveCheckingDrawer" :closeCallBack="getList"/>
|
||
<approveMaterialSealDrawer ref="approveMaterialSealDrawer" :closeCallBack="getList"/>
|
||
<approveCheckDetectionDrawer ref="approveCheckDetectionDrawer" :closeCallBack="getList"/>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
listProjectAuditinfo,
|
||
findAuditCount,
|
||
} from "@/api/project/projectAuditinfo";
|
||
import indexDrawer from "../projectAuditinfo/indexDrawer.vue";
|
||
import approveMeasureDrawer from "./approveMeasureDrawer.vue";
|
||
import approveCheckDetectionDrawer from "./approveCheckDetectionDrawer.vue";
|
||
import approveCheckingDrawer from "./approveCheckingDrawer.vue";
|
||
import approveMaterialSealDrawer from "./approveMaterialSealDrawer.vue";
|
||
|
||
export default {
|
||
name: "projectAuditinfo",
|
||
components: {
|
||
indexDrawer,
|
||
approveMeasureDrawer,
|
||
approveCheckingDrawer,
|
||
approveMaterialSealDrawer,
|
||
approveCheckDetectionDrawer
|
||
},
|
||
dicts: ["project_approve_type","project_check_status"],
|
||
data() {
|
||
return {
|
||
// 遮罩层
|
||
loading: true,
|
||
// 显示搜索条件
|
||
showSearch: true,
|
||
// 总条数
|
||
total: 0,
|
||
// 表格数据
|
||
auditInfoList: [],
|
||
// 时间范围
|
||
daterangeTime: [],
|
||
// 查询参数
|
||
queryParams: {
|
||
pageNum: 1,
|
||
pageSize: 10,
|
||
projectId: null,
|
||
projectName: null,
|
||
deptId: null,
|
||
deptName: null,
|
||
checkType: null,
|
||
materialName: null,
|
||
usePosition: null,
|
||
sampleNum: null,
|
||
sampleUserName: null,
|
||
witnessUserName: null,
|
||
laboratoryName: null,
|
||
checkTime: null,
|
||
checkState: null,
|
||
detectionResult: null,
|
||
activeName: "await"
|
||
},
|
||
activeName: "await",
|
||
// 表单参数
|
||
form: {},
|
||
// 表单校验
|
||
rules: {},
|
||
showPro:false,
|
||
projectOptions:[],
|
||
tabs: {
|
||
all: "全部数据（0）",
|
||
await: "待审批（0）",
|
||
finished: "已审批（0）",
|
||
},
|
||
};
|
||
},
|
||
created() {
|
||
this.queryParams.activeName = this.activeName;
|
||
this.getList();
|
||
this.initMyProject();
|
||
},
|
||
methods: {
|
||
// 页签点击
|
||
handleClick() {
|
||
this.queryParams.activeName = this.activeName;
|
||
this.getList();
|
||
},
|
||
/** 查询材料取样复试列表 */
|
||
getList() {
|
||
this.loading = true;
|
||
this.queryParams.params = {};
|
||
if (null != this.daterangeTime && "" != this.daterangeTime) {
|
||
this.queryParams.params["beginDate"] = this.daterangeTime[0];
|
||
this.queryParams.params["endDate"] = this.daterangeTime[1];
|
||
}
|
||
this.queryCount(this.queryParams);
|
||
//重新刷新代办任务
|
||
this.$store.dispatch('settingAwaitNum');
|
||
listProjectAuditinfo(this.queryParams).then((response) => {
|
||
this.auditInfoList = response.rows;
|
||
this.total = response.total;
|
||
this.loading = false;
|
||
});
|
||
},
|
||
queryCount(query) {
|
||
findAuditCount(query).then((response) => {
|
||
if (response && response.data) {
|
||
this.tabs.await = "送检中（" + response.data.await + "）";
|
||
this.tabs.finished = "已完成（" + response.data.finished + "）";
|
||
this.tabs.all = "全部数据（" + (response.data.await + response.data.finished) + "）";
|
||
}
|
||
});
|
||
},
|
||
// 查询和我相关的项目信息
|
||
initMyProject() {
|
||
// 获取项目列表的接口
|
||
this.$api.publics.getMyProjectList({}).then((response) => {
|
||
this.projectOptions = response.rows;
|
||
if (response.rows.length > 1) {
|
||
this.showPro = true;
|
||
}
|
||
});
|
||
},
|
||
// 处理
|
||
handleApprove(row){
|
||
if(row.type=="1"){
|
||
this.$refs.approveCheckDetectionDrawer.show(row);
|
||
}else if(row.type=="2"){
|
||
this.$refs.approveMeasureDrawer.show(row);
|
||
}else if(row.type=="3"){
|
||
this.$refs.approveCheckingDrawer.show(row);
|
||
}else if(row.type=="4"){
|
||
this.$refs.approveMaterialSealDrawer.show(row);
|
||
}else{
|
||
|
||
}
|
||
},
|
||
// 取消按钮
|
||
cancel() {},
|
||
// 表单重置
|
||
reset() {},
|
||
/** 搜索按钮操作 */
|
||
handleQuery() {
|
||
this.queryParams.pageNum = 1;
|
||
this.getList();
|
||
},
|
||
/** 重置按钮操作 */
|
||
resetQuery() {
|
||
this.daterangeTime = [];
|
||
this.resetForm("queryForm");
|
||
this.handleQuery();
|
||
},
|
||
/** 新增按钮操作 */
|
||
handleAdd() {},
|
||
/** 修改按钮操作 */
|
||
handleUpdate(row) {},
|
||
/** 登记结果按钮操作 */
|
||
handleUpdateResult(row) {},
|
||
/** 提交按钮 */
|
||
submitForm() {},
|
||
/** 删除按钮操作 */
|
||
handleDelete(row) {},
|
||
/** 导出按钮操作 */
|
||
handleExport() {},
|
||
/** 审批日志 */
|
||
handleAuditinfo(row) {
|
||
row.title=row.typeName;
|
||
row.logType=row.type;
|
||
this.$refs.indexDrawer.show(row);
|
||
}
|
||
},
|
||
};
|
||
</script>
|
||
|