|
|
@@ -1,19 +1,31 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<basic-container v-show="isShow">
|
|
|
- <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" :search.sync="query"
|
|
|
- v-model="form" id="out-table" :header-cell-class-name="headerClassName" ref="crud" @row-del="rowDel"
|
|
|
- @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
|
|
|
- @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange"
|
|
|
+ <avue-crud
|
|
|
+ :option="option"
|
|
|
+ :table-loading="loading"
|
|
|
+ :data="data"
|
|
|
+ :page.sync="page"
|
|
|
+ :search.sync="query"
|
|
|
+ v-model="form"
|
|
|
+ id="out-table"
|
|
|
+ :header-cell-class-name="headerClassName"
|
|
|
+ ref="crud"
|
|
|
+ @row-del="rowDel"
|
|
|
+ @search-change="searchChange"
|
|
|
+ @search-reset="searchReset"
|
|
|
+ @selection-change="selectionChange"
|
|
|
+ @current-change="currentChange"
|
|
|
+ @size-change="sizeChange"
|
|
|
+ @refresh-change="refreshChange"
|
|
|
@resetColumn="resetColumn('crud', 'option', 'optionBack', 530)"
|
|
|
- @saveColumn="saveColumn('crud', 'option', 'optionBack', 530)" @on-load="onLoad">
|
|
|
+ @saveColumn="saveColumn('crud', 'option', 'optionBack', 530)"
|
|
|
+ @on-load="onLoad"
|
|
|
+ >
|
|
|
<template slot="menuLeft">
|
|
|
- <el-button type="primary" size="small" icon="el-icon-plus" @click="addButton">创建单据
|
|
|
- </el-button>
|
|
|
- <el-button type="success" size="small" :disabled="selectionList.length != 1" @click="copyButton">复制单据
|
|
|
- </el-button>
|
|
|
- <el-button type="warning" size="small" disabled @click="outExport">导 出
|
|
|
- </el-button>
|
|
|
+ <el-button type="primary" size="small" icon="el-icon-plus" @click="addButton">创建单据 </el-button>
|
|
|
+ <el-button type="success" size="small" :disabled="selectionList.length != 1" @click="copyButton">复制单据 </el-button>
|
|
|
+ <el-button type="warning" size="small" disabled @click="outExport">导 出 </el-button>
|
|
|
<el-tabs v-model="query.status" type="card" @tab-click="handleClick">
|
|
|
<el-tab-pane label="录入" name="0"></el-tab-pane>
|
|
|
<el-tab-pane label="提交" name="1"></el-tab-pane>
|
|
|
@@ -24,8 +36,9 @@
|
|
|
</template>
|
|
|
<template slot="menu" slot-scope="{ row, index }">
|
|
|
<el-button size="small" icon="el-icon-edit" type="text" @click="rowEdit(row)">编辑</el-button>
|
|
|
- <el-button size="small" icon="el-icon-delete" type="text" @click="rowDel(row, index)"
|
|
|
- :disabled="!(row.status == 0||row.status == 4)">删 除</el-button>
|
|
|
+ <el-button size="small" icon="el-icon-delete" type="text" @click="rowDel(row, index)" :disabled="!(row.status == 0 || row.status == 4)"
|
|
|
+ >删 除</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
<template slot="sysNo" slot-scope="{ row }">
|
|
|
<span style="color: #1e9fff;cursor: pointer;" @click="rowEdit(row)">{{ row.sysNo }}</span>
|
|
|
@@ -55,7 +68,7 @@ export default {
|
|
|
form: {},
|
|
|
query: {
|
|
|
type: "XGFY",
|
|
|
- status:'0',
|
|
|
+ status: "0"
|
|
|
},
|
|
|
loading: false,
|
|
|
page: {
|
|
|
@@ -66,7 +79,7 @@ export default {
|
|
|
selectionList: [],
|
|
|
option: {},
|
|
|
optionBack: {
|
|
|
- height: 'auto',
|
|
|
+ height: "auto",
|
|
|
calcHeight: 30,
|
|
|
menuWidth: 140,
|
|
|
tip: false,
|
|
|
@@ -80,42 +93,42 @@ export default {
|
|
|
delBtn: false,
|
|
|
selection: true,
|
|
|
searchIcon: true,
|
|
|
- align: 'center',
|
|
|
+ align: "center",
|
|
|
searchIndex: 3,
|
|
|
column: [
|
|
|
{
|
|
|
label: "所属公司 ",
|
|
|
- prop: 'branchName',
|
|
|
+ prop: "branchName",
|
|
|
search: true,
|
|
|
type: "select",
|
|
|
filterable: true,
|
|
|
dicUrl: "/api/blade-system/dept/lazy-list",
|
|
|
props: {
|
|
|
label: "deptName",
|
|
|
- value: "deptName",
|
|
|
+ value: "deptName"
|
|
|
},
|
|
|
- overHidden: true,
|
|
|
+ overHidden: true
|
|
|
},
|
|
|
{
|
|
|
- label: '申请人',
|
|
|
- prop: 'applicantName',
|
|
|
+ label: "申请人",
|
|
|
+ prop: "applicantName",
|
|
|
search: true,
|
|
|
- type: 'select',
|
|
|
+ type: "select",
|
|
|
filterable: true,
|
|
|
remote: true,
|
|
|
dicUrl: "/api/blade-user/page?current=1&size=5&realName={{key}}",
|
|
|
props: {
|
|
|
- label: 'realName',
|
|
|
- value: 'realName',
|
|
|
- res: 'data.records'
|
|
|
+ label: "realName",
|
|
|
+ value: "realName",
|
|
|
+ res: "data.records"
|
|
|
},
|
|
|
- overHidden: true,
|
|
|
+ overHidden: true
|
|
|
},
|
|
|
{
|
|
|
- label: '申请日期',
|
|
|
- prop: 'applicantDate',
|
|
|
+ label: "申请日期",
|
|
|
+ prop: "applicantDate",
|
|
|
search: true,
|
|
|
- searchProp: 'applicantDateList',
|
|
|
+ searchProp: "applicantDateList",
|
|
|
overHidden: true,
|
|
|
type: "date",
|
|
|
searchRange: true,
|
|
|
@@ -124,41 +137,42 @@ export default {
|
|
|
valueFormat: "yyyy-MM-dd HH:mm:ss"
|
|
|
},
|
|
|
{
|
|
|
- label: '金额',
|
|
|
- prop: 'amount',
|
|
|
- overHidden: true,
|
|
|
+ label: "金额",
|
|
|
+ prop: "amount",
|
|
|
+ overHidden: true
|
|
|
},
|
|
|
{
|
|
|
- label: '打印时间',
|
|
|
- prop: 'printDate',
|
|
|
- overHidden: true,
|
|
|
+ label: "打印时间",
|
|
|
+ prop: "printDate",
|
|
|
+ overHidden: true
|
|
|
},
|
|
|
{
|
|
|
- label: '打印次数',
|
|
|
- prop: 'printFrequency',
|
|
|
- overHidden: true,
|
|
|
+ label: "打印次数",
|
|
|
+ prop: "printFrequency",
|
|
|
+ overHidden: true
|
|
|
},
|
|
|
{
|
|
|
- label: '开户行',
|
|
|
- prop: 'bankOfDeposit',
|
|
|
- overHidden: true,
|
|
|
+ label: "开户行",
|
|
|
+ prop: "bankOfDeposit",
|
|
|
+ overHidden: true
|
|
|
},
|
|
|
{
|
|
|
- label: '银行户头',
|
|
|
- prop: 'bankAccount',
|
|
|
- overHidden: true,
|
|
|
+ label: "银行户头",
|
|
|
+ prop: "bankAccount",
|
|
|
+ overHidden: true
|
|
|
},
|
|
|
{
|
|
|
- label: '账号',
|
|
|
- prop: 'account',
|
|
|
- overHidden: true,
|
|
|
+ label: "账号",
|
|
|
+ prop: "account",
|
|
|
+ overHidden: true
|
|
|
},
|
|
|
{
|
|
|
label: "制单人",
|
|
|
prop: "createUserName",
|
|
|
overHidden: true,
|
|
|
- width: 80,
|
|
|
- }, {
|
|
|
+ width: 80
|
|
|
+ },
|
|
|
+ {
|
|
|
label: "制单日期",
|
|
|
prop: "createTime",
|
|
|
type: "date",
|
|
|
@@ -166,12 +180,14 @@ export default {
|
|
|
width: 100,
|
|
|
format: "yyyy-MM-dd",
|
|
|
valueFormat: "yyyy-MM-dd HH:mm:ss"
|
|
|
- }, {
|
|
|
+ },
|
|
|
+ {
|
|
|
label: "修改人",
|
|
|
prop: "updateUserName",
|
|
|
overHidden: true,
|
|
|
- width: 80,
|
|
|
- }, {
|
|
|
+ width: 80
|
|
|
+ },
|
|
|
+ {
|
|
|
label: "修改日期",
|
|
|
prop: "updateTime",
|
|
|
type: "date",
|
|
|
@@ -181,14 +197,14 @@ export default {
|
|
|
valueFormat: "yyyy-MM-dd HH:mm:ss"
|
|
|
},
|
|
|
{
|
|
|
- label: '备注',
|
|
|
- prop: 'remarks',
|
|
|
+ label: "备注",
|
|
|
+ prop: "remarks",
|
|
|
overHidden: true,
|
|
|
- search:true,
|
|
|
+ search: true
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
- data: [],
|
|
|
+ data: []
|
|
|
};
|
|
|
},
|
|
|
components: {
|
|
|
@@ -199,20 +215,21 @@ export default {
|
|
|
},
|
|
|
activated() {
|
|
|
setTimeout(() => {
|
|
|
- if (this.$route.query.home) {
|
|
|
- this.addButton();
|
|
|
+ console.log(this.$route.query.billId)
|
|
|
+ if (this.$route.query.billId) {
|
|
|
+ this.isShow = false;
|
|
|
}
|
|
|
}, 100);
|
|
|
},
|
|
|
methods: {
|
|
|
addButton() {
|
|
|
- this.isShow = false
|
|
|
+ this.isShow = false;
|
|
|
this.detailData = {
|
|
|
- type: 'new'
|
|
|
+ type: "new"
|
|
|
};
|
|
|
},
|
|
|
copyButton() {
|
|
|
- this.isShow = false
|
|
|
+ this.isShow = false;
|
|
|
this.detailData = {
|
|
|
copyId: this.selectionList[0].id
|
|
|
};
|
|
|
@@ -221,7 +238,7 @@ export default {
|
|
|
this.detailData = {
|
|
|
id: row.id
|
|
|
};
|
|
|
- this.isShow = false
|
|
|
+ this.isShow = false;
|
|
|
},
|
|
|
// 删除
|
|
|
rowDel(row, index) {
|
|
|
@@ -236,9 +253,8 @@ export default {
|
|
|
remove({ ids: row.id }).then(res => {
|
|
|
this.onLoad(this.page, this.query);
|
|
|
this.$message.success("成功删除");
|
|
|
- })
|
|
|
- })
|
|
|
-
|
|
|
+ });
|
|
|
+ });
|
|
|
},
|
|
|
searchReset() {
|
|
|
this.query = this.$options.data().query;
|
|
|
@@ -262,25 +278,27 @@ export default {
|
|
|
refreshChange() {
|
|
|
this.onLoad(this.page, this.query);
|
|
|
},
|
|
|
- handleClick(){
|
|
|
- this.refreshChange()
|
|
|
+ handleClick() {
|
|
|
+ this.refreshChange();
|
|
|
},
|
|
|
onLoad(page, params = {}) {
|
|
|
- let obj = {}
|
|
|
+ let obj = {};
|
|
|
obj = {
|
|
|
- ...Object.assign(params, this.query),
|
|
|
- }
|
|
|
+ ...Object.assign(params, this.query)
|
|
|
+ };
|
|
|
this.loading = true;
|
|
|
- getList(page.currentPage, page.pageSize, obj).then(res => {
|
|
|
- this.data = res.data.data.records;
|
|
|
- this.page.total = res.data.data.total;
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.crud.doLayout();
|
|
|
- this.$refs.crud.dicInit();
|
|
|
+ getList(page.currentPage, page.pageSize, obj)
|
|
|
+ .then(res => {
|
|
|
+ this.data = res.data.data.records;
|
|
|
+ this.page.total = res.data.data.total;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.crud.doLayout();
|
|
|
+ this.$refs.crud.dicInit();
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.loading = false;
|
|
|
});
|
|
|
- }).finally(() => {
|
|
|
- this.loading = false;
|
|
|
- })
|
|
|
},
|
|
|
// 详情的返回列表
|
|
|
goBack() {
|
|
|
@@ -291,34 +309,34 @@ export default {
|
|
|
path: "/boxManagement/boxCost/index"
|
|
|
});
|
|
|
}
|
|
|
- this.detailData = {}
|
|
|
+ this.detailData = {};
|
|
|
this.isShow = true;
|
|
|
this.onLoad(this.page, this.query);
|
|
|
},
|
|
|
outExport() {
|
|
|
- let config = { params: { ...this.query } }
|
|
|
+ let config = { params: { ...this.query } };
|
|
|
if (config.params) {
|
|
|
for (const propName of Object.keys(config.params)) {
|
|
|
const value = config.params[propName];
|
|
|
- if (value !== null && typeof (value) !== "undefined") {
|
|
|
+ if (value !== null && typeof value !== "undefined") {
|
|
|
if (value instanceof Array) {
|
|
|
for (const key of Object.keys(value)) {
|
|
|
- let params = propName + '[' + key + ']';
|
|
|
- config.params[params] = value[key]
|
|
|
+ let params = propName + "[" + key + "]";
|
|
|
+ config.params[params] = value[key];
|
|
|
}
|
|
|
- delete config.params[propName]
|
|
|
+ delete config.params[propName];
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
const routeData = this.$router.resolve({
|
|
|
- path: '/api/blade-los/routecost/exportRouteCost', //跳转目标窗口的地址
|
|
|
+ path: "/api/blade-los/routecost/exportRouteCost", //跳转目标窗口的地址
|
|
|
query: {
|
|
|
- ...config.params, //括号内是要传递给新窗口的参数
|
|
|
+ ...config.params, //括号内是要传递给新窗口的参数
|
|
|
identification: this.url
|
|
|
}
|
|
|
- })
|
|
|
- window.open(routeData.href.slice(1, routeData.href.length) + '&' + `${this.website.tokenHeader}=${getToken()}`);
|
|
|
+ });
|
|
|
+ window.open(routeData.href.slice(1, routeData.href.length) + "&" + `${this.website.tokenHeader}=${getToken()}`);
|
|
|
},
|
|
|
//自定义列保存
|
|
|
async saveColumn(ref, option, optionBack, code) {
|
|
|
@@ -332,8 +350,8 @@ export default {
|
|
|
this.$message.success("保存成功");
|
|
|
//关闭窗口
|
|
|
this.$refs[ref].$refs.dialogColumn.columnBox = false;
|
|
|
- this.selectionList = []
|
|
|
- this.searchReset()
|
|
|
+ this.selectionList = [];
|
|
|
+ this.searchReset();
|
|
|
}
|
|
|
},
|
|
|
//自定义列重置
|
|
|
@@ -343,27 +361,25 @@ export default {
|
|
|
if (inSave) {
|
|
|
this.$message.success("重置成功");
|
|
|
this.$refs[ref].$refs.dialogColumn.columnBox = false;
|
|
|
- this.selectionList = []
|
|
|
- this.searchReset()
|
|
|
+ this.selectionList = [];
|
|
|
+ this.searchReset();
|
|
|
}
|
|
|
},
|
|
|
// 更改表格颜色
|
|
|
headerClassName(tab) {
|
|
|
//颜色间隔
|
|
|
- let back = ""
|
|
|
+ let back = "";
|
|
|
if (tab.columnIndex >= 0 && tab.column.level === 1) {
|
|
|
if (tab.columnIndex % 2 === 0) {
|
|
|
- back = "back-one"
|
|
|
+ back = "back-one";
|
|
|
} else if (tab.columnIndex % 2 === 1) {
|
|
|
- back = "back-two"
|
|
|
+ back = "back-two";
|
|
|
}
|
|
|
}
|
|
|
return back;
|
|
|
- },
|
|
|
-
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@@ -385,4 +401,4 @@ export default {
|
|
|
::v-deep .el-col-md-8 {
|
|
|
width: 24.33333%;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|