binajiaoshadow

This commit is contained in:
shijing 2023-02-24 17:07:50 +08:00
parent c501664bc9
commit 2c50371c51
9 changed files with 179 additions and 183 deletions

View File

@ -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;
} }

View File

@ -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"

View File

@ -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 ={

View File

@ -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'},

View File

@ -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>

View File

@ -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="物料批次">

View File

@ -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>

View File

@ -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>

View File

@ -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>