[update] 删除common.less中重复样式,修改多选时间组件和用户组织机构选择组件,搜索组件结构调整
This commit is contained in:
@@ -1,9 +1,24 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="box-title-text">
|
||||
<div @click="selectClick">
|
||||
<div v-for="item in selectValue" :key="item.id">{{item.label}}</div>
|
||||
</div>
|
||||
<div class="user-organ-wrap">
|
||||
<!-- <div @click="selectClick">-->
|
||||
<!-- <div v-for="item in selectValue" :key="item.id">{{item.label}}</div>-->
|
||||
<!-- </div>-->
|
||||
<a-select
|
||||
class="user-organ-select"
|
||||
mode="multiple"
|
||||
:open="false"
|
||||
:showSearch="false"
|
||||
:filterOption="false"
|
||||
:placeholder="$t('pleaseSelect')"
|
||||
:maxTagCount="1"
|
||||
:value="checkedValue"
|
||||
@click="selectClick"
|
||||
>
|
||||
<a-select-option v-for="(item, index) in selectType" :key="index">
|
||||
{{ item }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
<a-button type="primary" class="button-box" @click="selectClick">
|
||||
{{this.$t('userOrOrganSelect.select')}}
|
||||
</a-button>
|
||||
@@ -42,10 +57,11 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
console.log(this.type)
|
||||
this.checkedValue = this.value.map(item => item.value)
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
checkedValue: [],
|
||||
selectValue: []
|
||||
}
|
||||
},
|
||||
@@ -59,6 +75,7 @@ export default {
|
||||
} else {
|
||||
this.selectValue = arrOne
|
||||
}
|
||||
this.checkedValue = this.selectValue.map(item => item.value)
|
||||
this.$emit('change', this.selectType)
|
||||
}
|
||||
},
|
||||
@@ -69,6 +86,29 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
<style scoped lang="less">
|
||||
.user-organ-wrap {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
.user-organ-select {
|
||||
width: calc(100% - 70px);
|
||||
/deep/ .ant-select-selection--multiple {
|
||||
height: 38px;
|
||||
|
||||
.ant-select-selection__rendered > ul > li {
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
/deep/ .ant-select-selection__rendered {
|
||||
line-height: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
.button-box {
|
||||
height: 38px;
|
||||
margin-left: 5px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user