更新
This commit is contained in:
xiaozhiyong
@@ -8,48 +8,73 @@
|
||||
:before-close="closeWindow"
|
||||
>
|
||||
<div class="add">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="炼厂名称" prop="refineryName">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="110px">
|
||||
<el-form-item label="产品名称" prop="productName">
|
||||
<el-input
|
||||
maxlength="50"
|
||||
v-model="form.refineryName"
|
||||
placeholder="请输入炼厂名称"
|
||||
v-model="form.productName"
|
||||
placeholder="请输入产品名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="炼厂类型" prop="refineryType">
|
||||
<el-select v-model="form.refineryType" placeholder="请选择炼厂类型">
|
||||
<el-form-item label="产品类型" prop="productType">
|
||||
<el-select v-model="form.productType" placeholder="请选择产品类型">
|
||||
<el-option
|
||||
v-for="(item, index) in refineryTypeEnum"
|
||||
v-for="(item, index) in productTypeList"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="炼厂名称" prop="refineryId">
|
||||
<el-select v-model="form.refineryId" placeholder="请选择炼厂">
|
||||
<el-option
|
||||
v-for="(item, index) in refineryList"
|
||||
:key="index"
|
||||
:label="item.refineryName"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属炼厂库名" prop="belongLibrary">
|
||||
<el-input
|
||||
v-model="form.belongLibrary"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="成本价" prop="floorPrice">
|
||||
<el-input
|
||||
v-checkNum
|
||||
v-model="form.floorPrice"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="企业销售价" prop="salePrice2company">
|
||||
<el-input
|
||||
v-checkNum
|
||||
v-model="form.salePrice2company"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="个人销售价" prop="salePrice2personal">
|
||||
<el-input
|
||||
v-checkNum
|
||||
v-model="form.salePrice2personal"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="计量单位" prop="measurement">
|
||||
<el-input
|
||||
v-model="form.measurement"
|
||||
placeholder="请输入内容"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="启用状态" prop="enableMark">
|
||||
<el-radio-group v-model="form.enableMark">
|
||||
<el-radio label="ENABLE">启用</el-radio>
|
||||
<el-radio label="DISABLE">禁用</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="炼厂等级" prop="refineryLevel">
|
||||
<el-select v-model="form.refineryLevel" placeholder="请选择炼厂等级">
|
||||
<el-option label="A" value="A"></el-option>
|
||||
<el-option label="B" value="B"></el-option>
|
||||
<el-option label="C" value="C"></el-option>
|
||||
<el-option label="D" value="D"></el-option>
|
||||
<el-option label="E" value="E"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="炼厂地址" prop="address">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="5"
|
||||
maxlength="255"
|
||||
placeholder="请输入炼厂地址"
|
||||
v-model="form.address"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
@@ -60,34 +85,69 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import serve from "api/refineryInfo.js";
|
||||
import serve from "api/product.js";
|
||||
import refineryServe from "api/refineryInfo.js";
|
||||
export default {
|
||||
props: {
|
||||
controlWindows: Object,
|
||||
refineryTypeEnum: Array,
|
||||
// refineryTypeEnum: Array,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
form: { name: "" },
|
||||
refineryList: [],
|
||||
productTypeList: [
|
||||
{
|
||||
label: "0#柴",
|
||||
value: "0#",
|
||||
},
|
||||
{
|
||||
label: "-10#柴",
|
||||
value: "-10#",
|
||||
},
|
||||
{
|
||||
label: "92#汽",
|
||||
value: "92#",
|
||||
},
|
||||
{
|
||||
label: "95#汽",
|
||||
value: "95#",
|
||||
},
|
||||
],
|
||||
rules: {
|
||||
refineryName: [
|
||||
{ required: true, message: "请输入炼厂名称", trigger: "blur" },
|
||||
productName: [
|
||||
{ required: true, message: "请输入产品名称", trigger: "blur" },
|
||||
],
|
||||
refineryType: [
|
||||
{ required: true, message: "请选择炼厂类型", trigger: "blur" },
|
||||
productType: [
|
||||
{ required: true, message: "请选择产品类型", trigger: "blur" },
|
||||
],
|
||||
refineryId: [
|
||||
{ required: true, message: "请选择炼厂", trigger: "blur" },
|
||||
],
|
||||
belongLibrary: [
|
||||
{ required: true, message: "请输入所属炼厂库名", trigger: "blur" },
|
||||
],
|
||||
floorPrice: [
|
||||
{ required: true, message: "请输入所属炼厂库名", trigger: "blur" },
|
||||
],
|
||||
salePrice2company: [
|
||||
{ required: true, message: "请输入所属炼厂库名", trigger: "blur" },
|
||||
],
|
||||
salePrice2personal: [
|
||||
{ required: true, message: "请输入所属炼厂库名", trigger: "blur" },
|
||||
],
|
||||
measurement: [
|
||||
{ required: true, message: "请输入计量单位", trigger: "blur" },
|
||||
],
|
||||
enableMark: [
|
||||
{ required: true, message: "请选择启用状态", trigger: "blur" },
|
||||
],
|
||||
refineryLevel: [
|
||||
{ required: true, message: "请选择炼厂等级", trigger: "blur" },
|
||||
],
|
||||
address: [
|
||||
{ required: true, message: "请输入炼厂地址", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.findByEntity();
|
||||
},
|
||||
methods: {
|
||||
openDrawer() {
|
||||
let { id } = this.controlWindows.addInfo;
|
||||
@@ -113,6 +173,12 @@ export default {
|
||||
if (id) return serve.update(form);
|
||||
else return serve.save(form);
|
||||
},
|
||||
//炼厂list
|
||||
findByEntity() {
|
||||
refineryServe.findByEntity().then((res) => {
|
||||
this.refineryList = res.data;
|
||||
});
|
||||
},
|
||||
closeWindow() {
|
||||
this.$emit("closeWindow");
|
||||
this.$refs.form.clearValidate();
|
||||
|
||||
84
src/views/product/components/adjust.vue
Normal file
84
src/views/product/components/adjust.vue
Normal file
@@ -0,0 +1,84 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
title="调价"
|
||||
:visible="controlWindows.adjust"
|
||||
width="30%"
|
||||
:before-close="closeWindow"
|
||||
@opened="openDrawer"
|
||||
>
|
||||
<div class="adjust">
|
||||
<el-form ref="form" :rules="rules" :model="form" label-width="120px">
|
||||
<el-form-item label="成本价" prop="floorPrice">
|
||||
<el-input
|
||||
maxlength="50"
|
||||
v-checkNum
|
||||
v-model="form.floorPrice"
|
||||
placeholder="请输入成本价"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="企业销售价" prop="salePrice2company">
|
||||
<el-input
|
||||
maxlength="50"
|
||||
v-checkNum
|
||||
v-model="form.salePrice2company"
|
||||
placeholder="请输入企业销售价"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="controlWindows.adjust = false">取 消</el-button>
|
||||
<el-button type="primary" @click="submit">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import serve from "api/product.js";
|
||||
|
||||
export default {
|
||||
props: {
|
||||
controlWindows: Object,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
rules: {
|
||||
floorPrice: [
|
||||
{ required: true, message: "请输入成本价", trigger: "blur" },
|
||||
],
|
||||
salePrice2company: [
|
||||
{ required: true, message: "请选择修改状态", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
openDrawer() {},
|
||||
submit() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
Object.assign(this.form, this.controlWindows.addInfo);
|
||||
serve.modifyPrice(this.form).then((res) => {
|
||||
this.$message.success(res.msg);
|
||||
this.closeWindow();
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
closeWindow() {
|
||||
this.form = {};
|
||||
this.$emit("closeWindow");
|
||||
this.controlWindows.adjust = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.adjust {
|
||||
.el-input {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
85
src/views/product/components/batch.vue
Normal file
85
src/views/product/components/batch.vue
Normal file
@@ -0,0 +1,85 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
title="批量修改"
|
||||
:visible="controlWindows.batch"
|
||||
width="30%"
|
||||
:before-close="closeWindow"
|
||||
@opened="openDrawer"
|
||||
>
|
||||
<div class="batch">
|
||||
<el-form ref="form" :rules="rules" :model="form" label-width="120px">
|
||||
<el-form-item>
|
||||
<p class="tip">
|
||||
已选择 <span>{{ multipleRowList.length }}</span> 条数据
|
||||
</p>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="enableMark">
|
||||
<el-radio-group v-model="form.enableMark">
|
||||
<el-radio label="ENABLE">启用</el-radio>
|
||||
<el-radio label="DISABLE">禁用</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="controlWindows.batch = false">取 消</el-button>
|
||||
<el-button type="primary" @click="submit">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import serve from "api/product.js";
|
||||
|
||||
export default {
|
||||
props: {
|
||||
controlWindows: Object,
|
||||
multipleRowList: Array,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list: [],
|
||||
form: {},
|
||||
rules: {
|
||||
enableMark: [
|
||||
{ required: true, message: "请选择修改状态", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
openDrawer() {
|
||||
this.list = JSON.parse(JSON.stringify(this.multipleRowList));
|
||||
},
|
||||
submit() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.list.map((item) => {
|
||||
item.enableMark = this.form.enableMark;
|
||||
});
|
||||
serve.updateBatchEnable(this.list).then((res) => {
|
||||
this.$message.success(res.msg);
|
||||
this.closeWindow();
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
closeWindow() {
|
||||
this.list = [];
|
||||
this.form = {};
|
||||
this.$emit("closeWindow");
|
||||
this.controlWindows.batch = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.batch {
|
||||
.tip {
|
||||
span {
|
||||
color: orange;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
180
src/views/product/components/create.vue
Normal file
180
src/views/product/components/create.vue
Normal file
@@ -0,0 +1,180 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
title="创建订单"
|
||||
direction="rtl"
|
||||
size="40%"
|
||||
:visible="controlWindows.create"
|
||||
@opened="openDrawer"
|
||||
:before-close="closeWindow"
|
||||
>
|
||||
<div class="create">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||
<el-form-item label="客户名称" prop="productName">
|
||||
<el-input
|
||||
maxlength="50"
|
||||
v-model="form.productName"
|
||||
placeholder="请输入客户名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="炼厂名称" prop="refineryId">
|
||||
<el-select v-model="form.refineryId" placeholder="请选择炼厂">
|
||||
<el-option
|
||||
v-for="(item, index) in refineryList"
|
||||
:key="index"
|
||||
:label="item.refineryName"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="产品类型" prop="productType">
|
||||
<el-select v-model="form.productType" placeholder="请选择产品类型">
|
||||
<el-option
|
||||
v-for="(item, index) in productTypeList"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="产品名称" prop="productName">
|
||||
<el-input
|
||||
maxlength="50"
|
||||
v-model="form.productName"
|
||||
placeholder="请输入产品名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="销售价" prop="productName">
|
||||
<el-input
|
||||
maxlength="50"
|
||||
v-model="form.productName"
|
||||
placeholder="请输入销售价"
|
||||
></el-input>
|
||||
元/吨
|
||||
</el-form-item>
|
||||
<el-form-item label="预约提货量" prop="productName">
|
||||
<el-input
|
||||
maxlength="50"
|
||||
v-model="form.productName"
|
||||
placeholder="请输入预约提货量"
|
||||
></el-input>
|
||||
吨
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<el-button @click="controlWindows.create = false">取消 </el-button>
|
||||
<el-button @click="submit">确定</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import serve from "api/product.js";
|
||||
import refineryServe from "api/refineryInfo.js";
|
||||
export default {
|
||||
props: {
|
||||
controlWindows: Object,
|
||||
// refineryTypeEnum: Array,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
form: {},
|
||||
refineryList: [],
|
||||
productTypeList: [
|
||||
{
|
||||
label: "0#柴",
|
||||
value: "0#",
|
||||
},
|
||||
{
|
||||
label: "-10#柴",
|
||||
value: "-10#",
|
||||
},
|
||||
{
|
||||
label: "92#汽",
|
||||
value: "92#",
|
||||
},
|
||||
{
|
||||
label: "95#汽",
|
||||
value: "95#",
|
||||
},
|
||||
],
|
||||
rules: {
|
||||
productName: [
|
||||
{ required: true, message: "请输入产品名称", trigger: "blur" },
|
||||
],
|
||||
refineryId: [
|
||||
{ required: true, message: "请选择炼厂", trigger: "blur" },
|
||||
],
|
||||
enableMark: [
|
||||
{ required: true, message: "请选择启用状态", trigger: "blur" },
|
||||
],
|
||||
productType: [
|
||||
{ required: true, message: "请选择产品类型", trigger: "blur" },
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.findByEntity();
|
||||
},
|
||||
methods: {
|
||||
openDrawer() {},
|
||||
submit() {
|
||||
this.$refs["form"].validate((valid) => {
|
||||
if (valid) {
|
||||
this.judgeInterface(this.form).then((res) => {
|
||||
if (res.code === 20000) {
|
||||
this.$message.success(res.msg);
|
||||
this.closeWindow();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
judgeInterface(form) {
|
||||
let { id } = this.controlWindows.addInfo;
|
||||
if (id) return serve.update(form);
|
||||
else return serve.save(form);
|
||||
},
|
||||
//炼厂list
|
||||
findByEntity() {
|
||||
refineryServe.findByEntity().then((res) => {
|
||||
this.refineryList = res.data;
|
||||
});
|
||||
},
|
||||
closeWindow() {
|
||||
this.$emit("closeWindow");
|
||||
this.$refs.form.clearValidate();
|
||||
this.form = {};
|
||||
this.controlWindows.create = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.create {
|
||||
padding: 20px;
|
||||
.el-input,
|
||||
.el-select,
|
||||
.el-textarea {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
.buttons {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
padding-right: 40px;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
text-align: right;
|
||||
border-top: 1px solid #f2f3f5;
|
||||
.el-button {
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
287
src/views/product/components/record.vue
Normal file
287
src/views/product/components/record.vue
Normal file
@@ -0,0 +1,287 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
title="调价记录"
|
||||
direction="ltr"
|
||||
size="60%"
|
||||
:visible="controlWindows.record"
|
||||
:before-close="closeWindow"
|
||||
@opened="openDrawer"
|
||||
>
|
||||
<div class="record">
|
||||
<div class="frame record-frame">
|
||||
<!-- <el-input
|
||||
class="mr20"
|
||||
placeholder="创建人"
|
||||
v-model="parameter.params.productName"
|
||||
:fetch-suggestions="querySearchAsync"
|
||||
@select="handleSelect"
|
||||
|
||||
></el-input> -->
|
||||
<el-date-picker
|
||||
v-model="datetime"
|
||||
type="datetimerange"
|
||||
align="right"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"
|
||||
:default-time="['00:00:00', '23:59:59']"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
@change="changeDateTime"
|
||||
>
|
||||
</el-date-picker>
|
||||
|
||||
<div class="buttons">
|
||||
<el-button icon="el-icon-search" @click="search">查询</el-button>
|
||||
<el-button icon="el-icon-refresh" @click="initDateTime"
|
||||
>重置</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table">
|
||||
<el-table
|
||||
v-if="tableHeight"
|
||||
ref="multipleTable"
|
||||
:height="tableHeight"
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column label="成本价">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.floorPrice }}/{{ row.measurement }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="上次成本价">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.lastFloorPrice }}/{{ row.measurement }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="企业销售价">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.salePrice2company }}/{{ row.measurement }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="上次企业销售价">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.lastSalePrice2company }}/{{ row.measurement }}</template
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="个人销售价">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.salePrice2personal }}/{{ row.measurement }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="上次个人销售价">
|
||||
<template slot-scope="{ row }">
|
||||
{{ row.lastSalePrice2personal }}/{{ row.measurement }}</template
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="时间" width="235">
|
||||
<template slot-scope="{ row }">
|
||||
<p class="gray">
|
||||
创建人 <span>{{ row.createUserName }}</span>
|
||||
</p>
|
||||
<p class="gray">
|
||||
创建时间 <span>{{ row.createTime }}</span>
|
||||
</p>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- <el-pagination
|
||||
class="record-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
|
||||
class="record-el-pagination"
|
||||
:parameter="parameter"
|
||||
@searchAgain="getByPageRecord"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-buttons">
|
||||
<el-button @click="controlWindows.record = false">关闭 </el-button>
|
||||
<!-- <el-button @click="submit">确定</el-button> -->
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import serve from "api/product.js";
|
||||
|
||||
import pagination from "components/pagination/index.vue";
|
||||
export default {
|
||||
props: {
|
||||
controlWindows: Object,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
datetime: [],
|
||||
tableHeight: 0,
|
||||
tableData: [],
|
||||
total: 0,
|
||||
parameter: {
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
params: {
|
||||
startCreateTime: "",
|
||||
endCreateTime: "",
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
components: {
|
||||
pagination,
|
||||
},
|
||||
created() {},
|
||||
mounted() {},
|
||||
methods: {
|
||||
openDrawer() {
|
||||
let { id } = this.controlWindows.addInfo;
|
||||
if (id) {
|
||||
this.$nextTick(() => {
|
||||
this.heightHandle();
|
||||
window.addEventListener(
|
||||
"resize",
|
||||
this.$utils.debounce(this.heightHandle, 500)
|
||||
);
|
||||
});
|
||||
this.initDateTime();
|
||||
this.parameter.params.productId = id;
|
||||
this.getByPageRecord();
|
||||
}
|
||||
},
|
||||
initDateTime() {
|
||||
let now = new Date().getTime();
|
||||
let beforeDay30 = now - 1000 * 60 * 60 * 24 * 30;
|
||||
let nowRes = this.$utils.parseTime(now);
|
||||
let beforeDay30Res = this.$utils.parseTime(beforeDay30);
|
||||
let { y, M, d } = nowRes;
|
||||
let { y: beforey, M: beforeM, d: befored } = beforeDay30Res;
|
||||
this.datetime = [
|
||||
`${beforey}-${beforeM}-${befored} 00:00:00`,
|
||||
`${y}-${M}-${d} 23:59:59`,
|
||||
];
|
||||
this.changeDateTime(this.datetime);
|
||||
},
|
||||
changeDateTime(val) {
|
||||
if (val) {
|
||||
this.parameter.params.startCreateTime = val[0];
|
||||
this.parameter.params.endCreateTime = val[1];
|
||||
}
|
||||
},
|
||||
search() {
|
||||
this.parameter.currentPage = 1;
|
||||
this.getByPageRecord();
|
||||
},
|
||||
// table
|
||||
getByPageRecord() {
|
||||
serve.getByPageRecord(this.parameter).then((res) => {
|
||||
this.tableData = res.data.list;
|
||||
this.parameter.total = res.data.totalPage;
|
||||
});
|
||||
},
|
||||
// table height
|
||||
heightHandle() {
|
||||
let bodyHeight = document.body.clientHeight;
|
||||
let drawerHeaderHeight =
|
||||
this.obtainElement(".el-drawer__header").clientHeight;
|
||||
let frameHeight = this.obtainElement(".record-frame").clientHeight;
|
||||
let paginationHeight = this.obtainElement(
|
||||
".record-el-pagination"
|
||||
).clientHeight;
|
||||
this.tableHeight =
|
||||
bodyHeight - drawerHeaderHeight - frameHeight - paginationHeight - 230;
|
||||
},
|
||||
obtainElement(className) {
|
||||
return document.documentElement.querySelector(className);
|
||||
},
|
||||
closeWindow() {
|
||||
window.removeEventListener(
|
||||
"resize",
|
||||
this.$utils.debounce(this.heightHandle, 500)
|
||||
);
|
||||
this.$emit("closeWindow");
|
||||
this.parameter = {
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
params: { startCreateTime: "", endCreateTime: "" },
|
||||
};
|
||||
this.controlWindows.addInfo = {};
|
||||
this.controlWindows.record = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.record {
|
||||
padding: 0 20px;
|
||||
.el-input,
|
||||
.el-select,
|
||||
.el-textarea {
|
||||
width: 300px;
|
||||
}
|
||||
.frame {
|
||||
padding: 20px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e3e3e5;
|
||||
background: #fff;
|
||||
.el-input,
|
||||
.el-select {
|
||||
width: 183px;
|
||||
height: 40px;
|
||||
}
|
||||
.el-input + .el-input,
|
||||
.el-input + .el-select,
|
||||
.el-select + .el-select,
|
||||
.el-select + .el-input,
|
||||
.el-input + .el-date-picker {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.mr20 {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.buttons {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.table {
|
||||
overflow: hidden;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
background: #fff;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e3e3e5;
|
||||
.record-el-pagination {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-buttons {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
padding-right: 40px;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
text-align: right;
|
||||
border-top: 1px solid #f2f3f5;
|
||||
.el-button {
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user