|
|
|
|
@ -1,37 +1,14 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="order"> |
|
|
|
|
<div class="frame"> |
|
|
|
|
<el-input |
|
|
|
|
class="mr20" |
|
|
|
|
v-model="parameter.params.productName" |
|
|
|
|
placeholder="产品名称" |
|
|
|
|
clearable |
|
|
|
|
></el-input> |
|
|
|
|
<el-select |
|
|
|
|
v-model="parameter.params.productType" |
|
|
|
|
placeholder="产品类型" |
|
|
|
|
clearable |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item, index) in productTypeList" |
|
|
|
|
:key="index" |
|
|
|
|
:label="item" |
|
|
|
|
:value="item" |
|
|
|
|
> |
|
|
|
|
</el-option> |
|
|
|
|
<el-input class="mr20" v-model="parameter.params.productName" placeholder="产品名称" clearable></el-input> |
|
|
|
|
<el-select v-model="parameter.params.productType" placeholder="产品类型" clearable> |
|
|
|
|
<el-option v-for="(item, index) in productTypeList" :key="index" :label="item" :value="item"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<!-- 炼厂名称 --> |
|
|
|
|
<autocomplete :params="parameter.params" :config="configAutocomplete" /> |
|
|
|
|
<el-input |
|
|
|
|
v-model="parameter.params.belongLibrary" |
|
|
|
|
placeholder="所处炼厂库" |
|
|
|
|
clearable |
|
|
|
|
></el-input> |
|
|
|
|
<el-select |
|
|
|
|
v-model="parameter.params.enableMark" |
|
|
|
|
placeholder="启用禁用" |
|
|
|
|
clearable |
|
|
|
|
> |
|
|
|
|
<el-input v-model="parameter.params.belongLibrary" placeholder="所处炼厂库" clearable></el-input> |
|
|
|
|
<el-select v-model="parameter.params.enableMark" placeholder="启用禁用" clearable> |
|
|
|
|
<el-option label="启用" value="ENABLE"> </el-option> |
|
|
|
|
<el-option label="禁用" value="DISABLE"> </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
@ -54,32 +31,15 @@ |
|
|
|
|
:data="tableData" |
|
|
|
|
style="width: 100%" |
|
|
|
|
@selection-change="handleSelectionChange" |
|
|
|
|
:header-cell-style="$utils.cellStyle" |
|
|
|
|
:cell-style="$utils.cellStyle" |
|
|
|
|
> |
|
|
|
|
> |
|
|
|
|
<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="productName" label="产品名称" show-overflow-tooltip> </el-table-column> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="productType" label="产品类型"> </el-table-column> |
|
|
|
|
|
|
|
|
|
<el-table-column |
|
|
|
|
prop="refineryName" |
|
|
|
|
label="炼厂名称" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
prop="belongLibrary" |
|
|
|
|
label="所属炼厂库" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="refineryName" label="炼厂名称" show-overflow-tooltip> </el-table-column> |
|
|
|
|
<el-table-column prop="belongLibrary" label="所属炼厂库" show-overflow-tooltip> </el-table-column> |
|
|
|
|
<el-table-column prop="orderSerialNumber" label="启用状态" width="80"> |
|
|
|
|
<template slot-scope="{ row }"> |
|
|
|
|
<el-switch |
|
|
|
|
@ -89,8 +49,8 @@ |
|
|
|
|
active-color="#13ce66" |
|
|
|
|
inactive-color="#ff4949" |
|
|
|
|
@change=" |
|
|
|
|
(val) => { |
|
|
|
|
switchTrigger(val, row); |
|
|
|
|
val => { |
|
|
|
|
switchTrigger(val, row) |
|
|
|
|
} |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
@ -98,19 +58,13 @@ |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="refineryLevel" label="成本价" width="110"> |
|
|
|
|
<template slot-scope="{ row }"> |
|
|
|
|
{{ row.floorPrice | toNumberFixed }}/{{ row.measurement }} |
|
|
|
|
</template> |
|
|
|
|
<template slot-scope="{ row }"> {{ row.floorPrice | toNumberFixed }}/{{ row.measurement }} </template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="refineryLevel" label="企业销售价" width="110"> |
|
|
|
|
<template slot-scope="{ row }"> |
|
|
|
|
{{ row.salePrice2company | toNumberFixed }}/{{ row.measurement }} |
|
|
|
|
</template> |
|
|
|
|
<template slot-scope="{ row }"> {{ row.salePrice2company | toNumberFixed }}/{{ row.measurement }} </template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="refineryLevel" label="个人销售价" width="110"> |
|
|
|
|
<template slot-scope="{ row }"> |
|
|
|
|
{{ row.salePrice2personal | toNumberFixed }}/{{ row.measurement }} |
|
|
|
|
</template> |
|
|
|
|
<template slot-scope="{ row }"> {{ row.salePrice2personal | toNumberFixed }}/{{ row.measurement }} </template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="时间" width="235"> |
|
|
|
|
<template slot-scope="{ row }"> |
|
|
|
|
@ -118,20 +72,18 @@ |
|
|
|
|
创建时间 <span>{{ row.createTime }}</span> |
|
|
|
|
</p> |
|
|
|
|
<p class="gray"> |
|
|
|
|
更新时间 <span>{{ row.updateTime || " - -" }}</span> |
|
|
|
|
更新时间 <span>{{ row.updateTime || ' - -' }}</span> |
|
|
|
|
</p> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="操作" width="210"> |
|
|
|
|
<template slot-scope="{ row }"> |
|
|
|
|
<span class="el-dropdown-link" @click="detail(row)">详情</span> |
|
|
|
|
<span class="el-dropdown-link special" @click="adjustPrice(row)" |
|
|
|
|
>调价</span |
|
|
|
|
> |
|
|
|
|
<span class="el-dropdown-link special" @click="adjustPrice(row)">调价</span> |
|
|
|
|
<el-dropdown |
|
|
|
|
@command=" |
|
|
|
|
(val) => { |
|
|
|
|
commandPrice(val, row); |
|
|
|
|
val => { |
|
|
|
|
commandPrice(val, row) |
|
|
|
|
} |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
@ -142,27 +94,18 @@ |
|
|
|
|
<el-dropdown-item command="record">调价记录</el-dropdown-item> |
|
|
|
|
</el-dropdown-menu> |
|
|
|
|
</el-dropdown> |
|
|
|
|
<span |
|
|
|
|
v-show="row.enableMark == 'ENABLE'" |
|
|
|
|
class="el-dropdown-link" |
|
|
|
|
@click="updateCreate(row)" |
|
|
|
|
>下单</span |
|
|
|
|
> |
|
|
|
|
<span v-show="row.enableMark == 'ENABLE'" class="el-dropdown-link" @click="updateCreate(row)">下单</span> |
|
|
|
|
<el-dropdown |
|
|
|
|
@command=" |
|
|
|
|
(val) => { |
|
|
|
|
commandMore(val, row); |
|
|
|
|
val => { |
|
|
|
|
commandMore(val, row) |
|
|
|
|
} |
|
|
|
|
" |
|
|
|
|
> |
|
|
|
|
<span class="el-dropdown-link"> |
|
|
|
|
更多<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
|
</span> |
|
|
|
|
<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-item command="settle">修改结算账户</el-dropdown-item> |
|
|
|
|
</el-dropdown-menu> |
|
|
|
|
</el-dropdown> |
|
|
|
|
</template> |
|
|
|
|
@ -174,25 +117,15 @@ |
|
|
|
|
<!--新增产品 --> |
|
|
|
|
<add :controlWindows="controlWindows" @closeWindow="search" /> |
|
|
|
|
<!-- 下单 --> |
|
|
|
|
<create :controlWindows="controlWindows" @closeWindow="search" /> |
|
|
|
|
<create :controlWindows="controlWindows" @closeWindow="search" /> |
|
|
|
|
<!-- 调价记录 --> |
|
|
|
|
<record :controlWindows="controlWindows" /> |
|
|
|
|
<!-- 批量 --> |
|
|
|
|
<batch |
|
|
|
|
:controlWindows="controlWindows" |
|
|
|
|
:multipleRowList="multipleRowList" |
|
|
|
|
@closeWindow="search" |
|
|
|
|
/> |
|
|
|
|
<batch :controlWindows="controlWindows" :multipleRowList="multipleRowList" @closeWindow="search" /> |
|
|
|
|
<!-- 调价 --> |
|
|
|
|
<adjust :controlWindows="controlWindows" @closeWindow="search" /> |
|
|
|
|
<!-- 详情 --> |
|
|
|
|
<el-drawer |
|
|
|
|
title="详情" |
|
|
|
|
direction="ltr" |
|
|
|
|
size="60%" |
|
|
|
|
:withHeader="false" |
|
|
|
|
:visible.sync="controlWindows.detail" |
|
|
|
|
> |
|
|
|
|
<el-drawer title="详情" direction="ltr" size="60%" :withHeader="false" :visible.sync="controlWindows.detail"> |
|
|
|
|
<general-details |
|
|
|
|
title="详情" |
|
|
|
|
:isHeader="true" |
|
|
|
|
@ -203,7 +136,7 @@ |
|
|
|
|
> |
|
|
|
|
<template #enableMark> |
|
|
|
|
<p> |
|
|
|
|
{{ oilCompanyMatch[0].enableMark === "ENABLE" ? "启用" : "禁用" }} |
|
|
|
|
{{ oilCompanyMatch[0].enableMark === 'ENABLE' ? '启用' : '禁用' }} |
|
|
|
|
</p> |
|
|
|
|
</template> |
|
|
|
|
</general-details> |
|
|
|
|
@ -212,18 +145,18 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import serve from "api/product.js"; |
|
|
|
|
import refineryInfoServe from "api/refineryInfo.js"; |
|
|
|
|
import serve from 'api/product.js' |
|
|
|
|
import refineryInfoServe from 'api/refineryInfo.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 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 autocomplete from "components/autocomplete/index.vue"; |
|
|
|
|
import pagination from "components/pagination/index.vue"; |
|
|
|
|
import generalDetails from "components/generalDetails/index.vue"; |
|
|
|
|
import autocomplete from 'components/autocomplete/index.vue' |
|
|
|
|
import pagination from 'components/pagination/index.vue' |
|
|
|
|
import generalDetails from 'components/generalDetails/index.vue' |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
components: { |
|
|
|
|
@ -235,16 +168,16 @@ export default { |
|
|
|
|
|
|
|
|
|
pagination, |
|
|
|
|
autocomplete, |
|
|
|
|
generalDetails, |
|
|
|
|
generalDetails |
|
|
|
|
}, |
|
|
|
|
filters: { |
|
|
|
|
toNumberFixed(val) { |
|
|
|
|
if (val) { |
|
|
|
|
return Number(val).toFixed(2); |
|
|
|
|
return Number(val).toFixed(2) |
|
|
|
|
} else { |
|
|
|
|
return "暂无"; |
|
|
|
|
return '暂无' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
@ -255,16 +188,16 @@ export default { |
|
|
|
|
create: false, |
|
|
|
|
record: false, |
|
|
|
|
batch: false, |
|
|
|
|
adjust: false, |
|
|
|
|
adjust: false |
|
|
|
|
}, |
|
|
|
|
productTypeList: ["0#柴", "-10#柴", "92#汽", "95#汽"], |
|
|
|
|
productTypeList: ['0#柴', '-10#柴', '92#汽', '95#汽'], |
|
|
|
|
configAutocomplete: { |
|
|
|
|
serveTarget: refineryInfoServe.findByEntity, |
|
|
|
|
autocompleteKey: "refineryName", |
|
|
|
|
labelKey: "refineryName", |
|
|
|
|
valueKey: "id", |
|
|
|
|
placeholder: "炼厂名称", |
|
|
|
|
querykey: "refineryId", |
|
|
|
|
autocompleteKey: 'refineryName', |
|
|
|
|
labelKey: 'refineryName', |
|
|
|
|
valueKey: 'id', |
|
|
|
|
placeholder: '炼厂名称', |
|
|
|
|
querykey: 'refineryId' |
|
|
|
|
}, |
|
|
|
|
refineryList: [], |
|
|
|
|
multipleRowList: [], |
|
|
|
|
@ -274,128 +207,125 @@ export default { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageSize: 10, |
|
|
|
|
total: 0, |
|
|
|
|
params: {}, |
|
|
|
|
params: {} |
|
|
|
|
}, |
|
|
|
|
oilCompanyMatch: {}, |
|
|
|
|
mappingData: [ |
|
|
|
|
{ |
|
|
|
|
carTitle: "", |
|
|
|
|
carTitle: '', |
|
|
|
|
carItems: [ |
|
|
|
|
{ label: "炼厂id", value: "refineryId" }, |
|
|
|
|
{ label: "炼厂名称", value: "refineryName" }, |
|
|
|
|
{ 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: '炼厂id', value: 'refineryId' }, |
|
|
|
|
{ label: '炼厂名称', value: 'refineryName' }, |
|
|
|
|
{ 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' } |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
this.heightHandle(); |
|
|
|
|
}); |
|
|
|
|
window.addEventListener( |
|
|
|
|
"resize", |
|
|
|
|
this.$utils.debounce(this.heightHandle, 500) |
|
|
|
|
); |
|
|
|
|
this.heightHandle() |
|
|
|
|
}) |
|
|
|
|
window.addEventListener('resize', this.$utils.debounce(this.heightHandle, 500)) |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
this.getByPage(); |
|
|
|
|
this.getByPage() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// 多选 |
|
|
|
|
handleSelectionChange(val) { |
|
|
|
|
this.multipleRowList = val; |
|
|
|
|
this.multipleRowList = val |
|
|
|
|
}, |
|
|
|
|
search() { |
|
|
|
|
this.parameter.currentPage = 1; |
|
|
|
|
this.getByPage(); |
|
|
|
|
this.parameter.currentPage = 1 |
|
|
|
|
this.getByPage() |
|
|
|
|
}, |
|
|
|
|
//table list |
|
|
|
|
getByPage() { |
|
|
|
|
serve.getByPage(this.parameter).then((res) => { |
|
|
|
|
this.tableData = res.data.list; |
|
|
|
|
this.parameter.total = res.data.totalCount; |
|
|
|
|
}); |
|
|
|
|
serve.getByPage(this.parameter).then(res => { |
|
|
|
|
this.tableData = res.data.list |
|
|
|
|
this.parameter.total = res.data.totalCount |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
//新增 |
|
|
|
|
addition() { |
|
|
|
|
this.controlWindows.addInfo.title = "产品新增"; |
|
|
|
|
this.controlWindows.add = true; |
|
|
|
|
this.controlWindows.addInfo.title = '产品新增' |
|
|
|
|
this.controlWindows.add = true |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
//下单 |
|
|
|
|
createOrder(row) { |
|
|
|
|
this.controlWindows.addInfo = {}; |
|
|
|
|
this.controlWindows.addInfo.title = "创建订单"; |
|
|
|
|
this.controlWindows.create = true; |
|
|
|
|
console.log(this.controlWindows, "新增"); |
|
|
|
|
this.controlWindows.addInfo = {} |
|
|
|
|
this.controlWindows.addInfo.title = '创建订单' |
|
|
|
|
this.controlWindows.create = true |
|
|
|
|
console.log(this.controlWindows, '新增') |
|
|
|
|
}, |
|
|
|
|
//修改订单 |
|
|
|
|
updateCreate(row) { |
|
|
|
|
this.controlWindows.addInfo = { |
|
|
|
|
title: "创建订单", |
|
|
|
|
...row, |
|
|
|
|
}; |
|
|
|
|
this.controlWindows.create = true; |
|
|
|
|
console.log("修改"); |
|
|
|
|
title: '创建订单', |
|
|
|
|
...row |
|
|
|
|
} |
|
|
|
|
this.controlWindows.create = true |
|
|
|
|
console.log('修改') |
|
|
|
|
}, |
|
|
|
|
//详情 |
|
|
|
|
detail(row) { |
|
|
|
|
this.oilCompanyMatch = [row]; |
|
|
|
|
this.controlWindows.detail = true; |
|
|
|
|
this.oilCompanyMatch = [row] |
|
|
|
|
this.controlWindows.detail = true |
|
|
|
|
}, |
|
|
|
|
//调价 |
|
|
|
|
adjustPrice(row) { |
|
|
|
|
this.controlWindows.addInfo = { id: row.id }; |
|
|
|
|
this.controlWindows.adjust = true; |
|
|
|
|
this.controlWindows.addInfo = { id: row.id } |
|
|
|
|
this.controlWindows.adjust = true |
|
|
|
|
}, |
|
|
|
|
//更多 |
|
|
|
|
commandMore(val, row) { |
|
|
|
|
if (val === "base") { |
|
|
|
|
if (val === 'base') { |
|
|
|
|
this.controlWindows.addInfo = { |
|
|
|
|
title: "产品修改", |
|
|
|
|
...row, |
|
|
|
|
}; |
|
|
|
|
this.controlWindows.add = true; |
|
|
|
|
title: '产品修改', |
|
|
|
|
...row |
|
|
|
|
} |
|
|
|
|
this.controlWindows.add = true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//调价 |
|
|
|
|
commandPrice(val, row) { |
|
|
|
|
if (val === "record") { |
|
|
|
|
this.controlWindows.addInfo = { id: row.id }; |
|
|
|
|
this.controlWindows.record = true; |
|
|
|
|
if (val === 'record') { |
|
|
|
|
this.controlWindows.addInfo = { id: row.id } |
|
|
|
|
this.controlWindows.record = true |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//启用禁用 |
|
|
|
|
switchTrigger(val, row) { |
|
|
|
|
row.enableMark = val === "ENABLE" ? "DISENABLE" : "ENABLE"; |
|
|
|
|
row.enableMark = val === 'ENABLE' ? 'DISENABLE' : 'ENABLE' |
|
|
|
|
// return; |
|
|
|
|
serve |
|
|
|
|
.updateBatchEnable([ |
|
|
|
|
{ |
|
|
|
|
id: row.id, |
|
|
|
|
enableMark: val, |
|
|
|
|
}, |
|
|
|
|
enableMark: val |
|
|
|
|
} |
|
|
|
|
]) |
|
|
|
|
.then((res) => { |
|
|
|
|
.then(res => { |
|
|
|
|
if (res.code === 20000) { |
|
|
|
|
this.getByPage(); |
|
|
|
|
this.getByPage() |
|
|
|
|
} |
|
|
|
|
// this.$message.success(res.msg); |
|
|
|
|
// this.closeWindow(); |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
// serve |
|
|
|
|
// .update({ |
|
|
|
|
// id: row.id, |
|
|
|
|
@ -410,33 +340,32 @@ export default { |
|
|
|
|
//批量启用禁用 |
|
|
|
|
batchHandler() { |
|
|
|
|
if (!this.multipleRowList.length) { |
|
|
|
|
this.$message.warning("请至少选择一条数据"); |
|
|
|
|
return; |
|
|
|
|
this.$message.warning('请至少选择一条数据') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
this.controlWindows.batch = true; |
|
|
|
|
this.controlWindows.batch = true |
|
|
|
|
}, |
|
|
|
|
//重置 |
|
|
|
|
reset() { |
|
|
|
|
Object.assign(this.parameter, { |
|
|
|
|
currentPage: 1, |
|
|
|
|
pageSize: 10, |
|
|
|
|
params: {}, |
|
|
|
|
}); |
|
|
|
|
params: {} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// table height |
|
|
|
|
heightHandle() { |
|
|
|
|
let bodyHeight = document.body.clientHeight; |
|
|
|
|
let frameHeight = this.obtainElement(".frame").clientHeight; |
|
|
|
|
let operationHeight = this.obtainElement(".operation").clientHeight; |
|
|
|
|
let paginationHeight = this.obtainElement(".el-pagination").clientHeight; |
|
|
|
|
this.tableHeight = |
|
|
|
|
bodyHeight - frameHeight - operationHeight - paginationHeight - 145; |
|
|
|
|
let bodyHeight = document.body.clientHeight |
|
|
|
|
let frameHeight = this.obtainElement('.frame').clientHeight |
|
|
|
|
let operationHeight = this.obtainElement('.operation').clientHeight |
|
|
|
|
let paginationHeight = this.obtainElement('.el-pagination').clientHeight |
|
|
|
|
this.tableHeight = bodyHeight - frameHeight - operationHeight - paginationHeight - 145 |
|
|
|
|
}, |
|
|
|
|
obtainElement(className) { |
|
|
|
|
return document.documentElement.querySelector(className); |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
}; |
|
|
|
|
return document.documentElement.querySelector(className) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
xiaozhiyong
2 years ago