作者 倪静楠

121212

... ... @@ -84,7 +84,8 @@
<template slot-scope="scope">
<el-button type="text" size="small" v-if="scope.row.status == 0">待审核</el-button>
<el-button type="text" v-if="scope.row.status == 1" size="small">已审核</el-button>
<el-button type="text" size="small" @click="cha" v-if="scope.row.status == 2">已完成</el-button>
<el-button type="text" size="small" v-if="scope.row.status == 2">已完成</el-button>
<!-- @click="cha" -->
<el-button type="text" size="small" @click="que" v-if="scope.row.status == 3">已关闭</el-button>
</template>
</el-table-column>
... ...
... ... @@ -150,13 +150,13 @@
</div>
<div class="tiaoshu">
<div class="left-io"></div>
<div class="gon">共400条</div>
<div class="gon">共{{total}}条</div>
<div class="kls">
<el-pagination
:page-size="20"
:page-size="10"
:pager-count="11"
layout="prev, pager, next"
:total="1000"
:total="1"
>
</el-pagination>
</div>
... ... @@ -334,17 +334,17 @@
<el-table-column prop="name" label="转态"> </el-table-column>
<el-table-column prop="name" label="仪表回收说明"> </el-table-column>
<el-table-column prop="name" label="仪表回收人">
</el-table-column>
<el-table-column prop="name" label="仪表回收人">
<template >
<template slot-scope="scope">
<el-button
type="text"
size="small"
@click="huishouyes(scope.$index)"
>确认</el-button
>
</template>
</el-table-column>
</el-table>
... ... @@ -399,7 +399,7 @@
width="80%"
style='margin-top: 90px;'
:append-to-body="true"
>
<div class="liebiao" style="margin-top: 20px; height: 600px">
<div class="listas">
... ... @@ -475,84 +475,29 @@ export default {
tableData: [
{
date: "P2112020092300",
name: "P2112020092300",
province: "审核中",
city: "赵吾光",
address: "178 2038 0191",
zip: "已装车",
},
{
date: "P2112020092300",
name: "P2112020092300",
name: "已回收",
province: "审核通过",
city: "审核通过",
city: "2021/2/8",
address: "178 2038 0191",
zip: "未装车",
zip: "2",
zhuangche:"待装车"
},
{
date: "P2112020092300",
name: "P2112020092300",
date: "P2112020092301",
name: "未回收",
province: "审核中",
city: "审核中",
city: "2021/2/8",
address: "178 2038 0191",
zip: "已装车",
zip: "2",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "审核通过",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "审核通过",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "审核失败",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "北京电站",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "北京电站",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "北京电站",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "北京电站",
city: "赵吾光",
date: "P2112020092302",
name: "未回收",
province: "审核中",
city: "2021/2/8",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
zip: "2",
}
],
tablelist: [
{
... ... @@ -571,6 +516,7 @@ export default {
zhuan: "已完成",
},
],
total:0,
dialogVisible: false,
dialogVisibleg: false,
dialogVisibleq: false,
... ... @@ -627,6 +573,12 @@ export default {
this.dialogVisibleyi = false;
this.dialogVisible = true;
},
// 确认仪表回收
huishouyes(index){
this.tableData[index].province="审核通过"
this.tableData[index].name="已回收"
},
},
};
</script>
... ... @@ -666,9 +618,14 @@ export default {
.el-tabs el-tabs--top {
width: 100%;
}
.el-dialog__wrapper{
display: flex;
align-items: center;
justify-content: center;
}
</style>
<style scoped>
@import "../../css/fa.css";
@import "../../css/pei.css";
@import "../../css/sonda.css";
</style>
\ No newline at end of file
</style>
... ...
... ... @@ -15,40 +15,24 @@
<el-button type="primary" @click="denji">登记检查记录</el-button>
</div>
<div class="biaoge" style="margin-top: 34px" >
<div class="biaoge" style="margin-top: 34px">
<div class="biao-box">
<div class="fhuo">
<div class="fahuos">
<div class="fas-text">派车单编号</div>
<input
type="text"
placeholder="请输入派车单编号"
class="fa-input"
/>
<input type="text" placeholder="请输入派车单编号" class="fa-input" />
</div>
<div class="fahuos">
<div class="fas-text">车牌编号</div>
<input
type="text"
placeholder="请输入车牌编号"
class="fa-input"
/>
<input type="text" placeholder="请输入车牌编号" class="fa-input" />
</div>
<div class="fahuos">
<div class="fas-text">检查状态</div>
<input
type="text"
placeholder="请输入检查状态"
class="fa-input"
/>
<input type="text" placeholder="请输入检查状态" class="fa-input" />
</div>
<div class="fahuos">
<div class="fas-text">车辆负责人</div>
<input
type="text"
placeholder="请输入车辆负责人"
class="fa-input"
/>
<input type="text" placeholder="请输入车辆负责人" class="fa-input" />
</div>
<div class="chaxun">
... ... @@ -57,14 +41,8 @@
</div>
</div>
<div class="zhonlist" v-if="huos == 1">
<el-table
:data="tableData"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column prop="date" label="产品货运单号" width="270">
<el-table :data="tableData" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table-column prop="date" label="产品货运单号" width="270">
</el-table-column>
<el-table-column prop="name" label="车牌照号" width="270">
</el-table-column>
... ... @@ -77,26 +55,15 @@
<el-table-column prop="zip" label="车辆负责人" width="280">
</el-table-column>
<el-table-column fixed="right" label="操作" width="256">
<template>
<el-button
type="text"
size="small"
@click="xq"
>查看详情</el-button
>
<template slot-scope="scope">
<el-button type="text" size="small" @click="xq(scope.$index,2)">查看详情</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="zhonlist" v-if="huos == 2">
<el-table
:data="tableData"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column prop="date" label="派车单编号" width="270">
<el-table :data="tableDatas" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table-column prop="date" label="派车单编号" width="270">
</el-table-column>
<el-table-column prop="name" label="照片集" width="270">
</el-table-column>
... ... @@ -112,18 +79,8 @@
</el-table-column>
<el-table-column fixed="right" label="操作" width="256">
<template>
<el-button
type="text"
size="small"
@click="dialogVisiblebao = true"
>查看详情</el-button
>
<el-button
type="text"
size="small"
@click="dialogVisiblechu = true"
>登记处置情况</el-button
>
<el-button type="text" size="small" @click="dialogVisiblebao = true">查看详情</el-button>
<el-button type="text" size="small" @click="dialogVisiblechu = true">登记处置情况</el-button>
</template>
</el-table-column>
</el-table>
... ... @@ -133,24 +90,13 @@
<div class="left-io"></div>
<div class="gon">共{{total}}条</div>
<div class="kls">
<el-pagination
:page-size="10"
:pager-count="11"
layout="prev, pager, next"
:total="10"
>
<el-pagination :page-size="10" :pager-count="11" layout="prev, pager, next" :total="10">
</el-pagination>
</div>
</div>
</div>
<!-- 途中检查记录 -->
<el-dialog
title="途中检查记录"
:visible.sync="dialogVisible"
width="60%"
style="margin-top: 10%"
:append-to-body="true"
>
<!-- 登记检查记录 -->
<el-dialog title="途中检查记录" :visible.sync="dialogVisibles" width="60%" style="margin-top: 10%" :append-to-body="true">
<div class="liebiao" style="margin-top: 24px">
<div class="fahuo-li">
<div class="a" style="width: 33.3%">
... ... @@ -171,19 +117,11 @@
<div class="fa-ji">检查状态</div>
<div class="yichan">
<div class="wu">
<img
src="../../assets/xuankuan.png"
class="xuankuan"
alt=""
/>
<img src="../../assets/xuankuan.png" class="xuankuan" alt="" />
无异常
</div>
<div class="wu">
<img
src="../../assets/xuankuan.png"
class="xuankuan"
alt=""
/>
<img src="../../assets/xuankuan.png" class="xuankuan" alt="" />
异常
</div>
</div>
... ... @@ -207,24 +145,78 @@
</div>
<div class="queren">
<div @click="yes">
<el-button type="primary" round>确认</el-button>
<div @click="yesal">
<el-button type="primary" round>确认</el-button>
</div>
<div @click="no">
<el-button round>取消</el-button>
</div>
</div>
<div @click="no">
<el-button round>取消</el-button>
</div>
</el-dialog>
<!-- 途中检查记录 -->
<el-dialog title="途中检查记录" :visible.sync="dialogVisible" width="60%" style="margin-top: 10%" :append-to-body="true">
<div class="liebiao" style="margin-top: 24px">
<div class="fahuo-li">
<div class="a" style="width: 33.3%">
<div class="sd">
<div class="fa-ji">派车单编号</div>
<input v-model="l_bianhao" type="text" placeholder="请输入派车单编号" class="input" />
</div>
<div class="sd">
<div class="fa-ji">照片集</div>
<div class="zhaopiang">
<img src="../../assets/zhao.png" class="zhao-img" alt="" />
</div>
</div>
</div>
<div class="a" style="width: 33.3%">
<div class="sd">
<div class="fa-ji">检查状态</div>
<div class="yichan">
<div class="wu">
<img src="../../assets/xuankuan.png" class="xuankuan" alt="" />
无异常
</div>
<div class="wu">
<img src="../../assets/xuankuan.png" class="xuankuan" alt="" />
异常
</div>
</div>
</div>
<div class="sd">
<div class="fa-ji">检查时间</div>
<input v-model="l_time" type="text" placeholder="请输入检查时间" class="input" />
</div>
</div>
<div class="a" style="width: 33.3%">
<div class="sd">
<div class="fa-ji">检查说明</div>
<input v-model="l_shuoming" type="text" placeholder="请输入检查说明" class="input" />
</div>
<div class="sd">
<div class="fa-ji">检查地点</div>
<input v-model="l_address" type="text" placeholder="请输入检查地点" class="input" />
</div>
</div>
</div>
<div class="queren">
<div @click="yes">
<el-button type="primary" round>确认</el-button>
</div>
<div @click="no">
<el-button round>取消</el-button>
</div>
</div>
</div>
</el-dialog>
<!-- 事件上报 -->
<el-dialog
title="事件上报"
:visible.sync="dialogVisibleshi"
width="60%"
style="margin-top:9%;"
:append-to-body="true"
>
<el-dialog title="事件上报" :visible.sync="dialogVisibleshi" width="60%" style="margin-top:9%;" :append-to-body="true">
<div class="liebiao" style="margin-top: 24px">
<div class="fahuo-li">
<div class="a" style="width: 33.3%">
... ... @@ -243,7 +235,7 @@
<div class="a" style="width: 33.3%">
<div class="sd">
<div class="fa-ji">事件类型</div>
<input type="text" placeholder="请输入事件类型" class="input" />
<input type="text" placeholder="请输入事件类型" class="input" />
</div>
<div class="sd">
<div class="fa-ji">报告状态</div>
... ... @@ -279,18 +271,12 @@
</div>
</el-dialog>
<!-- 途中检查记录 -->
<el-dialog
title="途中检查记录"
:visible.sync="dialogVisibleg"
width="60%"
style="margin-top: 10%"
:append-to-body="true"
>
<el-dialog title="途中检查记录" :visible.sync="dialogVisibleg" width="60%" style="margin-top: 10%" :append-to-body="true">
<div class="liebiao" style="margin-top: 24px">
<div class="fahuo-li">
<div class="a" style="width: 33.3%">
<div class="sd">
<div class="fa-ji">派车单编号</div>
<div class="fa-ji">派车单编号1</div>
<div class="conrt">{{l_bianhao}}</div>
</div>
<div class="sd">
... ... @@ -321,25 +307,19 @@
</div>
<div class="sd">
<div class="fa-ji">检查地点</div>
<div class="conrt">{{ll_address}}</div>
<div class="conrt">{{l_address}}</div>
</div>
</div>
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleg = false">确认</el-button>
<el-button type="primary" round @click="dialogVisibleg = false">确认</el-button>
<el-button round @click="dialogVisibleg = false">取消</el-button>
</div>
</div>
</el-dialog>
<!-- 事件上报记录 -->
<el-dialog
title="事件上报记录"
:visible.sync="dialogVisiblebao"
width="60%"
style="margin-top: 8%"
:append-to-body="true"
>
<el-dialog title="事件上报记录" :visible.sync="dialogVisiblebao" width="60%" style="margin-top: 8%" :append-to-body="true">
<div class="liebiao" style="margin-top: 24px">
<div class="fahuo-li">
<div class="a" style="width: 33.3%">
... ... @@ -405,19 +385,13 @@
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisiblebao = false">确认</el-button>
<el-button type="primary" round @click="dialogVisiblebao = false">确认</el-button>
<el-button round @click="dialogVisiblebao = false">取消</el-button>
</div>
</div>
</el-dialog>
<!-- 登记处置情况 -->
<el-dialog
title="登记处置情况"
:visible.sync="dialogVisiblechu"
width="60%"
style="margin-top: 10%"
:append-to-body="true"
>
<!-- 登记处置情况 -->
<el-dialog title="登记处置情况" :visible.sync="dialogVisiblechu" width="60%" style="margin-top: 10%" :append-to-body="true">
<div class="liebiao" style="margin-top: 24px">
<div class="chuzhis">处置说明</div>
<textarea name="" placeholder="请输入处置说明" class="chuzhitext" id="" cols="30" rows="10"></textarea>
... ... @@ -432,152 +406,190 @@
</template>
<script>
export default {
data() {
return {
huos: 1,
radio: "1",
tableData: [
{
date: "P2112020092300",
name: "P2112020092300",
province: "北京电站",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
{
date: "P2112020092301",
name: "P2112020092301",
province: "天津电站",
city: "赵吾光",
address: "178 2038 0192",
zip: "重庆市南岸区长生桥镇长生路46号附2号",
}
],
bianhao:"",
j_shuoming:"",
j_time:"",
j_address:"",
index:0,
total:0,
tableDatas: [
{
export default {
data() {
return {
huos: 1,
radio: "1",
tableData: [{
date: "P2112020092300",
name: "P2112020092300",
province: "北京电站",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
time: "2021/2/4"
},
{
date: "P2112020092301",
name: "P2112020092301",
province: "天津电站",
city: "赵吾光",
address: "178 2038 0192",
zip: "重庆市南岸区长生桥镇长生路46号附2号",
time: "2020/2/8"
}
],
bianhao: "",
j_shuoming: "",
j_time: "",
j_address: "",
index: 0,
total: 0,
l_bianhao: "",
l_address: "",
l_shuoming: "",
l_time: "",
cha_type: 1,
tableDatas: [{
date: "P2112020092300",
name: "P2112020092300",
province: "北京电站",
city: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
}
],
dialogVisible: false,
dialogVisibleg: false,
dialogVisibleq: false,
dialogVisibleh: false,
dialogVisibleyu: false,
dialogVisibleshi:false,
dialogVisiblebao:false,
dialogVisiblechu: false,
dialogImageUrl: "",
dialogVisiblex: false,
};
},
mounted() {
console.log("111");
this.totalPage()
},
methods: {
// 分页总条数
totalPage(){
if(this.huos == 1){
this.total = this.tableData.length
}else{
this.total = this.tableDatas.length
}
for(let i=0;i<this.tableData.length;i++){
}
},
// 查看详情
xq(index){
},
//编辑发货申请
handleClick(row) {
console.log(row);
},
//切换
huo(index) {
this.huos = index;
},
//上传图片
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
time: ""
}],
dialogVisible: false,
dialogVisibles: false,
dialogVisibleg: false,
dialogVisibleq: false,
dialogVisibleh: false,
dialogVisibleyu: false,
dialogVisibleshi: false,
dialogVisiblebao: false,
dialogVisiblechu: false,
dialogImageUrl: "",
dialogVisiblex: false,
};
},
//登记
denji(){
if(this.huos == 1){
this.dialogVisible = true
this.dialogVisibleshi = false
}else{
this.dialogVisible = false
this.dialogVisibleshi = true
mounted() {
console.log("111");
if (localStorage.getItem('tableData')) {
console.log(localStorage.getItem('tableData'))
this.tableData = JSON.parse(localStorage.getItem('tableData'))
} else {
this.tableData = this.tableData
}
this.totalPage()
},
// 途中检查记录 点击确定
yes(){
this.dialogVisible = false
this.dialogVisibleshi = false
let json={
date: this.bianhao,
name: "P211202009230"+parseInt(++this.index),
province: "北京电站",
city:this.type,
address: this.j_shuoming,
zip: this.j_address,
methods: {
// 分页总条数
totalPage() {
if (this.huos == 1) {
this.total = this.tableData.length
} else {
this.total = this.tableData.length
}
for (let i = 0; i < this.tableData.length; i++) {
}
},
// 查看详情
xq(index, i) {
console.log(index)
this.cha_type = i
this.dialogVisible = true;
console.log(this.tableData[index].date)
this.l_bianhao = this.tableData[index].date
// this.tableData[index].name
// this.tableData[index].province
this.l_time = this.tableData[index].time
this.l_shuoming = this.tableData[index].address
this.l_address = this.tableData[index].zip
},
//编辑发货申请
handleClick(row) {
console.log(row);
},
//切换
huo(index) {
this.huos = index;
},
//上传图片
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
//登记
denji() {
if (this.huos == 1) {
this.dialogVisibles = true
this.dialogVisibleshi = false
} else {
this.dialogVisibles = false
this.dialogVisibleshi = true
}
},
// 途中检查记录 点击确定
yesal() {
this.dialogVisibles = false
this.dialogVisibleshi = false
let json = {
date: this.bianhao,
name: "P211202009230" + parseInt(++this.index),
province: "北京电站",
city: this.type,
address: this.j_shuoming,
zip: this.j_address,
time: this.j_time
}
console.log(this.j_time)
if (this.cha_type != 2) {
this.tableData.push(json)
}
this.totalPage()
console.log(this.tableData)
localStorage.setItem("tableData", JSON.stringify(this.tableData))
},
yes() {
this.dialogVisible = false
},
no() {
this.dialogVisible = false
this.dialogVisibles = false
this.dialogVisibleshi = false
}
this.tableData.push(json)
},
no(){
this.dialogVisible = false
this.dialogVisibleshi = false
}
},
};
};
</script>
<style>
.el-dialog__body {
padding: 5px 20px;
padding-bottom: 18px;
}
.el-dialog__title {
font-size: 29px !important;
color: #000000 !important;
font-weight: 500;
}
.el-upload--picture-card {
width: 107px !important;
height: 107px !important;
line-height: 107px !important;
}
.el-upload-list--picture-card .el-upload-list__item {
width: 107px !important;
height: 107px !important;
line-height: 107px !important;
}
.el-dialog__body {
padding: 5px 20px;
padding-bottom: 18px;
}
.el-dialog__title {
font-size: 29px !important;
color: #000000 !important;
font-weight: 500;
}
.el-upload--picture-card {
width: 107px !important;
height: 107px !important;
line-height: 107px !important;
}
.el-upload-list--picture-card .el-upload-list__item {
width: 107px !important;
height: 107px !important;
line-height: 107px !important;
}
.el-carousel__container {
margin-top: 52px;
height: 629px;
}
.el-carousel__container {
margin-top: 52px;
height: 629px;
}
</style>
<style scoped>
@import "../../css/fa.css";
@import "../../css/zaitu.css";
@import "../../css/fa.css";
@import "../../css/zaitu.css";
</style>
... ...