|
|
|
@ -1,57 +1,42 @@
|
|
|
|
|
<template>
|
|
|
|
|
<el-dialog
|
|
|
|
|
title="选择数据"
|
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
|
:visible.sync="visible"
|
|
|
|
|
class="JNPF-dialog JNPF-dialog_center"
|
|
|
|
|
lock-scroll
|
|
|
|
|
append-to-body
|
|
|
|
|
width="800px"
|
|
|
|
|
>
|
|
|
|
|
<el-row class="JNPF-common-search-box" :gutter="16">
|
|
|
|
|
<el-dialog title="选择数据" :close-on-click-modal="false" :visible.sync="visible"
|
|
|
|
|
class="JNPF-dialog JNPF-dialog_center" lock-scroll append-to-body width="800px">
|
|
|
|
|
<el-row class="JNPF-common-search-box" :gutter="24">
|
|
|
|
|
<el-form @submit.native.prevent>
|
|
|
|
|
<el-col :span="10">
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item label="商品名称">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="keyword"
|
|
|
|
|
placeholder="请输入关键词查询"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="search()"
|
|
|
|
|
/>
|
|
|
|
|
<el-input v-model="keyword" placeholder="请输入关键词查询" clearable
|
|
|
|
|
@keyup.enter.native="search()" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
|
|
|
|
|
<el-form-item label="商品编码">
|
|
|
|
|
<el-input v-model="code" placeholder="请输入关键词查询" clearable
|
|
|
|
|
@keyup.enter.native="search()" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="search()"
|
|
|
|
|
>{{ $t("common.search") }}
|
|
|
|
|
<el-button type="primary" icon="el-icon-search"
|
|
|
|
|
@click="search()">{{ $t("common.search") }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button icon="el-icon-refresh-right" @click="refresh()"
|
|
|
|
|
>{{ $t("common.reset") }}
|
|
|
|
|
<el-button icon="el-icon-refresh-right" @click="refresh()">{{ $t("common.reset") }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div class="JNPF-common-search-box-right">
|
|
|
|
|
<el-tooltip
|
|
|
|
|
effect="dark"
|
|
|
|
|
:content="$t('common.refresh')"
|
|
|
|
|
placement="top"
|
|
|
|
|
>
|
|
|
|
|
<el-link
|
|
|
|
|
icon="icon-ym icon-ym-Refresh JNPF-common-head-icon"
|
|
|
|
|
:underline="false"
|
|
|
|
|
@click="search()"
|
|
|
|
|
/>
|
|
|
|
|
<el-tooltip effect="dark" :content="$t('common.refresh')" placement="top">
|
|
|
|
|
<el-link icon="icon-ym icon-ym-Refresh JNPF-common-head-icon" :underline="false"
|
|
|
|
|
@click="search()" />
|
|
|
|
|
</el-tooltip>
|
|
|
|
|
</div>
|
|
|
|
|
</el-row>
|
|
|
|
|
<JNPF-table
|
|
|
|
|
v-loading="listLoading"
|
|
|
|
|
:data="list"
|
|
|
|
|
hasC
|
|
|
|
|
@selection-change="handleSelectionChange"
|
|
|
|
|
:border="false"
|
|
|
|
|
>
|
|
|
|
|
<JNPF-table v-loading="listLoading" :data="list" hasC @selection-change="handleSelectionChange"
|
|
|
|
|
:border="false">
|
|
|
|
|
<el-table-column prop="id" label="商品ID" align="left"> </el-table-column>
|
|
|
|
|
<el-table-column prop="name" label="商品名称" align="left">
|
|
|
|
|
</el-table-column>
|
|
|
|
@ -67,12 +52,8 @@
|
|
|
|
|
<el-table-column prop="salesMainUnitName" label="销售单位">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</JNPF-table>
|
|
|
|
|
<pagination
|
|
|
|
|
:total="total"
|
|
|
|
|
:page.sync="listQuery.currentPage"
|
|
|
|
|
:limit.sync="listQuery.pageSize"
|
|
|
|
|
@pagination="init"
|
|
|
|
|
/>
|
|
|
|
|
<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize"
|
|
|
|
|
@pagination="init" />
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="visible = false">{{
|
|
|
|
|
$t("common.cancelButton")
|
|
|
|
@ -93,6 +74,7 @@ export default {
|
|
|
|
|
visible: false,
|
|
|
|
|
listLoading: true,
|
|
|
|
|
keyword: "",
|
|
|
|
|
code: "",
|
|
|
|
|
list: [],
|
|
|
|
|
total: 0,
|
|
|
|
|
listQuery: {
|
|
|
|
@ -120,6 +102,7 @@ export default {
|
|
|
|
|
...this.listQuery,
|
|
|
|
|
dataType: 0,
|
|
|
|
|
name: this.keyword,
|
|
|
|
|
code: this.code,
|
|
|
|
|
excludeIdList: this.excludeIdList,
|
|
|
|
|
type: 1
|
|
|
|
|
};
|
|
|
|
@ -135,6 +118,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
refresh() {
|
|
|
|
|
this.keyword = "";
|
|
|
|
|
this.code = "";
|
|
|
|
|
this.listQuery.currentPage = 1;
|
|
|
|
|
this.listQuery.pageSize = 20;
|
|
|
|
|
this.listQuery.sort = "desc";
|
|
|
|
|