vue2-client 1.2.58 → 1.2.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.2.58",
+  "version": "1.2.59",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/base-client/components/common/CreateSimpleFormQuery/CreateSimpleFormQuery.vue

@@ -234,18 +234,10 @@
                   </a-form-model-item>
                 </a-col>
                 <a-col :span="8">
-                  <a-form-model-item
-                    label="允许上传文件类型"
-                    prop="accept"
-                    v-if="item.formType === 'file'">
-                    <a-input v-model="item.accept" placeholder="指定文件类型，默认不限制，可选">
-                      <a-popover slot="suffix" title="关于允许上传文件类型" placement="bottom">
-                        <template slot="content">
-                          <p>指定允许上传的文件类型扩展名，如：.doc,.docx等，详情请参考<a target="_blank" @click="visitAcceptFile">允许上传文件类型</a></p>
-                        </template>
-                        <a-icon type="info-circle" style="color: rgba(0,0,0,.45)" />
-                      </a-popover>
-                    </a-input>
+                  <a-form-model-item v-if="item.formType === 'file'" label="允许上传文件类型" prop="accept">
+                    <a-select v-model="item.accept" mode="tags" placeholder="指定文件类型，默认不限制" @change="itemAcceptChange">
+                      <a-select-option v-for="type_item in fileType" :key="type_item.accept">{{ type_item.label }}</a-select-option>
+                    </a-select>
                   </a-form-model-item>
                 </a-col>
                 <!-- TODO 配置文件上传表单-所属模块 -->
@@ -409,10 +401,10 @@
 </template>
 
 <script>
+import { fileType } from '@vue2-client/config/CreateQueryConfig'
 import XAddForm from '@vue2-client/base-client/components/common/XAddForm/XAddForm'
 import JsonViewer from 'vue-json-viewer'
 import FileSaver from 'file-saver'
-import { queryType } from '@vue2-client/config/CreateQueryConfig'
 import { mapState } from 'vuex'
 import { commonApi, post } from '@vue2-client/services/api'
 const DemoJson = [{ value: 'zhejiang', label: 'Zhejiang', children: [{ value: 'hangzhou', label: 'Hangzhou', children: [{ value: 'xihu', label: 'West Lake' }] }] }]
@@ -424,6 +416,7 @@ export default {
   },
   data () {
     return {
+      fileType,
       DemoJson,
       // 页面宽度
       screenWidth: document.documentElement.clientWidth,
@@ -782,6 +775,12 @@ export default {
         item.slotKeyMap = item.selectKey
       }
     },
+    // 文件上传限制类型修改
+    itemAcceptChange (newVal) {
+      if (newVal.includes('*')) {
+        this.item.accept = ['*']
+      }
+    },
     visitAcceptFile () {
       window.open('https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/file#attr-accept')
     },