|
@@ -1,13 +1,13 @@
|
|
<script>
|
|
<script>
|
|
import { TableColumns, SearchColumns } from "./column";
|
|
import { TableColumns, SearchColumns } from "./column";
|
|
-import { list, remove } from "@/api/business/purchase/catalogue";
|
|
|
|
|
|
+import { LIST, REMOVE } from "@/api/business/purchase/contract";
|
|
import { initPage, initLayout, initPageSizes, initParams } from "@/utils/init";
|
|
import { initPage, initLayout, initPageSizes, initParams } from "@/utils/init";
|
|
export default {
|
|
export default {
|
|
name: "PuchaseContract",
|
|
name: "PuchaseContract",
|
|
components: {
|
|
components: {
|
|
- AddDrawer: () => import("./add/index.vue"),
|
|
|
|
- SeeDrawer: () => import("./see/index.vue"),
|
|
|
|
- EditDrawer: () => import("./edit/index.vue"),
|
|
|
|
|
|
+ // AddDrawer: () => import("./add/index.vue"),
|
|
|
|
+ SeeDialog: () => import("./see/index.vue"),
|
|
|
|
+ // EditDrawer: () => import("./edit/index.vue"),
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -24,18 +24,19 @@ export default {
|
|
},
|
|
},
|
|
computed: {},
|
|
computed: {},
|
|
created() {
|
|
created() {
|
|
- this.handleQueryList();
|
|
|
|
|
|
+ this.handleQueryList(this.params, this.page);
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
//
|
|
//
|
|
- async fetchList(params, page) {
|
|
|
|
|
|
+ async fetchList(prop, page) {
|
|
|
|
+ console.log(prop, page, LIST);
|
|
try {
|
|
try {
|
|
this.loading = true;
|
|
this.loading = true;
|
|
const { pageNum, pageSize } = page;
|
|
const { pageNum, pageSize } = page;
|
|
- const { code, msg, rows, total } = await list({
|
|
|
|
|
|
+ const { code, msg, rows, total } = await LIST({
|
|
pageNum,
|
|
pageNum,
|
|
pageSize,
|
|
pageSize,
|
|
- ...params,
|
|
|
|
|
|
+ ...prop,
|
|
});
|
|
});
|
|
if (code === 200) {
|
|
if (code === 200) {
|
|
this.tableData = rows;
|
|
this.tableData = rows;
|
|
@@ -51,28 +52,24 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 查询操作
|
|
// 查询操作
|
|
- handleQueryList() {
|
|
|
|
- this.fetchList(this.params, this.page);
|
|
|
|
|
|
+ handleQueryList(prop, page) {
|
|
|
|
+ this.fetchList(prop, page);
|
|
},
|
|
},
|
|
// 重置操作
|
|
// 重置操作
|
|
- handleResetList() {
|
|
|
|
|
|
+ handleResetList(prop, page) {
|
|
this.page = initPage();
|
|
this.page = initPage();
|
|
this.params = initParams(SearchColumns);
|
|
this.params = initParams(SearchColumns);
|
|
- this.fetchList(this.params, this.page);
|
|
|
|
- },
|
|
|
|
- // 刷新操作
|
|
|
|
- handleRefreshList() {
|
|
|
|
- this.fetchList(this.params, this.page);
|
|
|
|
|
|
+ this.handleQueryList(prop, page);
|
|
},
|
|
},
|
|
// 删除操作
|
|
// 删除操作
|
|
async handleDeleteList(prop) {
|
|
async handleDeleteList(prop) {
|
|
try {
|
|
try {
|
|
this.loading = true;
|
|
this.loading = true;
|
|
const { id } = prop;
|
|
const { id } = prop;
|
|
- const { code, msg } = await remove(id);
|
|
|
|
|
|
+ const { code, msg } = await REMOVE(id);
|
|
if (code === 200) {
|
|
if (code === 200) {
|
|
this.$notify.success({ title: msg });
|
|
this.$notify.success({ title: msg });
|
|
- this.fetchList(this.params, this.page);
|
|
|
|
|
|
+ this.handleQueryList(this.params, this.page);
|
|
} else {
|
|
} else {
|
|
this.$notify.warning({ title: msg });
|
|
this.$notify.warning({ title: msg });
|
|
}
|
|
}
|
|
@@ -85,23 +82,22 @@ export default {
|
|
// 页大小变
|
|
// 页大小变
|
|
handleSizeChange(prop) {
|
|
handleSizeChange(prop) {
|
|
this.page.pageSize = prop;
|
|
this.page.pageSize = prop;
|
|
- this.fetchList(this.params, this.page);
|
|
|
|
|
|
+ this.handleQueryList(this.params, this.page);
|
|
},
|
|
},
|
|
// 当前页变
|
|
// 当前页变
|
|
handleCurrentChange(prop) {
|
|
handleCurrentChange(prop) {
|
|
this.page.pageNum = prop;
|
|
this.page.pageNum = prop;
|
|
- this.fetchList(this.params, this.page);
|
|
|
|
|
|
+ this.handleQueryList(this.params, this.page);
|
|
},
|
|
},
|
|
// 打开新增drawer
|
|
// 打开新增drawer
|
|
handleOpenAddDrawer() {
|
|
handleOpenAddDrawer() {
|
|
- console.log(this.$refs.AddDrawerFef);
|
|
|
|
const { setVisible } = this.$refs.AddDrawerFef;
|
|
const { setVisible } = this.$refs.AddDrawerFef;
|
|
setVisible(true);
|
|
setVisible(true);
|
|
},
|
|
},
|
|
// 打开查看drawer
|
|
// 打开查看drawer
|
|
- async handleOpenSeeDrawer(prop) {
|
|
|
|
|
|
+ async handleOpenSeeDialog(prop) {
|
|
const { id } = prop;
|
|
const { id } = prop;
|
|
- const { setVisible, fetchItem } = this.$refs.SeeDrawerFef;
|
|
|
|
|
|
+ const { setVisible, fetchItem } = this.$refs.SeeDialog;
|
|
await setVisible(true);
|
|
await setVisible(true);
|
|
await fetchItem(id);
|
|
await fetchItem(id);
|
|
},
|
|
},
|
|
@@ -122,20 +118,20 @@ export default {
|
|
style="width: calc(100% - 24px); height: 100%; margin: 10px"
|
|
style="width: calc(100% - 24px); height: 100%; margin: 10px"
|
|
:body-style="{ padding: 0 }"
|
|
:body-style="{ padding: 0 }"
|
|
>
|
|
>
|
|
- <see-drawer ref="SeeDrawerFef"></see-drawer>
|
|
|
|
- <add-drawer ref="AddDrawerFef" @close="handleResetList"></add-drawer>
|
|
|
|
- <edit-drawer ref="EditDrawerFef" @close="handleResetList"></edit-drawer>
|
|
|
|
|
|
+ <see-dialog ref="SeeDialog"></see-dialog>
|
|
|
|
+ <!-- <add-drawer ref="AddDrawerFef" @close="handleResetList"></add-drawer> -->
|
|
|
|
+ <!-- <edit-drawer ref="EditDrawerFef" @close="handleResetList"></edit-drawer> -->
|
|
<el-form
|
|
<el-form
|
|
:size="size"
|
|
:size="size"
|
|
- label-position="right"
|
|
|
|
- label-width="85px"
|
|
|
|
:model="params"
|
|
:model="params"
|
|
|
|
+ label-width="75px"
|
|
|
|
+ label-position="right"
|
|
>
|
|
>
|
|
- <el-row :gutter="24">
|
|
|
|
|
|
+ <el-row :gutter="24" style="padding: 20px 20px">
|
|
<el-col
|
|
<el-col
|
|
v-for="column in searchColumns"
|
|
v-for="column in searchColumns"
|
|
:key="column.title"
|
|
:key="column.title"
|
|
- :xl="6"
|
|
|
|
|
|
+ :xl="4"
|
|
:lg="6"
|
|
:lg="6"
|
|
:md="8"
|
|
:md="8"
|
|
:sm="12"
|
|
:sm="12"
|
|
@@ -148,43 +144,29 @@ export default {
|
|
></el-input>
|
|
></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :xl="6" :lg="6" :md="8" :sm="12" :xs="24">
|
|
|
|
|
|
+ <el-col :xl="4" :lg="6" :md="8" :sm="12" :xs="24">
|
|
<el-button
|
|
<el-button
|
|
circle
|
|
circle
|
|
:size="size"
|
|
:size="size"
|
|
icon="el-icon-search"
|
|
icon="el-icon-search"
|
|
- @click="handleQueryList"
|
|
|
|
|
|
+ @click="handleQueryList(params, page)"
|
|
></el-button>
|
|
></el-button>
|
|
<el-button
|
|
<el-button
|
|
circle
|
|
circle
|
|
:size="size"
|
|
:size="size"
|
|
icon="el-icon-refresh"
|
|
icon="el-icon-refresh"
|
|
- @click="handleResetList"
|
|
|
|
|
|
+ @click="handleResetList(params, page)"
|
|
></el-button>
|
|
></el-button>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</el-form>
|
|
</el-form>
|
|
<el-row :gutter="24" style="padding: 0 20px">
|
|
<el-row :gutter="24" style="padding: 0 20px">
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
- <el-button
|
|
|
|
- :size="size"
|
|
|
|
- type="danger"
|
|
|
|
- icon="el-icon-plus"
|
|
|
|
- @click="handleOpenAddDrawer"
|
|
|
|
- >
|
|
|
|
- 新增
|
|
|
|
- </el-button>
|
|
|
|
- <el-button
|
|
|
|
- :size="size"
|
|
|
|
- icon="el-icon-refresh-right"
|
|
|
|
- @click="handleRefreshList"
|
|
|
|
- >
|
|
|
|
- 刷新
|
|
|
|
- </el-button>
|
|
|
|
|
|
+ <el-button :size="size" @click="handleOpenAddDrawer"> 新 增 </el-button>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
<el-table
|
|
<el-table
|
|
- @row-dblclick="handleOpenSeeDrawer"
|
|
|
|
|
|
+ @row-dblclick="handleOpenSeeDialog"
|
|
:data="tableData"
|
|
:data="tableData"
|
|
:size="size"
|
|
:size="size"
|
|
style="width: 100%; margin: 20px 0 0 0"
|
|
style="width: 100%; margin: 20px 0 0 0"
|