Kaynağa Gözat

feature:400咨询 选择器添加可搜索功能,添加选择经销商功能

Sun Xinyuan 2 yıl önce
ebeveyn
işleme
14c7da9ec8

+ 4 - 1
src/views/consult/components/Edit.vue

@@ -27,6 +27,7 @@
                   <el-select
                     v-model="form.province"
                     :disabled="areaEditDisable"
+                    filterable
                     placeholder="省"
                     value-key="id"
                     @change="provinceChange">
@@ -37,6 +38,7 @@
                   <el-select
                     v-model="form.city"
                     :disabled="areaEditDisable"
+                    filterable
                     placeholder="市"
                     value-key="id"
                     @change="cityChange">
@@ -50,12 +52,13 @@
               </el-row>
             </el-form-item>
           </el-col>
-
           <el-col :span="12">
             <el-form-item label="单位名称" prop="unit">
               <el-input v-model="form.unit" placeholder="请输入单位名称" />
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="4" style="width: 100%; padding-top: 32px">
           <el-col :span="12">
             <el-form-item label="联系人" prop="name">
               <el-input v-model="form.name" placeholder="请输入联系人" />

+ 33 - 3
src/views/consult/components/FollowUp.vue

@@ -57,6 +57,8 @@
               <el-input v-model="form.unit" disabled placeholder="请输入单位名称" />
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="联系人" prop="name">
               <el-input v-model="form.name" disabled placeholder="请输入联系人" />
@@ -100,12 +102,27 @@
                 @change="changeIsProject">
                 <el-option label="信息有效,可继续跟进,转C类订单" value="10" />
                 <el-option label="信息有效,可转为储备用户" value="20" />
+                <el-option label="信息有效,可转为经销商" value="40" />
                 <el-option label="信息无效,不再跟进" value="30" />
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col v-if="form.followCommunicateCase == '10' || form.followCommunicateCase == '20'" :span="12">
-            <el-form-item label="关联项目" prop="nboName">
+          <el-col
+            v-if="
+              form.followCommunicateCase == '10' ||
+              form.followCommunicateCase == '20' ||
+              form.followCommunicateCase == '40'
+            "
+            :span="12">
+            <el-form-item v-if="form.followCommunicateCase == '40'" label="关联经销商" prop="distributorName">
+              <el-input
+                v-model="form.distributorName"
+                placeholder="请选择经销商"
+                readonly
+                suffix-icon="el-icon-search"
+                @focus="openDistributor" />
+            </el-form-item>
+            <el-form-item v-else label="关联项目" prop="nboName">
               <el-input
                 v-model="form.nboName"
                 placeholder="请选择关联项目"
@@ -133,6 +150,8 @@
     <select-customer ref="selectCustomer" @save="selectCustomer" />
     <!-- 选择项目 -->
     <select-business ref="project" :multiple="false" @save="getBusinessInfo" />
+    <!-- 选择渠道弹窗 -->
+    <select-distributor ref="selectDistributor" @save="selectDistributor" />
   </div>
 </template>
 
@@ -143,9 +162,10 @@
   import SelectUser from '@/components/select/SelectUser'
   import SelectCustomer from '@/components/select/SelectCustomer'
   import SelectBusiness from '@/components/select/SelectBusiness'
+  import SelectDistributor from '@/components/select/SelectDistributor'
 
   export default {
-    components: { SelectUser, SelectCustomer, SelectBusiness },
+    components: { SelectUser, SelectCustomer, SelectBusiness, SelectDistributor },
     data() {
       return {
         title: '',
@@ -285,6 +305,9 @@
       openProject() {
         this.$refs.project.open()
       },
+      openDistributor() {
+        this.$refs.selectDistributor.open()
+      },
       // 关闭选择项目获取项目信息
       getBusinessInfo(data) {
         this.form.nboId = 0
@@ -294,6 +317,13 @@
         this.form.nboId = business.id
         this.form.nboName = business.nboName
       },
+      selectDistributor(data) {
+        let business = data[0] || null
+        if (!business) return
+        console.log('business', business)
+        this.form.nboId = business.id
+        this.form.nboName = business.distName
+      },
     },
   }
 </script>

+ 1 - 0
src/views/consult/index.vue

@@ -67,6 +67,7 @@
       <el-table-column align="center" fixed="right" label="操作" width="140px">
         <template slot-scope="scope">
           <el-button v-permissions="['consult:manage:edit']" type="text" @click="handleEdit(scope.row)">编辑</el-button>
+
           <el-button
             v-show="scope.row.state != '20'"
             v-permissions="['consult:manage:followup']"