|
|
@@ -1,344 +1,371 @@
|
|
|
<template>
|
|
|
- <div class="supplierAdd pagePadding" style="padding-top: 30px">
|
|
|
- <el-form
|
|
|
- ref="ruleForm"
|
|
|
- v-loading="loading"
|
|
|
- :model="ruleForm"
|
|
|
- status-icon
|
|
|
- :rules="rulesThis"
|
|
|
- :size="'small'"
|
|
|
- label-width="100px"
|
|
|
- class="demo-ruleForm"
|
|
|
- >
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <div class="supplierAdd-title">基础信息</div></el-col
|
|
|
- >
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="合作状态" prop="a0">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="ruleForm.a0"
|
|
|
- placeholder="合作状态"
|
|
|
+ <el-form
|
|
|
+ ref="ruleForm"
|
|
|
+ v-loading="loading"
|
|
|
+ :model="ruleForm"
|
|
|
+ status-icon
|
|
|
+ :rules="rulesThis"
|
|
|
+ :size="'small'"
|
|
|
+ label-width="100px"
|
|
|
+ class="supplierAdd"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="8">
|
|
|
+ <div class="supplierAdd-title" style="margin: 6px 0 0 10px">
|
|
|
+ 基础信息
|
|
|
+ </div></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="合作状态" prop="coop_state">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="ruleForm.coop_state"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="合作状态"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in coop_stateoptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in a0options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="供应商来源" prop="source">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="ruleForm.source"
|
|
|
- placeholder="供应商来源"
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="供应商来源" prop="source">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="ruleForm.source"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="供应商来源"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in sourceoptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in sourceoptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="申请类型" prop="a2">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="ruleForm.a2"
|
|
|
- placeholder="申请类型"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="申请类型" prop="type">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="ruleForm.type"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="申请类型"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in typeoptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in a2options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="所属类别" prop="a3">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="ruleForm.a3"
|
|
|
- placeholder="所属类别"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="所属类别" prop="category">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="ruleForm.category"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="所属类别"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in categoryoptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in a3options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="物流方式" prop="a4">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="ruleForm.a4"
|
|
|
- placeholder="物流方式"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="物流方式" prop="delivery_way">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="ruleForm.delivery_way"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="物流方式"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in delivery_wayoptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in a4options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select> </el-form-item
|
|
|
- ></el-col>
|
|
|
- <el-col :span="8"
|
|
|
- ><el-form-item label="供应商类型" prop="a5">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="ruleForm.a5"
|
|
|
- placeholder="供应商类型"
|
|
|
+ </el-option>
|
|
|
+ </el-select> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :span="8"
|
|
|
+ ><el-form-item label="供应商类型" prop="supplier_type">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="ruleForm.supplier_type"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="供应商类型"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in supplier_typeoptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in a5options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select> </el-form-item
|
|
|
- ></el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="供应商级别" prop="a6">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="ruleForm.a6"
|
|
|
- placeholder="供应商级别"
|
|
|
+ </el-option>
|
|
|
+ </el-select> </el-form-item
|
|
|
+ ></el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="供应商级别" prop="level">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="ruleForm.level"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="供应商级别"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in leveloptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in a6options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="付款方式" prop="a7">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- v-model="ruleForm.a7"
|
|
|
- placeholder="付款方式"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="付款方式" prop="pay_type">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="ruleForm.pay_type"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="付款方式"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in pay_typeoptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in a7options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item
|
|
|
+ label="资质证明"
|
|
|
+ prop="supplier_img"
|
|
|
+ :disabled="id == 'view'"
|
|
|
+ class="activity-upload"
|
|
|
+ >
|
|
|
+ <div class="btnupload" style="position: relative">
|
|
|
+ <img
|
|
|
+ v-if="ruleForm.supplier_img"
|
|
|
+ :src="ruleForm.supplier_img"
|
|
|
+ class="avatar"
|
|
|
+ />
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ <file-upload
|
|
|
+ class="Upload"
|
|
|
+ :disabled="id == 'view'"
|
|
|
+ :accept="'.jpg,.png,.jpeg'"
|
|
|
+ :multiple="true"
|
|
|
+ :uploadcondition="beforeAvatarUpload"
|
|
|
+ @UploadErrorEvent="UploadErrorEventsupplier_img"
|
|
|
+ @UploadSuccessEvent="UploadSuccessEventsupplier_img"
|
|
|
+ ></file-upload>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item label="详情介绍图" prop="prove_img">
|
|
|
+ <div class="good_info_img_div">
|
|
|
+ <ul class="clear">
|
|
|
+ <template
|
|
|
+ v-if="
|
|
|
+ ruleForm &&
|
|
|
+ ruleForm.prove_img &&
|
|
|
+ ruleForm.prove_img.length > 0
|
|
|
+ "
|
|
|
>
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item
|
|
|
- label="资质证明"
|
|
|
- prop="a8"
|
|
|
- :disabled="id == '007'"
|
|
|
- class="activity-upload"
|
|
|
- >
|
|
|
- <div class="btnupload" style="position: relative">
|
|
|
- <img v-if="ruleForm.a8" :src="ruleForm.a8" class="avatar" />
|
|
|
- <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
- <file-upload
|
|
|
- class="Upload"
|
|
|
- :disabled="id == '007'"
|
|
|
- :accept="'.jpg,.png,.jpeg'"
|
|
|
- :multiple="true"
|
|
|
- :uploadcondition="beforeAvatarUpload"
|
|
|
- @UploadErrorEvent="UploadErrorEventa8"
|
|
|
- @UploadSuccessEvent="UploadSuccessEventa8"
|
|
|
- ></file-upload>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="详情介绍图" prop="a9">
|
|
|
- <div class="good_info_img_div">
|
|
|
- <ul class="clear">
|
|
|
- <template
|
|
|
- v-if="ruleForm && ruleForm.a9 && ruleForm.a9.length > 0"
|
|
|
- >
|
|
|
- <li
|
|
|
- class="img-show-li"
|
|
|
- v-viewer
|
|
|
- v-for="(img, iindex) in ruleForm.a9"
|
|
|
- :key="img + iindex"
|
|
|
- >
|
|
|
- <div class="img-show-li-div">
|
|
|
- <img :src="img" class="img-show" alt="" />
|
|
|
- <i
|
|
|
- v-if="type == 'add' || type === 'editBase'"
|
|
|
- class="el-icon-close"
|
|
|
- @click="closeImg(iindex)"
|
|
|
- ></i>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </template>
|
|
|
<li
|
|
|
class="img-show-li"
|
|
|
- v-if="ruleForm && ruleForm.a9 && ruleForm.a9.length < 10"
|
|
|
+ v-viewer
|
|
|
+ v-for="(img, iindex) in ruleForm.prove_img"
|
|
|
+ :key="img + iindex"
|
|
|
>
|
|
|
- <div class="activity-upload">
|
|
|
- <div class="btnupload" style="position: relative">
|
|
|
- <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
- <file-upload
|
|
|
- class="Upload"
|
|
|
- :disabled="type === 'view' || type === 'editCoin'"
|
|
|
- :accept="'.jpg,.png,.jpeg'"
|
|
|
- :multiple="true"
|
|
|
- :uploadcondition="beforeAvatarUpload"
|
|
|
- @UploadErrorEvent="UploadErrorEventgood_info_img"
|
|
|
- @UploadSuccessEvent="UploadSuccessEventgood_info_img"
|
|
|
- ></file-upload>
|
|
|
- </div>
|
|
|
+ <div class="img-show-li-div">
|
|
|
+ <img :src="img" class="img-show" alt="" />
|
|
|
+ <i
|
|
|
+ v-if="type === 'add' || type === 'edit'"
|
|
|
+ class="el-icon-close"
|
|
|
+ @click="closeImg(iindex)"
|
|
|
+ ></i>
|
|
|
</div>
|
|
|
</li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24"
|
|
|
- ><div class="supplierAdd-title">联系人信息</div></el-col
|
|
|
- >
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="姓名" prop="b1">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.b1"
|
|
|
- :disabled="id == '007'"
|
|
|
- placeholder="姓名"
|
|
|
- minlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="手机号" prop="b2">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.b2"
|
|
|
- :disabled="id == '007'"
|
|
|
- placeholder="手机号"
|
|
|
- minlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="职位" prop="b3">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.b3"
|
|
|
- :disabled="id == '007'"
|
|
|
- placeholder="职位"
|
|
|
- minlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" v-if="!ruleForm.a8">
|
|
|
- <div class="supplierAdd-title">营业执照信息</div></el-col
|
|
|
- >
|
|
|
- <el-col :span="8" v-if="!ruleForm.a8">
|
|
|
- <el-form-item label="注册号" prop="c1">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.c1"
|
|
|
- :disabled="id == '007'"
|
|
|
- placeholder="注册号"
|
|
|
- minlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16" v-if="!ruleForm.a8">
|
|
|
- <el-form-item label="供应商名称" prop="c2">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.c2"
|
|
|
- :disabled="id == '007'"
|
|
|
- placeholder="供应商名称"
|
|
|
- minlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" v-if="!ruleForm.a8">
|
|
|
- <el-form-item label="公司类型" prop="c3">
|
|
|
- <search-company-type
|
|
|
- :value="ruleForm.c3"
|
|
|
- :disabled="false"
|
|
|
- :size="'small'"
|
|
|
- :isDetail="false"
|
|
|
- :placeholder="'公司类型'"
|
|
|
- @searchChange="type_search_change"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16" v-if="!ruleForm.a8">
|
|
|
- <el-form-item label="详细地址" prop="c4">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.c4"
|
|
|
- :disabled="id == '007'"
|
|
|
- placeholder="详细地址"
|
|
|
- minlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8" v-if="!ruleForm.a8">
|
|
|
- <el-form-item label="法人代表" prop="c5">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.c5"
|
|
|
- :disabled="id == '007'"
|
|
|
- placeholder="法人代表"
|
|
|
- minlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="成立日期" prop="c6">
|
|
|
- <el-date-picker
|
|
|
- v-model="ruleForm.c6"
|
|
|
- type="date"
|
|
|
- style="width: 100%"
|
|
|
- :picker-options="pickerOptions"
|
|
|
- placeholder="成立日期"
|
|
|
- >
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
+ </template>
|
|
|
+ <li
|
|
|
+ class="img-show-li"
|
|
|
+ v-if="
|
|
|
+ ruleForm &&
|
|
|
+ ruleForm.prove_img &&
|
|
|
+ ruleForm.prove_img.length < 10
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="activity-upload">
|
|
|
+ <div class="btnupload" style="position: relative">
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ <file-upload
|
|
|
+ class="Upload"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ :accept="'.jpg,.png,.jpeg'"
|
|
|
+ :multiple="true"
|
|
|
+ :uploadcondition="beforeAvatarUpload"
|
|
|
+ @UploadErrorEvent="UploadErrorEventgood_info_img"
|
|
|
+ @UploadSuccessEvent="UploadSuccessEventgood_info_img"
|
|
|
+ ></file-upload>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24"
|
|
|
+ ><div class="supplierAdd-title">联系人信息</div></el-col
|
|
|
+ >
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="姓名" prop="contactor">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.contactor"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="姓名"
|
|
|
+ minlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="手机号" prop="mobile">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.mobile"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="手机号"
|
|
|
+ minlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="职位" prop="position">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.position"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="职位"
|
|
|
+ minlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" v-if="!ruleForm.supplier_img">
|
|
|
+ <div class="supplierAdd-title">营业执照信息</div></el-col
|
|
|
+ >
|
|
|
+ <el-col
|
|
|
+ :span="8"
|
|
|
+ v-if="
|
|
|
+ (!ruleForm.supplier_img && type === 'add') ||
|
|
|
+ type === 'view' ||
|
|
|
+ (!ruleForm.supplier_img && type === 'edit')
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-form-item label="注册号" prop="registercode">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.registercode"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="注册号"
|
|
|
+ minlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" v-if="!ruleForm.supplier_img">
|
|
|
+ <el-form-item label="供应商名称" prop="name">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.name"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="供应商名称"
|
|
|
+ minlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="!ruleForm.supplier_img">
|
|
|
+ <el-form-item label="公司类型" prop="nature">
|
|
|
+ <search-company-type
|
|
|
+ :value="ruleForm.nature"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ :size="'small'"
|
|
|
+ :isDetail="false"
|
|
|
+ :placeholder="'公司类型'"
|
|
|
+ @searchChange="type_search_change"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="16" v-if="!ruleForm.supplier_img">
|
|
|
+ <el-form-item label="详细地址" prop="addr">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.addr"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="详细地址"
|
|
|
+ minlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" v-if="!ruleForm.supplier_img">
|
|
|
+ <el-form-item label="法人代表" prop="legaler">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.legaler"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="法人代表"
|
|
|
+ minlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成立日期" prop="registertime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="ruleForm.registertime"
|
|
|
+ type="date"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ style="width: 100%"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ placeholder="成立日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-col :span="16" v-if="!ruleForm.a8">
|
|
|
- <el-form-item label="运营范围" prop="c7">
|
|
|
- <el-input
|
|
|
- v-model="ruleForm.c7"
|
|
|
- :autosize="{ minRows: 4, maxRows: 4 }"
|
|
|
- type="textarea"
|
|
|
- :disabled="id == '007'"
|
|
|
- placeholder="运营范围"
|
|
|
- minlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" style="text-align: right">
|
|
|
- <el-button v-if="id !== '007'" type="primary" @click="submitForm"
|
|
|
- >保 存
|
|
|
- </el-button>
|
|
|
- <el-button @click="showModelThis = false">{{
|
|
|
- id == "007" ? "关 闭" : "取 消"
|
|
|
- }}</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
+ <el-col :span="16" v-if="!ruleForm.supplier_img">
|
|
|
+ <el-form-item label="运营范围" prop="scope">
|
|
|
+ <el-input
|
|
|
+ v-model="ruleForm.scope"
|
|
|
+ :autosize="{ minRows: 4, maxRows: 4 }"
|
|
|
+ type="textarea"
|
|
|
+ :disabled="type !== 'add' && type !== 'edit'"
|
|
|
+ placeholder="运营范围"
|
|
|
+ minlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col
|
|
|
+ :span="24"
|
|
|
+ style="text-align: right"
|
|
|
+ v-if="type === 'add' || type === 'edit'"
|
|
|
+ >
|
|
|
+ <el-button type="primary" @click="submitForm">保 存 </el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
</template>
|
|
|
<script>
|
|
|
import asyncRequest from "@/apis/service/serviceParam/supplier";
|
|
|
@@ -348,7 +375,7 @@ import { isLicense, isMobile } from "@/utils/validate";
|
|
|
export default {
|
|
|
name: "supplierAdd",
|
|
|
mixins: [resToken],
|
|
|
- props: ["showModel", "id", "sitem"],
|
|
|
+ props: ["showModel", "id", "type", "sitem"],
|
|
|
data() {
|
|
|
const validateLicense = (rule, value, callback) => {
|
|
|
if (value !== "") {
|
|
|
@@ -375,7 +402,7 @@ export default {
|
|
|
|
|
|
return {
|
|
|
loading: false,
|
|
|
- a0options: [
|
|
|
+ coop_stateoptions: [
|
|
|
{ value: "0", label: "白名单" },
|
|
|
{ value: "1", label: "黑名单" },
|
|
|
],
|
|
|
@@ -384,30 +411,30 @@ export default {
|
|
|
{ value: "1", label: "供应商提供" },
|
|
|
{ value: "2", label: "公司开发" },
|
|
|
],
|
|
|
- a2options: [
|
|
|
+ typeoptions: [
|
|
|
{ value: "0", label: "正式供应商" },
|
|
|
{ value: "1", label: "临时供应商" },
|
|
|
],
|
|
|
- a3options: [
|
|
|
+ categoryoptions: [
|
|
|
{ value: "0", label: "单品类供应商" },
|
|
|
{ value: "1", label: "多品类供应商" },
|
|
|
],
|
|
|
- a4options: [
|
|
|
+ delivery_wayoptions: [
|
|
|
{ value: "0", label: "供应商发货" },
|
|
|
{ value: "1", label: "公司自提" },
|
|
|
],
|
|
|
- a5options: [
|
|
|
+ supplier_typeoptions: [
|
|
|
{ value: "1", label: "生产厂家" },
|
|
|
{ value: "2", label: "代理商" },
|
|
|
{ value: "3", label: "经销商" },
|
|
|
{ value: "4", label: "分销商" },
|
|
|
{ value: "5", label: "电商平台" },
|
|
|
],
|
|
|
- a6options: [
|
|
|
+ leveloptions: [
|
|
|
{ value: "1", label: "一级代理商" },
|
|
|
{ value: "2", label: "二级代理商" },
|
|
|
],
|
|
|
- a7options: [
|
|
|
+ pay_typeoptions: [
|
|
|
{ value: "1", label: "现结" },
|
|
|
{ value: "2", label: "月清" },
|
|
|
{ value: "3", label: "双月清" },
|
|
|
@@ -422,23 +449,33 @@ export default {
|
|
|
ruleForm: {},
|
|
|
rulesThis: this.rules,
|
|
|
rules: {
|
|
|
- a0: [{ required: true, message: "请选择合作状态", trigger: "change" }],
|
|
|
+ coop_state: [
|
|
|
+ { required: true, message: "请选择合作状态", trigger: "change" },
|
|
|
+ ],
|
|
|
source: [
|
|
|
{ required: true, message: "请选择供应商来源", trigger: "change" },
|
|
|
],
|
|
|
|
|
|
- a2: [{ required: true, message: "请选择申请类型", trigger: "change" }],
|
|
|
- a3: [{ required: true, message: "请选择所属类别", trigger: "change" }],
|
|
|
- a4: [{ required: true, message: "请选择物流方式", trigger: "change" }],
|
|
|
+ type: [
|
|
|
+ { required: true, message: "请选择申请类型", trigger: "change" },
|
|
|
+ ],
|
|
|
+ category: [
|
|
|
+ { required: true, message: "请选择所属类别", trigger: "change" },
|
|
|
+ ],
|
|
|
+ delivery_way: [
|
|
|
+ { required: true, message: "请选择物流方式", trigger: "change" },
|
|
|
+ ],
|
|
|
|
|
|
- a5: [
|
|
|
+ supplier_type: [
|
|
|
{ required: true, message: "请选择供应商类型", trigger: "change" },
|
|
|
],
|
|
|
- a6: [
|
|
|
+ level: [
|
|
|
{ required: true, message: "请选择供应商级别", trigger: "change" },
|
|
|
],
|
|
|
- a7: [{ required: true, message: "请选择付款方式", trigger: "change" }],
|
|
|
- a9: [
|
|
|
+ pay_type: [
|
|
|
+ { required: true, message: "请选择付款方式", trigger: "change" },
|
|
|
+ ],
|
|
|
+ prove_img: [
|
|
|
{
|
|
|
required: true,
|
|
|
type: "array",
|
|
|
@@ -446,22 +483,36 @@ export default {
|
|
|
trigger: "change",
|
|
|
},
|
|
|
],
|
|
|
- b1: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
|
|
|
- b2: [{ required: true, validator: validatemobile, trigger: "blur" }],
|
|
|
- b3: [{ required: true, message: "职位不能为空", trigger: "blur" }],
|
|
|
- c1: [{ required: true, validator: validateLicense, trigger: "blur" }],
|
|
|
- c2: [
|
|
|
+ contactor: [
|
|
|
+ { required: true, message: "姓名不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ mobile: [
|
|
|
+ { required: true, validator: validatemobile, trigger: "blur" },
|
|
|
+ ],
|
|
|
+ position: [
|
|
|
+ { required: true, message: "职位不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ registercode: [
|
|
|
+ { required: true, validator: validateLicense, trigger: "blur" },
|
|
|
+ ],
|
|
|
+ name: [
|
|
|
{ required: true, message: "供应商名称不能为空", trigger: "blur" },
|
|
|
],
|
|
|
- c3: [
|
|
|
+ nature: [
|
|
|
{ required: true, message: "公司类型不能为空", trigger: "change" },
|
|
|
],
|
|
|
- c4: [{ required: true, message: "详细地址不能为空", trigger: "blur" }],
|
|
|
- c5: [{ required: true, message: "法人代表不能为空", trigger: "blur" }],
|
|
|
- c6: [
|
|
|
+ addr: [
|
|
|
+ { required: true, message: "详细地址不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ legaler: [
|
|
|
+ { required: true, message: "法人代表不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ registertime: [
|
|
|
{ required: true, message: "成立时间不能为空", trigger: "change" },
|
|
|
],
|
|
|
- c7: [{ required: true, message: "营业执照不能为空", trigger: "blur" }],
|
|
|
+ scope: [
|
|
|
+ { required: true, message: "营业执照不能为空", trigger: "blur" },
|
|
|
+ ],
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
@@ -487,28 +538,51 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
resetFormData() {
|
|
|
+ const {
|
|
|
+ id,
|
|
|
+ coop_state,
|
|
|
+ source,
|
|
|
+ type,
|
|
|
+ category,
|
|
|
+ delivery_way,
|
|
|
+ supplier_type,
|
|
|
+ level,
|
|
|
+ pay_type,
|
|
|
+ supplier_img,
|
|
|
+ prove_img,
|
|
|
+ contactor,
|
|
|
+ mobile,
|
|
|
+ position,
|
|
|
+ registercode,
|
|
|
+ name,
|
|
|
+ nature,
|
|
|
+ addr,
|
|
|
+ legaler,
|
|
|
+ registertime,
|
|
|
+ scope,
|
|
|
+ } = this.sitem;
|
|
|
this.ruleForm = {
|
|
|
- id: "",
|
|
|
- a0: "",
|
|
|
- source: "",
|
|
|
- a2: "",
|
|
|
- a3: "",
|
|
|
- a4: "",
|
|
|
- a5: "",
|
|
|
- a6: "",
|
|
|
- a7: "",
|
|
|
- a8: "",
|
|
|
- a9: [],
|
|
|
- b1: "",
|
|
|
- b2: "",
|
|
|
- b3: "",
|
|
|
- c1: "",
|
|
|
- c2: "",
|
|
|
- c3: "",
|
|
|
- c4: "",
|
|
|
- c5: "",
|
|
|
- c6: "",
|
|
|
- c7: "",
|
|
|
+ id: id || "",
|
|
|
+ coop_state: coop_state || "",
|
|
|
+ source: source || "",
|
|
|
+ type: type || "",
|
|
|
+ category: category || "",
|
|
|
+ delivery_way: delivery_way || "",
|
|
|
+ supplier_type: supplier_type || "",
|
|
|
+ level: level || "",
|
|
|
+ pay_type: pay_type || "",
|
|
|
+ supplier_img: supplier_img || "",
|
|
|
+ prove_img: prove_img ? (prove_img || "").split(",") : [],
|
|
|
+ contactor: contactor || "",
|
|
|
+ mobile: mobile || "",
|
|
|
+ position: position || "",
|
|
|
+ registercode: registercode || "",
|
|
|
+ name: name || "",
|
|
|
+ nature: nature || "",
|
|
|
+ addr: addr || "",
|
|
|
+ legaler: legaler || "",
|
|
|
+ registertime: registertime || "",
|
|
|
+ scope: scope || "",
|
|
|
};
|
|
|
},
|
|
|
async submitForm() {
|
|
|
@@ -517,7 +591,7 @@ export default {
|
|
|
this.loading = true;
|
|
|
let model = JSON.parse(JSON.stringify(this.ruleForm));
|
|
|
let res = {};
|
|
|
- if (this.id === "007") {
|
|
|
+ if (this.id === "view") {
|
|
|
res = await asyncRequest.update(model);
|
|
|
} else {
|
|
|
delete model["id"];
|
|
|
@@ -544,18 +618,18 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- type_search_change(e) {
|
|
|
+ type_search_change(e) {
|
|
|
const { id, code, label } = e;
|
|
|
if (id) {
|
|
|
- this.ruleForm.c3 = id;
|
|
|
+ this.ruleForm.nature = id;
|
|
|
} else {
|
|
|
- this.ruleForm.c3 = "";
|
|
|
+ this.ruleForm.nature = "";
|
|
|
}
|
|
|
- this.$refs.ruleForm.validateField("c3");
|
|
|
+ this.$refs.ruleForm.validateField("nature");
|
|
|
},
|
|
|
|
|
|
//图片上传成功
|
|
|
- async UploadSuccessEventa8(data) {
|
|
|
+ async UploadSuccessEventsupplier_img(data) {
|
|
|
await this.UploadSuccessEvent(1, data);
|
|
|
},
|
|
|
// //图片上传成功
|
|
|
@@ -573,20 +647,20 @@ export default {
|
|
|
await this.logout();
|
|
|
} else {
|
|
|
if (type === 1) {
|
|
|
- this.ruleForm.a8 = url;
|
|
|
- this.$refs.ruleForm.validateField("a8");
|
|
|
+ this.ruleForm.supplier_img = url;
|
|
|
+ this.$refs.ruleForm.validateField("supplier_img");
|
|
|
} else if (type === 2) {
|
|
|
this.ruleForm.good_img = url;
|
|
|
this.$refs.ruleForm.validateField("good_img");
|
|
|
} else {
|
|
|
- this.ruleForm.a9.push(url);
|
|
|
- this.$refs.ruleForm.validateField("a9");
|
|
|
+ this.ruleForm.prove_img.push(url);
|
|
|
+ this.$refs.ruleForm.validateField("prove_img");
|
|
|
}
|
|
|
this.$message.success("图片上传成功!");
|
|
|
}
|
|
|
},
|
|
|
//图片上传失败
|
|
|
- UploadErrorEventa8(res) {
|
|
|
+ UploadErrorEventsupplier_img(res) {
|
|
|
this.imgUploadError(1, res);
|
|
|
},
|
|
|
// //图片上传失败
|
|
|
@@ -601,7 +675,11 @@ export default {
|
|
|
if (res !== "break") {
|
|
|
this.$message.error("图片上传失败!");
|
|
|
this.$refs.ruleForm.validateField(
|
|
|
- type === 1 ? "a8" : type === 2 ? "good_img" : "good_info_img"
|
|
|
+ type === 1
|
|
|
+ ? "supplier_img"
|
|
|
+ : type === 2
|
|
|
+ ? "good_img"
|
|
|
+ : "good_info_img"
|
|
|
);
|
|
|
}
|
|
|
},
|
