From c9c263dc43ad90f95f24a036cee9e6b47afb596c Mon Sep 17 00:00:00 2001
From: skyouc
Date: 星期六, 21 十二月 2024 18:44:20 +0800
Subject: [PATCH] 新建盐城德森项目
---
uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue | 1078 +++++++++++++++++++++++++++++-----------------------------
1 files changed, 539 insertions(+), 539 deletions(-)
diff --git a/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue b/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue
index a76af2e..86db03b 100644
--- a/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue
+++ b/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue
@@ -1,539 +1,539 @@
-<template>
- <view class="uni-data-tree">
- <view class="uni-data-tree-input" @click="handleInput">
- <slot :options="options" :data="inputSelected" :error="errorMessage">
- <view class="input-value" :class="{'input-value-border': border}">
- <text v-if="errorMessage" class="selected-area error-text">{{errorMessage}}</text>
- <view v-else-if="loading && !isOpened" class="selected-area">
- <uni-load-more class="load-more" :contentText="loadMore" status="loading"></uni-load-more>
- </view>
- <scroll-view v-else-if="inputSelected.length" class="selected-area" scroll-x="true">
- <view class="selected-list">
- <view class="selected-item" v-for="(item,index) in inputSelected" :key="index">
- <text>{{item.text}}</text><text v-if="index<inputSelected.length-1"
- class="input-split-line">{{split}}</text>
- </view>
- </view>
- </scroll-view>
- <text v-else class="selected-area placeholder">{{placeholder}}</text>
- <view v-if="clearIcon && !readonly && inputSelected.length" class="icon-clear"
- @click.stop="clear">
- <uni-icons type="clear" color="#e1e1e1" size="14"></uni-icons>
- </view>
- <view class="arrow-area" v-if="(!clearIcon || !inputSelected.length) && !readonly ">
- <view class="input-arrow"></view>
- </view>
- </view>
- </slot>
- </view>
- <view class="uni-data-tree-cover" v-if="isOpened" @click="handleClose"></view>
- <view class="uni-data-tree-dialog" v-if="isOpened">
- <view class="uni-popper__arrow"></view>
- <view class="dialog-caption">
- <view class="title-area">
- <text class="dialog-title">{{popupTitle}}</text>
- </view>
- <view class="dialog-close" @click="handleClose">
- <view class="dialog-close-plus" data-id="close"></view>
- <view class="dialog-close-plus dialog-close-rotate" data-id="close"></view>
- </view>
- </view>
- <data-picker-view class="picker-view" ref="pickerView" v-model="dataValue" :localdata="localdata"
- :preload="preload" :collection="collection" :field="field" :orderby="orderby" :where="where"
- :step-searh="stepSearh" :self-field="selfField" :parent-field="parentField" :managed-mode="true"
- :map="map" :ellipsis="ellipsis" @change="onchange" @datachange="ondatachange" @nodeclick="onnodeclick">
- </data-picker-view>
- </view>
- </view>
-</template>
-
-<script>
- import dataPicker from "../uni-data-pickerview/uni-data-picker.js"
- import DataPickerView from "../uni-data-pickerview/uni-data-pickerview.vue"
-
- /**
- * DataPicker 绾ц仈閫夋嫨
- * @description 鏀寔鍗曞垪銆佸拰澶氬垪绾ц仈閫夋嫨銆傚垪鏁版病鏈夐檺鍒讹紝濡傛灉灞忓箷鏄剧ず涓嶅叏锛岄《閮╰ab鍖哄煙浼氬乏鍙虫粴鍔ㄣ��
- * @tutorial https://ext.dcloud.net.cn/plugin?id=3796
- * @property {String} popup-title 寮瑰嚭绐楀彛鏍囬
- * @property {Array} localdata 鏈湴鏁版嵁锛屽弬鑰�
- * @property {Boolean} border = [true|false] 鏄惁鏈夎竟妗�
- * @property {Boolean} readonly = [true|false] 鏄惁浠呰
- * @property {Boolean} preload = [true|false] 鏄惁棰勫姞杞芥暟鎹�
- * @value true 寮�鍚鍔犺浇鏁版嵁锛岀偣鍑诲脊鍑虹獥鍙ｅ悗鏄剧ず宸插姞杞芥暟鎹�
- * @value false 鍏抽棴棰勫姞杞芥暟鎹紝鐐瑰嚮寮瑰嚭绐楀彛鍚庡紑濮嬪姞杞芥暟鎹�
- * @property {Boolean} step-searh = [true|false] 鏄惁鍒嗗竷鏌ヨ
- * @value true 鍚敤鍒嗗竷鏌ヨ锛屼粎鏌ヨ褰撳墠閫変腑鑺傜偣
- * @value false 鍏抽棴鍒嗗竷鏌ヨ锛屼竴娆℃煡璇㈠嚭鎵�鏈夋暟鎹�
- * @property {String|DBFieldString} self-field 鍒嗗竷鏌ヨ褰撳墠瀛楁鍚嶇О
- * @property {String|DBFieldString} parent-field 鍒嗗竷鏌ヨ鐖跺瓧娈靛悕绉�
- * @property {String|DBCollectionString} collection 琛ㄥ悕
- * @property {String|DBFieldString} field 鏌ヨ瀛楁锛屽涓瓧娈电敤 `,` 鍒嗗壊
- * @property {String} orderby 鎺掑簭瀛楁鍙婃搴忓�掑彊璁剧疆
- * @property {String|JQLString} where 鏌ヨ鏉′欢
- * @event {Function} popupshow 寮瑰嚭鐨勯�夋嫨绐楀彛鎵撳紑鏃惰Е鍙戞浜嬩欢
- * @event {Function} popuphide 寮瑰嚭鐨勯�夋嫨绐楀彛鍏抽棴鏃惰Е鍙戞浜嬩欢
- */
- export default {
- name: 'UniDataPicker',
- emits: ['popupopened', 'popupclosed', 'nodeclick', 'input', 'change', 'update:modelValue'],
- mixins: [dataPicker],
- components: {
- DataPickerView
- },
- props: {
- options: {
- type: [Object, Array],
- default () {
- return {}
- }
- },
- popupTitle: {
- type: String,
- default: '璇烽�夋嫨'
- },
- placeholder: {
- type: String,
- default: '璇烽�夋嫨'
- },
- heightMobile: {
- type: String,
- default: ''
- },
- readonly: {
- type: Boolean,
- default: false
- },
- clearIcon: {
- type: Boolean,
- default: true
- },
- border: {
- type: Boolean,
- default: true
- },
- split: {
- type: String,
- default: '/'
- },
- ellipsis: {
- type: Boolean,
- default: true
- }
- },
- data() {
- return {
- isOpened: false,
- inputSelected: []
- }
- },
- created() {
- this.form = this.getForm('uniForms')
- this.formItem = this.getForm('uniFormsItem')
- if (this.formItem) {
- if (this.formItem.name) {
- this.rename = this.formItem.name
- this.form.inputChildrens.push(this)
- }
- }
-
- this.$nextTick(() => {
- this.load()
- })
- },
- methods: {
- clear() {
- this.inputSelected.splice(0)
- this._dispatchEvent([])
- },
- onPropsChange() {
- this._treeData = []
- this.selectedIndex = 0
- this.load()
- },
- load() {
- if (this.readonly) {
- this._processReadonly(this.localdata, this.dataValue)
- return
- }
-
- if (this.isLocaldata) {
- this.loadData()
- this.inputSelected = this.selected.slice(0)
- } else if (!this.parentField && !this.selfField && this.hasValue) {
- this.getNodeData(() => {
- this.inputSelected = this.selected.slice(0)
- })
- } else if (this.hasValue) {
- this.getTreePath(() => {
- this.inputSelected = this.selected.slice(0)
- })
- }
- },
- getForm(name = 'uniForms') {
- let parent = this.$parent;
- let parentName = parent.$options.name;
- while (parentName !== name) {
- parent = parent.$parent;
- if (!parent) return false;
- parentName = parent.$options.name;
- }
- return parent;
- },
- show() {
- this.isOpened = true
- this.$nextTick(() => {
- this.$refs.pickerView.updateData({
- treeData: this._treeData,
- selected: this.selected,
- selectedIndex: this.selectedIndex
- })
- })
- this.$emit('popupopened')
- },
- hide() {
- this.isOpened = false
- this.$emit('popupclosed')
- },
- handleInput() {
- if (this.readonly) {
- return
- }
- this.show()
- },
- handleClose(e) {
- this.hide()
- },
- onnodeclick(e) {
- this.$emit('nodeclick', e)
- },
- ondatachange(e) {
- this._treeData = this.$refs.pickerView._treeData
- },
- onchange(e) {
- this.hide()
- this.inputSelected = e
- this._dispatchEvent(e)
- },
- _processReadonly(dataList, value) {
- var isTree = dataList.findIndex((item) => {
- return item.children
- })
- if (isTree > -1) {
- let inputValue
- if (Array.isArray(value)) {
- inputValue = value[value.length - 1]
- if (typeof inputValue === 'object' && inputValue.value) {
- inputValue = inputValue.value
- }
- } else {
- inputValue = value
- }
- this.inputSelected = this._findNodePath(inputValue, this.localdata)
- return
- }
-
- if (!this.hasValue) {
- this.inputSelected = []
- return
- }
-
- let result = []
- for (let i = 0; i < value.length; i++) {
- var val = value[i]
- var item = dataList.find((v) => {
- return v.value == val
- })
- if (item) {
- result.push(item)
- }
- }
- if (result.length) {
- this.inputSelected = result
- }
- },
- _filterForArray(data, valueArray) {
- var result = []
- for (let i = 0; i < valueArray.length; i++) {
- var value = valueArray[i]
- var found = data.find((item) => {
- return item.value == value
- })
- if (found) {
- result.push(found)
- }
- }
- return result
- },
- _dispatchEvent(selected) {
- let item = {}
- if (selected.length) {
- var value = new Array(selected.length)
- for (var i = 0; i < selected.length; i++) {
- value[i] = selected[i].value
- }
- item = selected[selected.length - 1]
- } else {
- item.value = ''
- }
- if (this.formItem) {
- this.formItem.setValue(item.value)
- }
-
- this.$emit('input', item.value)
- this.$emit('update:modelValue', item.value)
- this.$emit('change', {
- detail: {
- value: selected
- }
- })
- }
- }
- }
-</script>
-
-<style >
- .uni-data-tree {
- position: relative;
- font-size: 14px;
- }
-
- .error-text {
- color: #DD524D;
- }
-
- .input-value {
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: row;
- align-items: center;
- flex-wrap: nowrap;
- font-size: 14px;
- line-height: 38px;
- padding: 0 5px;
- overflow: hidden;
- /* #ifdef APP-NVUE */
- height: 40px;
- /* #endif */
- }
-
- .input-value-border {
- border: 1px solid #e5e5e5;
- border-radius: 5px;
- }
-
- .selected-area {
- flex: 1;
- overflow: hidden;
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: row;
- }
-
- .load-more {
- /* #ifndef APP-NVUE */
- margin-right: auto;
- /* #endif */
- /* #ifdef APP-NVUE */
- width: 40px;
- /* #endif */
- }
-
- .selected-list {
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: row;
- flex-wrap: nowrap;
- padding: 0 5px;
- }
-
- .selected-item {
- flex-direction: row;
- padding: 0 1px;
- /* #ifndef APP-NVUE */
- white-space: nowrap;
- /* #endif */
- }
-
- .placeholder {
- color: grey;
- }
-
- .input-split-line {
- opacity: .5;
- }
-
- .arrow-area {
- position: relative;
- width: 20px;
- /* #ifndef APP-NVUE */
- margin-bottom: 5px;
- margin-left: auto;
- display: flex;
- /* #endif */
- justify-content: center;
- transform: rotate(-45deg);
- transform-origin: center;
- }
-
- .input-arrow {
- width: 7px;
- height: 7px;
- border-left: 1px solid #999;
- border-bottom: 1px solid #999;
- }
-
- .uni-data-tree-cover {
- position: fixed;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, .4);
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: column;
- z-index: 100;
- }
-
- .uni-data-tree-dialog {
- position: fixed;
- left: 0;
- top: 20%;
- right: 0;
- bottom: 0;
- background-color: #FFFFFF;
- border-top-left-radius: 10px;
- border-top-right-radius: 10px;
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: column;
- z-index: 102;
- overflow: hidden;
- /* #ifdef APP-NVUE */
- width: 750rpx;
- /* #endif */
- }
-
- .dialog-caption {
- position: relative;
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: row;
- /* border-bottom: 1px solid #f0f0f0; */
- }
-
- .title-area {
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- align-items: center;
- /* #ifndef APP-NVUE */
- margin: auto;
- /* #endif */
- padding: 0 10px;
- }
-
- .dialog-title {
- /* font-weight: bold; */
- line-height: 44px;
- }
-
- .dialog-close {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: row;
- align-items: center;
- padding: 0 15px;
- }
-
- .dialog-close-plus {
- width: 16px;
- height: 2px;
- background-color: #666;
- border-radius: 2px;
- transform: rotate(45deg);
- }
-
- .dialog-close-rotate {
- position: absolute;
- transform: rotate(-45deg);
- }
-
- .picker-view {
- flex: 1;
- overflow: hidden;
- }
-
- /* #ifdef H5 */
- @media all and (min-width: 768px) {
- .uni-data-tree-cover {
- background-color: transparent;
- }
-
- .uni-data-tree-dialog {
- position: absolute;
- top: 55px;
- height: auto;
- min-height: 400px;
- max-height: 50vh;
- background-color: #fff;
- border: 1px solid #EBEEF5;
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
- border-radius: 4px;
- overflow: unset;
- }
-
- .dialog-caption {
- display: none;
- }
-
- .icon-clear {
- margin-right: 5px;
- }
- }
-
- /* #endif */
-
- /* picker 寮瑰嚭灞傞�氱敤鐨勬寚绀哄皬涓夎, todo锛氭墿灞曡嚦涓婁笅宸﹀彸鏂瑰悜瀹氫綅 */
- /* #ifndef APP-NVUE */
- .uni-popper__arrow,
- .uni-popper__arrow::after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- border-width: 6px;
- }
-
- .uni-popper__arrow {
- filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
- top: -6px;
- left: 10%;
- margin-right: 3px;
- border-top-width: 0;
- border-bottom-color: #EBEEF5;
- }
-
- .uni-popper__arrow::after {
- content: " ";
- top: 1px;
- margin-left: -6px;
- border-top-width: 0;
- border-bottom-color: #fff;
- }
- /* #endif */
- </style>
+<template>
+ <view class="uni-data-tree">
+ <view class="uni-data-tree-input" @click="handleInput">
+ <slot :options="options" :data="inputSelected" :error="errorMessage">
+ <view class="input-value" :class="{'input-value-border': border}">
+ <text v-if="errorMessage" class="selected-area error-text">{{errorMessage}}</text>
+ <view v-else-if="loading && !isOpened" class="selected-area">
+ <uni-load-more class="load-more" :contentText="loadMore" status="loading"></uni-load-more>
+ </view>
+ <scroll-view v-else-if="inputSelected.length" class="selected-area" scroll-x="true">
+ <view class="selected-list">
+ <view class="selected-item" v-for="(item,index) in inputSelected" :key="index">
+ <text>{{item.text}}</text><text v-if="index<inputSelected.length-1"
+ class="input-split-line">{{split}}</text>
+ </view>
+ </view>
+ </scroll-view>
+ <text v-else class="selected-area placeholder">{{placeholder}}</text>
+ <view v-if="clearIcon && !readonly && inputSelected.length" class="icon-clear"
+ @click.stop="clear">
+ <uni-icons type="clear" color="#e1e1e1" size="14"></uni-icons>
+ </view>
+ <view class="arrow-area" v-if="(!clearIcon || !inputSelected.length) && !readonly ">
+ <view class="input-arrow"></view>
+ </view>
+ </view>
+ </slot>
+ </view>
+ <view class="uni-data-tree-cover" v-if="isOpened" @click="handleClose"></view>
+ <view class="uni-data-tree-dialog" v-if="isOpened">
+ <view class="uni-popper__arrow"></view>
+ <view class="dialog-caption">
+ <view class="title-area">
+ <text class="dialog-title">{{popupTitle}}</text>
+ </view>
+ <view class="dialog-close" @click="handleClose">
+ <view class="dialog-close-plus" data-id="close"></view>
+ <view class="dialog-close-plus dialog-close-rotate" data-id="close"></view>
+ </view>
+ </view>
+ <data-picker-view class="picker-view" ref="pickerView" v-model="dataValue" :localdata="localdata"
+ :preload="preload" :collection="collection" :field="field" :orderby="orderby" :where="where"
+ :step-searh="stepSearh" :self-field="selfField" :parent-field="parentField" :managed-mode="true"
+ :map="map" :ellipsis="ellipsis" @change="onchange" @datachange="ondatachange" @nodeclick="onnodeclick">
+ </data-picker-view>
+ </view>
+ </view>
+</template>
+
+<script>
+ import dataPicker from "../uni-data-pickerview/uni-data-picker.js"
+ import DataPickerView from "../uni-data-pickerview/uni-data-pickerview.vue"
+
+ /**
+ * DataPicker 绾ц仈閫夋嫨
+ * @description 鏀寔鍗曞垪銆佸拰澶氬垪绾ц仈閫夋嫨銆傚垪鏁版病鏈夐檺鍒讹紝濡傛灉灞忓箷鏄剧ず涓嶅叏锛岄《閮╰ab鍖哄煙浼氬乏鍙虫粴鍔ㄣ��
+ * @tutorial https://ext.dcloud.net.cn/plugin?id=3796
+ * @property {String} popup-title 寮瑰嚭绐楀彛鏍囬
+ * @property {Array} localdata 鏈湴鏁版嵁锛屽弬鑰�
+ * @property {Boolean} border = [true|false] 鏄惁鏈夎竟妗�
+ * @property {Boolean} readonly = [true|false] 鏄惁浠呰
+ * @property {Boolean} preload = [true|false] 鏄惁棰勫姞杞芥暟鎹�
+ * @value true 寮�鍚鍔犺浇鏁版嵁锛岀偣鍑诲脊鍑虹獥鍙ｅ悗鏄剧ず宸插姞杞芥暟鎹�
+ * @value false 鍏抽棴棰勫姞杞芥暟鎹紝鐐瑰嚮寮瑰嚭绐楀彛鍚庡紑濮嬪姞杞芥暟鎹�
+ * @property {Boolean} step-searh = [true|false] 鏄惁鍒嗗竷鏌ヨ
+ * @value true 鍚敤鍒嗗竷鏌ヨ锛屼粎鏌ヨ褰撳墠閫変腑鑺傜偣
+ * @value false 鍏抽棴鍒嗗竷鏌ヨ锛屼竴娆℃煡璇㈠嚭鎵�鏈夋暟鎹�
+ * @property {String|DBFieldString} self-field 鍒嗗竷鏌ヨ褰撳墠瀛楁鍚嶇О
+ * @property {String|DBFieldString} parent-field 鍒嗗竷鏌ヨ鐖跺瓧娈靛悕绉�
+ * @property {String|DBCollectionString} collection 琛ㄥ悕
+ * @property {String|DBFieldString} field 鏌ヨ瀛楁锛屽涓瓧娈电敤 `,` 鍒嗗壊
+ * @property {String} orderby 鎺掑簭瀛楁鍙婃搴忓�掑彊璁剧疆
+ * @property {String|JQLString} where 鏌ヨ鏉′欢
+ * @event {Function} popupshow 寮瑰嚭鐨勯�夋嫨绐楀彛鎵撳紑鏃惰Е鍙戞浜嬩欢
+ * @event {Function} popuphide 寮瑰嚭鐨勯�夋嫨绐楀彛鍏抽棴鏃惰Е鍙戞浜嬩欢
+ */
+ export default {
+ name: 'UniDataPicker',
+ emits: ['popupopened', 'popupclosed', 'nodeclick', 'input', 'change', 'update:modelValue'],
+ mixins: [dataPicker],
+ components: {
+ DataPickerView
+ },
+ props: {
+ options: {
+ type: [Object, Array],
+ default () {
+ return {}
+ }
+ },
+ popupTitle: {
+ type: String,
+ default: '璇烽�夋嫨'
+ },
+ placeholder: {
+ type: String,
+ default: '璇烽�夋嫨'
+ },
+ heightMobile: {
+ type: String,
+ default: ''
+ },
+ readonly: {
+ type: Boolean,
+ default: false
+ },
+ clearIcon: {
+ type: Boolean,
+ default: true
+ },
+ border: {
+ type: Boolean,
+ default: true
+ },
+ split: {
+ type: String,
+ default: '/'
+ },
+ ellipsis: {
+ type: Boolean,
+ default: true
+ }
+ },
+ data() {
+ return {
+ isOpened: false,
+ inputSelected: []
+ }
+ },
+ created() {
+ this.form = this.getForm('uniForms')
+ this.formItem = this.getForm('uniFormsItem')
+ if (this.formItem) {
+ if (this.formItem.name) {
+ this.rename = this.formItem.name
+ this.form.inputChildrens.push(this)
+ }
+ }
+
+ this.$nextTick(() => {
+ this.load()
+ })
+ },
+ methods: {
+ clear() {
+ this.inputSelected.splice(0)
+ this._dispatchEvent([])
+ },
+ onPropsChange() {
+ this._treeData = []
+ this.selectedIndex = 0
+ this.load()
+ },
+ load() {
+ if (this.readonly) {
+ this._processReadonly(this.localdata, this.dataValue)
+ return
+ }
+
+ if (this.isLocaldata) {
+ this.loadData()
+ this.inputSelected = this.selected.slice(0)
+ } else if (!this.parentField && !this.selfField && this.hasValue) {
+ this.getNodeData(() => {
+ this.inputSelected = this.selected.slice(0)
+ })
+ } else if (this.hasValue) {
+ this.getTreePath(() => {
+ this.inputSelected = this.selected.slice(0)
+ })
+ }
+ },
+ getForm(name = 'uniForms') {
+ let parent = this.$parent;
+ let parentName = parent.$options.name;
+ while (parentName !== name) {
+ parent = parent.$parent;
+ if (!parent) return false;
+ parentName = parent.$options.name;
+ }
+ return parent;
+ },
+ show() {
+ this.isOpened = true
+ this.$nextTick(() => {
+ this.$refs.pickerView.updateData({
+ treeData: this._treeData,
+ selected: this.selected,
+ selectedIndex: this.selectedIndex
+ })
+ })
+ this.$emit('popupopened')
+ },
+ hide() {
+ this.isOpened = false
+ this.$emit('popupclosed')
+ },
+ handleInput() {
+ if (this.readonly) {
+ return
+ }
+ this.show()
+ },
+ handleClose(e) {
+ this.hide()
+ },
+ onnodeclick(e) {
+ this.$emit('nodeclick', e)
+ },
+ ondatachange(e) {
+ this._treeData = this.$refs.pickerView._treeData
+ },
+ onchange(e) {
+ this.hide()
+ this.inputSelected = e
+ this._dispatchEvent(e)
+ },
+ _processReadonly(dataList, value) {
+ var isTree = dataList.findIndex((item) => {
+ return item.children
+ })
+ if (isTree > -1) {
+ let inputValue
+ if (Array.isArray(value)) {
+ inputValue = value[value.length - 1]
+ if (typeof inputValue === 'object' && inputValue.value) {
+ inputValue = inputValue.value
+ }
+ } else {
+ inputValue = value
+ }
+ this.inputSelected = this._findNodePath(inputValue, this.localdata)
+ return
+ }
+
+ if (!this.hasValue) {
+ this.inputSelected = []
+ return
+ }
+
+ let result = []
+ for (let i = 0; i < value.length; i++) {
+ var val = value[i]
+ var item = dataList.find((v) => {
+ return v.value == val
+ })
+ if (item) {
+ result.push(item)
+ }
+ }
+ if (result.length) {
+ this.inputSelected = result
+ }
+ },
+ _filterForArray(data, valueArray) {
+ var result = []
+ for (let i = 0; i < valueArray.length; i++) {
+ var value = valueArray[i]
+ var found = data.find((item) => {
+ return item.value == value
+ })
+ if (found) {
+ result.push(found)
+ }
+ }
+ return result
+ },
+ _dispatchEvent(selected) {
+ let item = {}
+ if (selected.length) {
+ var value = new Array(selected.length)
+ for (var i = 0; i < selected.length; i++) {
+ value[i] = selected[i].value
+ }
+ item = selected[selected.length - 1]
+ } else {
+ item.value = ''
+ }
+ if (this.formItem) {
+ this.formItem.setValue(item.value)
+ }
+
+ this.$emit('input', item.value)
+ this.$emit('update:modelValue', item.value)
+ this.$emit('change', {
+ detail: {
+ value: selected
+ }
+ })
+ }
+ }
+ }
+</script>
+
+<style >
+ .uni-data-tree {
+ position: relative;
+ font-size: 14px;
+ }
+
+ .error-text {
+ color: #DD524D;
+ }
+
+ .input-value {
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: row;
+ align-items: center;
+ flex-wrap: nowrap;
+ font-size: 14px;
+ line-height: 38px;
+ padding: 0 5px;
+ overflow: hidden;
+ /* #ifdef APP-NVUE */
+ height: 40px;
+ /* #endif */
+ }
+
+ .input-value-border {
+ border: 1px solid #e5e5e5;
+ border-radius: 5px;
+ }
+
+ .selected-area {
+ flex: 1;
+ overflow: hidden;
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: row;
+ }
+
+ .load-more {
+ /* #ifndef APP-NVUE */
+ margin-right: auto;
+ /* #endif */
+ /* #ifdef APP-NVUE */
+ width: 40px;
+ /* #endif */
+ }
+
+ .selected-list {
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: row;
+ flex-wrap: nowrap;
+ padding: 0 5px;
+ }
+
+ .selected-item {
+ flex-direction: row;
+ padding: 0 1px;
+ /* #ifndef APP-NVUE */
+ white-space: nowrap;
+ /* #endif */
+ }
+
+ .placeholder {
+ color: grey;
+ }
+
+ .input-split-line {
+ opacity: .5;
+ }
+
+ .arrow-area {
+ position: relative;
+ width: 20px;
+ /* #ifndef APP-NVUE */
+ margin-bottom: 5px;
+ margin-left: auto;
+ display: flex;
+ /* #endif */
+ justify-content: center;
+ transform: rotate(-45deg);
+ transform-origin: center;
+ }
+
+ .input-arrow {
+ width: 7px;
+ height: 7px;
+ border-left: 1px solid #999;
+ border-bottom: 1px solid #999;
+ }
+
+ .uni-data-tree-cover {
+ position: fixed;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0, 0, 0, .4);
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: column;
+ z-index: 100;
+ }
+
+ .uni-data-tree-dialog {
+ position: fixed;
+ left: 0;
+ top: 20%;
+ right: 0;
+ bottom: 0;
+ background-color: #FFFFFF;
+ border-top-left-radius: 10px;
+ border-top-right-radius: 10px;
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: column;
+ z-index: 102;
+ overflow: hidden;
+ /* #ifdef APP-NVUE */
+ width: 750rpx;
+ /* #endif */
+ }
+
+ .dialog-caption {
+ position: relative;
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: row;
+ /* border-bottom: 1px solid #f0f0f0; */
+ }
+
+ .title-area {
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ align-items: center;
+ /* #ifndef APP-NVUE */
+ margin: auto;
+ /* #endif */
+ padding: 0 10px;
+ }
+
+ .dialog-title {
+ /* font-weight: bold; */
+ line-height: 44px;
+ }
+
+ .dialog-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: row;
+ align-items: center;
+ padding: 0 15px;
+ }
+
+ .dialog-close-plus {
+ width: 16px;
+ height: 2px;
+ background-color: #666;
+ border-radius: 2px;
+ transform: rotate(45deg);
+ }
+
+ .dialog-close-rotate {
+ position: absolute;
+ transform: rotate(-45deg);
+ }
+
+ .picker-view {
+ flex: 1;
+ overflow: hidden;
+ }
+
+ /* #ifdef H5 */
+ @media all and (min-width: 768px) {
+ .uni-data-tree-cover {
+ background-color: transparent;
+ }
+
+ .uni-data-tree-dialog {
+ position: absolute;
+ top: 55px;
+ height: auto;
+ min-height: 400px;
+ max-height: 50vh;
+ background-color: #fff;
+ border: 1px solid #EBEEF5;
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+ border-radius: 4px;
+ overflow: unset;
+ }
+
+ .dialog-caption {
+ display: none;
+ }
+
+ .icon-clear {
+ margin-right: 5px;
+ }
+ }
+
+ /* #endif */
+
+ /* picker 寮瑰嚭灞傞�氱敤鐨勬寚绀哄皬涓夎, todo锛氭墿灞曡嚦涓婁笅宸﹀彸鏂瑰悜瀹氫綅 */
+ /* #ifndef APP-NVUE */
+ .uni-popper__arrow,
+ .uni-popper__arrow::after {
+ position: absolute;
+ display: block;
+ width: 0;
+ height: 0;
+ border-color: transparent;
+ border-style: solid;
+ border-width: 6px;
+ }
+
+ .uni-popper__arrow {
+ filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+ top: -6px;
+ left: 10%;
+ margin-right: 3px;
+ border-top-width: 0;
+ border-bottom-color: #EBEEF5;
+ }
+
+ .uni-popper__arrow::after {
+ content: " ";
+ top: 1px;
+ margin-left: -6px;
+ border-top-width: 0;
+ border-bottom-color: #fff;
+ }
+ /* #endif */
+ </style>
--
Gitblit v1.9.1