Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-R7-Res
提交
0fcb569c
提交
0fcb569c
编写于
10月 22, 2020
作者:
Shine-zwj
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
数据选择下拉---下拉列表宽度和编辑器宽度保持一致
上级
b05b3096
变更
2
隐藏空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
24 行增加
和
2 行删除
+24
-2
app-column-link.vue
src/components/app-column-link/app-column-link.vue
+1
-1
app-picker.vue
src/components/app-picker/app-picker.vue
+23
-1
未找到文件。
src/components/app-column-link/app-column-link.vue
浏览文件 @
0fcb569c
...
@@ -279,7 +279,7 @@ export default class AppColumnLink extends Vue {
...
@@ -279,7 +279,7 @@ export default class AppColumnLink extends Vue {
if
(
result
.
datas
&&
Array
.
isArray
(
result
.
datas
))
{
if
(
result
.
datas
&&
Array
.
isArray
(
result
.
datas
))
{
Object
.
assign
(
item
,
result
.
datas
[
0
]);
Object
.
assign
(
item
,
result
.
datas
[
0
]);
}
}
console
.
log
(
item
);
this
.
$emit
(
'refresh'
,
item
);
}
}
/**
/**
...
...
src/components/app-picker/app-picker.vue
浏览文件 @
0fcb569c
...
@@ -37,7 +37,7 @@
...
@@ -37,7 +37,7 @@
</div>
</div>
<div
v-else-if=
"Object.is(editortype, 'dropdown')"
class=
'app-picker'
>
<div
v-else-if=
"Object.is(editortype, 'dropdown')"
class=
'app-picker'
>
<el-select
ref=
"appPicker"
remote
:remote-method=
"(query) => this.onSearch(query, null, true)"
:value=
"refvalue"
size=
'small'
filterable
<el-select
ref=
"appPicker"
remote
:remote-method=
"(query) => this.onSearch(query, null, true)"
:value=
"refvalue"
size=
'small'
filterable
@
change=
"onSelect"
:disabled=
"disabled"
style=
'width:100%;'
clearable
@
change=
"onSelect"
:disabled=
"disabled"
style=
'width:100%;'
clearable
popper-class=
"app-picker-dropdown"
@
clear=
"onClear"
@
visible-change=
"onSelectOpen"
>
@
clear=
"onClear"
@
visible-change=
"onSelectOpen"
>
<
template
v-if=
"items"
>
<
template
v-if=
"items"
>
<template
v-for=
"_item in items"
>
<template
v-for=
"_item in items"
>
...
@@ -260,6 +260,14 @@ export default class AppPicker extends Vue {
...
@@ -260,6 +260,14 @@ export default class AppPicker extends Vue {
*/
*/
public
selectValue
=
this
.
value
;
public
selectValue
=
this
.
value
;
/**
* 下拉列表节点元素
*
* @type {*}
* @memberof AppPicker
*/
public
dropdownDom
:
any
=
{};
/**
/**
* 获取关联数据项值
* 获取关联数据项值
*
*
...
@@ -314,6 +322,8 @@ export default class AppPicker extends Vue {
...
@@ -314,6 +322,8 @@ export default class AppPicker extends Vue {
* @memberof AppPicker
* @memberof AppPicker
*/
*/
public
mounted
()
{
public
mounted
()
{
const
dropdownDom
:
any
=
this
.
$el
.
getElementsByClassName
(
'app-picker-dropdown'
)[
0
];
this
.
dropdownDom
=
dropdownDom
;
}
}
/**
/**
...
@@ -331,10 +341,22 @@ export default class AppPicker extends Vue {
...
@@ -331,10 +341,22 @@ export default class AppPicker extends Vue {
public
onSelectOpen
(
flag
:
boolean
):
void
{
public
onSelectOpen
(
flag
:
boolean
):
void
{
this
.
open
=
flag
;
this
.
open
=
flag
;
if
(
this
.
open
)
{
if
(
this
.
open
)
{
//设置下拉列表的最大宽度
this
.
setDropdownWidth
();
this
.
onSearch
(
this
.
curvalue
,
null
,
true
);
this
.
onSearch
(
this
.
curvalue
,
null
,
true
);
}
}
}
}
/**
* 设置下拉列表最大宽度使下拉列表宽度和编辑器宽度一致
*
* @memberof AppPicker
*/
public
setDropdownWidth
(){
const
elInput
:
any
=
this
.
$el
.
getElementsByClassName
(
'el-input__inner'
)[
0
];
this
.
dropdownDom
.
style
.
maxWidth
=
elInput
.
offsetWidth
+
'px'
;
}
/**
/**
* 执行搜索数据
* 执行搜索数据
* @param query
* @param query
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录