this.$set(this.formeSsential, ‘linkman’, ‘val’)

this.formeSsential, data里面的数据
2. ‘linkman’, data数据字段
3. ‘val’ 要修改的值

例
1、data上的数据

2、change事件

3、使用$set

代表展示

<template>
  <div class="container">
    <el-card class="box-card">
      <!-- 按钮 -->
      <el-row :gutter="20">
        <div class="but-box">
          <el-col :span="24">
            <!-- <div class="detailsTime">
              <span>接单剩余时间</span>
              <h1>02:19:26</h1>
            </div>
            <el-button type="primary">关闭订单</el-button> -->
            <el-button v-show="submitBtnDisplay" type="primary" @click="handSubmit">提交</el-button>
            <!-- <el-button type="primary">指派</el-button> -->
            <el-button v-show="nodeBtnDisplay" type="primary" @click="handChoose">选取</el-button>
            <el-button v-show="rejectBtnDisplay" type="primary" @click="handReject">驳回</el-button>
            <el-button v-show="nextBtnDisplay" type="primary" @click="handNext">提交</el-button>
          </el-col>
        </div>
      </el-row>
      <!-- 送货信息 -->
      <div v-show="infoDisplay" class="deliveryInfo-box">
        <el-row :gutter="20">
          <el-col :span="24">
            <h3>送货信息</h3>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="6">
            <p>送货单号：</p>
            <span>{{ detailInfo.deliveryFlowNo }}</span>
          </el-col>
          <el-col :span="6">
            <p>发起部门：</p>
            <span>客服发起</span>
          </el-col>
          <el-col :span="6">
            <p>发起人：</p>
            <span>{{ detailInfo.createUserName }}</span>

          </el-col>
          <el-col :span="6">
            <p>状态：</p>
            <span v-if="detailInfo.currentStepStatus === 0">新建</span>
            <span v-if="detailInfo.currentStepStatus === 1">选取</span>
            <span v-if="detailInfo.currentStepStatus === 2">提交</span>
            <span v-if="detailInfo.currentStepStatus === 3">驳回</span>
            <span v-if="detailInfo.currentStepStatus === 4">撤销</span>
            <span v-if="detailInfo.currentStepStatus === 5">接受</span>
            <span v-if="detailInfo.currentStepStatus === 6">关闭</span>
            <span v-if="detailInfo.currentStepStatus === 7">修改</span>
            <span v-if="detailInfo.currentStepStatus === 8">删除</span>
            <span v-if="detailInfo.currentStepStatus === 9">确认</span>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="6">
            <p>子状态：</p>
            <span>{{ childSates }}</span>
          </el-col>
          <el-col :span="6">
            <p>客户名称：</p>
            <span>{{ detailInfo.customerName }}</span>
          </el-col>
          <el-col :span="6">
            <p>联系人：</p>
            <span>{{ detailInfo.customerContactsName }}</span>
          </el-col>
          <el-col :span="6">
            <p>联系电话：</p>
            <span>{{ detailInfo.customerContactsPhone }}</span>
          </el-col>
        </el-row>

        <el-row :gutter="20">
          <el-col :span="6">
            <p>送货日期：</p>
            <span>{{ detailInfo.deliveryTime }}</span>
          </el-col>
          <el-col :span="6">
            <p>收货地址：</p>
            <span>{{ detailInfo.customerAddress }}</span>
          </el-col>
          <el-col :span="6">
            <p>送货类型：</p>
            <span v-if="detailInfo.deliveryType === 1">销售订单</span>
            <span v-if="detailInfo.deliveryType === 2">打样订单</span>
          </el-col>
          <el-col :span="6">
            <p>创建时间：</p>
            <span>{{ detailInfo.createTime }}</span>
          </el-col>
        </el-row>
      </div>
      <!-- form表单信息 -->
      <div v-show="infoDisplayForm" class="forUserInfo-box">
        <el-form ref="formSsential" :model="formeSsential" :rules="rulSsential" label-width="130px">
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="客户名称" prop="clientName">
                <el-select v-model="formeSsential.clientName" remote filterable placeholder="请输入客户名称" :remote-method="remoteCustomer" clearable class="width_full" @change="handChangeCustomer">
                  <el-option v-for="item in clientNameOptions" :key="item.value" :label="item.name" :value="item.tid" />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="送货地址" prop="detailed">
                <el-select v-model="formeSsential.detailed" clearable>
                  <el-option v-for="(item, index) in detailedOption" :key="index" placeholder="请选择地址" :label="item.fullAddress" :value="item.fullAddress" />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="联系人" prop="linkman">
                <el-select v-model="formeSsential.linkman" clearable @change="selectChanged($event)">
                  <el-option v-for="(item, index) in linkmanOption" :key="index" placeholder="请选择地址" :label="item.name" :value="item.tid" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="8">
              <el-form-item label="联系电话" prop="phone" clearable>
                <el-input v-model="formeSsential.phone" disabled placeholder="请输入客户名称" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="送货时间" prop="deliveryTime">
                <el-date-picker v-model="formeSsential.deliveryTime" type="datetime" clearable placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="送货类型" prop="deliveryType">
                <el-select v-model="formeSsential.deliveryType" clearable>
                  <el-option v-for="(item, index) in deliveryTypeOption" :key="index" placeholder="送货类型" :label="item.name" :value="item.val" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="24">
              <el-form-item label="订单备注">
                <el-input v-model="formeSsential.orderRemark" type="textarea" />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>

      <!-- 步骤条 -->
      <div class="step-box">
        <el-row :gutter="20">
          <el-col :span="24">
            <el-steps :active="currentStep-1" align-center finish-status="success">
              <el-step v-for="(item,index) in stepsData" :key="index" :title="item.node.title" :description="item.node.operatorName + ' ' + item.node.startDate" />
            </el-steps>
          </el-col>
        </el-row>
      </div>
      <!-- tab页 -->
      <div class="tab-box">
        <!-- v-if="currentStep ==1 && isDepartment" -->
        <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
          <el-tab-pane label="送货产品" name="first">
            <product :chiled-customer-id="customerId" :chiled-current-step="currentStep" :chiled-is-department="isDepartment" :chiled-delivery-id="deliveryId" :card-list="deliveryCustomerProductList" @handProductList="receiveproductList" />
          </el-tab-pane>

          <!-- <el-tab-pane label="节点备注" name="second">
            <nodeRemarkV2 />
          </el-tab-pane> -->
          <!-- v-if="currentStep >1 && currentStep >3 " -->
          <el-tab-pane label="生成送货单" name="third">
            <createDeliveryV2 ref="refCreate" :chiled-customer-id="customerId" :chiled-current-step="currentStep" />
          </el-tab-pane>

          <el-tab-pane label="送货单" name="fifth">
            <process ref="refPocess" :chiled-current-step="currentStep" />
          </el-tab-pane>

          <el-tab-pane label="操作记录" name="sixth">
            <operat ref="operat" :chiled-delivery-id="deliveryId" />
          </el-tab-pane>
        </el-tabs>
      </div>
      <!-- 驳回弹框 -->
      <el-dialog title="驳回" :visible.sync="proofingRejectDialog" :before-close="handleModalClose">
        <el-form ref="refuseform" :rules="refuseRules" :model="refuseform" label-width="100px">
          <el-form-item label="驳回节点" prop="stepNo">
            <el-radio-group v-if="stepsData.length>0" v-model="refuseform.stepNo">
              <el-radio v-for="(item,index) in newRejejectArr" :key="index" :label="item.stepNo">{{ item.node.title }}</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="驳回原因" prop="reason">
            <el-select v-model="refuseform.reason" placeholder="请选择驳回原因">
              <el-option label="请选择" value="" />
              <el-option v-for="(item,index) in rejectData" :key="index" :label="item.name" :value="item.name" />
            </el-select>
          </el-form-item>

          <el-form-item label="备注" prop="remark">
            <el-input v-model="refuseform.remark" type="textarea" />
          </el-form-item>
          <el-form-item>
            <el-button @click="closeDialog">取 消</el-button>
            <el-button type="primary" @click="rejectConfirm('refuseform')">确定</el-button>
          </el-form-item>
        </el-form>
      </el-dialog>
    </el-card>
  </div>
</template>

<script>
import { getInsert, getUpdate, getSelectById, providerDetails, getflownodesbytid, chooseSelectDeliveryNode, nextDeliveryNode, getSaleRefuseList, rejectDeliveryNode } from '@/api/process/deliverV2'
import { selectLikeCustomer, selectByCustomerAddress, selectContactByCustomerId, getflownodesbynodetype } from '@/api/public/index'

import product from './components/productV2' // 送货产品
// import nodeRemarkV2 from './components/nodeRemarkV2' // 节点备注
import createDeliveryV2 from './components/createDeliveryV2' // 节点备注
import process from './components/processV2' // 发送供应商
import operat from './components/operatv2' // 操作记录

export default {
  components: {
    product,
    // nodeRemarkV2,
    createDeliveryV2,
    process,
    operat
  },
  data () {
    return {
      formeSsential: {
        clientName: '', // 客户id
        customerName: '', // 客户名称
        detailed: '', // 送货地址
        linkman: '', // 联系人
        contactsName: '', // 联系人Name
        phone: '', // 联系电话
        deliveryTime: '', // 送货时间
        deliveryType: '', // 送货类型
        orderRemark: '' // 订单备注
      },
      // detailed: '', //
      detailInfo: {}, // 详情信息
      childSates: '', // 详情信息——子状态
      clientNameOptions: [], // 客户联系人集合
      detailedOption: [], // 送货地址集合
      linkmanOption: [], // 联系人集合
      deliveryTypeOption: [// 送货类型集合
        { name: '销售订单', val: 1 },
        { name: '打样订单', val: 2 }
      ],
      currentStep: 0, // 当前节点
      currentStepStatus: 0, // 当前节点选取状态
      stepsData: [], // 流程数组
      activeName: 'first', // 第一个选项卡的 name
      // 验证规则
      rulSsential: {
        clientName: [{ required: true, message: '请输入客户名称', trigger: 'blue' }],
        detailed: [
          { required: true, message: '请选择送货地址', trigger: 'blue' }
        ],
        linkman: [
          { required: true, message: '请选择联系人', trigger: 'blue' }
        ],
        phone: [{ required: true, message: '请输入电话', trigger: 'blur' }],
        deliveryTime: [
          { required: true, message: '请选择送货日期', trigger: 'blur' }
        ],
        deliveryType: [
          { required: true, message: '请选择送货类型', trigger: 'blue' }
        ]
      },
      // 客户页面带过来的数据
      customerId: '', // 客户id
      deliveryId: '', // 流程tid
      flowId: '', // 流程id
      deliveryCustomerProductList: [], // 产品list
      // 驳回数据
      proofingRejectDialog: false, // 控制驳回显示
      // 驳回表单数据
      refuseform: {
        stepNo: '',
        reason: '',
        remark: ''
      },
      // 验证规则
      refuseRules: {
        stepNo: { required: true, message: '请选择驳回节点', trigger: 'change' },
        reason: { required: true, message: '请选择驳回原因', trigger: 'change' },
        remark: { required: true, message: '请选择备注', trigger: 'blur' }
      },
      rejectData: [], // 驳回原因
      receidsArr: [], // 部门id集合
      infoDisplay: false, // 判断客服是否发起流程——显示送货信息
      infoDisplayForm: true, // 判断客服是否发起流程——显示送货信息
      isDepartment: undefined, // 判断是否在当前部门
      submitBtnDisplay: true, // 判断提交
      nodeBtnDisplay: undefined, // 判断选取节点
      nextBtnDisplay: undefined, // 判断下一步
      rejectBtnDisplay: undefined // 驳回
    }
  },
  computed: {
    newRejejectArr () {
      const arr = []
      if (this.stepsData.length > 0) {
        try {
          this.stepsData.forEach(item => {
            if (this.currentStep === item.stepNo) {
              throw new Error('相同stepno')
            } else {
              arr.push(item)
            }
          })
        } catch (e) {
        }
      }
      return arr
    },
    // 关闭订单按钮
    // deliverV2_basicInfoCloseOrder () {
    //   return this.$root.hasJurisdiction('deliverV2_basicInfo_closeOrder')
    // },
    // 提交按钮
    deliverV2_basicInfoSubmit () {
      return this.$root.hasJurisdiction('deliverV2_basicInfo_submit')
    },
    // 指派按钮
    // deliverV2_basicInfoDesignate () {
    //   return this.$root.hasJurisdiction('deliverV2_basicInfo_designate')
    // },
    // 选取按钮
    deliverV2_basicInfoSelect () {
      return this.$root.hasJurisdiction('deliverV2_basicInfo_select')
    },
    // 下一步按钮
    deliverV2_basicInfoNext () {
      return this.$root.hasJurisdiction('deliverV2_basicInfo_next')
    },
    // 驳回按钮
    deliverV2_basicInfoReject () {
      return this.$root.hasJurisdiction('deliverV2_basicInfo_reject')
    },
    // 新增按钮
    deliverV2_basicInfoAddProduct () {
      return this.$root.hasJurisdiction('deliverV2_basicInfo_addProduct')
    }
  },
  activated () {
    // console.log(this.currentStep, '--------this.currentStep')
    this.deliveryId = this.$route.query.deliveryId
    this.customerId = this.$route.query.customerId
    this.flowId = this.$route.query.flowId

    // 通过客户id查询
    if (this.customerId) {
      this.getProviderDetailsDetails(this.customerId)
    } else {
      this.formeSsential = {}
      this.deliveryCustomerProductList = []
    }

    if (this.deliveryId) {
      this.getSelectByIdDetails(this.deliveryId)
    } else {
      this.detailInfo = {}
    }

    if (this.flowId) {
      this.passAllFlow(this.flowId)
      // this.querySelectionProcess(this.flowId)
      this.infoDisplay = true
      this.infoDisplayForm = false
    } else {
      this.formeSsential = {}
      this.deliveryCustomerProductList = []
      this.queryFlownodes()
      // 判断如果没有流程id就把form表面显示，基础信息数据隐藏
      this.infoDisplay = false
      this.infoDisplayForm = true
      // 让提交按钮显示
      this.currentStep = 0
      this.submitBtnDisplay = true
    }
  },
  methods: {
    // 查询当前流程下已经通过的所有节点
    passAllFlow (flowId) {
      getflownodesbytid({ tid: flowId }).then(res => {
        if (res.resultCode == 1) {
          this.stepsData = res.resultData

          this.childSates = res.resultData[res.resultData.length - 1].node.title
        }
      })
    },
    // -- 获取流程步骤条数据
    queryFlownodes () {
      getflownodesbynodetype({ nodetype: 7 }).then(res => {
        if (res.resultCode === 1) {
          this.stepsData = res.resultData
        }
      })
    },
    // 获取原因驳回列表
    async queryRejectData () {
      const { resultCode, resultData } = await getSaleRefuseList({ tid: 152 })
      resultCode === 1 ? this.rejectData = resultData : []
    },
    // 选取
    handChoose () {
      const params = {
        tid: this.deliveryId,
        step: this.currentStep
      }
      chooseSelectDeliveryNode(params).then(res => {
        if (res.resultCode === 1) {
          this.$message({ message: '选取成功！', type: 'success' })
          this.passAllFlow(this.flowId)
          this.getSelectByIdDetails(this.deliveryId)
        }
      })
    },
    // 出库下一步
    handNext () {
      const params = {
        tid: this.deliveryId,
        step: this.currentStep
      }
      nextDeliveryNode(params).then(res => {
        if (res.resultCode === 1) {
          this.$message({ message: '下一步提交成功！', type: 'success' })
          this.passAllFlow(this.flowId)
          this.getSelectByIdDetails(this.deliveryId)
        }
      })
    },
    // 通过客户id查询客户名称和联系人数据接口
    getProviderDetailsDetails (val) {
      providerDetails({ tid: val }).then((res) => {
        if (res.resultCode === 1) {
          this.formeSsential.clientName = res.resultData.name // 客户id
          this.formeSsential.customerName = res.resultData.name // 客户名称
          this.remoteCustomer(res.resultData.name)

          this.handChangeCustomer(res.resultData.tid)
        }
      })
    },
    // 通过流程id查询送货详情
    async getSelectByIdDetails (deliveryId) {
      const { resultCode, resultData } = await getSelectById(deliveryId)
      if (resultCode === 1) {
        this.detailInfo = resultData
        // 表单赋值
        this.formeSsential = {
          clientName: resultData.customerId,
          customerName: resultData.customerName,
          detailed: resultData.customerAddress,
          linkman: resultData.customerContactsId,
          contactsName: resultData.customerContactsName,
          phone: resultData.customerContactsPhone,
          deliveryTime: resultData.deliveryTime,
          deliveryType: resultData.deliveryType,
          orderRemark: resultData.remark
        }
        this.deliveryCustomerProductList = resultData.deliveryCustomerProductList
        this.customerId = resultData.customerId
        this.deliveryId = resultData.tid
        this.currentStepStatus = resultData.currentStepStatus // 当前节点状态
        // this.currentStep = resultData.currentStep// == 3 ? 4 : resultData.currentStep // 当前节点

        // 判断最后一步节点是否==于3 并且是否选取
        if (resultData.currentStep == 3 && this.currentStepStatus == 1) {
          this.currentStep = 4
        } else {
          this.currentStep = resultData.currentStep
        }

        // 获取当前部门id,并将它处理成集合
        const receids = resultData.receids
        const receidsArr = receids ? receids.split(',') : []
        console.log(receidsArr, '========部门id集合')

        // 判断当前部门id是否存在
        console.log(this.$deptId, '------this.$deptId---')
        // console.log(receidsArr.includes((this.$deptId).toString()))
        if (receidsArr.includes((this.$deptId).toString())) {
          this.isDepartment = true
        } else {
          this.isDepartment = false
        }

        // 判断当前按钮是currentStepStatus是否选取，及操作
        // currentStepStatus  0未选取  1已经取  2已完成
        // 提交按钮
        if (this.currentStep == 1 && this.deliverV2_basicInfoSubmit && this.isDepartment) {
          this.submitBtnDisplay = true
        } else {
          this.submitBtnDisplay = false
        }
        // 选取按钮
        // console.log(this.currentStepStatus == 0 && this.currentStep >= 2 && this.currentStep <= 3 && this.deliverV2_basicInfoSelect && this.isDepartment, '----选取按钮')
        if (this.currentStepStatus == 0 && this.currentStep >= 3 && this.currentStep <= 3 && this.deliverV2_basicInfoSelect && this.isDepartment) {
          this.nodeBtnDisplay = true
        } else {
          this.nodeBtnDisplay = false
        }
        // 下一步
        // console.log(this.currentStepStatus > 1 && this.currentStep <= 3 && this.deliverV2_basicInfoNext && this.isDepartment, 'newx---下一步')
        if (this.currentStepStatus == 1 && this.currentStep < 3 && this.deliverV2_basicInfoNext && this.isDepartment) {
          this.nextBtnDisplay = true
        } else {
          this.nextBtnDisplay = false
        }
        // 驳回
        // console.log(this.currentStep > 1 && this.currentStep < 4 && this.currentStepStatus == 1 && this.isDepartment, '-----驳回')
        if (this.currentStep > 1 && this.currentStep <= 4 && this.currentStepStatus == 1 && this.isDepartment) {
          this.rejectBtnDisplay = true
        } else {
          this.rejectBtnDisplay = false
        }
      }
    },
    // form表单数据
    // 客户名称和联系人数据接口
    remoteCustomer (name) {
      const params = {
        pageIndex: 1,
        pageSize: 50,
        name: name,
        customerId: this.customerId
      }
      return new Promise((resolve, reject) => {
        selectLikeCustomer(params).then(res => {
          if (res.resultCode === 1) {
            this.clientNameOptions = res.resultData
          }
          resolve()
        }).catch(err => {
          reject(err)
        })
      })
    },
    // 客户发生改变获取地址数据
    async handChangeCustomer (customerId) {
      console.log(customerId, '-----------customerId')
      this.customerId = customerId

      const customerDate = this.clientNameOptions.filter((item) => {
        if (customerId == item.tid) {
          return item // 筛选出匹配数据
        }
      })

      console.log(customerDate, '00000000000000000')
      if (customerDate.length > 0) {
        this.formeSsential.customerName = customerDate[0].name
      }
      // 送货地址接口
      if (customerId) {
        const { resultCode, resultData } = await selectByCustomerAddress({
          customerId: customerId
        })
        resultCode === 1 ? this.detailedOption = resultData : ''
        this.$set(this.formeSsential, 'detailed', '')
      }
      // 送货联系人接口
      if (customerId) {
        const { resultCode, resultData } = await selectContactByCustomerId({
          customerId: customerId
        })
        resultCode === 1 ? this.linkmanOption = resultData : ''
        // 清空数据
        this.$set(this.formeSsential, 'linkman', '')
        this.$set(this.formeSsential, 'phone', '')
        // this.formeSsential.linkman = ''
        // this.formeSsential.phone = ''
      }
    },
    // 为联系电话赋值事件
    selectChanged (val) {
      const obj = this.linkmanOption.filter((item) => {
        if (item.tid === val) {
          return item // 筛选出匹配数据
        }
      })
      if (obj.length > 0) {
        this.formeSsential.phone = obj[0].phone
        this.formeSsential.contactsName = obj[0].name
      }
    },

    // tab页事件
    handleClick (val) {
      if (val.index === '0' && val.label == '送货产品') {
        if (this.deliveryId) {
          this.getSelectByIdDetails(this.deliveryId)
        }
      } else if (val.index === '1' && val.label == '生成送货单') {
        if (this.deliveryId && this.detailInfo && this.isDepartment) {
          this.$refs.refCreate.getCreateDeliveryList(this.deliveryId, this.detailInfo, this.isDepartment)
        }
      } else if (val.index === '2' && val.label == '送货单') {
        if (this.deliveryId && this.isDepartment) {
          this.$refs.refPocess.getProcessList(this.deliveryId, this.isDepartment)
        }
      } else if (val.index === '3' && val.label == '操作记录') {
        if (this.flowId) {
          this.$refs.operat.getTableList(this.flowId)
        }
      }
    },
    // 接收子组件产品传过来的数据
    receiveproductList (val) {
    },
    // 提交
    handSubmit () {
      this.$refs.formSsential.validate((valid) => {
        if (!valid) return
        if (this.deliveryCustomerProductList.length > 0) {
          // return
          if (!this.deliveryId) {
            if (this.customerId) {
              const params = {
                delivery: {
                  customerId: this.customerId,
                  customerName: this.formeSsential.customerName,
                  customerContactsId: this.formeSsential.linkman,
                  customerContactsName: this.formeSsential.contactsName,
                  customerAddress: this.formeSsential.detailed,
                  customerContactsPhone: this.formeSsential.phone,
                  deliveryTime: this.formeSsential.deliveryTime,
                  deliveryType: this.formeSsential.deliveryType,
                  remark: this.formeSsential.orderRemark
                },
                deliveryCustomerProductList: this.deliveryCustomerProductList// 产品集合
              }
              getInsert(params).then(res => {
                if (res.resultCode === 1) {
                  this.$message.success('新增成功')
                  this.$router.push({ path: '/process/delivery/indexV2' })
                  // this.deliveryId = res.resultData.tid
                  // this.flowId = res.resultData.flowOperate.flowid
                  // this.$router.push({ path: '/process/delivery/eliveryDetailsV2', query: { deliveryId: this.deliveryId, flowId: this.flowId } })
                  // this.getSelectByIdDetails(this.deliveryId)
                }
              })
            }
          } else {
            const params = {
              delivery: {
                tid: this.deliveryId, // 流程id
                customerId: this.customerId,
                customerName: this.formeSsential.customerName,
                customerContactsId: this.formeSsential.linkman,
                customerContactsName: this.formeSsential.contactsName,
                customerAddress: this.formeSsential.detailed,
                customerContactsPhone: this.formeSsential.phone,
                deliveryTime: this.formeSsential.deliveryTime,
                deliveryType: this.formeSsential.deliveryType,
                remark: this.formeSsential.orderRemark
              },
              deliveryCustomerProductList: this.deliveryCustomerProductList// 产品集合
            }
            getUpdate(params).then(res => {
              if (res.resultCode === 1) {
                this.$message.success('修改成功')
                this.getSelectByIdDetails(this.deliveryId)
              }
            })
          }
        } else {
          this.$message.error('产品数据不能为空')
        }
      })
    },
    // 驳回
    handReject () {
      this.proofingRejectDialog = true
      this.queryRejectData()
    },
    // 驳回关闭
    handleModalClose () {
      this.$confirm('确认关闭？')
        .then(_ => {
          this.closeDialog()
        })
        .catch(_ => { })
    },
    // 驳回取消
    closeDialog () {
      this.proofingRejectDialog = false
    },
    // 驳回提交
    rejectConfirm (formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          const params = {
            tid: this.deliveryId,
            flowId: this.flowId, // 流程id
            reason: this.refuseform.reason, // 驳回原因
            rejectRecedStepNo: this.refuseform.stepNo, // 驳回被驳回到的节点序号
            rejectStepNo: this.currentStep, // 驳回节点序号
            remark: this.refuseform.remark// 备注
          }
          rejectDeliveryNode(params).then(res => {
            if (res.resultCode == 1) {
              this.proofingRejectDialog = false
              this.$message.success('驳回成功')

              this.refuseform = {}
              this.$refs[formName].resetFields()
              this.passAllFlow(this.flowId)
              this.getSelectByIdDetails(this.deliveryId)
            }
          })
            .catch(err => {
              this.proofingRejectDialog = false
            })
        } else {
          return false
        }
      })
    }

  }
}
</script>

<style lang="scss" scoped>
@import "~@/styles/globalVar.scss";
.container {
  width: 100%;
  height: 100%;
  .box-card {
    padding: 20px;
    width: 100%;
    height: 100%;
    background: #ffffff;
    .detailsTime {
      display: inline-block;

      h1 {
        margin: 0px;
        display: inline-block;
        margin: 0 10px;
      }
    }
    .el-steps {
      ::v-deep .is-success .el-step__line {
        color: #5ad87d !important;
        background: #5ad87d !important;
      }
    }
    .but-box {
      text-align: right;
      margin-bottom: 20px;
    }
    .forUserInfo-box {
      margin-top: 20px;
    }
    .deliveryInfo-box {
      p {
        display: inline-block;
      }
    }
    .step-box {
      margin-top: 20px;
    }
    .tab-box {
      margin-top: 30px;
    }
  }
}
</style>