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

改登录背景

Browse Source
master
xiaoning 2 years ago
parent 0b14534d7c
commit 8a7108767a
9 changed files with 1410 additions and 9 deletions
Show Stats Download Patch File Download Diff File

BIN
src/assets/bjt1.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 218 KiB

BIN
src/assets/bjt2.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

270
src/views/jhzx/tzxqCX.vue
Unescape View File

@ -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: "TzxqCX",
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>

309
src/views/jhzxgl/dhqdD.vue
Unescape View File

@ -0,0 +1,309 @@
<template>
<!-- 物资需求计划 无用-->
<el-container>
<el-header style="width: 100%; height: 80px;font-size: 12px">
<el-form :inline="true" label-width="65px" label-position="left">
<el-row>
<el-col :span="22">
<el-form-item label="船号:">
<el-select v-model="queryParam.dcCh" filterable placeholder="工程编号" @change="czbhChange" >
<el-option
v-for="item in dictData.cbbm"
:key="item.cbbm"
:label="item.cbbm"
:value="item.cbbm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="批量:">
<el-input v-model="queryParam.dcPl" type="search" placeholder="批量" ></el-input>
</el-form-item>
</el-col>
<el-col :span="2">
<el-form-item style="float: right" >
<el-button type="success" @click="initList">查询</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<!-- <el-form-item label="状态:">-->
<!-- <el-select v-model="queryParam.zt" filterable placeholder="状态" @change="czbhChange" >-->
<!-- <el-option-->
<!-- v-for="item in zt"-->
<!-- :key="item.bm"-->
<!-- :label="item.bmsm"-->
<!-- :value="item.bm">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</el-col>
</el-row>
</el-form>
</el-header>
<el-container style="padding-top: 0px">
<el-container>
<el-main>
<div class="mytable">
<vxe-grid
id="id"
ref="xGrid"
border
resizable
keep-source
:align="'center'"
:height="height"
:auto-resize="true"
:columns="tableColumn"
highlight-current-row
:data="list"
:custom-config="{ storage: true }"
highlight-hover-row
show-overflow
show-header-overflow
>
</vxe-grid>
</div>
</el-main>
</el-container>
</el-container>
</el-container>
</template>
<script>
import {
getList,
getCzxx
} from '@/api/jhzx/qfxq'
import { mapGetters } from 'vuex'
import XEUtils from 'xe-utils'
import {null2str} from "@/utils/rpkj";
import { getToken } from '@/utils/auth'
import { startLoading, endLoading } from '@/utils'
import { Message } from 'element-ui'
export default {
name:'DhqdD',
data() {
return {
queryParam: {
dcCh:'',
dcPl:'',
zt:''
},
list: [],
filedis:true,
uploadData:{
},
heads: { token: getToken() },
uploadAction: process.env.VUE_APP_BASE_API + '/dmQfxq/upload',
dictData:{
cbbm:[]
},
zt:[],
height: '500px',
tableColumn: [
{ type: 'seq', width: 60, title: '序号' },
{ field: '', title: '船号', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '订货清单号', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '期次', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '需求日期', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '实际到货日期', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '物料号', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '材质MATERIAL', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '厚度THICK.mm', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '宽度WIDTHmm', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '长度LENGTHmm', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '重量吨/张WEIGHTTON/PIECE', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '设计数量张DESIGNPIECE', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '裕量张MARGINPIECE', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '总数量张TOTALPIECE', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '总重量吨TOTALTON ', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '利库数量张STOREPIECE', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '利库重量吨STORETON', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '实订数量张ORDERPIECE', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '实订重量吨ORDERTON', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '备注NOTE', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
]
}
},
computed: {
...mapGetters(['name', 'bmbm'])
},
created() {
window.addEventListener('resize', this.getHeight)
this.getHeight()
this.initBase()
},
methods: {
initBase(){
getCzxx({}).then(res=>{
this.dictData.cbbm = res.data
})
const dict=window.localStorage.getItem('ZTLX');
this.zt=JSON.parse(dict)
},
initList() {
if (this.queryParam.dcCh === '') {
this.$message.warning('选择船只编号')
return
}
getList(this.queryParam).then((res) => {
this.list = res.data
if (this.$refs.xGrid) {
this.$refs.xGrid.loadData(this.list)
}
})
},
czbhChange(){
if (this.queryParam.dcCh === '') {
this.filedis=true
}else{
this.filedis=false
}
},
selectChange(row) {
// this.$refs.xGrid.clearActived() // 清除单元格激活状态
this.$refs.xGrid.clearEdit() // 清除单元格激活状态
// this.$refs.xGrid.setEditCell(row.row, row.column.property) // 设置单元格为激活状态
null2str(row.row)
},
formatDate ({ cellValue }) {
return XEUtils.toDateString(cellValue, 'yyyy/MM/dd')
},
getHeight() {
this.height = window.innerHeight - 190
},
}
}
</script>
<style lang="scss" scoped >
.el-header{margin:0;padding: 5px;height:auto;
.el-input{
width: 140px;
}
.el-select{
width: 140px;
}
}
.el-container{padding: 0;margin:0;}
.el-main{padding: 0;}
.el-col{padding: 0;height: 32px;}
.el-aside{background: #fff;padding: 0}
.el-container{padding: 0}
.el-row {}
.el-row:last-child {margin-bottom: 0; }
.tableStyles{
background: #0a76a4;
}
.my-dropdown {
width: 400px;
height: 400px;
background-color: #fff;
border: 1px solid #dcdfe6;
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
font-size: 12px;
}
.mytable1{
}
.borderClass{
}
.vxe-input {
display: inline-block !important;
position: relative !important;
width: auto;
}
.el-input {
display: inline-block !important;
position: relative !important;
width: auto;
}
.keyword-lighten {
color: #000;
background-color: #FFFF00;
}
.vxe-textarea--inner {
line-height: inherit;
}
.el-form-item__label-wrap {
margin-left: 0px !important;
float: left;
}
.fontClass{
font-size: 12px;
font-weight: bold;
}
</style>

280
src/views/jhzxgl/tzjhD.vue
Unescape View File

@ -0,0 +1,280 @@
<template>
<el-container>
<el-header style="width: 100%; height: 80px;font-size: 12px">
<el-form :inline="true" label-width="65px" label-position="left">
<el-row>
<el-col :span="22">
<el-form-item label="船号:">
<el-select v-model="queryParam.dcCh" filterable placeholder="工程编号" @change="czbhChange" >
<el-option
v-for="item in dictData.cbbm"
:key="item.cbbm"
:label="item.cbbm"
:value="item.cbbm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="批量:">
<el-input v-model="queryParam.dcPl" type="search" placeholder="批量" ></el-input>
</el-form-item>
</el-col>
<el-col :span="2">
<el-form-item style="float: right" >
<el-button type="success" @click="initList">查询</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<!-- <el-form-item label="状态:">-->
<!-- <el-select v-model="queryParam.zt" filterable placeholder="状态" @change="czbhChange" >-->
<!-- <el-option-->
<!-- v-for="item in zt"-->
<!-- :key="item.bm"-->
<!-- :label="item.bmsm"-->
<!-- :value="item.bm">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
</el-col>
</el-row>
</el-form>
</el-header>
<el-container style="padding-top: 0px">
<el-container>
<el-main>
<div class="mytable">
<vxe-grid
id="id"
ref="xGrid"
border
resizable
keep-source
:align="'center'"
:height="height"
:auto-resize="true"
:columns="tableColumn"
highlight-current-row
:data="list"
:custom-config="{ storage: true }"
highlight-hover-row
show-overflow
show-header-overflow
>
</vxe-grid>
</div>
</el-main>
</el-container>
</el-container>
</el-container>
</template>
<script>
import {
getList,
getCzxx
} from '@/api/jhzx/qfxq'
import { mapGetters } from 'vuex'
import XEUtils from 'xe-utils'
import {null2str} from "@/utils/rpkj";
import { getToken } from '@/utils/auth'
import { startLoading, endLoading } from '@/utils'
import { Message } from 'element-ui'
export default {
name:'TzjhD',
data() {
return {
queryParam: {
dcCh:'',
dcPl:'',
zt:''
},
list: [],
filedis:true,
uploadData:{
},
heads: { token: getToken() },
uploadAction: process.env.VUE_APP_BASE_API + '/dmQfxq/upload',
dictData:{
cbbm:[]
},
zt:[],
height: '500px',
tableColumn: [
{ type: 'seq', width: 60, title: '序号' },
{ field: '', title: '船名', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '批量', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '图名', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '科室', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '套料图下发', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '套料图生产需求期', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '套料图接收', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '板材领取表下发', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '板材领取表生产需求期', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '板材领取表接收', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '零件配套表下发', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '零件配套表生产需求期', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
{ field: '', title: '零件配套表接收', width: 120, editRender: { name: 'input' },
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
filterRender: { name: 'FilterCombination', },
},
]
}
},
computed: {
...mapGetters(['name', 'bmbm'])
},
created() {
window.addEventListener('resize', this.getHeight)
this.getHeight()
this.initBase()
},
methods: {
initBase(){
getCzxx({}).then(res=>{
this.dictData.cbbm = res.data
})
const dict=window.localStorage.getItem('ZTLX');
this.zt=JSON.parse(dict)
},
initList() {
if (this.queryParam.dcCh === '') {
this.$message.warning('选择船只编号')
return
}
getList(this.queryParam).then((res) => {
this.list = res.data
if (this.$refs.xGrid) {
this.$refs.xGrid.loadData(this.list)
}
})
},
czbhChange(){
if (this.queryParam.dcCh === '') {
this.filedis=true
}else{
this.filedis=false
}
},
selectChange(row) {
// this.$refs.xGrid.clearActived() // 清除单元格激活状态
this.$refs.xGrid.clearEdit() // 清除单元格激活状态
// this.$refs.xGrid.setEditCell(row.row, row.column.property) // 设置单元格为激活状态
null2str(row.row)
},
formatDate ({ cellValue }) {
return XEUtils.toDateString(cellValue, 'yyyy/MM/dd')
},
getHeight() {
this.height = window.innerHeight - 190
},
}
}
</script>
<style lang="scss" scoped >
.el-header{margin:0;padding: 5px;height:auto;
.el-input{
width: 140px;
}
.el-select{
width: 140px;
}
}
.el-container{padding: 0;margin:0;}
.el-main{padding: 0;}
.el-col{padding: 0;height: 32px;}
.el-aside{background: #fff;padding: 0}
.el-container{padding: 0}
.el-row {}
.el-row:last-child {margin-bottom: 0; }
.tableStyles{
background: #0a76a4;
}
.my-dropdown {
width: 400px;
height: 400px;
background-color: #fff;
border: 1px solid #dcdfe6;
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
font-size: 12px;
}
.mytable1{
}
.borderClass{
}
.vxe-input {
display: inline-block !important;
position: relative !important;
width: auto;
}
.el-input {
display: inline-block !important;
position: relative !important;
width: auto;
}
.keyword-lighten {
color: #000;
background-color: #FFFF00;
}
.vxe-textarea--inner {
line-height: inherit;
}
.el-form-item__label-wrap {
margin-left: 0px !important;
float: left;
}
.fontClass{
font-size: 12px;
font-weight: bold;
}
</style>

12
src/views/login/index.vue
Unescape View File

@ -1,7 +1,7 @@
<template>
<div class="login-container">
<div style="height: 18%"></div>
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left" >
@ -118,7 +118,7 @@
cgdlList:[],
cgdlm:"",
loginForm: {
username: 'ADMIN1',
username: 'UserAdmin',
password: '',
zxtbm: '',
zxtmc: '',
@ -342,14 +342,15 @@
.login-form {
position: relative;
width: 520px;
max-width: 100%;
padding: 160px 35px 0;
padding: 40px 35px 0;
line-height: 100%;
margin: 0 auto;
overflow: hidden;
background: #00000050;
}
.tips {
@ -377,7 +378,8 @@
.title {
font-size: 32px;
color: $light_gray;
//color: $light_gray;
color:white;
margin: 0px auto 40px auto;
text-align: center;
font-weight: 400;

8
src/views/jhzx/tzCX.vue → src/views/sjzx/tzCX.vue
Unescape View File

@ -1,5 +1,5 @@
<template>
<!-- 图纸查询 -->
<!-- 图纸查询 （样式）-->
<el-container>
<el-header style="width: 100%">
<el-row>
@ -35,9 +35,9 @@
</el-col>
</el-col>
<el-col :span="6" style="text-align: right">
<el-button type="success" @click="toolbarButtonClickEvent('insert')"
>审核</el-button
>
<!-- <el-button type="success" @click="toolbarButtonClickEvent('insert')"-->
<!-- >审核</el-button-->
<!-- >-->
</el-col>
</el-row>
</el-header>

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

@ -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: "TzjhGL",
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>

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

@ -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: "TzjhSH",
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>
Write Preview
Loading…
Cancel
Save