优化维修页面表格复选框问题
This commit is contained in:
BianLzhaoMin
parent
8027d196b2
commit
f7ee959421
|
|
@ -366,6 +366,11 @@
|
||||||
width="55"
|
width="55"
|
||||||
align="center"
|
align="center"
|
||||||
v-if="repairTitle === '维修'"
|
v-if="repairTitle === '维修'"
|
||||||
|
:selectable="
|
||||||
|
(row) => {
|
||||||
|
return row.status == 1
|
||||||
|
}
|
||||||
|
"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="类型名称"
|
label="类型名称"
|
||||||
|
|
|
||||||
|
|
@ -1,218 +1,217 @@
|
||||||
<template>
|
<template>
|
||||||
<el-select
|
<el-select
|
||||||
class="user-select-tree"
|
class="user-select-tree"
|
||||||
v-model="textStr"
|
v-model="textStr"
|
||||||
:placeholder="placeholder"
|
:placeholder="placeholder"
|
||||||
ref="select"
|
ref="select"
|
||||||
:filterable="true"
|
:filterable="true"
|
||||||
:remote="true"
|
:clearable="clearable"
|
||||||
:remote-method="remoteMethod"
|
@clear="clearSelect"
|
||||||
:clearable="clearable"
|
@visible-change="visibleChange"
|
||||||
@clear="clearSelect"
|
:popper-append-to-body="false"
|
||||||
@visible-change="visibleChange"
|
style="width: 100%"
|
||||||
:popper-append-to-body="false"
|
|
||||||
style="width: 100%"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-model="value"
|
|
||||||
style="
|
|
||||||
height: 100%;
|
|
||||||
max-height: 200px;
|
|
||||||
overflow-y: auto;
|
|
||||||
padding: 0;
|
|
||||||
background-color: #ffffff;
|
|
||||||
"
|
|
||||||
>
|
>
|
||||||
<el-tree
|
<el-option
|
||||||
:data="treeList"
|
v-model="value"
|
||||||
:props="treeProps"
|
style="
|
||||||
:filter-node-method="filterNode"
|
height: 100%;
|
||||||
:current-node-key="currentKey"
|
max-height: 200px;
|
||||||
highlight-current
|
overflow-y: auto;
|
||||||
default-expand-all
|
padding: 0;
|
||||||
:node-key="nodeKey"
|
background-color: #ffffff;
|
||||||
ref="selectTree"
|
"
|
||||||
:check-strictly="true"
|
|
||||||
@node-click="handleTreeClick"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
slot-scope="{ data }"
|
|
||||||
:title="data[treeProps.label]"
|
|
||||||
class="ellipsis"
|
|
||||||
>
|
>
|
||||||
{{ data[treeProps.label] }}
|
<el-tree
|
||||||
</span>
|
:data="treeList"
|
||||||
</el-tree>
|
:props="treeProps"
|
||||||
</el-option>
|
:filter-node-method="filterNode"
|
||||||
</el-select>
|
:current-node-key="currentKey"
|
||||||
|
highlight-current
|
||||||
|
default-expand-all
|
||||||
|
:node-key="nodeKey"
|
||||||
|
ref="selectTree"
|
||||||
|
:check-strictly="true"
|
||||||
|
@node-click="handleTreeClick"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
slot-scope="{ data }"
|
||||||
|
:title="data[treeProps.label]"
|
||||||
|
class="ellipsis"
|
||||||
|
>
|
||||||
|
{{ data[treeProps.label] }}
|
||||||
|
</span>
|
||||||
|
</el-tree>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'index',
|
name: 'index',
|
||||||
props: {
|
props: {
|
||||||
treeList: {
|
treeList: {
|
||||||
type: Array
|
type: Array,
|
||||||
}, //树形原始数据
|
}, //树形原始数据
|
||||||
treeProps: Object, //树形配置
|
treeProps: Object, //树形配置
|
||||||
nodeKey: String, //树形唯一键值
|
nodeKey: String, //树形唯一键值
|
||||||
defaultSelect: {
|
defaultSelect: {
|
||||||
//默认选择
|
//默认选择
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true,
|
||||||
|
},
|
||||||
|
defaultData: {
|
||||||
|
type: Object,
|
||||||
|
default: null,
|
||||||
|
},
|
||||||
|
clearable: { type: Boolean, default: false },
|
||||||
|
placeholder: { type: String, default: '请选择' },
|
||||||
},
|
},
|
||||||
defaultData: {
|
data() {
|
||||||
type: Object,
|
return {
|
||||||
default: null
|
textStr: '',
|
||||||
},
|
value: '',
|
||||||
clearable: { type: Boolean, default: false },
|
filterText: '',
|
||||||
placeholder: { type: String, default: '请选择' }
|
currentKey: '',
|
||||||
},
|
highlightNode: -1,
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
textStr: '',
|
|
||||||
value: '',
|
|
||||||
filterText: '',
|
|
||||||
currentKey: '',
|
|
||||||
highlightNode: -1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// clearable(val) {
|
|
||||||
// console.log('val-----', val);
|
|
||||||
// },
|
|
||||||
clearable: {
|
|
||||||
handler: function(val,old) {
|
|
||||||
},
|
|
||||||
// 立即以obj.name的当前值触发回调
|
|
||||||
immediate: true
|
|
||||||
},
|
|
||||||
filterText(val) {
|
|
||||||
this.$refs.selectTree.filter(val)
|
|
||||||
},
|
|
||||||
defaultData(val) {
|
|
||||||
if (this.highlightNode === -1) {
|
|
||||||
this.setEdit(val)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
treeList(val) {
|
|
||||||
if (val.length > 0) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
if (this.defaultSelect) {
|
|
||||||
this.value = val[0][this.treeProps.children][0][this.nodeKey]
|
|
||||||
this.textStr =
|
|
||||||
val[0][this.treeProps.children][0][this.treeProps.label]
|
|
||||||
this.highlightNode = this.value
|
|
||||||
this.currentKey = this.value
|
|
||||||
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
|
||||||
this.$emit('handleNodeClick', this.value)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
setEdit(obj) {
|
|
||||||
if (obj.name !== '' && obj.value !== '') {
|
|
||||||
this.value = obj.value
|
|
||||||
this.textStr = obj.name
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.highlightNode = this.value
|
|
||||||
this.currentKey = this.value
|
|
||||||
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
visibleChange() {
|
|
||||||
this.filterText = ''
|
|
||||||
},
|
|
||||||
filterNode(value, data) {
|
|
||||||
if (!value) return true
|
|
||||||
return data[this.treeProps.label].indexOf(value) !== -1
|
|
||||||
},
|
|
||||||
remoteMethod(query) {
|
|
||||||
setTimeout(() => {
|
|
||||||
this.filterText = query
|
|
||||||
}, 100)
|
|
||||||
},
|
|
||||||
// 设备类型点击赋值
|
|
||||||
handleTreeClick(data, checked) {
|
|
||||||
this.filterText = ''
|
|
||||||
if (checked) {
|
|
||||||
// //判断是否是父子
|
|
||||||
if (
|
|
||||||
data[this.treeProps.children] !== undefined &&
|
|
||||||
data[this.treeProps.children].length !== 0
|
|
||||||
) {
|
|
||||||
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
|
||||||
} else {
|
|
||||||
this.value = data[this.nodeKey]
|
|
||||||
this.textStr = data[this.treeProps.label]
|
|
||||||
this.$forceUpdate()
|
|
||||||
this.currentKey = this.value
|
|
||||||
this.highlightNode = data[this.nodeKey]
|
|
||||||
this.$emit('handleNodeClick', this.value)
|
|
||||||
this.$refs.selectTree.setCheckedKeys([this.highlightNode])
|
|
||||||
this.$refs.select.blur()
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
},
|
},
|
||||||
clearFun() {
|
watch: {
|
||||||
this.value = null
|
// clearable(val) {
|
||||||
this.textStr = null
|
// console.log('val-----', val);
|
||||||
this.currentKey = undefined
|
// },
|
||||||
this.highlightNode = undefined
|
clearable: {
|
||||||
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
handler: function (val, old) {},
|
||||||
this.$refs.select.clearSingleSelect()
|
// 立即以obj.name的当前值触发回调
|
||||||
// this.value = ''
|
immediate: true,
|
||||||
// this.textStr = ''
|
},
|
||||||
// this.currentKey = undefined
|
filterText(val) {
|
||||||
// this.highlightNode = undefined
|
this.$refs.selectTree.filter(val)
|
||||||
// this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
},
|
||||||
|
defaultData(val) {
|
||||||
|
if (this.highlightNode === -1) {
|
||||||
|
this.setEdit(val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
treeList(val) {
|
||||||
|
if (val.length > 0) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (this.defaultSelect) {
|
||||||
|
this.value =
|
||||||
|
val[0][this.treeProps.children][0][this.nodeKey]
|
||||||
|
this.textStr =
|
||||||
|
val[0][this.treeProps.children][0][
|
||||||
|
this.treeProps.label
|
||||||
|
]
|
||||||
|
this.highlightNode = this.value
|
||||||
|
this.currentKey = this.value
|
||||||
|
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
this.$emit('handleNodeClick', this.value)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
setEdit(obj) {
|
||||||
|
if (obj.name !== '' && obj.value !== '') {
|
||||||
|
this.value = obj.value
|
||||||
|
this.textStr = obj.name
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.highlightNode = this.value
|
||||||
|
this.currentKey = this.value
|
||||||
|
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
visibleChange() {
|
||||||
|
this.filterText = ''
|
||||||
|
},
|
||||||
|
filterNode(value, data) {
|
||||||
|
if (!value) return true
|
||||||
|
return data[this.treeProps.label].indexOf(value) !== -1
|
||||||
|
},
|
||||||
|
remoteMethod(query) {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.filterText = query
|
||||||
|
}, 100)
|
||||||
|
},
|
||||||
|
// 设备类型点击赋值
|
||||||
|
handleTreeClick(data, checked) {
|
||||||
|
this.filterText = ''
|
||||||
|
if (checked) {
|
||||||
|
// //判断是否是父子
|
||||||
|
if (
|
||||||
|
data[this.treeProps.children] !== undefined &&
|
||||||
|
data[this.treeProps.children].length !== 0
|
||||||
|
) {
|
||||||
|
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
} else {
|
||||||
|
this.value = data[this.nodeKey]
|
||||||
|
this.textStr = data[this.treeProps.label]
|
||||||
|
this.$forceUpdate()
|
||||||
|
this.currentKey = this.value
|
||||||
|
this.highlightNode = data[this.nodeKey]
|
||||||
|
this.$emit('handleNodeClick', this.value)
|
||||||
|
this.$refs.selectTree.setCheckedKeys([this.highlightNode])
|
||||||
|
this.$refs.select.blur()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
clearFun() {
|
||||||
|
this.value = null
|
||||||
|
this.textStr = null
|
||||||
|
this.currentKey = undefined
|
||||||
|
this.highlightNode = undefined
|
||||||
|
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
this.$refs.select.clearSingleSelect()
|
||||||
|
// this.value = ''
|
||||||
|
// this.textStr = ''
|
||||||
|
// this.currentKey = undefined
|
||||||
|
// this.highlightNode = undefined
|
||||||
|
// this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
},
|
||||||
|
clearSelect() {
|
||||||
|
this.value = ''
|
||||||
|
this.textStr = ''
|
||||||
|
this.$refs.selectTree.setCurrentKey()
|
||||||
|
this.$emit('handleNodeClick', '')
|
||||||
|
},
|
||||||
},
|
},
|
||||||
clearSelect() {
|
|
||||||
this.value = ''
|
|
||||||
this.textStr = ''
|
|
||||||
this.$refs.selectTree.setCurrentKey()
|
|
||||||
this.$emit('handleNodeClick', '')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.user-select-tree {
|
.user-select-tree {
|
||||||
::v-deep {
|
// ::v-deep {
|
||||||
.el-icon-::before {
|
// .el-icon-::before {
|
||||||
content: '\ea1b';
|
// content: '\ea1b';
|
||||||
font-family: 'icomoon' !important;
|
// font-family: 'icomoon' !important;
|
||||||
display: inline-block;
|
// display: inline-block;
|
||||||
-webkit-transform: scale(0.83);
|
// -webkit-transform: scale(0.83);
|
||||||
font-size: 10px;
|
// font-size: 10px;
|
||||||
//width: 100%;
|
// //width: 100%;
|
||||||
//height: 100%;
|
// //height: 100%;
|
||||||
color: #666666;
|
// color: #666666;
|
||||||
pointer-events: none;
|
// pointer-events: none;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.el-input.is-focus {
|
// .el-input.is-focus {
|
||||||
.el-icon- {
|
// .el-icon- {
|
||||||
transform: rotate(0deg);
|
// transform: rotate(0deg);
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
.el-input__inner {
|
// .el-input__inner {
|
||||||
height: 36px;
|
// height: 36px;
|
||||||
line-height: 36px;
|
// line-height: 36px;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.el-input__icon {
|
// .el-input__icon {
|
||||||
line-height: 36px;
|
// line-height: 36px;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.el-tree-node__content {
|
// .el-tree-node__content {
|
||||||
height: 32px;
|
// height: 32px;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -377,6 +377,11 @@
|
||||||
type="selection"
|
type="selection"
|
||||||
width="55"
|
width="55"
|
||||||
align="center"
|
align="center"
|
||||||
|
:selectable="
|
||||||
|
(row) => {
|
||||||
|
return row.status == 1
|
||||||
|
}
|
||||||
|
"
|
||||||
v-if="repairTitle === '维修'"
|
v-if="repairTitle === '维修'"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
|
|
|
||||||
|
|
@ -1,218 +1,217 @@
|
||||||
<template>
|
<template>
|
||||||
<el-select
|
<el-select
|
||||||
class="user-select-tree"
|
class="user-select-tree"
|
||||||
v-model="textStr"
|
v-model="textStr"
|
||||||
:placeholder="placeholder"
|
:placeholder="placeholder"
|
||||||
ref="select"
|
ref="select"
|
||||||
:filterable="true"
|
:filterable="true"
|
||||||
:remote="true"
|
:clearable="clearable"
|
||||||
:remote-method="remoteMethod"
|
@clear="clearSelect"
|
||||||
:clearable="clearable"
|
@visible-change="visibleChange"
|
||||||
@clear="clearSelect"
|
:popper-append-to-body="false"
|
||||||
@visible-change="visibleChange"
|
style="width: 100%"
|
||||||
:popper-append-to-body="false"
|
|
||||||
style="width: 100%"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-model="value"
|
|
||||||
style="
|
|
||||||
height: 100%;
|
|
||||||
max-height: 200px;
|
|
||||||
overflow-y: auto;
|
|
||||||
padding: 0;
|
|
||||||
background-color: #ffffff;
|
|
||||||
"
|
|
||||||
>
|
>
|
||||||
<el-tree
|
<el-option
|
||||||
:data="treeList"
|
v-model="value"
|
||||||
:props="treeProps"
|
style="
|
||||||
:filter-node-method="filterNode"
|
height: 100%;
|
||||||
:current-node-key="currentKey"
|
max-height: 200px;
|
||||||
highlight-current
|
overflow-y: auto;
|
||||||
default-expand-all
|
padding: 0;
|
||||||
:node-key="nodeKey"
|
background-color: #ffffff;
|
||||||
ref="selectTree"
|
"
|
||||||
:check-strictly="true"
|
|
||||||
@node-click="handleTreeClick"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
slot-scope="{ data }"
|
|
||||||
:title="data[treeProps.label]"
|
|
||||||
class="ellipsis"
|
|
||||||
>
|
>
|
||||||
{{ data[treeProps.label] }}
|
<el-tree
|
||||||
</span>
|
:data="treeList"
|
||||||
</el-tree>
|
:props="treeProps"
|
||||||
</el-option>
|
:filter-node-method="filterNode"
|
||||||
</el-select>
|
:current-node-key="currentKey"
|
||||||
|
highlight-current
|
||||||
|
default-expand-all
|
||||||
|
:node-key="nodeKey"
|
||||||
|
ref="selectTree"
|
||||||
|
:check-strictly="true"
|
||||||
|
@node-click="handleTreeClick"
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
slot-scope="{ data }"
|
||||||
|
:title="data[treeProps.label]"
|
||||||
|
class="ellipsis"
|
||||||
|
>
|
||||||
|
{{ data[treeProps.label] }}
|
||||||
|
</span>
|
||||||
|
</el-tree>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'index',
|
name: 'index',
|
||||||
props: {
|
props: {
|
||||||
treeList: {
|
treeList: {
|
||||||
type: Array
|
type: Array,
|
||||||
}, //树形原始数据
|
}, //树形原始数据
|
||||||
treeProps: Object, //树形配置
|
treeProps: Object, //树形配置
|
||||||
nodeKey: String, //树形唯一键值
|
nodeKey: String, //树形唯一键值
|
||||||
defaultSelect: {
|
defaultSelect: {
|
||||||
//默认选择
|
//默认选择
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true,
|
||||||
|
},
|
||||||
|
defaultData: {
|
||||||
|
type: Object,
|
||||||
|
default: null,
|
||||||
|
},
|
||||||
|
clearable: { type: Boolean, default: false },
|
||||||
|
placeholder: { type: String, default: '请选择' },
|
||||||
},
|
},
|
||||||
defaultData: {
|
data() {
|
||||||
type: Object,
|
return {
|
||||||
default: null
|
textStr: '',
|
||||||
},
|
value: '',
|
||||||
clearable: { type: Boolean, default: false },
|
filterText: '',
|
||||||
placeholder: { type: String, default: '请选择' }
|
currentKey: '',
|
||||||
},
|
highlightNode: -1,
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
textStr: '',
|
|
||||||
value: '',
|
|
||||||
filterText: '',
|
|
||||||
currentKey: '',
|
|
||||||
highlightNode: -1
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
// clearable(val) {
|
|
||||||
// console.log('val-----', val);
|
|
||||||
// },
|
|
||||||
clearable: {
|
|
||||||
handler: function(val,old) {
|
|
||||||
},
|
|
||||||
// 立即以obj.name的当前值触发回调
|
|
||||||
immediate: true
|
|
||||||
},
|
|
||||||
filterText(val) {
|
|
||||||
this.$refs.selectTree.filter(val)
|
|
||||||
},
|
|
||||||
defaultData(val) {
|
|
||||||
if (this.highlightNode === -1) {
|
|
||||||
this.setEdit(val)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
treeList(val) {
|
|
||||||
if (val.length > 0) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
if (this.defaultSelect) {
|
|
||||||
this.value = val[0][this.treeProps.children][0][this.nodeKey]
|
|
||||||
this.textStr =
|
|
||||||
val[0][this.treeProps.children][0][this.treeProps.label]
|
|
||||||
this.highlightNode = this.value
|
|
||||||
this.currentKey = this.value
|
|
||||||
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
|
||||||
this.$emit('handleNodeClick', this.value)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
setEdit(obj) {
|
|
||||||
if (obj.name !== '' && obj.value !== '') {
|
|
||||||
this.value = obj.value
|
|
||||||
this.textStr = obj.name
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.highlightNode = this.value
|
|
||||||
this.currentKey = this.value
|
|
||||||
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
visibleChange() {
|
|
||||||
this.filterText = ''
|
|
||||||
},
|
|
||||||
filterNode(value, data) {
|
|
||||||
if (!value) return true
|
|
||||||
return data[this.treeProps.label].indexOf(value) !== -1
|
|
||||||
},
|
|
||||||
remoteMethod(query) {
|
|
||||||
setTimeout(() => {
|
|
||||||
this.filterText = query
|
|
||||||
}, 100)
|
|
||||||
},
|
|
||||||
// 设备类型点击赋值
|
|
||||||
handleTreeClick(data, checked) {
|
|
||||||
this.filterText = ''
|
|
||||||
if (checked) {
|
|
||||||
// //判断是否是父子
|
|
||||||
if (
|
|
||||||
data[this.treeProps.children] !== undefined &&
|
|
||||||
data[this.treeProps.children].length !== 0
|
|
||||||
) {
|
|
||||||
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
|
||||||
} else {
|
|
||||||
this.value = data[this.nodeKey]
|
|
||||||
this.textStr = data[this.treeProps.label]
|
|
||||||
this.$forceUpdate()
|
|
||||||
this.currentKey = this.value
|
|
||||||
this.highlightNode = data[this.nodeKey]
|
|
||||||
this.$emit('handleNodeClick', this.value)
|
|
||||||
this.$refs.selectTree.setCheckedKeys([this.highlightNode])
|
|
||||||
this.$refs.select.blur()
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
},
|
},
|
||||||
clearFun() {
|
watch: {
|
||||||
this.value = null
|
// clearable(val) {
|
||||||
this.textStr = null
|
// console.log('val-----', val);
|
||||||
this.currentKey = undefined
|
// },
|
||||||
this.highlightNode = undefined
|
clearable: {
|
||||||
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
handler: function (val, old) {},
|
||||||
this.$refs.select.clearSingleSelect()
|
// 立即以obj.name的当前值触发回调
|
||||||
// this.value = ''
|
immediate: true,
|
||||||
// this.textStr = ''
|
},
|
||||||
// this.currentKey = undefined
|
filterText(val) {
|
||||||
// this.highlightNode = undefined
|
this.$refs.selectTree.filter(val)
|
||||||
// this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
},
|
||||||
|
defaultData(val) {
|
||||||
|
if (this.highlightNode === -1) {
|
||||||
|
this.setEdit(val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
treeList(val) {
|
||||||
|
if (val.length > 0) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (this.defaultSelect) {
|
||||||
|
this.value =
|
||||||
|
val[0][this.treeProps.children][0][this.nodeKey]
|
||||||
|
this.textStr =
|
||||||
|
val[0][this.treeProps.children][0][
|
||||||
|
this.treeProps.label
|
||||||
|
]
|
||||||
|
this.highlightNode = this.value
|
||||||
|
this.currentKey = this.value
|
||||||
|
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
this.$emit('handleNodeClick', this.value)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
setEdit(obj) {
|
||||||
|
if (obj.name !== '' && obj.value !== '') {
|
||||||
|
this.value = obj.value
|
||||||
|
this.textStr = obj.name
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.highlightNode = this.value
|
||||||
|
this.currentKey = this.value
|
||||||
|
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
visibleChange() {
|
||||||
|
this.filterText = ''
|
||||||
|
},
|
||||||
|
filterNode(value, data) {
|
||||||
|
if (!value) return true
|
||||||
|
return data[this.treeProps.label].indexOf(value) !== -1
|
||||||
|
},
|
||||||
|
remoteMethod(query) {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.filterText = query
|
||||||
|
}, 100)
|
||||||
|
},
|
||||||
|
// 设备类型点击赋值
|
||||||
|
handleTreeClick(data, checked) {
|
||||||
|
this.filterText = ''
|
||||||
|
if (checked) {
|
||||||
|
// //判断是否是父子
|
||||||
|
if (
|
||||||
|
data[this.treeProps.children] !== undefined &&
|
||||||
|
data[this.treeProps.children].length !== 0
|
||||||
|
) {
|
||||||
|
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
} else {
|
||||||
|
this.value = data[this.nodeKey]
|
||||||
|
this.textStr = data[this.treeProps.label]
|
||||||
|
this.$forceUpdate()
|
||||||
|
this.currentKey = this.value
|
||||||
|
this.highlightNode = data[this.nodeKey]
|
||||||
|
this.$emit('handleNodeClick', this.value)
|
||||||
|
this.$refs.selectTree.setCheckedKeys([this.highlightNode])
|
||||||
|
this.$refs.select.blur()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
clearFun() {
|
||||||
|
this.value = null
|
||||||
|
this.textStr = null
|
||||||
|
this.currentKey = undefined
|
||||||
|
this.highlightNode = undefined
|
||||||
|
this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
this.$refs.select.clearSingleSelect()
|
||||||
|
// this.value = ''
|
||||||
|
// this.textStr = ''
|
||||||
|
// this.currentKey = undefined
|
||||||
|
// this.highlightNode = undefined
|
||||||
|
// this.$refs.selectTree.setCurrentKey(this.highlightNode)
|
||||||
|
},
|
||||||
|
clearSelect() {
|
||||||
|
this.value = ''
|
||||||
|
this.textStr = ''
|
||||||
|
this.$refs.selectTree.setCurrentKey()
|
||||||
|
this.$emit('handleNodeClick', '')
|
||||||
|
},
|
||||||
},
|
},
|
||||||
clearSelect() {
|
|
||||||
this.value = ''
|
|
||||||
this.textStr = ''
|
|
||||||
this.$refs.selectTree.setCurrentKey()
|
|
||||||
this.$emit('handleNodeClick', '')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.user-select-tree {
|
.user-select-tree {
|
||||||
::v-deep {
|
// ::v-deep {
|
||||||
.el-icon-::before {
|
// .el-icon-::before {
|
||||||
content: '\ea1b';
|
// content: '\ea1b';
|
||||||
font-family: 'icomoon' !important;
|
// font-family: 'icomoon' !important;
|
||||||
display: inline-block;
|
// display: inline-block;
|
||||||
-webkit-transform: scale(0.83);
|
// -webkit-transform: scale(0.83);
|
||||||
font-size: 10px;
|
// font-size: 10px;
|
||||||
//width: 100%;
|
// //width: 100%;
|
||||||
//height: 100%;
|
// //height: 100%;
|
||||||
color: #666666;
|
// color: #666666;
|
||||||
pointer-events: none;
|
// pointer-events: none;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.el-input.is-focus {
|
// .el-input.is-focus {
|
||||||
.el-icon- {
|
// .el-icon- {
|
||||||
transform: rotate(0deg);
|
// transform: rotate(0deg);
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
.el-input__inner {
|
// .el-input__inner {
|
||||||
height: 36px;
|
// height: 36px;
|
||||||
line-height: 36px;
|
// line-height: 36px;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.el-input__icon {
|
// .el-input__icon {
|
||||||
line-height: 36px;
|
// line-height: 36px;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.el-tree-node__content {
|
// .el-tree-node__content {
|
||||||
height: 32px;
|
// height: 32px;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,10 @@
|
||||||
<el-table-column align="center" label="文件名称" prop="name" />
|
<el-table-column align="center" label="文件名称" prop="name" />
|
||||||
<el-table-column align="center" label="操作">
|
<el-table-column align="center" label="操作">
|
||||||
<template slot-scope="{ row }">
|
<template slot-scope="{ row }">
|
||||||
<a :href="`${filePreviewUrl}${row.url}`" target="_blank"
|
<a
|
||||||
|
:href="`${filePreviewUrl}${row.url}`"
|
||||||
|
target="_blank"
|
||||||
|
:download="row.name"
|
||||||
>查看</a
|
>查看</a
|
||||||
>
|
>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -43,7 +43,7 @@ module.exports = {
|
||||||
// target: `https://test-cc.zhgkxt.com`,//线上环境-南网
|
// target: `https://test-cc.zhgkxt.com`,//线上环境-南网
|
||||||
// target: `https://z.csgmall.com.cn`,
|
// target: `https://z.csgmall.com.cn`,
|
||||||
|
|
||||||
target: `http://192.168.2.167:28080`, //超
|
target: `http://192.168.2.134:28080`, //超
|
||||||
// target: `http://10.40.92.81:28080`, //韩/
|
// target: `http://10.40.92.81:28080`, //韩/
|
||||||
// target: `http://10.40.92.74:8080`,//旭/
|
// target: `http://10.40.92.74:8080`,//旭/
|
||||||
// target: `http://192.168.2.248:28080`, //帅
|
// target: `http://192.168.2.248:28080`, //帅
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue