vue2-client 1.2.35 → 1.2.37-2

package/CHANGELOG.md

@@ -1,80 +1,90 @@
-# Change Log
-> 所有关于本项目的变化都在该文档里。
-
-**##1.2.35 -2022-04-13 @江超**
-- 功能修改：
-- [工单提交] 页面不再需要登录，而是通过路径传参获取信息
-- 生成环境不再使用CDN加速
-
-**##1.2.34 -2022-04-11 @张振宇**
-- 功能修改：
-- 文件上传组件完善
-- [request.js] post请求可以自定义请求头参数了
-- [.eslint] 不限制json结尾的逗号了
-
-**##1.2.33 -2022-04-11 @朱子峰**
-- 功能修改：
-- [XFormTable]：临时表数据插入BUG修复，增加不需要数据初始化的判断
-
-**##1.2.32 -2022-04-07 @朱子峰**
-- 功能修改：
-- [XFormTable]：新增判断，如果表名以##开始，则在查询时为其创建临时表
-
-**##1.2.30 -1.2.31  -2022-04-02 @张振宇**
-- 功能修改：
-- 查询配置页面bug修改
-- 表单配置页面bug修改
-
-**##1.2.28 -2022-03-29 @朱子峰**
-- 功能修改：
-- [Cookie]：去除自定义Cookie
-
-**##1.2.27 -2022-03-29 @朱子峰**
-- 功能新增：
-- [XAddNativeForm]：将XAddForm从模态框中抽取，用于页面直接展示Form
-
-**##1.2.25 -2022-03-26 @江超**
-- 功能修改：
-- [查询配置生成]：表单[新增/修改场景]增加[version(版本号)]类型
-- [api.js]：移除[跨域代理前缀]
-- 问题修复：
-- [查询配置生成]：修复修改已有查询配置时，部分数据显示状态不一致的问题
-- [设备详情页]：修复设备抄表记录，异常记录查询报错的问题
-- [XFormItem]：修复非懒加载搜索的下拉框显示问题
-
-**##1.2.20 - 1.2.24 -2022-03-25 @朱子峰**
-- 功能修改：
-- [工单关闭/开始处理]：工单关闭和开始处理时，不由id来进行判断，改由姓名进行判断是否为同一个人
-
-**##1.2.17 - 1.2.19 -2022-03-25 @朱子峰**
-- 问题修复：
-- [钉钉消息推送]：将类别字段从int修改为String，直接传字典中的值
-- 功能修改：
-- [问题描述]：如果用户没有填写描述，新增默认值：“该用户没有填写描述信息”
-- [问题描述]：展示问题描述时，按时间倒序展示，最新的信息显示在最上面
-
-**##1.2.16 -2022-03-25 @张振宇**
-- 功能修改：
-- [查询配置生成]：逻辑修改，取消选择组和顺序，用户新增数组字段时需要选择是否为根节点，根节点index为1,不是根节点得数据字段index默认为父节点index+1
-
-**##1.2.9 - 1.2.15 -2022-03-24 @江超**
-- 功能新增：
-- [查询配置生成]：下拉框表单选择业务逻辑作为数据源时，可以选择数据源加载方式
-- [XFormItem]：当数据源加载方式为懒加载搜索时，将渲染一个可以根据关键词实时查询的选择框
-- 问题修复：
-- [查询配置生成]：修复修改已有查询配置时，显示状态不一致的问题
-- [指令详情页]：修复操作记录查询报错的问题
-
-**##1.2.8 -2022-03-24 @江超**
-- 问题修复：
-- [登录页面]：修复登录后欢迎提示出现undefined的问题
-- [查询配置生成]：修复修改表单查询方式下拉框报错的问题
-
-**##1.2.7 -2022-03-24 @江超**
-- 功能新增：
-- [系统设置]：新增 [工单提交] 功能（submitTicket），用户在操作业务时如发现系统异常，可使用该功能反馈问题
-- [登录页面]：登陆人部门为 [用户工单登记] 时会直接跳转到[工单提交]页面（在基于新架构的营收全面使用时，会取消该限制，并将[工单提交]作为常驻功能）
-
-**##1.0.0 - 1.2.6 -2022-03-23 @陈栋扬**
-- 初始化：
-- 公共组件和配置抽取完成
+# Change Log
+> 所有关于本项目的变化都在该文档里。
+
+**##1.2.37 -2022-04-21 @张振宇**
+- `CreateQuery.vue`  还原不小心删除的内容
+- `CreateQuery.vue`  调整v_if的位置
+
+**##1.2.36 -2022-04-21 @苗艳强**
+- 样式修改：
+- 修正了一处布局问题
+- 布局配置：
+- 默认开启 TabsHead 固定位置
+
+**##1.2.35 -2022-04-13 @江超**
+- 功能修改：
+- [工单提交] 页面不再需要登录，而是通过路径传参获取信息
+- 生成环境不再使用CDN加速
+
+**##1.2.34 -2022-04-11 @张振宇**
+- 功能修改：
+- 文件上传组件完善
+- [request.js] post请求可以自定义请求头参数了
+- [.eslint] 不限制json结尾的逗号了
+
+**##1.2.33 -2022-04-11 @朱子峰**
+- 功能修改：
+- [XFormTable]：临时表数据插入BUG修复，增加不需要数据初始化的判断
+
+**##1.2.32 -2022-04-07 @朱子峰**
+- 功能修改：
+- [XFormTable]：新增判断，如果表名以##开始，则在查询时为其创建临时表
+
+**##1.2.30 -1.2.31  -2022-04-02 @张振宇**
+- 功能修改：
+- 查询配置页面bug修改
+- 表单配置页面bug修改
+
+**##1.2.28 -2022-03-29 @朱子峰**
+- 功能修改：
+- [Cookie]：去除自定义Cookie
+
+**##1.2.27 -2022-03-29 @朱子峰**
+- 功能新增：
+- [XAddNativeForm]：将XAddForm从模态框中抽取，用于页面直接展示Form
+
+**##1.2.25 -2022-03-26 @江超**
+- 功能修改：
+- [查询配置生成]：表单[新增/修改场景]增加[version(版本号)]类型
+- [api.js]：移除[跨域代理前缀]
+- 问题修复：
+- [查询配置生成]：修复修改已有查询配置时，部分数据显示状态不一致的问题
+- [设备详情页]：修复设备抄表记录，异常记录查询报错的问题
+- [XFormItem]：修复非懒加载搜索的下拉框显示问题
+
+**##1.2.20 - 1.2.24 -2022-03-25 @朱子峰**
+- 功能修改：
+- [工单关闭/开始处理]：工单关闭和开始处理时，不由id来进行判断，改由姓名进行判断是否为同一个人
+
+**##1.2.17 - 1.2.19 -2022-03-25 @朱子峰**
+- 问题修复：
+- [钉钉消息推送]：将类别字段从int修改为String，直接传字典中的值
+- 功能修改：
+- [问题描述]：如果用户没有填写描述，新增默认值：“该用户没有填写描述信息”
+- [问题描述]：展示问题描述时，按时间倒序展示，最新的信息显示在最上面
+
+**##1.2.16 -2022-03-25 @张振宇**
+- 功能修改：
+- [查询配置生成]：逻辑修改，取消选择组和顺序，用户新增数组字段时需要选择是否为根节点，根节点index为1,不是根节点得数据字段index默认为父节点index+1
+
+**##1.2.9 - 1.2.15 -2022-03-24 @江超**
+- 功能新增：
+- [查询配置生成]：下拉框表单选择业务逻辑作为数据源时，可以选择数据源加载方式
+- [XFormItem]：当数据源加载方式为懒加载搜索时，将渲染一个可以根据关键词实时查询的选择框
+- 问题修复：
+- [查询配置生成]：修复修改已有查询配置时，显示状态不一致的问题
+- [指令详情页]：修复操作记录查询报错的问题
+
+**##1.2.8 -2022-03-24 @江超**
+- 问题修复：
+- [登录页面]：修复登录后欢迎提示出现undefined的问题
+- [查询配置生成]：修复修改表单查询方式下拉框报错的问题
+
+**##1.2.7 -2022-03-24 @江超**
+- 功能新增：
+- [系统设置]：新增 [工单提交] 功能（submitTicket），用户在操作业务时如发现系统异常，可使用该功能反馈问题
+- [登录页面]：登陆人部门为 [用户工单登记] 时会直接跳转到[工单提交]页面（在基于新架构的营收全面使用时，会取消该限制，并将[工单提交]作为常驻功能）
+
+**##1.0.0 - 1.2.6 -2022-03-23 @陈栋扬**
+- 初始化：
+- 公共组件和配置抽取完成

package/package.json

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

package/src/base-client/all.js

@@ -1,59 +1,61 @@
-import Vue from 'vue'
-
-import CustomColumnsDrawer from '@vue2-client/base-client/components/common/CustomColumnsDrawer'
-import InstructDetailsView from '@vue2-client/base-client/components/iot/InstructDetailsView'
-import MeterDetailsView from '@vue2-client/base-client/components/iot/MeterDetailsView'
-import CustomerDetailsView from '@vue2-client/base-client/components/iot/CustomerDetailsView'
-import LogDetailsView from '@vue2-client/base-client/components/iot/LogDetailsView'
-import WebmeterAnalysisView from '@vue2-client/base-client/components/iot/WebmeterAnalysisView'
-import XCard from '@vue2-client/base-client/components/common/XCard/XCard'
-import XFormCol from '@vue2-client/base-client/components/common/XFormCol'
-import XBadge from '@vue2-client/base-client/components/common/XBadge'
-import DataAnalysisView from '@vue2-client/base-client/components/iot/DataAnalysisView'
-import DataAnalysisUser from '@vue2-client/base-client/components/iot/DataAnalysisUser'
-import SrcollList from '@vue2-client/base-client/components/common/ScrollList'
-import DeviceTypeDetailsView from '@vue2-client/base-client/components/iot/DeviceTypeDetailsView'
-import DeviceBrandDetailsView from '@vue2-client/base-client/components/iot/DeviceBrandDetailsView'
-import DictionaryDetailsView from '@vue2-client/base-client/components/system/DictionaryDetailsView'
-import QueryParamsDetailsView from '@vue2-client/base-client/components/system/QueryParamsDetailsView'
-import DeviceDetailsView from '@vue2-client/base-client/components/iot/DeviceDetailsView'
-import TicketDetailsView from '@vue2-client/base-client/components/ticket/TicketDetailsView'
-import EmployeeDetailsView from '@vue2-client/base-client/components/ticket/EmployeeDetailsView'
-import submitTicketSuccess from '@vue2-client/base-client/components/ticket/TicketSubmitSuccessView'
-import CreateQuery from '@vue2-client/base-client/components/common/CreateQuery'
-import CreateSimpleFormQuery from '@vue2-client/base-client/components/common/CreateSimpleFormQuery'
-import FormGroupQuery from '@vue2-client/base-client/components/common/FormGroupQuery'
-import FormGroupEdit from '@vue2-client/base-client/components/common/FormGroupEdit'
-import JSONToTree from '@vue2-client/base-client/components/common/JSONToTree'
-import Upload from '@vue2-client/base-client/components/common/Upload'
-
-// 插件
-import Plugins from '@vue2-client/base-client/plugins'
-Vue.use(Plugins)
-
-Vue.component('custom-columns-drawer', CustomColumnsDrawer)
-Vue.component('InstructDetailsView', InstructDetailsView)
-Vue.component('MeterDetailsView', MeterDetailsView)
-Vue.component('CustomerDetailsView', CustomerDetailsView)
-Vue.component('LogDetailsView', LogDetailsView)
-Vue.component('WebmeterAnalysisView', WebmeterAnalysisView)
-Vue.component('XCard', XCard)
-Vue.component('XBadge', XBadge)
-Vue.component('XFormCol', XFormCol)
-Vue.component('DataAnalysisView', DataAnalysisView)
-Vue.component('DataAnalysisUser', DataAnalysisUser)
-Vue.component('SrcollList', SrcollList)
-Vue.component('DeviceTypeDetailsView', DeviceTypeDetailsView)
-Vue.component('DeviceBrandDetailsView', DeviceBrandDetailsView)
-Vue.component('DeviceDetailsView', DeviceDetailsView)
-Vue.component('DictionaryDetailsView', DictionaryDetailsView)
-Vue.component('QueryParamsDetailsView', QueryParamsDetailsView)
-Vue.component('TicketDetailsView', TicketDetailsView)
-Vue.component('EmployeeDetailsView', EmployeeDetailsView)
-Vue.component('submitTicketSuccess', submitTicketSuccess)
-Vue.component('CreateQuery', CreateQuery)
-Vue.component('CreateSimpleFormQuery', CreateSimpleFormQuery)
-Vue.component('FormGroupQuery', FormGroupQuery)
-Vue.component('FormGroupEdit', FormGroupEdit)
-Vue.component('JSONToTree', JSONToTree)
-Vue.component('Upload', Upload)
+import Vue from 'vue'
+
+import CustomColumnsDrawer from '@vue2-client/base-client/components/common/CustomColumnsDrawer'
+import InstructDetailsView from '@vue2-client/base-client/components/iot/InstructDetailsView'
+import MeterDetailsView from '@vue2-client/base-client/components/iot/MeterDetailsView'
+import CustomerDetailsView from '@vue2-client/base-client/components/iot/CustomerDetailsView'
+import LogDetailsView from '@vue2-client/base-client/components/iot/LogDetailsView'
+import WebmeterAnalysisView from '@vue2-client/base-client/components/iot/WebmeterAnalysisView'
+import XCard from '@vue2-client/base-client/components/common/XCard/XCard'
+import XFormCol from '@vue2-client/base-client/components/common/XFormCol'
+import XBadge from '@vue2-client/base-client/components/common/XBadge'
+import DataAnalysisView from '@vue2-client/base-client/components/iot/DataAnalysisView'
+import DataAnalysisUser from '@vue2-client/base-client/components/iot/DataAnalysisUser'
+import SrcollList from '@vue2-client/base-client/components/common/ScrollList'
+import AmapPointRendering from '@vue2-client/base-client/components/common/AmapMarker'
+import DeviceTypeDetailsView from '@vue2-client/base-client/components/iot/DeviceTypeDetailsView'
+import DeviceBrandDetailsView from '@vue2-client/base-client/components/iot/DeviceBrandDetailsView'
+import DictionaryDetailsView from '@vue2-client/base-client/components/system/DictionaryDetailsView'
+import QueryParamsDetailsView from '@vue2-client/base-client/components/system/QueryParamsDetailsView'
+import DeviceDetailsView from '@vue2-client/base-client/components/iot/DeviceDetailsView'
+import TicketDetailsView from '@vue2-client/base-client/components/ticket/TicketDetailsView'
+import EmployeeDetailsView from '@vue2-client/base-client/components/ticket/EmployeeDetailsView'
+import submitTicketSuccess from '@vue2-client/base-client/components/ticket/TicketSubmitSuccessView'
+import CreateQuery from '@vue2-client/base-client/components/common/CreateQuery'
+import CreateSimpleFormQuery from '@vue2-client/base-client/components/common/CreateSimpleFormQuery'
+import FormGroupQuery from '@vue2-client/base-client/components/common/FormGroupQuery'
+import FormGroupEdit from '@vue2-client/base-client/components/common/FormGroupEdit'
+import JSONToTree from '@vue2-client/base-client/components/common/JSONToTree'
+import Upload from '@vue2-client/base-client/components/common/Upload'
+
+// 插件
+import Plugins from '@vue2-client/base-client/plugins'
+Vue.use(Plugins)
+
+Vue.component('custom-columns-drawer', CustomColumnsDrawer)
+Vue.component('InstructDetailsView', InstructDetailsView)
+Vue.component('MeterDetailsView', MeterDetailsView)
+Vue.component('CustomerDetailsView', CustomerDetailsView)
+Vue.component('LogDetailsView', LogDetailsView)
+Vue.component('WebmeterAnalysisView', WebmeterAnalysisView)
+Vue.component('XCard', XCard)
+Vue.component('XBadge', XBadge)
+Vue.component('XFormCol', XFormCol)
+Vue.component('DataAnalysisView', DataAnalysisView)
+Vue.component('DataAnalysisUser', DataAnalysisUser)
+Vue.component('SrcollList', SrcollList)
+Vue.component('DeviceTypeDetailsView', DeviceTypeDetailsView)
+Vue.component('DeviceBrandDetailsView', DeviceBrandDetailsView)
+Vue.component('DeviceDetailsView', DeviceDetailsView)
+Vue.component('DictionaryDetailsView', DictionaryDetailsView)
+Vue.component('QueryParamsDetailsView', QueryParamsDetailsView)
+Vue.component('TicketDetailsView', TicketDetailsView)
+Vue.component('EmployeeDetailsView', EmployeeDetailsView)
+Vue.component('submitTicketSuccess', submitTicketSuccess)
+Vue.component('CreateQuery', CreateQuery)
+Vue.component('CreateSimpleFormQuery', CreateSimpleFormQuery)
+Vue.component('FormGroupQuery', FormGroupQuery)
+Vue.component('FormGroupEdit', FormGroupEdit)
+Vue.component('JSONToTree', JSONToTree)
+Vue.component('Upload', Upload)
+Vue.component('AmapPointRendering', AmapPointRendering)

package/src/base-client/components/common/AmapMarker/AmapPointRendering.vue

@@ -0,0 +1,104 @@
+<template >
+  <div id="amap_point_rendering_map" :style="mapStyle">
+    <div v-show="false">
+      <div id="amap_point_rendering_template">
+        <a-descriptions :column="1">
+          <a-descriptions-item v-for="(des, index) in describeList" :key="index" :label="des.describe" >{{ markers[des.field] }}</a-descriptions-item>
+        </a-descriptions>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    name: 'AmapPointRendering',
+    props: {
+      // 选中点位后需要展示的信息描述
+      describeList: {
+        type: Array,
+        // eslint-disable-next-line vue/require-valid-default-prop
+        default: () => { return [ ] } // lng:描述信息 lat:描述信息对应的值的字段名 { describe: '用户名称', field: 'name' }
+      },
+      // 需要渲染的点位数据
+      markers: {
+        type: Object,
+        default: null // lng:精度值 lat:纬度值
+      },
+      // 渲染点位的图片
+      imgurl: {
+        type: String,
+        default: '/image/success1.png'
+      },
+      mapStyle: {
+        type: Object,
+        default: () => {
+          return {
+            width: '100%',
+            height: '85vh',
+            border: '2px solid lightgray',
+            'border-radius': '5px'
+          }
+        }
+      }
+    },
+    data () {
+      return {
+        map: null,
+        geocoder: null, // 逆地理编码
+        infoWindow: null,
+        selectrow: {}
+      }
+    },
+    created () {
+    },
+    mounted () {
+      this.initMap()
+      this.initData()
+    },
+    methods: {
+      initData () {
+        // 创建一个 Marker 实例：
+        if (this.markers && this.markers.lng && this.markers.lat) {
+          const that = this
+          const marker = new this.$AMap.Marker({
+            position: new this.$AMap.LngLat(this.markers.lng, this.markers.lat), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+            title: '北京',
+            icon: new this.$AMap.Icon({
+              size: new this.$AMap.Size(26, 28), // 图标大小
+              url: this.imgurl, // 报警图标URL
+              anchor: new this.$AMap.Pixel(0, 0), // 图标偏移位置
+            }),
+            extData: this.markers
+          })
+          marker.on('click', function (e) {
+            that.infoWindow.setContent(document.getElementById('amap_point_rendering_template'))
+            that.infoWindow.open(that.map, [e.target.getExtData().lng, e.target.getExtData().lat])
+          })
+          // 将创建的点标记添加到已有的地图实例：
+          this.map.add(marker)
+          this.map.setFitView()
+        }
+      },
+      initMap () {
+        this.map = new this.$AMap.Map('amap_point_rendering_map', { // 设置地图容器id
+          resizeEnable: true, // 是否监控地图容器尺寸变化
+          zoom: 17, // 初始化地图层级
+          center: [108.943784, 34.265] // 初始化地图中心点
+        })
+        this.geocoder = new this.$AMap.Geocoder({
+          radius: 500 // 范围，默认：500
+        })
+        this.map.addControl(new this.$AMap.ToolBar()) // 初始化工具插件
+        // 初始化窗体
+        this.infoWindow = new this.$AMap.InfoWindow({
+          anchor: 'bottom-center',
+          isCustom: false, // 使用自定义窗体
+          autoMove: true,
+          content: '',
+          showShadow: true,
+          offset: new this.$AMap.Pixel(0, -25)
+        })
+      }
+    }
+  }
+</script>

package/src/base-client/components/common/AmapMarker/index.js

@@ -0,0 +1,3 @@
+import AmapPointRendering from './AmapPointRendering'
+
+export default AmapPointRendering

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

@@ -211,9 +211,8 @@
                   <a-input v-model="item.title" placeholder="请输入数据字段中文名，如：编号"/>
                 </a-form-model-item>
               </a-col>
-              <a-col :span="8">
+              <a-col :span="8" v-if="!(item.formType === 'file' || item.formType === 'image')">
                 <a-form-model-item
-                  v-if="!(item.formType === 'file' || item.formType === 'image')"
                   label="数据字段名"
                   prop="key">
                   <a-input v-model="item.key" placeholder="请输入数据字段名" ref="key">
@@ -237,13 +236,28 @@
               </a-col>
             </a-row>
             <template v-if="dataMode.queryForm || dataMode.addOrEditForm">
-              <a-row :gutter="24" v-if="item.formType === 'file' || item.formType === 'image'">
-                <a-col :span="8">
+              <a-row :gutter="24">
+                <a-col :span="8" v-if="item.formType !== 'checkbox' && item.formType !== 'radio' && item.formType !== 'file' && item.formType !== 'image'">
+                  <a-form-model-item
+                    label="表单水印"
+                    prop="placeholder">
+                    <a-input v-model="item.placeholder" placeholder="表单水印（placeholder），可选" />
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="8" v-if="dataMode.queryForm && dataMode.sqlQueryCondition">
+                  <a-form-model-item label="表单查询方式" prop="queryType">
+                    <a-select v-model="item.queryType" placeholder="表单查询方式，可选">
+                      <template v-for="queryTypeItem in queryTypeV">
+                        <a-select-option :key="queryTypeItem.key">{{ queryTypeItem.label }}</a-select-option>
+                      </template>
+                    </a-select>
+                  </a-form-model-item>
+                </a-col>
+                <a-col :span="8" v-if="item.formType === 'file' || item.formType === 'image'">
                   <a-form-model-item
                     style="margin-bottom: 0"
                     label="允许上传文件数量"
-                    prop="accept"
-                    v-if="item.formType === 'file' || item.formType === 'image'">
+                    prop="accept">
                     <a-slider
                       v-model="item.acceptCount"
                       :min="1"
@@ -253,31 +267,26 @@
                     />
                   </a-form-model-item>
                 </a-col>
-                <a-col :span="8">
+                <a-col :span="8" v-if="item.formType === 'file' || item.formType === 'image'">
                   <a-form-model-item
                     label="上传至仓库"
-                    prop="resUploadStock"
-                    v-if="item.formType === 'file' || item.formType === 'image'">
+                    prop="resUploadStock">
                     <a-select v-model="item.resUploadStock" placeholder="选择文件上传到的仓库" @change="changeStock">
                       <a-select-option v-for="stock in stockList" :key="stock.id">{{ stock.f_name }}</a-select-option>
                     </a-select>
                   </a-form-model-item>
                 </a-col>
-                <a-col :span="8">
+                <a-col :span="8" v-if="(item.formType === 'file' || item.formType === 'image') && (lowerPath.length > 0 || item.pathKey)">
                   <a-form-model-item
                     label="仓库扩展路径"
-                    prop="pathKey"
-                    v-if="(item.formType === 'file' || item.formType === 'image') && (lowerPath.length > 0 || item.pathKey)">
+                    prop="pathKey">
                     <a-select v-model="item.pathKey" placeholder="仓库扩展路径">
                       <a-select-option v-for="pathKey in lowerPath" :key="pathKey.label">{{ pathKey.label }}</a-select-option>
                     </a-select>
                   </a-form-model-item>
                 </a-col>
-                <a-col :span="8">
-                  <a-form-model-item
-                    label="允许上传文件类型"
-                    prop="accept"
-                    v-if="item.formType === 'file'">
+                <a-col :span="8" v-if="item.formType === 'file'">
+                  <a-form-model-item label="允许上传文件类型" prop="accept" >
                     <a-select
                       mode="tags"
                       v-model="item.accept"
@@ -338,11 +347,10 @@
                 </a-col>
               </a-row>
               <a-row :gutter="16">
-                <a-col :span="8">
+                <a-col :span="8" v-if="item.formType === 'select' || (item.formType === 'selects' && item.groupIndex == 1) || item.formType === 'cascader'">
                   <a-form-model-item
                     label="数据源类型"
-                    prop="selectType"
-                    v-if="item.formType === 'select' || (item.formType === 'selects' && item.groupIndex == 1) || item.formType === 'cascader'">
+                    prop="selectType">
                     <a-select v-model="item.selectType" placeholder="请选择数据源类型" @change="changeSelectKey(item)">
                       <a-select-option key="key">字典键</a-select-option>
                       <a-select-option key="fixArray">固定集合</a-select-option>
@@ -370,11 +378,10 @@
                     </a-select>
                   </a-form-model-item>
                 </a-col>
-                <a-col :span="8">
+                <a-col :span="8" v-if="(item.formType === 'select' || (item.formType === 'selects' && item.groupIndex == 1) || item.formType === 'cascader') && item.selectType">
                   <a-form-model-item
                     label="数据源"
-                    prop="selectKey"
-                    v-if="(item.formType === 'select' || (item.formType === 'selects' && item.groupIndex == 1) || item.formType === 'cascader') && item.selectType">
+                    prop="selectKey">
                     <a-select
                       show-search
                       v-model="item.selectKey"
@@ -395,8 +402,8 @@
                     <a-textarea v-model="item.selectKey" v-if="item.selectType === 'fixArray'" placeholder="请录入数据源"/>
                   </a-form-model-item>
                 </a-col>
-                <a-col :span="8">
-                  <a-form-model-item label="数据外键字段名" prop="selectKeyName" v-if="item.formType === 'select'">
+                <a-col :span="8" v-if="item.formType === 'select'">
+                  <a-form-model-item label="数据外键字段名" prop="selectKeyName">
                     <a-input v-model="item.selectKeyName" placeholder="该列所在表在主表的外键名，可选">
                       <a-popover slot="suffix" title="关于数据外键字段名" placement="bottom">
                         <template slot="content">
@@ -488,9 +495,8 @@
                     </a-select>
                   </a-form-model-item>
                 </a-col>
-                <a-col :span="8">
+                <a-col :span="8" v-if="item.addOrEdit === 'silenceAdd'">
                   <a-form-model-item
-                    v-if="item.addOrEdit === 'silenceAdd'"
                     ref="silencePurpose"
                     label="字段用途"
                     prop="silencePurpose">
@@ -514,8 +520,8 @@
                     </a-select>
                   </a-form-model-item>
                 </a-col>
-                <a-col :span="8">
-                  <a-form-model-item v-if="item.silencePurpose === 'customize'" label="业务逻辑" prop="silenceSource">
+                <a-col :span="8" v-if="item.silencePurpose === 'customize'" label="业务逻辑" prop="silenceSource">
+                  <a-form-model-item>
                     <a-input v-model="item.silenceSource" placeholder="请输入业务逻辑名称"/>
                   </a-form-model-item>
                 </a-col>
@@ -559,8 +565,8 @@
                     </a-popover>
                   </a-form-model-item>
                 </a-col>
-                <a-col :span="8">
-                  <a-form-model-item label="字段默认值" prop="default" v-if="dataMode.sqlQueryItem">
+                <a-col :span="8" v-if="dataMode.sqlQueryItem">
+                  <a-form-model-item label="字段默认值" prop="default">
                     <a-input v-model="item.default" placeholder="当查询结果为null时，指定默认值，可选"/>
                   </a-form-model-item>
                 </a-col>
@@ -1298,6 +1304,7 @@ export default {
       }
     },
     changeFormType (item) {
+      this.item.queryType = null
       if (item.formType === 'file' || item.formType === 'image') {
         this.item.accept = item.formType === 'file' ? ['*'] : ['.jpg,.jpeg,.ico,.gif,svg,.webp,.png,.bmp,.pjpeg,']
         this.item.resUploadMode = 'server'