xiezuo003
2 years ago
parent
2787dfe208
commit
bc29c47007
@ -0,0 +1,12 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
// 订货清单查询
|
||||
|
||||
// 获取列表
|
||||
export function getList(data) {
|
||||
return request({
|
||||
url: "/dmDhqdp/getList",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,12 @@
|
||||
import request from "@/utils/request";
|
||||
|
||||
// 中日程计划查询
|
||||
|
||||
// 获取列表
|
||||
export function getList(data) {
|
||||
return request({
|
||||
url: "/dmZrcjh/getList",
|
||||
method: "post",
|
||||
data,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,29 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,38 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,65 @@
|
||||
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,
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,283 @@
|
||||
<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>
|
||||
@ -0,0 +1,377 @@
|
||||
<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>
|
||||
@ -0,0 +1,379 @@
|
||||
<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>
|
||||
@ -0,0 +1,299 @@
|
||||
<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>
|
||||
@ -0,0 +1,270 @@
|
||||
<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>
|
||||
@ -0,0 +1,221 @@
|
||||
<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>
|
||||
@ -0,0 +1,288 @@
|
||||
<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>
|
||||
@ -0,0 +1,309 @@
|
||||
<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>
|
||||
@ -0,0 +1,421 @@
|
||||
<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>
|
||||
@ -0,0 +1,625 @@
|
||||
<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