经销商管理

doum

6 小时以前 d8d6661b4736e5de37d4a158b8286509b748d62b

 admin/src/components/business/OperaShipmentsWindow.vue

@@ -7,7 +7,7 @@
    @confirm="confirm"
  >
    <el-form :model="form" ref="form" :rules="rules" label-width="120px" label-suffix="："  inline>
      <div class="tips-style">您真在针对订单：<span>{{ form.code }} </span>进行发货</div>
      <p class="tip-warn" style="margin: 30px;"><i class="el-icon-warning"></i>操作说明：您正在针对订单：<span class="red">{{ form.code }} </span>进行{{ form.status==2?'快递变更':'发货' }}操作！</p>
      <el-form-item label="快递公司" prop="kdId">
        <el-select
          v-model="form.kdId"
@@ -15,16 +15,16 @@
          clearable
          placeholder="请选择快递公司"
        >
          <el-option v-for="item in kd" :key="item.id" :value="item.id" :label="item.label" />
          <el-option v-for="item in kd" :key="item.id" :value="item.id" :label="item.name" />
        </el-select>
      </el-form-item>
      <el-form-item label="快递单号" prop="kdCode">
        <el-input v-model="form.kdCode" placeholder="请输入快递单号" :maxlength="5" v-trim/>
        <el-input v-model="form.kdCode" placeholder="请输入快递单号"   v-trim/>
      </el-form-item>
      <el-form-item label="发货备注" prop="kdInfo">
        <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 12}" v-model="form.kdInfo" placeholder="请输入发货备注" :maxlength="5" v-trim/>
        <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 12}" v-model="form.kdInfo" placeholder="请输入发货备注"   v-trim/>
      </el-form-item>
      

    </el-form>
  </GlobalAlertWindow>
</template>
@@ -32,7 +32,7 @@
<script>
import BaseOpera from '@/components/base/BaseOpera'
import GlobalAlertWindow from '@/components/common/GlobalAlertWindow'
import { fetchList as kdList } from '@/api/business/labels'
import {orderSendOutGoods} from '@/api/business/goodsorder'
export default {
  name: 'OperaShipmentsWindow',
  extends: BaseOpera,
@@ -44,56 +44,62 @@
      form: {
        id: null,
        code: '',
        status: '',
        kdId: '',
        kdInfo: '',
        kdCode: '',
        // isdeleted: '',
        // name: '',
        // info: '',
        // type: '',
        // module: '',
        // parentId: '',
        // sortnum: '',
        // status: '',
        // imgurl: ''
        kdName: ''
      },
      kd: [],
      // 验证规则
      rules: {
        kdId: [
          { required: true, message: '请选择快递公司', tigger: 'change' }
          { required: true, message: '请选择快递公司' }
        ],
        kdCode: [
          { required: true, message: '请输入快递单号', tigger: 'blur' }
          { required: true, message: '请输入快递单号' }
        ]
      }
    }
  },
  

  created () {
    this.config({
      api: '/business/labels',
      'field.id': 'id'
    })
  },
  mounted() {
    kdList({
      capacity: 999,
      model: {
        type: 3 //快递
      }
    })
  mounted () {
    this.api.findAll({ status: 0, type: 17 })
      .then(res => {
        this.kd = res.records
        this.kd = res
      })
  },
  methods: {
    // 上传图片
    uploadAvatarSuccess(file) {
      this.form.imgurl = file.imgurl;
      this.form.imgurlfull = file.imgurlfull;
    },
  },
    confirm () {
      this.$refs.form.validate((valid) => {
        if (!valid) {
          return
        }
        this.isWorking = true
        var kd = this.kd.find(item => item.id === this.form.kdId)
        this.form.kdName = kd.name
        orderSendOutGoods(this.form)
          .then(() => {
            this.visible = false
            this.$tip.apiSuccess('添加成功')
            this.$emit('success')
          }).catch(e => {
            this.$tip.apiFailed(e)
          })
          .finally(() => {
            this.isWorking = false
          })
        // 调用新建接口
      })
    }
  }
}
</script>