|
@@ -1,7 +1,7 @@
|
|
|
<script>
|
|
|
import { LIST } from "@/api/business/purchase/contract";
|
|
|
-import { Columns as TableColumns, SearchColumns } from "./column";
|
|
|
import { initPage, initDicts, initParams } from "@/utils/init";
|
|
|
+import { Columns as TableColumns, SearchColumns } from "./column";
|
|
|
export default {
|
|
|
name: "PuchaseContract",
|
|
|
dicts: initDicts(TableColumns),
|
|
@@ -21,12 +21,12 @@ export default {
|
|
|
params: initParams(SearchColumns),
|
|
|
tableData: [],
|
|
|
tableColumns: TableColumns,
|
|
|
- page: initPage(),
|
|
|
+ page: { pageNum: 1, pageSize: 10, total: 0 },
|
|
|
};
|
|
|
},
|
|
|
computed: {},
|
|
|
created() {
|
|
|
- this.queryList(this.params, this.page);
|
|
|
+ this.useQuery(this.params, this.page);
|
|
|
},
|
|
|
methods: {
|
|
|
//
|
|
@@ -43,69 +43,58 @@ export default {
|
|
|
this.tableData = rows;
|
|
|
this.page.total = total;
|
|
|
this.$notify.success({ title: msg });
|
|
|
- } else {
|
|
|
- this.$notify.warning({ title: msg });
|
|
|
}
|
|
|
} catch (err) {
|
|
|
- //
|
|
|
+ // catch
|
|
|
} finally {
|
|
|
+ // finally
|
|
|
this.loading = false;
|
|
|
}
|
|
|
},
|
|
|
- // 查询操作
|
|
|
- queryList(prop, page) {
|
|
|
+ // 查 询
|
|
|
+ useQuery(prop, page) {
|
|
|
this.fetchList(prop, page);
|
|
|
},
|
|
|
- // 重置操作
|
|
|
- resetList() {
|
|
|
+ // 重 置
|
|
|
+ useReset() {
|
|
|
this.page = initPage();
|
|
|
this.params = initParams(SearchColumns);
|
|
|
- this.queryList(this.params, this.page);
|
|
|
- },
|
|
|
- // 页大小变
|
|
|
- sizeChange(prop) {
|
|
|
- this.page.pageSize = prop;
|
|
|
- this.queryList(this.params, this.page);
|
|
|
+ this.useQuery(this.params, this.page);
|
|
|
},
|
|
|
- // 当前页变
|
|
|
- currentChange(prop) {
|
|
|
- this.page.pageNum = prop;
|
|
|
- this.queryList(this.params, this.page);
|
|
|
- },
|
|
|
- //
|
|
|
+ // 新 增
|
|
|
async useAdd() {
|
|
|
const { open } = this.$refs.AddModel;
|
|
|
await open();
|
|
|
},
|
|
|
- //
|
|
|
- async useSee(prop) {
|
|
|
+ // 删 除
|
|
|
+ async useDelete(prop) {
|
|
|
const { id } = prop;
|
|
|
- const { open } = this.$refs.SeeModel;
|
|
|
+ const { open } = this.$refs.DeleteModel;
|
|
|
await open(id);
|
|
|
},
|
|
|
- //
|
|
|
+ // 编 辑
|
|
|
async useEdit(prop) {
|
|
|
const { id } = prop;
|
|
|
const { open } = this.$refs.EditModel;
|
|
|
await open(id);
|
|
|
},
|
|
|
- //
|
|
|
+ // 明 细
|
|
|
+ async useSee(prop) {
|
|
|
+ const { id } = prop;
|
|
|
+ const { open } = this.$refs.SeeModel;
|
|
|
+ await open(id);
|
|
|
+ },
|
|
|
+ // 导 出
|
|
|
async useExport(prop) {
|
|
|
const { pageNum, pageSize } = this.page;
|
|
|
const { open } = this.$refs.ExportModel;
|
|
|
await open({ ...prop, pageNum, pageSize });
|
|
|
},
|
|
|
- //
|
|
|
+ // 导 入
|
|
|
async useImport() {
|
|
|
const { open } = this.$refs.ImportModel;
|
|
|
await open();
|
|
|
},
|
|
|
- //
|
|
|
- async useDelete(prop) {
|
|
|
- const { id } = prop;
|
|
|
- const { open } = this.$refs.DeleteModel;
|
|
|
- await open(id);
|
|
|
- },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -122,13 +111,13 @@ export default {
|
|
|
:body-style="{ padding: 0 }"
|
|
|
>
|
|
|
<see-model ref="SeeModel"></see-model>
|
|
|
- <add-model ref="AddModel" @success="resetList"></add-model>
|
|
|
- <edit-model ref="EditModel" @success="queryList(params, page)"></edit-model>
|
|
|
+ <add-model ref="AddModel" @success="useReset"></add-model>
|
|
|
+ <edit-model ref="EditModel" @success="useQuery(params, page)"></edit-model>
|
|
|
<export-model ref="ExportModel"></export-model>
|
|
|
<import-model ref="ImportModel"></import-model>
|
|
|
<delete-model
|
|
|
ref="DeleteModel"
|
|
|
- @success="queryList(params, page)"
|
|
|
+ @success="useQuery(params, page)"
|
|
|
></delete-model>
|
|
|
<el-form
|
|
|
:size="size"
|
|
@@ -148,29 +137,17 @@ export default {
|
|
|
<el-input
|
|
|
v-model="params[column.key]"
|
|
|
:placeholder="column.placeholder"
|
|
|
- @change="queryList(params, page)"
|
|
|
+ @change="useQuery(params, page)"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label-width="0">
|
|
|
- <el-button
|
|
|
- circle
|
|
|
- :size="size"
|
|
|
- icon="el-icon-search"
|
|
|
- @click="queryList(params, page)"
|
|
|
- ></el-button>
|
|
|
- <el-button
|
|
|
- circle
|
|
|
- :size="size"
|
|
|
- icon="el-icon-refresh"
|
|
|
- @click="resetList"
|
|
|
- ></el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<el-row style="padding: 0 20px">
|
|
|
+ <el-button :size="size" @click="useQuery(params, page)">
|
|
|
+ 查 询
|
|
|
+ </el-button>
|
|
|
+ <el-button :size="size" @click="useReset"> 重 置 </el-button>
|
|
|
<el-button :size="size" @click="useAdd"> 新 增 </el-button>
|
|
|
<el-button :size="size" @click="useExport(params)"> 导 出 </el-button>
|
|
|
<el-button :size="size" @click="useImport"> 导 入 </el-button>
|
|
@@ -196,22 +173,30 @@ export default {
|
|
|
:value="scope.row[column.key]"
|
|
|
:options="dict.type[column.referName]"
|
|
|
/>
|
|
|
+ <el-button
|
|
|
+ v-else-if="column.inputType === 'Upload'"
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ @click.native.prevent="useEdit(scope.row)"
|
|
|
+ >
|
|
|
+ 点击查看
|
|
|
+ </el-button>
|
|
|
<span v-else>{{ scope.row[column.key] }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column fixed="right" label="操作" width="120">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button
|
|
|
- @click.native.prevent="useEdit(scope.row)"
|
|
|
type="text"
|
|
|
size="small"
|
|
|
+ @click.native.prevent="useEdit(scope.row)"
|
|
|
>
|
|
|
编 辑
|
|
|
</el-button>
|
|
|
<el-button
|
|
|
- @click.native.prevent="useDelete(scope.row)"
|
|
|
type="text"
|
|
|
size="small"
|
|
|
+ @click.native.prevent="useDelete(scope.row)"
|
|
|
>
|
|
|
删 除
|
|
|
</el-button>
|
|
@@ -222,7 +207,7 @@ export default {
|
|
|
:total="page.total"
|
|
|
:page.sync="page.pageNum"
|
|
|
:limit.sync="page.pageSize"
|
|
|
- @pagination="queryList(params, page)"
|
|
|
+ @pagination="useQuery(params, page)"
|
|
|
/>
|
|
|
</el-card>
|
|
|
</template>
|