|
@@ -6,18 +6,19 @@
|
|
|
<el-input v-if="keyword" v-model="listQuery.keyword" placeholder="关键字搜索..." clearable>
|
|
|
</el-input>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="3" :span="6">
|
|
|
- <el-select v-if="financial" clearable v-model="listQuery.financial" placeholder="金融类型">
|
|
|
- <el-option :value="true" label="金融">金融</el-option>
|
|
|
- <el-option :value="false" label="非金融">非金融</el-option>
|
|
|
- </el-select>
|
|
|
- </el-col>
|
|
|
+
|
|
|
<el-col :xs="24" :sm="12" :lg="3" :span="6">
|
|
|
<el-select v-if="nodeCode" v-model="listQuery.nodeCode" placeholder="流程节点" clearable filterable class="filter-item" >
|
|
|
- <el-option v-for="(item, index) in majorNodes" :key="index" :label="item.name" :value="item.code" />
|
|
|
+ <el-option v-for="(item, index) in nodes" :key="index" :label="item.name" :value="item.code" />
|
|
|
</el-select>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-date-picker v-if="orderDateSearch" clearable v-model="orderDate" type="daterange" align="center" unlink-panels
|
|
|
+ range-separator="至" start-placeholder="下单日期(开始)" end-placeholder="下单日期(结束)" :picker-options="pickerOptions"
|
|
|
+ value-format="yyyy-MM-dd">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
<el-button class="filter-item" type="success" @click="searchList" round>搜索
|
|
|
</el-button>
|
|
|
<el-button class="filter-item" round type="info" @click="resetSearch()">重置
|
|
@@ -26,8 +27,14 @@
|
|
|
</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <div v-show="moreSearchBar" class="moreSearchStyle">
|
|
|
- <el-row>
|
|
|
+ <div v-if="business==='MAJOR_BUSINESS'" v-show="moreSearchBar" class="moreSearchStyle">
|
|
|
+ <el-row class="row">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="3" :span="6">
|
|
|
+ <el-select v-if="financial" clearable v-model="listQuery.financial" placeholder="金融类型">
|
|
|
+ <el-option :value="true" label="金融">金融</el-option>
|
|
|
+ <el-option :value="false" label="非金融">非金融</el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-col>
|
|
|
<el-col :xs="24" :sm="12" :lg="3" :span="6" style="margin-right: 8px;">
|
|
|
<el-input v-if="clientName" v-model="listQuery.clientName" placeholder="委托人" clearable >
|
|
|
</el-input>
|
|
@@ -54,11 +61,38 @@
|
|
|
<el-option v-for="(d,id) in trunDep" :key="id" :label="d.name" :value="d.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
- <el-date-picker v-if="orderDateSearch" clearable v-model="orderDate" type="daterange" align="center" unlink-panels
|
|
|
- range-separator="至" start-placeholder="下单日期(开始)" end-placeholder="下单日期(结束)" :picker-options="pickerOptions"
|
|
|
- value-format="yyyy-MM-dd">
|
|
|
- </el-date-picker>
|
|
|
+
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div v-if="business==='PERSONAL_BUSINESS'" v-show="moreSearchBar" class="moreSearchStyle">
|
|
|
+ <el-row class="row">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="3" :span="6" style="margin-right: 8px;">
|
|
|
+ <el-input v-if="clientName" v-model="listQuery.clientName" placeholder="客户名称" clearable >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="3" :span="6" style="margin-right: 8px;">
|
|
|
+ <el-input v-if="clientSubName" v-model="listQuery.clientSubName" placeholder="业务来源" clearable >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="3" :span="6" style="margin-right: 8px;">
|
|
|
+ <el-input v-if="clientManager" v-model="listQuery.clientManager" placeholder="客户经理" clearable >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="3" :span="6" style="margin-right: 8px;">
|
|
|
+ <el-input v-if="outwardStaffName" v-model="listQuery.outwardStaffName" placeholder="外业人员" clearable >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="3" :span="6" style="margin-right: 8px;">
|
|
|
+ <el-input v-if="inwardStaffName" v-model="listQuery.inwardStaffName" placeholder="内业人员" clearable >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="3" :span="6" style="margin-right: 8px;">
|
|
|
+ <el-input v-if="pricingStaffName" v-model="listQuery.pricingStaffName" placeholder="定价内业" clearable >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24" :sm="12" :lg="3" :span="6" style="margin-right: 8px;">
|
|
|
+ <el-input v-if="handlerName" v-model="listQuery.handlerName" placeholder="处理人" clearable >
|
|
|
+ </el-input>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -70,7 +104,7 @@
|
|
|
<script>
|
|
|
|
|
|
export default {
|
|
|
- name: "majorSerachBar",
|
|
|
+ name: "moreSerachBar",
|
|
|
components: {
|
|
|
|
|
|
},
|
|
@@ -84,6 +118,10 @@ export default {
|
|
|
require:false,
|
|
|
default:true
|
|
|
},
|
|
|
+ business:{
|
|
|
+ type: String,
|
|
|
+ require:true,
|
|
|
+ },
|
|
|
financial:{
|
|
|
type: Boolean,
|
|
|
require:false,
|
|
@@ -123,17 +161,61 @@ export default {
|
|
|
type: Boolean,
|
|
|
require:false,
|
|
|
default:true
|
|
|
- }
|
|
|
+ },
|
|
|
+ nodes:{
|
|
|
+ type: Array,
|
|
|
+ require:false,
|
|
|
+ default:function(){
|
|
|
+ return [];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ clientName:{
|
|
|
+ type: Boolean,
|
|
|
+ require:false,
|
|
|
+ default:true
|
|
|
+ },
|
|
|
+ clientSubName:{
|
|
|
+ type: Boolean,
|
|
|
+ require:false,
|
|
|
+ default:true
|
|
|
+ },
|
|
|
+ clientManager:{
|
|
|
+ type: Boolean,
|
|
|
+ require:false,
|
|
|
+ default:true
|
|
|
+ },
|
|
|
+ outwardStaffName:{
|
|
|
+ type: Boolean,
|
|
|
+ require:false,
|
|
|
+ default:true
|
|
|
+ },
|
|
|
+ inwardStaffName:{
|
|
|
+ type: Boolean,
|
|
|
+ require:false,
|
|
|
+ default:true
|
|
|
+ },
|
|
|
+ pricingStaffName:{
|
|
|
+ type: Boolean,
|
|
|
+ require:false,
|
|
|
+ default:true
|
|
|
+ },
|
|
|
+ handlerName:{
|
|
|
+ type: Boolean,
|
|
|
+ require:false,
|
|
|
+ default:true
|
|
|
+ },
|
|
|
},
|
|
|
|
|
|
computed: {
|
|
|
|
|
|
},
|
|
|
created() {
|
|
|
- this.getMajorTurnDepartment();
|
|
|
- this.getNodeEnum();
|
|
|
- this.getAllotDepartmentUser();
|
|
|
- this.getClientManager();
|
|
|
+ if (this.business==='MAJOR_BUSINESS'){
|
|
|
+ this.getMajorTurnDepartment();
|
|
|
+ this.getAllotDepartmentUser();
|
|
|
+ this.getClientManager();
|
|
|
+ }
|
|
|
+
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -166,12 +248,11 @@ export default {
|
|
|
},
|
|
|
moreSearchBar: false,
|
|
|
moreSearchIcon: "el-icon-arrow-right",
|
|
|
- majorNodes: [],
|
|
|
orderDate: '',
|
|
|
trunDep: [],
|
|
|
allotDepartment:[],
|
|
|
clientManagers:[],
|
|
|
- principals:[]
|
|
|
+ principals:[],
|
|
|
}
|
|
|
|
|
|
},
|
|
@@ -200,13 +281,7 @@ export default {
|
|
|
this.moreSearchIcon = "el-icon-arrow-right";
|
|
|
}
|
|
|
},
|
|
|
- getNodeEnum() {
|
|
|
- this.$api.workNode.enum().then(res => {
|
|
|
- if (res.code === 200) {
|
|
|
- this.majorNodes = res.data;
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
+
|
|
|
getMajorTurnDepartment() {
|
|
|
this.$api.department.trunDep("MAJOR_BUSINESS").then(res => {
|
|
|
if (res.code === 200) {
|
|
@@ -242,11 +317,13 @@ export default {
|
|
|
</script>
|
|
|
<style scoped lang="css">
|
|
|
|
|
|
+.row{
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
.bar-container{
|
|
|
width: 1650px;
|
|
|
}
|
|
|
.moreSearchStyle {
|
|
|
- margin-top: 10px;
|
|
|
animation: scale-in-ver-top .2s cubic-bezier(.25, .46, .45, .94) both
|
|
|
}
|
|
|
|