crm13.8

src/routes/modules/customRoutes.js

@@ -370,6 +370,42 @@ export default [
 				component: () => import('@/views/ficc_manage/apply/applyList.vue'),
 				hidden: false,
 			},
+      {
+        path:'businessETAList',
+        name:"商家管理",
+        component: () => import('@/views/business_ETA_manage/businessList.vue'),
+				hidden: false,
+      },
+      {
+        path:'addETABusiness',
+        name:"新增商家",
+        component: () => import('@/views/business_ETA_manage/addBusiness.vue'),
+				hidden: false,
+        meta:{
+          pathFrom: "businessETAList",
+          pathName: "商家管理",
+        }
+      },
+      {
+        path:'editETABusiness',
+        name:"编辑商家",
+        component: () => import('@/views/business_ETA_manage/businessEdit.vue'),
+				hidden: false,
+        meta:{
+          pathFrom: "businessETAList",
+          pathName: "商家管理",
+        }
+      },
+      {
+        path:'businessETADetail',
+        name:"商家详情",
+        component: () => import('@/views/business_ETA_manage/businessDetail.vue'),
+				hidden: false,
+        meta:{
+          pathFrom: "businessETAList",
+          pathName: "商家管理",
+        }
+      }
     ],
   },
 ];

src/views/business_ETA_manage/addBusiness.vue

@@ -0,0 +1,333 @@
+<template>
+    <div class="add-business">
+        <div class="first-step-form-wrap" v-show="step===1">
+            <el-form 
+                :model="firstFormData" 
+                :rules="rules"
+                ref="firstFormEl" 
+                label-width="120px"
+                inline
+                class="first-step-form"
+            >
+                <el-form-item label="所属区域" prop="areaType">
+                    <el-radio-group v-model="firstFormData.areaType">
+                        <el-radio :label="1">国内</el-radio>
+                        <el-radio :label="2">海外</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="商家名称" prop="name">
+                    <autocomplete
+						ref="auto"
+						v-model="firstFormData.name"
+						:fetch-suggestions="callbackHandle"
+						placeholder="请输入商家名称"
+						@blur="checkCompany"
+						@select="customNameSelect"
+						@focus="checkCompanyfocus"
+						:disabled='inquireSuccess'
+						clearable
+						value-key="value"
+						style="width:400px"
+						:popper-class="isCheck?'el-autocomplete-none':'el-autocomplete-suggestion-data-entry'"
+						class="autocomplete-input"
+					>
+					    <span 
+                            v-if="firstFormData.name.length > 3" 
+                            style="color:#409EFF;cursor: pointer;" slot="suffix"  
+                            @click="$refs.auto.search(firstFormData.name)"
+                        > 查询</span>
+						<template slot-scope="scope">
+						    <div v-if="scope.item.KeyNo">{{scope.item.Name}}</div>
+						    <div v-else style="text-align:center">暂无数据</div>		 
+						</template>
+				    </autocomplete>
+                    <!-- <el-input placeholder="请输入商家名称" v-model="firstFormData.name"/> -->
+                </el-form-item>
+                <el-form-item label="社会信用码" prop="creditCode">
+                    <el-input disabled placeholder="请输入社会信用码" v-model="firstFormData.creditCode"/>
+                </el-form-item>
+                <el-form-item label="商家地址" prop="city">
+                    <el-cascader 
+                        v-model="firstFormData.address"
+                        :props="locationProps"
+                        clearable 
+                        :options="locationOptions"  
+                        @change="handleChangeLocation" 
+                        placeholder="请选择客户地址" 
+                        style="width:200px;marginRight:10px;marginBottom:8px;"
+                    />
+                </el-form-item>
+                <el-form-item label="决策人" prop="decisionMaker">
+                    <el-input placeholder="请输入决策人" v-model="firstFormData.decisionMaker"/>
+                </el-form-item>
+                <el-form-item label="研究团队规模" prop="teamSize">
+                    <el-select 
+                        v-model="firstFormData.teamSize" 
+                        placeholder="请选择研究团队规模"
+                        clearable
+                    >
+                        <el-option
+                            v-for="item in teamSizeOpts"
+                            :key="item.val"
+                            :label="item.label"
+                            :value="item.val">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="资金规模" prop="fundsize">
+                    <el-input placeholder="请输入资金规模" v-model="firstFormData.fundsize"/>
+                </el-form-item>
+                <el-form-item label="所属行业" prop="industry">
+                    <el-select 
+                        v-model="firstFormData.industry" 
+                        placeholder="请选择行业" 
+                        clearable
+                    >
+                        <el-option
+                            v-for="item in tradeArr"
+                            :key="item.IndustryId"
+                            :label="item.IndustryName"
+                            :value="item.IndustryId">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="用户上限" prop="userMax">
+                    <el-input type="number" placeholder="请输入用户上限" v-model="firstFormData.userMax"/>
+                </el-form-item>
+                <el-form-item label="所属销售" prop="saller">
+                    <el-select 
+                        v-model="firstFormData.saller" 
+                        placeholder="请选择销售" 
+                        filterable
+                    >
+                        <el-option
+                            v-for="item in salesArr"
+                            :key="item.AdminId"
+                            :label="item.RealName"
+                            :value="item.AdminId"
+                        />
+				    </el-select>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div class="second-step-form-wrap" v-show="step===2">
+            <el-form 
+                :model="secondFormData" 
+                :rules="rules"
+                ref="secondFormEl" 
+                label-width="120px"
+                inline
+                class="second-step-form"
+            >
+                <el-form-item label="签约日期" prop="signDate">
+                    <el-date-picker
+                        v-model="secondFormData.signDate"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="YYYY-MM-DD"
+                    />
+                </el-form-item>
+                <el-form-item label="到期日期" prop="expirationDate">
+                    <el-date-picker
+                        v-model="secondFormData.expirationDate"
+                        type="date"
+                        placeholder="选择日期"
+                        value-format="YYYY-MM-DD"
+                    />
+                </el-form-item>
+            </el-form>
+        </div>
+
+        <div class="btns-box">
+            <el-button style="width:80px" type="primary" v-show="step===1" @click="handleStepSecond">下一步</el-button>
+            <el-button style="width:80px" type="primary" v-show="step===1" plain @click="$router.back()">取消</el-button>
+            <el-button style="width:80px" type="primary" v-show="step===2" plain @click="step--">上一步</el-button>
+            <el-button style="width:80px" type="primary" v-show="step===2">保存</el-button>
+        </div>
+    </div>
+</template>
+
+<script>
+import { customInterence } from '@/api/api.js'
+import autocomplete from "@/components/autocomplete.vue";
+import {locationOptions} from "@/views/custom_manage/customList/location"
+export default {
+    components: {autocomplete},
+    data() {
+        return {
+            locationOptions,
+            locationProps:{
+                value:'name',
+                children:'city',
+                label:'name'
+            },
+
+            isCheckCompanyInfo:false, //
+			checkCompanyfocusIs:false, //
+			inquireSuccess:false,
+            nameRepeat:false,
+			codeRepeat:false,
+            isCheck:false,//检查客户弹窗
+			repeatId:'',//重复公司id
+			repeatName:'',//重复公司类型
+
+            salesArr:[],
+
+            step:1,//第几步
+            teamSizeOpts:[
+                {
+                    val:'50人及以下',
+                    label:'50人及以下'
+                },
+                {
+                    val:'200人及以下',
+                    label:'200人及以下'
+                },
+                {
+                    val:'超过200人',
+                    label:'超过200人'
+                }
+            ],
+            tradeArr:[],
+            rules:{
+                areaType:[{ required: true, message: '请选择所属区域', trigger: 'change' },],
+                name:[{ required: true, message: '请输入商家名称', trigger: 'blur' },],
+                creditCode:[{ required: true, message: '请输入社会信用码', trigger: 'blur' },],
+                address:[{ required: true, message: '请选择商家地址', trigger: 'change' },],
+                decisionMaker:[{required: true, message: '请输入决策人', trigger: 'blur' },],
+                teamSize:[{required: true, message: '请选择研究团队规模', trigger: 'change' },],
+                industry:[{required: true, message: '请选择所属行业', trigger: 'change' },],
+                userMax:[{required: true, message: '请输入用户上限', trigger: 'blur' },],
+                signDate:[{required: true, message: '请选择签署日期', trigger: 'change' },],
+                expirationDate:[{required: true, message: '请选择签署日期', trigger: 'change' },],
+                saller:[{required: true, message: '请选择所属销售', trigger: 'change' },],
+            },
+            firstFormData:{
+                areaType:1,//1国内 2国外
+                name:'',
+                creditCode:'',
+                address:'',
+                decisionMaker:'',
+                teamSize:'',
+                fundsize:'',
+                industry:'',
+                userMax:'',
+                saller:''
+            },
+            secondFormData:{
+                signDate:'',
+                expirationDate:''
+            }
+        }
+    },
+    created() {
+        this.getIndustry()
+        this.getSale()
+    },
+    methods: {
+        //跳转到第二步
+        handleStepSecond(){
+            this.$refs.firstFormEl.validate((valid)=>{
+                if(valid){
+                    this.step++
+                }
+            })
+        },
+
+        async callbackHandle(data,cb) {
+            if (data) {
+                this.isCheckCompanyInfo =true
+                cb([]);
+                let res = await customInterence.companyQccSearch({ KeyWord: data});
+                if (res.Ret === 200) {
+                    this.isCheckCompanyInfo =false;
+                    if (res.Data && res.Data.length > 0) {
+                        let arr = res.Data.map((item) => {
+                            return { value:item.Name, ...item };
+                        });
+                        cb(arr);
+                    }else{
+                        cb([{}]);
+                        // this.checkCompany()
+                    }	
+                }	
+            }
+		},
+
+        checkCompanyfocus(){
+			this.checkCompanyfocusIs =true;
+			setTimeout(() => {
+			    this.checkCompanyfocusIs =false;
+			},500)
+		},
+
+        //选中后增加社会信用码
+		customNameSelect(value) {
+			this.firstFormData.creditCode = value.CreditCode
+			this.inquireSuccess = true;
+			setTimeout(async()=>{
+				this.checkCompany()
+			},10)
+		},
+
+        /* 客户名称/信用码失焦时校验客户名称是否存在 存在就提示 */
+		checkCompany() {	
+			setTimeout(()=>{
+                if(this.checkCompanyfocusIs) return
+                if((!this.firstFormData.name && !this.firstFormData.creditCode) || (this.isCheckCompanyInfo && this.firstFormData.name)) return
+                    customInterence.checkCompanyInfo({
+                        CompanyName:this.firstFormData.name,
+                        CreditCode:this.firstFormData.creditCode
+                    }).then(res =>{
+                        if(res.Ret === 200){
+                            if(res.Data.RepeatStatus > 0) {
+                                this.repeatId = res.Data.CompanyId;
+                                this.repeatName = res.Data.ProductName;
+                                this.nameRepeat = res.Data.RepeatStatus
+                                this.codeRepeat = res.Data.Status
+                                this.isCheck = true;
+                            }else {
+                                this.nameRepeat = 0
+                                this.isCheck = false;
+                            }
+                        }
+                    })
+			},500)
+		},
+
+        selectRegion(e){
+            this.firstFormData.province=e.province.value
+            this.firstFormData.city=e.city.value =='市'?'':e.city.value;
+        },
+        /* 根据类型获取行业 */
+		getIndustry() {
+			customInterence.getindustry({
+				Classify:'ficc'
+			}).then(res => {
+				if(res.Ret === 200) {
+					this.tradeArr = res.Data.List || [];
+				}
+			})
+		},
+        /* 获取销售 */
+		getSale() {
+			customInterence.saleslist().then(res => {
+				if(res.Ret === 200) {
+					this.salesArr = res.Data.List;
+				}
+			})
+		},
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+.btns-box{
+    position: fixed;
+    left: 50%;
+    bottom: 100px;
+    transform: translateX(-50%);
+    width: 200px;
+    z-index: 99;
+}
+</style>

src/views/business_ETA_manage/businessDetail.vue

@@ -0,0 +1,15 @@
+<template>
+    <div>
+        business-detail
+    </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/business_ETA_manage/businessEdit.vue

@@ -0,0 +1,15 @@
+<template>
+    <div class="edit-business">
+        
+    </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>

src/views/business_ETA_manage/businessList.vue

@@ -0,0 +1,336 @@
+<template>
+    <div class="business-ETA-list">
+        <div class="top-filter-box">
+            <div>
+                <el-button type="primary" @click="$router.push('/addETABusiness')">新增</el-button>
+                <el-input
+                        placeholder="商家名称/社会信用码/商家ID"
+                        v-model="search_txt"
+                        @input="handlSearch"
+                        clearable
+                        style="maxWidth:500px;float:right">
+                        <i slot="prefix" class="el-input__icon el-icon-search"></i>
+                    </el-input>
+            </div>
+            
+        </div>
+        <div class="table-wrap">
+            <div style="margin-bottom:20px">
+                <el-select 
+                        v-model="trade" 
+                        placeholder="请选择行业" 
+                        style="width:200px;marginRight:10px;marginBottom:8px;" 
+                        clearable 
+                        @change="changeTrade"
+                    >
+                        <el-option
+                            v-for="item in tradeArr"
+                            :key="item.IndustryId"
+                            :label="item.IndustryName"
+                            :value="item.IndustryId">
+                        </el-option>
+                    </el-select>
+                    <el-cascader
+                        v-model="sales"
+                        placeholder="请选择销售"
+                        style="width:200px;marginRight:10px;marginBottom:8px;"
+                        :options="salesArr"
+                        :props="defaultSalesProps"
+                        :show-all-levels="false"
+                        :key="modifySales"
+                        collapse-tags
+                        clearable
+                        filterable
+                        @change="changeSales"
+                    />
+                    <el-cascader 
+                        v-model="valueLocation" 
+                        collapse-tags 
+                        :props="locationProps" 
+                        clearable 
+                        :options="locationOptions"  
+                        @change="handleChangeLocation" 
+                        placeholder="请选择客户地址" 
+                        style="width:200px;marginRight:10px;marginBottom:8px;"
+                    />
+                    <el-select 
+                        v-model="signStatus" 
+                        placeholder="请选择签约状态" 
+                        style="width:200px;marginRight:10px;marginBottom:8px;" 
+                        clearable
+                    >
+                        <el-option
+                            v-for="item in signStatusOpts"
+                            :key="item.val"
+                            :label="item.label"
+                            :value="item.val">
+                        </el-option>
+                    </el-select>
+            </div>
+            <el-table
+                    ref="userTable"
+                    :data="tableData"
+                    v-loading="isTableLoadding"
+                    element-loading-text="数据加载中..."
+                    @sort-change="sortChangeHandle"
+                    border
+                >
+                    <el-table-column
+                        v-for="item in tableColOpts"
+                        :key="item.key"
+                        :prop="item.key"
+                        :label="item.label"
+                        align="center"
+                        :sortable="item.sort"
+                    >
+                        <!-- <template slot-scope="scope"></template> -->
+                    </el-table-column>
+                    <el-table-column
+                        label="操作"
+                        align="center"
+                    >
+                        <template slot-scope="scope">
+                            <div class="table-opt-btns">
+                                <span @click="handleEdit(scope.row)">编辑</span>
+                                <span @click="handleShowRenewal(scope.row)">添加续约</span>
+                                <el-dropdown 
+                                    size="medium" 
+                                    placement="bottom-start" 
+                                    @command="itemclickHandle($event,scope.row)"
+                                >
+                                    <span class="el-dropdown-link">
+                                        <i class="el-icon-more el-icon--right"></i>
+                                        <el-dropdown-menu slot="dropdown">
+                                            <el-dropdown-item command="modifySale">修改销售</el-dropdown-item>
+                                            <el-dropdown-item command="disable">禁用</el-dropdown-item>
+                                        </el-dropdown-menu>
+                                    </span>
+                                </el-dropdown>
+                            </div>
+
+                        </template>
+                    
+                    </el-table-column>
+            </el-table>
+            <div style="text-align:right;margin-top:20px">
+                <el-pagination 
+                        layout="total,prev,pager,next,jumper" 
+                        background 
+                        :current-page="page"
+                        @current-change="handleCurrentChange"
+                        :page-size="pageSize"
+                        :total="total"
+                        style="display: inline-block"
+                    />
+            </div>
+        </div>
+
+        <!-- 添加续约 -->
+        <el-dialog
+            title="添加续约"
+            :visible.sync="showRenewal"
+            :modal-append-to-body="false"
+            :close-on-click-modal="false"
+            @closed="showRenewal=false"
+            width="580px"
+        >
+            <AddRenewal @close="showRenewal=false"/>
+        </el-dialog>
+
+        <!-- 修改销售 -->
+        <el-dialog
+            title="修改销售"
+            :visible.sync="showModifySaller"
+            :modal-append-to-body="false"
+            :close-on-click-modal="false"
+            @closed="showRenewal=false"
+            width="580px"
+        >
+            <ModifySaller @close="showModifySaller=false"/>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { customInterence } from '@/api/api.js'
+import {locationOptions} from "@/views/custom_manage/customList/location"
+import AddRenewal from './components/AddRenewal.vue'
+import ModifySaller from './components/ModifySaller.vue'
+export default {
+    components:{AddRenewal,ModifySaller},
+    data() {
+        return {
+            showRenewal:false,//显示添加续约
+            showModifySaller:false,//显示修改销售
+
+            search_txt:'',
+
+            tradeArr:[],
+            sales:'',
+			salesArr:[],//销售
+			defaultSalesProps:{
+				multiple: true,
+				label:'RealName',
+				children:'ChildrenList',
+				value:'AdminId'
+			},//销售级联配置
+            modifySales:0,//用于重新渲染选择销售级联选择窗
+            locationOptions,
+            valueLocation:[],
+            locationProps:{
+                multiple: true,
+                value:'name',
+                children:'city',
+                label:'name'
+            },
+            signStatus:'',
+            signStatusOpts:[
+                {
+                    label:'首次签约',
+                    val:'首次签约'
+                },
+                {
+                    label:'续约中',
+                    val:'续约中'
+                },
+                {
+                    label:'已终止',
+                    val:'已终止'
+                }
+            ],
+
+            tableColOpts:[
+                {
+                    label:'客户名称',
+                    key:'CompanyName'
+                },
+                {
+                    label:'商家地址',
+                    key:''
+                },
+                {
+                    label:'销售',
+                    key:''
+                },
+                {
+                    label:'签约状态',
+                    key:''
+                },
+                {
+                    label:'最新签约时间',
+                    key:'',
+                    sort:true
+                },
+                {
+                    label:'到期时间',
+                    key:'',
+                    sort:true
+                },
+                {
+                    label:'创建时间',
+                    key:'',
+                    sort:true
+                },
+                {
+                    label:'用户上限',
+                    key:'',
+                    sort:true
+                },
+                
+            ],
+            tableData:[1],
+            isTableLoadding:false,
+            page:1,
+            pageSize:20,
+            total:0,
+        }
+    },
+    created() {
+        this.getIndustry()
+        this.getSale()
+    },
+    methods: {
+        // 前去编辑
+        handleEdit(e){
+            this.$router.push({
+                path:'/editETABusiness',
+                query:{
+                    id:1
+                }
+            })
+        },
+
+        //显示添加续约
+        handleShowRenewal(e){
+            this.showRenewal=true
+        },
+
+        // 操作栏 折叠起来的按钮
+        itemclickHandle(type,data){
+            console.log(type,data);
+            if(type==='modifySale'){
+                this.showModifySaller=true
+            }
+        },
+
+        /* 根据类型获取行业 */
+		getIndustry() {
+			customInterence.getindustry({
+				Classify:'ficc'
+			}).then(res => {
+				if(res.Ret === 200) {
+					this.tradeArr = res.Data.List || [];
+				}
+			})
+		},
+        /* 获取销售 */
+		getSale() {
+			customInterence.getSale({Status:0}).then(res => {
+				if(res.Ret === 200) {
+					this.salesArr = res.Data.List;
+				}
+			})
+		},
+    },
+}
+</script>
+<style lang="scss">
+.business-ETA-list{
+    .top-filter-box{
+        .el-cascader__search-input {
+            min-width: 30px;
+        }
+    } 
+}
+
+</style>
+<style lang="scss" scoped>
+.top-filter-box{
+    border: 1px solid #ECECEC;
+    padding: 20px 30px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
+}
+.table-wrap{
+    margin-top: 30px;
+    border: 1px solid #ECECEC;
+    padding: 20px 30px;
+    background: #fff;
+    border-radius: 4px;
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
+}
+.table-opt-btns{
+    color:#4099ef;
+    display:flex;
+    align-content: center;
+    justify-content: center;
+    align-items: center;
+    span{
+        margin: 0 3px;
+        cursor: pointer;
+    }
+}
+
+
+</style>

src/views/business_ETA_manage/components/AddRenewal.vue

@@ -0,0 +1,71 @@
+<template>
+    <div class="add-renewal-wrap">
+        <el-form 
+            :model="ruleForm" 
+            :rules="rules" 
+            ref="ruleForm" 
+            label-width="100px" 
+            class="demo-ruleForm"
+        >
+            <el-form-item label="签约时间" prop="signDate">
+                <el-date-picker
+                    v-model="ruleForm.signDate"
+                    type="date"
+                    placeholder="选择日期"
+                    value-format="yyyy-MM-dd"
+                />
+            </el-form-item>
+            <el-form-item label="到期时间" prop="expirationDate">
+                <el-date-picker
+                    v-model="ruleForm.expirationDate"
+                    type="date"
+                    placeholder="选择日期"
+                    value-format="YYYY-MM-dd"
+                />
+            </el-form-item>
+            <div style="text-align:center;margin:30px 0">
+                <el-button type="primary" plain @click="handleClose">取消</el-button>
+                <el-button type="primary" @click="handleSave">保存</el-button>
+            </div>
+        </el-form>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            rules:{
+                signDate:[{required: true, message: '请选择签署日期', trigger: 'change' },],
+                expirationDate:[{required: true, message: '请选择签署日期', trigger: 'change' },],
+            },
+            ruleForm:{
+                signDate:'',
+                expirationDate:''
+            }
+        }
+    },
+    methods: {
+        handleSave(){
+            this.$refs.ruleForm.validate((valid)=>{
+                if(valid){
+                    const flag=this.$moment(this.ruleForm.signDate).isBefore(this.ruleForm.expirationDate);
+                    if(!flag){
+                        this.$message.warning('到期时间不得早于签约时间')
+                        return
+                    }
+                    
+                }
+            })
+        },
+
+        handleClose(){
+            this.$emit('close')
+        }
+    },
+}
+</script>
+
+<style>
+
+</style>

src/views/business_ETA_manage/components/ModifySaller.vue

@@ -0,0 +1,81 @@
+<template>
+    <div class="modify-saller-wrap">
+        <el-form 
+            :model="ruleForm" 
+            :rules="rules" 
+            ref="ruleForm" 
+            label-width="100px" 
+            class="demo-ruleForm"
+        >
+            <el-form-item label="商家名称">
+                <span>商家名称</span>
+            </el-form-item>
+            <el-form-item label="当前销售">
+                <span>当前销售</span>
+            </el-form-item>
+            <el-form-item label="移至销售" prop="saller">
+                <el-select 
+                    v-model="ruleForm.saller" 
+                    placeholder="请选择修改的销售" 
+                    filterable
+                >
+                    <el-option
+                        v-for="item in salesArr"
+                        :key="item.AdminId"
+                        :label="item.RealName"
+                        :value="item.AdminId"
+                    />
+				</el-select>
+            </el-form-item>
+            <div style="text-align:center;margin:30px 0">
+                <el-button type="primary" plain @click="handleClose">取消</el-button>
+                <el-button type="primary" @click="handleSave">保存</el-button>
+            </div>
+        </el-form>
+    </div>
+</template>
+
+<script>
+import { customInterence } from '@/api/api.js'
+export default {
+    data() {
+        return {
+            salesArr:[],
+            rules:{
+                saller:[{required: true, message: '请选择所属销售', trigger: 'change' },],
+            },
+            ruleForm:{
+                saller:''
+            }
+        }
+    },
+    created() {
+        this.getSale()
+    },
+    methods: {
+        handleSave(){
+            this.$refs.ruleForm.validate((valid)=>{
+                if(valid){
+                    
+                }
+            })
+        },
+
+        handleClose(){
+            this.$emit('close')
+        },
+        /* 获取销售 */
+		getSale() {
+			customInterence.saleslist().then(res => {
+				if(res.Ret === 200) {
+					this.salesArr = res.Data.List;
+				}
+			})
+		},
+    },
+}
+</script>
+
+<style>
+
+</style>