AGV线路配置
This commit is contained in:
打豆豆
parent
25b1498de6
commit
ddfd2280cd
46
src/api/mes/dv/route.js
Normal file
46
src/api/mes/dv/route.js
Normal file
@ -0,0 +1,46 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询agv线路
|
||||
export function findProAgvline(query) {
|
||||
return request({
|
||||
url: '/proagv/findProAgvline',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 自动生成agv线路编码
|
||||
export function findLineCode(query) {
|
||||
return request({
|
||||
url: '/proagv/findLineCode',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 新增agv线路
|
||||
export function addProAgvline(data) {
|
||||
return request({
|
||||
url: '/proagv/addProAgvline',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改agv线路
|
||||
export function updateProAgvline(data) {
|
||||
return request({
|
||||
url: '/proagv/updateProAgvline',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除agv线路
|
||||
export function deleteProAgvline(data) {
|
||||
return request({
|
||||
url: '/proagv/deleteProAgvline',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
46
src/api/mes/dv/siteConfiguration.js
Normal file
46
src/api/mes/dv/siteConfiguration.js
Normal file
@ -0,0 +1,46 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 查询agv站点
|
||||
export function findProAgvsite(query) {
|
||||
return request({
|
||||
url: '/proagvsite/findProAgvsite',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 自动生成agv站点编码
|
||||
export function findSiteCode(query) {
|
||||
return request({
|
||||
url: '/proagvsite/findSiteCode',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 新增agv站点
|
||||
export function addProAgvsite(data) {
|
||||
return request({
|
||||
url: '/proagvsite/addProAgvsite',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改agv线路
|
||||
export function updateProAgvsite(data) {
|
||||
return request({
|
||||
url: '/proagvsite/updateProAgvsite',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除agv站点
|
||||
export function deleteProAgvsite(data) {
|
||||
return request({
|
||||
url: '/proagvsite/deleteProAgvsite',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
@ -336,6 +336,7 @@ export default {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
machineryTypeId: 229,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
|
||||
@ -242,6 +242,7 @@ export default {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
machineryTypeId: 229,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
|
||||
520
src/views/abnormalityAlarm/liku/abnormalLiku.vue
Normal file
520
src/views/abnormalityAlarm/liku/abnormalLiku.vue
Normal file
@ -0,0 +1,520 @@
|
||||
<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="subjectCode">
|
||||
<el-input
|
||||
v-model="queryParams.subjectCode"
|
||||
placeholder="请输入设备编码/名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="异常报警类型" label-width="100px" prop="warnType">
|
||||
<el-select
|
||||
v-model="queryParams.warnType"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
style="width: 150px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.mes_alarm_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="处理状态" prop="status">
|
||||
<el-select
|
||||
v-model="queryParams.status"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
style="width: 150px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in statusArr"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</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-row :gutter="10" class="mb8">
|
||||
<el-col style="width: 90%">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['mes:dv:dvsubject:export']"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-col>
|
||||
|
||||
<right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="dvsubjectList"
|
||||
@selection-change="handleSelectionChange"
|
||||
:header-cell-style="{
|
||||
background: '#eef1f6',
|
||||
color: '#606266',
|
||||
'text-align': 'center',
|
||||
}"
|
||||
stripe
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column
|
||||
label="设备编码"
|
||||
align="center"
|
||||
prop="machineryCode"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="设备名称"
|
||||
align="center"
|
||||
prop="machineryName"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="设备类别"
|
||||
align="center"
|
||||
prop="machineryTypeName"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="异常报警类型"
|
||||
align="center"
|
||||
prop="warnType"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="异常报警内容"
|
||||
align="center"
|
||||
prop="message"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="异常报警时间"
|
||||
align="center"
|
||||
prop="warnTime"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column label="处理状态" align="center" prop="status">
|
||||
<template slot-scope="scope">
|
||||
<span class="el-table-column-span" v-if="scope.row.status == '0'"
|
||||
>未处理</span
|
||||
>
|
||||
<span class="el-table-column-span-1" v-if="scope.row.status == '1'"
|
||||
>已处理未解决</span
|
||||
>
|
||||
<span class="el-table-column-span-1" v-if="scope.row.status == '2'"
|
||||
>已处理已完成</span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleExportArr(scope.row)"
|
||||
v-hasPermi="['mes:dv:dvsubject:edit']"
|
||||
>查看</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['mes:dv:dvsubject:edit']"
|
||||
>处理</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['mes:dv:dvsubject:remove']"
|
||||
>置顶</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"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改对话框 -->
|
||||
<el-dialog
|
||||
:title="title"
|
||||
:visible.sync="open"
|
||||
center
|
||||
width="400px"
|
||||
append-to-body
|
||||
>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="130px">
|
||||
<el-row>
|
||||
<el-col>
|
||||
<el-form-item prop="abnormal" label="设备是否异常:">
|
||||
<el-radio-group v-model="form.abnormal">
|
||||
<el-radio :label="1">异常</el-radio>
|
||||
<el-radio :label="2">无异常</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col>
|
||||
<el-form-item prop="status" label="是否解决:">
|
||||
<el-radio-group v-model="form.status">
|
||||
<el-radio :label="1">已解决</el-radio>
|
||||
<el-radio :label="2">未解决</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 置顶 -->
|
||||
<el-dialog
|
||||
title="置顶"
|
||||
:visible.sync="openTop"
|
||||
center
|
||||
width="400px"
|
||||
append-to-body
|
||||
>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="130px">
|
||||
<el-row>
|
||||
<el-col>
|
||||
<el-form-item prop="top" label="设备是否异常:">
|
||||
<el-radio-group v-model="form.top">
|
||||
<el-radio :label="0">不置顶</el-radio>
|
||||
<el-radio :label="1">置顶</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="handleForm">确 定</el-button>
|
||||
<el-button @click="openopenTop">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 查看 -->
|
||||
<el-dialog
|
||||
:title="title"
|
||||
:visible.sync="openQuery"
|
||||
center
|
||||
width="800px"
|
||||
append-to-body
|
||||
>
|
||||
<el-form ref="form" :model="formQuery" label-width="130px">
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="" label="设备编码:">
|
||||
{{ formQuery.machineryCode }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="" label="设备名称:">
|
||||
{{ formQuery.machineryName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="" label="设备类型:">
|
||||
{{ formQuery.machineryTypeName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="" label="异常报警类型:">
|
||||
{{ formQuery.warnType }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="" label="异常报警内容:">
|
||||
{{ formQuery.message }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="" label="异常报警时间:">
|
||||
{{ formQuery.warnTime }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancelQuery">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { list, edit } from "@/api/abnormalityAlarm/machineTool";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
// name: "Dvsubject",
|
||||
dicts: ["sys_yes_no", "mes_alarm_type"],
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
autoGenFlag: false,
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 选中数组s
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 设备点检保养项目表格数据
|
||||
dvsubjectList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查看
|
||||
openQuery: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
machineryTypeId: 230,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
abnormal: 1,
|
||||
status: "",
|
||||
top: 0,
|
||||
},
|
||||
// 查看
|
||||
formQuery: {},
|
||||
//置顶弹框
|
||||
openTop: false,
|
||||
|
||||
statusArr: [
|
||||
{
|
||||
label: "未处理",
|
||||
value: 0,
|
||||
},
|
||||
{
|
||||
label: "已处理未解决",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
label: "已处理已完成",
|
||||
value: 2,
|
||||
},
|
||||
],
|
||||
// 表单校验
|
||||
rules: {
|
||||
abnormal: [
|
||||
{ required: true, message: "设备是否异常不能为空", trigger: "blur" },
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: "是否解决不能为空", trigger: "blur" },
|
||||
],
|
||||
top: [{ required: true, message: "是否置顶不能为空", trigger: "blur" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询设备点检保养项目列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
list(this.queryParams).then((response) => {
|
||||
console.log(response);
|
||||
this.dvsubjectList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 取消按钮
|
||||
cancelQuery() {
|
||||
this.openQuery = false;
|
||||
this.reset();
|
||||
},
|
||||
|
||||
// 取消按钮
|
||||
openopenTop() {
|
||||
this.openTop = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
abnormal: 1,
|
||||
status: "",
|
||||
};
|
||||
this.autoGenFlag = true;
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
console.log(selection);
|
||||
this.ids = selection.map((item) => item.codeId);
|
||||
console.log(this.ids);
|
||||
|
||||
this.queryParams.ids = this.ids.join(",");
|
||||
this.single = selection.length !== 1;
|
||||
this.multiple = !selection.length;
|
||||
},
|
||||
/** 查看 **/
|
||||
handleExportArr(row) {
|
||||
console.log(row);
|
||||
this.formQuery = row;
|
||||
this.openQuery = true;
|
||||
this.title = "查看";
|
||||
},
|
||||
/** 处理 */
|
||||
handleUpdate(row) {
|
||||
console.log(row);
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "处理";
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
edit(this.form).then((response) => {
|
||||
if (response.code === 200) {
|
||||
this.$notify({
|
||||
title: "处理成功",
|
||||
message: response.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 置顶操作 */
|
||||
handleDelete(row) {
|
||||
console.log(row);
|
||||
this.reset();
|
||||
this.openTop = true;
|
||||
},
|
||||
|
||||
/** 置顶提交按钮 */
|
||||
handleForm() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
edit(this.form).then((response) => {
|
||||
if (response.code === 200) {
|
||||
this.$notify({
|
||||
title: "处理成功",
|
||||
message: response.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download(
|
||||
"/cad/code/export",
|
||||
{
|
||||
...this.queryParams,
|
||||
},
|
||||
`calplan_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-card .el-card__header {
|
||||
padding: 10px 20px;
|
||||
background: #f3f2f2;
|
||||
}
|
||||
::v-deep .el-table {
|
||||
.cell {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
367
src/views/abnormalityAlarm/liku/historicalLiku.vue
Normal file
367
src/views/abnormalityAlarm/liku/historicalLiku.vue
Normal file
@ -0,0 +1,367 @@
|
||||
<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="subjectCode">
|
||||
<el-input
|
||||
v-model="queryParams.subjectCode"
|
||||
placeholder="请输入设备编码/名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="异常报警类型" label-width="100px" prop="subjectType">
|
||||
<el-select
|
||||
v-model="queryParams.subjectType"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
style="width: 150px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in dict.type.mes_alarm_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</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-row :gutter="10" class="mb8">
|
||||
<el-col style="width: 90%">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['mes:dv:dvsubject:export']"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-col>
|
||||
|
||||
<right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="dvsubjectList"
|
||||
@selection-change="handleSelectionChange"
|
||||
:header-cell-style="{
|
||||
background: '#eef1f6',
|
||||
color: '#606266',
|
||||
'text-align': 'center',
|
||||
}"
|
||||
stripe
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column
|
||||
label="设备编码"
|
||||
align="center"
|
||||
prop="machineryCode"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="设备名称"
|
||||
align="center"
|
||||
prop="machineryName"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="设备类别"
|
||||
align="center"
|
||||
prop="machineryTypeName"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="异常报警类型"
|
||||
align="center"
|
||||
prop="warnType"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="异常报警内容"
|
||||
align="center"
|
||||
prop="message"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="异常报警时间"
|
||||
align="center"
|
||||
prop="warnTime"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column label="处理状态" align="center" prop="status">
|
||||
<template slot-scope="scope">
|
||||
<span class="el-table-column-span" v-if="scope.row.status == '0'"
|
||||
>未处理</span
|
||||
>
|
||||
<span class="el-table-column-span-1" v-if="scope.row.status == '1'"
|
||||
>已处理未解决</span
|
||||
>
|
||||
<span class="el-table-column-span-1" v-if="scope.row.status == '2'"
|
||||
>已处理已完成</span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleExportArr(scope.row)"
|
||||
v-hasPermi="['mes:dv:dvsubject:edit']"
|
||||
>查看</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"
|
||||
/>
|
||||
|
||||
<!-- 查看 -->
|
||||
<el-dialog
|
||||
:title="title"
|
||||
:visible.sync="openQuery"
|
||||
center
|
||||
width="800px"
|
||||
append-to-body
|
||||
>
|
||||
<el-form ref="form" :model="formQuery" label-width="130px">
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="abnormal" label="设备编码:">
|
||||
{{ formQuery.machineryCode }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="abnormal" label="设备名称:">
|
||||
{{ formQuery.machineryName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="abnormal" label="设备类型:">
|
||||
{{ formQuery.machineryTypeName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="abnormal" label="异常报警类型:">
|
||||
{{ formQuery.warnType }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="abnormal" label="异常报警内容:">
|
||||
{{ formQuery.message }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item prop="abnormal" label="异常报警时间:">
|
||||
{{ formQuery.warnTime }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="cancelQuery">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { list, edit } from "@/api/abnormalityAlarm/machineTool";
|
||||
import { getToken } from "@/utils/auth";
|
||||
export default {
|
||||
// name: "Dvsubject",
|
||||
dicts: ["sys_yes_no", "mes_alarm_type"],
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
autoGenFlag: false,
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 选中数组s
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 设备点检保养项目表格数据
|
||||
dvsubjectList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 查看
|
||||
openQuery: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
machineryTypeId: 230,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
abnormal: 1,
|
||||
status: "",
|
||||
top: 0,
|
||||
},
|
||||
// 查看
|
||||
formQuery: {},
|
||||
|
||||
statusArr: [
|
||||
{
|
||||
label: "未处理",
|
||||
value: 0,
|
||||
},
|
||||
{
|
||||
label: "已处理未解决",
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
label: "已处理已完成",
|
||||
value: 2,
|
||||
},
|
||||
],
|
||||
// 表单校验
|
||||
rules: {
|
||||
abnormal: [
|
||||
{ required: true, message: "设备是否异常不能为空", trigger: "blur" },
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: "是否解决不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询设备点检保养项目列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
list(this.queryParams).then((response) => {
|
||||
console.log(response);
|
||||
this.dvsubjectList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancelQuery() {
|
||||
this.openQuery = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
abnormal: 1,
|
||||
status: "",
|
||||
top: 0,
|
||||
};
|
||||
this.autoGenFlag = true;
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
console.log(selection);
|
||||
this.ids = selection.map((item) => item.codeId);
|
||||
console.log(this.ids);
|
||||
|
||||
this.queryParams.ids = this.ids.join(",");
|
||||
this.single = selection.length !== 1;
|
||||
this.multiple = !selection.length;
|
||||
},
|
||||
/** 查看 **/
|
||||
handleExportArr(row) {
|
||||
console.log(row);
|
||||
this.formQuery = row;
|
||||
this.openQuery = true;
|
||||
this.title = "查看";
|
||||
},
|
||||
/** 置顶操作 */
|
||||
handleDelete(row) {
|
||||
console.log(row);
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download(
|
||||
"/cad/code/export",
|
||||
{
|
||||
...this.queryParams,
|
||||
},
|
||||
`calplan_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-card .el-card__header {
|
||||
padding: 10px 20px;
|
||||
background: #f3f2f2;
|
||||
}
|
||||
::v-deep .el-table {
|
||||
.cell {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
41
src/views/abnormalityAlarm/liku/index.vue
Normal file
41
src/views/abnormalityAlarm/liku/index.vue
Normal file
@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- 切换 -->
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="异常报警" name="1">
|
||||
<abnormalLiku />
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="历史异常报警" name="2">
|
||||
<historicalLiku />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import abnormalLiku from "./abnormalLiku.vue";
|
||||
import historicalLiku from "./historicalLiku.vue";
|
||||
|
||||
export default {
|
||||
components: { abnormalLiku, historicalLiku },
|
||||
data() {
|
||||
return {
|
||||
//默认tab切换为1
|
||||
activeName: "1",
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//点击tab切换
|
||||
handleClick() {
|
||||
this.activeName = "2";
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.clearfix {
|
||||
line-height: 40px;
|
||||
display: flex;
|
||||
}
|
||||
</style>
|
||||
@ -17,9 +17,9 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="异常报警类型" label-width="100px" prop="subjectType">
|
||||
<el-form-item label="异常报警类型" label-width="100px" prop="warnType">
|
||||
<el-select
|
||||
v-model="queryParams.subjectType"
|
||||
v-model="queryParams.warnType"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
style="width: 150px"
|
||||
@ -336,6 +336,7 @@ export default {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
machineryTypeId: 227,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
|
||||
@ -242,6 +242,7 @@ export default {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
machineryTypeId: 227,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
|
||||
@ -242,6 +242,7 @@ export default {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
machineryTypeId: 228,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
|
||||
@ -336,6 +336,7 @@ export default {
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
machineryTypeId: 228,
|
||||
},
|
||||
// 表单参数
|
||||
form: {
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="5"
|
||||
><div class="grid-content bg-purple">
|
||||
<div class="grid-content three" style="height: 750px">
|
||||
<div class="grid-content three" style="height: 750px;border-radius: 10px">
|
||||
<!-- 选择设备 -->
|
||||
<el-container style="padding: 0">
|
||||
<el-header
|
||||
|
||||
@ -1,9 +1,12 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="5"
|
||||
<el-col :span="4"
|
||||
><div class="grid-content bg-purple">
|
||||
<div class="grid-content three" style="height: 750px">
|
||||
<div
|
||||
class="grid-content three"
|
||||
style="height: 750px; border-radius: 10px"
|
||||
>
|
||||
<!-- 选择设备 -->
|
||||
<el-container style="padding: 0">
|
||||
<el-header
|
||||
@ -40,7 +43,30 @@
|
||||
border-radius: 30px;
|
||||
margin-left: 32%;
|
||||
"
|
||||
></div>
|
||||
>
|
||||
<p
|
||||
v-if="Powersupply"
|
||||
style="
|
||||
font-size: 20px;
|
||||
color: rgb(158, 158, 158);
|
||||
margin: 19px;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
Power down
|
||||
</p>
|
||||
<p
|
||||
v-else
|
||||
style="
|
||||
font-size: 20px;
|
||||
color: rgb(158, 158, 158);
|
||||
margin: 19px;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
Power on
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
border: 1px solid rgb(217, 216, 216);
|
||||
@ -52,12 +78,22 @@
|
||||
background: rgba(204, 204, 221, 0.2);
|
||||
"
|
||||
>
|
||||
<div style="margin-top: 9%">
|
||||
<p
|
||||
style="
|
||||
font-size: 14px;
|
||||
color: rgb(158, 158, 158);
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
"
|
||||
>
|
||||
Control
|
||||
</p>
|
||||
<div style="margin-top: 2%">
|
||||
<el-row type="flex" class="row-bg" justify="center">
|
||||
<el-col :span="4"
|
||||
><div class="grid-content bg-purple">
|
||||
<div v-if="elimage">
|
||||
<el-button @click="elbutton"
|
||||
<el-button @click="upbutton"
|
||||
><el-image
|
||||
:src="sd"
|
||||
style="width: 20px; height: 20px"
|
||||
@ -75,7 +111,7 @@
|
||||
</p>
|
||||
</div>
|
||||
<div v-else>
|
||||
<el-button @click="buttonto">
|
||||
<el-button @click="downbutton">
|
||||
<el-image
|
||||
:src="xd"
|
||||
style="width: 20px; height: 20px"
|
||||
@ -124,7 +160,123 @@
|
||||
</div>
|
||||
</div></el-col
|
||||
>
|
||||
<el-col :span="4"><div class="grid-content bg-purple">2</div></el-col>
|
||||
<el-col :span="5"
|
||||
><div class="grid-content bg-purple">
|
||||
<div
|
||||
class="grid-content three"
|
||||
style="width: 330px; height: 335px; border-radius: 10px"
|
||||
>
|
||||
<el-header
|
||||
class="smallHeader"
|
||||
style="height: 40px; line-height: 40px"
|
||||
>Robot Operation Panel
|
||||
</el-header>
|
||||
<div style="margin: 6px">
|
||||
<el-radio-group
|
||||
v-model="radio4"
|
||||
size="mini"
|
||||
style="display: flex"
|
||||
>
|
||||
<el-radio-button :label="1">j1轴</el-radio-button>
|
||||
<el-radio-button :label="2">j2轴</el-radio-button>
|
||||
<el-radio-button :label="3">j3轴</el-radio-button>
|
||||
<el-radio-button :label="4">j4轴</el-radio-button>
|
||||
<el-radio-button :label="5">j5轴</el-radio-button>
|
||||
<el-radio-button :label="6">j6轴</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
width: 90%;
|
||||
height: 120px;
|
||||
margin: auto;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
"
|
||||
>
|
||||
<el-header
|
||||
class="smallHeader"
|
||||
style="height: 30px; line-height: 30px"
|
||||
>Coordinate
|
||||
</el-header>
|
||||
<div style="margin: 20px 10px">
|
||||
<el-row type="flex" class="row-bg" justify="space-around">
|
||||
<el-col :span="6"
|
||||
><div
|
||||
class="grid-content bg-purple"
|
||||
style="text-align: center"
|
||||
>
|
||||
X:{{ 123 }}
|
||||
</div></el-col
|
||||
>
|
||||
<el-col :span="6"
|
||||
><div
|
||||
class="grid-content bg-purple-light"
|
||||
style="text-align: center"
|
||||
>
|
||||
Y:{{ 123 }}
|
||||
</div></el-col
|
||||
>
|
||||
<el-col :span="6"
|
||||
><div
|
||||
class="grid-content bg-purple"
|
||||
style="text-align: center"
|
||||
>
|
||||
Z:{{ 123 }}
|
||||
</div></el-col
|
||||
>
|
||||
</el-row>
|
||||
</div>
|
||||
<div style="margin: 20px 10px">
|
||||
<el-row type="flex" class="row-bg" justify="space-around">
|
||||
<el-col :span="6"
|
||||
><div
|
||||
class="grid-content bg-purple"
|
||||
style="text-align: center"
|
||||
>
|
||||
A:{{ 123 }}
|
||||
</div></el-col
|
||||
>
|
||||
<el-col :span="6"
|
||||
><div
|
||||
class="grid-content bg-purple-light"
|
||||
style="text-align: center"
|
||||
>
|
||||
B:{{ 123 }}
|
||||
</div></el-col
|
||||
>
|
||||
<el-col :span="6"
|
||||
><div
|
||||
class="grid-content bg-purple"
|
||||
style="text-align: center"
|
||||
>
|
||||
C:{{ 123 }}
|
||||
</div></el-col
|
||||
>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
width: 90%;
|
||||
height: 88px;
|
||||
margin: auto;
|
||||
margin-top: 20px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
"
|
||||
>
|
||||
<el-header
|
||||
class="smallHeader"
|
||||
style="height: 30px; line-height: 30px"
|
||||
>
|
||||
Standard
|
||||
</el-header>
|
||||
<div style="margin: 20px 20px">Speed limit:{{ 1 }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div></el-col
|
||||
>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
@ -150,6 +302,8 @@ export default {
|
||||
machineryTypeId: "",
|
||||
},
|
||||
elimage: true,
|
||||
Powersupply: true,
|
||||
radio4: "1",
|
||||
img: require("../../../assets/images/robotic.png"),
|
||||
sd: require("../../../assets/images/shangdian.png"),
|
||||
xd: require("../../../assets/images/weishangdian.png"),
|
||||
@ -175,13 +329,6 @@ export default {
|
||||
/** 查询列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
// axios
|
||||
// .get("http://192.168.3.53:8077/manage/device/devices")
|
||||
// .then((res) => {
|
||||
// this.intelligent = res.data.data;
|
||||
// this.loading = false;
|
||||
// });
|
||||
|
||||
listMachinerytype().then((response) => {
|
||||
var data = "";
|
||||
response.data.forEach((item) => {
|
||||
@ -201,7 +348,6 @@ export default {
|
||||
this.intelligent.push(item);
|
||||
}
|
||||
});
|
||||
console.log(this.intelligent);
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
@ -212,65 +358,67 @@ export default {
|
||||
},
|
||||
|
||||
setInterval() {
|
||||
// axios
|
||||
// .get("http://192.168.3.53:8077/manage/modbus/data", {
|
||||
// params: {
|
||||
// id: this.id,
|
||||
// },
|
||||
// })
|
||||
// .then((res) => {
|
||||
// console.log(res.data.data);
|
||||
// this.intelligentData = res.data.data;
|
||||
// });
|
||||
// axios
|
||||
// .get("http://192.168.3.53:8077/manage/modbus/data", {
|
||||
// params: {
|
||||
// id: this.id,
|
||||
// },
|
||||
// })
|
||||
// .then((res) => {
|
||||
// this.intelligentData = res.data.data;
|
||||
// });
|
||||
},
|
||||
|
||||
elbutton() {
|
||||
this.elimage = false;
|
||||
upbutton() {
|
||||
if (this.id != "") {
|
||||
axios
|
||||
.get("http://192.168.3.53:8077/manage/robot/powerOn", {
|
||||
params: {
|
||||
id: this.id,
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.data.code === 200) {
|
||||
this.elimage = false;
|
||||
this.Powersupply = false;
|
||||
this.$modal.msgSuccess("上电成功");
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
message: "请选择设备",
|
||||
type: "warning",
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
buttonto() {
|
||||
this.elimage = true;
|
||||
},
|
||||
|
||||
off() {
|
||||
// if (this.id != "") {
|
||||
// axios
|
||||
// .get("http://192.168.3.53:8077/manage/modbus/operate", {
|
||||
// params: {
|
||||
// id: this.id,
|
||||
// type: 2,
|
||||
// },
|
||||
// })
|
||||
// .then((res) => {
|
||||
// this.imgdata = true;
|
||||
// this.$modal.msgSuccess("停止成功");
|
||||
// });
|
||||
// } else {
|
||||
// this.$message({
|
||||
// message: "请选择设备",
|
||||
// type: "warning",
|
||||
// });
|
||||
// }
|
||||
},
|
||||
on() {
|
||||
// if (this.id != "") {
|
||||
// axios
|
||||
// .get("http://192.168.3.53:8077/manage/modbus/operate", {
|
||||
// params: {
|
||||
// id: this.id,
|
||||
// type: 1,
|
||||
// },
|
||||
// })
|
||||
// .then((res) => {
|
||||
// this.imgdata = false;
|
||||
// this.$modal.msgSuccess("启动成功");
|
||||
// });
|
||||
// } else {
|
||||
// this.$message({
|
||||
// message: "请选择设备",
|
||||
// type: "warning",
|
||||
// });
|
||||
// }
|
||||
downbutton() {
|
||||
if (this.id != "") {
|
||||
axios
|
||||
.get("http://192.168.3.53:8077/manage/robot/powerOff", {
|
||||
params: {
|
||||
id: this.id,
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.data.code === 200) {
|
||||
this.elimage = true;
|
||||
this.Powersupply = true;
|
||||
this.$modal.msgSuccess("下电成功");
|
||||
} else {
|
||||
this.$message.error(res.data.msg);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
message: "请选择设备",
|
||||
type: "warning",
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
541
src/views/mes/dv/route/index.vue
Normal file
541
src/views/mes/dv/route/index.vue
Normal file
@ -0,0 +1,541 @@
|
||||
<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="lineName">
|
||||
<el-input
|
||||
v-model="queryParams.lineName"
|
||||
placeholder="请输入线路名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否启用" prop="enableFlag">
|
||||
<el-select
|
||||
v-model="queryParams.enableFlag"
|
||||
placeholder="请选择是否启用"
|
||||
clearable
|
||||
style="width: 150px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in whetherEnabled"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</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-row :gutter="10" class="mb8">
|
||||
<el-col style="width: 90%">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['mes:dv:dvsubject:add']"
|
||||
>新增线路</el-button
|
||||
>
|
||||
</el-col>
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['mes:dv:dvsubject:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['mes:dv:dvsubject:remove']"
|
||||
>删除</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['mes:dv:dvsubject:export']"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
</el-col>
|
||||
|
||||
<!-- <right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar> -->
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="dvsubjectList"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column
|
||||
label="AGV线路编码"
|
||||
width="120"
|
||||
align="center"
|
||||
key="lineCode"
|
||||
prop="lineCode"
|
||||
v-if="1"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleView(scope.row)"
|
||||
v-hasPermi="['mes:dv:route']"
|
||||
>{{ scope.row.lineCode }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="AGV线路名称" align="center" prop="lineName" />
|
||||
<el-table-column label="所属车间" align="center" prop="workshopName" />
|
||||
<el-table-column label="是否启用" align="center" prop="enableFlag">
|
||||
<template slot-scope="scope">
|
||||
<span class="el-table-column-span" v-if="scope.row.enableFlag == 'Y'"
|
||||
>是</span
|
||||
>
|
||||
<span
|
||||
class="el-table-column-span-1"
|
||||
v-if="scope.row.enableFlag == 'N'"
|
||||
>否</span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['mes:dv:dvsubject:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['mes:dv:dvsubject:remove']"
|
||||
>删除</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"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="AGV线路编码" prop="lineCode">
|
||||
<el-input
|
||||
v-model="form.lineCode"
|
||||
placeholder="请输入AGV线路编码"
|
||||
maxlength="64"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label-width="80">
|
||||
<el-switch
|
||||
v-model="autoGenFlag"
|
||||
active-color="#13ce66"
|
||||
active-text="自动生成"
|
||||
@change="handleAutoGenChange(autoGenFlag)"
|
||||
>
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label-width="120px"
|
||||
label="AGV线路名称"
|
||||
prop="lineName"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.lineName"
|
||||
placeholder="请输入AGV线路名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属车间" prop="workshopName">
|
||||
<el-select
|
||||
v-model="form.workshopName"
|
||||
placeholder="请选择车间"
|
||||
style="width: 100%"
|
||||
value-key="workshopId"
|
||||
@change="handleAccompanyId"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in workshopOptions"
|
||||
:key="item.workshopId"
|
||||
:label="item.workshopName"
|
||||
:value="item"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="是否启用" prop="enableFlag">
|
||||
<el-radio-group v-model="form.enableFlag">
|
||||
<el-radio label="Y">是</el-radio>
|
||||
<el-radio label="N">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="4"
|
||||
v-model="form.remark"
|
||||
placeholder="请输入备注"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
findProAgvline,
|
||||
findLineCode,
|
||||
addProAgvline,
|
||||
updateProAgvline,
|
||||
deleteProAgvline,
|
||||
} from "@/api/mes/dv/route";
|
||||
import { listAllWorkshop } from "@/api/mes/md/workshop";
|
||||
import { genCode } from "@/api/system/autocode/rule";
|
||||
export default {
|
||||
name: "Dvsubject",
|
||||
dicts: ["sys_yes_no", "mes_dvsubject_type"],
|
||||
data() {
|
||||
return {
|
||||
autoGenFlag: false,
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 选中数组s
|
||||
id: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 设备点检保养项目表格数据
|
||||
dvsubjectList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
lineName: null,
|
||||
enableFlag: null,
|
||||
},
|
||||
//车间选项
|
||||
workshopOptions: [],
|
||||
// 表单参数
|
||||
form: {
|
||||
proAgvlineId: "",
|
||||
lineCode: "",
|
||||
lineName: "",
|
||||
workshopId: "",
|
||||
enableFlag: "Y",
|
||||
remark: "",
|
||||
},
|
||||
whetherEnabled: [
|
||||
{
|
||||
value: "Y",
|
||||
label: "是",
|
||||
},
|
||||
{
|
||||
value: "N",
|
||||
label: "否",
|
||||
},
|
||||
],
|
||||
// 表单校验
|
||||
rules: {
|
||||
lineCode: [
|
||||
{ required: true, message: "AGV线路编码不能为空", trigger: "blur" },
|
||||
],
|
||||
workshopName: [
|
||||
{ required: true, message: "所属车间不能为空", trigger: "blur" },
|
||||
],
|
||||
lineName: [
|
||||
{ required: true, message: "AGV线路名称不能为空", trigger: "blur" },
|
||||
],
|
||||
enableFlag: [
|
||||
{ required: true, message: "是否启用不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
findProAgvline(this.queryParams).then((response) => {
|
||||
console.log(response);
|
||||
this.dvsubjectList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
getWorkshops() {
|
||||
listAllWorkshop().then((response) => {
|
||||
this.workshopOptions = response.data;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
proAgvlineId: "",
|
||||
lineCode: "",
|
||||
lineName: "",
|
||||
workshopId: "",
|
||||
enableFlag: "Y",
|
||||
remark: "",
|
||||
};
|
||||
this.autoGenFlag = true;
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.id = selection.map((item) => item.proAgvlineId);
|
||||
this.single = selection.length !== 1;
|
||||
this.multiple = !selection.length;
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.getWorkshops();
|
||||
this.open = true;
|
||||
this.title = "新增AGV线路";
|
||||
findLineCode().then((response) => {
|
||||
console.log(response);
|
||||
this.form.lineCode = response.data.lineCode;
|
||||
});
|
||||
},
|
||||
//选择车间
|
||||
handleAccompanyId(val) {
|
||||
this.form.workshopCode = val.workshopCode;
|
||||
this.form.workshopName = val.workshopName;
|
||||
this.form.workshopId = val.workshopId;
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
console.log(row);
|
||||
this.reset();
|
||||
this.getWorkshops();
|
||||
this.form = row;
|
||||
this.form.subjectId = row.proAgvlineId;
|
||||
this.open = true;
|
||||
this.title = "修改代码";
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.form.subjectId != null) {
|
||||
updateProAgvline(this.form).then((response) => {
|
||||
if (response.code === 200) {
|
||||
this.$notify({
|
||||
title: "修改成功",
|
||||
message: response.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
addProAgvline(this.form).then((response) => {
|
||||
if (response.code === 200) {
|
||||
this.$notify({
|
||||
title: "新增成功",
|
||||
message: response.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
// console.log(row);
|
||||
// const subjectIds = row.proAgvlineId || this.id;
|
||||
// this.$modal
|
||||
// .confirm("是否确认删除当前的数据项？")
|
||||
// .then(function () {
|
||||
// return deleteProAgvline(subjectIds);
|
||||
// })
|
||||
// .then(() => {
|
||||
// this.getList();
|
||||
// this.$modal.msgSuccess("删除成功");
|
||||
// })
|
||||
// .catch(() => {});
|
||||
|
||||
deleteProAgvline({ proAgvlineId: row.proAgvlineId }).then((response) => {
|
||||
this.$modal
|
||||
.confirm("是否确认删除当前的数据项？")
|
||||
.then(() => {
|
||||
if (response.code === 200) {
|
||||
this.$notify({
|
||||
title: "删除成功",
|
||||
message: response.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.getList();
|
||||
}
|
||||
})
|
||||
.catch(() => {});
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
// this.download(
|
||||
// "dv/dvsubject/export",
|
||||
// {
|
||||
// ...this.queryParams,
|
||||
// },
|
||||
// `dvsubject_${new Date().getTime()}.xlsx`
|
||||
// );
|
||||
},
|
||||
//自动生成物料编码
|
||||
handleAutoGenChange(autoGenFlag) {
|
||||
if (autoGenFlag) {
|
||||
findLineCode().then((response) => {
|
||||
this.form.lineCode = response.data.lineCode;
|
||||
});
|
||||
} else {
|
||||
this.form.lineCode = null;
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-card .el-card__header {
|
||||
padding: 10px 20px;
|
||||
background: #f3f2f2;
|
||||
}
|
||||
|
||||
.el-table-column-span {
|
||||
background-color: #e8f4ff;
|
||||
border-color: #d1e9ff;
|
||||
color: #1890ff;
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.el-table-column-span-1 {
|
||||
background-color: #ffeded;
|
||||
border-color: #ffdbdb;
|
||||
color: #ff4949;
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
}
|
||||
</style>
|
||||
540
src/views/mes/dv/siteConfiguration/index.vue
Normal file
540
src/views/mes/dv/siteConfiguration/index.vue
Normal file
@ -0,0 +1,540 @@
|
||||
<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="siteName">
|
||||
<el-input
|
||||
v-model="queryParams.siteName"
|
||||
placeholder="请输入线路名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否启用" prop="enableFlag">
|
||||
<el-select
|
||||
v-model="queryParams.enableFlag"
|
||||
placeholder="请选择是否启用"
|
||||
clearable
|
||||
style="width: 150px"
|
||||
>
|
||||
<el-option
|
||||
v-for="dict in whetherEnabled"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</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-row :gutter="10" class="mb8">
|
||||
<el-col style="width: 90%">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['mes:dv:dvsubject:add']"
|
||||
>新增站点</el-button
|
||||
>
|
||||
</el-col>
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['mes:dv:dvsubject:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['mes:dv:dvsubject:remove']"
|
||||
>删除</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['mes:dv:dvsubject:export']"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col> -->
|
||||
</el-col>
|
||||
|
||||
<!-- <right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar> -->
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="dvsubjectList"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column
|
||||
label="AGV站点编码"
|
||||
width="120"
|
||||
align="center"
|
||||
key="siteCode"
|
||||
prop="siteCode"
|
||||
v-if="1"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleView(scope.row)"
|
||||
v-hasPermi="['mes:dv:route']"
|
||||
>{{ scope.row.siteCode }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="AGV站点名称" align="center" prop="siteName" />
|
||||
<el-table-column label="所属线路" align="center" prop="workshopName" />
|
||||
<el-table-column label="是否启用" align="center" prop="enableFlag">
|
||||
<template slot-scope="scope">
|
||||
<span class="el-table-column-span" v-if="scope.row.enableFlag == 'Y'"
|
||||
>是</span
|
||||
>
|
||||
<span
|
||||
class="el-table-column-span-1"
|
||||
v-if="scope.row.enableFlag == 'N'"
|
||||
>否</span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" align="center" prop="remark" />
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['mes:dv:dvsubject:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['mes:dv:dvsubject:remove']"
|
||||
>删除</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"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="AGV站点编码" prop="siteCode">
|
||||
<el-input
|
||||
v-model="form.siteCode"
|
||||
placeholder="请输入AGV站点编码"
|
||||
maxlength="64"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label-width="80">
|
||||
<el-switch
|
||||
v-model="autoGenFlag"
|
||||
active-color="#13ce66"
|
||||
active-text="自动生成"
|
||||
@change="handleAutoGenChange(autoGenFlag)"
|
||||
>
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item
|
||||
label-width="120px"
|
||||
label="AGV站点名称"
|
||||
prop="siteName"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.siteName"
|
||||
placeholder="请输入AGV站点名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属线路" prop="lineName">
|
||||
<el-select
|
||||
v-model="form.lineName"
|
||||
placeholder="请选择所属线路"
|
||||
style="width: 100%"
|
||||
value-key="proAgvlineId"
|
||||
@change="handleAccompanyId"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in workshopOptions"
|
||||
:key="item.proAgvlineId"
|
||||
:label="item.lineName"
|
||||
:value="item"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="是否启用" prop="enableFlag">
|
||||
<el-radio-group v-model="form.enableFlag">
|
||||
<el-radio label="Y">是</el-radio>
|
||||
<el-radio label="N">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="PLC IP地址" prop="plcIpAddress">
|
||||
<el-input
|
||||
v-model="form.plcIpAddress"
|
||||
placeholder="请输PLC IP地址"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="4"
|
||||
v-model="form.remark"
|
||||
placeholder="请输入备注"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { findProAgvline } from "@/api/mes/dv/route";
|
||||
import {
|
||||
findProAgvsite,
|
||||
findSiteCode,
|
||||
addProAgvsite,
|
||||
updateProAgvsite,
|
||||
deleteProAgvsite,
|
||||
} from "@/api/mes/dv/siteConfiguration";
|
||||
import { genCode } from "@/api/system/autocode/rule";
|
||||
export default {
|
||||
name: "Dvsubject",
|
||||
dicts: ["sys_yes_no", "mes_dvsubject_type"],
|
||||
data() {
|
||||
return {
|
||||
autoGenFlag: false,
|
||||
// 遮罩层
|
||||
loading: false,
|
||||
// 选中数组s
|
||||
id: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 设备点检保养项目表格数据
|
||||
dvsubjectList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
siteName: null,
|
||||
enableFlag: null,
|
||||
},
|
||||
//车间选项
|
||||
workshopOptions: [],
|
||||
// 表单参数
|
||||
form: {
|
||||
proAgvlineId: "",
|
||||
siteCode: "",
|
||||
siteName: "",
|
||||
agvlineId: "",
|
||||
lineName: "",
|
||||
enableFlag: "Y",
|
||||
remark: "",
|
||||
},
|
||||
whetherEnabled: [
|
||||
{
|
||||
value: "Y",
|
||||
label: "是",
|
||||
},
|
||||
{
|
||||
value: "N",
|
||||
label: "否",
|
||||
},
|
||||
],
|
||||
// 表单校验
|
||||
rules: {
|
||||
siteCode: [
|
||||
{ required: true, message: "AGV站点编码不能为空", trigger: "blur" },
|
||||
],
|
||||
lineName: [
|
||||
{ required: true, message: "所属线路不能为空", trigger: "blur" },
|
||||
],
|
||||
siteName: [
|
||||
{ required: true, message: "AGV站点名称不能为空", trigger: "blur" },
|
||||
],
|
||||
enableFlag: [
|
||||
{ required: true, message: "是否启用不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 列表 */
|
||||
getList() {
|
||||
// this.loading = true;
|
||||
findProAgvsite(this.queryParams).then((response) => {
|
||||
console.log(response);
|
||||
this.dvsubjectList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
getWorkshops() {
|
||||
findProAgvline(this.queryParams).then((response) => {
|
||||
this.workshopOptions = response.rows;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
proAgvlineId: "",
|
||||
siteCode: "",
|
||||
siteName: "",
|
||||
agvlineId: "",
|
||||
enableFlag: "Y",
|
||||
remark: "",
|
||||
lineName: "",
|
||||
};
|
||||
this.autoGenFlag = true;
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.id = selection.map((item) => item.proAgvlineId);
|
||||
this.single = selection.length !== 1;
|
||||
this.multiple = !selection.length;
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.getWorkshops();
|
||||
this.open = true;
|
||||
this.title = "新增AGV线路";
|
||||
findSiteCode().then((response) => {
|
||||
console.log(response);
|
||||
this.form.siteCode = response.data.siteCode;
|
||||
});
|
||||
},
|
||||
//选择线路
|
||||
handleAccompanyId(val) {
|
||||
console.log(val);
|
||||
this.form.lineName = val.lineName;
|
||||
this.form.agvlineId = val.proAgvlineId;
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
console.log(row);
|
||||
this.reset();
|
||||
this.getWorkshops();
|
||||
this.form = row;
|
||||
this.form.subjectId = row.proAgvlineId;
|
||||
this.open = true;
|
||||
this.title = "修改代码";
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.form.subjectId != null) {
|
||||
updateProAgvsite(this.form).then((response) => {
|
||||
if (response.code === 200) {
|
||||
this.$notify({
|
||||
title: "修改成功",
|
||||
message: response.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
addProAgvsite(this.form).then((response) => {
|
||||
if (response.code === 200) {
|
||||
this.$notify({
|
||||
title: "新增成功",
|
||||
message: response.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.open = false;
|
||||
this.getList();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
deleteProAgvsite({ proAgvlineId: row.proAgvlineId }).then((response) => {
|
||||
this.$modal
|
||||
.confirm("是否确认删除当前的数据项？")
|
||||
.then(() => {
|
||||
if (response.code === 200) {
|
||||
this.$notify({
|
||||
title: "删除成功",
|
||||
message: response.msg,
|
||||
type: "success",
|
||||
});
|
||||
this.getList();
|
||||
}
|
||||
})
|
||||
.catch(() => {});
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
// this.download(
|
||||
// "dv/dvsubject/export",
|
||||
// {
|
||||
// ...this.queryParams,
|
||||
// },
|
||||
// `dvsubject_${new Date().getTime()}.xlsx`
|
||||
// );
|
||||
},
|
||||
//自动生成物料编码
|
||||
handleAutoGenChange(autoGenFlag) {
|
||||
if (autoGenFlag) {
|
||||
findSiteCode().then((response) => {
|
||||
this.form.siteCode = response.data.siteCode;
|
||||
});
|
||||
} else {
|
||||
this.form.siteCode = null;
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-card .el-card__header {
|
||||
padding: 10px 20px;
|
||||
background: #f3f2f2;
|
||||
}
|
||||
|
||||
.el-table-column-span {
|
||||
background-color: #e8f4ff;
|
||||
border-color: #d1e9ff;
|
||||
color: #1890ff;
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.el-table-column-span-1 {
|
||||
background-color: #ffeded;
|
||||
border-color: #ffdbdb;
|
||||
color: #ff4949;
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-radius: 4px;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
}
|
||||
</style>
|
||||
618
src/views/mes/md/pallet/index.vue
Normal file
618
src/views/mes/md/pallet/index.vue
Normal file
@ -0,0 +1,618 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="20">
|
||||
<!--数据-->
|
||||
<el-col>
|
||||
<el-form
|
||||
:model="queryParams"
|
||||
ref="queryForm"
|
||||
size="small"
|
||||
:inline="true"
|
||||
v-show="showSearch"
|
||||
label-width="68px"
|
||||
>
|
||||
<el-form-item label="托盘编码" prop="itemCode">
|
||||
<el-input
|
||||
v-model="queryParams.itemCode"
|
||||
placeholder="请输入托盘编码"
|
||||
clearable
|
||||
style="width: 240px"
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</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-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['mes:md:mditem:add']"
|
||||
>新增</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['mes:md:mditem:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['mes:md:mditem:remove']"
|
||||
>删除</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="info"
|
||||
plain
|
||||
icon="el-icon-upload2"
|
||||
size="mini"
|
||||
@click="handleImport"
|
||||
v-hasPermi="['mes:md:mditem:import']"
|
||||
>导入</el-button
|
||||
>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['mes:md:mditem:export']"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-col>
|
||||
<right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="itemList"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="50" align="center" />
|
||||
<el-table-column
|
||||
label="托盘码"
|
||||
width="120"
|
||||
align="center"
|
||||
key="itemCode"
|
||||
prop="itemCode"
|
||||
v-if="columns[0].visible"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleView(scope.row)"
|
||||
v-hasPermi="['mes:md:mditem:query']"
|
||||
>{{ scope.row.itemCode }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="托盘尺寸"
|
||||
align="center"
|
||||
key="specification"
|
||||
prop="specification"
|
||||
v-if="columns[2].visible"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="动裁承重"
|
||||
align="center"
|
||||
key="specification"
|
||||
prop="specification"
|
||||
v-if="columns[2].visible"
|
||||
:show-overflow-tooltip="true"
|
||||
/>
|
||||
<el-table-column
|
||||
label="静载承重"
|
||||
align="center"
|
||||
key="unitOfMeasure"
|
||||
prop="unitOfMeasure"
|
||||
v-if="columns[3].visible"
|
||||
:show-overflow-tooltip="true"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="当前位置"
|
||||
align="center"
|
||||
key="unitOfMeasure"
|
||||
prop="unitOfMeasure"
|
||||
v-if="columns[3].visible"
|
||||
:show-overflow-tooltip="true"
|
||||
>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="操作"
|
||||
align="center"
|
||||
width="160"
|
||||
class-name="small-padding fixed-width"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['mes:md:mditem:edit']"
|
||||
>修改</el-button
|
||||
>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['mes:md:mditem:remove']"
|
||||
>删除</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"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 添加或修改物料产品编码对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="960px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="托盘编码" prop="itemCode">
|
||||
<el-input
|
||||
v-model="form.itemCode"
|
||||
readonly="readonly"
|
||||
maxlength="64"
|
||||
v-if="optType == 'view'"
|
||||
/>
|
||||
<el-input
|
||||
v-model="form.itemCode"
|
||||
placeholder="请输入托盘编码"
|
||||
maxlength="64"
|
||||
v-else
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label-width="80">
|
||||
<el-switch
|
||||
v-model="autoGenFlag"
|
||||
active-color="#13ce66"
|
||||
active-text="自动生成"
|
||||
@change="handleAutoGenChange(autoGenFlag)"
|
||||
v-if="optType != 'view'"
|
||||
>
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="托盘尺寸" prop="itemName">
|
||||
<el-input
|
||||
v-model="form.itemName"
|
||||
maxlength="255"
|
||||
readonly="readonly"
|
||||
v-if="optType == 'view'"
|
||||
/>
|
||||
<el-input
|
||||
v-model="form.itemName"
|
||||
placeholder="请输入托盘尺寸"
|
||||
maxlength="255"
|
||||
v-else
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="动载承里" prop="">
|
||||
<el-input
|
||||
v-model="form.itemName"
|
||||
maxlength="255"
|
||||
readonly="readonly"
|
||||
v-if="optType == 'view'"
|
||||
/>
|
||||
<el-input
|
||||
v-model="form.itemName"
|
||||
placeholder="请输入动载承里"
|
||||
maxlength="255"
|
||||
v-else
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="静载承里" prop="">
|
||||
<el-input
|
||||
v-model="form.itemName"
|
||||
maxlength="255"
|
||||
readonly="readonly"
|
||||
v-if="optType == 'view'"
|
||||
/>
|
||||
<el-input
|
||||
v-model="form.itemName"
|
||||
placeholder="请输入静载承里"
|
||||
maxlength="255"
|
||||
v-else
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="cancel" v-if="optType == 'view'"
|
||||
>返回</el-button
|
||||
>
|
||||
<el-button type="primary" @click="submitForm" v-else>确 定</el-button>
|
||||
<el-button @click="cancel">关 闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 物料导入对话框 -->
|
||||
<el-dialog
|
||||
:title="upload.title"
|
||||
:visible.sync="upload.open"
|
||||
width="400px"
|
||||
append-to-body
|
||||
>
|
||||
<el-upload
|
||||
ref="upload"
|
||||
:limit="1"
|
||||
accept=".xlsx, .xls"
|
||||
:headers="upload.headers"
|
||||
:action="upload.url + '?updateSupport=' + upload.updateSupport"
|
||||
:disabled="upload.isUploading"
|
||||
:on-progress="handleFileUploadProgress"
|
||||
:on-success="handleFileSuccess"
|
||||
:auto-upload="false"
|
||||
drag
|
||||
>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
<div class="el-upload__tip text-center" slot="tip">
|
||||
<div class="el-upload__tip" slot="tip">
|
||||
<el-checkbox v-model="upload.updateSupport" />
|
||||
是否更新已经存在的用户数据
|
||||
</div>
|
||||
<span>仅允许导入xls、xlsx格式文件。</span>
|
||||
<el-link
|
||||
type="primary"
|
||||
:underline="false"
|
||||
style="font-size: 12px; vertical-align: baseline"
|
||||
@click="importTemplate"
|
||||
>下载模板</el-link
|
||||
>
|
||||
</div>
|
||||
</el-upload>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitFileForm">确 定</el-button>
|
||||
<el-button @click="upload.open = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
listMdItem,
|
||||
getMdItem,
|
||||
delMdItem,
|
||||
addMdItem,
|
||||
updateMdItem,
|
||||
} from "@/api/mes/md/mdItem";
|
||||
|
||||
import { genCode } from "@/api/system/autocode/rule";
|
||||
import { getToken } from "@/utils/auth";
|
||||
import Treeselect from "@riophae/vue-treeselect";
|
||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
||||
|
||||
export default {
|
||||
name: "MdItem",
|
||||
dicts: ["sys_yes_no", "mes_item_product"],
|
||||
components: { Treeselect },
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 物料产品表格数据
|
||||
itemList: null,
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
//弹框的操作类型 view add edit
|
||||
optType: undefined,
|
||||
//自动生成物料编码标识
|
||||
autoGenFlag: false,
|
||||
// 日期范围
|
||||
dateRange: [],
|
||||
//单位列表
|
||||
measureOptions: [],
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 用户导入参数
|
||||
upload: {
|
||||
// 是否显示弹出层（用户导入）
|
||||
open: false,
|
||||
// 弹出层标题（用户导入）
|
||||
title: "",
|
||||
// 是否禁用上传
|
||||
isUploading: false,
|
||||
// 是否更新已经存在的用户数据
|
||||
updateSupport: 0,
|
||||
// 设置上传的请求头部
|
||||
headers: { Authorization: "Bearer " + getToken() },
|
||||
// 上传的地址
|
||||
url: process.env.VUE_APP_BASE_API + "/mes/md/mditem/importData",
|
||||
},
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
itemCode: undefined,
|
||||
itemName: undefined,
|
||||
itemTypeId: 0,
|
||||
},
|
||||
// 列信息
|
||||
columns: [
|
||||
{ key: 0, label: `物料/产品编码`, visible: true },
|
||||
{ key: 1, label: `物料/产品名称`, visible: true },
|
||||
{ key: 2, label: `规格型号`, visible: true },
|
||||
{ key: 3, label: `单位`, visible: true },
|
||||
{ key: 4, label: `物料/产品`, visible: true },
|
||||
{ key: 5, label: `物料分类`, visible: true },
|
||||
{ key: 6, label: `是否启用`, visible: true },
|
||||
{ key: 7, label: `是否设置安全库存`, visible: true },
|
||||
{ key: 8, label: `创建时间`, visible: true },
|
||||
],
|
||||
// 表单校验
|
||||
rules: {
|
||||
itemCode: [
|
||||
{ required: true, message: "托盘编码不能为空", trigger: "blur" },
|
||||
{
|
||||
max: 64,
|
||||
message: "物料/产品编码长度必须小于64个字符",
|
||||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
itemName: [
|
||||
{ required: true, message: "物托盘尺寸不能为空", trigger: "blur" },
|
||||
],
|
||||
unitOfMeasure: [
|
||||
{ required: true, message: "单位不能为空", trigger: "blur" },
|
||||
],
|
||||
itemTypeId: [
|
||||
{ required: true, message: "物料分类不能为空", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询物料编码列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listMdItem(this.queryParams).then((response) => {
|
||||
this.itemList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
itemId: undefined,
|
||||
itemTypeId: undefined,
|
||||
itemCode: undefined,
|
||||
itemName: undefined,
|
||||
specification: undefined,
|
||||
unitOfMeasrue: undefined,
|
||||
enableFlag: undefined,
|
||||
itemOrProduct: undefined,
|
||||
enableFlag: "Y",
|
||||
safeStockFlag: "N",
|
||||
minStock: 0,
|
||||
maxStock: 0,
|
||||
optType: undefined,
|
||||
remark: undefined,
|
||||
};
|
||||
this.autoGenFlag = true;
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map((item) => item.itemId);
|
||||
this.single = selection.length != 1;
|
||||
this.multiple = !selection.length;
|
||||
},
|
||||
// 查询明细按钮操作
|
||||
handleView(row) {
|
||||
this.reset();
|
||||
const itemId = row.itemId || this.ids;
|
||||
getMdItem(itemId).then((response) => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "查看物料/产品";
|
||||
this.optType = "view";
|
||||
});
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.optType = "add";
|
||||
this.open = true;
|
||||
this.title = "新增托盘";
|
||||
genCode("ITEM_CODE").then((response) => {
|
||||
this.form.itemCode = response;
|
||||
});
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
const itemId = row.itemId || this.ids;
|
||||
getMdItem(itemId).then((response) => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.optType = "edit";
|
||||
this.title = "修改物料/产品";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm: function () {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
if (this.form.itemId != undefined) {
|
||||
updateMdItem(this.form).then((response) => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
debugger;
|
||||
addMdItem(this.form).then((response) => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const itemIds = row.itemId || this.ids;
|
||||
this.$modal
|
||||
.confirm("确认删除数据项？")
|
||||
.then(function () {
|
||||
return delMdItem(itemIds);
|
||||
})
|
||||
.then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download(
|
||||
"mes/md/mditem/export",
|
||||
{
|
||||
...this.queryParams,
|
||||
},
|
||||
`user_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
/** 导入按钮操作 */
|
||||
handleImport() {
|
||||
this.upload.title = "物料/产品导入";
|
||||
this.upload.open = true;
|
||||
},
|
||||
/** 下载模板操作 */
|
||||
importTemplate() {
|
||||
this.download(
|
||||
"mes/md/mditem/importTemplate",
|
||||
{},
|
||||
`md_item_${new Date().getTime()}.xlsx`
|
||||
);
|
||||
},
|
||||
// 文件上传中处理
|
||||
handleFileUploadProgress(event, file, fileList) {
|
||||
this.upload.isUploading = true;
|
||||
},
|
||||
// 文件上传成功处理
|
||||
handleFileSuccess(response, file, fileList) {
|
||||
this.upload.open = false;
|
||||
this.upload.isUploading = false;
|
||||
this.$refs.upload.clearFiles();
|
||||
this.$alert(
|
||||
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
||||
response.msg +
|
||||
"</div>",
|
||||
"导入结果",
|
||||
{ dangerouslyUseHTMLString: true }
|
||||
);
|
||||
this.getList();
|
||||
},
|
||||
// 提交上传文件
|
||||
submitFileForm() {
|
||||
this.$refs.upload.submit();
|
||||
},
|
||||
//自动生成物料编码
|
||||
handleAutoGenChange(autoGenFlag) {
|
||||
if (autoGenFlag) {
|
||||
genCode("ITEM_CODE").then((response) => {
|
||||
this.form.itemCode = response;
|
||||
});
|
||||
} else {
|
||||
this.form.itemCode = null;
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Loading…
Reference in New Issue
Block a user