@bytenew/bn-bus-ui 1.1.461 → 1.1.463

package/packages/BnCondVal/itemVal/numRegVal.vue

@@ -0,0 +1,67 @@
+<template>
+  <div class="w-default-wrap numReg clearFix">
+    <div class="numReg-item">
+      <BnInpNum class="numReg-item-input" @change="$forceUpdate();" :precision="precision" :disabled="disabled"
+                   placeholder="开始" v-model="val.value.start" controls-position="right"/>
+    </div>
+    <div class="numReg-text">
+      至
+    </div>
+    <div class="numReg-item">
+      <BnInpNum class="numReg-item-input" @change="$forceUpdate();" :precision="precision" :disabled="disabled"
+                   placeholder="结束" v-model="val.value.end" controls-position="right"/>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "numRegVal",
+    props: {
+	  modelValue: Object,
+      disabled: {
+        type: Boolean,
+        default: function () {
+          return false
+        }
+      },
+      // 小数位数精确到多少位
+      precision: {
+        type: Number,
+        default: 0
+      }
+    },
+	computed: {
+	  val: {
+		get() {
+		  return this.modelValue;
+		},
+		set(val) {
+		  this.$emit("update:modelValue", val);
+		},
+	  },
+	}
+  }
+</script>
+<style scoped>
+  .numReg-item {
+    position: relative;
+    width: calc(50% - 15px);
+    float: left;
+  }
+
+  .numReg-item-input {
+    width: 100%;
+  }
+
+  .numReg-text {
+    float: left;
+    width: 30px;
+    height: 32px;
+    text-align: center;
+    line-height: 32px;
+    font-size: 14px;
+    color: #999;
+  }
+
+</style>

package/packages/BnCondVal/itemVal/numVal.vue

@@ -0,0 +1,44 @@
+<template>
+  <BnInpNum v-model="val[optionProps.value]"
+			:disabled="[9,10,14,15].includes(parseInt(val[optionProps.searchType]))"
+			@change="change('number')"></BnInpNum>
+</template>
+
+<script>
+  export default {
+	inheritAttrs: false,
+	name: "numVal",
+	props: {
+	  modelValue: Object,
+	  optionProps: Object,
+	},
+	methods: {
+	  /**
+	   * 输入框change事件
+	   * */
+	  change(val) {
+		this.$emit('onChange', 'string')
+	  }
+	},
+	computed: {
+	  val: {
+		get() {
+		  return this.modelValue;
+		},
+		set(val) {
+		  this.$emit("update:modelValue", val);
+		},
+	  },
+	}
+  }
+</script>
+<style lang="scss" scoped>
+  .bnAdvance-numRatio:after {
+	content: '%';
+	position: absolute;
+	right: 8px;
+	top: calc(50% - 8px);
+	color: #C0C4CC;
+	font-weight: bold;
+  }
+</style>

package/packages/BnCondVal/itemVal/relationVal.vue

@@ -0,0 +1,73 @@
+<template>
+<!--  <BnCascader @change="change" style="width: 100%"-->
+<!--              v-model="val[optionProps.value]" collapseTags-->
+<!--              :postFunc="postFunc" :postData="postData" :pathUrl="pathUrl" remote-mode="tree"-->
+<!--              :optionProps="propsData" :label-in-value="false"-->
+<!--              :disabled="[9,10,14,15].includes(parseInt(val[optionProps.searchType]))"-->
+<!--              :options="options" :multiple="multiple" clearable/>-->
+  <BnRelation @change="change" :options="options" style="width: 100%" filterable
+			  :props="propsData" v-model="val[optionProps.value]" :multiple="multiple"
+			  :disabled="[9,10,14,15].includes(parseInt(val[optionProps.searchType]))"
+			  :postFunc="postFunc" :postData="postData" :pathUrl="pathUrl"></BnRelation>
+<!--  {{val[optionProps.value]}}-->
+</template>
+
+<script>
+  
+  export default {
+	name: "relationVal",
+	props: {
+	  modelValue: Object,
+	  optionProps: Object,
+	  columnInfo: Object,
+	  postData: Object,
+	  pathUrl: String,
+	  postFunc: Function,
+	},
+	methods: {
+	  /**
+	   * 输入框change事件
+	   * */
+	  change(val) {
+		this.$emit('onChange', 'relation')
+	  }
+	},
+	computed: {
+	  //拷贝value的值，这样就可以避免直接修改props
+	  val: {
+		get() {
+		  return this.modelValue;
+		},
+		set(val) {
+		  this.$emit("update:modelValue", val);
+		},
+	  },
+	  multiple(){
+		if(this.columnInfo.behaviorType == 20){
+		  return true;
+		}else{
+		  return [3,4,5,6,7].includes(parseInt(this.modelValue[this.optionProps.searchType]))
+		}
+	  },
+	  propsData(){
+		let options = {
+		  checkStrictly:true,value:'code',label:'title'
+		};
+		if(this.columnInfo.pathUrl && this.columnInfo.pathUrl.indexOf('address')>=0){
+		  options.value = 'id'
+		}
+		return options
+	  },
+	  options(){
+		if(this.columnInfo.pathUrl && this.columnInfo.pathUrl.indexOf('address')>=0){
+		  return addressData || []
+		}
+		let options = [];
+		if(this.columnInfo.moduleDefinition && this.columnInfo.moduleDefinition.optionList){
+		  options = this.columnInfo.moduleDefinition.optionList;
+		}
+		return options
+	  }
+	}
+  }
+</script>

package/packages/BnCondVal/itemVal/selectColumnVal.vue

@@ -0,0 +1,58 @@
+<template>
+  <BnSelect v-model="val[optionProps.value]" :optionProps="otherColumnProps"
+			:options="otherColumns" :disabled="[9,10,14,15].includes(parseInt(val[optionProps.searchType]))"
+			:valueProps="valueProps"
+			@change="change('select')" clearable filterable placeholder="请选择"></BnSelect>
+</template>
+
+<script>
+  export default {
+	name: "selectColumnVal",
+	props: {
+	  modelValue: Object,
+	  otherColumns: {
+		type: Array,
+		default() {
+		  return []
+		}
+	  },
+    // 选择其他组件时，约束他们的value格式
+    otherColumnProps: {
+      default() {
+        return {value:'columnCode',label:'name'}
+      }
+    },
+	  optionProps: Object,
+	  columnInfo: Object,
+	  postData: Object,
+	  pathUrl: String,
+	  postFunc: Function,
+	},
+	methods: {
+	  /**
+	   * 输入框change事件
+	   * */
+	  change(val) {
+		this.$emit('onChange', 'string')
+	  }
+	},
+	computed: {
+	  //拷贝value的值，这样就可以避免直接修改props
+	  val: {
+		get() {
+		  return this.modelValue;
+		},
+		set(val) {
+		  this.$emit("update:modelValue", val);
+		},
+	  },
+    valueProps(){
+      let p = []
+      for(let key in this.otherColumnProps){
+        p.push(this.otherColumnProps[key])
+      }
+      return p.length?[...p,'parentCode','id','parentId']:['columnCode','name','parentCode','id','parentId']
+    }
+	}
+  }
+</script>

package/packages/BnCondVal/itemVal/selectVal.vue

@@ -0,0 +1,59 @@
+<template>
+  <BnSelect v-model="val[optionProps.value]" :optionProps="valueOptionProps"
+			:pageProps="{pageNum: 'pageNo',pageSize: 'pageSize',}" :options="columnInfo.moduleDefinition"
+			:postFunc="postFunc" :postData="postData" :pathUrl="pathUrl" :valueProps="valueProps"
+			:multiple="['3','4','5','6','7'].includes(val[optionProps.searchType]) || val.behaviorType==5"
+			:disabled="[9,10,14,15].includes(parseInt(val[optionProps.searchType]))"
+			@change="change('select')" clearable filterable placeholder="请选择"></BnSelect>
+</template>
+
+<script>
+  export default {
+	name: "selectVal",
+	props: {
+	  modelValue: Object,
+	  optionProps: Object,
+    // value的value如果是下拉或者多选这些，约束他们的value格式
+    valueOptionProps: {
+      default() {
+        return {value:'code',label:'title'}
+      }
+    },
+	  columnInfo:Object,
+	  postData:Object,
+	  pathUrl:String,
+	  postFunc:Function,
+	},
+	data() {
+	  return {
+		open: false,
+	  }
+	},
+	methods: {
+	  /**
+	   * 输入框change事件
+	   * */
+	  change(val) {
+		this.$emit('onChange', 'string')
+	  }
+	},
+	computed: {
+	  //拷贝value的值，这样就可以避免直接修改props
+	  val: {
+		get() {
+		  return this.modelValue;
+		},
+		set(val) {
+		  this.$emit("update:modelValue", val);
+		},
+	  },
+    valueProps(){
+      let p = []
+      for(let key in this.valueOptionProps){
+        p.push(this.valueOptionProps[key])
+      }
+      return p.length?[...p,'id']:['code','title','id']
+    }
+	}
+  }
+</script>

package/packages/BnCondVal/itemVal/stringVal.vue

@@ -0,0 +1,156 @@
+<template> 
+  <el-autocomplete
+    v-if="isUrlType"
+    v-model="val[optionProps.value]"
+    :fetch-suggestions="querySearch"
+    clearable
+    class="w-50"
+    :type="['5','6','28','29'].includes(val[optionProps.searchType]) ? 'textarea' : 'text'"  resize="none" :maxlength="200000"
+    :rows="['5','6','28','29'].includes(val[optionProps.searchType])? 3 : 1"
+    :placeholder="['5','6','28','29'].includes(val[optionProps.searchType])?'回车换行可插入多条':'请输入'"
+    @select="handleSelect"
+  />
+  <el-input v-else class="filterInput" type="textarea" resize="none" :maxlength="200000" @focus="open = true"
+            @blur="open = false"
+            :placeholder="['5','6','28','29'].includes(val[optionProps.searchType])?'回车换行可插入多条':'请输入'"
+            @change="change('string')" :rows="open && ['5','6'].includes(val[optionProps.searchType])? 3 : 1"
+            :disabled="[9,10,14,15].includes(parseInt(val[optionProps.searchType]))"
+            v-model="val[optionProps.value]" show-word-limit/>
+</template>
+
+<script>
+export default {
+  inheritAttrs: false,
+  name: "stringVal",
+  props: {
+    modelValue: Object,
+    optionProps: Object,
+  },
+  data() {
+    return {
+      open: false,
+      lastQueryValue: null,
+      lastQueryResults: [],
+      /** 最近一次 fetch 时的完整输入；null 表示尚未走过 querySearch */
+      suggestionFullText: null,
+    }
+  },
+  computed: {
+    //拷贝value的值，这样就可以避免直接修改props
+    val: {
+      get() {
+        return this.modelValue;
+      },
+      set(val) {
+        this.$emit("update:modelValue", val);
+      },
+    },
+    parsedDataExtra() {
+      const dataExtra = this.modelValue?.extraInfo?.dataExtra || '';
+      if (!dataExtra) return null;
+      try {
+        return JSON.parse(dataExtra);
+      } catch (e) {
+        return null;
+      }
+    },
+    isUrlType() {
+      return !!this.parsedDataExtra?.searchUrl;
+    },
+    dataExtraUrl() {
+      return this.parsedDataExtra?.searchUrl || '';
+    }
+  },
+  methods: {
+    /**
+     * 输入框change事件
+     * */
+    change() {
+      // 去除开始和结尾的空格以及换行符
+      this.val[this.optionProps.value] = this.val[this.optionProps.value].trim();
+      this.$emit('onChange', 'string')
+    },
+    /**
+     * 远程搜索建议
+     */
+    querySearch(queryString, cb) {
+      // 每次拉建议时都记下完整文本，供 handleSelect 合并最后一行（不能读 v-model，选中后已被组件改成单项）
+      this.suggestionFullText = queryString == null ? '' : String(queryString);
+      // 多行模式：只取最后一行作为搜索关键词
+      const lines = (queryString || '').split('\n');
+      const keyword = lines[lines.length - 1].trim();
+      if (!keyword) {
+        this.lastQueryValue = null;
+        this.lastQueryResults = [];
+        cb([]);
+        return;
+      }
+      if (this.lastQueryValue === keyword) {
+        cb(this.lastQueryResults);
+        return;
+      }
+      const postData = {
+        ...(this.modelValue.postData || {}),
+        column: this.modelValue.columnCode,
+        keyword: keyword,
+        pageNo: 1,
+        pageSize: 50
+      };
+      const url = this.dataExtraUrl; 
+      fetch(url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(postData)
+      }).then(r => r.json()).then(res => {
+        this.applySuggestionResults(res, keyword, cb);
+      }).catch(() => {
+        this.lastQueryValue = keyword;
+        this.lastQueryResults = [];
+        cb([]);
+      });
+    },
+    /** 与接口约定一致：code 假值 + data.results */
+    applySuggestionResults(res, keyword, cb) {
+      if (!res.code && res.data?.results) {
+        const list = res.data.results.map(i => ({
+          value: i.value || i.title || i.label || '',
+          ...i,
+        }));
+        this.lastQueryValue = keyword;
+        this.lastQueryResults = list;
+        cb(list);
+      } else {
+        this.lastQueryValue = keyword;
+        this.lastQueryResults = [];
+        cb([]);
+      }
+    },
+ 
+    /**
+     * 选中下拉项
+     */
+    handleSelect(item) {
+      // 多行：只换最后一行。选中时组件会先把 v-model 整段改成 item.value，故用 querySearch 里存的全文快照
+      const current =
+        this.suggestionFullText != null
+          ? String(this.suggestionFullText)
+          : String(this.val[this.optionProps.value] || '');
+      const lines = current.split('\n');
+      if (!lines.length) lines.push('');
+      lines[lines.length - 1] = item.value ?? '';
+      const merged = lines.join('\n');
+      this.$nextTick(() => {
+        this.val[this.optionProps.value] = merged;
+        this.$emit('onChange', 'string');
+      });
+    }
+  },
+}
+</script>
+<style lang="scss" scoped>
+.filterInput {
+  :deep(.el-textarea__inner) {
+    min-height: 32px !important;
+  }
+}
+</style>