刘建成 / 物流 · 提交

转到一个项目

作者 许海潮
提交 c306591212ba8de3231a16db719969f7a90e40c8 2 个父辈 8345e4d1 75b2621f

合并分支 'brunch_li' 到 'master' 

1111

修改


查看合并请求 !9
内嵌 并排对比
正在显示 5 个修改的文件 包含 1533 行增加 和 989 行删除
... ... @@ -6,27 +6,48 @@
<div class="ge"></div>
<div class="fa-text">发货计划</div>
</div>
<el-button type="primary" @click="dialogVisible = true">编制发货计划</el-button>
<el-button type="primary" @click="dialogVisible = true"
>编制发货计划</el-button
>
</div>
<div class="biaoge">
<div class="biao-box">
<div class="fhuo">
<div class="fahuos">
<div class="fas-text">发货计划</div>
<input type="text" placeholder="请输入发货计划" class="fa-input" v-model="shipId" />
<input
type="text"
placeholder="请输入发货计划"
class="fa-input"
v-model="shipId"
/>
</div>
<div class="fahuos">
<div class="fas-text">合同编码</div>
<input type="text" placeholder="请输入合同编码" class="fa-input" v-model="contractCode" />
<input
type="text"
placeholder="请输入合同编码"
class="fa-input"
v-model="contractCode"
/>
</div>
<div class="fahuos">
<div class="fas-text">电站</div>
<input type="text" placeholder="请输入电站" class="fa-input" v-model="telegramListName" />
<input
type="text"
placeholder="请输入电站"
class="fa-input"
v-model="telegramListName"
/>
</div>
<div class="fahuos">
<div class="fas-text">申请人</div>
<input type="text" placeholder="请输入申请人" class="fa-input" v-model="createBy" />
<input
type="text"
placeholder="请输入申请人"
class="fa-input"
v-model="createBy"
/>
</div>
<div class="fahuos">
<div class="fas-text">申请时间</div>
... ... @@ -36,7 +57,12 @@
class="fa-input"
v-model="createTime"
/> -->
<el-date-picker v-model="createTime" type="date" placeholder="请输入申请时间" @click.native.prevent="datass">
<el-date-picker
v-model="createTime"
type="date"
placeholder="请输入申请时间"
@click.native.prevent="datass"
>
</el-date-picker>
</div>
<div class="chaxun" @click="chaxun">
... ... @@ -45,26 +71,53 @@
</div>
</div>
<div class="zhonlist">
<el-table :data="tableData" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table-column fixed prop="shipId" label="发货计划编码" width="180">
<el-table
:data="tableData"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column
fixed
prop="shipId"
label="发货计划编码"
width="180"
>
</el-table-column>
<el-table-column prop="contractCode" label="合同编码" width="270">
</el-table-column>
<el-table-column prop="telegramList" label="电站" width="128">
</el-table-column>
<el-table-column prop="moneyContactPerson" label="到货联系人" width="128">
<el-table-column
prop="moneyContactPerson"
label="到货联系人"
width="128"
>
</el-table-column>
<el-table-column prop="moneyContactPhone" label="到货联系电话" width="160">
<el-table-column
prop="moneyContactPhone"
label="到货联系电话"
width="160"
>
</el-table-column>
<el-table-column prop="moneyAddress" label="到货地点" width="280">
</el-table-column>
<el-table-column prop="vehicleRequirements" label="车辆要求" width="180">
<el-table-column
prop="vehicleRequirements"
label="车辆要求"
width="180"
>
</el-table-column>
<el-table-column prop="moneyTime" label="到货时间要求" width="180">
</el-table-column>
<el-table-column prop="deliveryMethod" label="交货方式" width="180">
</el-table-column>
<el-table-column prop="productionStatus" label="生产情况" width="180">
<el-table-column
prop="productionStatus"
label="生产情况"
width="180"
>
</el-table-column>
<!-- <el-table-column prop="fileIds" label="附带资料" width="180">
</el-table-column> -->
... ... @@ -82,18 +135,47 @@
</el-table-column>
<el-table-column prop="status" label="状态" width="180">
<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" v-if="scope.row.status == 2">已完成</el-button>
<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" 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>
<el-button
type="text"
size="small"
@click="que"
v-if="scope.row.status == 3"
>已关闭</el-button
>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="186">
<template slot-scope="scope">
<el-button type="text" size="small" @click="chasa(scope.row.shipId)">查看</el-button>
<el-button type="text" size="small" @click="chaas(scope.row.shipId)" v-if="scope.row.status == 0">审核</el-button>
<el-button type="text" size="small" @click="que(scope.row.shipId)" v-if="scope.row.status != 2">确认完成</el-button>
<el-button
type="text"
size="small"
@click="chasa(scope.row.shipId)"
>查看</el-button
>
<el-button
type="text"
size="small"
@click="chaas(scope.row.shipId)"
v-if="scope.row.status == 0"
>审核</el-button
>
<el-button
type="text"
size="small"
@click="que(scope.row.shipId)"
v-if="scope.row.status != 2"
>确认完成</el-button
>
</template>
</el-table-column>
</el-table>
... ... @@ -104,34 +186,68 @@
<div class="gon">共{{ total }}条</div>
<div class="kls">
<!-- @prev-click="prevPage" -->
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="total" >
<el-pagination
:page-size="20"
:pager-count="11"
layout="prev, pager, next"
:total="total"
>
</el-pagination>
</div>
</div>
</div>
<!-- 编辑发货申请 -->
<el-dialog title="新增发货计划" :visible.sync="dialogVisible" width="80%" style="margin-top: 90px" :append-to-body="true">
<el-dialog
title="新增发货计划"
:visible.sync="dialogVisible"
width="80%"
style="margin-top: 90px"
:append-to-body="true"
>
<div class="liebiao">
<div class="fahuo-li">
<div class="a">
<div class="sd">
<div class="fa-ji">发货计划</div>
<input type="text" placeholder="请输入发货计划" v-model="shipPlan" class="input" />
<input
type="text"
placeholder="请输入发货计划"
v-model="shipPlan"
class="input"
/>
</div>
<div class="sd">
<div class="fa-ji">到货联系电话</div>
<input type="text" placeholder="请输入到货联系电话" class="input" v-model="moneyContactPhone" />
<input
type="text"
placeholder="请输入到货联系电话"
class="input"
v-model="moneyContactPhone"
/>
</div>
<div class="sd">
<div class="fa-ji">生产情况</div>
<input type="text" placeholder="请输入生产情况" class="input" v-model="productionStatus" />
<input
type="text"
placeholder="请输入生产情况"
class="input"
v-model="productionStatus"
/>
</div>
<div class="sd">
<div class="fa-ji">附带资料</div>
<div class="ziliao-list">
<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview"
:on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="3" :on-exceed="handleExceed"
:file-list="fileList">
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
>
<el-button size="small" type="primary">点击上传</el-button>
<div slot="tip" class="el-upload__tip">
只能上传jpg/png文件，且不超过500kb
... ... @@ -144,15 +260,30 @@
<div class="a">
<div class="sd">
<div class="fa-ji">合同编码</div>
<input type="text" placeholder="请输入合同编码" class="input" v-model="contractCode" />
<input
type="text"
placeholder="请输入合同编码"
class="input"
v-model="contractCode"
/>
</div>
<div class="sd">
<div class="fa-ji">到货地点</div>
<input type="text" placeholder="请输入到货地点" class="input" v-model="moneyAddress" />
<input
type="text"
placeholder="请输入到货地点"
class="input"
v-model="moneyAddress"
/>
</div>
<div class="sd">
<div class="fa-ji">车辆要求</div>
<input type="text" placeholder="请输入车辆要求" class="input" v-model="vehicleRequirements" />
<input
type="text"
placeholder="请输入车辆要求"
class="input"
v-model="vehicleRequirements"
/>
</div>
</div>
... ... @@ -160,37 +291,71 @@
<div class="sd">
<div class="fa-ji">电站</div>
<div class="inputt">
<el-select v-model="value" :filter-method="onSubmit" @change="currentSel" filterable placeholder="请选择"
style="width: 283px">
<el-option v-for="(item, index) in options" :key="index" :label="item.telegramName" :value="item.telegramId">
<el-select
v-model="value"
:filter-method="onSubmit"
@change="currentSel"
filterable
placeholder="请选择"
style="width: 283px"
>
<el-option
v-for="(item, index) in options"
:key="index"
:label="item.telegramName"
:value="item.telegramId"
>
</el-option>
</el-select>
</div>
</div>
<div class="sd">
<div class="fa-ji">详细地点</div>
<input type="text" placeholder="请输入详细地点" class="input" v-model="fullAddress" />
<input
type="text"
placeholder="请输入详细地点"
class="input"
v-model="fullAddress"
/>
</div>
<div class="sd">
<div class="fa-ji">备注</div>
<textarea placeholder="请输入备注" class="inputs" v-model="remarks"></textarea>
<textarea
placeholder="请输入备注"
class="inputs"
v-model="remarks"
></textarea>
<!-- <input type="text" /> -->
</div>
</div>
<div class="a">
<div class="sd">
<div class="fa-ji">到货联系人</div>
<input type="text" placeholder="请输入到货联系人" class="input" v-model="moneyContactPerson" />
<input
type="text"
placeholder="请输入到货联系人"
class="input"
v-model="moneyContactPerson"
/>
</div>
<div class="sd">
<div class="fa-ji">交货方式</div>
<input type="text" placeholder="请输入交货方式" class="input" v-model="deliveryMethod" />
<input
type="text"
placeholder="请输入交货方式"
class="input"
v-model="deliveryMethod"
/>
</div>
<div class="sd">
<div class="fa-ji">传真照片</div>
<div class="chuanzheng">
<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisiblex">
... ... @@ -205,17 +370,38 @@
</div>
</div>
<div class="lista">
<el-table :data="tablelist" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table-column fixed prop="productId" label="产品型号" width="222">
<el-table
:data="tablelist"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column
fixed
prop="productId"
label="产品型号"
width="222"
>
<template slot-scope="scope">
<el-select v-model="scope.row.productId" placeholder="请输入产品型号" filterable @change="
<el-select
v-model="scope.row.productId"
placeholder="请输入产品型号"
filterable
@change="
getCategoryOptions(
scope.row.productId,
scope.$index,
tablelist
)
">
<el-option v-for="item in optionsas" :key="item.value" :label="item.productCoding" :value="item.productId">
"
>
<el-option
v-for="item in optionsas"
:key="item.value"
:label="item.productCoding"
:value="item.productId"
>
</el-option>
</el-select>
<!-- <input
... ... @@ -228,17 +414,32 @@
</el-table-column>
<el-table-column prop="detailId" label="产品编号" width="222">
<template slot-scope="scope">
<input type="text" v-model="scope.row.detailId" placeholder="请输入产品编号" class="inputsvs" />
<input
type="text"
v-model="scope.row.detailId"
placeholder="请输入产品编号"
class="inputsvs"
/>
</template>
</el-table-column>
<el-table-column prop="zhon" label="配件种类" width="222">
<template slot-scope="scope">
<input type="text" v-model="scope.row.zhon" placeholder="请输入配件种类" class="inputsvs" />
<input
type="text"
v-model="scope.row.zhon"
placeholder="请输入配件种类"
class="inputsvs"
/>
</template>
</el-table-column>
<el-table-column prop="num" label="产品数量" width="222">
<template slot-scope="scope">
<input type="text" v-model="scope.row.num" class="inputsvs" placeholder="请输入产品数量" />
<input
type="text"
v-model="scope.row.num"
class="inputsvs"
placeholder="请输入产品数量"
/>
</template>
</el-table-column>
<el-table-column prop="moneyTime" label="要求到货时间" width="222">
... ... @@ -251,7 +452,12 @@
>
请选择到货时间
</el-tag> -->
<el-date-picker v-model="scope.row.moneyTime" type="date" placeholder="请选择到货时间" @click.native.prevent="datas(scope.$index, tablelist)">
<el-date-picker
v-model="scope.row.moneyTime"
type="date"
placeholder="请选择到货时间"
@click.native.prevent="datas(scope.$index, tablelist)"
>
</el-date-picker>
<!-- <input type="text" v-model="scope.row.moneyTime" @click.native.prevent="shi(scope.$index,tablelist)" disabled placeholder="请输入到货时间" class="inputsvs" /> -->
</template>
... ... @@ -259,7 +465,12 @@
<el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope">
<el-button @click.native.prevent="deleteRow(scope.$index, tablelist)" type="text" size="small">删除</el-button>
<el-button
@click.native.prevent="deleteRow(scope.$index, tablelist)"
type="text"
size="small"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
... ... @@ -271,7 +482,13 @@
</div>
</el-dialog>
<!-- 发货计划审核 -->
<el-dialog title="发货计划审核" :visible.sync="dialogVisibleg" width="70%" style="margin-top: 90px" :append-to-body="true">
<el-dialog
title="发货计划审核"
:visible.sync="dialogVisibleg"
width="70%"
style="margin-top: 90px"
:append-to-body="true"
>
<div class="liebiao">
<div class="jichus">
<div class="gesk"></div>
... ... @@ -360,7 +577,13 @@
</div>
</div>
<div class="lista">
<el-table :data="details.mainShipDetail" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table
:data="details.mainShipDetail"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column fixed prop="date" label="产品型号" width="260">
</el-table-column>
<el-table-column prop="productId" label="产品编号" width="260">
... ... @@ -374,14 +597,21 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="tonguo(1)">审核通过</el-button>
<el-button type="primary" round @click="tonguo(1)"
>审核通过</el-button
>
<el-button round @click="butong(2)">审核不通过</el-button>
</div>
</div>
</el-dialog>
<!-- 确认发货 -->
<el-dialog title="完成发货计划" :visible.sync="dialogVisibleq" width="70%" style="margin-top: 90px" :append-to-body="true">
<el-dialog
title="完成发货计划"
:visible.sync="dialogVisibleq"
width="70%"
style="margin-top: 90px"
:append-to-body="true"
>
<div class="liebiao">
<div class="jichus">
<div class="gesk"></div>
... ... @@ -470,7 +700,13 @@
</div>
</div>
<div class="lista" style="height: 200px">
<el-table :data="details.mainShipDetail" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table
:data="details.mainShipDetail"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column fixed prop="date" label="产品型号" width="252">
</el-table-column>
<el-table-column prop="productId" label="产品编号" width="252">
... ... @@ -482,20 +718,32 @@
<el-table-column fixed="right" label="操作" width="272">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row.shipId, 3)" type="text" size="small">确认完成</el-button>
<el-button
@click="handleClick(scope.row.shipId, 3)"
type="text"
size="small"
>确认完成</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleq = false">确认</el-button>
<el-button type="primary" round @click="dialogVisibleq = false"
>确认</el-button
>
<el-button round @click="dialogVisibleq = false">取消</el-button>
</div>
</div>
</el-dialog>
<!-- 查看详情 -->
<el-dialog title="查看详情" :visible.sync="dialogVisibleh" width="70%" style="margin-top: 110px" :append-to-body="true">
<el-dialog
title="查看详情"
:visible.sync="dialogVisibleh"
width="70%"
style="margin-top: 110px"
:append-to-body="true"
>
<div class="liebiao">
<div class="jichus">
<div class="gesk"></div>
... ... @@ -584,7 +832,13 @@
</div>
</div>
<div class="lista">
<el-table :data="details.mainShipDetail" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table
:data="details.mainShipDetail"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column fixed prop="date" label="产品型号" width="232">
</el-table-column>
<el-table-column prop="productId" label="产品编号" width="242">
... ... @@ -598,7 +852,9 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleh = false">确认</el-button>
<el-button type="primary" round @click="dialogVisibleh = false"
>确认</el-button
>
<el-button round @click="dialogVisibleh = false">取消</el-button>
<!-- <div class="querens" @click="dialogVisibleh = false">确认</div>
<div class="quxiaos" @click="dialogVisibleh = false">取消</div> -->
... ... @@ -606,7 +862,11 @@
</div>
</el-dialog>
<!-- 预览图片 -->
<el-dialog :visible.sync="dialogVisibleyu" width="80%" :append-to-body="true">
<el-dialog
:visible.sync="dialogVisibleyu"
width="80%"
:append-to-body="true"
>
<div class="fanhui" @click="fanhuis">
<img src="../../assets/zuojian.png" class="zuojian" alt="" />
<div class="sski">返回上一层</div>
... ... @@ -621,488 +881,492 @@
</template>
<script>
export default {
data() {
return {
tableData: [],
tablelist: [{
productId: "",
num: "",
moneyTime: "",
detailId: "",
lastNum: "",
shipId: "",
status: "",
}, ],
fileList: [{
name: 'food.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
}, {
name: 'food2.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
}],
export default {
data() {
return {
tableData: [],
tablelist: [{
productId: "",
num: "",
moneyTime: "",
detailId: "",
lastNum: "",
shipId: "",
status: "",
},],
fileList: [{
name: 'food.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
}, {
name: 'food2.jpeg',
url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
}],
tablelists: [],
options: [],
dialogVisible: false,
dialogVisibleg: false,
dialogVisibleq: false,
dialogVisibleh: false,
dialogVisibleyu: false,
dialogImageUrl: "",
dialogVisiblex: false,
shipPlan: "", //发货计划
moneyContactPhone: "", //到货联系电话
productionStatus: "", //生产情况
contractCode: "", //合同编码
moneyAddress: "", //到货地点
vehicleRequirements: "", //车辆要求
fullAddress: "", //详细地点
remarks: "", //备注
moneyContactPerson: "", //到货联系人
deliveryMethod: "", //交货方式
telegramList: "", //电站
value: "",
contractCode: "", //合同编码
createBy: "", //申请人
createTime: "", //申请时间
shipId: "", //申请计划
telegramListName: "", //电站名称
pageNum: 1,
pageSize: 10,
details: [],
total: null, //总条数
optionsas: [],
name: "",
};
tablelists: [],
options: [],
dialogVisible: false,
dialogVisibleg: false,
dialogVisibleq: false,
dialogVisibleh: false,
dialogVisibleyu: false,
dialogImageUrl: "",
dialogVisiblex: false,
shipPlan: "", //发货计划
moneyContactPhone: "", //到货联系电话
productionStatus: "", //生产情况
contractCode: "", //合同编码
moneyAddress: "", //到货地点
vehicleRequirements: "", //车辆要求
fullAddress: "", //详细地点
remarks: "", //备注
moneyContactPerson: "", //到货联系人
deliveryMethod: "", //交货方式
telegramList: "", //电站
value: "",
contractCode: "", //合同编码
createBy: "", //申请人
createTime: "", //申请时间
shipId: "", //申请计划
telegramListName: "", //电站名称
pageNum: 1,
pageSize: 10,
details: [],
total: null, //总条数
optionsas: [],
name: "",
};
},
computed: {
},
mounted() {
this.dian();
this.fahuo();
this.chan();
},
methods: {
//上传附件
handleRemove(file, fileList) {
console.log(file, fileList);
},
mounted() {
handlePreview(file) {
console.log(file);
},
handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${file.name}？`);
},
onSubmit(val) {
this.value = val;
this.dian();
},
//查询
chaxun() {
this.fahuo();
this.chan();
},
methods: {
//上传附件
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
},
handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${file.name}？`);
},
onSubmit(val) {
this.value = val;
this.dian();
},
//查询
chaxun() {
this.fahuo();
},
//select发生改变市
currentSel(selVal) {
console.log(selVal);
this.value = selVal;
this.telegramId();
},
//根据电站id查询数据
telegramId() {
let that = this;
var url = "/api/system/telegram/" + that.value;
let params = {};
that.$axios
.get(url)
.then(function(res) {
console.log(res);
that.moneyContactPerson = res.data.contactPerson;
that.moneyContactPhone = res.data.phoneNumber;
that.moneyAddress = res.data.address;
that.fullAddress = res.data.detailAddress;
})
.catch(function(err) {
console.log(err);
});
},
//确认完成
handleClick(id, index) {
let that = this;
var url = "/api/ship/ship/" + id + "/" + index;
let params = {};
that.$axios
.put(url)
.then(function(res) {
that.$message({
message: "确认完成",
type: "success",
});
// that.dialogVisibleg = false;
// that.fahuo();
// console.log(res);
})
.catch(function(err) {
console.log(err);
});
},
//审核通过
tonguo(id) {
console.log(id);
let that = this;
var url = "/api/ship/ship/" + that.details.shipId + "/" + id;
let params = {};
that.$axios
.put(url)
.then(function(res) {
that.$message({
message: "审核成功",
type: "success",
});
that.dialogVisibleg = false;
that.fahuo();
console.log(res);
})
.catch(function(err) {
console.log(err);
});
},
//搜索
getCategoryOptions(val, index, rows) {
console.log(val);
console.log()
this.chanping(val, index, rows)
// this.chan()
},
//根据产品id搜索
chanping(id, index, rows) {
let that = this;
var url = "/api/system/product/" + id;
let params = {};
that.$axios
.get(url)
.then(function(res) {
console.log(index, rows);
rows[index].detailId = res.data.productCoding
})
.catch(function(err) {
console.log(err);
});
},
//获取产品信息列表
chan() {
let that = this;
var url = "/api/system/product/selectList?name=" + "";
let params = {};
that.$axios
.get(url)
.then(function(res) {
that.optionsas = res.data;
console.log(res);
})
.catch(function(err) {
console.log(err);
});
},
//审核不通过
butong(id) {
console.log(id);
let that = this;
var url = "/api/ship/ship/" + that.details.shipId + "/" + id;
let params = {};
that.$axios
.put(url)
.then(function(res) {
that.$message({
message: "审核成功",
type: "success",
});
that.dialogVisibleg = false;
that.fahuo();
console.log(res);
})
.catch(function(err) {
console.log(err);
});
},
//获取电站列表
dian() {
let that = this;
var url = "/api/system/telegram/selectList?name=" + that.value;
let params = {};
that.$axios
.get(url)
.then(function(res) {
console.log(res);
that.options = res.data;
})
.catch(function(err) {
console.log(err);
//select发生改变市
currentSel(selVal) {
console.log(selVal);
this.value = selVal;
this.telegramId();
},
//根据电站id查询数据
telegramId() {
let that = this;
var url = "/api/system/telegram/" + that.value;
let params = {};
that.$axios
.get(url)
.then(function (res) {
console.log(res);
that.moneyContactPerson = res.data.contactPerson;
that.moneyContactPhone = res.data.phoneNumber;
that.moneyAddress = res.data.address;
that.fullAddress = res.data.detailAddress;
})
.catch(function (err) {
console.log(err);
});
},
//确认完成
handleClick(id, index) {
let that = this;
var url = "/api/ship/ship/" + id + "/" + index;
let params = {};
that.$axios
.put(url)
.then(function (res) {
that.$message({
message: "确认完成",
type: "success",
});
},
//获取发货计划列表
fahuo() {
console.log("11")
let that = this;
var url = "/api/ship/ship/list";
let params = {
pageSize: that.pageSize,
createBy: that.createBy,
createTime: that.createTime,
pageNum: that.pageNum,
pageSize: that.pageSize,
shipId: that.shipId,
telegramListName: that.telegramListName,
} || '';
that.$axios.post(url, params).then(res => {
console.log(res);
that.tableData = res.rows;
that.total = res.total;
})
.catch(function(err) {
console.log(err);
// that.dialogVisibleg = false;
// that.fahuo();
// console.log(res);
})
.catch(function (err) {
console.log(err);
});
},
//审核通过
tonguo(id) {
console.log(id);
let that = this;
var url = "/api/ship/ship/" + that.details.shipId + "/" + id;
let params = {};
that.$axios
.put(url)
.then(function (res) {
that.$message({
message: "审核成功",
type: "success",
});
},
//查看发货计划详情
chasa(id) {
this.dialogVisibleh = true;
let that = this;
var url = "/api/ship/ship/" + id;
let params = {};
that.$axios
.get(url)
.then(function(res) {
console.log(res);
that.details = res.data;
})
.catch(function(err) {
console.log(err);
that.dialogVisibleg = false;
that.fahuo();
console.log(res);
})
.catch(function (err) {
console.log(err);
});
},
//搜索
getCategoryOptions(val, index, rows) {
console.log(val);
console.log()
this.chanping(val, index, rows)
// this.chan()
},
//根据产品id搜索
chanping(id, index, rows) {
let that = this;
var url = "/api/system/product/" + id;
let params = {};
that.$axios
.get(url)
.then(function (res) {
console.log(index, rows);
rows[index].detailId = res.data.productCoding
})
.catch(function (err) {
console.log(err);
});
},
//获取产品信息列表
chan() {
let that = this;
var url = "/api/system/product/selectList?name=" + "";
let params = {};
that.$axios
.get(url)
.then(function (res) {
that.optionsas = res.data;
console.log(res);
})
.catch(function (err) {
console.log(err);
});
},
//审核不通过
butong(id) {
console.log(id);
let that = this;
var url = "/api/ship/ship/" + that.details.shipId + "/" + id;
let params = {};
that.$axios
.put(url)
.then(function (res) {
that.$message({
message: "审核成功",
type: "success",
});
},
//新增发货计划确认
btn() {
let that = this;
var url = "/api/ship/ship/add";
let params = {
shipPlan: that.shipPlan, //发货计划
fileIds: "https://zqvcil8xjx.feishu.cn/docs/doccnzYUyK8v7fK3MQrPNodwPMQ", //附带资料
moneyContactPerson: that.moneyContactPerson, //到货联系人
telegramList: that.value, //发电站编码集合
latitude: "31.25658", //经度
longitude: "131.26589", //纬度
moneyAddress: that.moneyAddress, //到货地点
contractCode: that.contractCode, //合同编码
moneyContactPhone: that.moneyContactPhone, //到货联系电话
fullAddress: that.fullAddress, //详细地点
deliveryMethod: that.deliveryMethod, //交货方式
productionStatus: that.productionStatus, //生产情况
vehicleRequirements: that.vehicleRequirements, //车辆要求
remarks: that.remarks, //备注
photoIds: "https://images.cnblogs.com/cnblogs_com/s313139232/1258426/o_o_headers.jpg", //传真照片
mainShipDetail: that.tablelist,
};
that.$axios
.post(url, params)
.then(function(res) {
console.log(res);
that.$message({
message: "添加成功",
type: "success",
});
that.dialogVisible = false;
that.fahuo()
})
.catch(function(err) {
that.$message.error(err.msg)
console.log(err);
that.dialogVisibleg = false;
that.fahuo();
console.log(res);
})
.catch(function (err) {
console.log(err);
});
},
//获取电站列表
dian() {
let that = this;
var url = "/api/system/telegram/selectList?name=" + that.value;
let params = {};
that.$axios
.get(url)
.then(function (res) {
console.log(res);
that.options = res.data;
})
.catch(function (err) {
console.log(err);
});
},
//获取发货计划列表
fahuo() {
console.log("11")
console.log(this.$axios.defaults.headers)
let that = this;
var url = "/api/ship/ship/list";
let params = {
pageSize: that.pageSize,
createBy: that.createBy,
createTime: that.createTime,
contractCode: that.contractCode,
pageNum: that.pageNum,
pageSize: that.pageSize,
shipId: that.shipId,
telegramListName: that.telegramListName,
} || '';
that.$axios.post(url, params).then(res => {
console.log(res);
that.tableData = res.rows;
that.total = res.total;
})
.catch(function (err) {
console.log(err);
});
},
//查看发货计划详情
chasa(id) {
this.dialogVisibleh = true;
let that = this;
var url = "/api/ship/ship/" + id;
let params = {};
that.$axios
.get(url)
.then(function (res) {
console.log(res);
that.details = res.data;
})
.catch(function (err) {
console.log(err);
});
},
//新增发货计划确认
btn() {
let that = this;
var url = "/api/ship/ship/add";
let params = {
shipPlan: that.shipPlan, //发货计划
fileIds: "https://zqvcil8xjx.feishu.cn/docs/doccnzYUyK8v7fK3MQrPNodwPMQ", //附带资料
moneyContactPerson: that.moneyContactPerson, //到货联系人
telegramList: that.value, //发电站编码集合
latitude: "31.25658", //经度
longitude: "131.26589", //纬度
moneyAddress: that.moneyAddress, //到货地点
contractCode: that.contractCode, //合同编码
moneyContactPhone: that.moneyContactPhone, //到货联系电话
fullAddress: that.fullAddress, //详细地点
deliveryMethod: that.deliveryMethod, //交货方式
productionStatus: that.productionStatus, //生产情况
vehicleRequirements: that.vehicleRequirements, //车辆要求
remarks: that.remarks, //备注
photoIds: "https://images.cnblogs.com/cnblogs_com/s313139232/1258426/o_o_headers.jpg", //传真照片
mainShipDetail: that.tablelist,
};
that.$axios
.post(url, params)
.then(function (res) {
console.log(res);
that.$message({
message: "添加成功",
type: "success",
});
},
//时间选择
dayClick: function(date, dateStr) {
console.log(date);
console.log(dateStr);
console.log(this.value);
},
//添加产品
tianbtn() {
if (this.tablelist == undefined) {
this.bcglXiangXiList = new Array();
}
that.dialogVisible = false;
that.contractCode = ''
that.fahuo()
})
.catch(function (err) {
that.$message.error(err.msg)
console.log(err);
});
},
//时间选择
dayClick: function (date, dateStr) {
console.log(date);
console.log(dateStr);
console.log(this.value);
},
//添加产品
tianbtn() {
if (this.tablelist == undefined) {
this.bcglXiangXiList = new Array();
}
let obj = {};
obj.productId = "";
obj.num = "";
obj.moneyTime = "";
obj.detailId = "";
obj.lastNum = "";
obj.shipId = "";
obj.status = "";
this.tablelist.push(obj);
},
handleFileChange(e) {
console.log(e);
this.$refs.sa.click();
},
//添加产品删除
deleteRow(index, rows) {
rows.splice(index, 1);
},
//时间选择
datas(index, rows) {
console.log(rows[index].moneyTime);
},
//申请时间选择
datass() {
console.log(this.createTime);
},
//上传图片
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
//查看订单
chaas(id) {
this.dialogVisibleg = true;
let that = this;
var url = "/api/ship/ship/" + id;
let params = {};
that.$axios
.get(url)
.then(function(res) {
console.log(res);
that.details = res.data;
})
.catch(function(err) {
console.log(err);
});
},
//确认发货
que(id) {
this.dialogVisibleq = true;
let that = this;
var url = "/api/ship/ship/" + id;
let params = {};
that.$axios
.get(url)
.then(function(res) {
console.log(res);
that.details = res.data;
that.fahuo()
})
.catch(function(err) {
console.log(err);
});
},
//预览图片
chuans() {
this.dialogVisibleh = false;
this.dialogVisibleyu = true;
},
//返回上一层
fanhuis() {
this.dialogVisibleh = false;
this.dialogVisibleyu = true;
},
let obj = {};
obj.productId = "";
obj.num = "";
obj.moneyTime = "";
obj.detailId = "";
obj.lastNum = "";
obj.shipId = "";
obj.status = "";
this.tablelist.push(obj);
},
};
handleFileChange(e) {
console.log(e);
this.$refs.sa.click();
},
//添加产品删除
deleteRow(index, rows) {
rows.splice(index, 1);
},
//时间选择
datas(index, rows) {
console.log(rows[index].moneyTime);
},
//申请时间选择
datass() {
console.log(this.createTime);
},
//上传图片
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
//查看订单
chaas(id) {
this.dialogVisibleg = true;
let that = this;
var url = "/api/ship/ship/" + id;
let params = {};
that.$axios
.get(url)
.then(function (res) {
console.log(res);
that.details = res.data;
})
.catch(function (err) {
console.log(err);
});
},
//确认发货
que(id) {
this.dialogVisibleq = true;
let that = this;
var url = "/api/ship/ship/" + id;
let params = {};
that.$axios
.get(url)
.then(function (res) {
console.log(res);
that.details = res.data;
that.fahuo()
})
.catch(function (err) {
console.log(err);
});
},
//预览图片
chuans() {
this.dialogVisibleh = false;
this.dialogVisibleyu = true;
},
//返回上一层
fanhuis() {
this.dialogVisibleh = false;
this.dialogVisibleyu = true;
},
},
};
</script>
<style>
.el-calendar {
position: fixed;
width: 100%;
height: 100%;
top: 10px;
left: 0;
z-index: 99999;
}
.el-dialog__body {
padding: 5px 20px;
padding-bottom: 0;
}
.el-calendar {
position: fixed;
width: 100%;
height: 100%;
top: 10px;
left: 0;
z-index: 99999;
}
.el-dialog__title {
font-size: 22px !important;
color: #000000 !important;
font-weight: 500;
}
.el-dialog__body {
padding: 5px 20px;
padding-bottom: 0;
}
.el-upload--picture-card {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
}
.el-dialog__title {
font-size: 22px !important;
color: #000000 !important;
font-weight: 500;
}
.el-upload-list--picture-card .el-upload-list__item {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
}
.el-upload--picture-card {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
}
.el-carousel__container {
margin-top: 52px;
height: 629px;
}
.el-upload-list--picture-card .el-upload-list__item {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
}
.el-icon-date:before {
content: "";
}
.el-carousel__container {
margin-top: 52px;
height: 629px;
}
.el-input--prefix .el-input__inner {
padding-left: 10px;
}
.el-icon-date:before {
content: "";
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 195px;
border: none;
}
.el-input--prefix .el-input__inner {
padding-left: 10px;
}
.el-input__inner {
border: 1px solid #fff;
}
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 195px;
border: none;
}
.el-select {
width: 100%;
}
.el-input__inner {
border: 1px solid #fff;
}
.el-input__inner {
height: 38px;
padding: 0 15px;
border-radius: 11px;
}
.el-select {
width: 100%;
}
.fahuos .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 250px;
/* border: 1px solid #e4e9ed; */
margin-top: 16px;
border-radius: 11px;
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.10000000149011612);
}
.el-input__inner {
height: 38px;
padding: 0 15px;
border-radius: 11px;
}
input {
outline: none;
border: 0px;
border-radius: 11px;
}
.fahuos .el-date-editor.el-input,
.el-date-editor.el-input__inner {
width: 250px;
/* border: 1px solid #e4e9ed; */
margin-top: 16px;
border-radius: 11px;
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.10000000149011612);
}
.fahuos,
.el-select .el-input.is-focus .el-input__inner {
border: none;
border-radius: none;
}
input {
outline: none;
border: 0px;
border-radius: 11px;
}
.el-input__inner:hover {
border: none;
}
.fahuos,
.el-select .el-input.is-focus .el-input__inner {
border: none;
border-radius: none;
}
.el-input__inner:hover {
border: none;
}
</style>
<style scoped>
@import "../../css/fa.css";
@import "../../css/fa.css";
</style>
... ...
... ... @@ -501,25 +501,9 @@ export default {
/**打印货运单 */
poltShippingList: {},
/**********************************************/
tableData: [
{
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号附2号",
},
],
tableData: [],
page: 1,
pageSize: 10,
dialogVisible: false,
dialogVisibleg: false,
dialogVisibleq: false,
... ... @@ -530,7 +514,7 @@ export default {
};
},
mounted() {
console.log('111')
this.getSendADmin()
},
methods: {
//编辑发货申请
... ... @@ -617,6 +601,14 @@ export default {
this.dialogVisible = true
this.listIndex = idx
},
//获取发运管理
getSendADmin() {
this.$axios.post('api/server/shipment/list', { pageNum: this.page, pageSize: this.pagesize }).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
},
//打印货运单
plot(idx) {
if (this.$store.state.safiingList[idx]) {
... ...
... ... @@ -41,12 +41,19 @@
</div>
<div class="fahuos">
<div class="fas-text">计划转态</div>
<input
type="text"
placeholder="请输入计划转态"
class="fa-input"
<el-select
class="planstatus"
v-model="status"
/>
placeholder="请输入计划转态"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="chaxun">
... ... @@ -226,8 +233,9 @@
/>
</div>
<div class="sdss">
<el-button type="primary" @click="peiche" class="peichejihua">添加配车计划</el-button>
<el-button type="primary" @click="peiche" class="peichejihua"
>添加配车计划</el-button
>
</div>
</div>
</div>
... ... @@ -317,9 +325,8 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="btnque">确认</el-button>
<el-button round @click="dialogVisible = false">取消</el-button>
<el-button type="primary" round @click="btnque">确认</el-button>
<el-button round @click="dialogVisible = false">取消</el-button>
</div>
</div>
</el-dialog>
... ... @@ -357,8 +364,9 @@
</div>
<div class="a" style="width: 33.3%">
<div class="sdasa">
<el-button type="primary" @click="xuanzes">选择发货计划</el-button>
<el-button type="primary" @click="xuanzes"
>选择发货计划</el-button
>
</div>
</div>
</div>
... ... @@ -562,9 +570,8 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="xinbiao">确认</el-button>
<el-button round @click="dialogVisibleg = false">取消</el-button>
<el-button type="primary" round @click="xinbiao">确认</el-button>
<el-button round @click="dialogVisibleg = false">取消</el-button>
</div>
</div>
</el-dialog>
... ... @@ -704,7 +711,7 @@
title="配车计划审核"
:visible.sync="dialogVisibleshen"
width="60%"
style="margin-top: 90px;"
style="margin-top: 90px"
:append-to-body="true"
>
<div class="liebiao">
... ... @@ -831,9 +838,10 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="shentong(1)">审核通过</el-button>
<el-button type="primary" round @click="shentong(1)"
>审核通过</el-button
>
<el-button round @click="shenbu(2)">审核不通过</el-button>
</div>
</div>
</el-dialog>
... ... @@ -842,7 +850,7 @@
title="配车明细"
:visible.sync="dialogVisibleming"
width="60%"
style="margin-top: 110px;"
style="margin-top: 110px"
:append-to-body="true"
>
<div class="liebiao">
... ... @@ -969,8 +977,9 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleming = false">确定</el-button>
<el-button type="primary" round @click="dialogVisibleming = false"
>确定</el-button
>
</div>
</div>
</el-dialog>
... ... @@ -1075,7 +1084,7 @@
title="编制标准配车计划"
:visible.sync="dialogVisibleyu"
width="75%"
style="margin-top: 80px;"
style="margin-top: 80px"
:append-to-body="true"
@close="closeDialog"
>
... ... @@ -1178,7 +1187,6 @@
<div class="querensa">
<el-button type="primary" round @click="suoxuan">确认</el-button>
<el-button round @click="dialogVisibleyu = false">取消</el-button>
</div>
</div>
</el-dialog>
... ... @@ -1223,6 +1231,23 @@ export default {
title: "车辆",
},
],
options: [
{
value: '',
label: '请输入计划转态'
},
{
value: 0,
label: '审核中'
}, {
value: 1,
label: '审核通过'
}, {
value: 2,
label: '审核失败'
}
],
dialogVisible: false, //编制成套配车计划弹窗
dialogVisibleg: false, //编制标准产品配车计划弹窗
dialogVisibleq: false, //确认发货 弹窗
... ... @@ -1650,6 +1675,13 @@ export default {
color: #000000;
outline: none;
}
.planstatus {
margin-top: -12px;
margin-top: 16px;
border-radius: 11px;
box-shadow: 0px 3px 16px 0px rgb(0 0 0 / 10%);
padding: 2px 0;
}
</style>
<style scoped>
@import "../../css/fa.css";
... ...
... ... @@ -13,35 +13,57 @@
</div>
</div>
<el-button type="primary" @click="denji">登记检查记录</el-button>
</div>
<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"
v-model="bianhao"
/>
</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">
<img src="../../assets/chaxun.png" class="cha-imgs" alt="">
<div class="chaxun" @click="searchTheWay">
<img src="../../assets/chaxun.png" class="cha-imgs" alt="" />
</div>
</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
: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">
... ... @@ -56,13 +78,21 @@
</el-table-column>
<el-table-column fixed="right" label="操作" width="256">
<template slot-scope="scope">
<el-button type="text" size="small" @click="xq(scope.$index,2)">查看详情</el-button>
<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="tableDatas" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<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">
... ... @@ -79,8 +109,18 @@
</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>
... ... @@ -88,21 +128,37 @@
</div>
<div class="tiaoshu">
<div class="left-io"></div>
<div class="gon">共{{total}}条</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="dialogVisibles" 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%">
<div class="sd">
<div class="fa-ji">派车单编号</div>
<input v-model="bianhao" type="text" placeholder="请输入派车单编号" class="input" />
<input
v-model="bianhao"
type="text"
placeholder="请输入派车单编号"
class="input"
/>
</div>
<div class="sd">
<div class="fa-ji">照片集</div>
... ... @@ -117,29 +173,52 @@
<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>
</div>
<div class="sd">
<div class="fa-ji">检查时间</div>
<input v-model="j_time" type="text" placeholder="请输入检查时间" class="input" />
<input
v-model="j_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="j_shuoming" type="text" placeholder="请输入检查说明" class="input" />
<input
v-model="j_shuoming"
type="text"
placeholder="请输入检查说明"
class="input"
/>
</div>
<div class="sd">
<div class="fa-ji">检查地点</div>
<input v-model="j_address" type="text" placeholder="请输入检查地点" class="input" />
<input
v-model="j_address"
type="text"
placeholder="请输入检查地点"
class="input"
/>
</div>
</div>
</div>
... ... @@ -151,18 +230,28 @@
<div @click="no">
<el-button round>取消</el-button>
</div>
</div>
</div>
</el-dialog>
<!-- 途中检查记录 -->
<el-dialog title="途中检查记录" :visible.sync="dialogVisible" width="60%" style="margin-top: 10%" :append-to-body="true">
<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" />
<input
v-model="l_bianhao"
type="text"
placeholder="请输入派车单编号"
class="input"
/>
</div>
<div class="sd">
<div class="fa-ji">照片集</div>
... ... @@ -177,29 +266,52 @@
<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>
</div>
<div class="sd">
<div class="fa-ji">检查时间</div>
<input v-model="l_time" type="text" placeholder="请输入检查时间" class="input" />
<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" />
<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" />
<input
v-model="l_address"
type="text"
placeholder="请输入检查地点"
class="input"
/>
</div>
</div>
</div>
... ... @@ -211,12 +323,17 @@
<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%">
... ... @@ -264,20 +381,27 @@
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleshi = false">确认</el-button>
<el-button type="primary" round @click="dialogVisibleshi = false"
>确认</el-button
>
<el-button round @click="dialogVisibleshi = false">取消</el-button>
</div>
</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">派车单编号1</div>
<div class="conrt">{{l_bianhao}}</div>
<div class="conrt">{{ l_bianhao }}</div>
</div>
<div class="sd">
<div class="fa-ji">照片集</div>
... ... @@ -294,7 +418,7 @@
</div>
<div class="sd">
<div class="fa-ji">检查时间</div>
<div class="conrt">{{l_time}}</div>
<div class="conrt">{{ l_time }}</div>
</div>
</div>
... ... @@ -302,24 +426,32 @@
<div class="sd">
<div class="fa-ji">检查说明</div>
<div class="conrt">
{{l_shuoming}}
{{ l_shuoming }}
</div>
</div>
<div class="sd">
<div class="fa-ji">检查地点</div>
<div class="conrt">{{l_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%">
... ... @@ -385,20 +517,36 @@
</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>
<textarea
name=""
placeholder="请输入处置说明"
class="chuzhitext"
id=""
cols="30"
rows="10"
></textarea>
<div class="queren">
<el-button type="primary" round @click="dialogVisiblechu = false">确认</el-button>
<el-button type="primary" round @click="dialogVisiblechu = false"
>确认</el-button
>
<el-button round @click="dialogVisiblechu = false">取消</el-button>
</div>
</div>
</el-dialog>
... ... @@ -406,190 +554,202 @@
</template>
<script>
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号",
time: ""
}],
dialogVisible: false,
dialogVisibles: false,
dialogVisibleg: false,
dialogVisibleq: false,
dialogVisibleh: false,
dialogVisibleyu: false,
dialogVisibleshi: false,
dialogVisiblebao: false,
dialogVisiblechu: false,
dialogImageUrl: "",
dialogVisiblex: false,
export default {
data() {
return {
huos: 1,
radio: "1",
//检查途中
tableData: [],
bianhao: "",
j_shuoming: "",
j_time: "",
j_address: "",
index: 0,
total: 0,
l_bianhao: "",
l_address: "",
l_shuoming: "",
l_time: "",
cha_type: 1,
tableDatas: [],
dialogVisible: false,
dialogVisibles: false,
dialogVisibleg: false,
dialogVisibleq: false,
dialogVisibleh: false,
dialogVisibleyu: false,
dialogVisibleshi: false,
dialogVisiblebao: false,
dialogVisiblechu: false,
dialogImageUrl: "",
dialogVisiblex: false,
page: 1,
size: 10,
};
},
mounted() {
this.getOrder();
if (localStorage.getItem('tableData')) {
console.log(localStorage.getItem('tableData'))
this.tableData = JSON.parse(localStorage.getItem('tableData'))
} else {
this.tableData = this.tableData
}
this.totalPage()
},
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++) {
};
}
},
mounted() {
console.log("111");
if (localStorage.getItem('tableData')) {
console.log(localStorage.getItem('tableData'))
this.tableData = JSON.parse(localStorage.getItem('tableData'))
//根据id编号差
searchTheWay() {
console.log(this.bianhao)
if (this.huos == 2) {
this.$axios('api/server/event/getInfo/' + this.bianhao + '').then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
} else {
this.tableData = this.tableData
this.$axios('api/server/event/getInfo/' + this.bianhao + '').then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
}
this.totalPage()
},
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);
},
//获取在途检查
getOrder() {
this.$axios.post('api/server/onTheWay/list', { page: this.page, size: this.size }).then(res => {
this.tableData = res.rows
}).catch(err => {
console.log(err)
})
},
}
},
// 查看详情
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
//切换
huo(index) {
this.huos = index;
if (index == 2) {
this.$axios.post('api/server/event/list', { page: this.page, size: this.size }).then(res => {
this.tableData = res.rows
}).catch(err => {
console.log(err)
})
} else {
this.getOrder()
}
},
//上传图片
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
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
} else {
this.dialogVisibles = false
this.dialogVisibleshi = 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
}
},
};
</script>
<style>
.el-dialog__body {
padding: 5px 20px;
padding-bottom: 18px;
}
.el-dialog__body {
padding: 5px 20px;
padding-bottom: 18px;
}
.el-dialog__title {
font-size: 29px !important;
color: #000000 !important;
font-weight: 500;
}
.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--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-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>
... ...
... ... @@ -12,15 +12,27 @@
<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="chaxun">
... ... @@ -29,15 +41,29 @@
</div>
</div>
<div class="zhonlist">
<el-table :data="tableData" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table
:data="tableData"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column fixed prop="date" label="派车单号" width="184">
</el-table-column>
<el-table-column prop="name" label="车辆牌号" width="184">
</el-table-column>
<el-table-column prop="province" label="装车状态" width="128">
<template slot-scope="scope">
<span v-if="scope.row.province == '审核中'" style="color: #e6a23c">待装车</span>
<span v-if="scope.row.province == '审核通过'" style="color: #67c23a">已封车</span>
<span
v-if="scope.row.province == '审核中'"
style="color: #e6a23c"
>待装车</span
>
<span
v-if="scope.row.province == '审核通过'"
style="color: #67c23a"
>已封车</span
>
</template>
</el-table-column>
<el-table-column prop="city" label="装车记录人" width="128">
... ... @@ -46,23 +72,54 @@
</el-table-column>
<el-table-column prop="zip" label="装车登记" width="128">
<template slot-scope="scope">
<span v-if="scope.row.zip == '未装车'" style="color: #606266">未登记</span>
<span v-if="scope.row.zip == '已装车'" style="color: #2f54eb" @click="dialogVisibleh = true">查看详情</span>
<span v-if="scope.row.zip == '未装车'" style="color: #606266"
>未登记</span
>
<span
v-if="scope.row.zip == '已装车'"
style="color: #2f54eb"
@click="dialogVisibleh = true"
>查看详情</span
>
</template>
</el-table-column>
<el-table-column prop="zip" label="仪表登记" width="160">
<template slot-scope="scope">
<span v-if="scope.row.zip == '未装车'" style="color: #606266">未登记</span>
<span v-if="scope.row.zip == '已装车'" style="color: #2f54eb" @click="dialogVisible = true">查看详情</span>
<span v-if="scope.row.zip == '未装车'" style="color: #606266"
>未登记</span
>
<span
v-if="scope.row.zip == '已装车'"
style="color: #2f54eb"
@click="dialogVisible = true"
>查看详情</span
>
</template>
</el-table-column>
<el-table-column prop="zip" label="刹车检查" width="200">
</el-table-column>
<el-table-column fixed="right" label="操作" width="206">
<template slot-scope="scope">
<el-button type="text" size="small" @click="dialogVisibleg = true">装车登记</el-button>
<el-button type="text" size="small" v-if="scope.row.province == '审核中'" @click="dialogVisibleq = true">仪表登记</el-button>
<el-button type="text" size="small" v-if="scope.row.province == '审核中'" @click="dialogVisibleyu = true">封车检查</el-button>
<el-button
type="text"
size="small"
@click="dialogVisibleg = true"
>装车登记</el-button
>
<el-button
type="text"
size="small"
v-if="scope.row.province == '审核中'"
@click="dialogVisibleq = true"
>仪表登记</el-button
>
<el-button
type="text"
size="small"
v-if="scope.row.province == '审核中'"
@click="dialogVisibleyu = true"
>封车检查</el-button
>
</template>
</el-table-column>
</el-table>
... ... @@ -72,16 +129,33 @@
<div class="left-io"></div>
<div class="gon">共{{ tableData.length + 1 }}条</div>
<div class="kls">
<el-pagination :page-size="10" :pager-count="11" layout="prev, pager, next" :total="tableData.length + 1">
<el-pagination
:page-size="pagesize"
:pager-count="11"
layout="prev, pager, next"
:total="tableData.length + 1"
>
</el-pagination>
</div>
</div>
</div>
<!-- 查看仪表记录详情 -->
<el-dialog title="查看仪表记录详情" :visible.sync="dialogVisible" width="71%" style="margin-top: 8%" :append-to-body="true">
<el-dialog
title="查看仪表记录详情"
:visible.sync="dialogVisible"
width="71%"
style="margin-top: 8%"
:append-to-body="true"
>
<div class="liebiao">
<div class="lista">
<el-table :data="tablelist" border style="width: 100%" height="400px" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table
:data="tablelist"
border
style="width: 100%"
height="400px"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column fixed prop="date" label="籍码" width="233">
</el-table-column>
<el-table-column prop="name" label="籍名" width="128">
... ... @@ -97,19 +171,32 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisible = false">确认</el-button>
<el-button type="primary" round @click="dialogVisible = false"
>确认</el-button
>
<!-- <div class="querens">确认</div> -->
</div>
</div>
</el-dialog>
<!-- 装车登记 -->
<el-dialog title="装车登记" :visible.sync="dialogVisibleg" width="56.3%" style="margin-top: 90px" :append-to-body="true">
<el-dialog
title="装车登记"
:visible.sync="dialogVisibleg"
width="56.3%"
style="margin-top: 90px"
:append-to-body="true"
>
<div class="liebiao">
<div class="jichus">
<div class="" style="font-size: 14px; color: #606266">派车单编码</div>
</div>
<div class="listas">
<el-table :data="tableData" border style="width: 100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table
:data="tableData"
border
style="width: 100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column fixed prop="date" label="籍号 " width="292">
</el-table-column>
<el-table-column prop="name" label="产品型号" width="292">
... ... @@ -123,15 +210,28 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleg = false">确认</el-button>
<el-button type="primary" round @click="dialogVisibleg = false"
>确认</el-button
>
</div>
</div>
</el-dialog>
<!-- 仪表登记 -->
<el-dialog title="确认发货计划" :visible.sync="dialogVisibleq" width="65%" style="margin-top: 5%" :append-to-body="true">
<el-dialog
title="确认发货计划"
:visible.sync="dialogVisibleq"
width="65%"
style="margin-top: 5%"
:append-to-body="true"
>
<div class="liebiao">
<div class="listas">
<el-table :data="tableData" border style="width: 100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table
:data="tableData"
border
style="width: 100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column fixed prop="date" label="仪表 " style="width: 50%">
</el-table-column>
<el-table-column prop="name" label="籍号" style="width: 50%">
... ... @@ -139,24 +239,43 @@
</el-table>
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleq = false">确认</el-button>
<el-button type="primary" round @click="dialogVisibleq = false"
>确认</el-button
>
<el-button round @click="dialogVisibleq = false">取消</el-button>
</div>
</div>
</el-dialog>
<!-- 装车登记查看详情 -->
<el-dialog title="装车登记" :visible.sync="dialogVisibleh" width="74%" style="margin-top: 8%; padding-bottom: 68px"
:append-to-body="true">
<el-dialog
title="装车登记"
:visible.sync="dialogVisibleh"
width="74%"
style="margin-top: 8%; padding-bottom: 68px"
:append-to-body="true"
>
<div class="liebiao" style="margin-top: 20px; height: 400px">
<el-table :data="tableData" border style="width: 100%" height="100%" :header-cell-style="{ background: '#F4F4F5', color: '#303133' }">
<el-table
:data="tableData"
border
style="width: 100%"
height="100%"
:header-cell-style="{ background: '#F4F4F5', color: '#303133' }"
>
<el-table-column prop="date" label="籍号" width="244">
</el-table-column>
<el-table-column prop="name" label="仪表1" width="244">
</el-table-column>
<el-table-column prop="province" label="仪表2" width="148">
<template slot-scope="scope">
<span v-if="scope.row.province == '审核中'" style="color: #e6a23c">待装车</span>
<span v-if="scope.row.province == '审核通过'" style="color: #67c23a">已封车</span>
<span v-if="scope.row.province == '审核中'" style="color: #e6a23c"
>待装车</span
>
<span
v-if="scope.row.province == '审核通过'"
style="color: #67c23a"
>已封车</span
>
</template>
</el-table-column>
<el-table-column prop="city" label="仪表3" width="148">
... ... @@ -168,29 +287,60 @@
<el-table-column fixed="right" label="操作" width="206">
<template slot-scope="scope">
<el-button type="text" size="small" @click="dialogVisibleh = true">装车登记</el-button>
<el-button type="text" size="small" v-if="scope.row.province == '审核中'">仪表登记</el-button>
<el-button type="text" size="small" v-if="scope.row.province == '审核中'">封车检查</el-button>
<el-button type="text" size="small" @click="dialogVisibleh = true"
>装车登记</el-button
>
<el-button
type="text"
size="small"
v-if="scope.row.province == '审核中'"
>仪表登记</el-button
>
<el-button
type="text"
size="small"
v-if="scope.row.province == '审核中'"
>封车检查</el-button
>
</template>
</el-table-column>
</el-table>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleh = false">确认</el-button>
<el-button type="primary" round @click="dialogVisibleh = false"
>确认</el-button
>
<el-button round @click="dialogVisibleh = false">取消</el-button>
</div>
</div>
</el-dialog>
<!-- 预览图片 -->
<el-dialog title="封车检查" :visible.sync="dialogVisibleyu" width="60%" style="margin-top: 10%" :append-to-body="true">
<el-dialog
title="封车检查"
:visible.sync="dialogVisibleyu"
width="60%"
style="margin-top: 10%"
:append-to-body="true"
>
<div class="fengs" style="margin-top: 20px">
<div class="fen-left">
<div class="titlea">封车状态拍照留存</div>
<textarea name="" placeholder="请输入备注" id="" cols="30" rows="10" class="bei"></textarea>
<textarea
name=""
placeholder="请输入备注"
id=""
cols="30"
rows="10"
class="bei"
></textarea>
<div class="titleas">封车状态拍照留存</div>
<div class="tuimg">
<!-- :action="uploadUrl()" :file-list="imgList" -->
<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisiblex">
... ... @@ -200,11 +350,22 @@
</div>
<div class="fen-lefts">
<div class="titlea">产品运输质量检查编签字留存</div>
<textarea name="" placeholder="请输入备注" id="" cols="30" rows="10" class="bei"></textarea>
<textarea
name=""
placeholder="请输入备注"
id=""
cols="30"
rows="10"
class="bei"
></textarea>
<div class="titleas">封车状态拍照留存</div>
<div class="tuimg">
<el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisiblex">
... ... @@ -214,7 +375,9 @@
</div>
</div>
<div class="queren">
<el-button type="primary" round @click="dialogVisibleyu = false">确认</el-button>
<el-button type="primary" round @click="dialogVisibleyu = false"
>确认</el-button
>
<el-button round @click="dialogVisibleyu = false">取消</el-button>
</div>
</el-dialog>
... ... @@ -222,195 +385,128 @@
</template>
<script>
export default {
data() {
return {
tableData: [{
date: "P2112020092300",
name: "P2112020092300",
province: "审核中",
city: "赵吾光",
address: "178 2038 0191",
zip: "已装车",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "审核通过",
city: "审核通过",
address: "178 2038 0191",
zip: "未装车",
},
{
date: "P2112020092300",
name: "P2112020092300",
province: "审核中",
city: "审核中",
address: "178 2038 0191",
zip: "已装车",
},
{
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: "赵吾光",
address: "178 2038 0191",
zip: "重庆市南岸区长生桥镇长生路46号附1号",
},
],
tablelist: [{
date: "请输入产品型号",
name: "请输入产品编号",
province: "请输入产品数量",
city: "请输入到货时间",
}, ],
tablelists: [{
date: "请输入产品型号",
name: "请输入产品编号",
province: "请输入产品数量",
city: "请输入到货时间",
zhuan: "已完成",
}, ],
imgList: '',
dialogVisible: false,
dialogVisibleg: false,
dialogVisibleq: false,
dialogVisibleh: false,
dialogVisibleyu: false,
dialogImageUrl: "",
dialogVisiblex: false,
};
export default {
data() {
return {
tableData: [],
tablelist: [{
date: "请输入产品型号",
name: "请输入产品编号",
province: "请输入产品数量",
city: "请输入到货时间",
},],
tablelists: [{
date: "请输入产品型号",
name: "请输入产品编号",
province: "请输入产品数量",
city: "请输入到货时间",
zhuan: "已完成",
},],
page: 1,
pagesize: 10,
imgList: '',
dialogVisible: false,
dialogVisibleg: false,
dialogVisibleq: false,
dialogVisibleh: false,
dialogVisibleyu: false,
dialogImageUrl: "",
dialogVisiblex: false,
};
},
mounted() {
this.getPullcar();
},
methods: {
//编辑发货申请
handleClick(row) {
console.log(row);
this.dialogVisibleg = false;
this.dialogVisibleyu = true;
},
methods: {
//编辑发货申请
handleClick(row) {
console.log(row);
this.dialogVisibleg = false;
this.dialogVisibleyu = true;
},
//上传图片
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
//查看订单
cha() {
this.dialogVisibleg = true;
},
//确认发货
que() {
this.dialogVisibleq = true;
},
//预览图片
chuans() {
this.dialogVisibleh = false;
this.dialogVisibleyu = true;
},
//返回上一层
fanhuis() {
this.dialogVisibleh = true;
this.dialogVisibleyu = false;
},
uploadUrl(e) {
console.log(e)
}
//上传图片
handleRemove(file, fileList) {
console.log(file, fileList);
},
};
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
//查看订单
cha() {
this.dialogVisibleg = true;
},
//确认发货
que() {
this.dialogVisibleq = true;
},
//预览图片
chuans() {
this.dialogVisibleh = false;
this.dialogVisibleyu = true;
},
//返回上一层
fanhuis() {
this.dialogVisibleh = true;
this.dialogVisibleyu = false;
},
//获取装车列表
getPullcar() {
this.$axios.post('api/server/loading/list', { pageNum: this.page, pageSize: this.pagesize }).then(res => {
this.tableData = res.rows
}).catch(err => {
console.log(err)
})
},
uploadUrl(e) {
console.log(e)
}
},
};
</script>
<style>
.el-dialog__body {
padding: 5px 20px;
padding-bottom: 68px;
}
.el-dialog__body {
padding: 5px 20px;
padding-bottom: 68px;
}
.el-dialog__title {
font-size: 22px !important;
color: #000000 !important;
font-weight: 500;
}
.el-dialog__title {
font-size: 22px !important;
color: #000000 !important;
font-weight: 500;
}
.el-upload--picture-card {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
}
.el-upload--picture-card {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
}
.el-upload-list--picture-card .el-upload-list__item {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
}
.el-upload-list--picture-card .el-upload-list__item {
width: 80px !important;
height: 80px !important;
line-height: 80px !important;
}
.el-carousel__container {
margin-top: 52px;
height: 629px;
}
.el-carousel__container {
margin-top: 52px;
height: 629px;
}
/* .el-table /deep/.DisabledSelection .cell .el-checkbox__inner{
/* .el-table /deep/.DisabledSelection .cell .el-checkbox__inner{
margin-left: -30px;
position:relative;
} */
.el-table /deep/.DisabledSelection .cell:before {
content: "全选";
position: absolute;
right: 42px;
}
.tuimg{
height: auto;
}
.el-table /deep/.DisabledSelection .cell:before {
content: "全选";
position: absolute;
right: 42px;
}
.tuimg {
height: auto;
}
</style>
<style scoped>
@import "../../css/fa.css";
@import "../../css/pei.css";
@import "../../css/fa.css";
@import "../../css/pei.css";
</style>
... ...