xiaozhiyong
/
refinery-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

Browse Source
xiaozy_0517
xiaozhiyong 2 years ago
parent 3b2691214e
commit e73db5d59f
3 changed files with 265 additions and 447 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 152
      src/views/product/components/record.vue
  2. 313
      src/views/product/index.vue
  3. 247
      src/views/refineryInfo/index.vue

152
src/views/product/components/record.vue
Unescape View File

@ -1,12 +1,5 @@
<template> <template>
<el-drawer <el-drawer title="调价记录" direction="ltr" size="60%" :visible.sync="controlWindows.record" :before-close="closeWindow" @opened="openDrawer">
title="调价记录"
direction="ltr"
size="60%"
:visible.sync="controlWindows.record"
:before-close="closeWindow"
@opened="openDrawer"
>
<div class="record"> <div class="record">
<div class="frame record-frame"> <div class="frame record-frame">
<el-date-picker <el-date-picker
@ -23,47 +16,29 @@
<div class="buttons"> <div class="buttons">
<el-button icon="el-icon-search" @click="search">查询</el-button> <el-button icon="el-icon-search" @click="search">查询</el-button>
<el-button icon="el-icon-refresh" @click="initDateTime" <el-button icon="el-icon-refresh" @click="initDateTime">重置</el-button>
>重置</el-button
>
</div> </div>
</div> </div>
<div class="table"> <div class="table">
<el-table <el-table v-if="tableHeight" ref="multipleTable" :height="tableHeight" :data="tableData" style="width: 100%">
v-if="tableHeight"
ref="multipleTable"
:height="tableHeight"
:data="tableData"
style="width: 100%"
:header-cell-style="$utils.cellStyle"
:cell-style="$utils.cellStyle"
>
<el-table-column label="成本价"> <el-table-column label="成本价">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<p v-if="row.floorPrice"> <p v-if="row.floorPrice">{{ row.floorPrice }}/{{ row.measurement }}</p>
{{ row.floorPrice }}/{{ row.measurement }}
</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="上次成本价"> <el-table-column label="上次成本价">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<p v-if="row.lastFloorPrice"> <p v-if="row.lastFloorPrice">{{ row.lastFloorPrice }}/{{ row.measurement }}</p>
{{ row.lastFloorPrice }}/{{ row.measurement }}
</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="企业销售价"> <el-table-column label="企业销售价">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<p v-if="row.salePrice2company"> <p v-if="row.salePrice2company">{{ row.salePrice2company }}/{{ row.measurement }}</p>
{{ row.salePrice2company }}/{{ row.measurement }}
</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="上次企业销售价"> <el-table-column label="上次企业销售价">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<p v-if="row.lastSalePrice2company"> <p v-if="row.lastSalePrice2company">{{ row.lastSalePrice2company }}/{{ row.measurement }}</p></template
{{ row.lastSalePrice2company }}/{{ row.measurement }}
</p></template
> >
</el-table-column> </el-table-column>
<!-- <el-table-column label="个人销售价"> <!-- <el-table-column label="个人销售价">
@ -92,11 +67,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页 --> <!-- 分页 -->
<pagination <pagination class="record-el-pagination" :parameter="parameter" @searchAgain="getByPageRecord" />
class="record-el-pagination"
:parameter="parameter"
@searchAgain="getByPageRecord"
/>
</div> </div>
</div> </div>
<div class="footer-buttons"> <div class="footer-buttons">
@ -106,12 +77,12 @@
</template> </template>
<script> <script>
import serve from "api/product.js"; import serve from 'api/product.js'
import pagination from "components/pagination/index.vue"; import pagination from 'components/pagination/index.vue'
export default { export default {
props: { props: {
controlWindows: Object, controlWindows: Object
}, },
data() { data() {
return { return {
@ -124,95 +95,82 @@ export default {
pageSize: 10, pageSize: 10,
total: 0, total: 0,
params: { params: {
startCreateTime: "", startCreateTime: '',
endCreateTime: "", endCreateTime: ''
}, }
}, }
}; }
}, },
components: { components: {
pagination, pagination
}, },
created() {}, created() {},
mounted() {}, mounted() {},
methods: { methods: {
openDrawer() { openDrawer() {
let { id } = this.controlWindows.addInfo; let { id } = this.controlWindows.addInfo
if (id) { if (id) {
this.$nextTick(() => { this.$nextTick(() => {
this.heightHandle(); this.heightHandle()
window.addEventListener( window.addEventListener('resize', this.$utils.debounce(this.heightHandle, 500))
"resize", })
this.$utils.debounce(this.heightHandle, 500) this.initDateTime()
); this.parameter.params.productId = id
}); this.getByPageRecord()
this.initDateTime();
this.parameter.params.productId = id;
this.getByPageRecord();
} }
}, },
initDateTime() { initDateTime() {
let now = new Date().getTime(); let now = new Date().getTime()
let beforeDay30 = now - 1000 * 60 * 60 * 24 * 30; let beforeDay30 = now - 1000 * 60 * 60 * 24 * 30
let nowRes = this.$utils.parseTime(now); let nowRes = this.$utils.parseTime(now)
let beforeDay30Res = this.$utils.parseTime(beforeDay30); let beforeDay30Res = this.$utils.parseTime(beforeDay30)
let { y, M, d } = nowRes; let { y, M, d } = nowRes
let { y: beforey, M: beforeM, d: befored } = beforeDay30Res; let { y: beforey, M: beforeM, d: befored } = beforeDay30Res
this.datetime = [ this.datetime = [`${beforey}-${beforeM}-${befored} 00:00:00`, `${y}-${M}-${d} 23:59:59`]
`${beforey}-${beforeM}-${befored} 00:00:00`, this.changeDateTime(this.datetime)
`${y}-${M}-${d} 23:59:59`,
];
this.changeDateTime(this.datetime);
}, },
changeDateTime(val) { changeDateTime(val) {
if (val) { if (val) {
this.parameter.params.startCreateTime = val[0]; this.parameter.params.startCreateTime = val[0]
this.parameter.params.endCreateTime = val[1]; this.parameter.params.endCreateTime = val[1]
} }
}, },
search() { search() {
this.parameter.currentPage = 1; this.parameter.currentPage = 1
this.getByPageRecord(); this.getByPageRecord()
}, },
// table // table
getByPageRecord() { getByPageRecord() {
serve.getByPageRecord(this.parameter).then((res) => { serve.getByPageRecord(this.parameter).then(res => {
this.tableData = res.data.list; this.tableData = res.data.list
this.parameter.total = res.data.totalCount; this.parameter.total = res.data.totalCount
}); })
}, },
// table height // table height
heightHandle() { heightHandle() {
let bodyHeight = document.body.clientHeight; let bodyHeight = document.body.clientHeight
let drawerHeaderHeight = let drawerHeaderHeight = this.obtainElement('.el-drawer__header').clientHeight
this.obtainElement(".el-drawer__header").clientHeight; let frameHeight = this.obtainElement('.record-frame').clientHeight
let frameHeight = this.obtainElement(".record-frame").clientHeight; let paginationHeight = this.obtainElement('.record-el-pagination').clientHeight
let paginationHeight = this.obtainElement( this.tableHeight = bodyHeight - drawerHeaderHeight - frameHeight - paginationHeight - 230
".record-el-pagination"
).clientHeight;
this.tableHeight =
bodyHeight - drawerHeaderHeight - frameHeight - paginationHeight - 230;
}, },
obtainElement(className) { obtainElement(className) {
return document.documentElement.querySelector(className); return document.documentElement.querySelector(className)
}, },
closeWindow() { closeWindow() {
window.removeEventListener( window.removeEventListener('resize', this.$utils.debounce(this.heightHandle, 500))
"resize", this.$emit('closeWindow')
this.$utils.debounce(this.heightHandle, 500)
);
this.$emit("closeWindow");
this.parameter = { this.parameter = {
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
total: 0, total: 0,
params: { startCreateTime: "", endCreateTime: "" }, params: { startCreateTime: '', endCreateTime: '' }
}; }
this.controlWindows.addInfo = {}; this.controlWindows.addInfo = {}
this.controlWindows.record = false; this.controlWindows.record = false
}, }
}, }
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

313
src/views/product/index.vue
Unescape View File

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

247
src/views/refineryInfo/index.vue
Unescape View File

@ -1,41 +1,19 @@
<template> <template>
<div class="order"> <div class="order">
<div class="frame"> <div class="frame">
<autocomplete <autocomplete class="mr20" :params="parameter.params" :config="configAutocomplete" />
class="mr20"
:params="parameter.params"
:config="configAutocomplete"
/>
<el-select <el-select v-model="parameter.params.refineryType" placeholder="炼厂类型" clearable>
v-model="parameter.params.refineryType" <el-option v-for="item in refineryTypeEnum" :key="item.value" :label="item.label" :value="item.value"> </el-option>
placeholder="炼厂类型"
clearable
>
<el-option
v-for="item in refineryTypeEnum"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select> </el-select>
<el-select <el-select v-model="parameter.params.refineryLevel" placeholder="炼厂等级" clearable>
v-model="parameter.params.refineryLevel"
placeholder="炼厂等级"
clearable
>
<el-option label="A" value="A"></el-option> <el-option label="A" value="A"></el-option>
<el-option label="B" value="B"></el-option> <el-option label="B" value="B"></el-option>
<el-option label="C" value="C"></el-option> <el-option label="C" value="C"></el-option>
<el-option label="D" value="D"></el-option> <el-option label="D" value="D"></el-option>
<el-option label="E" value="E"></el-option> <el-option label="E" value="E"></el-option>
</el-select> </el-select>
<el-select <el-select v-model="parameter.params.enableMark" placeholder="启用禁用" clearable>
v-model="parameter.params.enableMark"
placeholder="启用禁用"
clearable
>
<el-option label="启用" value="ENABLE"> </el-option> <el-option label="启用" value="ENABLE"> </el-option>
<el-option label="禁用" value="DISABLE"> </el-option> <el-option label="禁用" value="DISABLE"> </el-option>
</el-select> </el-select>
@ -48,35 +26,17 @@
<div class="operation"> <div class="operation">
<el-button @click="addition">炼厂入驻</el-button> <el-button @click="addition">炼厂入驻</el-button>
</div> </div>
<el-table <el-table v-if="tableHeight" ref="multipleTable" :height="tableHeight" :data="tableData" style="width: 100%">
v-if="tableHeight" <el-table-column prop="refineryName" label="炼厂名称" show-overflow-tooltip> </el-table-column>
ref="multipleTable"
:height="tableHeight"
:data="tableData"
style="width: 100%"
:header-cell-style="$utils.cellStyle"
:cell-style="$utils.cellStyle"
>
<el-table-column
prop="refineryName"
label="炼厂名称"
show-overflow-tooltip
>
</el-table-column>
<el-table-column prop="orderSerialNumber" label="炼厂类型" width="90"> <el-table-column prop="orderSerialNumber" label="炼厂类型" width="90">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<p v-if="row.refineryType"> <p v-if="row.refineryType">
{{ {{ refineryTypeEnum.find(item => item.value == row.refineryType).label }}
refineryTypeEnum.find((item) => item.value == row.refineryType)
.label
}}
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="refineryLevel" label="炼厂等级" width="90"> <el-table-column prop="refineryLevel" label="炼厂等级" width="90"> </el-table-column>
</el-table-column> <el-table-column prop="address" label="炼厂地址" show-overflow-tooltip> </el-table-column>
<el-table-column prop="address" label="炼厂地址" show-overflow-tooltip>
</el-table-column>
<el-table-column prop="orderSerialNumber" label="启用状态" width="80"> <el-table-column prop="orderSerialNumber" label="启用状态" width="80">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<el-switch <el-switch
@ -86,42 +46,31 @@
active-color="#13ce66" active-color="#13ce66"
inactive-color="#ff4949" inactive-color="#ff4949"
@change=" @change="
(val) => { val => {
switchTrigger(val, row); switchTrigger(val, row)
} }
" "
> >
</el-switch> </el-switch>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="productCount" label="启用产品数量" width="120"> <el-table-column prop="productCount" label="启用产品数量" width="120"> </el-table-column>
</el-table-column>
<el-table-column label="时间" width="235"> <el-table-column label="时间" width="235">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<p class="gray"> <p class="gray">
创建时间 <span>{{ row.createTime }}</span> 创建时间 <span>{{ row.createTime }}</span>
</p> </p>
<p class="gray"> <p class="gray">
更新时间 <span>{{ row.updateTime || " - -" }}</span> 更新时间 <span>{{ row.updateTime || ' - -' }}</span>
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="orderSerialNumber" label="操作" width="150"> <el-table-column prop="orderSerialNumber" label="操作" width="150">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<el-link type="primary" :underline="false" @click="update(row)" <el-link type="primary" :underline="false" @click="update(row)">修改</el-link>
>修改</el-link <el-link type="primary" :underline="false" @click="detail(row)">详情</el-link>
> <el-popconfirm title="确定删除该条数据吗？" icon-color="red" @confirm="deleteRow(row)">
<el-link type="primary" :underline="false" @click="detail(row)" <el-link slot="reference" type="primary" :underline="false">删除</el-link>
>详情</el-link
>
<el-popconfirm
title="确定删除该条数据吗？"
icon-color="red"
@confirm="deleteRow(row)"
>
<el-link slot="reference" type="primary" :underline="false"
>删除</el-link
>
</el-popconfirm> </el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
@ -129,19 +78,9 @@
<!-- 分页 --> <!-- 分页 -->
<pagination :parameter="parameter" @searchAgain="getByPage" /> <pagination :parameter="parameter" @searchAgain="getByPage" />
</div> </div>
<add <add :controlWindows="controlWindows" :refineryTypeEnum="refineryTypeEnum" @closeWindow="search" />
:controlWindows="controlWindows"
:refineryTypeEnum="refineryTypeEnum"
@closeWindow="search"
/>
<el-drawer <el-drawer title="详情" direction="ltr" size="60%" :withHeader="false" :visible.sync="controlWindows.detail">
title="详情"
direction="ltr"
size="60%"
:withHeader="false"
:visible.sync="controlWindows.detail"
>
<general-details <general-details
title="详情" title="详情"
:isHeader="true" :isHeader="true"
@ -152,16 +91,12 @@
> >
<template #refineryType> <template #refineryType>
<p> <p>
{{ {{ refineryTypeEnum.find(item => item.value == oilCompanyMatch[0].refineryType).label }}
refineryTypeEnum.find(
(item) => item.value == oilCompanyMatch[0].refineryType
).label
}}
</p> </p>
</template> </template>
<template #enableMark> <template #enableMark>
<p> <p>
{{ oilCompanyMatch[0].enableMark === "ENABLE" ? "启用" : "禁用" }} {{ oilCompanyMatch[0].enableMark === 'ENABLE' ? '启用' : '禁用' }}
</p> </p>
</template> </template>
</general-details> </general-details>
@ -170,22 +105,22 @@
</template> </template>
<script> <script>
import serve from "api/refineryInfo.js"; import serve from 'api/refineryInfo.js'
import add from "./components/add.vue"; import add from './components/add.vue'
import pagination from "components/pagination/index.vue"; import pagination from 'components/pagination/index.vue'
import autocomplete from "components/autocomplete/index.vue"; import autocomplete from 'components/autocomplete/index.vue'
import generalDetails from "components/generalDetails/index.vue"; import generalDetails from 'components/generalDetails/index.vue'
import { refineryTypeEnum } from "utils/dataType.js"; import { refineryTypeEnum } from 'utils/dataType.js'
export default { export default {
components: { components: {
add, add,
pagination, pagination,
autocomplete, autocomplete,
generalDetails, generalDetails
}, },
data() { data() {
return { return {
@ -193,15 +128,15 @@ export default {
controlWindows: { controlWindows: {
add: false, add: false,
addInfo: {}, addInfo: {},
detail: false, detail: false
}, },
configAutocomplete: { configAutocomplete: {
serveTarget: serve.findByEntity, serveTarget: serve.findByEntity,
autocompleteKey: "refineryName", autocompleteKey: 'refineryName',
labelKey: "refineryName", labelKey: 'refineryName',
valueKey: "id", valueKey: 'id',
placeholder: "炼厂名称", placeholder: '炼厂名称',
querykey: "id", querykey: 'id'
}, },
refineryList: [], refineryList: [],
tableHeight: 0, tableHeight: 0,
@ -211,115 +146,111 @@ export default {
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
total: 0, total: 0,
params: {}, params: {}
}, },
oilCompanyMatch: {}, oilCompanyMatch: {},
mappingData: [ mappingData: [
{ {
carTitle: "", carTitle: '',
carItems: [ carItems: [
{ label: "炼厂名称", value: "refineryName" }, { label: '炼厂名称', value: 'refineryName' },
{ label: "炼厂类型", value: "refineryType" }, { label: '炼厂类型', value: 'refineryType' },
{ label: "启用状态", value: "enableMark" }, { label: '启用状态', value: 'enableMark' },
{ label: "炼厂等级", value: "refineryLevel" }, { label: '炼厂等级', value: 'refineryLevel' },
{ label: "炼厂地址", value: "address" }, { label: '炼厂地址', value: 'address' },
{ label: "创建用户ID", value: "createUser" }, { label: '创建用户ID', value: 'createUser' },
{ label: "创建时间", value: "createTime" }, { label: '创建时间', value: 'createTime' },
{ label: "修改用户ID", value: "updateUser" }, { label: '修改用户ID', value: 'updateUser' },
{ label: "修改时间", value: "updateTime" }, { label: '修改时间', value: 'updateTime' }
], ]
}, }
], ]
}; }
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
this.heightHandle(); this.heightHandle()
}); })
window.addEventListener( window.addEventListener('resize', this.$utils.debounce(this.heightHandle, 500))
"resize",
this.$utils.debounce(this.heightHandle, 500)
);
}, },
created() { created() {
this.getByPage(); this.getByPage()
}, },
methods: { methods: {
search() { search() {
this.parameter.currentPage = 1; this.parameter.currentPage = 1
this.getByPage(); this.getByPage()
}, },
//table list //table list
getByPage() { getByPage() {
serve.getByPage(this.parameter).then((res) => { serve.getByPage(this.parameter).then(res => {
this.tableData = res.data.list; this.tableData = res.data.list
this.parameter.total = res.data.totalCount; this.parameter.total = res.data.totalCount
}); })
}, },
//新增 //新增
addition() { addition() {
this.controlWindows.addInfo.title = "炼厂入驻"; this.controlWindows.addInfo.title = '炼厂入驻'
this.controlWindows.add = true; this.controlWindows.add = true
}, },
//修改 //修改
update(row) { update(row) {
this.controlWindows.addInfo.title = "炼厂修改"; this.controlWindows.addInfo.title = '炼厂修改'
Object.assign(this.controlWindows.addInfo, row); Object.assign(this.controlWindows.addInfo, row)
this.controlWindows.add = true; this.controlWindows.add = true
}, },
//详情 //详情
detail(row) { detail(row) {
this.oilCompanyMatch = [row]; this.oilCompanyMatch = [row]
this.controlWindows.detail = true; this.controlWindows.detail = true
}, },
//删除 //删除
deleteRow(row) { deleteRow(row) {
serve serve
.deleteRow({ .deleteRow({
id: row.id, id: row.id
})
.then(res => {
this.$message.success(res.msg)
this.getByPage()
}) })
.then((res) => {
this.$message.success(res.msg);
this.getByPage();
});
}, },
//启用禁用 //启用禁用
switchTrigger(val, row) { switchTrigger(val, row) {
row.enableMark = row.enableMark; row.enableMark = row.enableMark
serve serve
.update({ .update({
id: row.id, id: row.id,
enableMark: val, enableMark: val
}) })
.then((res) => { .then(res => {
if (res.code === 20000) { if (res.code === 20000) {
this.getByPage(); this.getByPage()
} else this.$message.error(res.msg); } else this.$message.error(res.msg)
}); })
}, },
//重置 //重置
reset() { reset() {
Object.assign(this.parameter, { Object.assign(this.parameter, {
currentPage: 1, currentPage: 1,
pageSize: 10, pageSize: 10,
params: {}, params: {}
}); })
}, },
// table height // table height
heightHandle() { heightHandle() {
let bodyHeight = document.body.clientHeight; let bodyHeight = document.body.clientHeight
let frameHeight = this.obtainElement(".frame").clientHeight; let frameHeight = this.obtainElement('.frame').clientHeight
let operationHeight = this.obtainElement(".operation").clientHeight; let operationHeight = this.obtainElement('.operation').clientHeight
let paginationHeight = this.obtainElement(".el-pagination").clientHeight; let paginationHeight = this.obtainElement('.el-pagination').clientHeight
this.tableHeight = this.tableHeight = bodyHeight - frameHeight - operationHeight - paginationHeight - 145
bodyHeight - frameHeight - operationHeight - paginationHeight - 145;
}, },
obtainElement(className) { obtainElement(className) {
return document.documentElement.querySelector(className); return document.documentElement.querySelector(className)
}, }
}, }
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

Write Preview
Loading…
Cancel
Save