|
@@ -8,74 +8,69 @@
|
|
|
:apiId="{query:20221012164402,del:''}"
|
|
|
:autoQuery="false"
|
|
|
:detailPath="{path:'/customerDetail',param:{tabIndex:tabIndex}}">
|
|
|
+ <template v-slot:tempChild="scope">
|
|
|
+ <el-select v-if="scope.data === 'type'" class="inline-16" v-model="selectParam.type" size="mini" placeholder="请选择" @change="selectChange" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in option.typeData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-if="scope.data === 'customergrade'" v-model="selectParam.customergrade" size="mini" placeholder="请选择" @change="selectChange" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in option.gradeData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-if="scope.data === 'industry'" v-model="selectParam.industry" size="mini" placeholder="请选择" @change="selectChange" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in option.industryData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-if="scope.data === 'status'" v-model="selectParam.status" size="mini" placeholder="请选择" @change="selectChange" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in option.status"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
<template #custom>
|
|
|
- <!-- <el-divider direction="vertical"></el-divider>
|
|
|
- <el-dropdown size="medium" @command="handleCommand">
|
|
|
- <span class="el-dropdown-link">
|
|
|
- {{editableTabsValue}}<i class="el-icon-arrow-down el-icon--right"></i>
|
|
|
- </span>
|
|
|
- <el-dropdown-menu slot="dropdown">
|
|
|
- <el-dropdown-item v-for="(item,index) in editableTabs" :key="index" :command="item">{{item.title}}</el-dropdown-item>
|
|
|
- </el-dropdown-menu>
|
|
|
- </el-dropdown> -->
|
|
|
- <label class="search__label" style="width: 70px">数据分类:</label>
|
|
|
- <el-select class="inline-16" v-model="value" size="small" placeholder="请选择数据分类" @change="selectChange" clearable>
|
|
|
- <el-option
|
|
|
- v-for="item in editableTabs"
|
|
|
- :key="item.index"
|
|
|
- :label="item.title"
|
|
|
- :value="item.name">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <label class="search__label" style="width: 60px">客户类型:</label>
|
|
|
- <el-select class="inline-16" v-model="selectParam.type" size="small" placeholder="请选择" @change="selectChange" clearable>
|
|
|
- <el-option
|
|
|
- v-for="item in option.typeData"
|
|
|
- :key="item.value"
|
|
|
- :label="item.value"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <label class="search__label" style="width: 60px">客户等级:</label>
|
|
|
- <el-select class="inline-16" v-model="selectParam.customergrade" size="small" placeholder="请选择" @change="selectChange" clearable>
|
|
|
- <el-option
|
|
|
- v-for="item in option.gradeData"
|
|
|
- :key="item.value"
|
|
|
- :label="item.value"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <label class="search__label" style="width: 60px">客户行业:</label>
|
|
|
- <el-select class="inline-16" v-model="selectParam.industry" size="small" placeholder="请选择" @change="selectChange" clearable>
|
|
|
- <el-option
|
|
|
- v-for="item in option.industryData"
|
|
|
- :key="item.value"
|
|
|
- :label="item.value"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <label class="search__label" style="width: 60px">客户状态:</label>
|
|
|
- <el-select class="inline-16" v-model="selectParam.status" size="small" placeholder="请选择" @change="selectChange" clearable>
|
|
|
- <el-option
|
|
|
- v-for="item in option.status"
|
|
|
- :key="item.value"
|
|
|
- :label="item.value"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <label class="search__label" style="width: 65px;">创建时间:</label>
|
|
|
- <el-date-picker
|
|
|
- style="margin-right: 24px !important;"
|
|
|
- size="small"
|
|
|
- @change="selectChange"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- v-model="dateSelect"
|
|
|
- type="daterange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- clearable>
|
|
|
- </el-date-picker>
|
|
|
+ <div class="flex-align-center">
|
|
|
+ <div>
|
|
|
+ <label class="search__label">范围:</label>
|
|
|
+ <el-select class="inline-16" v-model="value" size="small" placeholder="请选择数据分类" @change="selectChange" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in editableTabs"
|
|
|
+ :key="item.index"
|
|
|
+ :label="item.title"
|
|
|
+ :value="item.name">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label class="search__label" >创建时间:</label>
|
|
|
+ <el-date-picker
|
|
|
+ style="margin-right: 24px !important;"
|
|
|
+ size="small"
|
|
|
+ @change="selectChange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ v-model="dateSelect"
|
|
|
+ type="daterange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ clearable>
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template v-slot:tbList="scope">
|
|
|
<div v-if="scope.data.column.columnname === 'isleader'">
|
|
@@ -85,11 +80,6 @@
|
|
|
<div v-else-if="scope.data.column.columnname === 'contact'">
|
|
|
<span>{{scope.data.column.data['leader'][0]?scope.data.column.data['leader'][0].name:''}}</span>
|
|
|
</div>
|
|
|
-<!-- <div v-else-if="scope.data.column.columnname === 'grade'">
|
|
|
- <p v-if="scope.data.column.data.grade === 2">B级</p>
|
|
|
- <p v-if="scope.data.column.data.grade === 1">A级</p>
|
|
|
- <p v-if="scope.data.column.data.grade === 3">C级</p>
|
|
|
- </div>-->
|
|
|
<div v-else>
|
|
|
{{scope.data.column.data[[scope.data.column.columnname]]}}
|
|
|
</div>
|
|
@@ -143,7 +133,8 @@ export default {
|
|
|
customergrade:'',
|
|
|
industry:'',
|
|
|
startdate:'',
|
|
|
- enddate:''
|
|
|
+ enddate:'',
|
|
|
+
|
|
|
},
|
|
|
dateSelect:''
|
|
|
}
|
|
@@ -240,7 +231,7 @@ export default {
|
|
|
this.selectParam.enddate = ''
|
|
|
}
|
|
|
this.$refs.list.param.content.type = this.tabIndex
|
|
|
- this.$refs.list.param.content.where = this.selectParam
|
|
|
+ this.$refs.list.param.content.where = Object.assign({},this.$refs.list.param.content.where,this.selectParam)
|
|
|
this.$refs.list.param.content.phonenumber = 1
|
|
|
this.$refs['list'].listData()
|
|
|
}
|