|
@@ -18,21 +18,19 @@
|
|
|
:table-loading="loading"
|
|
|
>
|
|
|
<template slot="moudleNameSearch">
|
|
|
- <el-select
|
|
|
- v-model="search.moudleName"
|
|
|
- clearable
|
|
|
- filterable
|
|
|
- >
|
|
|
+ <el-select v-model="search.moudleName" clearable filterable>
|
|
|
<el-option
|
|
|
v-for="(item, index) in moudleOption"
|
|
|
:label="item.label"
|
|
|
:value="item.value"
|
|
|
- :key="item.value"
|
|
|
+ :key="index"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="moudleName">
|
|
|
- <span>{{ scope.row.moudleName | moudleNameFormat(moudleOption) }}</span>
|
|
|
+ <span>{{
|
|
|
+ scope.row.moudleName | moudleNameFormat(moudleOption)
|
|
|
+ }}</span>
|
|
|
</template>
|
|
|
<template slot="menu" slot-scope="{ row, index }">
|
|
|
<el-button
|
|
@@ -40,7 +38,8 @@
|
|
|
icon="el-icon-unlock"
|
|
|
size="small"
|
|
|
@click="rowUnlock(row, index)"
|
|
|
- >解锁</el-button>
|
|
|
+ >解锁</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
</basic-container>
|
|
@@ -49,7 +48,7 @@
|
|
|
|
|
|
<script>
|
|
|
import option from "./config/mainList.json";
|
|
|
-import {lockList, lockRemove} from "@/api/lock/lock";
|
|
|
+import { lockList, lockRemove } from "@/api/lock/lock";
|
|
|
|
|
|
export default {
|
|
|
name: "index",
|
|
@@ -61,58 +60,70 @@ export default {
|
|
|
page: {
|
|
|
pageSize: 10,
|
|
|
pagerCount: 5,
|
|
|
- total: 0,
|
|
|
+ total: 0
|
|
|
},
|
|
|
search: {},
|
|
|
loading: false,
|
|
|
moudleOption: [
|
|
|
{
|
|
|
- label: '销售',
|
|
|
- value: 'xs'
|
|
|
+ label: "销售",
|
|
|
+ value: "xs"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "采购",
|
|
|
+ value: "cg"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发货",
|
|
|
+ value: "fh"
|
|
|
},
|
|
|
{
|
|
|
- label: '采购',
|
|
|
- value: 'cg'
|
|
|
+ label: "收货",
|
|
|
+ value: "sh"
|
|
|
},
|
|
|
{
|
|
|
- label: '发货',
|
|
|
- value: 'fh'
|
|
|
+ label: "收费",
|
|
|
+ value: "sf"
|
|
|
},
|
|
|
{
|
|
|
- label: '收货',
|
|
|
- value: 'sh'
|
|
|
+ label: "付费",
|
|
|
+ value: "ff"
|
|
|
},
|
|
|
{
|
|
|
- label: '收费',
|
|
|
- value: 'sf'
|
|
|
+ label: "进项",
|
|
|
+ value: "jx"
|
|
|
},
|
|
|
{
|
|
|
- label: '付费',
|
|
|
- value: 'ff'
|
|
|
+ label: "销项",
|
|
|
+ value: "xx"
|
|
|
},
|
|
|
{
|
|
|
- label: '进项',
|
|
|
- value: 'jx'
|
|
|
+ label: "船务",
|
|
|
+ value: "cw"
|
|
|
},
|
|
|
{
|
|
|
- label: '销项',
|
|
|
- value: 'xx'
|
|
|
+ label: "报价",
|
|
|
+ value: "bj"
|
|
|
},
|
|
|
{
|
|
|
- label: '小学部',
|
|
|
- value: 'xxb'
|
|
|
+ label: "询价",
|
|
|
+ value: "xj"
|
|
|
},
|
|
|
+ {
|
|
|
+ label: "小学部",
|
|
|
+ value: "xxb"
|
|
|
+ }
|
|
|
]
|
|
|
- }
|
|
|
+ };
|
|
|
},
|
|
|
async created() {
|
|
|
this.option = await this.getColumnData(this.getColumnName(73), option);
|
|
|
let i = 0;
|
|
|
this.option.column.forEach(item => {
|
|
|
- if (item.search) i++
|
|
|
- })
|
|
|
- if (i % 3 !== 0){
|
|
|
- const num = 3 - Number(i % 3)
|
|
|
+ if (item.search) i++;
|
|
|
+ });
|
|
|
+ if (i % 3 !== 0) {
|
|
|
+ const num = 3 - Number(i % 3);
|
|
|
this.option.searchMenuSpan = num * 8;
|
|
|
this.option.searchMenuPosition = "right";
|
|
|
}
|
|
@@ -120,13 +131,13 @@ export default {
|
|
|
filters: {
|
|
|
moudleNameFormat(row, moudleOption) {
|
|
|
let name;
|
|
|
- moudleOption.map((e) => {
|
|
|
+ moudleOption.map(e => {
|
|
|
if (row == e.value) {
|
|
|
- name = e.label
|
|
|
+ name = e.label;
|
|
|
}
|
|
|
});
|
|
|
return name;
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
searchChange(params, done) {
|
|
@@ -142,15 +153,15 @@ export default {
|
|
|
},
|
|
|
refreshChange() {
|
|
|
this.dataList.forEach(item => {
|
|
|
- this.$refs.crud.toggleRowExpansion(item, false)
|
|
|
- })
|
|
|
+ this.$refs.crud.toggleRowExpansion(item, false);
|
|
|
+ });
|
|
|
this.page.currentPage = 1;
|
|
|
this.onLoad(this.page, this.search);
|
|
|
},
|
|
|
onLoad(page, params) {
|
|
|
this.dataList.forEach(item => {
|
|
|
- this.$refs.crud.toggleRowExpansion(item, false)
|
|
|
- })
|
|
|
+ this.$refs.crud.toggleRowExpansion(item, false);
|
|
|
+ });
|
|
|
this.loading = true;
|
|
|
lockList(page.currentPage, page.pageSize, params)
|
|
|
.then(res => {
|
|
@@ -160,9 +171,9 @@ export default {
|
|
|
this.option.height = window.innerHeight - 260;
|
|
|
}
|
|
|
this.dataList.forEach(item => {
|
|
|
- this.$set(item,'insideList',[])
|
|
|
- this.$set(item,'loading', true)
|
|
|
- })
|
|
|
+ this.$set(item, "insideList", []);
|
|
|
+ this.$set(item, "loading", true);
|
|
|
+ });
|
|
|
})
|
|
|
.finally(() => {
|
|
|
this.loading = false;
|
|
@@ -170,20 +181,22 @@ export default {
|
|
|
},
|
|
|
// 解锁
|
|
|
rowUnlock(row, index) {
|
|
|
- this.$confirm('是否确认解锁?', '提示', {
|
|
|
+ this.$confirm("是否确认解锁?", "提示", {
|
|
|
confirmButtonText: "确定",
|
|
|
cancelButtonText: "取消",
|
|
|
type: "warning"
|
|
|
- }).then(() => {
|
|
|
- return lockRemove({ids: row.id})
|
|
|
- }).then(() => {
|
|
|
- this.$message({
|
|
|
- type: "success",
|
|
|
- message: "操作成功!"
|
|
|
- });
|
|
|
- this.page.currentPage = 1;
|
|
|
- this.onLoad(this.page, {parentId: 0});
|
|
|
})
|
|
|
+ .then(() => {
|
|
|
+ return lockRemove({ ids: row.id });
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
+ });
|
|
|
+ this.page.currentPage = 1;
|
|
|
+ this.onLoad(this.page, { parentId: 0 });
|
|
|
+ });
|
|
|
},
|
|
|
async saveColumn() {
|
|
|
const inSave = await this.saveColumnData(
|
|
@@ -198,20 +211,15 @@ export default {
|
|
|
},
|
|
|
async resetColumn() {
|
|
|
this.option = option;
|
|
|
- const inSave = await this.delColumnData(
|
|
|
- this.getColumnName(73),
|
|
|
- option
|
|
|
- );
|
|
|
+ const inSave = await this.delColumnData(this.getColumnName(73), option);
|
|
|
if (inSave) {
|
|
|
this.$message.success("重置成功");
|
|
|
//关闭窗口
|
|
|
this.$refs.crud.$refs.dialogColumn.columnBox = false;
|
|
|
}
|
|
|
- },
|
|
|
- },
|
|
|
-}
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
-
|
|
|
-</style>
|
|
|
+<style scoped></style>
|