|
|
@ -8,35 +8,19 @@ |
|
|
|
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button> |
|
|
|
<div v-show="isSearchShow" class="search"> |
|
|
|
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="110px" class="tab-header"> |
|
|
|
<!-- <el-form-item label="设备类型"> |
|
|
|
<el-select v-model="listQuery.params.supplierType" filterable clearable placeholder="请选择设备类型"> |
|
|
|
<el-option v-for="item in supplierType_list" :key="item.id" :label="item.title" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="选择楼层"> |
|
|
|
<el-select v-model="listQuery.params.supplierType1" filterable clearable placeholder="请选择楼层"> |
|
|
|
<el-option v-for="item in floor_list" :key="item.id" :label="item.title" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item label="物品名称"> |
|
|
|
<el-input v-model="listQuery.params.manufacturerName" clearable placeholder="" class="addinputw"></el-input> |
|
|
|
<el-input v-model="listQuery.manufacturerName" clearable placeholder="" class="addinputw"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="选择楼层"> |
|
|
|
<el-select v-model="listQuery.params.supplierType1" filterable clearable placeholder="请选择楼层"> |
|
|
|
<el-select v-model="listQuery.supplierType1" filterable clearable placeholder="请选择楼层"> |
|
|
|
<el-option v-for="item in floor_list" :key="item.id" :label="item.title" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="选择仓库"> |
|
|
|
<el-select v-model="listQuery.params.supplierType2" filterable clearable placeholder="请选择仓库"> |
|
|
|
<el-select v-model="listQuery.supplierType2" filterable clearable placeholder="请选择仓库"> |
|
|
|
<el-option v-for="item in cangku_list" :key="item.id" :label="item.title" :value="item.id" /> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<!-- <el-form-item label="厂商办公电话"> |
|
|
|
<el-input v-model="listQuery.params.manufacturerTelePhone" maxlength="130" placeholder="" class="addinputw" clearable/> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="联系人"> |
|
|
|
<el-input v-model="listQuery.params.contactName" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
|
|
</el-form-item> --> |
|
|
|
</el-form> |
|
|
|
<div class="btn"> |
|
|
|
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button> |
|
|
@ -78,9 +62,6 @@ |
|
|
|
<!-- <div class="tit">位置:{{item.cangku}}</div> --> |
|
|
|
<div class="time">拍照日期:{{ item.createTime }}</div> |
|
|
|
<div class="time">拍照时间:{{ item.createTime2 }}</div> |
|
|
|
<!-- <div class="time">生产厂家:{{item.changjia}}</div> |
|
|
|
<div class="time">数量:{{item.shuliang}}瓶</div> --> |
|
|
|
<!-- <div class="time">重量:{{item.zhongliang}}千克</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="yuans"> |
|
|
@ -150,6 +131,8 @@ |
|
|
|
// import req from '@/api/zhiwujiance/zhiwujiance' |
|
|
|
import * as echarts from "echarts"; |
|
|
|
import PieChartrenyuan from '@/views/echarts/components/PieChartrenyuanb' |
|
|
|
import { getDeviceImagePage } from '@/api/deviceImage/deviceImage' |
|
|
|
|
|
|
|
// 1.1完好率饼图 |
|
|
|
const wanhao_Chart = { |
|
|
|
// seriesName: '完好率', |
|
|
@ -287,14 +270,22 @@ |
|
|
|
// 查询 ----------- |
|
|
|
tableKey: 0, |
|
|
|
list: [ |
|
|
|
{cangku:'仓库1003F3',name: '康师傅矿泉水',tuUrl:'./image/tu1.jpg', createTime: '2023-05-03',createTime2: '18:26:38', changjia: '康师傅',shuliang:'1000',zhongliang:'500', |
|
|
|
nameb: '康师傅矿泉水2',tuUrlb:'./image/tu2.jpg', createTimeb: '2023-05-03',createTime2: '18:26:38',changjiab: '康师傅',shuliangb:'1000',zhongliangb:'500'}, |
|
|
|
{cangku:'仓库1003F3',name: '康师傅矿泉水',tuUrl:'./image/tu1.jpg', createTime: '2023-05-03',createTime2: '18:26:38', changjia: '康师傅',shuliang:'1000',zhongliang:'500', |
|
|
|
nameb: '康师傅矿泉水2',tuUrlb:'./image/tu2.jpg', createTimeb: '2023-05-03',createTime2: '18:26:38',changjiab: '康师傅',shuliangb:'1000',zhongliangb:'500'}, |
|
|
|
{cangku:'仓库1003F3',name: '康师傅矿泉水',tuUrl:'./image/tu1.jpg', createTime: '2023-05-03',createTime2: '18:26:38', changjia: '康师傅',shuliang:'1000',zhongliang:'500', |
|
|
|
nameb: '康师傅矿泉水2',tuUrlb:'./image/tu2.jpg', createTimeb: '2023-05-03',createTime2: '18:26:38',changjiab: '康师傅',shuliangb:'1000',zhongliangb:'500'}, |
|
|
|
{cangku:'仓库1003F3',name: '康师傅矿泉水',tuUrl:'./image/tu1.jpg', createTime: '2023-05-03',createTime2: '18:26:38', changjia: '康师傅',shuliang:'1000',zhongliang:'500', |
|
|
|
nameb: '康师傅矿泉水2',tuUrlb:'./image/tu2.jpg', createTimeb: '2023-05-03',createTime2: '18:26:38',changjiab: '康师傅',shuliangb:'1000',zhongliangb:'500'}, |
|
|
|
{ |
|
|
|
cangku: '仓库1003F3', name: '康师傅矿泉水', tuUrl: './image/tu1.jpg', createTime: '2023-05-03', createTime2: '18:26:38', changjia: '康师傅', shuliang: '1000', zhongliang: '500', |
|
|
|
nameb: '康师傅矿泉水2', tuUrlb: './image/tu2.jpg', createTimeb: '2023-05-03', createTime2: '18:26:38', changjiab: '康师傅', shuliangb: '1000', zhongliangb: '500' |
|
|
|
}, |
|
|
|
{ |
|
|
|
cangku: '仓库1003F3', name: '康师傅矿泉水', tuUrl: './image/tu1.jpg', createTime: '2023-05-03', createTime2: '18:26:38', changjia: '康师傅', shuliang: '1000', zhongliang: '500', |
|
|
|
nameb: '康师傅矿泉水2', tuUrlb: './image/tu2.jpg', createTimeb: '2023-05-03', createTime2: '18:26:38', changjiab: '康师傅', shuliangb: '1000', zhongliangb: '500' |
|
|
|
}, |
|
|
|
{ |
|
|
|
cangku: '仓库1003F3', name: '康师傅矿泉水', tuUrl: './image/tu1.jpg', createTime: '2023-05-03', createTime2: '18:26:38', changjia: '康师傅', shuliang: '1000', zhongliang: '500', |
|
|
|
nameb: '康师傅矿泉水2', tuUrlb: './image/tu2.jpg', createTimeb: '2023-05-03', createTime2: '18:26:38', changjiab: '康师傅', shuliangb: '1000', zhongliangb: '500' |
|
|
|
}, |
|
|
|
{ |
|
|
|
cangku: '仓库1003F3', name: '康师傅矿泉水', tuUrl: './image/tu1.jpg', createTime: '2023-05-03', createTime2: '18:26:38', changjia: '康师傅', shuliang: '1000', zhongliang: '500', |
|
|
|
nameb: '康师傅矿泉水2', tuUrlb: './image/tu2.jpg', createTimeb: '2023-05-03', createTime2: '18:26:38', changjiab: '康师傅', shuliangb: '1000', zhongliangb: '500' |
|
|
|
}, |
|
|
|
// { weizhi: '石家庄市长安区乐城', quyu: '开发区', mianji: '2000', |
|
|
|
// cenggao: '23', jiage: '263', xingzhi: '库房、物流仓储', |
|
|
|
// fangyuan: '中介', lianxiren: '孙宁', dianhua: '17073404927' ,leibie: '摄像头',beizhu:'备注2'}, |
|
|
@ -313,8 +304,10 @@ |
|
|
|
], |
|
|
|
|
|
|
|
Datalista: [ |
|
|
|
{cangku:'仓库1003F3',name: '康师傅矿泉水',tuUrl:'./image/tu1.jpg', createTime: '2023-05-03',createTime2: '18:26:38', changjia: '康师傅',shuliang:'1000',zhongliang:'500', |
|
|
|
nameb: '康师傅矿泉水2',tuUrlb:'./image/tu2.jpg', createTimeb: '2023-05-03',createTime2: '18:26:38',changjiab: '康师傅',shuliangb:'1000',zhongliangb:'500'}, |
|
|
|
{ |
|
|
|
cangku: '仓库1003F3', name: '康师傅矿泉水', tuUrl: './image/tu1.jpg', createTime: '2023-05-03', createTime2: '18:26:38', changjia: '康师傅', shuliang: '1000', zhongliang: '500', |
|
|
|
nameb: '康师傅矿泉水2', tuUrlb: './image/tu2.jpg', createTimeb: '2023-05-03', createTime2: '18:26:38', changjiab: '康师傅', shuliangb: '1000', zhongliangb: '500' |
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
Datalistb: [ |
|
|
@ -323,14 +316,6 @@ |
|
|
|
], |
|
|
|
listLoading: false, |
|
|
|
listQuery: { |
|
|
|
params: { |
|
|
|
manufacturerName: '', |
|
|
|
supplierType: '', |
|
|
|
useOrgSid: '', |
|
|
|
createOrgSid: '', |
|
|
|
manufacturerTelePhone: '', |
|
|
|
contactName: '' |
|
|
|
}, |
|
|
|
current: 1, |
|
|
|
size: 5, |
|
|
|
total: 0 |
|
|
@ -375,7 +360,7 @@ |
|
|
|
}, |
|
|
|
created() { |
|
|
|
// 初始化变量 |
|
|
|
// this.init() |
|
|
|
this.init() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
toShipin() { |
|
|
@ -441,15 +426,10 @@ |
|
|
|
this.searchxianshitit = '显示查询条件' |
|
|
|
} |
|
|
|
}, |
|
|
|
// init() { |
|
|
|
// getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((res) => { |
|
|
|
// if (res.success) { |
|
|
|
// this.listQuery.params.createOrgSid = res.data |
|
|
|
// this.getType() |
|
|
|
// this.getList() |
|
|
|
// } |
|
|
|
// }) |
|
|
|
// }, |
|
|
|
init() { |
|
|
|
getDeviceImagePage(this.listQuery).then((res) => { |
|
|
|
}) |
|
|
|
}, |
|
|
|
// getType() { |
|
|
|
// typeValues({ |
|
|
|
// type: 'supplierType' |
|
|
@ -503,7 +483,7 @@ |
|
|
|
// 打开添加对话框 |
|
|
|
toAdd() { |
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divadd'].showAdd(this.listQuery.params.createOrgSid) |
|
|
|
this.$refs['divadd'].showAdd(this.listQuery.createOrgSid) |
|
|
|
}, |
|
|
|
// 打开添加设备对话框 |
|
|
|
handleDddShebei() { |
|
|
@ -573,7 +553,7 @@ |
|
|
|
// this.viewState = 3 |
|
|
|
// this.$refs['divadd'].showEdit(row) |
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divadd'].showAdd(this.listQuery.params.createOrgSid) |
|
|
|
this.$refs['divadd'].showAdd(this.listQuery.createOrgSid) |
|
|
|
// if (row.supplierTypeValue !== '主机厂' && row.supplierTypeValue !== '分公司') { |
|
|
|
// this.viewState = 3 |
|
|
|
// this.$refs['divadd'].showEdit(row) |
|
|
@ -616,21 +596,54 @@ |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
flex-wrap: nowrap; |
|
|
|
justify-content: flex-start;align-items: flex-start; |
|
|
|
justify-content: flex-start; |
|
|
|
align-items: flex-start; |
|
|
|
} |
|
|
|
.webye{flex: 1;text-align: left;} |
|
|
|
|
|
|
|
.webye { |
|
|
|
flex: 1; |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
|
|
|
|
/* ///// */ |
|
|
|
|
|
|
|
.newslilefts{ display: flex; |
|
|
|
.newslilefts { |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
flex-wrap: nowrap; |
|
|
|
justify-content: flex-start;align-items: center;} |
|
|
|
justify-content: flex-start; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
/* .news .contents .newslis .tits{padding: 0;width: 20px;color: #8e8e8e;} */ |
|
|
|
/* |
|
|
|
.news .contents .newslis .rentu{padding: 0;width: 80px;height: 80px;border-radius: 5px;border: 1px solid #ff2424;margin: 0 20px;} */ |
|
|
|
.newslilefts .yuans{padding: 0;margin: 0 20px;width: 80px;height: 80px !important;border-radius: 80px;border: 1px solid #ff2424;text-align: center;display:inline-block;} |
|
|
|
.newslilefts .yuans p{padding: 23px 0 10px 0;color: #ff2424;font-size: 26px;margin: 0;} |
|
|
|
.newslilefts .yuans span{padding: 0;margin: 0;color: #8e8e8e;font-size: 14px;display: block;} |
|
|
|
.newslilefts .yuans { |
|
|
|
padding: 0; |
|
|
|
margin: 0 20px; |
|
|
|
width: 80px; |
|
|
|
height: 80px !important; |
|
|
|
border-radius: 80px; |
|
|
|
border: 1px solid #ff2424; |
|
|
|
text-align: center; |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
|
|
|
|
.newslilefts .yuans p { |
|
|
|
padding: 23px 0 10px 0; |
|
|
|
color: #ff2424; |
|
|
|
font-size: 26px; |
|
|
|
margin: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.newslilefts .yuans span { |
|
|
|
padding: 0; |
|
|
|
margin: 0; |
|
|
|
color: #8e8e8e; |
|
|
|
font-size: 14px; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
|
|
|
|
/* .news .contents .newslis .rightzi{padding: 0 10px;color: #8e8e8e;text-align: left;} |
|
|
|
.news .contents .newslis .rightzi p{padding: 1px 0;color: #8e8e8e;font-size: 12px;margin: 0;} */ |
|
|
|
.newslilefts .newsli { |
|
|
@ -642,24 +655,37 @@ |
|
|
|
padding: 5px 10px; |
|
|
|
/* border-bottom: 1px solid #ececee; */ |
|
|
|
} |
|
|
|
|
|
|
|
.newslilefts .newsli .tu { |
|
|
|
padding: 0px 0 0 0; |
|
|
|
width: 120px;height: 120px;border-radius: 5px;border: 1px solid #ff2424; |
|
|
|
width: 120px; |
|
|
|
height: 120px; |
|
|
|
border-radius: 5px; |
|
|
|
border: 1px solid #ff2424; |
|
|
|
} |
|
|
|
|
|
|
|
.newslilefts .newsli .tu img { |
|
|
|
width: 100%;height: 100%;border-radius: 5px;border: 1px solid #ff2424; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
border-radius: 5px; |
|
|
|
border: 1px solid #ff2424; |
|
|
|
} |
|
|
|
|
|
|
|
.newslilefts .newsli .rightwen { |
|
|
|
padding: 20px 0 0 20px;text-align: left; |
|
|
|
padding: 20px 0 0 20px; |
|
|
|
text-align: left; |
|
|
|
flex: 3; |
|
|
|
} |
|
|
|
|
|
|
|
.newslilefts .newsli .rightwen .tit { |
|
|
|
padding: 7px 0; |
|
|
|
font-size: 14px;font-weight: bold; |
|
|
|
font-size: 14px; |
|
|
|
font-weight: bold; |
|
|
|
/* height: 25px; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 25px; */ |
|
|
|
} |
|
|
|
|
|
|
|
.newslilefts .newsli .rightwen .time { |
|
|
|
padding: 12px 0; |
|
|
|
/* color: #848383; */ |
|
|
@ -667,7 +693,9 @@ |
|
|
|
/* height: 25px; |
|
|
|
line-height: 25px; */ |
|
|
|
} |
|
|
|
.news .contents .newslis .caozuos {width: 180px; |
|
|
|
|
|
|
|
.news .contents .newslis .caozuos { |
|
|
|
width: 180px; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
flex-wrap: nowrap; |
|
|
@ -676,6 +704,7 @@ |
|
|
|
padding: 5px 10px; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
|
/* //// */ |
|
|
|
.newsname { |
|
|
|
/* display: flex; |
|
|
@ -683,16 +712,20 @@ |
|
|
|
flex-wrap: nowrap; |
|
|
|
justify-content: space-between; */ |
|
|
|
margin: 0px 0px; |
|
|
|
padding: 5px 10px;text-align: left; |
|
|
|
padding: 5px 10px; |
|
|
|
text-align: left; |
|
|
|
/* border-bottom: 1px solid #ececee; */ |
|
|
|
} |
|
|
|
|
|
|
|
.newsname .tit { |
|
|
|
padding: 5px 0; |
|
|
|
font-size: 14px;font-weight: bold; |
|
|
|
font-size: 14px; |
|
|
|
font-weight: bold; |
|
|
|
/* height: 25px; |
|
|
|
overflow: hidden; |
|
|
|
line-height: 25px; */ |
|
|
|
} |
|
|
|
|
|
|
|
.newsname .time { |
|
|
|
padding: 5px 0; |
|
|
|
/* color: #848383; */ |
|
|
|