binajiaoshadow
This commit is contained in:
parent
c501664bc9
commit
2c50371c51
|
@ -71,10 +71,15 @@ div:focus {
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
.el-card, .el-message {
|
.el-message {
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
.el-card.is-always-shadow{
|
||||||
|
overflow: hidden;
|
||||||
|
box-shadow: none;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
.el-card__body {
|
.el-card__body {
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -34,13 +34,17 @@
|
||||||
stripe
|
stripe
|
||||||
highlight-current-row
|
highlight-current-row
|
||||||
height="100"
|
height="100"
|
||||||
v-el-height-adaptive-table="{bottomOffset: 42}"
|
v-el-height-adaptive-table="{bottomOffset: 45}"
|
||||||
>
|
>
|
||||||
<el-table-column label="序号" type="index" width="80"/>
|
<el-table-column label="序号" type="index" width="80"/>
|
||||||
|
|
||||||
<el-table-column label="客户名称" prop="name" min-width="120">
|
<el-table-column label="客户名称" prop="name" min-width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="问题类型" prop="type" min-width="120">
|
<el-table-column label="问题类型" prop="type" min-width="120">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag type="warning" effect="plain">{{ scope.row.type }}</el-tag
|
||||||
|
>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="问题描述" prop="indur" min-width="120" show-overflow-tooltip>
|
<el-table-column label="问题描述" prop="indur" min-width="120" show-overflow-tooltip>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -55,6 +59,10 @@
|
||||||
<el-table-column label="联系电话" prop="phone" min-width="120">
|
<el-table-column label="联系电话" prop="phone" min-width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="状态" prop="status" min-width="120">
|
<el-table-column label="状态" prop="status" min-width="120">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag type="danger" effect="plain" v-if="scope.row.status=='未处理'"> {{ scope.row.status }}</el-tag>
|
||||||
|
<el-tag type="success" effect="plain" v-else> {{ scope.row.status}}</el-tag>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
|
|
|
@ -1,159 +1,136 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container" style="background-color: #ffffff;">
|
<div class="app-container">
|
||||||
<div style="display: flex;">
|
<el-card>
|
||||||
<div class="searchLabel">能源范围</div>
|
<div style="display: flex;">
|
||||||
<el-select
|
<div class="searchLabel">能源范围</div>
|
||||||
v-model="showType"
|
<el-select
|
||||||
placeholder="能源范围"
|
v-model="showType"
|
||||||
clearable
|
placeholder="能源范围"
|
||||||
style="width: 120px"
|
clearable
|
||||||
class="filter-item"
|
style="width: 120px"
|
||||||
@change="handleFilter"
|
class="filter-item"
|
||||||
>
|
@change="handleFilter"
|
||||||
<el-option
|
>
|
||||||
v-for="item in options"
|
<el-option
|
||||||
:key="item"
|
v-for="item in options"
|
||||||
:label="item"
|
:key="item"
|
||||||
:value="item"
|
:label="item"
|
||||||
/>
|
:value="item"
|
||||||
</el-select>
|
/>
|
||||||
<div class="searchLabel">时间类型</div>
|
</el-select>
|
||||||
<el-select
|
<div class="searchLabel">时间类型</div>
|
||||||
v-model="timeType"
|
<el-select
|
||||||
placeholder="时间类型"
|
v-model="timeType"
|
||||||
clearable
|
placeholder="时间类型"
|
||||||
style="width: 120px"
|
clearable
|
||||||
class="filter-item"
|
style="width: 120px"
|
||||||
@change="handleFilter"
|
class="filter-item"
|
||||||
>
|
@change="handleFilter"
|
||||||
<el-option
|
>
|
||||||
v-for="item in timeOption"
|
<el-option
|
||||||
:key="item.id"
|
v-for="item in timeOption"
|
||||||
:label="item.name"
|
:key="item.id"
|
||||||
:value="item.id"
|
:label="item.name"
|
||||||
/>
|
:value="item.id"
|
||||||
</el-select>
|
/>
|
||||||
<div class="searchLabel">开始时间</div>
|
</el-select>
|
||||||
<el-date-picker
|
<div class="searchLabel">开始时间</div>
|
||||||
v-model="startTime"
|
<el-date-picker
|
||||||
:type="timeType"
|
v-model="startTime"
|
||||||
style="width: 120px"
|
:type="timeType"
|
||||||
placeholder="开始时间">
|
style="width: 120px"
|
||||||
</el-date-picker>
|
placeholder="开始时间">
|
||||||
<div class="searchLabel">结束时间</div>
|
</el-date-picker>
|
||||||
<el-date-picker
|
<div class="searchLabel">结束时间</div>
|
||||||
v-model="endTime"
|
<el-date-picker
|
||||||
:type="timeType"
|
v-model="endTime"
|
||||||
style="width: 120px"
|
:type="timeType"
|
||||||
placeholder="结束时间">
|
style="width: 120px"
|
||||||
</el-date-picker>
|
placeholder="结束时间">
|
||||||
<el-button
|
</el-date-picker>
|
||||||
class="filter-item searchBtn"
|
<el-button
|
||||||
type="primary"
|
class="filter-item searchBtn"
|
||||||
icon="el-icon-search"
|
type="primary"
|
||||||
>查询
|
icon="el-icon-search"
|
||||||
</el-button>
|
>查询
|
||||||
</div>
|
</el-button>
|
||||||
<el-row :gutter="20" v-if="showType=='全厂'">
|
</div>
|
||||||
<el-col :span="12">
|
<el-row :gutter="20" v-if="showType=='全厂'">
|
||||||
<div style="border:1px solid #cccccc;border-radius: 10px;">
|
<el-col :span="12">
|
||||||
<div class="chartsTitle">分项统计</div>
|
<div style="border:1px solid #cccccc;border-radius: 10px;">
|
||||||
<charts
|
<div class="chartsTitle">分项统计</div>
|
||||||
:id="chartId"
|
<charts
|
||||||
:options="barOptions"
|
:id="chartId"
|
||||||
:className="chartsName"
|
:options="barOptions"
|
||||||
:height="domHeight"
|
:className="chartsName"
|
||||||
width="100%"
|
:height="domHeight"
|
||||||
>
|
width="100%"
|
||||||
</charts>
|
>
|
||||||
</div>
|
</charts>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<div style="border:1px solid #cccccc;border-radius: 10px;">
|
<el-col :span="12">
|
||||||
<div class="chartsTitle">能耗占比分析(:kwh)</div>
|
<div style="border:1px solid #cccccc;border-radius: 10px;">
|
||||||
<Echart
|
<div class="chartsTitle">能耗占比分析(:kwh)</div>
|
||||||
:options="pieOptions"
|
<Echart
|
||||||
id="pieChart"
|
:options="pieOptions"
|
||||||
:height="domHeight"
|
id="pieChart"
|
||||||
></Echart>
|
:height="domHeight"
|
||||||
</div>
|
></Echart>
|
||||||
</el-col>
|
</div>
|
||||||
</el-row>
|
</el-col>
|
||||||
<el-row :gutter="20" v-else>
|
</el-row>
|
||||||
<el-col :span="12">
|
<el-row :gutter="20" v-else>
|
||||||
<div style="border:1px solid #cccccc;border-radius: 10px;">
|
<el-col :span="12">
|
||||||
<div class="chartsTitle">分项统计</div>
|
<div style="border:1px solid #cccccc;border-radius: 10px;">
|
||||||
<charts
|
<div class="chartsTitle">分项统计</div>
|
||||||
:id="chartId1"
|
<charts
|
||||||
:options="barOptions1"
|
:id="chartId1"
|
||||||
:className="chartsName"
|
:options="barOptions1"
|
||||||
:height="domHeight"
|
:className="chartsName"
|
||||||
width="100%"
|
:height="domHeight"
|
||||||
>
|
width="100%"
|
||||||
</charts>
|
>
|
||||||
</div>
|
</charts>
|
||||||
</el-col>
|
</div>
|
||||||
<el-col :span="12">
|
</el-col>
|
||||||
<div style="border:1px solid #cccccc;border-radius: 10px;">
|
<el-col :span="12">
|
||||||
<div class="chartsTitle">能耗占比分析(:kwh)</div>
|
<div style="border:1px solid #cccccc;border-radius: 10px;">
|
||||||
<Echart
|
<div class="chartsTitle">能耗占比分析(:kwh)</div>
|
||||||
:options="pieOptions1"
|
<Echart
|
||||||
id="pieChart1"
|
:options="pieOptions1"
|
||||||
:height="domHeight"
|
id="pieChart1"
|
||||||
></Echart>
|
:height="domHeight"
|
||||||
</div>
|
></Echart>
|
||||||
</el-col>
|
</div>
|
||||||
</el-row>
|
</el-col>
|
||||||
<el-row :gutter="5" style="margin-top: 5px;">
|
</el-row>
|
||||||
<el-col v-if="showType=='全厂'" style="border:1px solid #cccccc;border-radius: 10px;">
|
</el-card>
|
||||||
<!-- <el-table
|
<el-card>
|
||||||
small
|
<el-row :gutter="5" style="margin-top: 20px;">
|
||||||
v-loading="orderLoading"
|
<div class="chartsTitle"> 分项明细</div>
|
||||||
:data="orderList.results"
|
<el-col v-if="showType=='全厂'" style="border:1px solid #cccccc;border-radius: 10px;">
|
||||||
border
|
|
||||||
fit
|
|
||||||
stripe
|
|
||||||
size="mini"
|
|
||||||
highlight-current-row
|
|
||||||
height="100"
|
|
||||||
v-el-height-adaptive-table="{bottomOffset: 42}"
|
|
||||||
>
|
|
||||||
<el-table-column label="" width="120" show-overflow-tooltip>
|
|
||||||
<template slot-scope="scope">{{ scope.row.number }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="产品名称" width="160" show-overflow-tooltip>
|
|
||||||
<template slot-scope="scope">{{ scope.row.product_.name }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="产品数量">
|
|
||||||
<template slot-scope="scope">{{ scope.row.count }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="已交货数量">
|
|
||||||
<template slot-scope="scope">{{ scope.row.delivered_count }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="交货日期">
|
|
||||||
<template slot-scope="scope">{{ scope.row.delivery_date }}</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table> -->
|
|
||||||
<table class="tableData" :style="{height: domHeight}">
|
<table class="tableData" :style="{height: domHeight}">
|
||||||
<th class="tableTh">
|
<th class="tableTh">
|
||||||
<td class="thtd" v-for="item in thLists">{{ item }}</td>
|
<td class="thtd" v-for="item in thLists">{{ item }}</td>
|
||||||
</th>
|
</th>
|
||||||
<tr class="tableTr" v-for="itemtr in trList">
|
<tr class="tableTr" v-for="itemtr in trList">
|
||||||
<td class="trtd" v-for="itemtd in itemtr">{{ itemtd }}</td>
|
<td class="trtd" v-for="itemtd in itemtr">{{ itemtd }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-else style="border:1px solid #cccccc;border-radius: 10px;">
|
<el-col v-else style="border:1px solid #cccccc;border-radius: 10px;">
|
||||||
<table class="tableData" :style="{height: domHeight}">
|
<table class="tableData" :style="{height: domHeight}">
|
||||||
<th class="tableTh">
|
<th class="tableTh">
|
||||||
<td class="thtd" v-for="item in thLists1">{{ item }}</td>
|
<td class="thtd" v-for="item in thLists1">{{ item }}</td>
|
||||||
</th>
|
</th>
|
||||||
<tr class="tableTr" v-for="itemtr in trList1">
|
<tr class="tableTr" v-for="itemtr in trList1">
|
||||||
<td class="trtd" v-for="itemtd in itemtr">{{ itemtd }}</td>
|
<td class="trtd" v-for="itemtd in itemtr">{{ itemtd }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -336,7 +313,7 @@
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
let hei = document.getElementsByClassName('app-main')[0].clientHeight;
|
let hei = document.getElementsByClassName('app-main')[0].clientHeight;
|
||||||
this.domHeight =( hei- 100)/2+'px';
|
this.domHeight =( hei- 188)/2+'px';
|
||||||
this.getList();
|
this.getList();
|
||||||
//全场
|
//全场
|
||||||
this.barOptions ={
|
this.barOptions ={
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<el-card>
|
<el-card shadow="false">
|
||||||
<div>
|
<div>
|
||||||
<el-button
|
<el-button
|
||||||
type="primary"
|
type="primary"
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card>
|
<el-card shadow="false">
|
||||||
<el-table
|
<el-table
|
||||||
v-loading="listLoading"
|
v-loading="listLoading"
|
||||||
:data="tableData.results"
|
:data="tableData.results"
|
||||||
|
@ -33,7 +33,7 @@
|
||||||
stripe
|
stripe
|
||||||
highlight-current-row
|
highlight-current-row
|
||||||
height="100"
|
height="100"
|
||||||
v-el-height-adaptive-table="{bottomOffset: 42}"
|
v-el-height-adaptive-table="{bottomOffset: 45}"
|
||||||
>
|
>
|
||||||
<el-table-column type="index" width="50"/>
|
<el-table-column type="index" width="50"/>
|
||||||
<el-table-column label="单号" prop="order">
|
<el-table-column label="单号" prop="order">
|
||||||
|
@ -65,6 +65,9 @@
|
||||||
<el-table-column label="货物所在地" prop="address">
|
<el-table-column label="货物所在地" prop="address">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="是否收货" prop="isTake">
|
<el-table-column label="是否收货" prop="isTake">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag type="success" effect="plain"> {{ scope.row.isTake}}</el-tag>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="添加时间" prop="addTime" width="160px">
|
<el-table-column label="添加时间" prop="addTime" width="160px">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -96,7 +99,7 @@
|
||||||
return {
|
return {
|
||||||
warehouse: defaultewarehouse,
|
warehouse: defaultewarehouse,
|
||||||
tableData: {
|
tableData: {
|
||||||
count: 0,
|
count: 3,
|
||||||
results:[
|
results:[
|
||||||
{order:'06132132007928',name:'产品C',number:'10',attention:'易碎品',payer:'liman',payName:'李曼',phone:'13212340056',fromPlace:'北京市',receiver:'zongguan',receiverName:'公司综管',toPlace:'江苏省',receiverPhone:'13112340001',carNumber:'京M.6R625',address:'1号仓库',isTake:'是',addTime:'2022-06-18 11:22:32'},
|
{order:'06132132007928',name:'产品C',number:'10',attention:'易碎品',payer:'liman',payName:'李曼',phone:'13212340056',fromPlace:'北京市',receiver:'zongguan',receiverName:'公司综管',toPlace:'江苏省',receiverPhone:'13112340001',carNumber:'京M.6R625',address:'1号仓库',isTake:'是',addTime:'2022-06-18 11:22:32'},
|
||||||
{order:'06132132007928',name:'产品C',number:'10',attention:'易碎品',payer:'liman',payName:'李曼',phone:'13212340056',fromPlace:'北京市',receiver:'zongguan',receiverName:'公司综管',toPlace:'江苏省',receiverPhone:'13112340001',carNumber:'京M.6R625',address:'1号仓库',isTake:'是',addTime:'2022-06-18 11:22:32'},
|
{order:'06132132007928',name:'产品C',number:'10',attention:'易碎品',payer:'liman',payName:'李曼',phone:'13212340056',fromPlace:'北京市',receiver:'zongguan',receiverName:'公司综管',toPlace:'江苏省',receiverPhone:'13112340001',carNumber:'京M.6R625',address:'1号仓库',isTake:'是',addTime:'2022-06-18 11:22:32'},
|
||||||
|
|
|
@ -48,6 +48,9 @@
|
||||||
<el-table-column label="上传人" prop="man" min-width="120">
|
<el-table-column label="上传人" prop="man" min-width="120">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="资料状态" prop="status" min-width="120">
|
<el-table-column label="资料状态" prop="status" min-width="120">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag type="success" effect="plain">通过</el-tag>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
|
@ -56,8 +59,9 @@
|
||||||
fixed="right"
|
fixed="right"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-link type="primary"> 编辑</el-link>
|
<el-link type="primary">上传</el-link>
|
||||||
<el-link type="danger">处理</el-link>
|
<el-link type="primary">编辑</el-link>
|
||||||
|
<el-link type="primary">下载</el-link>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
|
@ -19,8 +19,8 @@
|
||||||
row-key="id"
|
row-key="id"
|
||||||
stripe
|
stripe
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
height="500"
|
height="100"
|
||||||
:tree-props="{children: 'children'}">
|
v-el-height-adaptive-table="{bottomOffset: 20}">
|
||||||
<el-table-column type="index" width="50"/>
|
<el-table-column type="index" width="50"/>
|
||||||
<el-table-column label="物料名称">
|
<el-table-column label="物料名称">
|
||||||
<template slot-scope="scope">{{ scope.row.name }}</template>
|
<template slot-scope="scope">{{ scope.row.name }}</template>
|
||||||
|
@ -40,7 +40,8 @@
|
||||||
fit
|
fit
|
||||||
stripe
|
stripe
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
height="500"
|
height="100"
|
||||||
|
v-el-height-adaptive-table="{bottomOffset: 20}"
|
||||||
>
|
>
|
||||||
<el-table-column type="index" width="50"/>
|
<el-table-column type="index" width="50"/>
|
||||||
<el-table-column label="物料批次">
|
<el-table-column label="物料批次">
|
||||||
|
|
|
@ -46,7 +46,9 @@
|
||||||
<template slot-scope="scope">{{ scope.row.createuser__name }}</template>
|
<template slot-scope="scope">{{ scope.row.createuser__name }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="状态">
|
<el-table-column label="状态">
|
||||||
<template slot-scope="scope">{{ statusOptions[scope.row.state] }}</template>
|
<template slot-scope="scope">
|
||||||
|
<el-tag type="success" effect="plain"> {{ statusOptions[scope.row.state] }}</el-tag>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
|
@ -54,11 +56,10 @@
|
||||||
width="220px"
|
width="220px"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-link
|
<el-link type="primary">
|
||||||
v-if="checkPermission(['material_delete'])"
|
详情
|
||||||
type="danger"
|
</el-link>
|
||||||
@click="handleDelete(scope)"
|
<el-link type="danger">
|
||||||
>
|
|
||||||
删除
|
删除
|
||||||
</el-link>
|
</el-link>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -63,11 +63,10 @@
|
||||||
width="220px"
|
width="220px"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-link
|
<el-link type="primary">
|
||||||
v-if="checkPermission(['material_delete'])"
|
详情
|
||||||
type="danger"
|
</el-link>
|
||||||
@click="handleDelete(scope)"
|
<el-link type="danger">
|
||||||
>
|
|
||||||
删除
|
删除
|
||||||
</el-link>
|
</el-link>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -33,7 +33,9 @@
|
||||||
<template slot-scope="scope">{{ scope.row.name }}</template>
|
<template slot-scope="scope">{{ scope.row.name }}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="级别">
|
<el-table-column label="级别">
|
||||||
<template slot-scope="scope">{{ scope.row.level }}</template>
|
<template slot-scope="scope">
|
||||||
|
<el-tag type="success" effect="plain">{{ scope.row.level }}</el-tag>
|
||||||
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="层级">
|
<el-table-column label="层级">
|
||||||
<template slot-scope="scope">{{ scope.row.gkcj }}</template>
|
<template slot-scope="scope">{{ scope.row.gkcj }}</template>
|
||||||
|
@ -53,11 +55,7 @@
|
||||||
width="220px"
|
width="220px"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-link
|
<el-link type="danger">
|
||||||
v-if="checkPermission(['material_delete'])"
|
|
||||||
type="danger"
|
|
||||||
@click="handleDelete(scope)"
|
|
||||||
>
|
|
||||||
删除
|
删除
|
||||||
</el-link>
|
</el-link>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue