Compare commits
No commits in common. '25df152799f793271ae82583ae763449d1be0890' and '621c82c7cfbaf9a495e7938636068719a925da2a' have entirely different histories.
25df152799
...
621c82c7cf
@ -1,12 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 订货清单查询
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmDhqdp/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 订货清单审核
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmDhqdp/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量审核
|
|
||||||
export function sh(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmDhqdp/sh",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量提交
|
|
||||||
export function tj(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmDhqdp/tj",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 订货清单维护
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmDhqdp/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量保存
|
|
||||||
export function save(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmDhqdp/save",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量提交
|
|
||||||
export function tj(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmDhqdp/tj",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 导入
|
|
||||||
export function upload(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmDhqdp/upload",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 集团三月滚动计划维护
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmJtsyjh/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量保存
|
|
||||||
export function save(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmJtsyjh/save",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量提交
|
|
||||||
export function tj(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmJtsyjh/tj",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 导入
|
|
||||||
export function upload(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmJtsyjh/upload",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 图纸查询
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmTzjh/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量审核
|
|
||||||
export function sh(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmTzjh/sh",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 中日程计划查询
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmZrcjh/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,30 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 中日程计划维护
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmZrcjh/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量退回
|
|
||||||
export function tj(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmZrcjh/tj",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
//批量审核
|
|
||||||
export function sh(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmZrcjh/sh",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 中日程计划维护
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmZrcjh/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量保存
|
|
||||||
export function save(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmZrcjh/save",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
//批量提交
|
|
||||||
export function tj(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmZrcjh/tj",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 导入
|
|
||||||
export function upload(data) {
|
|
||||||
return request({
|
|
||||||
url: "/dmZrcjh/upload",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
//工厂日历
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emGcrl/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 点击新增 生成日历
|
|
||||||
export function generate(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emGcrl/generate",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// 批量修改
|
|
||||||
export function update(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emGcrl/update",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 设备产能维护
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbcnp/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量新增
|
|
||||||
export function save(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbcnp/save",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// 批量修改
|
|
||||||
export function update(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbcnp/update",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量删除
|
|
||||||
export function delete1(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbcnp/delete",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 设备人员信息维护
|
|
||||||
|
|
||||||
// 获取人员信息
|
|
||||||
export function getRYList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbrydyp/getRYList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbrydyp/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量新增
|
|
||||||
export function save(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbrydyp/save",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// 批量修改
|
|
||||||
export function update(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbrydyp/update",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量删除
|
|
||||||
export function delete1(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbrydyp/delete",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 设备维修计划维护
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbwxjh/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量新增
|
|
||||||
export function save(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbwxjh/save",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// 批量修改
|
|
||||||
export function update(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbwxjh/update",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量删除
|
|
||||||
export function delete1(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbwxjh/delete",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,65 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 设备信息维护
|
|
||||||
|
|
||||||
// 获取供应商
|
|
||||||
export function getGYS(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbjbb/getGYS",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取设备分类
|
|
||||||
export function getSBLX(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbjbb/getSBLX",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取设备状态
|
|
||||||
export function getZhbmAll(data) {
|
|
||||||
return request({
|
|
||||||
url: "/api/sy/getZhbmAll",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取列表
|
|
||||||
export function getList(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbjbb/getList",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量新增
|
|
||||||
export function save(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbjbb/save",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// 批量修改
|
|
||||||
export function update(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbjbb/update",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 批量删除
|
|
||||||
export function delete1(data) {
|
|
||||||
return request({
|
|
||||||
url: "/emSbjbb/delete",
|
|
||||||
method: "post",
|
|
||||||
data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,283 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 订货清单查询 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.dcCh" placeholder="船号" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in ShipNoList"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.Zt" placeholder="状态" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in statusOptions"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
highlight-hover-row
|
|
||||||
>
|
|
||||||
<template #dcCh_default="{ row }">
|
|
||||||
{{ row.dcCh }}
|
|
||||||
</template>
|
|
||||||
<template #Zt_default="{ row }">
|
|
||||||
<div v-for="(item, index) in statusOptions" :key="index">
|
|
||||||
<div v-if="row.zt === item.value">{{ item.label }}</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getList } from "@/api/jhzx/dhqdCX";
|
|
||||||
export default {
|
|
||||||
name: "dhqdCX",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
dcCh: "",
|
|
||||||
Zt: "",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "seq", width: 60, title: "序号" },
|
|
||||||
{
|
|
||||||
field: "dcCh",
|
|
||||||
title: "船号",
|
|
||||||
slots: { default: "dcCh_default" },
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "qdh",
|
|
||||||
title: "订货清单号",
|
|
||||||
minWidth: "80",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "qc",
|
|
||||||
title: "期次",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "wpxh",
|
|
||||||
title: " 材质",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "thickness",
|
|
||||||
title: "厚度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "width",
|
|
||||||
title: "宽度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "length",
|
|
||||||
title: "长度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "weight",
|
|
||||||
title: "重量吨/张",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sjsl",
|
|
||||||
title: "设计数量",
|
|
||||||
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "yl",
|
|
||||||
title: "裕量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zsl",
|
|
||||||
title: "总数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zzl",
|
|
||||||
title: "总重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "lksl",
|
|
||||||
title: "利库数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "lkzl",
|
|
||||||
title: "利库重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sdzs",
|
|
||||||
title: "实订数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sdzl",
|
|
||||||
title: "实订重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "Zt",
|
|
||||||
title: "状态",
|
|
||||||
slots: { default: "Zt_default" },
|
|
||||||
minWidth: "50",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
statusOptions: [
|
|
||||||
{
|
|
||||||
value: "0",
|
|
||||||
label: "编辑",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "提交",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "2",
|
|
||||||
label: "审核",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
fileList: [],
|
|
||||||
ShipNoList: []
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取列表接口(船号)
|
|
||||||
initList() {
|
|
||||||
let params = {
|
|
||||||
Zt: this.request.Zt,
|
|
||||||
dcCh: "",
|
|
||||||
};
|
|
||||||
if (this.ShipNoList.length > 0 && this.request.dcCh) {
|
|
||||||
params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
|
|
||||||
} else {
|
|
||||||
params.dcCh = "";
|
|
||||||
}
|
|
||||||
getList(params).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
var arrList = [];
|
|
||||||
if (this.list.length > 0) {
|
|
||||||
this.list.forEach((item, index) => {
|
|
||||||
arrList.push(item.dcCh);
|
|
||||||
this.ShipNoList = []
|
|
||||||
Array.from(new Set(arrList)).forEach((em, eindex) => {
|
|
||||||
this.ShipNoList.push({
|
|
||||||
label: em,
|
|
||||||
value: eindex + 1,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
.upload-demo {
|
|
||||||
display: inline-flex;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
::v-deep .el-upload-list {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,377 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 订货清单审核 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.dcCh" placeholder="船号" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in ShipNoList"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.Zt" placeholder="状态" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in statusOptions"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="primary" @click="toolbarButtonClickEvent('back')"
|
|
||||||
>退回</el-button
|
|
||||||
>
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('check')"
|
|
||||||
>审核</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
@checkbox-all="selectAllEvent"
|
|
||||||
@checkbox-change="selectChangeEvent"
|
|
||||||
highlight-hover-row
|
|
||||||
>
|
|
||||||
<template #dcCh_default="{ row }">
|
|
||||||
{{ row.dcCh }}
|
|
||||||
</template>
|
|
||||||
<template #Zt_default="{ row }">
|
|
||||||
<div v-for="(item, index) in statusOptions" :key="index">
|
|
||||||
<div v-if="row.zt === item.value">{{ item.label }}</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getList, tj, save, sh, upload } from "@/api/jhzx/dhqdSH";
|
|
||||||
export default {
|
|
||||||
name: "dhqdSH",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
dcCh: "",
|
|
||||||
Zt: "1",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "checkbox", width: 50, fixed: "left" },
|
|
||||||
{ type: "seq", width: 60, title: "序号", fixed: "left" },
|
|
||||||
{
|
|
||||||
field: "dcCh",
|
|
||||||
title: "船号",
|
|
||||||
slots: { default: "dcCh_default" },
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "qdh",
|
|
||||||
title: "订货清单号",
|
|
||||||
minWidth: "80",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "qc",
|
|
||||||
title: "期次",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "wpxh",
|
|
||||||
title: " 材质",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "thickness",
|
|
||||||
title: "厚度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "width",
|
|
||||||
title: "宽度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "length",
|
|
||||||
title: "长度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "weight",
|
|
||||||
title: "重量吨/张",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sjsl",
|
|
||||||
title: "设计数量",
|
|
||||||
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "yl",
|
|
||||||
title: "裕量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zsl",
|
|
||||||
title: "总数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zzl",
|
|
||||||
title: "总重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "lksl",
|
|
||||||
title: "利库数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "lkzl",
|
|
||||||
title: "利库重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sdzs",
|
|
||||||
title: "实订数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sdzl",
|
|
||||||
title: "实订重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "Zt",
|
|
||||||
title: "状态",
|
|
||||||
slots: { default: "Zt_default" },
|
|
||||||
minWidth: "50",
|
|
||||||
fixed: "right",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
statusOptions: [
|
|
||||||
{
|
|
||||||
value: "0",
|
|
||||||
label: "编辑",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "提交",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "2",
|
|
||||||
label: "审核",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
fileList: [],
|
|
||||||
ShipNoList: [],
|
|
||||||
checkedList: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取列表接口(船号)
|
|
||||||
initList() {
|
|
||||||
let params = {
|
|
||||||
Zt: this.request.Zt,
|
|
||||||
dcCh: "",
|
|
||||||
};
|
|
||||||
if (this.ShipNoList.length > 0 && this.request.dcCh) {
|
|
||||||
params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
|
|
||||||
} else {
|
|
||||||
params.dcCh = "";
|
|
||||||
}
|
|
||||||
getList(params).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
this.checkedList = [];
|
|
||||||
this.ShipNoList = [];
|
|
||||||
var arrList = [];
|
|
||||||
if (this.list.length > 0) {
|
|
||||||
this.list.forEach((item, index) => {
|
|
||||||
arrList.push(item.dcCh);
|
|
||||||
this.ShipNoList = []
|
|
||||||
Array.from(new Set(arrList)).forEach((em, eindex) => {
|
|
||||||
this.ShipNoList.push({
|
|
||||||
label: em,
|
|
||||||
value: eindex + 1,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 上传excel
|
|
||||||
actionUpload(file) {
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append("file", file.file);
|
|
||||||
upload(formData).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 全选
|
|
||||||
selectAllEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 单选
|
|
||||||
selectChangeEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
switch (code) {
|
|
||||||
case "back":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
var status = 1;
|
|
||||||
this.checkedList.forEach((item) => {
|
|
||||||
if (item.zt !== "1") {
|
|
||||||
status = 0;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (status == 1) {
|
|
||||||
this.$confirm("是否确认提交?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
tj(this.checkedList).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message.success("退回成功！");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择提交状态的数据!");
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "check":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认审核选择的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
sh(this.checkedList).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message.success("审核成功！");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
.upload-demo {
|
|
||||||
display: inline-flex;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
::v-deep .el-upload-list {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,379 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 订货清单维护 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.dcCh" placeholder="船号" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in ShipNoList"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('submit')"
|
|
||||||
>提交</el-button
|
|
||||||
>
|
|
||||||
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.Zt" placeholder="状态" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in statusOptions"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<div class="upload-demo">
|
|
||||||
<el-upload
|
|
||||||
action="#"
|
|
||||||
accept=".xls,.xlsx"
|
|
||||||
:multiple="false"
|
|
||||||
:file-list="fileList"
|
|
||||||
:http-request="actionUpload"
|
|
||||||
>
|
|
||||||
<el-button size="mini" type="primary">导入</el-button>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
<el-button type="primary" @click="toolbarButtonClickEvent('save')"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
:scroll-y="{enabled: true}"
|
|
||||||
@checkbox-all="selectAllEvent"
|
|
||||||
@checkbox-change="selectChangeEvent"
|
|
||||||
highlight-hover-row
|
|
||||||
>
|
|
||||||
<template #dcCh_default="{ row }">
|
|
||||||
{{ row.dcCh }}
|
|
||||||
</template>
|
|
||||||
<template #Zt_default="{ row }">
|
|
||||||
<div v-for="(item, index) in statusOptions" :key="index">
|
|
||||||
<div v-if="row.zt === item.value">{{ item.label }}</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getList, tj, save, upload } from "@/api/jhzx/dhqdWH";
|
|
||||||
export default {
|
|
||||||
name: "dhqdWH",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
dcCh: "",
|
|
||||||
Zt: "0",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "checkbox", width: 50, fixed: "left" },
|
|
||||||
{ type: "seq", width: 60, title: "序号", fixed: "left" },
|
|
||||||
{
|
|
||||||
field: "dcCh",
|
|
||||||
title: "船号",
|
|
||||||
slots: { default: "dcCh_default" },
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "qdh",
|
|
||||||
title: "订货清单号",
|
|
||||||
minWidth: "80",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "qc",
|
|
||||||
title: "期次",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "wpxh",
|
|
||||||
title: " 材质",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "thickness",
|
|
||||||
title: "厚度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "width",
|
|
||||||
title: "宽度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "length",
|
|
||||||
title: "长度mm",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "weight",
|
|
||||||
title: "重量吨/张",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sjsl",
|
|
||||||
title: "设计数量",
|
|
||||||
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "yl",
|
|
||||||
title: "裕量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zsl",
|
|
||||||
title: "总数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zzl",
|
|
||||||
title: "总重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "lksl",
|
|
||||||
title: "利库数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "lkzl",
|
|
||||||
title: "利库重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sdzs",
|
|
||||||
title: "实订数量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sdzl",
|
|
||||||
title: "实订重量",
|
|
||||||
minWidth: "70",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "Zt",
|
|
||||||
title: "状态",
|
|
||||||
slots: { default: "Zt_default" },
|
|
||||||
minWidth: "50",
|
|
||||||
fixed: "right",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
statusOptions: [
|
|
||||||
{
|
|
||||||
value: "0",
|
|
||||||
label: "编辑",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "提交",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "2",
|
|
||||||
label: "审核",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
fileList: [],
|
|
||||||
ShipNoList: [],
|
|
||||||
checkedList: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取列表接口(船号)
|
|
||||||
initList() {
|
|
||||||
let params = {
|
|
||||||
Zt: this.request.Zt,
|
|
||||||
dcCh: "",
|
|
||||||
};
|
|
||||||
if (this.ShipNoList.length > 0 && this.request.dcCh) {
|
|
||||||
params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
|
|
||||||
} else {
|
|
||||||
params.dcCh = "";
|
|
||||||
}
|
|
||||||
getList(params).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
this.checkedList = [];
|
|
||||||
this.ShipNoList = [];
|
|
||||||
var arrList = [];
|
|
||||||
if (this.list.length > 0) {
|
|
||||||
this.list.forEach((item, index) => {
|
|
||||||
arrList.push(item.dcCh);
|
|
||||||
this.ShipNoList = []
|
|
||||||
Array.from(new Set(arrList)).forEach((em, eindex) => {
|
|
||||||
this.ShipNoList.push({
|
|
||||||
label: em,
|
|
||||||
value: eindex + 1,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 上传excel
|
|
||||||
actionUpload(file) {
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append("file", file.file);
|
|
||||||
upload(formData).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.list = res.data;
|
|
||||||
this.$message.success("导入成功！");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 全选
|
|
||||||
selectAllEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 单选
|
|
||||||
selectChangeEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
switch (code) {
|
|
||||||
case "submit":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认提交选择的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
tj(this.checkedList).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message.success("提交成功！");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "save":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认保存选择的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
save(this.checkedList).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message.success("保存成功！");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
.upload-demo {
|
|
||||||
display: inline-flex;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
::v-deep .el-upload-list {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,299 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 集团三月滚动计划维护 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.dcCh" placeholder="船号" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in ShipNoList"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('submit')"
|
|
||||||
>提交</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.zt" placeholder="状态" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in statusOptions"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<div class="upload-demo">
|
|
||||||
<el-upload
|
|
||||||
action="#"
|
|
||||||
accept=".xls,.xlsx"
|
|
||||||
:multiple="false"
|
|
||||||
:file-list="fileList"
|
|
||||||
:http-request="actionUpload"
|
|
||||||
>
|
|
||||||
<el-button size="mini" type="primary">导入</el-button>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
<el-button type="primary" @click="toolbarButtonClickEvent('save')"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
:scroll-y="{enabled: true}"
|
|
||||||
highlight-hover-row
|
|
||||||
@checkbox-all="selectAllEvent"
|
|
||||||
@checkbox-change="selectChangeEvent"
|
|
||||||
>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getList, save, tj, upload } from "@/api/jhzx/jtsyWH";
|
|
||||||
export default {
|
|
||||||
name: "jtsyWH",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
dcCh: "",
|
|
||||||
zt: "",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "checkbox", width: 50 },
|
|
||||||
{ type: "seq", width: 60, title: "序号" },
|
|
||||||
{
|
|
||||||
field: "dcCh",
|
|
||||||
title: "船号"
|
|
||||||
},
|
|
||||||
{ field: "dcPl", title: "批量"},
|
|
||||||
{ field: "dcFd", title: "分段"},
|
|
||||||
{ field: "jhrq", title: "计划期" },
|
|
||||||
{ field: "bz", title: "备注"},
|
|
||||||
{
|
|
||||||
field: "bzy",
|
|
||||||
title: "编制人"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "bzrq",
|
|
||||||
title: "编制日期"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zt",
|
|
||||||
title: "状态"
|
|
||||||
},
|
|
||||||
],
|
|
||||||
statusOptions: [
|
|
||||||
{
|
|
||||||
value: "0",
|
|
||||||
label: "未提交",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "已提交",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
ShipNoList: [], //船号
|
|
||||||
fileList: [], //导入
|
|
||||||
checkedList: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取列表接口(船号)
|
|
||||||
initList() {
|
|
||||||
let params = {
|
|
||||||
zt: this.request.zt,
|
|
||||||
dcCh: "",
|
|
||||||
};
|
|
||||||
if (this.ShipNoList.length > 0 && this.request.dcCh) {
|
|
||||||
params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
|
|
||||||
} else {
|
|
||||||
params.dcCh = "";
|
|
||||||
}
|
|
||||||
getList(params).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
this.checkedList = [];
|
|
||||||
this.ShipNoList = [];
|
|
||||||
var arrList = [];
|
|
||||||
if (this.list.length > 0) {
|
|
||||||
this.list.forEach((item, index) => {
|
|
||||||
arrList.push(item.dcCh);
|
|
||||||
this.ShipNoList = [];
|
|
||||||
Array.from(new Set(arrList)).forEach((em, eindex) => {
|
|
||||||
this.ShipNoList.push({
|
|
||||||
label: em,
|
|
||||||
value: eindex + 1,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 上传excel
|
|
||||||
actionUpload(file) {
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append("file", file.file);
|
|
||||||
upload(formData).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.$message.success("上传成功！");
|
|
||||||
this.list = res.data;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 全选
|
|
||||||
selectAllEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 单选
|
|
||||||
selectChangeEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
switch (code) {
|
|
||||||
case "submit":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认提交选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
tj(this.checkedList).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message.success("提交成功！");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "save":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认保存选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
save(this.checkedList).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message.success("保存成功！");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
.upload-demo {
|
|
||||||
display: inline-flex;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
::v-deep .el-upload-list {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,270 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 图纸查询 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.dcCh" placeholder="船号" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in ShipNoList"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.zt" placeholder="状态" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in statusOptions"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('insert')"
|
|
||||||
>审核</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
highlight-hover-row
|
|
||||||
:checkbox-config="{checkMethod: CheckboxkMethod}"
|
|
||||||
@checkbox-all="selectAllEvent"
|
|
||||||
@checkbox-change="selectChangeEvent"
|
|
||||||
>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getList, sh } from "@/api/jhzx/tzCX";
|
|
||||||
export default {
|
|
||||||
name: "tzCX",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
dcCh: "",
|
|
||||||
zt: "",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "checkbox", width: 50 },
|
|
||||||
{ type: "seq", width: 60, title: "序号" },
|
|
||||||
{ field: "dcPl", title: "批量", editRender: { name: "input" } },
|
|
||||||
{ field: "dcFd", title: "图名", editRender: { name: "input" } },
|
|
||||||
{
|
|
||||||
field: "dcCh",
|
|
||||||
title: "船名",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{ field: "xfqTlt", title: "套料图下发", editRender: { name: "input" } },
|
|
||||||
{ field: "jsqTlt", title: "套料图接收", editRender: { name: "input" } },
|
|
||||||
{
|
|
||||||
field: "xfqLqb",
|
|
||||||
title: "板材领取表下发",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "jsqLqb",
|
|
||||||
title: "板材领取表接收",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "xfqPtb",
|
|
||||||
title: "零件配套表下发",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "jsqPtb",
|
|
||||||
title: "零件配套表接收",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zt",
|
|
||||||
title: "状态",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
statusOptions: [
|
|
||||||
{
|
|
||||||
value: "0",
|
|
||||||
label: "未审核",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "已审核",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
ShipNoList: [],
|
|
||||||
checkedList: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.statusList();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
statusList() {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
const tableRef = this.$refs.tableRef;
|
|
||||||
const statusText = tableRef.getColumnByField("zt");
|
|
||||||
statusText.editRender.options = this.statusOptions;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 获取列表接口(船号)
|
|
||||||
initList() {
|
|
||||||
let params = {
|
|
||||||
zt: this.request.zt,
|
|
||||||
dcCh: "",
|
|
||||||
};
|
|
||||||
if (this.ShipNoList.length > 0 && this.request.dcCh) {
|
|
||||||
params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
|
|
||||||
} else {
|
|
||||||
params.dcCh = "";
|
|
||||||
}
|
|
||||||
getList(params).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
this.checkedList = [];
|
|
||||||
var arrList = [];
|
|
||||||
if (this.list.length > 0) {
|
|
||||||
this.list.forEach((item, index) => {
|
|
||||||
arrList.push(item.dcCh);
|
|
||||||
this.ShipNoList = [];
|
|
||||||
Array.from(new Set(arrList)).forEach((em, eindex) => {
|
|
||||||
this.ShipNoList.push({
|
|
||||||
label: em,
|
|
||||||
value: eindex + 1,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 全选
|
|
||||||
selectAllEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 单选
|
|
||||||
selectChangeEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 是否可选中
|
|
||||||
CheckboxkMethod({ row }){
|
|
||||||
return row.zt !== '1'
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
switch (code) {
|
|
||||||
case "insert":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
sh(this.checkedList).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message.success("审核成功！");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,221 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 工厂日历维护 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-input v-model="request.nf" placeholder="年份" clearable />
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('insert')"
|
|
||||||
>添加</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="24" style="text-align: right">
|
|
||||||
<el-button type="primary" @click="toolbarButtonClickEvent('save')"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
:edit-rules="validRules"
|
|
||||||
:edit-config="{
|
|
||||||
trigger: 'click',
|
|
||||||
mode: 'row',
|
|
||||||
showStatus: true,
|
|
||||||
}"
|
|
||||||
highlight-hover-row
|
|
||||||
>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getList, generate, update } from "@/api/sjzx/gcrlWH";
|
|
||||||
import { mapGetters } from "vuex";
|
|
||||||
export default {
|
|
||||||
name: "gcrlWH",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
nf: "",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "seq", width: 60, title: "序号" },
|
|
||||||
{
|
|
||||||
field: "nf",
|
|
||||||
title: "年份",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
{ field: "gl", title: "公历", editRender: { name: "input" } },
|
|
||||||
{
|
|
||||||
field: "xxr",
|
|
||||||
title: "类型",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{ field: "bz", title: "备注", editRender: { name: "input" } },
|
|
||||||
],
|
|
||||||
validRules: {
|
|
||||||
sbbh: [{ required: true, message: "设备编号不可为空" }],
|
|
||||||
},
|
|
||||||
typeOption: [
|
|
||||||
{
|
|
||||||
value: "0",
|
|
||||||
label: "休息日",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "1",
|
|
||||||
label: "工作日",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapGetters(["name", "bmbm"]),
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.typeList();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
typeList() {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
const tableRef = this.$refs.tableRef;
|
|
||||||
const typeText = tableRef.getColumnByField("xxr");
|
|
||||||
typeText.editRender.options = this.typeOption;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 获取列表接口
|
|
||||||
initList() {
|
|
||||||
getList(this.request).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
const { updateRecords } = this.$refs.tableRef.getRecordset();
|
|
||||||
switch (code) {
|
|
||||||
case "insert":
|
|
||||||
generate().then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case "save":
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
// 修改
|
|
||||||
if (updateRecords.length !== 0) {
|
|
||||||
this.$confirm("是否确认保存选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
update(updateRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({
|
|
||||||
message: "保存成功！",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,288 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 设备产能维护 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-input v-model="request.sbmc" placeholder="设备名称" clearable />
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('insert')"
|
|
||||||
>添加</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="24" style="text-align: right">
|
|
||||||
<el-button type="danger" @click="toolbarButtonClickEvent('delete')"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="toolbarButtonClickEvent('save')"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
:edit-rules="validRules"
|
|
||||||
:edit-config="{
|
|
||||||
trigger: 'click',
|
|
||||||
mode: 'row',
|
|
||||||
showStatus: true,
|
|
||||||
}"
|
|
||||||
highlight-hover-row
|
|
||||||
@checkbox-all="selectAllEvent"
|
|
||||||
@checkbox-change="selectChangeEvent"
|
|
||||||
>
|
|
||||||
<template #sbbh_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.sbbh"
|
|
||||||
:disabled="row.sbbhDisabled"
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getList, save, update, delete1 } from "@/api/sjzx/sbcnWH";
|
|
||||||
export default {
|
|
||||||
name: "sbcnWH",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
sbmc: "",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "checkbox", width: 50 },
|
|
||||||
{ type: "seq", width: 60, title: "序号" },
|
|
||||||
{
|
|
||||||
field: "sbbh",
|
|
||||||
title: "设备编号",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "sbbh_edit" },
|
|
||||||
},
|
|
||||||
{ field: "sbmc", title: "设备名称", editRender: { name: "input" } },
|
|
||||||
{ field: "sbcn", title: "产能", editRender: { name: "input" } },
|
|
||||||
{ field: "dw", title: "产能单位", editRender: { name: "input" } },
|
|
||||||
{
|
|
||||||
field: "dwsj",
|
|
||||||
title: "产能单位时间(天 或小时)",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
validRules: {
|
|
||||||
sbbh: [{ required: true, message: "设备编号不可为空" }],
|
|
||||||
},
|
|
||||||
checkedList: [],
|
|
||||||
sbbhDisabled: true,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取列表接口
|
|
||||||
initList() {
|
|
||||||
getList(this.request).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
this.checkedList = [];
|
|
||||||
if (this.list.length > 0) {
|
|
||||||
this.list.forEach((item) => {
|
|
||||||
item.sbbhDisabled = this.sbbhDisabled;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 全选
|
|
||||||
selectAllEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 单选
|
|
||||||
selectChangeEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
const { insertRecords, removeRecords, updateRecords } =
|
|
||||||
this.$refs.tableRef.getRecordset();
|
|
||||||
switch (code) {
|
|
||||||
case "insert":
|
|
||||||
this.$refs.tableRef.insertAt(
|
|
||||||
{
|
|
||||||
sbbhDisabled: false,
|
|
||||||
},
|
|
||||||
-1
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case "delete":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认删除选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.$refs.tableRef.removeCheckboxRow();
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "save":
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
// 新增
|
|
||||||
if (insertRecords.length !== 0) {
|
|
||||||
this.$confirm("是否确认保存选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
save(insertRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.list = this.list.concat(insertRecords);
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({
|
|
||||||
message: "保存成功！",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改
|
|
||||||
if (updateRecords.length !== 0) {
|
|
||||||
update(updateRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 删除
|
|
||||||
if (removeRecords.length !== 0) {
|
|
||||||
delete1(removeRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
for (let i = 0; i < this.list.length; i++) {
|
|
||||||
if (removeRecords.indexOf(this.list[i]) !== -1) {
|
|
||||||
this.list.splice(i, 1);
|
|
||||||
i--;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (removeRecords.length !== 0) {
|
|
||||||
this.$message(
|
|
||||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
this.$message(
|
|
||||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,309 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 设备人员信息维护 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-input v-model="request.sbmc" placeholder="设备名称" clearable />
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('insert')"
|
|
||||||
>添加</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="24" style="text-align: right">
|
|
||||||
<el-button type="danger" @click="toolbarButtonClickEvent('delete')"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="toolbarButtonClickEvent('save')"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
:edit-rules="validRules"
|
|
||||||
:edit-config="{
|
|
||||||
trigger: 'click',
|
|
||||||
mode: 'row',
|
|
||||||
showStatus: true,
|
|
||||||
}"
|
|
||||||
highlight-hover-row
|
|
||||||
@checkbox-all="selectAllEvent"
|
|
||||||
@checkbox-change="selectChangeEvent"
|
|
||||||
>
|
|
||||||
<template #sbbh_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.sbbh"
|
|
||||||
:disabled="row.sbbhDisabled"
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getRYList, getList, save, update, delete1 } from "@/api/sjzx/sbryWH";
|
|
||||||
export default {
|
|
||||||
name: "sbryWH",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
sbmc: "",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "checkbox", width: 50 },
|
|
||||||
{ type: "seq", width: 60, title: "序号" },
|
|
||||||
{
|
|
||||||
field: "sbbh",
|
|
||||||
title: "设备编号",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "sbbh_edit" },
|
|
||||||
},
|
|
||||||
{ field: "sbmc", title: "设备名称", editRender: { name: "input" } },
|
|
||||||
{
|
|
||||||
field: "rymc",
|
|
||||||
title: "人员名称",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{ field: "jlr", title: "负责人", editRender: { name: "input" } },
|
|
||||||
],
|
|
||||||
validRules: {
|
|
||||||
sbbh: [{ required: true, message: "设备编号不可为空" }],
|
|
||||||
},
|
|
||||||
checkedList: [],
|
|
||||||
sbbhDisabled: true,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.getRYList();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取列表接口
|
|
||||||
initList() {
|
|
||||||
getList(this.request).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
this.checkedList = [];
|
|
||||||
if (this.list.length > 0) {
|
|
||||||
this.list.forEach((item) => {
|
|
||||||
item.sbbhDisabled = this.sbbhDisabled;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 获取人员信息接口
|
|
||||||
getRYList() {
|
|
||||||
getRYList().then((res) => {
|
|
||||||
this.personnelInfoList = res.data;
|
|
||||||
const tableRef = this.$refs.tableRef;
|
|
||||||
const personnelInfoText = tableRef.getColumnByField("rymc");
|
|
||||||
const testList = [];
|
|
||||||
for (let i = 0; i < this.personnelInfoList.length; i++) {
|
|
||||||
const temp = {
|
|
||||||
label: this.personnelInfoList[i].rymc,
|
|
||||||
value: this.personnelInfoList[i].jgflm,
|
|
||||||
};
|
|
||||||
testList.push(temp);
|
|
||||||
}
|
|
||||||
personnelInfoText.editRender.options = testList;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 全选
|
|
||||||
selectAllEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 单选
|
|
||||||
selectChangeEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
const { insertRecords, removeRecords, updateRecords } =
|
|
||||||
this.$refs.tableRef.getRecordset();
|
|
||||||
switch (code) {
|
|
||||||
case "insert":
|
|
||||||
this.$refs.tableRef.insertAt(
|
|
||||||
{
|
|
||||||
sbbhDisabled: false,
|
|
||||||
},
|
|
||||||
-1
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case "delete":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认删除选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.$refs.tableRef.removeCheckboxRow();
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "save":
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
// 新增
|
|
||||||
if (insertRecords.length !== 0) {
|
|
||||||
this.$confirm("是否确认保存选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
save(insertRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.list = this.list.concat(insertRecords);
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({
|
|
||||||
message: "保存成功！",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改
|
|
||||||
if (updateRecords.length !== 0) {
|
|
||||||
update(updateRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 删除
|
|
||||||
if (removeRecords.length !== 0) {
|
|
||||||
delete1(removeRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
for (let i = 0; i < this.list.length; i++) {
|
|
||||||
if (removeRecords.indexOf(this.list[i]) !== -1) {
|
|
||||||
this.list.splice(i, 1);
|
|
||||||
i--;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (removeRecords.length !== 0) {
|
|
||||||
this.$message(
|
|
||||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
this.$message(
|
|
||||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,421 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 设备维修计划维护 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-input v-model="request.sbbh" placeholder="设备编号" clearable />
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('insert')"
|
|
||||||
>添加</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="request.beginTime"
|
|
||||||
value-format="yyyy/MM/dd"
|
|
||||||
type="date"
|
|
||||||
placeholder="计划开始时间"
|
|
||||||
/>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-date-picker
|
|
||||||
v-model="request.endTime"
|
|
||||||
type="date"
|
|
||||||
value-format="yyyy/MM/dd"
|
|
||||||
placeholder="计划结束时间"
|
|
||||||
/>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="danger" @click="toolbarButtonClickEvent('delete')"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="toolbarButtonClickEvent('save')"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
:edit-rules="validRules"
|
|
||||||
:edit-config="{
|
|
||||||
trigger: 'click',
|
|
||||||
mode: 'row',
|
|
||||||
showStatus: true,
|
|
||||||
}"
|
|
||||||
highlight-hover-row
|
|
||||||
@checkbox-all="selectAllEvent"
|
|
||||||
@checkbox-change="selectChangeEvent"
|
|
||||||
>
|
|
||||||
<template #sbbh_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.sbbh"
|
|
||||||
:disabled="row.sbbhDisabled"
|
|
||||||
placeholder=""
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #fzr_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.fzr"
|
|
||||||
:disabled="fzrDisabled"
|
|
||||||
placeholder=""
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #kssjJh_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.kssjJh"
|
|
||||||
type="datetime"
|
|
||||||
placeholder=""
|
|
||||||
transfer
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #jssjJh_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.jssjJh"
|
|
||||||
type="datetime"
|
|
||||||
placeholder=""
|
|
||||||
transfer
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #kssjSj_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.kssjSj"
|
|
||||||
type="datetime"
|
|
||||||
placeholder=""
|
|
||||||
transfer
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #jssjSj_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.jssjSj"
|
|
||||||
type="datetime"
|
|
||||||
placeholder=""
|
|
||||||
transfer
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { getList, save, update, delete1 } from "@/api/sjzx/sbwxjhWH";
|
|
||||||
export default {
|
|
||||||
name: "sbwxjhWH",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
sbbh: "",
|
|
||||||
beginTime: "",
|
|
||||||
endTime: "",
|
|
||||||
},
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "checkbox", width: 50, fixed: "left" },
|
|
||||||
{ type: "seq", width: 60, title: "序号", fixed: "left" },
|
|
||||||
{
|
|
||||||
field: "sbbh",
|
|
||||||
title: "设备编号",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "sbbh_edit" },
|
|
||||||
fixed: "left",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbmc",
|
|
||||||
title: "设备名称",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "sbxh",
|
|
||||||
title: "设备型号",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "sbgg",
|
|
||||||
title: "设备规格",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "szcs",
|
|
||||||
title: "所属部门",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "wxnr",
|
|
||||||
title: "维修内容",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "kssjJh",
|
|
||||||
title: "计划开始时间",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "kssjJh_edit" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "jssjJh",
|
|
||||||
title: "计划结束时间",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "jssjJh_edit" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "kssjSj",
|
|
||||||
title: "实际开始时间",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "kssjSj_edit" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "jssjSj",
|
|
||||||
title: "实际结束时间",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "jssjSj_edit" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zt",
|
|
||||||
title: "状态",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "fzr",
|
|
||||||
title: "负责人",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "fzr_edit" },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "bz",
|
|
||||||
title: "备注",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
},
|
|
||||||
],
|
|
||||||
validRules: {
|
|
||||||
sbbh: [{ required: true, message: "设备编号不可为空" }],
|
|
||||||
},
|
|
||||||
checkedList: [],
|
|
||||||
sbbhDisabled: true,
|
|
||||||
fzrDisabled: true,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取列表接口
|
|
||||||
initList() {
|
|
||||||
getList(this.request).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
this.checkedList = [];
|
|
||||||
if (this.list.length > 0) {
|
|
||||||
this.list.forEach((item) => {
|
|
||||||
item.sbbhDisabled = this.sbbhDisabled;
|
|
||||||
item.fzrDisabled = this.fzrDisabled;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 全选
|
|
||||||
selectAllEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 单选
|
|
||||||
selectChangeEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
const { insertRecords, removeRecords, updateRecords } =
|
|
||||||
this.$refs.tableRef.getRecordset();
|
|
||||||
switch (code) {
|
|
||||||
case "insert":
|
|
||||||
this.$refs.tableRef.insertAt(
|
|
||||||
{
|
|
||||||
sbbhDisabled: false,
|
|
||||||
fzrDisabled: false,
|
|
||||||
},
|
|
||||||
-1
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case "delete":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认删除选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.$refs.tableRef.removeCheckboxRow();
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "save":
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
// 新增
|
|
||||||
if (insertRecords.length !== 0) {
|
|
||||||
this.$confirm("是否确认保存选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
save(insertRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.list = this.list.concat(insertRecords);
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({
|
|
||||||
message: "保存成功！",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改
|
|
||||||
if (updateRecords.length !== 0) {
|
|
||||||
update(updateRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 删除
|
|
||||||
if (removeRecords.length !== 0) {
|
|
||||||
delete1(removeRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
for (let i = 0; i < this.list.length; i++) {
|
|
||||||
if (removeRecords.indexOf(this.list[i]) !== -1) {
|
|
||||||
this.list.splice(i, 1);
|
|
||||||
i--;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (removeRecords.length !== 0) {
|
|
||||||
this.$message(
|
|
||||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
this.$message(
|
|
||||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .el-date-editor.el-input,
|
|
||||||
.el-date-editor.el-input__inner {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,625 +0,0 @@
|
|||||||
<template>
|
|
||||||
<!-- 设备信息维护 -->
|
|
||||||
<el-container>
|
|
||||||
<el-header style="width: 100%">
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-input v-model="request.sbbh" placeholder="设备编号" clearable />
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="success" @click="toolbarButtonClickEvent('insert')"
|
|
||||||
>添加</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="initList()">查询</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
|
||||||
<el-col :span="18">
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-input v-model="request.szcs" placeholder="所属部门" clearable />
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-select v-model="request.gysbm" placeholder="供应商" clearable>
|
|
||||||
<el-option
|
|
||||||
v-for="item in supplierList"
|
|
||||||
:key="item.ghsbm"
|
|
||||||
:value="item.ghsbm"
|
|
||||||
:label="item.ghsqc"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</el-col>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="6" style="text-align: right">
|
|
||||||
<el-button type="danger" @click="toolbarButtonClickEvent('delete')"
|
|
||||||
>删除</el-button
|
|
||||||
>
|
|
||||||
<el-button type="primary" @click="toolbarButtonClickEvent('save')"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-header>
|
|
||||||
<el-container style="padding-top: 10px">
|
|
||||||
<el-container>
|
|
||||||
<el-main>
|
|
||||||
<div class="mytable">
|
|
||||||
<vxe-grid
|
|
||||||
id="id"
|
|
||||||
ref="tableRef"
|
|
||||||
border
|
|
||||||
resizable
|
|
||||||
keep-source
|
|
||||||
:height="height"
|
|
||||||
:auto-resize="true"
|
|
||||||
:columns="tableColumn"
|
|
||||||
:data="list"
|
|
||||||
:custom-config="{ storage: true }"
|
|
||||||
:edit-rules="validRules"
|
|
||||||
:edit-config="{
|
|
||||||
trigger: 'click',
|
|
||||||
mode: 'row',
|
|
||||||
showStatus: true,
|
|
||||||
}"
|
|
||||||
highlight-hover-row
|
|
||||||
@checkbox-all="selectAllEvent"
|
|
||||||
@checkbox-change="selectChangeEvent"
|
|
||||||
>
|
|
||||||
<template #sbbh_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.sbbh"
|
|
||||||
:disabled="row.sbbhDisabled"
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #zdry_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.zdry"
|
|
||||||
type="date"
|
|
||||||
placeholder=""
|
|
||||||
transfer
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #zdsj_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.zdsj"
|
|
||||||
placeholder=""
|
|
||||||
:disabled="zdDisabled"
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #ccrq_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.ccrq"
|
|
||||||
type="date"
|
|
||||||
placeholder=""
|
|
||||||
transfer
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
<template #grrq_edit="{ row }">
|
|
||||||
<vxe-input
|
|
||||||
v-model="row.grrq"
|
|
||||||
type="date"
|
|
||||||
placeholder=""
|
|
||||||
transfer
|
|
||||||
></vxe-input>
|
|
||||||
</template>
|
|
||||||
</vxe-grid>
|
|
||||||
</div>
|
|
||||||
</el-main>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</el-container>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import {
|
|
||||||
getGYS,
|
|
||||||
getSBLX,
|
|
||||||
getZhbmAll,
|
|
||||||
getList,
|
|
||||||
save,
|
|
||||||
update,
|
|
||||||
delete1,
|
|
||||||
} from "@/api/sjzx/sbxxWH";
|
|
||||||
export default {
|
|
||||||
name: "sbxxWH",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
request: {
|
|
||||||
sbbh: "",
|
|
||||||
szcs: "",
|
|
||||||
gysbm: "",
|
|
||||||
},
|
|
||||||
supplierList: [], //供应商
|
|
||||||
list: [],
|
|
||||||
height: "500px",
|
|
||||||
tableColumn: [
|
|
||||||
{ type: "checkbox", width: 50, fixed: "left" },
|
|
||||||
{ type: "seq", width: 60, title: "序号", fixed: "left" },
|
|
||||||
{
|
|
||||||
field: "sbbh",
|
|
||||||
title: "设备编号",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "sbbh_edit" },
|
|
||||||
minWidth: "100",
|
|
||||||
fixed: "left",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbmc",
|
|
||||||
title: "设备名称",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbxh",
|
|
||||||
title: "设备型号",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbgg",
|
|
||||||
title: "设备规格",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "jldw",
|
|
||||||
title: "计量单位",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "szcs",
|
|
||||||
title: "所属部门",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbzt",
|
|
||||||
title: "设备状态",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbfl",
|
|
||||||
title: "设备大类",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbzl",
|
|
||||||
title: "设备中类",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbxl",
|
|
||||||
title: "设备小类",
|
|
||||||
editRender: {
|
|
||||||
name: "$select",
|
|
||||||
options: [],
|
|
||||||
props: { clearable: true },
|
|
||||||
},
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "grrq",
|
|
||||||
title: "购入日期",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "grrq_edit" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbjg",
|
|
||||||
title: "设备原值",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbcz",
|
|
||||||
title: "设备残值",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "gysbm",
|
|
||||||
title: "供应商",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "cd",
|
|
||||||
title: "产地",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "zzdw",
|
|
||||||
title: "制造单位",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "ccbh",
|
|
||||||
title: "出厂编号",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "ccrq",
|
|
||||||
title: "出厂日期",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "ccrq_edit" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "lgrq",
|
|
||||||
title: "列固日期",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "tzsb",
|
|
||||||
title: "特种设备",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "edsynx",
|
|
||||||
title: "额定使用年限",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "edsysj",
|
|
||||||
title: "额定使用时间",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "120",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "edsysjdw",
|
|
||||||
title: "额定使用时间单位",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "120",
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "gldw",
|
|
||||||
title: "额定功率单位",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "wxcc",
|
|
||||||
title: "外形尺寸",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "azwz",
|
|
||||||
title: "安装位置",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "jyxx",
|
|
||||||
title: "检验信息",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
field: "zdry",
|
|
||||||
title: "制单人",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "zdry_edit" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zdsj",
|
|
||||||
title: "制单日期",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
slots: { edit: "zdsj_edit" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "sbkgnl",
|
|
||||||
title: "设备能力",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "gdzcbh",
|
|
||||||
title: "固定资产编号",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "zjnx",
|
|
||||||
title: "折旧年限",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "bz",
|
|
||||||
title: "备注",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: "czry",
|
|
||||||
title: "操作者",
|
|
||||||
editRender: { name: "input" },
|
|
||||||
minWidth: "90",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
validRules: {
|
|
||||||
sbbh: [{ required: true, message: "设备编号不可为空" }],
|
|
||||||
},
|
|
||||||
checkedList: [],
|
|
||||||
sbbhDisabled: true,
|
|
||||||
zdDisabled: true,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
window.addEventListener("resize", this.getHeight);
|
|
||||||
this.getHeight();
|
|
||||||
this.getGYS();
|
|
||||||
this.getSBLX();
|
|
||||||
this.getZhbmAll();
|
|
||||||
this.initList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取列表接口
|
|
||||||
initList() {
|
|
||||||
getList(this.request).then((res) => {
|
|
||||||
this.list = res.data;
|
|
||||||
this.checkedList = [];
|
|
||||||
if (this.list > 0) {
|
|
||||||
this.list.forEach((item) => {
|
|
||||||
item.sbbhDisabled = this.sbbhDisabled;
|
|
||||||
item.zdDisabled = this.zdDisabled;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 获取供应商接口
|
|
||||||
getGYS() {
|
|
||||||
getGYS().then((res) => {
|
|
||||||
this.supplierList = res.data;
|
|
||||||
const tableRef = this.$refs.tableRef;
|
|
||||||
const gysbmText = tableRef.getColumnByField("gysbm");
|
|
||||||
const testList = [];
|
|
||||||
for (let i = 0; i < this.supplierList.length; i++) {
|
|
||||||
const temp = {
|
|
||||||
label: this.supplierList[i].ghsqc,
|
|
||||||
value: this.supplierList[i].ghsbm,
|
|
||||||
};
|
|
||||||
testList.push(temp);
|
|
||||||
}
|
|
||||||
gysbmText.editRender.options = testList;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 获取设备分类接口
|
|
||||||
getSBLX() {
|
|
||||||
getSBLX().then((res) => {
|
|
||||||
this.typeList = res.data;
|
|
||||||
const tableRef = this.$refs.tableRef;
|
|
||||||
const sbzlText = tableRef.getColumnByField("sbzl");
|
|
||||||
const sbflText = tableRef.getColumnByField("sbfl");
|
|
||||||
const sbxlText = tableRef.getColumnByField("sbxl");
|
|
||||||
const testList = [];
|
|
||||||
for (let i = 0; i < this.typeList.length; i++) {
|
|
||||||
const temp = {
|
|
||||||
label: this.typeList[i].bmsm,
|
|
||||||
value: this.typeList[i].bm,
|
|
||||||
};
|
|
||||||
testList.push(temp);
|
|
||||||
}
|
|
||||||
sbzlText.editRender.options = testList;
|
|
||||||
sbflText.editRender.options = testList;
|
|
||||||
sbxlText.editRender.options = testList;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 获取设备状态
|
|
||||||
getZhbmAll() {
|
|
||||||
getZhbmAll().then((res) => {
|
|
||||||
const dict = window.localStorage.getItem("GZLX");
|
|
||||||
const list = JSON.parse(dict);
|
|
||||||
const tableRef = this.$refs.tableRef;
|
|
||||||
const sbztText = tableRef.getColumnByField("sbzt");
|
|
||||||
const testList = [];
|
|
||||||
for (let i = 0; i < list.length; i++) {
|
|
||||||
const temp = {
|
|
||||||
label: list[i].bmsm,
|
|
||||||
value: list[i].bm,
|
|
||||||
};
|
|
||||||
testList.push(temp);
|
|
||||||
}
|
|
||||||
sbztText.editRender.options = testList;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 全选
|
|
||||||
selectAllEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 单选
|
|
||||||
selectChangeEvent() {
|
|
||||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
|
||||||
this.checkedList = records;
|
|
||||||
},
|
|
||||||
// 操作
|
|
||||||
async toolbarButtonClickEvent(code) {
|
|
||||||
const { insertRecords, removeRecords, updateRecords } =
|
|
||||||
this.$refs.tableRef.getRecordset();
|
|
||||||
switch (code) {
|
|
||||||
case "insert":
|
|
||||||
this.$refs.tableRef.insertAt(
|
|
||||||
{
|
|
||||||
sbbhDisabled: false,
|
|
||||||
zdDisabled: false,
|
|
||||||
},
|
|
||||||
-1
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
case "delete":
|
|
||||||
if (this.checkedList.length > 0) {
|
|
||||||
this.$confirm("是否确认删除选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.$refs.tableRef.removeCheckboxRow();
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
} else {
|
|
||||||
this.$message.warning("请选择数据！");
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "save":
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
// 新增
|
|
||||||
if (insertRecords.length !== 0) {
|
|
||||||
this.$confirm("是否确认保存选中的数据?", "提示", {
|
|
||||||
confirmButtonText: "确定",
|
|
||||||
cancelButtonText: "取消",
|
|
||||||
type: "warning",
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
save(insertRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.list = this.list.concat(insertRecords);
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({
|
|
||||||
message: "保存成功！",
|
|
||||||
type: "success",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 修改
|
|
||||||
if (updateRecords.length !== 0) {
|
|
||||||
update(updateRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 删除
|
|
||||||
if (removeRecords.length !== 0) {
|
|
||||||
delete1(removeRecords).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
for (let i = 0; i < this.list.length; i++) {
|
|
||||||
if (removeRecords.indexOf(this.list[i]) !== -1) {
|
|
||||||
this.list.splice(i, 1);
|
|
||||||
i--;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const xTable = this.$refs.tableRef;
|
|
||||||
xTable.loadData(this.initList());
|
|
||||||
this.$message({ message: "保存成功！", type: "success" });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
if (removeRecords.length !== 0) {
|
|
||||||
this.$message(
|
|
||||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
const valid = this.$refs.tableRef;
|
|
||||||
if (valid) {
|
|
||||||
const errMap = await valid.validate(true);
|
|
||||||
if (errMap) {
|
|
||||||
return false;
|
|
||||||
} else {
|
|
||||||
this.$message(
|
|
||||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getHeight() {
|
|
||||||
this.height = window.innerHeight - 160;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.el-header {
|
|
||||||
margin: 0;
|
|
||||||
padding: 5px 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.el-main {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-col {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-aside {
|
|
||||||
background: #fff;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-container {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.el-row {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.el-row:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.tableStyles {
|
|
||||||
background: #0a76a4;
|
|
||||||
}
|
|
||||||
.my-dropdown {
|
|
||||||
width: 450px;
|
|
||||||
height: 250px;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
::v-deep .mytable .vxe-input {
|
|
||||||
display: flex !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in new issue