|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
- <el-dialog title="配案人员" :visible.sync="visible" width="600px" :close-on-click-modal="false" :before-close="handleClose" append-to-body>
|
|
|
|
|
|
|
+ <el-dialog title="配案人员" :visible.sync="visible" width="800px" :close-on-click-modal="false" :before-close="handleClose" append-to-body>
|
|
|
<div style="height:calc(100vh - 250px)">
|
|
<div style="height:calc(100vh - 250px)">
|
|
|
<el-table
|
|
<el-table
|
|
|
ref="table"
|
|
ref="table"
|
|
@@ -10,7 +10,7 @@
|
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
|
height="calc(100% - 0px)"
|
|
height="calc(100% - 0px)"
|
|
|
v-loading="loading">
|
|
v-loading="loading">
|
|
|
- <el-table-column prop="name" label="姓名" width="180">
|
|
|
|
|
|
|
+ <el-table-column prop="name" label="姓名" min-width="220">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
<div>
|
|
|
<div v-if="model == 'list'">
|
|
<div v-if="model == 'list'">
|
|
@@ -18,26 +18,26 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div v-else>
|
|
<div v-else>
|
|
|
<el-autocomplete
|
|
<el-autocomplete
|
|
|
|
|
+ style="width: 100%;"
|
|
|
class="inline-input"
|
|
class="inline-input"
|
|
|
v-model="scope.row.name"
|
|
v-model="scope.row.name"
|
|
|
v-SelectLazyLoading="IPREmailLoad"
|
|
v-SelectLazyLoading="IPREmailLoad"
|
|
|
- value-key="name"
|
|
|
|
|
- :debounce="1500"
|
|
|
|
|
:fetch-suggestions="querySearchByName"
|
|
:fetch-suggestions="querySearchByName"
|
|
|
placeholder="请输入内容"
|
|
placeholder="请输入内容"
|
|
|
@select="(item)=>handleSelect(item,scope.row)"
|
|
@select="(item)=>handleSelect(item,scope.row)"
|
|
|
>
|
|
>
|
|
|
- <span slot="append">
|
|
|
|
|
- <template slot-scope="{ item }">
|
|
|
|
|
- <span>{{ item.email }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- </span>
|
|
|
|
|
|
|
+ <template slot-scope="{ item }">
|
|
|
|
|
+ <div style="padding: 5px 0;">
|
|
|
|
|
+ <div style="text-overflow: ellipsis;overflow: hidden;line-height: normal;">{{ item.name }}</div>
|
|
|
|
|
+ <div style="font-size: 12px;color: #b4b4b4;line-height: normal;">{{ item.email }}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
</el-autocomplete>
|
|
</el-autocomplete>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column prop="email" label="邮箱" width="180">
|
|
|
|
|
|
|
+ <el-table-column prop="email" label="邮箱" min-width="220">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
<div>
|
|
|
<div v-if="model == 'list'">
|
|
<div v-if="model == 'list'">
|
|
@@ -45,26 +45,26 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div v-else>
|
|
<div v-else>
|
|
|
<el-autocomplete
|
|
<el-autocomplete
|
|
|
|
|
+ style="width: 100%;"
|
|
|
class="inline-input"
|
|
class="inline-input"
|
|
|
v-model="scope.row.email"
|
|
v-model="scope.row.email"
|
|
|
- :debounce="1500"
|
|
|
|
|
v-SelectLazyLoading="IPREmailLoad"
|
|
v-SelectLazyLoading="IPREmailLoad"
|
|
|
- value-key="email"
|
|
|
|
|
:fetch-suggestions="querySearchByEmail"
|
|
:fetch-suggestions="querySearchByEmail"
|
|
|
placeholder="请输入内容"
|
|
placeholder="请输入内容"
|
|
|
@select="(item)=>handleSelect(item,scope.row)"
|
|
@select="(item)=>handleSelect(item,scope.row)"
|
|
|
>
|
|
>
|
|
|
- <span slot="append">
|
|
|
|
|
- <template slot-scope="{ item }">
|
|
|
|
|
- <span>{{ item.name }}</span>
|
|
|
|
|
- </template>
|
|
|
|
|
- </span>
|
|
|
|
|
|
|
+ <template slot-scope="{ item }">
|
|
|
|
|
+ <div style="padding: 5px 0;">
|
|
|
|
|
+ <div style="text-overflow: ellipsis;overflow: hidden;line-height: normal;">{{ item.email }}</div>
|
|
|
|
|
+ <div style="font-size: 12px;color: #b4b4b4;line-height: normal;">{{ item.name }}</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
</el-autocomplete>
|
|
</el-autocomplete>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作">
|
|
|
|
|
|
|
+ <el-table-column label="操作" width="180px">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
<div>
|
|
|
<div v-if="model == 'list'">
|
|
<div v-if="model == 'list'">
|
|
@@ -133,7 +133,7 @@ export default {
|
|
|
this.tableData = [response.data]
|
|
this.tableData = [response.data]
|
|
|
this.model = 'list'
|
|
this.model = 'list'
|
|
|
}else{
|
|
}else{
|
|
|
- this.tableData = []
|
|
|
|
|
|
|
+ this.tableData = [{}]
|
|
|
this.model = 'add'
|
|
this.model = 'add'
|
|
|
}
|
|
}
|
|
|
this.loading = false
|
|
this.loading = false
|
|
@@ -226,7 +226,7 @@ export default {
|
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
|
this.IPREmailList.data.push(...res.data.data)
|
|
this.IPREmailList.data.push(...res.data.data)
|
|
|
this.IPREmailList.queryParams.total = res.data.total
|
|
this.IPREmailList.queryParams.total = res.data.total
|
|
|
- this.IPREmailList.cb(this.personnelList.data);
|
|
|
|
|
|
|
+ this.IPREmailList.cb(this.IPREmailList.data);
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
xiexiang