jiaozhun
This commit is contained in:
parent
720a27ca5e
commit
c52d2f8f1d
|
|
@ -0,0 +1,35 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
//获取校验能力列表
|
||||||
|
export function getCorrectList(query) {
|
||||||
|
return request({
|
||||||
|
url: '/ability/correct/',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//导入校验能力
|
||||||
|
export function correctimport(data) {
|
||||||
|
return request({
|
||||||
|
url: `/ability/correct/import/`,
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//查询所属公司
|
||||||
|
export function getCorrecGroup(query) {
|
||||||
|
return request({
|
||||||
|
url: '/ability/correct/group/',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//批量删除
|
||||||
|
export function deletes(data)
|
||||||
|
{
|
||||||
|
return request({
|
||||||
|
url: `/ability/correct/deletes/`,
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
@ -106,6 +106,13 @@ export const asyncRoutes = [
|
||||||
name: 'Inspection',
|
name: 'Inspection',
|
||||||
component: () => import('@/views/ability/inspection'),
|
component: () => import('@/views/ability/inspection'),
|
||||||
meta: { title: '检验能力', perms: ['inspection_view'] }
|
meta: { title: '检验能力', perms: ['inspection_view'] }
|
||||||
|
}
|
||||||
|
,
|
||||||
|
{
|
||||||
|
path: 'correct',
|
||||||
|
name: 'correct',
|
||||||
|
component: () => import('@/views/ability/correct'),
|
||||||
|
meta: { title: '校准能力', perms: ['correct_view'] }
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,388 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-card>
|
||||||
|
<el-row :gutter="6">
|
||||||
|
<el-col :xs="24" :md="4">
|
||||||
|
<el-select
|
||||||
|
v-model="listQuery.ssgs"
|
||||||
|
placeholder="所属公司"
|
||||||
|
@change="handleFilter2"
|
||||||
|
clearable
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in groupBy.ssgs"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.text"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :xs="24" :md="8">
|
||||||
|
<el-input
|
||||||
|
v-model="listQuery.search"
|
||||||
|
placeholder="大类名称/校准名称/校准标准/说明/所属公司"
|
||||||
|
style="width: 100%"
|
||||||
|
class="filter-item"
|
||||||
|
@keyup.enter.native="handleFilter"
|
||||||
|
/>
|
||||||
|
</el-col>
|
||||||
|
<el-col :xs="24" :md="6">
|
||||||
|
<el-button
|
||||||
|
class="filter-item"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-search"
|
||||||
|
@click="handleFilter"
|
||||||
|
>搜索</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
class="filter-item"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-refresh-left"
|
||||||
|
@click="resetFilter"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<div style="margin-top: 10px">
|
||||||
|
<el-popover
|
||||||
|
placement="top"
|
||||||
|
width="160"
|
||||||
|
v-if="checkPermission(['ability_inspection'])"
|
||||||
|
v-model="popovervisible"
|
||||||
|
>
|
||||||
|
<p>导入能力列表压缩包.</p>
|
||||||
|
<div style="text-align: left; margin: 0">
|
||||||
|
<el-upload
|
||||||
|
:action="upUrl"
|
||||||
|
:on-success="handleUploadSuccess"
|
||||||
|
accept=".zip"
|
||||||
|
:headers="upHeaders"
|
||||||
|
:show-file-list="false"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
@click="popovervisible = false"
|
||||||
|
>上传导入</el-button
|
||||||
|
>
|
||||||
|
</el-upload>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<el-button slot="reference">导入校准能力</el-button>
|
||||||
|
|
||||||
|
</el-popover>
|
||||||
|
<el-button @click="delAll()" v-if="checkPermission(['inspection_deletes'])">批量删除</el-button>
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<el-card style="margin-top: 10px">
|
||||||
|
<el-table
|
||||||
|
v-loading="listLoading"
|
||||||
|
:data="istList.results"
|
||||||
|
style="width: 100%; margin-top: 10px"
|
||||||
|
border
|
||||||
|
fit
|
||||||
|
stripe
|
||||||
|
highlight-current-row
|
||||||
|
max-height="700"
|
||||||
|
ref="filterTable"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
@filter-change="filterChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column type="index" width="50" />
|
||||||
|
<el-table-column label="大类序号">
|
||||||
|
<template slot-scope="scope" v-if="showlight(scope.row.dlxh)!='null'"
|
||||||
|
><span v-html="showlight(scope.row.dlxh)" ></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="大类名称" >
|
||||||
|
<template slot-scope="scope" v-if="showlight(scope.row.dlmc)!='null'"
|
||||||
|
><span v-html="showlight(scope.row.dlmc)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="序号">
|
||||||
|
<template slot-scope="scope"
|
||||||
|
><span v-html="showlight(scope.row.dlxh)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="校准对象">
|
||||||
|
<template slot-scope="scope"
|
||||||
|
><span v-html="showlight(scope.row.lbmc)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="被测量">
|
||||||
|
<el-table-column label="序号">
|
||||||
|
<template slot-scope="scope"
|
||||||
|
><span v-html="showlight(scope.row.bclxh)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="名称">
|
||||||
|
<template slot-scope="scope"
|
||||||
|
><span v-html="showlight(scope.row.bclmc)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="校准规范">
|
||||||
|
<template slot-scope="scope"
|
||||||
|
><span v-html="showlight(scope.row.jzgc)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="测量范围">
|
||||||
|
<template slot-scope="scope"
|
||||||
|
><span v-html="showlight(scope.row.clfw)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="准确度等级">
|
||||||
|
<template slot-scope="scope"
|
||||||
|
><span v-html="showlight(scope.row.zqddj)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="说明">
|
||||||
|
<template slot-scope="scope" v-if="showlight(scope.row.note)!='null'"
|
||||||
|
><span v-html="showlight(scope.row.note)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
align="header-center"
|
||||||
|
label="所属公司"
|
||||||
|
prop="ssgs"
|
||||||
|
column-key="ssgs"
|
||||||
|
:filters="groupBy.ssgs"
|
||||||
|
:filter-multiple="false"
|
||||||
|
fixed="right"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope"
|
||||||
|
><span v-html="showlight(scope.row.ssgs)"></span
|
||||||
|
></template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="istList.count > 0"
|
||||||
|
:total="istList.count"
|
||||||
|
:page.sync="listQuery.page"
|
||||||
|
:limit.sync="listQuery.page_size"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style >
|
||||||
|
.el-table-filter {
|
||||||
|
width: 400px;
|
||||||
|
max-height: 300px;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
import {getCorrectList,correctimport,getCorrecGroup,deletes
|
||||||
|
} from "@/api/correct";
|
||||||
|
import checkPermission from "@/utils/permission";
|
||||||
|
import { upUrl, upHeaders } from "@/api/file";
|
||||||
|
import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
|
||||||
|
const defaultCMA = {
|
||||||
|
id: "",
|
||||||
|
dlxh: null,
|
||||||
|
dlmc: null,
|
||||||
|
};
|
||||||
|
const dflistQuery = {
|
||||||
|
page: 1,
|
||||||
|
page_size: 20,
|
||||||
|
search:""
|
||||||
|
};
|
||||||
|
export default {
|
||||||
|
components: { Pagination },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
delarr: [],
|
||||||
|
groupBy: { ssgs: []},
|
||||||
|
upHeaders: upHeaders(),
|
||||||
|
upUrl: upUrl(),
|
||||||
|
istList: { count: 0 },
|
||||||
|
listLoading: true,
|
||||||
|
listQuery: Object.assign({}, dflistQuery),
|
||||||
|
popovervisible: false,
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
watch: {},
|
||||||
|
created() {
|
||||||
|
this.getList();
|
||||||
|
this.getGroup();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
showlight(val) {
|
||||||
|
val = val + "";
|
||||||
|
if (this.listQuery.search != "") {
|
||||||
|
let searchList = this.listQuery.search.split(" ");
|
||||||
|
for (var i = 0; i < searchList.length; i++) {
|
||||||
|
val = val.replace(
|
||||||
|
searchList[i],
|
||||||
|
'<span style="color:red;font-weight:bold">' +
|
||||||
|
searchList[i] +
|
||||||
|
"</span>"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return val;
|
||||||
|
} else {
|
||||||
|
return val;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
checkPermission,
|
||||||
|
handleUploadSuccess(res, file) {
|
||||||
|
const loading = this.openLoading();
|
||||||
|
let data = { path: res.data.path };
|
||||||
|
correctimport(data)
|
||||||
|
.then((res) => {
|
||||||
|
this.$message({
|
||||||
|
message: "导入成功",
|
||||||
|
type: "success",
|
||||||
|
});
|
||||||
|
loading.close();
|
||||||
|
this.resetFilter();
|
||||||
|
})
|
||||||
|
.catch((error) => {
|
||||||
|
loading.close();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
getList() {
|
||||||
|
this.listLoading = true;
|
||||||
|
getCorrectList(this.listQuery).then((response) => {
|
||||||
|
if (response.data) {
|
||||||
|
this.istList = response.data;
|
||||||
|
console.log(this.istList)
|
||||||
|
}
|
||||||
|
this.listLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
//所属公司列表
|
||||||
|
getGroup() {
|
||||||
|
for (let key in this.groupBy) {
|
||||||
|
let data = Object.assign({}, this.listQuery);
|
||||||
|
data.group_by = key;
|
||||||
|
getCorrecGroup(data).then((response) => {
|
||||||
|
this.groupBy[key] = response.data;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
resetFilter() {
|
||||||
|
(this.listQuery = Object.assign({}, dflistQuery)), this.getList();
|
||||||
|
this.getGroup();
|
||||||
|
},
|
||||||
|
handleFilter() {
|
||||||
|
this.listQuery.page = 1;
|
||||||
|
this.getList();
|
||||||
|
this.getGroup();
|
||||||
|
},
|
||||||
|
handleFilter2() {
|
||||||
|
this.listQuery.page = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
|
||||||
|
handleDelete(scope) {
|
||||||
|
this.$confirm("确认删除?", "警告", {
|
||||||
|
confirmButtonText: "确认",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "error",
|
||||||
|
})
|
||||||
|
.then(async () => {
|
||||||
|
await deleteCMA(scope.row.id);
|
||||||
|
this.istList.splice(scope.row.index, 1);
|
||||||
|
this.$message({
|
||||||
|
type: "success",
|
||||||
|
message: "成功删除!",
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.error(err);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleSelectionChange(val) {
|
||||||
|
this.multipleSelection = val;
|
||||||
|
},
|
||||||
|
delAll() {
|
||||||
|
this.$confirm("确认删除?", "警告", {
|
||||||
|
confirmButtonText: "确认",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
type: "error",
|
||||||
|
})
|
||||||
|
.then(async () => {
|
||||||
|
const lengths = this.multipleSelection.length;
|
||||||
|
for (let i = 0; i < lengths; i++) {
|
||||||
|
this.delarr.push(this.multipleSelection[i].id);
|
||||||
|
}
|
||||||
|
|
||||||
|
let data = { ids: this.delarr };
|
||||||
|
deletes(data)
|
||||||
|
.then((res) => {
|
||||||
|
this.$message({
|
||||||
|
message: "删除成功",
|
||||||
|
type: "success",
|
||||||
|
});
|
||||||
|
this.getList();
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.error(err);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
filterChange(obj) {
|
||||||
|
for (let key in obj) {
|
||||||
|
this.listQuery[key] = obj[key][0];
|
||||||
|
}
|
||||||
|
this.listQuery.page = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
async confirm(form) {
|
||||||
|
this.$refs[form].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
const isEdit = this.dialogType === "edit";
|
||||||
|
if (isEdit) {
|
||||||
|
updateCMA(this.cma.id, this.cma).then((res) => {
|
||||||
|
if (res.code >= 200) {
|
||||||
|
this.getList();
|
||||||
|
this.dialogVisible = false;
|
||||||
|
this.$notify({
|
||||||
|
title: "成功",
|
||||||
|
message: "编辑成功",
|
||||||
|
type: "success",
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
createCMA(this.cma).then((res) => {
|
||||||
|
if (res.code >= 200) {
|
||||||
|
this.getList();
|
||||||
|
this.dialogVisible = false;
|
||||||
|
this.$notify({
|
||||||
|
title: "成功",
|
||||||
|
message: "新增成功",
|
||||||
|
type: "success",
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue