|
@@ -4,81 +4,83 @@
|
|
<template>
|
|
<template>
|
|
<div class="admin1">
|
|
<div class="admin1">
|
|
<el-tabs v-model="activeName">
|
|
<el-tabs v-model="activeName">
|
|
- <el-tab-pane label="修改提货单" name="first">
|
|
|
|
- <div class="admin2">
|
|
|
|
- <div class="carrier from">
|
|
|
|
|
|
+ <el-tab-pane label="提货单" name="first">
|
|
|
|
+ <div class="admin2">
|
|
|
|
+ <div class="carrier from">
|
|
<el-form
|
|
<el-form
|
|
- :inline="true"
|
|
|
|
- class="demo-form-inline"
|
|
|
|
- label-width="80px"
|
|
|
|
- >
|
|
|
|
- <el-form-item label="车牌号:">
|
|
|
|
|
|
+ :inline="true"
|
|
|
|
+ class="demo-form-inline"
|
|
|
|
+ label-width="80px"
|
|
|
|
+ >
|
|
|
|
+ <el-form-item label="车牌号:">
|
|
<el-autocomplete
|
|
<el-autocomplete
|
|
- class="inline-input"
|
|
|
|
- v-model="capacityName"
|
|
|
|
- :fetch-suggestions="querySearchCapacity"
|
|
|
|
- placeholder="车牌号"
|
|
|
|
- :trigger-on-focus="false"
|
|
|
|
- @select="handleSelectCapacity"
|
|
|
|
|
|
+ class="inline-input"
|
|
|
|
+ v-model="capacityName"
|
|
|
|
+ :fetch-suggestions="querySearchCapacity"
|
|
|
|
+ placeholder="车牌号"
|
|
|
|
+ :trigger-on-focus="false"
|
|
|
|
+ @select="handleSelectCapacity"
|
|
>
|
|
>
|
|
- <template slot-scope="{ item }">
|
|
|
|
- <div class="name">{{ item.capacityNumber }}</div>
|
|
|
|
- </template>
|
|
|
|
|
|
+ <template slot-scope="{ item }">
|
|
|
|
+ <div class="name">{{ item.capacityNumber }}</div>
|
|
|
|
+ </template>
|
|
</el-autocomplete>
|
|
</el-autocomplete>
|
|
- </el-form-item>
|
|
|
|
|
|
+ </el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
- </div>
|
|
|
|
- <div></div>
|
|
|
|
- <div class="poundNo from">
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="poundNo from">
|
|
<span class="text">运输订单号:</span>
|
|
<span class="text">运输订单号:</span>
|
|
- <el-select v-model="orderId" placeholder="请选择" @change="changeOrderNo">
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in orderList"
|
|
|
|
- :key="item.orderId"
|
|
|
|
- :label="item.orderNumber"
|
|
|
|
- :value="item.orderId"
|
|
|
|
- >
|
|
|
|
- </el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </div>
|
|
|
|
- <div class="material from">
|
|
|
|
- <span class="text">物资:</span>
|
|
|
|
- <el-select v-model="materialId" placeholder="请选择" @change="changeMaterial">
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in materialList"
|
|
|
|
- :key="item.materialId"
|
|
|
|
- :label="item.materialName"
|
|
|
|
- :value="item.materialId"
|
|
|
|
- >
|
|
|
|
- </el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </div>
|
|
|
|
- <div class="material from">
|
|
|
|
- <span class="text">物资件数:</span>
|
|
|
|
- <el-input v-model="materialNum" ></el-input>
|
|
|
|
- </div>
|
|
|
|
- <div class="material from">
|
|
|
|
|
|
+ <el-input v-model="orderNumber" disabled></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ <div
|
|
|
|
+ class="material from"
|
|
|
|
+ v-for="(item, index) in materialList"
|
|
|
|
+ :key="index"
|
|
|
|
+ style="margin-left:430px"
|
|
|
|
+ >
|
|
|
|
+ <el-form inline>
|
|
|
|
+ <el-form-item label="物资名称">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="item.materialName"
|
|
|
|
+ placeholder="物资名称"
|
|
|
|
+ disabled
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="物资件数">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="item.materialNum"
|
|
|
|
+ placeholder="物资件数"
|
|
|
|
+ @blur="onblur(item)"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="material from">
|
|
<span class="text">发货单位:</span>
|
|
<span class="text">发货单位:</span>
|
|
<el-input v-model="shipperName" disabled></el-input>
|
|
<el-input v-model="shipperName" disabled></el-input>
|
|
- </div>
|
|
|
|
- <div class="material from">
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="material from">
|
|
<span class="text">收货单位:</span>
|
|
<span class="text">收货单位:</span>
|
|
<el-input v-model="consigneeCompanyName" disabled></el-input>
|
|
<el-input v-model="consigneeCompanyName" disabled></el-input>
|
|
- </div>
|
|
|
|
- <div class="material from">
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="material from">
|
|
<span class="text">收货地址:</span>
|
|
<span class="text">收货地址:</span>
|
|
<el-input v-model="receiveAddressName" disabled></el-input>
|
|
<el-input v-model="receiveAddressName" disabled></el-input>
|
|
- </div>
|
|
|
|
- <div class="material from">
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="material from">
|
|
<span class="text">截止日期:</span>
|
|
<span class="text">截止日期:</span>
|
|
<el-input v-model="saleDateOfReceipt" disabled></el-input>
|
|
<el-input v-model="saleDateOfReceipt" disabled></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="button_box">
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="onClickConfirm"
|
|
|
|
+ :disabled="disabled"
|
|
|
|
+ >确认</el-button
|
|
|
|
+ >
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="button_box">
|
|
|
|
- <el-button type="primary" @click="onClickConfirm" :disabled = "disabled">确认</el-button>
|
|
|
|
- </div>
|
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
-
|
|
|
|
</el-tabs>
|
|
</el-tabs>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -86,268 +88,323 @@
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
import { isNumber } from "@/utils/sharedJsFile";
|
|
import { isNumber } from "@/utils/sharedJsFile";
|
|
|
|
+var i = 0
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- orderNumber:null,
|
|
|
|
- activeName:"first",
|
|
|
|
- capacityName:null,
|
|
|
|
- stateCapacity:null,
|
|
|
|
- materialList:[],
|
|
|
|
- capacityId:null,
|
|
|
|
- materialId:null,
|
|
|
|
- disabled:false,
|
|
|
|
- orderId:null,
|
|
|
|
- orderList:[],
|
|
|
|
- materialNum:null,
|
|
|
|
- saleDateOfReceipt:null,
|
|
|
|
- consigneeCompanyName:null,
|
|
|
|
- receiveAddressName:null,
|
|
|
|
- shipperName:null
|
|
|
|
|
|
+ orderNumber: null,
|
|
|
|
+ activeName: "first",
|
|
|
|
+ capacityName: null,
|
|
|
|
+ stateCapacity: null,
|
|
|
|
+ materialList: [],
|
|
|
|
+ capacityId: null,
|
|
|
|
+ materialId: null,
|
|
|
|
+ disabled: false,
|
|
|
|
+ orderId: null,
|
|
|
|
+ orderList: [],
|
|
|
|
+ materialNum: null,
|
|
|
|
+ saleDateOfReceipt: null,
|
|
|
|
+ consigneeCompanyName: null,
|
|
|
|
+ receiveAddressName: null,
|
|
|
|
+ shipperName: null,
|
|
|
|
+ materialList1:[]
|
|
};
|
|
};
|
|
},
|
|
},
|
|
- methods: {
|
|
|
|
|
|
+ methods: {
|
|
//运力弹出层
|
|
//运力弹出层
|
|
- handleSelectCapacity(item){
|
|
|
|
- console.log(item)
|
|
|
|
- this.capacityId = item.capacityId
|
|
|
|
- this.capacityName = item.capacityNumber
|
|
|
|
- this.axios.get("/api/v1/oms/getSteelOrderNum?capacityId=" + this.capacityId).then((res) =>{
|
|
|
|
- if(res.data.code == "200"){
|
|
|
|
- console.log(res.data.data)
|
|
|
|
- this.orderList = res.data.data
|
|
|
|
|
|
+ handleSelectCapacity(item) {
|
|
|
|
+ console.log(item);
|
|
|
|
+ this.capacityId = item.capacityId;
|
|
|
|
+ this.capacityName = item.capacityNumber;
|
|
|
|
+ this.axios
|
|
|
|
+ .get("/api/v1/oms/getSteelOrderNum?capacityId=" + this.capacityId)
|
|
|
|
+ .then(res => {
|
|
|
|
+ if (res.data.code == "200") {
|
|
|
|
+ console.log(res.data.data);
|
|
|
|
+ this.orderList = res.data.data;
|
|
|
|
+ this.orderNumber = res.data.data[0].orderNumber;
|
|
|
|
+ this.orderId = res.data.data[0].orderId;
|
|
|
|
+ this.changeOrderNo();
|
|
}
|
|
}
|
|
- })
|
|
|
|
|
|
+ });
|
|
},
|
|
},
|
|
- changeOrderNo(){
|
|
|
|
- console.log(this.orderNumber)
|
|
|
|
- this.axios.get("/api/v1/oms/getMesToSteelDepartment?orderId=" + this.orderId).then((res) => {
|
|
|
|
- this.materialList = res.data.data.materialMes
|
|
|
|
- this.saleDateOfReceipt = res.data.data.saleDateOfReceipt
|
|
|
|
- this.consigneeCompanyName = res.data.data.consigneeCompanyName
|
|
|
|
- this.receiveAddressName = res.data.data.receiveAddressName
|
|
|
|
- this.shipperName = res.data.data.shipperName
|
|
|
|
- })
|
|
|
|
|
|
+ changeOrderNo() {
|
|
|
|
+ this.axios
|
|
|
|
+ .get("/api/v1/oms/getMesToSteelDepartment?orderId=" + this.orderId)
|
|
|
|
+ .then(res => {
|
|
|
|
+ this.materialList = res.data.data.materialMes;
|
|
|
|
+ this.materialList1 = res.data.data.materialMes;
|
|
|
|
+ console.log(this.materialList);
|
|
|
|
+ this.saleDateOfReceipt = res.data.data.saleDateOfReceipt;
|
|
|
|
+ this.consigneeCompanyName = res.data.data.consigneeCompanyName;
|
|
|
|
+ this.receiveAddressName = res.data.data.receiveAddressName;
|
|
|
|
+ this.shipperName = res.data.data.shipperName;
|
|
|
|
+ });
|
|
},
|
|
},
|
|
- changeMaterial(){
|
|
|
|
- console.log(this.materialId)
|
|
|
|
- this.materialList.forEach((e) => {
|
|
|
|
- if(e.materialId == this.materialId){
|
|
|
|
- this.materialNum = e.materialNum
|
|
|
|
- this.maxMaterialNum = e.materialNum
|
|
|
|
|
|
+ changeMaterial() {
|
|
|
|
+ console.log(this.materialId);
|
|
|
|
+ this.materialList.forEach(e => {
|
|
|
|
+ if (e.materialId == this.materialId) {
|
|
|
|
+ this.materialNum = e.materialNum;
|
|
|
|
+ this.maxMaterialNum = e.materialNum;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ onblur(item) {
|
|
|
|
+ if (!isNumber(item.materialNum)) {
|
|
|
|
+ this.$message.error("请输入数字!");
|
|
|
|
+ this.materialList1.forEach(e => {
|
|
|
|
+ if (item.materialId == e.materialId) {
|
|
|
|
+ item.materialNum = e.materialNum;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ } else {
|
|
|
|
+ this.materialList1.forEach(e => {
|
|
|
|
+ if (item.materialId == e.materialId) {
|
|
|
|
+ if (item.materialNum > e.materialNum) {
|
|
|
|
+ this.$message.error("修改数量不得大于计划数");
|
|
}
|
|
}
|
|
- })
|
|
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ }
|
|
},
|
|
},
|
|
//以下是运力边输边查搜索
|
|
//以下是运力边输边查搜索
|
|
querySearchCapacity(queryString, cb) {
|
|
querySearchCapacity(queryString, cb) {
|
|
- if(queryString.length < 3){
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- this.axios.get('/api/v1/uc/getCapacityNumber?index='+queryString).then((res)=>{
|
|
|
|
- if(res.data.code == "200"){
|
|
|
|
- var restaurantsCarrier = res.data.data
|
|
|
|
- console.log(restaurantsCarrier,"restaurantsCarrier");
|
|
|
|
- var results = queryString ? restaurantsCarrier.filter(this.createFilterCarrier(queryString)) :restaurantsCarrier;
|
|
|
|
- // 调用 callback 返回建议列表的数据
|
|
|
|
- cb(results);
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
|
|
+ if (queryString.length < 3) {
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ this.axios
|
|
|
|
+ .get("/api/v1/uc/getCapacityNumber?index=" + queryString)
|
|
|
|
+ .then(res => {
|
|
|
|
+ if (res.data.code == "200") {
|
|
|
|
+ var restaurantsCarrier = res.data.data;
|
|
|
|
+ console.log(restaurantsCarrier, "restaurantsCarrier");
|
|
|
|
+ var results = queryString
|
|
|
|
+ ? restaurantsCarrier.filter(this.createFilterCarrier(queryString))
|
|
|
|
+ : restaurantsCarrier;
|
|
|
|
+ // 调用 callback 返回建议列表的数据
|
|
|
|
+ cb(results);
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
createFilterCarrier(queryString) {
|
|
createFilterCarrier(queryString) {
|
|
- return (restaurantsCarrier) => {
|
|
|
|
- return (restaurantsCarrier.capacityNumber.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
|
|
|
|
- };
|
|
|
|
- },
|
|
|
|
- //以上是承运商边输边查搜索
|
|
|
|
- onClickConfirm(){
|
|
|
|
- if(!isNumber(this.materialNum)){
|
|
|
|
- this.$message.error("件数请输入数字")
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- if((parseInt(this.materialNum) > parseInt(this.maxMaterialNum))){
|
|
|
|
- this.$message.error("修改后的数量不得大于提货单数量")
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- if(this.materialNum == 0){
|
|
|
|
- this.$message.error("不能将物资数量修改为0")
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- let updateNumMap = {
|
|
|
|
- orderId:this.orderId,
|
|
|
|
- materialId:this.materialId,
|
|
|
|
- materialNum:parseInt(this.materialNum)
|
|
|
|
|
|
+ return restaurantsCarrier => {
|
|
|
|
+ return (
|
|
|
|
+ restaurantsCarrier.capacityNumber
|
|
|
|
+ .toLowerCase()
|
|
|
|
+ .indexOf(queryString.toLowerCase()) > -1
|
|
|
|
+ );
|
|
|
|
+ };
|
|
|
|
+ },
|
|
|
|
+
|
|
|
|
+ materialCompareTo(e) {
|
|
|
|
+ this.materialList1.forEach((e2) => {
|
|
|
|
+ console.log(e2.materialId)
|
|
|
|
+ if (e.materialId == e2.materialId) {
|
|
|
|
+ return e.materialNum
|
|
}
|
|
}
|
|
- this.axios.post("/api/v1/oms/updateMaterialMes",updateNumMap).then((res) => {
|
|
|
|
- console.log(res)
|
|
|
|
- if(res.data.code == '200'){
|
|
|
|
- this.$message.success("修改物资数量成功")
|
|
|
|
- }else{
|
|
|
|
- this.$message.error("新增失败请联系管理员")
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
-
|
|
|
|
|
|
+ });
|
|
},
|
|
},
|
|
- },
|
|
|
|
|
|
+ //以上是运力边输边查搜索
|
|
|
|
+ onClickConfirm() {
|
|
|
|
+ var i = 0;
|
|
|
|
+ this.materialList.forEach(e => {
|
|
|
|
+ if (!isNumber(e.materialNum) || e.materialNum == 0) {
|
|
|
|
+ this.$message.error("件数不符合要求");
|
|
|
|
+ i++
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ if(i!=0){
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ //判断不能超过最大值
|
|
|
|
+ this.materialList.forEach((e) =>{
|
|
|
|
+ for(let j=0;j<this.materialList1.length;j++){
|
|
|
|
+ if((this.materialList1[j].materialId == e.materialId) && (this.materialList1[j].materialNum == e.materialNum)){
|
|
|
|
+ this.$message.error("修改数量不得大于计划数量")
|
|
|
|
+ i++
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ console.log(i)
|
|
|
|
+ if(i!=0){
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ let updateNumMap = {
|
|
|
|
+ orderId: this.orderId,
|
|
|
|
+ mapList: this.materialList
|
|
|
|
+ };
|
|
|
|
+ this.axios
|
|
|
|
+ .post("/api/v1/oms/updateMaterialMes", updateNumMap)
|
|
|
|
+ .then(res => {
|
|
|
|
+ console.log(res);
|
|
|
|
+ if (res.data.code == "200") {
|
|
|
|
+ this.$message.success("修改物资数量成功");
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.error("新增失败请联系管理员");
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ }
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
-.admin{
|
|
|
|
|
|
+.admin {
|
|
.admin1 {
|
|
.admin1 {
|
|
-
|
|
|
|
|
|
+ margin-top: 40px;
|
|
|
|
+ margin-left: 40px;
|
|
|
|
+ .switch {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ color: aqua;
|
|
|
|
+ }
|
|
|
|
+ .button_box {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100px;
|
|
|
|
+ }
|
|
|
|
+ .admin2 {
|
|
margin-top: 40px;
|
|
margin-top: 40px;
|
|
- margin-left: 40px;
|
|
|
|
- .switch {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- color: aqua;
|
|
|
|
|
|
+ .from {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+ }
|
|
|
|
+ .carrier {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ .el-form-item {
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
|
|
+ .el-autocomplete {
|
|
|
|
+ width: 250px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- .button_box {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100px;
|
|
|
|
|
|
+ .material {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ .text {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 170px;
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .admin2 {
|
|
|
|
- margin-top: 40px;
|
|
|
|
- .from {
|
|
|
|
|
|
+ .el-input {
|
|
|
|
+ width: 250px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .poundNo {
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+ justify-content: center;
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ .text {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 170px;
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
|
|
+ .el-input {
|
|
|
|
+ width: 250px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .block {
|
|
|
|
+ display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
|
+ align-items: center;
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
- margin-bottom: 20px;
|
|
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ .el-input {
|
|
|
|
+ width: 250px;
|
|
}
|
|
}
|
|
- .carrier{
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- .el-form-item {
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
- .el-autocomplete{
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
|
|
+ .text {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 170px;
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .material {
|
|
|
|
|
|
+ }
|
|
|
|
+ .truckCalFirst {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
margin-right: 100px;
|
|
margin-right: 100px;
|
|
.text {
|
|
.text {
|
|
- display: inline-block;
|
|
|
|
- width: 170px;
|
|
|
|
- text-align: right;
|
|
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 170px;
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
.el-input {
|
|
.el-input {
|
|
- width: 250px;
|
|
|
|
|
|
+ width: 250px;
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
+ .truckCalSecond {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ .text {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 170px;
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .poundNo {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-right: 100px;
|
|
|
|
- .text {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 170px;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .block {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-right: 100px;
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
- .text {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 170px;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
|
|
+ .el-input {
|
|
|
|
+ width: 250px;
|
|
}
|
|
}
|
|
- .truckCalFirst {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-right: 100px;
|
|
|
|
- .text {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 170px;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+ .secondWeight {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ .text {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 170px;
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .truckCalSecond {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-right: 100px;
|
|
|
|
- .text {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 170px;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
|
|
+ .el-input {
|
|
|
|
+ width: 250px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .firstWeight {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ .text {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 170px;
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .secondWeight {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-right: 100px;
|
|
|
|
- .text {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 170px;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
|
|
+ .el-input {
|
|
|
|
+ width: 250px;
|
|
}
|
|
}
|
|
- .firstWeight {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-right: 100px;
|
|
|
|
- .text {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 170px;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+ .netWeight {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ margin-right: 100px;
|
|
|
|
+ .text {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 170px;
|
|
|
|
+ text-align: right;
|
|
}
|
|
}
|
|
- .netWeight {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: center;
|
|
|
|
- align-items: center;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- margin-right: 100px;
|
|
|
|
- .text {
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 170px;
|
|
|
|
- text-align: right;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
|
|
+ .el-input {
|
|
|
|
+ width: 250px;
|
|
}
|
|
}
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
+}
|
|
</style>
|
|
</style>
|