|
@@ -70,6 +70,7 @@ const changeData = (val: string[]) => {
|
|
|
interface ListItem {
|
|
interface ListItem {
|
|
|
label: string
|
|
label: string
|
|
|
id: string
|
|
id: string
|
|
|
|
|
+ code: string
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const options = ref<ListItem[]>([])
|
|
const options = ref<ListItem[]>([])
|
|
@@ -92,6 +93,7 @@ const remoteMethod = (query: string) => {
|
|
|
if (!newController.signal.aborted && res.code === 200) {
|
|
if (!newController.signal.aborted && res.code === 200) {
|
|
|
options.value = (res.data || []).map((item) => ({
|
|
options.value = (res.data || []).map((item) => ({
|
|
|
id: item.id,
|
|
id: item.id,
|
|
|
|
|
+ code: item.code,
|
|
|
label: item.label
|
|
label: item.label
|
|
|
}))
|
|
}))
|
|
|
}
|
|
}
|
|
@@ -185,13 +187,13 @@ onUnmounted(() => {
|
|
|
>
|
|
>
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="item in options"
|
|
v-for="item in options"
|
|
|
- :key="item.id + item.label"
|
|
|
|
|
- :label="item.id"
|
|
|
|
|
- :value="item.id"
|
|
|
|
|
|
|
+ :key="item.code"
|
|
|
|
|
+ :label="item.code"
|
|
|
|
|
+ :value="item.code"
|
|
|
>
|
|
>
|
|
|
<div class="select-option">
|
|
<div class="select-option">
|
|
|
- <el-checkbox :model-value="queryData.party_id.includes(item.id)">
|
|
|
|
|
- <span class="text-ellipsis" style="width: 260px">{{ item.id }}</span>
|
|
|
|
|
|
|
+ <el-checkbox :model-value="queryData.party_id.includes(item.code)">
|
|
|
|
|
+ <span class="text-ellipsis" style="width: 240px">{{ item.code }}</span>
|
|
|
</el-checkbox>
|
|
</el-checkbox>
|
|
|
</div>
|
|
</div>
|
|
|
</el-option>
|
|
</el-option>
|
|
@@ -238,8 +240,8 @@ onUnmounted(() => {
|
|
|
.party-id-tips-filter {
|
|
.party-id-tips-filter {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
height: 30px;
|
|
height: 30px;
|
|
|
- width: 320px;
|
|
|
|
|
- max-width: 320px;
|
|
|
|
|
|
|
+ width: 280px;
|
|
|
|
|
+ max-width: 280px;
|
|
|
margin-right: 8px;
|
|
margin-right: 8px;
|
|
|
:deep(.el-tag) {
|
|
:deep(.el-tag) {
|
|
|
max-width: 220px !important;
|
|
max-width: 220px !important;
|