xiaoning
/
gjerp_ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
master
xiezuo003 2 years ago
parent 6fa1c3af24
commit 822503496c
14 changed files with 547 additions and 353 deletions
Show Stats Download Patch File Download Diff File

4
src/api/sjzx/gcrlWH.js
Unescape View File

@ -21,10 +21,10 @@ export function update(data) {
} }
// 一键生成 // 一键生成
export function generate(data) { export function generate(nf) {
return request({ return request({
url: "/emGcrl/generate", url: "/emGcrl/generate",
method: "post", method: "post",
data, params:{nf},
}); });
} }

7
src/main.js
Unescape View File

@ -5,7 +5,8 @@ import Cookies from 'js-cookie'
import 'normalize.css/normalize.css' // a modern alternative to CSS resets import 'normalize.css/normalize.css' // a modern alternative to CSS resets
import Element from 'element-ui' import Element from 'element-ui'
import './styles/element-variables.scss' // import './styles/element-variables.scss'
import 'element-ui/lib/theme-chalk/index.css'
import '@/styles/index.scss' // global css import '@/styles/index.scss' // global css
@ -24,8 +25,8 @@ import 'xe-utils'
import VXETable from 'vxe-table' import VXETable from 'vxe-table'
import 'vxe-table/lib/style.css' import 'vxe-table/lib/style.css'
import cal from './utils/calculation' import cal from './utils/calculation'
import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx' // import VXETablePluginExportXLSX from 'vxe-table-plugin-export-xlsx'
VXETable.use(VXETablePluginExportXLSX) // VXETable.use(VXETablePluginExportXLSX)
Vue.prototype.cal = cal Vue.prototype.cal = cal
Vue.use(VXETable) Vue.use(VXETable)
import print from './utils/print' //能不能单独引用 import print from './utils/print' //能不能单独引用

145
src/views/jhzx/jtsyCX.vue
Unescape View File

@ -3,23 +3,30 @@
<el-container> <el-container>
<el-header style="width: 100%"> <el-header style="width: 100%">
<el-form ref="requestForm" :model="request" label-width="60px"> <el-form ref="requestForm" :model="request" label-width="60px">
<el-row> <div class="flex-form">
<el-col :span="4"> <div class="flex-query">
<el-form-item label="计划期:"> <el-form-item label="计划期:" style="width: 350px">
<div class="date-flex">
<el-date-picker <el-date-picker
v-model="request.date" v-model="request.dateStart"
type="daterange" type="date"
format="yyyy/MM/dd" value-format="yyyy/MM/dd"
:unlink-panels="true" @change="changeDateStart"
range-separator="~" :picker-options="pickerOptionsStart"
start-placeholder=""
end-placeholder=""
> >
</el-date-picker> </el-date-picker>
<div class="center">~</div>
<el-date-picker
v-model="request.dateEnd"
type="date"
value-format="yyyy/MM/dd"
@change="changeDateEnd"
:picker-options="pickerOptionsEnd"
>
</el-date-picker>
</div>
</el-form-item> </el-form-item>
</el-col> <el-form-item label="状态:" style="width: 350px">
<el-col :span="4">
<el-form-item label="状态:">
<el-select v-model="request.Zt" placeholder="状态" clearable> <el-select v-model="request.Zt" placeholder="状态" clearable>
<el-option <el-option
v-for="item in statusOptions" v-for="item in statusOptions"
@ -30,11 +37,11 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </div>
<el-col :span="16" style="text-align: right"> <div style="width: 100%; text-align: right">
<el-button type="primary" @click="initList()">查询</el-button> <el-button type="primary" @click="initList()">查询</el-button>
</el-col> </div>
</el-row> </div>
</el-form> </el-form>
</el-header> </el-header>
<el-container style="padding-top: 10px"> <el-container style="padding-top: 10px">
@ -75,7 +82,8 @@ export default {
data() { data() {
return { return {
request: { request: {
date: "", dateStart: "",
dateEnd: "",
Zt: "", Zt: "",
}, },
list: [], list: [],
@ -169,9 +177,10 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "bz", field: "zt",
title: "备注", title: "状态",
align: "center", align: "center",
slots: { default: "Zt_default" },
filters: [ filters: [
{ {
data: { data: {
@ -189,8 +198,8 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "bzy", field: "bz",
title: "编制人", title: "备注",
align: "center", align: "center",
filters: [ filters: [
{ {
@ -209,8 +218,8 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "bzrq", field: "bzy",
title: "编制日期", title: "编制人",
align: "center", align: "center",
filters: [ filters: [
{ {
@ -229,10 +238,9 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "zt", field: "bzrq",
title: "状态", title: "编制日期",
align: "center", align: "center",
slots: { default: "Zt_default" },
filters: [ filters: [
{ {
data: { data: {
@ -260,6 +268,12 @@ export default {
label: "已审核", label: "已审核",
}, },
], ],
pickerOptionsEnd: {
disabledDate: this.disabledDateEnd,
},
pickerOptionsStart: {
disabledDate: this.disabledDateStart,
},
}; };
}, },
created() { created() {
@ -268,17 +282,42 @@ export default {
this.initList(); this.initList();
}, },
methods: { methods: {
// 获取三个月后日期
getFutureMonthDay(sourceDate, monthNum = 3) {
const d = new Date(sourceDate);
//来源
const SY = d.getFullYear();
const SM = d.getMonth();
const SD = d.getDate();
//结果
const mydate = new Date(
SY,
String(SM + monthNum).padStart(2, "0"),
String(SD).padStart(2, "0")
);
const yyyy = mydate.getFullYear();
let MM = (mydate.getMonth() + 1).toString().padStart(2, "0");
let dd = mydate.getDate().toString().padStart(2, "0");
//如果月份是2月，就进行闰年和非闰年处理，防止出现类似2月30的情况
if (MM == 2 && dd > 28) {
if (yyyy % 100 == 0 && yyyy % 400 == 0) {
dd = 29;
} else if (yyyy % 100 != 0 && yyyy % 4 == 0) {
dd = 29;
} else {
dd = 28;
}
}
return `${yyyy}/${MM}/${dd}`;
},
// 获取列表接口 // 获取列表接口
initList() { initList() {
let params = { let params = {
Zt: this.request.Zt, Zt: this.request.Zt,
jhrq: "", jhrq: "",
}; };
if (this.request.date && this.request.date.length > 0) { if (this.request.dateStart && this.request.dateEnd) {
params.jhrq = params.jhrq = this.request.dateStart + "~" + this.request.dateEnd;
this.request.date[0].toLocaleDateString() +
"~" +
this.request.date[1].toLocaleDateString();
} else { } else {
params.jhrq = ""; params.jhrq = "";
} }
@ -289,6 +328,34 @@ export default {
} }
}); });
}, },
// 选择开始日期
changeDateStart(value) {
if (value) {
this.request.dateEnd = this.getFutureMonthDay(value, 3);
}
},
changeDateEnd(value) {},
// 开始日期限制
disabledDateStart(time) {
const beginDateVal = this.request.dateEnd;
if (beginDateVal) {
return (
time.valueOf() >=
new Date(beginDateVal).valueOf() - 24 * 60 * 60 * 1000 + 1
);
}
},
// 结束日期限制
disabledDateEnd(time) {
const beginDateVal = this.request.dateStart;
if (beginDateVal) {
return (
time.valueOf() <=
new Date(beginDateVal).valueOf() - 24 * 60 * 60 * 1000 + 1
);
}
},
getHeight() { getHeight() {
this.height = window.innerHeight - 160; this.height = window.innerHeight - 160;
}, },
@ -351,4 +418,18 @@ export default {
::v-deep .el-date-editor.el-input__inner { ::v-deep .el-date-editor.el-input__inner {
width: auto !important; width: auto !important;
} }
.date-flex {
display: flex;
.center {
margin-left: 5px;
margin-right: 5px;
}
}
.flex-form {
display: flex;
.flex-query {
display: flex;
align-items: center;
}
}
</style> </style>

192
src/views/jhzx/jtsyWH.vue
Unescape View File

@ -3,23 +3,30 @@
<el-container> <el-container>
<el-header style="width: 100%"> <el-header style="width: 100%">
<el-form ref="requestForm" :model="request" label-width="60px"> <el-form ref="requestForm" :model="request" label-width="60px">
<el-row> <div class="flex-form">
<el-col :span="4"> <div class="flex-query">
<el-form-item label="计划期:"> <el-form-item label="计划期:" style="width: 350px">
<div class="date-flex">
<el-date-picker
v-model="request.dateStart"
type="date"
value-format="yyyy/MM/dd"
@change="changeDateStart"
:picker-options="pickerOptionsStart"
>
</el-date-picker>
<div class="center">~</div>
<el-date-picker <el-date-picker
v-model="request.date" v-model="request.dateEnd"
type="daterange" type="date"
format="yyyy/MM/dd" value-format="yyyy/MM/dd"
:unlink-panels="true" @change="changeDateEnd"
range-separator="~" :picker-options="pickerOptionsEnd"
start-placeholder=""
end-placeholder=""
> >
</el-date-picker> </el-date-picker>
</div>
</el-form-item> </el-form-item>
</el-col> <el-form-item label="状态:" style="width: 350px">
<el-col :span="4">
<el-form-item label="状态:">
<el-select v-model="request.Zt" placeholder="状态" clearable> <el-select v-model="request.Zt" placeholder="状态" clearable>
<el-option <el-option
v-for="item in statusOptions" v-for="item in statusOptions"
@ -30,14 +37,14 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </div>
<el-col :span="16" style="text-align: right"> <div style="width: 100%; text-align: right">
<el-button type="success" @click="toolbarButtonClickEvent('submit')" <el-button type="success" @click="toolbarButtonClickEvent('submit')"
>审核</el-button >审核</el-button
> >
<el-button type="primary" @click="initList()">查询</el-button> <el-button type="primary" @click="initList()">查询</el-button>
</el-col> </div>
</el-row> </div>
<el-row> <el-row>
<el-col :span="24" style="text-align: right"> <el-col :span="24" style="text-align: right">
<div class="upload-demo"> <div class="upload-demo">
@ -98,7 +105,8 @@ export default {
data() { data() {
return { return {
request: { request: {
date: "", dateStart: "",
dateEnd: "",
Zt: "", Zt: "",
}, },
list: [], list: [],
@ -113,49 +121,10 @@ export default {
fixed: "left", fixed: "left",
}, },
{ {
field: "dcCh", field: "zt",
title: "船号", title: "状态",
align: "center",
filters: [
{
data: {
checks: [],
sVal: "",
sMenu: "",
fType1: "",
fVal1: "",
fMode: "and",
fType2: "",
fVal2: "",
},
},
],
filterRender: { name: "FilterCombination" },
},
{
field: "dcPl",
title: "批量",
align: "center",
filters: [
{
data: {
checks: [],
sVal: "",
sMenu: "",
fType1: "",
fVal1: "",
fMode: "and",
fType2: "",
fVal2: "",
},
},
],
filterRender: { name: "FilterCombination" },
},
{
field: "dcFd",
title: "分段",
align: "center", align: "center",
slots: { default: "Zt_default" },
filters: [ filters: [
{ {
data: { data: {
@ -173,8 +142,8 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "jhrq", field: "dcCh",
title: "计划期", title: "船号",
align: "center", align: "center",
filters: [ filters: [
{ {
@ -193,8 +162,8 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "bz", field: "dcPl",
title: "备注", title: "批量",
align: "center", align: "center",
filters: [ filters: [
{ {
@ -213,8 +182,8 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "bzy", field: "dcFd",
title: "编制人", title: "分段",
align: "center", align: "center",
filters: [ filters: [
{ {
@ -233,8 +202,8 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "bzrq", field: "jhrq",
title: "编制日期", title: "计划期",
align: "center", align: "center",
filters: [ filters: [
{ {
@ -253,10 +222,9 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "zt", field: "bz",
title: "状态", title: "备注",
align: "center", align: "center",
slots: { default: "Zt_default" },
filters: [ filters: [
{ {
data: { data: {
@ -284,6 +252,12 @@ export default {
label: "已审核", label: "已审核",
}, },
], ],
pickerOptionsEnd: {
disabledDate: this.disabledDateEnd,
},
pickerOptionsStart: {
disabledDate: this.disabledDateStart,
},
fileList: [], //导入 fileList: [], //导入
checkedList: [], checkedList: [],
}; };
@ -294,17 +268,42 @@ export default {
this.initList(); this.initList();
}, },
methods: { methods: {
// 获取三个月后日期
getFutureMonthDay(sourceDate, monthNum = 3) {
const d = new Date(sourceDate);
//来源
const SY = d.getFullYear();
const SM = d.getMonth();
const SD = d.getDate();
//结果
const mydate = new Date(
SY,
String(SM + monthNum).padStart(2, "0"),
String(SD).padStart(2, "0")
);
const yyyy = mydate.getFullYear();
let MM = (mydate.getMonth() + 1).toString().padStart(2, "0");
let dd = mydate.getDate().toString().padStart(2, "0");
//如果月份是2月，就进行闰年和非闰年处理，防止出现类似2月30的情况
if (MM == 2 && dd > 28) {
if (yyyy % 100 == 0 && yyyy % 400 == 0) {
dd = 29;
} else if (yyyy % 100 != 0 && yyyy % 4 == 0) {
dd = 29;
} else {
dd = 28;
}
}
return `${yyyy}/${MM}/${dd}`;
},
// 获取列表接口 // 获取列表接口
initList() { initList() {
let params = { let params = {
Zt: this.request.Zt, Zt: this.request.Zt,
jhrq: "", jhrq: "",
}; };
if (this.request.date && this.request.date.length > 0) { if (this.request.dateStart && this.request.dateEnd) {
params.jhrq = params.jhrq = this.request.dateStart + "~" + this.request.dateEnd;
this.request.date[0].toLocaleDateString() +
"~" +
this.request.date[1].toLocaleDateString();
} else { } else {
params.jhrq = ""; params.jhrq = "";
} }
@ -315,6 +314,33 @@ export default {
} }
}); });
}, },
// 选择开始日期
changeDateStart(value) {
if (value) {
this.request.dateEnd = this.getFutureMonthDay(value, 3);
}
},
changeDateEnd(value) {},
// 开始日期限制
disabledDateStart(time) {
const beginDateVal = this.request.dateEnd;
if (beginDateVal) {
return (
time.valueOf() >=
new Date(beginDateVal).valueOf() - 24 * 60 * 60 * 1000 + 1
);
}
},
// 结束日期限制
disabledDateEnd(time) {
const beginDateVal = this.request.dateStart;
if (beginDateVal) {
return (
time.valueOf() <=
new Date(beginDateVal).valueOf() - 24 * 60 * 60 * 1000 + 1
);
}
},
// 上传excel // 上传excel
actionUpload(file) { actionUpload(file) {
const formData = new FormData(); const formData = new FormData();
@ -448,4 +474,18 @@ export default {
::v-deep .el-date-editor.el-input__inner { ::v-deep .el-date-editor.el-input__inner {
width: auto !important; width: auto !important;
} }
.date-flex {
display: flex;
.center {
margin-left: 5px;
margin-right: 5px;
}
}
.flex-form {
display: flex;
.flex-query {
display: flex;
align-items: center;
}
}
</style> </style>

55
src/views/jhzx/xbjhCX.vue
Unescape View File

@ -31,7 +31,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="年份:"> <el-form-item label="年份:" style="width: 260px;">
<div style="display: flex"> <div style="display: flex">
<el-date-picker <el-date-picker
v-model="nrStart" v-model="nrStart"
@ -109,7 +109,7 @@
import { getList, tj, save, upload } from "@/api/jhzx/xbjhWH"; import { getList, tj, save, upload } from "@/api/jhzx/xbjhWH";
import { getCzxx } from "@/api/jhzx/qfxq"; import { getCzxx } from "@/api/jhzx/qfxq";
export default { export default {
name: "xbjhWH", name: "xbjhCX",
data() { data() {
return { return {
request: { request: {
@ -151,8 +151,24 @@ export default {
this.getHeight(); this.getHeight();
}, },
methods: { methods: {
// 排序
compare(property) {
return function (object1, object2) {
let value1 = object1[property];
let value2 = object2[property];
// 升序
return value1 - value2;
};
},
// 格式转换 // 格式转换
getTableList(data) { getTableList(data) {
Object.keys(data).forEach((item, index) => {
data[item].sort(this.compare("nf"));
data[item].sort(this.compare("yf"));
data[item].forEach((em) => {
em.zl = em.zl ? em.zl : null;
});
});
this.tableData = data; this.tableData = data;
this.leftColumn = []; //左侧列数据 this.leftColumn = []; //左侧列数据
this.topColumn = []; //顶部列数据 this.topColumn = []; //顶部列数据
@ -227,8 +243,11 @@ export default {
objeckList[i][ objeckList[i][
"cl" + this.tableData[i][v].nf + this.tableData[i][v].yf "cl" + this.tableData[i][v].nf + this.tableData[i][v].yf
] = this.tableData[i][v].zl; ] = this.tableData[i][v].zl;
objeckList[i]["cltotal" + this.tableData[i][v].nf] = objeckList[i]["cltotal" + this.tableData[i][v].nf] = sumArr[i][
sumArr[i][this.tableData[i][v].nf]; this.tableData[i][v].nf
]
? sumArr[i][this.tableData[i][v].nf]
: "";
} }
} }
this.arrList = Object.values(objeckList); //data数据 this.arrList = Object.values(objeckList); //data数据
@ -329,7 +348,7 @@ export default {
if ($rowIndex == 0) { if ($rowIndex == 0) {
return "row-gre-header"; return "row-gre-header";
} else { } else {
if (column.field === "total1" || column.field === "total2") { if (column.field.indexOf("cltotal") > -1) {
return "row-gre-total-header"; return "row-gre-total-header";
} else { } else {
return "row-gre-header"; return "row-gre-header";
@ -338,11 +357,15 @@ export default {
}, },
// 指定列css // 指定列css
cellClassName({ column }) { cellClassName({ column }) {
if (column.field === "total1" || column.field === "total2") { if (column.field) {
if (column.field.indexOf("cltotal") > -1) {
return "col-gre-total-col"; return "col-gre-total-col";
} else { } else {
return "col-gre-col"; return "col-gre-col";
} }
} else {
return "col-gre-col";
}
}, },
// 尾部合计css // 尾部合计css
footerCellClassName({ $rowIndex }) { footerCellClassName({ $rowIndex }) {
@ -406,7 +429,7 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped lang="scss">
.first-col { .first-col {
position: relative; position: relative;
height: 20px; height: 20px;
@ -478,23 +501,15 @@ export default {
border-bottom: 2px solid #000 !important; border-bottom: 2px solid #000 !important;
} }
/* border 颜色 */ /* border 颜色 */
::v-deep .vxe-table--render-default.border--full .vxe-body--column, ::v-deep.vxe-table--render-default.border--full .vxe-body--column{
.vxe-table--render-default.border--full .vxe-footer--column,
.vxe-table--render-default.border--full .vxe-header--column {
background-image: linear-gradient(#000, #000) !important;
}
::v-deep.vxe-table--render-default.border--full .vxe-body--column,
.vxe-table--render-default.border--full .vxe-footer--column,
.vxe-table--render-default.border--full .vxe-header--column {
background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important; background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important;
background-repeat: no-repeat !important;
background-size: 1px 100%,100% 1px !important;
background-position: 100% 0px,100% 99% !important;
} }
:v-deep.vxe-table--render-default.border--full .vxe-body--column, ::v-deep.vxe-table--render-default.border--full .vxe-footer--column{
.vxe-table--render-default.border--full .vxe-footer--column,
.vxe-table--render-default.border--full .vxe-header--column {
background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important; background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important;
} }
::v-deep.vxe-table--render-default.border--full .vxe-body--column,
::v-deep.vxe-table--render-default.border--full .vxe-footer--column,
::v-deep.vxe-table--render-default.border--full .vxe-header--column { ::v-deep.vxe-table--render-default.border--full .vxe-header--column {
background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important; background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important;
} }

63
src/views/jhzx/xbjhWH.vue
Unescape View File

@ -31,7 +31,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-form-item label="年份:"> <el-form-item label="年份:" style="width: 260px">
<div style="display: flex"> <div style="display: flex">
<el-date-picker <el-date-picker
v-model="nrStart" v-model="nrStart"
@ -173,8 +173,24 @@ export default {
this.getHeight(); this.getHeight();
}, },
methods: { methods: {
// 排序
compare(property) {
return function (object1, object2) {
let value1 = object1[property];
let value2 = object2[property];
// 升序
return value1 - value2;
};
},
// 格式转换 // 格式转换
getTableList(data) { getTableList(data) {
Object.keys(data).forEach((item, index) => {
data[item].sort(this.compare("nf"));
data[item].sort(this.compare("yf"));
data[item].forEach((em) => {
em.zl = em.zl ? em.zl : null;
});
});
this.tableData = data; this.tableData = data;
this.leftColumn = []; //左侧列数据 this.leftColumn = []; //左侧列数据
this.topColumn = []; //顶部列数据 this.topColumn = []; //顶部列数据
@ -249,8 +265,11 @@ export default {
objeckList[i][ objeckList[i][
"cl" + this.tableData[i][v].nf + this.tableData[i][v].yf "cl" + this.tableData[i][v].nf + this.tableData[i][v].yf
] = this.tableData[i][v].zl; ] = this.tableData[i][v].zl;
objeckList[i]["cltotal" + this.tableData[i][v].nf] = objeckList[i]["cltotal" + this.tableData[i][v].nf] = sumArr[i][
sumArr[i][this.tableData[i][v].nf]; this.tableData[i][v].nf
]
? sumArr[i][this.tableData[i][v].nf]
: "";
} }
} }
this.arrList = Object.values(objeckList); //data数据 this.arrList = Object.values(objeckList); //data数据
@ -351,7 +370,7 @@ export default {
if ($rowIndex == 0) { if ($rowIndex == 0) {
return "row-gre-header"; return "row-gre-header";
} else { } else {
if (column.field === "total1" || column.field === "total2") { if (column.field.indexOf("cltotal") > -1) {
return "row-gre-total-header"; return "row-gre-total-header";
} else { } else {
return "row-gre-header"; return "row-gre-header";
@ -360,11 +379,15 @@ export default {
}, },
// 指定列css // 指定列css
cellClassName({ column }) { cellClassName({ column }) {
if (column.field === "total1" || column.field === "total2") { if (column.field) {
if (column.field.indexOf("cltotal") > -1) {
return "col-gre-total-col"; return "col-gre-total-col";
} else { } else {
return "col-gre-col"; return "col-gre-col";
} }
} else {
return "col-gre-col";
}
}, },
// 尾部合计css // 尾部合计css
footerCellClassName({ $rowIndex }) { footerCellClassName({ $rowIndex }) {
@ -428,7 +451,7 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped lang="scss">
.first-col { .first-col {
position: relative; position: relative;
height: 20px; height: 20px;
@ -469,27 +492,27 @@ export default {
} }
/* 尾部 */ /* 尾部 */
::v-deep.mytable-style .row-end-gre { ::v-deep.mytable-style .row-end-gre {
background-color: #9ed3a4; background-color: #9ed3a4 !important;
color: #000; color: #000;
font-weight: bold; font-weight: bold;
} }
/* 列 */ /* 列 */
::v-deep.mytable-style.vxe-table .vxe-body--column.col-gre-total-col { ::v-deep.mytable-style.vxe-table .vxe-body--column.col-gre-total-col {
background-color: #9ed3a4; background-color: #9ed3a4 !important;
color: #000; color: #000;
} }
::v-deep.mytable-style.vxe-table .vxe-body--column.col-gre-col { ::v-deep.mytable-style.vxe-table .vxe-body--column.col-gre-col {
background-color: #cce8cf; background-color: #cce8cf !important;
color: #000; color: #000;
} }
/* header */ /* header */
::v-deep.mytable-style.vxe-table .vxe-header--column.row-gre-header { ::v-deep.mytable-style.vxe-table .vxe-header--column.row-gre-header {
background-color: #cce8cf; background-color: #cce8cf !important;
color: #000; color: #000;
font-weight: bold; font-weight: bold;
} }
::v-deep.mytable-style.vxe-table .vxe-header--column.row-gre-total-header { ::v-deep.mytable-style.vxe-table .vxe-header--column.row-gre-total-header {
background-color: #9ed3a4; background-color: #9ed3a4 !important;
color: #000; color: #000;
font-weight: bold; font-weight: bold;
} }
@ -500,23 +523,15 @@ export default {
border-bottom: 2px solid #000 !important; border-bottom: 2px solid #000 !important;
} }
/* border 颜色 */ /* border 颜色 */
::v-deep .vxe-table--render-default.border--full .vxe-body--column, ::v-deep.vxe-table--render-default.border--full .vxe-body--column {
.vxe-table--render-default.border--full .vxe-footer--column, background-repeat: no-repeat !important;
.vxe-table--render-default.border--full .vxe-header--column { background-size: 1px 100%, 100% 1px !important;
background-image: linear-gradient(#000, #000) !important; background-position: 100% 0px, 100% 99% !important;
}
::v-deep.vxe-table--render-default.border--full .vxe-body--column,
.vxe-table--render-default.border--full .vxe-footer--column,
.vxe-table--render-default.border--full .vxe-header--column {
background-image: linear-gradient(#000, #000),linear-gradient( #000, #000) !important; background-image: linear-gradient(#000, #000),linear-gradient( #000, #000) !important;
} }
:v-deep.vxe-table--render-default.border--full .vxe-body--column, ::v-deep.vxe-table--render-default.border--full .vxe-footer--column {
.vxe-table--render-default.border--full .vxe-footer--column,
.vxe-table--render-default.border--full .vxe-header--column {
background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important; background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important;
} }
::v-deep.vxe-table--render-default.border--full .vxe-body--column,
::v-deep.vxe-table--render-default.border--full .vxe-footer--column,
::v-deep.vxe-table--render-default.border--full .vxe-header--column { ::v-deep.vxe-table--render-default.border--full .vxe-header--column {
background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important; background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important;
} }

52
src/views/jhzx/zrcCX.vue
Unescape View File

@ -2,9 +2,14 @@
<!-- 中日程计划查询 --> <!-- 中日程计划查询 -->
<el-container> <el-container>
<el-header style="width: 100%"> <el-header style="width: 100%">
<el-form ref="requestForm" :model="request" label-width="75px"> <el-form
<el-row> ref="requestForm"
<el-col :span="4"> :model="request"
label-width="75px"
class="flex-form"
>
<div class="flex-query">
<div style="width: 300px">
<el-form-item label="钢加开始:"> <el-form-item label="钢加开始:">
<el-date-picker <el-date-picker
v-model="request.date" v-model="request.date"
@ -17,8 +22,8 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </div>
<el-col :span="4"> <div style="width: 300px">
<el-form-item label="状态:"> <el-form-item label="状态:">
<el-select v-model="request.Zt" placeholder="状态" clearable> <el-select v-model="request.Zt" placeholder="状态" clearable>
<el-option <el-option
@ -30,11 +35,11 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </div>
<el-col :span="16" style="text-align: right"> </div>
<div>
<el-button type="primary" @click="initList()">查询</el-button> <el-button type="primary" @click="initList()">查询</el-button>
</el-col> </div>
</el-row>
</el-form> </el-form>
</el-header> </el-header>
<el-container style="padding-top: 10px"> <el-container style="padding-top: 10px">
@ -173,7 +178,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "dcFD", field: "dcFd",
title: "分段号", title: "分段号",
align: "center", align: "center",
minWidth: "80", minWidth: "80",
@ -194,7 +199,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "ZL", field: "zl",
title: "重量", title: "重量",
align: "center", align: "center",
minWidth: "70", minWidth: "70",
@ -215,7 +220,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "dcPL", field: "dcPl",
title: "批量号", title: "批量号",
align: "center", align: "center",
minWidth: "80", minWidth: "80",
@ -383,7 +388,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "LP", field: "sjcLp",
title: "时间差（L-P）", title: "时间差（L-P）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -446,7 +451,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "RS", field: "sjcRs",
title: "时间差（R-S）", title: "时间差（R-S）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -509,7 +514,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "UV", field: "sjcUv",
title: "时间差（U-V）", title: "时间差（U-V）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -788,10 +793,13 @@ export default {
initList() { initList() {
let params = { let params = {
Zt: this.request.Zt, Zt: this.request.Zt,
gjks:"" gjks: "",
} };
if (this.request.date && this.request.date.length > 0) { if (this.request.date && this.request.date.length > 0) {
params.gjks = this.request.date[0].toLocaleDateString()+"~"+this.request.date[1].toLocaleDateString(); params.gjks =
this.request.date[0].toLocaleDateString() +
"~" +
this.request.date[1].toLocaleDateString();
} else { } else {
params.gjks = ""; params.gjks = "";
} }
@ -857,4 +865,12 @@ export default {
::v-deep .el-date-editor.el-input__inner { ::v-deep .el-date-editor.el-input__inner {
width: auto !important; width: auto !important;
} }
.flex-form {
display: flex;
justify-content: space-between;
align-items: center;
.flex-query {
display: flex;
}
}
</style> </style>

48
src/views/jhzx/zrcSH.vue
Unescape View File

@ -3,9 +3,10 @@
<el-container> <el-container>
<el-header style="width: 100%"> <el-header style="width: 100%">
<el-form ref="requestForm" :model="request" label-width="75px"> <el-form ref="requestForm" :model="request" label-width="75px">
<el-row> <div class="flex-form">
<el-col :span="4"> <div class="flex-query">
<el-form-item label="钢加开始:"> <div>
<el-form-item label="钢加开始:" style="width: 300px">
<el-date-picker <el-date-picker
v-model="request.date" v-model="request.date"
type="daterange" type="daterange"
@ -17,9 +18,9 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </div>
<el-col :span="4"> <div>
<el-form-item label="状态:"> <el-form-item label="状态:" style="width: 300px">
<el-select <el-select
v-model="request.Zt" v-model="request.Zt"
placeholder="状态" placeholder="状态"
@ -35,11 +36,12 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </div>
<el-col :span="16" style="text-align: right"> <div class="button">
<el-button type="primary" @click="initList()">查询</el-button> <el-button type="primary" @click="initList()">查询</el-button>
</el-col> </div>
</el-row> </div>
</div>
<el-row> <el-row>
<el-col :span="24" style="text-align: right"> <el-col :span="24" style="text-align: right">
<el-button type="primary" @click="toolbarButtonClickEvent('back')" <el-button type="primary" @click="toolbarButtonClickEvent('back')"
@ -89,7 +91,7 @@
</template> </template>
<script> <script>
import { getList, tj, sh } from "@/api/jhzx/zrcWH"; import { getList, tj, sh } from "@/api/jhzx/zrcSH";
import { param } from "@/utils"; import { param } from "@/utils";
export default { export default {
name: "zrcSH", name: "zrcSH",
@ -195,7 +197,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "dcFD", field: "dcFd",
title: "分段号", title: "分段号",
align: "center", align: "center",
minWidth: "80", minWidth: "80",
@ -216,7 +218,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "ZL", field: "zl",
title: "重量", title: "重量",
align: "center", align: "center",
minWidth: "70", minWidth: "70",
@ -237,7 +239,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "dcPL", field: "dcPl",
title: "批量号", title: "批量号",
align: "center", align: "center",
minWidth: "80", minWidth: "80",
@ -405,7 +407,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "LP", field: "sjcLp",
title: "时间差（L-P）", title: "时间差（L-P）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -468,7 +470,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "RS", field: "sjcRs",
title: "时间差（R-S）", title: "时间差（R-S）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -531,7 +533,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "UV", field: "sjcUv",
title: "时间差（U-V）", title: "时间差（U-V）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -951,4 +953,16 @@ export default {
::v-deep .el-date-editor.el-input__inner { ::v-deep .el-date-editor.el-input__inner {
width: auto !important; width: auto !important;
} }
.flex-form {
// display: flex;
// justify-content: space-between;
// align-items: center;
.flex-query {
display: flex;
}
.button {
width: 100%;
text-align: right;
}
}
</style> </style>

47
src/views/jhzx/zrcWH.vue
Unescape View File

@ -3,9 +3,10 @@
<el-container> <el-container>
<el-header style="width: 100%"> <el-header style="width: 100%">
<el-form ref="requestForm" :model="request" label-width="75px"> <el-form ref="requestForm" :model="request" label-width="75px">
<el-row> <div class="flex-form" style="width: 100%">
<el-col :span="4"> <div class="flex-query">
<el-form-item label="钢加开始:"> <div>
<el-form-item label="钢加开始:" style="width: 300px">
<el-date-picker <el-date-picker
v-model="request.date" v-model="request.date"
type="daterange" type="daterange"
@ -17,9 +18,9 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </div>
<el-col :span="4"> <div>
<el-form-item label="状态:"> <el-form-item label="状态:" style="width: 300px">
<el-select <el-select
v-model="request.Zt" v-model="request.Zt"
placeholder="状态" placeholder="状态"
@ -35,14 +36,17 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </div>
<el-col :span="16" style="text-align: right"> <div style="width: 100%; text-align: right">
<el-button type="success" @click="toolbarButtonClickEvent('submit')" <el-button
type="success"
@click="toolbarButtonClickEvent('submit')"
>提交</el-button >提交</el-button
> >
<el-button type="primary" @click="initList()">查询</el-button> <el-button type="primary" @click="initList()">查询</el-button>
</el-col> </div>
</el-row> </div>
</div>
<el-row> <el-row>
<el-col :span="24" style="text-align: right"> <el-col :span="24" style="text-align: right">
<div class="upload-demo"> <div class="upload-demo">
@ -202,7 +206,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "dcFD", field: "dcFd",
title: "分段号", title: "分段号",
align: "center", align: "center",
minWidth: "80", minWidth: "80",
@ -223,7 +227,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "ZL", field: "zl",
title: "重量", title: "重量",
align: "center", align: "center",
minWidth: "70", minWidth: "70",
@ -244,7 +248,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "dcPL", field: "dcPl",
title: "批量号", title: "批量号",
align: "center", align: "center",
minWidth: "80", minWidth: "80",
@ -412,7 +416,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "LP", field: "sjcLp",
title: "时间差（L-P）", title: "时间差（L-P）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -475,7 +479,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "RS", field: "sjcRs",
title: "时间差（R-S）", title: "时间差（R-S）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -538,7 +542,7 @@ export default {
filterRender: { name: "FilterCombination" }, filterRender: { name: "FilterCombination" },
}, },
{ {
field: "UV", field: "sjcUv",
title: "时间差（U-V）", title: "时间差（U-V）",
align: "center", align: "center",
minWidth: "120", minWidth: "120",
@ -969,4 +973,13 @@ export default {
::v-deep .el-date-editor.el-input__inner { ::v-deep .el-date-editor.el-input__inner {
width: auto !important; width: auto !important;
} }
.flex-form {
// width: 100%;
// display: flex;
// justify-content: space-between;
// align-items: center;
.flex-query {
display: flex;
}
}
</style> </style>

5
src/views/sjzx/gcrlWH.vue
Unescape View File

@ -137,6 +137,9 @@ export default {
created() { created() {
window.addEventListener("resize", this.getHeight); window.addEventListener("resize", this.getHeight);
this.getHeight(); this.getHeight();
var date=new Date;
var year=date.getFullYear();
this.request.nf = year;
this.typeList(); this.typeList();
this.initList(); this.initList();
}, },
@ -159,7 +162,7 @@ export default {
const { updateRecords } = this.$refs.tableRef.getRecordset(); const { updateRecords } = this.$refs.tableRef.getRecordset();
switch (code) { switch (code) {
case "generate": case "generate":
generate().then((res) => { generate(this.request.nf).then((res) => {
if (res.success) { if (res.success) {
const xTable = this.$refs.tableRef; const xTable = this.$refs.tableRef;
xTable.loadData(this.initList()); xTable.loadData(this.initList());

4
src/views/sjzx/sbryWH.vue
Unescape View File

@ -193,7 +193,7 @@ export default {
editRender: { editRender: {
name: "$select", name: "$select",
options: [], options: [],
props: { clearable: true }, props: { clearable: true }
}, },
filters: [ filters: [
{ {
@ -274,7 +274,7 @@ export default {
for (let i = 0; i < this.personnelInfoList.length; i++) { for (let i = 0; i < this.personnelInfoList.length; i++) {
const temp = { const temp = {
label: this.personnelInfoList[i].rymc, label: this.personnelInfoList[i].rymc,
value: this.personnelInfoList[i].jgflm, value: this.personnelInfoList[i].rymc,
}; };
testList.push(temp); testList.push(temp);
} }

14
src/views/sjzx/sbwxjhWH.vue
Unescape View File

@ -4,7 +4,6 @@
<el-header style="width: 100%"> <el-header style="width: 100%">
<el-form ref="requestForm" :model="request" label-width="100px"> <el-form ref="requestForm" :model="request" label-width="100px">
<el-row> <el-row>
<el-col :span="20">
<el-col :span="4"> <el-col :span="4">
<el-form-item label="设备编号:"> <el-form-item label="设备编号:">
<el-input <el-input
@ -30,8 +29,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-col> <el-col :span="16" style="text-align: right">
<el-col :span="4" style="text-align: right">
<el-button type="success" @click="toolbarButtonClickEvent('insert')" <el-button type="success" @click="toolbarButtonClickEvent('insert')"
>添加</el-button >添加</el-button
> >
@ -39,7 +37,6 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="20">
<el-col :span="4"> <el-col :span="4">
<el-form-item label="计划开始时间:"> <el-form-item label="计划开始时间:">
<el-date-picker <el-date-picker
@ -61,8 +58,7 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-col> <el-col :span="16" style="text-align: right">
<el-col :span="4" style="text-align: right">
<el-button type="danger" @click="toolbarButtonClickEvent('delete')" <el-button type="danger" @click="toolbarButtonClickEvent('delete')"
>删除</el-button >删除</el-button
> >
@ -237,7 +233,7 @@ export default {
options: [], options: [],
props: { props: {
clearable: true, clearable: true,
} },
}, },
slots: { edit: "sbmc_edit" }, slots: { edit: "sbmc_edit" },
filters: [ filters: [
@ -260,7 +256,7 @@ export default {
field: "sbbh", field: "sbbh",
title: "设备编号", title: "设备编号",
align: "center", align: "center",
minWidth: "120", minWidth: "130",
editRender: { name: "input" }, editRender: { name: "input" },
slots: { edit: "sbbh_edit" }, slots: { edit: "sbbh_edit" },
filters: [ filters: [
@ -472,7 +468,7 @@ export default {
departmentOptions: [], departmentOptions: [],
options: [], options: [],
sbmcOptions: [], sbmcOptions: [],
checkedList: [] checkedList: [],
}; };
}, },
created() { created() {

20
src/views/sjzx/tzjhGL.vue
Unescape View File

@ -4,7 +4,7 @@
<el-header style="width: 100%"> <el-header style="width: 100%">
<el-form ref="requestForm" :model="request" label-width="45px"> <el-form ref="requestForm" :model="request" label-width="45px">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="4">
<el-form-item label="船号:"> <el-form-item label="船号:">
<el-select v-model="request.dcCh" placeholder="船号" clearable> <el-select v-model="request.dcCh" placeholder="船号" clearable>
<el-option <el-option
@ -17,7 +17,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="4">
<el-form-item label="批量:"> <el-form-item label="批量:">
<el-input <el-input
v-model="request.dcPl" v-model="request.dcPl"
@ -27,9 +27,14 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="16" style="text-align: right">
<el-button type="primary" @click="initList()">查询</el-button>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<el-form-item label="状态:"> <el-form-item label="状态:">
<el-select v-model="request.zt" placeholder="状态" clearable> <el-select v-model="request.Zt" placeholder="状态" clearable>
<el-option <el-option
v-for="item in statusOptions" v-for="item in statusOptions"
:key="item.value" :key="item.value"
@ -40,12 +45,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" style="text-align: right"> <el-col :span="20" style="text-align: right">
<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="success" @click="toolbarButtonClickEvent('insert')" <el-button type="success" @click="toolbarButtonClickEvent('insert')"
>提交</el-button >提交</el-button
> >

20
src/views/sjzx/tzjhSH.vue
Unescape View File

@ -4,7 +4,7 @@
<el-header style="width: 100%"> <el-header style="width: 100%">
<el-form ref="requestForm" :model="request" label-width="45px"> <el-form ref="requestForm" :model="request" label-width="45px">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="4">
<el-form-item label="船号:"> <el-form-item label="船号:">
<el-select v-model="request.dcCh" placeholder="船号" clearable> <el-select v-model="request.dcCh" placeholder="船号" clearable>
<el-option <el-option
@ -17,7 +17,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="4">
<el-form-item label="批量:"> <el-form-item label="批量:">
<el-input <el-input
v-model="request.dcPl" v-model="request.dcPl"
@ -27,9 +27,14 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="16" style="text-align: right">
<el-button type="primary" @click="initList()">查询</el-button>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<el-form-item label="状态:"> <el-form-item label="状态:">
<el-select v-model="request.zt" placeholder="状态" clearable> <el-select v-model="request.Zt" placeholder="状态" clearable>
<el-option <el-option
v-for="item in statusOptions" v-for="item in statusOptions"
:key="item.value" :key="item.value"
@ -40,12 +45,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" style="text-align: right"> <el-col :span="20" style="text-align: right">
<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="success" @click="toolbarButtonClickEvent('insert')" <el-button type="success" @click="toolbarButtonClickEvent('insert')"
>审核</el-button >审核</el-button
> >

Write Preview
Loading…
Cancel
Save