更新
This commit is contained in:
xiaozhiyong
@@ -1,29 +1,21 @@
|
||||
<template>
|
||||
<div class="order">
|
||||
<div class="frame">
|
||||
<el-select v-model="parameter.params.id" placeholder="炼厂名称" clearable>
|
||||
<el-option
|
||||
v-for="item in refineryList"
|
||||
:key="item.id"
|
||||
:label="item.refineryName"
|
||||
:value="item.id"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-input
|
||||
v-model="parameter.params.productName"
|
||||
placeholder="产品名称"
|
||||
></el-input>
|
||||
|
||||
<div class="buttons">
|
||||
<el-button icon="el-icon-search" @click="handleCurrentChange(1)"
|
||||
>查询</el-button
|
||||
>
|
||||
<el-button icon="el-icon-search" @click="search">查询</el-button>
|
||||
<el-button icon="el-icon-refresh" @click="reset">重置</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<div class="operation">
|
||||
<el-button icon="el-icon-upload2" @click="addition">新增产品</el-button>
|
||||
<el-button icon="el-icon-upload2" @click="addition"
|
||||
>批量启禁用</el-button
|
||||
>
|
||||
<el-button icon="el-icon-upload2" @click="addition">下单</el-button>
|
||||
<el-button @click="addition">新增产品</el-button>
|
||||
<el-button @click="batchHandler">批量启禁用</el-button>
|
||||
<el-button @click="createOrder">下单</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-if="tableHeight"
|
||||
@@ -31,24 +23,27 @@
|
||||
:height="tableHeight"
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
>
|
||||
<el-table-column type="selection" width="55"> </el-table-column>
|
||||
<el-table-column
|
||||
prop="productName"
|
||||
label="产品名称"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="refineryName"
|
||||
label="炼厂名称"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="orderSerialNumber" label="炼厂类型" width="90">
|
||||
<template slot-scope="{ row }">
|
||||
{{
|
||||
refineryTypeEnum.find((item) => item.value === row.refineryType)
|
||||
.label
|
||||
}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="refineryLevel" label="炼厂等级" width="90">
|
||||
</el-table-column>
|
||||
<el-table-column prop="address" label="炼厂地址" show-overflow-tooltip>
|
||||
<el-table-column
|
||||
prop="belongLibrary"
|
||||
label="所属炼厂库"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="orderSerialNumber" label="启用状态" width="80">
|
||||
<template slot-scope="{ row }">
|
||||
@@ -67,11 +62,20 @@
|
||||
</el-switch>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderSerialNumber"
|
||||
label="启用产品数量"
|
||||
width="120"
|
||||
>
|
||||
<el-table-column prop="refineryLevel" label="成本价" width="70">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.floorPrice }}/{{ row.measurement }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="refineryLevel" label="企业销售价" width="100">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.salePrice2company }}/{{ row.measurement }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="refineryLevel" label="个人销售价" width="100">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.salePrice2personal }}/{{ row.measurement }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="时间" width="235">
|
||||
<template slot-scope="{ row }">
|
||||
@@ -83,45 +87,65 @@
|
||||
</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="orderSerialNumber" label="操作" width="150">
|
||||
<el-table-column label="操作" width="210">
|
||||
<template slot-scope="{ row }">
|
||||
<el-link type="primary" :underline="false" @click="update(row)"
|
||||
>修改</el-link
|
||||
<span class="el-dropdown-link" @click="detail(row)">详情</span>
|
||||
<span class="el-dropdown-link special" @click="adjustPrice(row)"
|
||||
>调价</span
|
||||
>
|
||||
<el-link type="primary" :underline="false" @click="detail(row)"
|
||||
>详情</el-link
|
||||
<el-dropdown
|
||||
@command="
|
||||
(val) => {
|
||||
commandPrice(val, row);
|
||||
}
|
||||
"
|
||||
>
|
||||
<el-popconfirm
|
||||
title="确定删除该条数据吗？"
|
||||
icon-color="red"
|
||||
@confirm="deleteRow(row)"
|
||||
<span class="el-dropdown-link">
|
||||
<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="record">调价记录</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
<span class="el-dropdown-link">下单</span>
|
||||
<el-dropdown
|
||||
@command="
|
||||
(val) => {
|
||||
commandMore(val, row);
|
||||
}
|
||||
"
|
||||
>
|
||||
<el-link slot="reference" type="primary" :underline="false"
|
||||
>删除</el-link
|
||||
>
|
||||
</el-popconfirm>
|
||||
<span class="el-dropdown-link">
|
||||
更多<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="base">修改基础信息</el-dropdown-item>
|
||||
<el-dropdown-item command="settle"
|
||||
>修改结算账户</el-dropdown-item
|
||||
>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
background
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="parameter.currentPage"
|
||||
:page-size="parameter.pageSize"
|
||||
:popper-append-to-body="false"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
>
|
||||
</el-pagination>
|
||||
<!-- 分页 -->
|
||||
<pagination :parameter="parameter" @searchAgain="getByPage" />
|
||||
</div>
|
||||
<add
|
||||
<!--新增产品 -->
|
||||
<add :controlWindows="controlWindows" @closeWindow="search" />
|
||||
<!-- 下单 -->
|
||||
<create :controlWindows="controlWindows" @closeWindow="search" />
|
||||
<!-- 调价记录 -->
|
||||
<record :controlWindows="controlWindows" />
|
||||
<!-- 批量 -->
|
||||
<batch
|
||||
:controlWindows="controlWindows"
|
||||
:refineryTypeEnum="refineryTypeEnum"
|
||||
@closeWindow="handleCurrentChange(1)"
|
||||
:multipleRowList="multipleRowList"
|
||||
@closeWindow="search"
|
||||
/>
|
||||
|
||||
<!-- 调价 -->
|
||||
<adjust :controlWindows="controlWindows" @closeWindow="search" />
|
||||
<!-- 详情 -->
|
||||
<el-drawer
|
||||
title="详情"
|
||||
direction="ltr"
|
||||
@@ -143,9 +167,15 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import serve from "api/refineryInfo.js";
|
||||
import serve from "api/product.js";
|
||||
|
||||
import add from "./components/add.vue";
|
||||
import create from "./components/create.vue";
|
||||
import record from "./components/record.vue";
|
||||
import batch from "./components/batch.vue";
|
||||
import adjust from "./components/adjust.vue";
|
||||
|
||||
import pagination from "components/pagination/index.vue";
|
||||
import generalDetails from "components/generalDetails/index.vue";
|
||||
|
||||
export default {
|
||||
@@ -153,24 +183,20 @@ export default {
|
||||
return {
|
||||
controlWindows: {
|
||||
add: false,
|
||||
addInfo: {
|
||||
title: "炼厂入驻",
|
||||
},
|
||||
addInfo: {},
|
||||
detail: false,
|
||||
create: false,
|
||||
record: false,
|
||||
batch: false,
|
||||
adjust: false,
|
||||
},
|
||||
refineryTypeEnum: [
|
||||
{
|
||||
label: "普通炼厂",
|
||||
value: "COMMON",
|
||||
},
|
||||
],
|
||||
refineryList: [],
|
||||
multipleRowList: [],
|
||||
tableHeight: 0,
|
||||
tableData: [],
|
||||
total: 0,
|
||||
parameter: {
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
params: {},
|
||||
},
|
||||
oilCompanyMatch: {},
|
||||
@@ -178,15 +204,20 @@ export default {
|
||||
{
|
||||
carTitle: "",
|
||||
carItems: [
|
||||
{ label: "炼厂id", value: "refineryId" },
|
||||
{ label: "炼厂名称", value: "refineryName" },
|
||||
{ label: "炼厂类型", value: "refineryType" },
|
||||
{ label: "启用状态", value: "enableMark" },
|
||||
{ label: "炼厂等级", value: "refineryLevel" },
|
||||
{ label: "炼厂地址", value: "address" },
|
||||
{ label: "产品名称", value: "productName" },
|
||||
{ label: "产品类型", value: "productType" },
|
||||
{ label: "成本价", value: "floorPrice" },
|
||||
{ label: "企业销售价", value: "salePrice2company" },
|
||||
{ label: "个人销售价", value: "salePrice2personal" },
|
||||
{ label: "计量单位", value: "measurement" },
|
||||
{ label: "启用/禁用", value: "enableMark" },
|
||||
{ label: "所属炼厂库名", value: "belongLibrary" },
|
||||
{ label: "创建用户ID", value: "createUser" },
|
||||
{ label: "创建时间", value: "createTime" },
|
||||
{ label: "修改用户ID", value: "updateUser" },
|
||||
{ label: "修改时间", value: "updateTime" },
|
||||
{ label: "修改时间", value: "createSource" },
|
||||
],
|
||||
},
|
||||
],
|
||||
@@ -194,6 +225,12 @@ export default {
|
||||
},
|
||||
components: {
|
||||
add,
|
||||
create,
|
||||
record,
|
||||
batch,
|
||||
adjust,
|
||||
|
||||
pagination,
|
||||
generalDetails,
|
||||
},
|
||||
mounted() {
|
||||
@@ -206,50 +243,45 @@ export default {
|
||||
);
|
||||
},
|
||||
created() {
|
||||
this.findByEntity();
|
||||
this.getByPage();
|
||||
},
|
||||
methods: {
|
||||
// currentPage change
|
||||
handleCurrentChange(page) {
|
||||
this.parameter.currentPage = page;
|
||||
this.getByPage();
|
||||
// 多选
|
||||
handleSelectionChange(val) {
|
||||
this.multipleRowList = val;
|
||||
},
|
||||
// pageSize change
|
||||
handleSizeChange(size) {
|
||||
search() {
|
||||
this.parameter.currentPage = 1;
|
||||
this.parameter.pageSize = size;
|
||||
this.getByPage();
|
||||
},
|
||||
//table list
|
||||
getByPage() {
|
||||
serve.getByPage(this.parameter).then((res) => {
|
||||
this.tableData = res.data.list;
|
||||
this.total = res.data.totalPage;
|
||||
});
|
||||
},
|
||||
//炼厂list
|
||||
findByEntity() {
|
||||
serve.findByEntity().then((res) => {
|
||||
this.refineryList = res.data;
|
||||
this.parameter.total = res.data.totalPage;
|
||||
});
|
||||
},
|
||||
//新增
|
||||
addition() {
|
||||
this.controlWindows.addInfo.title = "炼厂入驻";
|
||||
this.controlWindows.addInfo.title = "产品新增";
|
||||
this.controlWindows.add = true;
|
||||
},
|
||||
//修改
|
||||
update(row) {
|
||||
this.controlWindows.addInfo.title = "炼厂修改";
|
||||
Object.assign(this.controlWindows.addInfo, row);
|
||||
this.controlWindows.add = true;
|
||||
|
||||
//下单
|
||||
createOrder(row) {
|
||||
this.controlWindows.create = true;
|
||||
console.log(this.controlWindows.create);
|
||||
},
|
||||
//详情
|
||||
detail(row) {
|
||||
this.oilCompanyMatch = row;
|
||||
this.controlWindows.detail = true;
|
||||
},
|
||||
//调价
|
||||
adjustPrice(row) {
|
||||
this.controlWindows.addInfo = { id: row.id };
|
||||
this.controlWindows.adjust = true;
|
||||
},
|
||||
//删除
|
||||
deleteRow(row) {
|
||||
serve
|
||||
@@ -261,6 +293,21 @@ export default {
|
||||
this.getByPage();
|
||||
});
|
||||
},
|
||||
//更多
|
||||
commandMore(val, row) {
|
||||
if (val === "base") {
|
||||
this.controlWindows.addInfo.title = "产品修改";
|
||||
Object.assign(this.controlWindows.addInfo, row);
|
||||
this.controlWindows.add = true;
|
||||
}
|
||||
},
|
||||
//调价
|
||||
commandPrice(val, row) {
|
||||
if (val === "record") {
|
||||
this.controlWindows.addInfo = { id: row.id };
|
||||
this.controlWindows.record = true;
|
||||
}
|
||||
},
|
||||
//启用禁用
|
||||
switchTrigger(val, row) {
|
||||
row.enableMark = row.enableMark;
|
||||
@@ -275,11 +322,21 @@ export default {
|
||||
} else this.$message.error(res.msg);
|
||||
});
|
||||
},
|
||||
//批量启用禁用
|
||||
batchHandler() {
|
||||
if (!this.multipleRowList.length) {
|
||||
this.$message.warning("请至少选择一条数据");
|
||||
return;
|
||||
}
|
||||
|
||||
this.controlWindows.batch = true;
|
||||
},
|
||||
//重置
|
||||
reset() {
|
||||
this.parameter = {
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
params: {},
|
||||
};
|
||||
},
|
||||
@@ -349,8 +406,21 @@ export default {
|
||||
margin-bottom: 20px;
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
}
|
||||
.el-link {
|
||||
// .el-link,
|
||||
// .el-dropdown {
|
||||
// margin-right: 10px;
|
||||
// }
|
||||
|
||||
.el-dropdown-link {
|
||||
margin-right: 10px;
|
||||
cursor: pointer;
|
||||
color: #409eff;
|
||||
&.special {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.el-icon-arrow-down {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user