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: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
machineryTypeId: 229,
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {
|
form: {
|
||||||
|
|||||||
@ -242,6 +242,7 @@ export default {
|
|||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
machineryTypeId: 229,
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {
|
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>
|
||||||
|
|
||||||
<el-form-item label="异常报警类型" label-width="100px" prop="subjectType">
|
<el-form-item label="异常报警类型" label-width="100px" prop="warnType">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="queryParams.subjectType"
|
v-model="queryParams.warnType"
|
||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
clearable
|
clearable
|
||||||
style="width: 150px"
|
style="width: 150px"
|
||||||
@ -336,6 +336,7 @@ export default {
|
|||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
machineryTypeId: 227,
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {
|
form: {
|
||||||
|
|||||||
@ -242,6 +242,7 @@ export default {
|
|||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
machineryTypeId: 227,
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {
|
form: {
|
||||||
|
|||||||
@ -242,6 +242,7 @@ export default {
|
|||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
machineryTypeId: 228,
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {
|
form: {
|
||||||
|
|||||||
@ -336,6 +336,7 @@ export default {
|
|||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
machineryTypeId: 228,
|
||||||
},
|
},
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {
|
form: {
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="5"
|
<el-col :span="5"
|
||||||
><div class="grid-content bg-purple">
|
><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-container style="padding: 0">
|
||||||
<el-header
|
<el-header
|
||||||
|
|||||||
@ -1,9 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="5"
|
<el-col :span="4"
|
||||||
><div class="grid-content bg-purple">
|
><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-container style="padding: 0">
|
||||||
<el-header
|
<el-header
|
||||||
@ -40,7 +43,30 @@
|
|||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
margin-left: 32%;
|
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
|
<div
|
||||||
style="
|
style="
|
||||||
border: 1px solid rgb(217, 216, 216);
|
border: 1px solid rgb(217, 216, 216);
|
||||||
@ -52,12 +78,22 @@
|
|||||||
background: rgba(204, 204, 221, 0.2);
|
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-row type="flex" class="row-bg" justify="center">
|
||||||
<el-col :span="4"
|
<el-col :span="4"
|
||||||
><div class="grid-content bg-purple">
|
><div class="grid-content bg-purple">
|
||||||
<div v-if="elimage">
|
<div v-if="elimage">
|
||||||
<el-button @click="elbutton"
|
<el-button @click="upbutton"
|
||||||
><el-image
|
><el-image
|
||||||
:src="sd"
|
:src="sd"
|
||||||
style="width: 20px; height: 20px"
|
style="width: 20px; height: 20px"
|
||||||
@ -75,7 +111,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<el-button @click="buttonto">
|
<el-button @click="downbutton">
|
||||||
<el-image
|
<el-image
|
||||||
:src="xd"
|
:src="xd"
|
||||||
style="width: 20px; height: 20px"
|
style="width: 20px; height: 20px"
|
||||||
@ -124,7 +160,123 @@
|
|||||||
</div>
|
</div>
|
||||||
</div></el-col
|
</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>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -150,6 +302,8 @@ export default {
|
|||||||
machineryTypeId: "",
|
machineryTypeId: "",
|
||||||
},
|
},
|
||||||
elimage: true,
|
elimage: true,
|
||||||
|
Powersupply: true,
|
||||||
|
radio4: "1",
|
||||||
img: require("../../../assets/images/robotic.png"),
|
img: require("../../../assets/images/robotic.png"),
|
||||||
sd: require("../../../assets/images/shangdian.png"),
|
sd: require("../../../assets/images/shangdian.png"),
|
||||||
xd: require("../../../assets/images/weishangdian.png"),
|
xd: require("../../../assets/images/weishangdian.png"),
|
||||||
@ -175,13 +329,6 @@ export default {
|
|||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
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) => {
|
listMachinerytype().then((response) => {
|
||||||
var data = "";
|
var data = "";
|
||||||
response.data.forEach((item) => {
|
response.data.forEach((item) => {
|
||||||
@ -201,7 +348,6 @@ export default {
|
|||||||
this.intelligent.push(item);
|
this.intelligent.push(item);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
console.log(this.intelligent);
|
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@ -212,65 +358,67 @@ export default {
|
|||||||
},
|
},
|
||||||
|
|
||||||
setInterval() {
|
setInterval() {
|
||||||
// axios
|
// axios
|
||||||
// .get("http://192.168.3.53:8077/manage/modbus/data", {
|
// .get("http://192.168.3.53:8077/manage/modbus/data", {
|
||||||
// params: {
|
// params: {
|
||||||
// id: this.id,
|
// id: this.id,
|
||||||
// },
|
// },
|
||||||
// })
|
// })
|
||||||
// .then((res) => {
|
// .then((res) => {
|
||||||
// console.log(res.data.data);
|
// this.intelligentData = res.data.data;
|
||||||
// this.intelligentData = res.data.data;
|
// });
|
||||||
// });
|
|
||||||
},
|
},
|
||||||
|
|
||||||
elbutton() {
|
upbutton() {
|
||||||
this.elimage = false;
|
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() {
|
downbutton() {
|
||||||
this.elimage = true;
|
if (this.id != "") {
|
||||||
},
|
axios
|
||||||
|
.get("http://192.168.3.53:8077/manage/robot/powerOff", {
|
||||||
off() {
|
params: {
|
||||||
// if (this.id != "") {
|
id: this.id,
|
||||||
// axios
|
},
|
||||||
// .get("http://192.168.3.53:8077/manage/modbus/operate", {
|
})
|
||||||
// params: {
|
.then((res) => {
|
||||||
// id: this.id,
|
console.log(res);
|
||||||
// type: 2,
|
if (res.data.code === 200) {
|
||||||
// },
|
this.elimage = true;
|
||||||
// })
|
this.Powersupply = true;
|
||||||
// .then((res) => {
|
this.$modal.msgSuccess("下电成功");
|
||||||
// this.imgdata = true;
|
} else {
|
||||||
// this.$modal.msgSuccess("停止成功");
|
this.$message.error(res.data.msg);
|
||||||
// });
|
}
|
||||||
// } else {
|
});
|
||||||
// this.$message({
|
} else {
|
||||||
// message: "请选择设备",
|
this.$message({
|
||||||
// type: "warning",
|
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",
|
|
||||||
// });
|
|
||||||
// }
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
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