app-form-view 0.0.3 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "app-form-view",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "vue表单组件库",
   "main": "dist/index.js",
   "publishConfig": {

package/src/api/app-form.js

@@ -0,0 +1,152 @@
+
+const BASE = 'sjyy/sjczgl/form/bdgl/config/'
+const API = {
+    scene: BASE + 'getFromConfigScene',
+    addSave: BASE + 'formConfigAdd',
+    editSave: BASE + 'formConfigEdit',
+    view: BASE + 'formConfigView',
+    getData: 'sjyy/sjczgl/form/bdgl/formBdglView',
+    getSjyyFields: 'sjyy/sjcxgl/sjxgl/getYsjSjxList',
+    getDict: BASE + 'getFormDictData',
+    getFormInitData: 'sjyy/sjczgl/sjcjh/getFormInitData',
+    getViewData: 'sjyy/sjczgl/sjcjh/getDataViewById'
+}
+export const APIOPTIONS = [
+    { label: '系统管理信息-用户管理', url: BASE + 'selectUsers', method: 'get', fhType: 'page', paramsList: [{ label: '选择模式', name: 'xzms', value: '' }], xtgllx: 'user-gl' },
+    { label: '系统管理信息-角色管理', url: BASE + 'selectRoles', method: 'get', fhType: 'page', paramsList: [{ label: '选择模式', name: 'xzms', value: '' }], xtgllx: 'role-gl' },
+    { label: '系统管理信息-部门管理', url: 'system/dept/roleDeptTreeData', fhType: 'page', method: 'get', paramsList: [], xtgllx: 'dept-gl' },
+    { label: '数据查询应用数据表页面', url: BASE + 'sjyyZycxSjzy', fhType: 'page', method: 'get', paramsList: [{ label: '选择模式', name: 'xzms', value: '' }, { label: '数据表ID', name: 'id', value: '' }], xtgllx: 'sjcxyy-table' },
+    { label: '数据查询应用数据表JSON', url: 'sjyy/zycx/getZycxDataList', fhType: 'json', method: 'post', paramsList: [{ label: '选择模式', name: 'xzms', value: '' }, { label: '数据表ID', name: 'id', value: '' }], xtgllx: 'sjcxyy-table' }
+]
+export const TYPEMAPPINGS = {
+    input: {
+        widget: 'input'
+    },
+    radio: {
+        widget: 'radio',
+    },
+    checkbox: {
+        widget: 'checkbox',
+    },
+    textarea: {
+        widget: 'textarea',
+    },
+    select: {
+        widget: 'select',
+    },
+    date: {
+        widget: 'datetime',
+    },
+    rqsjfw: {
+        widget: 'datetimeRange',
+    },
+    password: {
+        widget: 'password',
+    },
+    number: {
+        widget: 'inputNumber'
+    },
+    upload: {
+        widget: 'inputUpload'
+    },
+    tree_select: {
+        widget: 'inputTree'
+    }
+}
+//
+export function getFormConfig(data) {
+
+}
+export function getFormConfigScene(data) {
+    return this.$request({
+        url: API.scene,
+        method: 'post',
+        data: data
+    })
+}
+
+export function saveFormData(data) {
+    return this.$request({
+        url: data.id !== undefined ? API.editSave : API.addSave,
+        method: 'post',
+        data: data
+    })
+}
+export function getTableData(data) {
+    return this.$request({
+        url: API.getData,
+        method: 'post',
+        data: data
+    })
+}
+
+export function getUserInfo() {
+    return this.$request({
+        url: '/sjyy/sjczgl/form/bdgl/config/getDqyh',
+        method: 'get'
+    })
+}
+
+export function getFormData(data) {
+    return this.$request({
+        url: API.view,
+        method: 'post',
+        data: data
+    })
+}
+
+export function getSjyyFields(data) {
+    return this.$request({
+        url: API.getSjyyFields,
+        method: 'post',
+        data: data
+    })
+}
+export function getDict(dictType, dictLylx) {
+    return this.$request({
+        url: API.getDict,
+        method: 'post',
+        data: { dictType, dictLylx: dictLylx || 'sys' }
+    })
+}
+
+// 接口列表
+export function apiList(query) {
+    return this.$request({
+        url: '/gzt/jkgl/getGztJklist',
+        method: 'post',
+        data: query
+    })
+}
+// 接口详情
+export function apiView(id) {
+    return this.$request({
+        url: '/gzt/jkgl/jkglView',
+        method: 'post',
+        data: { id }
+    })
+}
+
+export function getViewData(data) {
+    return this.$request({
+        url: API.getViewData,
+        method: 'post',
+        data: data
+    })
+}
+
+export function getFormInitData(data) {
+    return this.$request({
+        url: API.getFormInitData,
+        method: 'post',
+        data: data
+    })
+}
+
+export function getData(url, data) {
+    return this.$request({
+        url: url,
+        method: 'post',
+        data: data
+    })
+}

package/src/api/dict/app-data.js

@@ -0,0 +1,11 @@
+
+
+// 根据字典类型查询字典数据信息
+export function getDicts(dictType, dictLylx) {
+  let type = dictType.split('/')[0]
+  return this.$request({
+    url: '/sjyy/sjczgl/form/bdgl/config/getFormDictData',
+    data: { dictType: type, dictLylx: dictLylx || dictType.split('/')[1] || 'sys' },
+    method: 'post'
+  })
+}

package/src/app-index.js

@@ -1,53 +1,55 @@
 import Vue from 'vue'
 import '@/assets/scss/app-form.scss'
 import viewAppForm from '@/views/build/viewAppForm.vue'
-// 全部导入改名
-import _AppForm from '@/components/appForm/Form.vue'
-import _AppFormItem from '@/components/appForm/Formitem.vue'
-import _AppSubRow from '@/components/appForm/SubRow.vue'
-import _AppInput from '@/components/appForm/Input.vue'
-import _AppTextBox from '@/components/appForm/TextBox.vue'
-import _AppInputHidden from '@/components/appForm/InputHidden.vue'
-import _AppSelect from '@/components/appForm/Select.vue'
-import _AppRadio from '@/components/appForm/Radio.vue'
-import _AppCheckbox from '@/components/appForm/Checkbox.vue'
-import _AppDateTimePicker from '@/components/appForm/DateTimePicker.vue'
-import _AppDateTimeRange from '@/components/appForm/DateTimePickers.vue'
-import _AppInputTree from '@/components/appForm/inputTree.vue'
-import _AppInputUpload from '@/components/appForm/InputUpload.vue'
-import _AppSearchSelect from '@/components/appForm/SearchSelect.vue'
-import _AppSearchApi from '@/components/appForm/SearchApi.vue'
-import _AppSubTitle from '@/components/appForm/SubTitle.vue'
-import _AppTable from '@/components/appForm/Table.vue'
-import _AppButton from '@/components/appForm/Button.vue'
-import _AppLayoutBlock from './components/appForm/LayoutBlock.vue'
+import AppForm from '@/components/appForm/Form.vue'
+import AppFormItem from '@/components/appForm/Formitem.vue'
+import AppSubRow from '@/components/appForm/SubRow.vue'
+import AppInput from '@/components/appForm/Input.vue'
+import AppTextBox from '@/components/appForm/TextBox.vue'
+import AppInputHidden from '@/components/appForm/InputHidden.vue'
+import AppSelect from '@/components/appForm/Select.vue'
+import AppRadio from '@/components/appForm/Radio.vue'
+import AppCheckbox from '@/components/appForm/Checkbox.vue'
+import AppDateTimePicker from '@/components/appForm/DateTimePicker.vue'
+import AppDateTimeRange from '@/components/appForm/DateTimePickers.vue'
+import AppInputTree from '@/components/appForm/inputTree.vue'
+import AppInputUpload from '@/components/appForm/InputUpload.vue'
+import AppSearchSelect from '@/components/appForm/SearchSelect.vue'
+import AppSearchApi from '@/components/appForm/SearchApi.vue'
+import AppSubTitle from '@/components/appForm/SubTitle.vue'
+import AppTable from '@/components/appForm/Table.vue'
+import AppButton from '@/components/appForm/Button.vue'
+import AppLayoutBlock from './components/appForm/LayoutBlock.vue'
 
 const components = {
     AppFormView: viewAppForm,
-    AppForm: _AppForm,
-    AppFormItem: _AppFormItem,
-    AppSubRow: _AppSubRow,
-    AppInput: _AppInput,
-    AppTextBox: _AppTextBox,
-    AppInputHidden: _AppInputHidden,
-    AppSelect: _AppSelect,
-    AppRadio: _AppRadio,
-    AppCheckbox: _AppCheckbox,
-    AppDateTimePicker: _AppDateTimePicker,
-    AppDateTimeRange: _AppDateTimeRange,
-    AppInputTree: _AppInputTree,
-    AppInputUpload: _AppInputUpload,
-    AppSearchSelect: _AppSearchSelect,
-    AppSearchApi: _AppSearchApi,
-    AppSubTitle: _AppSubTitle,
-    AppTable: _AppTable,
-    AppButton: _AppButton,
-    AppLayoutBlock: _AppLayoutBlock
+    AppForm,
+    AppFormItem,
+    AppSubRow,
+    AppInput,
+    AppTextBox,
+    AppInputHidden,
+    AppSelect,
+    AppRadio,
+    AppCheckbox,
+    AppDateTimePicker,
+    AppDateTimeRange,
+    AppInputTree,
+    AppInputUpload,
+    AppSearchSelect,
+    AppSearchApi,
+    AppSubTitle,
+    AppTable,
+    AppButton,
+    AppLayoutBlock
 }
 
 const install = function (Vue) {
     if (install.installed) return
     install.installed = true
+    if (options.request) {
+        Vue.prototype.$request = options.request
+    }
     Object.values(components).forEach(comp => {
         Vue.component(comp.name, comp)
     })
@@ -59,24 +61,24 @@ const AppFormPlugin = {
 }
 export default AppFormPlugin
 
-// 现在导出变量名和导入别名不冲突，正常编译
+// 逐行具名导出，不会和顶部import变量重名
 export const AppFormView = components.AppFormView
-export const AppForm = components.AppForm
-export const AppFormItem = components.AppFormItem
-export const AppSubRow = components.AppSubRow
-export const AppInput = components.AppInput
-export const AppTextBox = components.AppTextBox
-export const AppInputHidden = components.AppInputHidden
-export const AppSelect = components.AppSelect
-export const AppRadio = components.AppRadio
-export const AppCheckbox = components.AppCheckbox
-export const AppDateTimePicker = components.AppDateTimePicker
-export const AppDateTimeRange = components.AppDateTimeRange
-export const AppInputTree = components.AppInputTree
-export const AppInputUpload = components.AppInputUpload
-export const AppSearchSelect = components.AppSearchSelect
-export const AppSearchApi = components.AppSearchApi
-export const AppSubTitle = components.AppSubTitle
-export const AppTable = components.AppTable
-export const AppButton = components.AppButton
-export const AppLayoutBlock = components.AppLayoutBlock
+export const CAppForm = components.AppForm
+export const CAppFormItem = components.AppFormItem
+export const CAppSubRow = components.AppSubRow
+export const CAppInput = components.AppInput
+export const CAppTextBox = components.AppTextBox
+export const CAppInputHidden = components.AppInputHidden
+export const CAppSelect = components.AppSelect
+export const CAppRadio = components.AppRadio
+export const CAppCheckbox = components.AppCheckbox
+export const CAppDateTimePicker = components.AppDateTimePicker
+export const CAppDateTimeRange = components.AppDateTimeRange
+export const CAppInputTree = components.AppInputTree
+export const CAppInputUpload = components.AppInputUpload
+export const CAppSearchSelect = components.AppSearchSelect
+export const CAppSearchApi = components.AppSearchApi
+export const CAppSubTitle = components.AppSubTitle
+export const CAppTable = components.AppTable
+export const CAppButton = components.AppButton
+export const CAppLayoutBlock = components.AppLayoutBlock

package/src/components/appForm/Checkbox.vue

@@ -5,13 +5,13 @@
                 :disabled="attrs.readonly || attrs.disabled">
                 <van-checkbox :name="option.value" v-for="option in selectOptions" :key="option.value" shape="square">{{
                     option.label
-                    }}</van-checkbox>
+                }}</van-checkbox>
         </template>
     </van-field>
 </template>
 
 <script>
-import { getDicts } from '@/api/dict/data'
+import { getDicts } from '@/api/dict/app-data'
 import baseMixin from './baseMixin.js'
 import eventsMixin from '../form/form-event-mixin.js'
 

package/src/components/appForm/Radio.vue

@@ -4,13 +4,13 @@
             <van-radio-group v-model="innerValue" @change="handleChange" direction="horizontal"
                 :disabled="attrs.readonly || attrs.disabled">
                 <van-radio :name="option.value" v-for="option in selectOptions" :key="option.value">{{ option.label
-                    }}</van-radio>
+                }}</van-radio>
         </template>
     </van-field>
 </template>
 
 <script>
-import { getDicts } from '@/api/dict/data'
+import { getDicts } from '@/api/dict/app-data'
 import baseMixin from './baseMixin.js'
 import eventsMixin from '../form/form-event-mixin.js'
 

package/src/components/appForm/dynamicMixin.js

@@ -1,5 +1,4 @@
 import { mapState } from 'vuex'
-import request from '@/utils/request'
 import DataFetcher from '@/utils/DataFetcher'
 import { isPlainObject, isArray } from '@/utils/index.js'
 import config from '@/utils/config'
@@ -222,6 +221,6 @@ export default {
     }
   },
   created: function () {
-    this.dataFetcher = new DataFetcher(request)
+    this.dataFetcher = new DataFetcher(this.$request)
   },
 }

package/src/views/build/viewAppForm.vue

@@ -23,7 +23,7 @@
 import { baseComponents } from '@/utils/generator/config'
 import { mapActions, mapState } from 'vuex'
 import AppFormItem from './AppFormItem.vue'
-import { getFormData, getFormInitData, getViewData } from '@/api/form'
+import { getFormData, getFormInitData, getViewData } from '@/api/app-form'
 import { findFirstNodeByNameAndSjbName } from '@/utils/index'
 export default {
     components: {

package/src/views/build/viewForm.vue

@@ -30,7 +30,6 @@
     </div>
 </template>
 <script>
-import { mapActions, mapState } from 'vuex'
 import FormItem from './FormItem'
 import ViewFormItem from './viewFormItem'
 import { getFormData, getFormInitData, getViewData } from '@/api/form'
@@ -56,7 +55,6 @@ export default {
         }
     },
     computed: {
-        ...mapState('user', ['userInfo']),
         hiddenList() {
             return this.drawingList.filter(item => item.noDrag)
         },
@@ -244,7 +242,6 @@ export default {
 
     },
     methods: {
-        ...mapActions('user', ['fetchUserInfo']),
         updateItem(key, value) {
             // 场景1：key是对象（原有逻辑，适配 name/sjbName/key 格式）
             if (typeof key === 'object') {