// 编辑运输任务
<template>
  <div class="container">
    <el-row>
      <el-col :span="12">
        <h2 class="bg-left title">编辑运输任务</h2>
      </el-col>
      <el-col :span="12" class="bg-right">
        <el-button
          class="bg-bottom"
          type="primary"
          size="small"
          @click="returnsales()"
          ><img
            width="6"
            height="10"
            style="vertical-align: bottom; margin-right: 3px"
            src="../../../public/img/lujing.png"
            alt=""
          />返回</el-button
        >
      </el-col>
    </el-row>
    <el-form
      ref="deptBudgetList"
      :rules="mainReportAdd"
      :model="deptBudgetList"
    >
      <ws-info-table class="el-table">
        <el-form-item label="任务编号" span="1" prop="taskNo" class="forlist">
          <el-input
            v-model="deptBudgetList.taskNo"
            placeholder="请输入任务编号"
            maxlength="20"
            size="small"
          ></el-input>
        </el-form-item>
        <el-form-item prop="taskType" label="任务类型" span="1">
          <el-select
            v-model="deptBudgetList.taskType"
            placeholder="请输入任务类型"
            @change="selecttaskType"
          >
            <el-option
              v-for="item in taskType"
              :key="item.constKey"
              :label="item.constValue"
              :value="item.constValue"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item prop="contractNo" label="合同编号/移库任务编号" span="1">
          <el-select
            v-model="deptBudgetList.contractNo"
            placeholder="请选择编号"
          >
            <el-option
              v-for="item in contractNoList"
              :key="item.constKey"
              :label="item.contractNo"
              :value="item.contractNo"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item prop="goodsName" label="货名" span="1">
          <el-select
            v-model="deptBudgetList.goodsName"
            placeholder="请输入货名"
            @change="selectgoodsname"
          >
            <el-option
              v-for="item in goodnameList"
              :key="item.constKey"
              :label="item.constValue"
              :value="item.constValue"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="重量（吨）" span="1" prop="weight">
          <el-input
            @input="weightchange"
            v-model="deptBudgetList.weight"
            placeholder="请输入重量"
            maxlength="20"
            size="small"
          ></el-input>
        </el-form-item>
      </ws-info-table>
      <ws-info-table class="el-table">
        <div class="start-address" style="width: 36%">
          <el-radio-group
            @change="warehouseTypechange"
            v-model="deptBudgetList.warehouseType"
          >
            <el-radio label="1">常用仓库发货</el-radio>
            <el-radio label="2">临时仓库发货</el-radio>
          </el-radio-group>
          <el-select
            v-model="deptBudgetList.sendWarehouse"
            placeholder="选择仓库"
            class="typeselect"
            @change="sendWarehousechange"
          >
            <el-option
              v-for="item in warehouseList"
              :key="item.constKey"
              :label="item.warehouseName"
              :value="item.warehouseName"
            ></el-option>
          </el-select>
        </div>
        <el-form-item label="始发地" span="1" class="start-address">
          <el-cascader
            :options="options_"
            v-model="selectedOptions"
            clearable
            size="large"
            placeholder="请选择始发地"
            @change="handleChange"
          />
        </el-form-item>
        <el-form-item
          label="始发地详细地址"
          span="1"
          prop="startDetailedAddress"
          class="bg-right start-address"
        >
          <el-input
            v-model="deptBudgetList.startDetailedAddress"
            placeholder="请输入始发地详细地址"
            maxlength="20"
            size="small"
          ></el-input>
        </el-form-item>
        <el-form-item
          label="收货库点"
          span="1"
          prop="contractNo"
          class="start-address"
          style="width: 36%"
        >
          <el-select
            v-model="deptBudgetList.receiveWarehouse"
            :disabled="warehouse"
            placeholder="请输入收货库点"
            style="width: 100%"
          >
            <el-option
              v-for="item in warehouseList"
              :key="item.constKey"
              :label="item.warehouseName"
              :value="item.warehouseName"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item
          label="终到地"
          span="1"
          prop="contractNo"
          class="start-address"
        >
          <el-cascader
            :options="options_"
            v-model="selectedOptions1"
            clearable
            size="large"
            placeholder="请选择终到地"
            @change="handleChange1"
          />
        </el-form-item>
        <el-form-item
          label="终到地详细地址"
          span="1"
          prop="endDetailedAddress"
          class="bg-right start-address"
        >
          <el-input
            v-model="deptBudgetList.endDetailedAddress"
            placeholder="请输入终到地详细地址"
            maxlength="20"
            size="small"
          ></el-input>
        </el-form-item>
        <div class="check-box">
          <span class="check-box">运输方式</span>
          <el-checkbox-group v-model="checkList" prop="tranType">
            <el-checkbox label="汽运" checked></el-checkbox>
            <el-checkbox label="火运"></el-checkbox>
            <el-checkbox label="船运"></el-checkbox>
          </el-checkbox-group>
        </div>
      </ws-info-table>

      <div
        style="width: 100%"
        class="position"
        v-for="(item, index) in deptBudgetList.tranProcessInfoList"
        :key="index"
      >
        <div class="driver">
          <span style="vertical-align: top"
            >运输阶段{{ index + 1 }} {{ item.processNo }}</span
          >
          <img
            v-if="!endflag"
            width="22"
            height="22"
            class="add"
            @click="add(index)"
            src="../../../public/img/add.png"
            alt=""
          />
          <img
            width="22"
            height="22"
            class="del"
            @click="del(index, item)"
            src="../../../public/img/del.png"
            alt=""
          />
          <el-checkbox
            @change="engflagchange"
            class="endflag"
            v-bind:checked="endflag"
            v-if="index == deptBudgetList.tranProcessInfoList.length - 1"
            v-model="item.endFlag"
            :label="1"
            >最终阶段</el-checkbox
          >
        </div>
        <ws-info-table>
          <el-form-item label="运输方式" span="1" prop="waterContent">
            <el-select
              v-model="item.tranType"
              placeholder="运输方式"
              @change="
                (val) => {
                  selecttaskwayList(val, index)
                }
              "
            >
              <el-option
                v-for="item in taskwayList"
                :key="item.constKey"
                :label="item.constValue"
                :value="item.constValue"
              ></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="发货日期" span="1" prop="impurity">
            <ws-date-picker
              v-model="item.deliveryDateStart"
              type="date"
              placeholder="请选择发货日期"
              value-format="yyyy-MM-dd"
            />
          </el-form-item>
          <el-form-item label="最晚到货日期" span="1" prop="bulkDensity">
            <ws-date-picker
              v-model="item.deliveryDateEnd"
              type="date"
              placeholder="请选择最晚到货日期"
              value-format="yyyy-MM-dd"
            />
          </el-form-item>
          <el-form-item
            label="本阶段运输重量（吨）"
            span="1"
            prop="bulkDensity"
          >
            <el-input
              v-model="item.weight"
              placeholder="请输入本阶段运输重量"
              size="small"
            ></el-input>
          </el-form-item>
        </ws-info-table>
        <ws-info-table>
          <el-form-item label="发货地区" span="1" prop="waterContent">
            <el-cascader
              :options="options_"
              v-model="item.selectedOptions"
              clearable
              size="large"
              placeholder="请选择发货地区"
              style="width: 200%"
              @change="
                (val) => {
                  handleChange3(val, index)
                }
              "
            />
          </el-form-item>
          <el-form-item label="发货地详细地址" span="1" prop="impurity">
            <el-input
              v-model="item.sendDetailedAddress"
              placeholder="请输入发货地详细地址"
              maxlength="20"
              size="small"
            ></el-input>
          </el-form-item>
          <el-form-item label="发货人" span="1" prop="bulkDensity">
            <el-input
              v-model="item.sender"
              placeholder="请输入发货人"
              maxlength="20"
              size="small"
            ></el-input>
          </el-form-item>
          <el-form-item label="发货人电话" span="1" prop="bulkDensity">
            <el-input
              v-model="item.senderPhone"
              placeholder="请输入发货人电话"
              maxlength="20"
              size="small"
            ></el-input>
          </el-form-item>
        </ws-info-table>
        <ws-info-table>
          <el-form-item label="收货地区" span="1" prop="bulkDensity">
            <el-cascader
              :options="options_"
              v-model="item.selectedOptions1"
              clearable
              size="large"
              placeholder="请选择收货地区"
              style="width: 200%"
              @change="
                (val) => {
                  handleChange4(val, index)
                }
              "
            />
          </el-form-item>
          <el-form-item label="收货地详细地址" span="1" prop="impurity">
            <el-input
              v-model="item.receiveDetailedAddress"
              placeholder="请输入收货地详细地址"
              maxlength="20"
              size="small"
            ></el-input>
          </el-form-item>
          <el-form-item label="收货人" span="1" prop="bulkDensity">
            <el-input
              v-model="item.receiver"
              placeholder="请输入收货人"
              maxlength="20"
              size="small"
            ></el-input>
          </el-form-item>
          <el-form-item label="收货人电话" span="1" prop="bulkDensity">
            <el-input
              v-model="item.receiverPhone"
              placeholder="请输入收货人电话"
              maxlength="20"
              size="small"
            ></el-input>
          </el-form-item>
        </ws-info-table>
      </div>
    </el-form>
    <!-- 提交 -->
    <div style="text-align: right; padding: 10px" class="center">
      <el-button
        class="bg-bottom"
        type="primary"
        size="small"
        @click="submit(deptBudgetList)"
        >提交</el-button
      >
    </div>
  </div>
</template>
<script>
import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
import { packList } from '@/model/contarct/index'
import {
  edittran,
  getwarehousename,
  xialaNo,
  examinetran,
  delhaulagestage,
} from '@/model/tasksport/index'
import WsUpload from '@/components/WsUpload'
import mapDrag from '@/components/mapdrag/mapdrag'
export default {
  name: 'viewSpareMoney',
  components: {
    WsUpload,
    mapDrag,
  },
  watch: {
    vesselId(val) {
      this.getVesselData()
    },
    isShow(val) {
      this.showType = val
    },
  },
  data() {
    let self = this
    return {
      checkList: [],
      deptBudgetList: {},
      radio: '1',
      endflag: false,
      carModelList: [],
      carLengthList: [],
      warehouseType: '1',
      options_: regionData,
      heightData: '600px',
      selectedOptions: [],
      selectedOptions1: [],
      compId: sessionStorage.getItem('ws-pf_compId'),
      mainReportAdd: {},
      warehouseList: [],
      goodnameList: [],
      taskType: [],
      size: 10,
      unitList: [],
      contractNoList: [],
      taskwayList: [],
      name: '',
      age: '',
      weight: 0,
      number: 2,
    }
  },
  activated() {
    this.loaddata()

    this.showType = this.isShow
  },
  computed: {
    warehouse: function () {
      if (
        this.deptBudgetList.taskType == '销售出库' ||
        this.deptBudgetList.taskType == '贸易服务出库' ||
        this.deptBudgetList.taskType == '暂存出库'
      ) {
        return true
      } else {
        return false
      }
    },
  },
  methods: {
    sendWarehousechange(e) {
      for (let i = 0; i < this.warehouseList.length; i++) {
        if (this.warehouseList[i].warehouseName == e) {
          var tmp = []
          tmp[0] = TextToCode[this.warehouseList[i].warehousePrivate].code
          tmp[1] =
            TextToCode[this.warehouseList[i].warehousePrivate][
              this.warehouseList[i].warehouseCity
            ].code
          tmp[2] =
            TextToCode[this.warehouseList[i].warehousePrivate][
              this.warehouseList[i].warehouseCity
            ][this.warehouseList[i].warehouseArea].code
          this.selectedOptions = tmp
          this.deptBudgetList.tranProcessInfoList[0].selectedOptions = tmp
          this.$set(
            this.deptBudgetList,
            'startDetailedAddress',
            this.warehouseList[i].detailedAddress
          )
          this.$set(
            this.deptBudgetList.tranProcessInfoList[0],
            'sendDetailedAddress',
            this.deptBudgetList.startDetailedAddress
          )
        }
      }
    },

    warehouseTypechange() {
      getwarehousename({
        compId: this.compId,
        warehouseType: this.deptBudgetList.warehouseType,
      })
        .toPromise()
        .then((response) => {
          this.warehouseList = response
        })
    },
    weightchange(e) {
      this.deptBudgetList.tranProcessInfoList[0].weight = e
    },
    engflagchange(e) {
      this.endflag = e
      if (this.endflag) {
        this.deptBudgetList.tranProcessInfoList[
          this.deptBudgetList.tranProcessInfoList.length - 1
        ].selectedOptions1 = this.selectedOptions1
        this.deptBudgetList.tranProcessInfoList[
          this.deptBudgetList.tranProcessInfoList.length - 1
        ].receiveDetailedAddress = this.deptBudgetList.endDetailedAddress
      } else {
        this.deptBudgetList.tranProcessInfoList[
          this.deptBudgetList.tranProcessInfoList.length - 1
        ].selectedOptions1 = []
        this.deptBudgetList.tranProcessInfoList[
          this.deptBudgetList.tranProcessInfoList.length - 1
        ].receiveDetailedAddress = ''
      }
    },
    loaddata() {
      examinetran({ id: this.$route.query.id })
        .toPromise()
        .then((response) => {
          for (var j = 0; j < response.tranProcessInfoList.length; j++) {
            if (response.tranProcessInfoList[j].endFlag == 'true') {
              this.endflag = true
            }
          }
          this.deptBudgetList = response
          this.number = response.tranProcessInfoList.length + 1
          if (
            response.startPrivate != null &&
            response.startCity != null &&
            response.startArea != null
          ) {
            var tmp = []
            tmp[0] = TextToCode[response.startPrivate].code
            tmp[1] = TextToCode[response.startPrivate][response.startCity].code
            tmp[2] =
              TextToCode[response.startPrivate][response.startCity][
                response.startArea
              ].code
            this.selectedOptions = tmp
          }
          if (
            response.endPrivate != null &&
            response.endCity != null &&
            response.endArea != null
          ) {
            var tmp1 = []
            tmp1[0] = TextToCode[response.endPrivate].code
            tmp1[1] = TextToCode[response.endPrivate][response.endCity].code
            tmp1[2] =
              TextToCode[response.endPrivate][response.endCity][
                response.endArea
              ].code
            this.selectedOptions1 = tmp1
          }
          for (var i = 0; i < response.tranProcessInfoList.length; i++) {
            if (
              response.tranProcessInfoList[i].sendPrivate != '' &&
              response.tranProcessInfoList[i].sendCity != '' &&
              response.tranProcessInfoList[i].sendArea != ''
            ) {
              var tmp2 = []
              tmp2[0] =
                TextToCode[response.tranProcessInfoList[i].sendPrivate].code
              tmp2[1] =
                TextToCode[response.tranProcessInfoList[i].sendPrivate][
                  response.tranProcessInfoList[i].sendCity
                ].code
              tmp2[2] =
                TextToCode[response.tranProcessInfoList[i].sendPrivate][
                  response.tranProcessInfoList[i].sendCity
                ][response.tranProcessInfoList[i].sendArea].code
              response.tranProcessInfoList[i].selectedOptions = tmp2
            }
            if (
              response.tranProcessInfoList[i].receivePrivate != '' &&
              response.tranProcessInfoList[i].receiveCity != '' &&
              response.tranProcessInfoList[i].receiveArea != ''
            ) {
              var tmp3 = []
              tmp3[0] =
                TextToCode[response.tranProcessInfoList[i].receivePrivate].code
              tmp3[1] =
                TextToCode[response.tranProcessInfoList[i].receivePrivate][
                  response.tranProcessInfoList[i].receiveCity
                ].code
              tmp3[2] =
                TextToCode[response.tranProcessInfoList[i].receivePrivate][
                  response.tranProcessInfoList[i].receiveCity
                ][response.tranProcessInfoList[i].receiveArea].code
              response.tranProcessInfoList[i].selectedOptions1 = tmp3
            }
            this.weight = response.weight
          }
          this.checkList = response.tranType.split(',')
        })
      // 货名
      packList({ constId: 'CON2' })
        .toPromise()
        .then((response) => {
          this.goodnameList = response
        })
      // 任务类型
      packList({ constId: 'TRAN3' })
        .toPromise()
        .then((response) => {
          this.taskType = response
        })
      // 运输方式
      packList({ constId: 'TRAN6' })
        .toPromise()
        .then((response) => {
          this.taskwayList = response
        })
      getwarehousename({
        compId: this.compId,
        warehouseType: this.deptBudgetList.warehouseType,
      })
        .toPromise()
        .then((response) => {
          this.warehouseList = response
        })
      xialaNo({
        compId: this.compId,
      })
        .toPromise()
        .then((response) => {
          this.contractNoList = response
        })
    },
    selecttaskType(e) {
      for (var i = 0; i < this.taskType.length; i++) {
        if (this.taskType[i].constValue == e) {
          this.deptBudgetList.taskTypeKey = this.taskType[i].constKey
        }
      }
    },
    selecttaskwayList(e, index) {
      for (var i = 0; i < this.taskwayList.length; i++) {
        if (this.taskwayList[i].constValue == e) {
          this.deptBudgetList.tranProcessInfoList[index].tranTypeKey =
            this.taskwayList[i].constKey
        }
      }
    },
    selectgoodsname(e) {
      for (var i = 0; i < this.goodnameList.length; i++) {
        if (this.goodnameList[i].constValue == e) {
          this.deptBudgetList.goodsNameKey = this.goodnameList[i].constKey
        }
      }
    },
    // 关闭 dialog时 处理文件url 初始化upload组件
    handleClose() {
      this.dialogViewSpareMoney = false
    },
    add(index) {
      this.deptBudgetList.tranProcessInfoList.push({
        processNo: this.deptBudgetList.taskNo + this.number,
        sort: 0,
        tranType: '汽运',
        tranTypeKey: '1',
        deliveryDateStart: '',
        deliveryDateEnd: '',
        weight: this.weight,
        selectedOptions: [],
        selectedOptions1: [],
        sendPrivate: '',
        sendCity: '',
        sendArea: '',
        receivePrivate: '',
        receiveCity: '',
        receiveArea: '',
        sendDetailedAddress: '',
        receiveDetailedAddress: '',
        sender: '',
        receiver: '',
        senderPhone: '',
        receiverPhone: '',
      })
      this.number++
    },
    del(index, row) {
      if (row.id) {
        this.$confirm('任务阶段删除后不可恢复，是否确定删除？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        }).then(() => {
          delhaulagestage({ id: row.id })
            .toPromise()
            .then((response) => {
              this.$message.success('删除成功')
              if (this.deptBudgetList.tranProcessInfoList.length > 1) {
                this.deptBudgetList.tranProcessInfoList.splice(index, 1)
              }
            })
        })
      } else {
        if (this.deptBudgetList.tranProcessInfoList.length > 1) {
          this.deptBudgetList.tranProcessInfoList.splice(index, 1)
        }
      }
      this.number--
    },
    handleChange(value) {
      this.selectedOptions = value
      this.deptBudgetList.startPrivate = CodeToText[value[0]]
      this.deptBudgetList.startCity = CodeToText[value[1]]
      this.deptBudgetList.startArea = CodeToText[value[2]]
    },
    handleChange1(value) {
      this.selectedOptions1 = value
      this.deptBudgetList.endPrivate = CodeToText[value[0]]
      this.deptBudgetList.endCity = CodeToText[value[1]]
      this.deptBudgetList.endArea = CodeToText[value[2]]
    },
    handleChange3(value, index) {
      this.deptBudgetList.tranProcessInfoList[index].sendPrivate =
        CodeToText[value[0]]
      this.deptBudgetList.tranProcessInfoList[index].sendCity =
        CodeToText[value[1]]
      this.deptBudgetList.tranProcessInfoList[index].sendArea =
        CodeToText[value[2]]
    },
    handleChange4(value, index) {
      this.deptBudgetList.tranProcessInfoList[index].receivePrivate =
        CodeToText[value[0]]
      this.deptBudgetList.tranProcessInfoList[index].receiveCity =
        CodeToText[value[1]]
      this.deptBudgetList.tranProcessInfoList[index].receiveArea =
        CodeToText[value[2]]
    },
    returnsales() {
      this.$router.push({ path: 'tranManagementTransport' })
    },
    submit() {
      if (!this.deptBudgetList.taskNo) {
        this.$message({
          message: '任务编号不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.deptBudgetList.taskType) {
        this.$message({
          message: '任务类型不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.deptBudgetList.contractNo) {
        this.$message({
          message: '合同编号/移库任务编号不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.deptBudgetList.goodsName) {
        this.$message({
          message: '货名不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.deptBudgetList.weight) {
        this.$message({
          message: '重量（吨）不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.deptBudgetList.sendWarehouse) {
        this.$message({
          message: '发货仓库不能为空！',
          type: 'warning',
        })
        return
      }
      if (this.selectedOptions.length <= 0) {
        this.$message({
          message: '始发地不能为空！',
          type: 'warning',
        })
        return
      }

      if (!this.deptBudgetList.startDetailedAddress) {
        this.$message({
          message: '始发地详细地址不能为空！',
          type: 'warning',
        })
        return
      }
      if (this.selectedOptions1.length <= 0) {
        this.$message({
          message: '终到地不能为空！',
          type: 'warning',
        })
        return
      }
      if (!this.deptBudgetList.endDetailedAddress) {
        this.$message({
          message: '终到地详细地址不能为空！',
          type: 'warning',
        })
        return
      }
      if (this.checkList.length <= 0) {
        this.$message({
          message: '运输方式多选框不能为空！',
          type: 'warning',
        })
        return
      }
      for (var i = 0; i < this.deptBudgetList.tranProcessInfoList.length; i++) {
        this.deptBudgetList.tranProcessInfoList[i].processNo =
          this.deptBudgetList.taskNo + (i + 1)
        if (
          new Date(
            this.deptBudgetList.tranProcessInfoList[i].deliveryDateStart
          ).getTime() >
          new Date(
            this.deptBudgetList.tranProcessInfoList[i].deliveryDateEnd
          ).getTime()
        ) {
          this.$message({
            message: '发货日期不能大于最晚到货日期！',
            type: 'warning',
          })
          return
        }
        if (!this.deptBudgetList.tranProcessInfoList[i].deliveryDateStart) {
          this.$message({
            message: '发货日期不能为空！',
            type: 'warning',
          })
          return
        }
        if (!this.deptBudgetList.tranProcessInfoList[i].deliveryDateEnd) {
          this.$message({
            message: '最晚到货日期不能为空！',
            type: 'warning',
          })
          return
        }
        if (!this.deptBudgetList.tranProcessInfoList[i].weight) {
          this.$message({
            message: '重量不能为空！',
            type: 'warning',
          })
          return
        }
        if (!this.deptBudgetList.tranProcessInfoList[i].sender) {
          this.$message({
            message: '发货人不能为空！',
            type: 'warning',
          })
          return
        }
        if (!this.deptBudgetList.tranProcessInfoList[i].senderPhone) {
          this.$message({
            message: '发货人电话不能为空！',
            type: 'warning',
          })
          return
        }
        if (!this.deptBudgetList.tranProcessInfoList[i].receiver) {
          this.$message({
            message: '收货人不能为空！',
            type: 'warning',
          })
          return
        }
        if (!this.deptBudgetList.tranProcessInfoList[i].receiverPhone) {
          this.$message({
            message: '收货人电话不能为空！',
            type: 'warning',
          })
          return
        }
        if (
          !this.deptBudgetList.tranProcessInfoList[i].receiveDetailedAddress
        ) {
          this.$message({
            message: '收获详细地址不能为空！',
            type: 'warning',
          })
          return
        }
        if (!this.deptBudgetList.tranProcessInfoList[i].sendDetailedAddress) {
          this.$message({
            message: '发货详细地址不能为空！',
            type: 'warning',
          })
          return
        }
      }
      if (this.endflag == false) {
        this.$confirm('您还未选择最终阶段，是否确定提交？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        })
          .then(() => {
            this.$refs.deptBudgetList.validate((valid) => {
              if (valid) {
                this.deptBudgetList.compId =
                  sessionStorage.getItem('ws-pf_compId')
                this.deptBudgetList.tranType = this.checkList.toString()
                this.deptBudgetList.startPrivate =
                  CodeToText[this.selectedOptions[0]]
                this.deptBudgetList.startCity =
                  CodeToText[this.selectedOptions[1]]
                this.deptBudgetList.startArea =
                  CodeToText[this.selectedOptions[2]]
                this.deptBudgetList.tranProcessInfoList[0].sendPrivate =
                  CodeToText[this.selectedOptions[0]]
                this.deptBudgetList.tranProcessInfoList[0].sendCity =
                  CodeToText[this.selectedOptions[1]]
                this.deptBudgetList.tranProcessInfoList[0].sendArea =
                  CodeToText[this.selectedOptions[2]]
                for (
                  var i = 0;
                  i < this.deptBudgetList.tranProcessInfoList.length;
                  i++
                ) {
                  this.deptBudgetList.tranProcessInfoList[i].sort = i
                }

                edittran(this.deptBudgetList)
                  .toPromise()
                  .then((response) => {
                    this.$message.success('编辑成功')
                    this.deptBudgetList = {}
                    this.$router.push({ path: 'tranManagementTransport' })
                  })
              } else {
                EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
                return false
              }
            })
          })
          .catch(() => {
            return false
          })
      } else {
        this.$confirm(
          '运输任务提交成功后将派发到物流部门，是否确定提交？',
          '提示',
          {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
          }
        )
          .then(() => {
            this.$refs.deptBudgetList.validate((valid) => {
              if (valid) {
                this.deptBudgetList.compId =
                  sessionStorage.getItem('ws-pf_compId')
                this.deptBudgetList.tranType = this.checkList.toString()

                this.deptBudgetList.startPrivate =
                  CodeToText[this.selectedOptions[0]]
                this.deptBudgetList.startCity =
                  CodeToText[this.selectedOptions[1]]
                this.deptBudgetList.startArea =
                  CodeToText[this.selectedOptions[2]]

                this.deptBudgetList.tranProcessInfoList[0].sendPrivate =
                  CodeToText[this.selectedOptions[0]]
                this.deptBudgetList.tranProcessInfoList[0].sendCity =
                  CodeToText[this.selectedOptions[1]]
                this.deptBudgetList.tranProcessInfoList[0].sendArea =
                  CodeToText[this.selectedOptions[2]]

                this.deptBudgetList.tranProcessInfoList[
                  this.deptBudgetList.tranProcessInfoList.length - 1
                ].receivePrivate = CodeToText[this.selectedOptions1[0]]
                this.deptBudgetList.tranProcessInfoList[
                  this.deptBudgetList.tranProcessInfoList.length - 1
                ].receiveCity = CodeToText[this.selectedOptions1[1]]
                this.deptBudgetList.tranProcessInfoList[
                  this.deptBudgetList.tranProcessInfoList.length - 1
                ].receiveArea = CodeToText[this.selectedOptions1[2]]

                for (
                  var i = 0;
                  i < this.deptBudgetList.tranProcessInfoList.length;
                  i++
                ) {
                  this.deptBudgetList.tranProcessInfoList[i].sort = i
                }
                edittran(this.deptBudgetList)
                  .toPromise()
                  .then((response) => {
                    this.$message.success('编辑成功')
                    this.deptBudgetList = {}
                    this.$router.push({ path: 'tranManagementTransport' })
                  })
              } else {
                EventBus.$emit('error', this.$t('showMessage.asteriskRequired'))
                alert('失败1')
                return false
              }
            })
          })
          .catch(() => {
            alert('失败2')
            return false
          })
      }
    },
    resetForm(deptBudgetList) {
      this.$refs[deptBudgetList].resetFields()
    },
  },
}
</script>

<style lang="scss" scoped>
.position {
  position: relative;
  border-radius: 5px;
  border: 1px solid #5473e8;
  margin-top: 20px;
  background: #f6f7fc;
  border-left: 5px solid #5473e8;
}
.position .ws-info-table .el-form-item {
  width: 25%;
}
.typeselect {
  width: 42%;
  margin-left: 32px;
}
/deep/.position .ws-info-table .el-form-item .el-form-item__label,
/deep/.position .ws-info-table .el-form-item .el-form-item__content {
  background: #f6f7fc;
}
/deep/.position .el-select {
  width: 100%;
}
.del,
.add {
  cursor: pointer;
  margin-left: 10px;
}
.el-checkbox-group {
  font-size: 0;
  float: right;
  margin-left: 24px;
  color: #8890b1;
}
/deep/.el-checkbox__label {
  color: #8890b1;
}
.el-form-item.start-address.el-form-item--small {
  width: 31.9%;
}
.check-box {
  margin-top: 10px;
  margin-left: 16px;
  color: #8890b1;
  font-size: 14px;
}
/deep/.el-table--border:after,
/deep/.el-table--group:after,
/deep/.el-table:before {
  background: transparent;
}
.el-form {
  padding: 0 10%;
}
.ws-info-table {
  border: none;
}
/deep/.ws-info-table .el-form-item {
  border: none;
  height: 50px;
}
.readonly {
  position: relative;
}
.title {
  position: relative;
}
.title::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 30px;
  background: #5473e8;
  position: absolute;
  left: 0;
}
//去边框
/deep/.el-form-item {
  border-right: 0px;
  border-bottom: 0px;
}
.el-form {
  margin-top: 50px;
}
.el-col {
  background: #f6f7fc;
}
.bg-left {
  padding-left: 30px;
}
.bg-right {
  padding-right: 10px;
  text-align: right;
}
.bg-bottom {
  margin: 15px 0px;
  background: #5473e8;
}
.el-radio,
.el-radio__input {
  margin-top: 11px;
  margin-left: 11px;
  width: 93px;
}

/deep/.ws-info-table .el-form-item {
  width: 20%;
}
/deep/.nei {
  .ws-info-table {
    border: none;
  }
  .el-form-item {
    width: 33.3333%;
    border: none;
    .el-form-item__label {
      background: transparent;
      border: none;
    }
    .el-form-item__content {
      border: none;
    }
  }
}
/deep/.ws-info-table .el-form-item .el-form-item__label {
  background: #fff;
  text-align: center;
  color: #8890b1;
  font-size: 14px;
  width: -webkit-min-content;
}
/deep/.ws-info-table .el-form-item .el-form-item__content {
  border: none;
}
.start-address {
  width: 33.333%;
}
/deep/.start-address .ws-info-table .el-form-item .el-form-item__content {
  width: 100%;
  color: #8890b1;
  font-size: 14px;
}
.driver {
  height: 30px;
  margin-left: 20px;
  margin-top: 10px;
  line-height: 30px;
  font-size: 16px;
  color: #5473e8;
}
.el-form {
  height: 73vh;
  overflow: scroll;
}
.el-cascader {
  width: 100%;
}
</style>