icore-pass/src/views/RMS/components/editCapacity.vue

<template>
  <!-- 修改运力信息 -->
  <div class="editCapacity">
    <div id="contractDetails">
      <page-title>编辑</page-title>
      <div class="main">
        <div class="contractTitle">
          <div class="form_box_capacity" style="margin-right: 10rem">
            <dil-form :formId="380" v-model="form1"></dil-form>
            <el-form v-show="flag">
              <div class="preview-group">
                <el-form-item label="是否是VIP车辆:">
                  <el-radio v-model="form1.capacityVip" label="是">是</el-radio>
                  <el-radio v-model="form1.capacityVip" label="否">否</el-radio>
                </el-form-item>
                <el-form-item label="是否无GPS派车:">
                  <el-radio v-model="form1.capacityGps" label="是">是</el-radio>
                  <el-radio v-model="form1.capacityGps" label="否">否</el-radio>
                </el-form-item>
                <el-form-item label="是否是黑名单车辆:">
                  <el-radio v-model="form1.capacityBlackList" label="是"
                    >是</el-radio
                  >
                  <el-radio v-model="form1.capacityBlackList" label="否"
                    >否</el-radio
                  >
                </el-form-item>
              </div>
            </el-form>
          </div>
        </div>
      </div>

      <!-- <div class="elForm">
  <el-form
        :inline="true"
        class="demo-form-inline"
        label-width="80px"
      >
        <el-form-item label="选择承运商">
         <el-autocomplete
          class="inline-input"
          v-model="state"
          :fetch-suggestions="querySearch"
          placeholder="请输入承运商名称"
          :trigger-on-focus="false"
          @select="handleSelect"
        >
        <template slot-scope="{ item }">
          <div class="name">{{ item.carrierName }}</div>
        </template>
        </el-autocomplete>
        </el-form-item>
    </el-form> -->
      <!-- </div> -->
    </div>
    <div class="button_box">
      <el-button type="primary" @click="onClickConfirm">确认</el-button>
    </div>
  </div>
</template>

<script>
import PageTitle from '@/components/Page/Title'
import { getCookie } from '@/utils/util.js'
export default {
  components: { PageTitle },
  data() {
    return {
      state: '',
      userId: null,
      restaurants: [],
      accessToken: null,
      userCode: null,
      carrierUserId: null,
      carrierId: null,
      capacityCarrierId: null,
      carrierIds: null,
      direction: 'rtl',
      inputText: '',
      form1: {},
      carrierUserId: null,
      carrierName: '',
      map: [],
      options: {
        requestUrl: '/api/v1/rms/getCarrierList?apiId=417',
        selectionType: 'radio',
        mapList: []
      },
      flag: false
    }
  },
  // created(){
  //     this.carrierUserId = getCookie("userId");
  //     // console.log(this.carrierUserId ,'carrierUserId')
  // },
  mounted() {
    this.information()
    this.orgcode = getCookie('orgCode')
    if (this.orgcode === 'wuliuyunshubu' || this.orgcode === 'dagangadmin') {
      this.flag = true
    }
  },
  //   mounted() {
  //    this.information();
  //    this.axios.post(
  //        "/api/v1/rms/getCarrierNameBySSOId?carrierSSOId=" + this.carrierUserId
  //       )
  //       .then((res) => {
  //         if(res.data.code == "200"){
  //         console.log(res.data.data)
  //         this.state = res.data.data.carrierName
  //         this.carrierIds = res.data.data.carrierId
  //         }
  //   })},
  methods: {
    //承运商弹出层
    // handleSelect(item){
    //   this.carrierIds = item.carrierId
    //   item.carrierName = this.state
    // },
    // //以下是承运商边输边查搜索
    // querySearch(queryString, cb) {
    //     this.axios.post('/api/v1/uc/getCarrierMesByLike?index='+queryString).then((res)=>{
    //     if(res.data.code == "200"){
    //       console.log(res.data.data)
    //       var restaurants = res.data.data
    //       console.log(restaurants,"restaurants");
    //       var results = queryString ? restaurants.filter(this.createFilter(queryString)) :restaurants;
    //        // 调用 callback 返回建议列表的数据
    //       cb(results);
    //     }
    //     })
    //   },
    // createFilter(queryString) {
    //     return (restaurants)  =>  {
    //       return (restaurants.value.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
    //     };
    //   },
    // //以上是承运商边输边查搜索
    // currentRadioChange(selection){
    //   this.mapList=selection,
    //   // console.log(this.mapList)
    //   this.carrierName=this.mapList.carrierName
    // },
    // onclick(){
    //   this.options.requestUrl="/api/v1/rms/getCarrierList?apiId=417&con=" +this.inputText;
    // },
    information() {
      //       //编辑
      //     console.log(this.$route.params)
      this.axios
        .post(
          '/api/v1/rms/getCapacityInfoById/' +
            this.$route.params.capacityCarrierId
        )
        .then(res => {
          console.log(res)
          res.data.data.forEach(e => {
            console.log('from', this.form1)
            console.log()
            this.form1 = e
          })
        })
    }, // 返回
    onClickCancel() {
      this.$router.go(-1)
    }, // 确认
    onClickConfirm() {
      console.log(this.form1)
      let map = {
        remark: this.form1.remark,
        userDep: this.form1.userDep,
        capacityCarrierId: this.$route.params.capacityCarrierId,
        capacityTel: this.form1.capacityTel,
        capacityNumber: this.form1.capacityNumber,
        capacityVip: this.form1.capacityVip,
        capacityGps: this.form1.capacityGps,
        capacityBlackList: this.form1.capacityBlackList,
        capacityId: this.form1.capacityId
      }
      this.axios.post('/api/v1/rms/updateCapacity', map).then(res => {
        if (res.data.code == '200') {
          this.$message.success('修改成功')
          this.$router.go(-1)
        } else {
          this.$message.success('修改失败')
          this.$router.go(-1)
        }
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.editCapacity {
  .elForm {
    margin-left: 40%;
  }
  .form_box_capacity {
    margin-left: 35%;
    width: 340px;
    .el-form {
      .preview-group {
        .el-form-item {
          .el-form-item__label {
            display: inline-block;
            width: 70px !important;
          }
          .el-form-item__content {
            .el-select {
              width: 250px;
            }
            .el-input {
              width: 250px;
            }
            .el-textarea {
              .el-textarea__inner {
                width: 225px;
                margin-top: 0.03rem;
              }
            }
          }
        }
      }
    }
  }
  .button_box {
    display: flex;
    justify-content: center;
    .el-button {
      width: 80px;
      margin-right: 10px;
    }
  }
  .disableBox {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    margin-bottom: 1.25rem;
  }
}
</style>