agilebuilder-ui 1.0.621 → 1.0.962

package/packages/super-grid/src/dynamic-input.vue

@@ -10,6 +10,7 @@
       :entity="row"
       :grid-data="gridData"
       :page-grid-data="pageGridData"
+      :additional-settings="controlConfig"
       :parent="parentFormData"
       :prop="column.prop"
       :row="row"
@@ -17,6 +18,9 @@
       :select-options="options"
       :value="innerValue"
       :additional-param-map="additionalParamMap"
+      :listCode="listCode"
+      :component-id="componentId"
+      :page-context="pageContext"
       @change="cellEvent('change', $event)"
       @input="cellEvent('input', $event)"
     />
@@ -141,8 +145,8 @@
       ref="item"
       v-model="innerValue"
       :disabled="disabled"
-      :maxlength="controlConfig.maxlength ? controlConfig.maxlength : ''"
-      :minlength="controlConfig.minlength ? controlConfig.minlength : ''"
+      :maxlength="controlConfig && controlConfig.maxlength ? controlConfig.maxlength : ''"
+      :minlength="controlConfig && controlConfig.minlength ? controlConfig.minlength : ''"
       :placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
       :title="innerValue"
       clearable
@@ -151,15 +155,19 @@
       @clear="cellEvent('clear', $event)"
       @focus="cellEvent('focus', $event)"
       @input="cellEvent('input', $event, true)"
-    />
+    >
+      <template v-if="isShowScanIcon" #append>
+        <SuperIcon iconValue="fa-barcode" @click="scanClick()"></SuperIcon>
+      </template>
+    </el-input>
 
     <el-input
       v-else-if="type === 'textarea'"
       ref="item"
       v-model="innerValue"
       :disabled="disabled"
-      :maxlength="controlConfig.maxlength ? controlConfig.maxlength : ''"
-      :minlength="controlConfig.minlength ? controlConfig.minlength : ''"
+      :maxlength="controlConfig && controlConfig.maxlength ? controlConfig.maxlength : ''"
+      :minlength="controlConfig && controlConfig.minlength ? controlConfig.minlength : ''"
       :placeholder="$t('imatrixUIMessage.pleaseEnterContent')"
       :rows="1"
       :title="innerValue"
@@ -173,6 +181,7 @@
     />
     <fs-upload-list
       v-else-if="type === 'annex'"
+      ref="fileUploadRef"
       :custom-view-url="true"
       :disabled="disabled"
       :file-info="fileInfo"
@@ -181,6 +190,9 @@
       :is-sql="isSql"
       :row="row"
       :value="innerValue"
+      :page-context="pageContext"
+      :list-code="listCode"
+      :componentId="componentId"
       @delete="deleteFile"
       @delete-success="deleteSuccess"
       @upload-success="uploadOnSuccess"
@@ -283,6 +295,7 @@
         dynamicDataSourceCode: dynamicDataSourceCode,
         valueSetOptions: valueSetOptions,
         isSql: isSql,
+        backendUrl: baseURL,
         additionalParameter: additionalParamMap ? JSON.stringify(additionalParamMap) : null
       }"
       :parent="parentFormData"
@@ -405,6 +418,7 @@
       @close="showSingleImgFlag = false"
       @delete="deleteFile"
     />
+    <scan-code-input-browser v-if="isShowBrowserScan" @close="closeBrowserScan" />
   </div>
 </template>
 <script>
@@ -416,7 +430,8 @@ import {
   isDisableEdit,
   isDynamicDataSourceSource,
   isEditOptionFunction,
-  otherFilesToStandard
+  otherFilesToStandard,
+  getControlConfig
 } from './utils'
 import dynamicSourceSelect from '../../dynamic-source-select/src/dynamic-source-select.vue'
 import { getEntityFieldValue, setEntityFieldValue } from '../../../src/utils/util'
@@ -425,7 +440,8 @@ import apis from './apis'
 import ViewImageDialog from './view-image-dialog'
 import { $emit } from '../../utils/gogocodeTransfer'
 import eventBus from './eventBus'
-
+import { isMobileBrowser } from '../../../src/utils/common-util'
+import { analysisScanValue, setScanAnalysisValue } from './scan-util.ts'
 export default {
   name: 'DynamicInput',
   components: {
@@ -449,6 +465,7 @@ export default {
       type: Object,
       default: null
     },
+    // 下拉选选项集合
     options: {
       type: Array,
       default: null
@@ -482,6 +499,11 @@ export default {
     disabled: {
       type: Boolean,
       default: false
+    },
+    // 列表配置信息
+    gridOptions: {
+      type: Object,
+      default: null
     }
   },
   data() {
@@ -530,6 +552,31 @@ export default {
       controlConfig = JSON.parse(this.column.controlConfig)
     }
     const additionalParamMap = getAdditionalParamMap(gridParams)
+    const pageContext = gridParams.options.pageContext
+    const isMobile = isMobileBrowser()
+
+    const componentId = this.listCode + '_' + this.column.prop
+    let scanEnable = false
+    if (controlConfig.scanEnable) {
+      scanEnable = true
+    }
+    let userAgent
+    const userAgentOrg = navigator.userAgent
+    if (userAgentOrg.indexOf(' uni-app ') > 0) {
+      // 表示uni-app中访问的
+      userAgent = 'app'
+    } else {
+      // 表示手机浏览器访问的
+      userAgent = 'browser'
+    }
+    console.log('superGrid----window.location.protocol---', window.location.protocol)
+    const isShowScanIcon = isMobile && window.location.protocol === 'https:' ? true : false
+    const isApk = isMobile && userAgent && userAgent === 'app' ? true : false
+
+    let baseURL = gridParams.options.backendUrl
+    if (!baseURL) {
+      baseURL = window.$vueApp.config.globalProperties.baseURL
+    }
     return {
       deptManTree: false, // 是否是部门人员树
       isMultiTree: false, // 是否是多选树
@@ -566,7 +613,7 @@ export default {
       gridData: isSubTableShowPage ? subTableData : gridData,
       pageGridData: isSubTableShowPage ? gridData : null,
       additionalParamMap,
-      controlConfig,
+      controlConfig: getControlConfig(this.column),
       // 设置日期选择器选择范围
       pickerOptions: {
         disabledDate: (time) => {
@@ -582,7 +629,16 @@ export default {
         }
       },
       stateForbiddenTime: null,
-      endForbiddenTime: null
+      endForbiddenTime: null,
+      pageContext,
+      isMobile,
+      componentId,
+      scanEnable,
+      userAgent,
+      isApk,
+      isShowBrowserScan: false,
+      isShowScanIcon,
+      baseURL
     }
   },
   computed: {},
@@ -657,18 +713,20 @@ export default {
       this.setInputNumberConfig()
     }
     // 如果是多选文件类型，需要解析（需要设置临时字段，判断文件还是图片，图片需要预览）
-    if (this.column.valueSetOptions && this.column.componentType !== 'inputNumber') {
-      const valueSetOptionsObj = JSON.parse(this.column.valueSetOptions)
-      if (valueSetOptionsObj && valueSetOptionsObj.valueSetOptions) {
-        this.valueSetOptions = valueSetOptionsObj.valueSetOptions
-      }
-      if (valueSetOptionsObj.dynamicDataSourceCode && valueSetOptionsObj.dynamicDataSourceCode !== '') {
-        this.dynamicDataSourceCode = valueSetOptionsObj.dynamicDataSourceCode
-      }
-    } else if (this.column.componentType === 'switch' && this.column.valueSetOptions) {
-      const valueSetOptionsObj = JSON.parse(this.column.valueSetOptions)
-      if (valueSetOptionsObj) {
-        this.valueSetOptions = valueSetOptionsObj
+    if (this.column.valueSetOptions) {
+      if (this.column.componentType === 'switch') {
+        const valueSetOptionsObj = JSON.parse(this.column.valueSetOptions)
+        if (valueSetOptionsObj) {
+          this.valueSetOptions = valueSetOptionsObj
+        }
+      } else if (this.column.componentType !== 'inputNumber') {
+        const valueSetOptionsObj = JSON.parse(this.column.valueSetOptions)
+        if (valueSetOptionsObj && valueSetOptionsObj.valueSetOptions) {
+          this.valueSetOptions = valueSetOptionsObj.valueSetOptions
+        }
+        if (valueSetOptionsObj.dynamicDataSourceCode && valueSetOptionsObj.dynamicDataSourceCode !== '') {
+          this.dynamicDataSourceCode = valueSetOptionsObj.dynamicDataSourceCode
+        }
       }
     }
     if (this.column.orgTreeSet) {
@@ -685,6 +743,29 @@ export default {
       }
     }
     this.getDateAllowTime()
+    if (!this.gridOptions.customRules) {
+      this.gridOptions.customRules = {}
+    }
+    this.$watch(
+      'gridOptions.customRules.' + this.column.prop,
+      (newVal, oldVal) => {
+        this.packageCustomRules(newVal)
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    )
+    this.$watch(
+      'gridOptions.customRules._all_fields',
+      (newVal, oldVal) => {
+        this.packageCustomRules(newVal)
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    )
   },
   mounted() {
     // 去掉该监听，否则导致焦点总是跳到第一个编辑框
@@ -694,6 +775,47 @@ export default {
     //   immediate: true,
     //   deep: true
     // })
+    const that = this
+    // 选择文件结束
+    eventBus.$on(this.componentId + '-pickFileDone', (data) => {
+      console.log(
+        'superPage666611---pickFileDone--data.componentId=',
+        data.componentId,
+        'data.listCode=',
+        data.listCode,
+        'data=',
+        data
+      )
+      if (that.$refs.fileUploadRef) {
+        that.$refs.fileUploadRef.pickFileDone(data)
+      }
+    })
+    // 上传文件结束
+    eventBus.$on(this.componentId + '-uploadFileDone', (data) => {
+      if (that.$refs.fileUploadRef) {
+        that.$refs.fileUploadRef.uploadFileDone(data)
+      }
+    })
+    // 扫描结束
+    eventBus.$on(this.componentId + '-scanDone', (data) => {
+      console.log(
+        'superPage666611---scanDone--data.componentId=',
+        data.componentId,
+        'data.listCode=',
+        data.listCode,
+        'data=',
+        data
+      )
+      that.innerValue = data.result
+      that.blurEvent()
+    })
+  },
+  destroyed() {
+    eventBus.$off(this.componentId + '-pickFileDone')
+    // 上传文件结束
+    eventBus.$off(this.componentId + '-uploadFileDone')
+    // 扫描结束
+    eventBus.$off(this.componentId + '-scanDone')
   },
   methods: {
     /**
@@ -938,6 +1060,8 @@ export default {
       }
       // 必须这样调用input事件 ,否则组件无法输入值
       $emit(this, 'update:value', this.innerValue) // 现在的用法
+      // 扫描组件时监控值变化
+      this.watchScanValueChange(this.innerValue)
     },
     // 是否是输入框
     isInputControl() {
@@ -995,7 +1119,7 @@ export default {
           param.parent = this.parentFormData
           param.rowIndex = this.rowIndex
           param.additionalParamMap = gridParams.additionalParamMap
-          if(gridParams.options.pageContext){
+          if (gridParams.options.pageContext) {
             param.pageContext = gridParams.options.pageContext
             param.configure = gridParams.options.configureObj
             const eventFunc = gridParams.options['eventCallBack'][funName]
@@ -1038,18 +1162,38 @@ export default {
     },
     // 上传成功
     uploadOnSuccess(response) {
+      console.log('superGrid---uploadOnSuccess----response=', response)
       if (response) {
-        const responseFile = { name: response.showName, serverPath: response.serverPath }
-        if (this.column.fileSet && this.column.fileSet !== '') {
-          const fileSetObj = JSON.parse(this.column.fileSet)
-          if (fileSetObj) {
-            // 判断单选还是多选
-            if (this.fileMultiple) {
-              this.multiStorage(fileSetObj, responseFile)
-            } else {
-              this.radioStorageFile(fileSetObj, responseFile)
+        if (this.isMobile) {
+          // 移动端时事件
+          if (this.column.fileSet && this.column.fileSet !== '') {
+            const fileSetObj = JSON.parse(this.column.fileSet)
+            if (fileSetObj) {
+              // 判断单选还是多选
+              if (this.fileMultiple) {
+                this.multiStorageMobile(fileSetObj, response)
+              } else {
+                const fileObj = response[0]
+                const responseFile = { name: fileObj.showName, serverPath: fileObj.serverPath }
+                this.radioStorageFile(fileSetObj, responseFile)
+              }
+              this.fileList = getFileList(this.row, this.column, this.isSql)
+            }
+          }
+        } else {
+          // PC端
+          const responseFile = { name: response.showName, serverPath: response.serverPath }
+          if (this.column.fileSet && this.column.fileSet !== '') {
+            const fileSetObj = JSON.parse(this.column.fileSet)
+            if (fileSetObj) {
+              // 判断单选还是多选
+              if (this.fileMultiple) {
+                this.multiStorage(fileSetObj, responseFile)
+              } else {
+                this.radioStorageFile(fileSetObj, responseFile)
+              }
+              this.fileList = getFileList(this.row, this.column, this.isSql)
             }
-            this.fileList = getFileList(this.row, this.column, this.isSql)
           }
         }
       }
@@ -1175,6 +1319,98 @@ export default {
       }
       this.packageFileNameWithFileList()
     },
+    // 多选上传完成后存储 移动端时
+    multiStorageMobile(fileSetObj, responseFiles) {
+      console.log('superGrid---multiStorageMobile----responseFiles=', responseFiles, 'fileSetObj=', fileSetObj)
+      const keyValueParam = analysisFileSetObj(fileSetObj, this.isSql)
+      // 存储
+      // 判断主表拼接还是子表保存
+      if (fileSetObj.childAnnexDataTableCode) {
+        // 存储子表
+        // const lowerStr = fileSetObj.childAnnexDataTableCode.toLowerCase()
+        let fileArr = this.row[this.column.prop]
+        if (!fileArr) {
+          fileArr = []
+        }
+        responseFiles.forEach((responseFile) => {
+          const fileObj = this.responseFileToFileObj(fileSetObj, responseFile)
+          fileArr.push(fileObj)
+        })
+        this.fileList = otherFilesToStandard(fileSetObj, keyValueParam, fileArr, null)
+        this.setCellValue(this.column.prop, fileArr, 'input')
+      } else {
+        let showNameStr = ''
+        let pathNameStr = ''
+        // 存储主表
+        if (fileSetObj.showNameData) {
+          if (this.isSql) {
+            if (fileSetObj.showNameData.dbName) {
+              if (this.row) {
+                let showName = ''
+                responseFiles.forEach((responseFile) => {
+                  showName = showName + responseFile.name + ','
+                })
+                if (showName.indexOf(',') >= 0) {
+                  showName = showName.substring(0, showName.lastIndexOf(','))
+                }
+                this.setCellValue(fileSetObj.showNameData.dbName, showName, 'input')
+                showNameStr = this.row[fileSetObj.showNameData.dbName]
+              }
+            }
+          } else {
+            if (fileSetObj.showNameData.name) {
+              if (this.row) {
+                let showName = ''
+                responseFiles.forEach((responseFile) => {
+                  showName = showName + responseFile.name + ','
+                })
+                if (showName.indexOf(',') >= 0) {
+                  showName = showName.substring(0, showName.lastIndexOf(','))
+                }
+                this.setCellValue(fileSetObj.showNameData.name, showName, 'input')
+                showNameStr = this.row[fileSetObj.showNameData.name]
+              }
+            }
+          }
+        }
+        if (fileSetObj.serverNameData) {
+          if (this.isSql) {
+            if (fileSetObj.serverNameData.dbName) {
+              if (this.row) {
+                let serverName = ''
+                responseFiles.forEach((responseFile) => {
+                  serverName = serverName + responseFile.serverPath + ','
+                })
+                if (serverName.indexOf(',') >= 0) {
+                  serverName = serverName.substring(0, serverName.lastIndexOf(','))
+                }
+                this.setCellValue(fileSetObj.serverNameData.dbName, serverName, 'input')
+                pathNameStr = this.row[fileSetObj.serverNameData.dbName]
+              }
+            }
+          } else {
+            if (fileSetObj.serverNameData.name) {
+              if (this.row) {
+                let serverName = ''
+                responseFiles.forEach((responseFile) => {
+                  serverName = serverName + responseFile.serverPath + ','
+                })
+                if (serverName.indexOf(',') >= 0) {
+                  serverName = serverName.substring(0, serverName.lastIndexOf(','))
+                }
+                this.setCellValue(fileSetObj.serverNameData.name, serverName, 'input')
+                pathNameStr = this.row[fileSetObj.serverNameData.name]
+              }
+            }
+          }
+        }
+        this.fileList = otherFilesToStandard(fileSetObj, keyValueParam, null, {
+          showName: showNameStr,
+          serverPath: pathNameStr
+        })
+      }
+      this.packageFileNameWithFileList()
+    },
     responseFileToFileObj(fileSetObj, responseFile) {
       const fileObj = {}
       if (fileSetObj.showNameData) {
@@ -1320,7 +1556,16 @@ export default {
       if (prop && prop === this.column.prop) {
         // 必须手动调用一下input事件，否则不会更新组件的值
         // console.log('organizationInputEvent2---prop=', prop, 'value=', value)
-        this.callCustomEventWithParam('input', { value, row: this.row, column: this.column, prop })
+        if (this.column && this.column.events) {
+          Object.keys(this.column.events).forEach((eventType) => {
+            this.callCustomEventWithParam(eventType, {
+              value,
+              row: this.row,
+              column: this.column,
+              prop
+            })
+          })
+        }
       }
     },
     // 组织结构树文本框值清空事件
@@ -1379,7 +1624,7 @@ export default {
       // console.log('multiselectChange1---arr=', arr)
       this.extendParams = selectedItem
       let isSaveAll = false
-      if (arr && arr.length > 0) {
+      if (arr && arr.length > 0 && this.type === 'multiselect' && !this.isDynamicDataSourceSource()) {
         const saveAll = 'saveAll'
         if (arr.indexOf(saveAll) !== -1) {
           const length = arr.length
@@ -1400,15 +1645,21 @@ export default {
           isSaveAll = true
         }
       }
-      // console.log('multiselectChange2---this.innerValue=', this.innerValue)
-      if (this.innerValue && typeof this.innerValue !== 'number' && this.innerValue.indexOf('saveAll') !== -1) {
-        this.innerValue.splice(this.innerValue.indexOf('saveAll'), 1)
-      }
-      // console.log('multiselectChange3---this.innerValue=', this.innerValue)
-      if (isSaveAll) {
-        this.cellEvent('input', this.innerValue)
+      if (this.type === 'multiselect') {
+        // console.log('multiselectChange2---this.innerValue=', this.innerValue)
+        if (this.innerValue && typeof this.innerValue !== 'number' && this.innerValue.indexOf('saveAll') !== -1) {
+          this.innerValue.splice(this.innerValue.indexOf('saveAll'), 1)
+        }
+        // console.log('multiselectChange3---this.innerValue=', this.innerValue)
+        const val = this.innerValue && this.innerValue.length > 0 ? this.innerValue.join(',') : null
+        if (isSaveAll) {
+          this.cellEvent('input', val)
+        }
+        this.cellEvent('change', val)
+        this.setCellValue(this.column.prop, val, 'change')
+      } else {
+        this.cellEvent('change', arr)
       }
-      this.cellEvent('change', arr)
     },
     getDefaultValue(val) {
       // 表示当前字段的是空的，但是有默认值时，给当前字段设置值
@@ -1522,9 +1773,17 @@ export default {
     isInvalidValue(value) {
       return value === undefined || value === null || value === ''
     },
+    refreshList() {
+      this.$emit('refresh-list')
+    },
     getSwitchConfig(switchProp) {
       if (this.valueSetOptions && this.valueSetOptions[switchProp]) {
-        return this.valueSetOptions[switchProp]
+        const value = this.valueSetOptions[switchProp]
+        if ('true' === value || 'false' === value) {
+          return 'true' === value
+        } else {
+          return this.valueSetOptions[switchProp]
+        }
       } else {
         if (switchProp === 'activeValue') {
           if (this.dataSourceType === 'mysql') {
@@ -1544,6 +1803,50 @@ export default {
           return '#13ce66'
         }
       }
+    },
+    scanClick() {
+      console.log('scanClick----userAgent=', this.userAgent)
+      if (this.isApk) {
+        // 表示是APK中
+        const message = {
+          type: 'scan',
+          componentId: this.componentId,
+          systemCode: this.pageContext.systemCode,
+          listCode: this.listCode
+        }
+        window.parent.postMessage(JSON.stringify(message), '*')
+      } else {
+        // 表示是移动端浏览器中
+        this.isShowBrowserScan = true
+      }
+    },
+    /**
+     * 扫描组件时，监听扫描值变化
+     */
+    watchScanValueChange(newValue) {
+      if (this.scanEnable && this.type === 'input') {
+        const valueSet = analysisScanValue(newValue, this.column._scanRuleSets)
+        if (valueSet) {
+          setScanAnalysisValue(this.row, valueSet.scanSet, valueSet.params)
+        }
+      }
+    },
+    closeBrowserScan(value) {
+      this.isShowBrowserScan = false
+      this.innerValue = value
+      this.blurEvent()
+    },
+    packageCustomRules(columnRule) {
+      console.log('packageCustomRules---columnRule=', columnRule)
+      if (!columnRule) {
+        return
+      }
+      if (columnRule.disabled !== undefined) {
+        this.$emit('change-disabled', columnRule.disabled)
+      }
+      if (columnRule.required !== undefined) {
+        this.$emit('change-required', columnRule.required)
+      }
     }
   }
 }