app-form-view 0.0.2 → 0.0.4

package/package.json

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

package/scripts/rollup.config.build.js

@@ -40,10 +40,10 @@ export default [
     external,
     output: {
       file: "dist/index.js",
-      name,
       banner,
       format: 'umd',
-      globals
+      globals,
+      name: "AppFormView",
     },
     // 重点：删掉外层的 scss 实例，只追加压缩插件
     plugins: [

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,9 +1,6 @@
 import Vue from 'vue'
 import '@/assets/scss/app-form.scss'
-// 只导入自己的组件
 import viewAppForm from '@/views/build/viewAppForm.vue'
-
-// 内部子组件 —— 只供 viewAppForm 内部使用，不对外！
 import AppForm from '@/components/appForm/Form.vue'
 import AppFormItem from '@/components/appForm/Formitem.vue'
 import AppSubRow from '@/components/appForm/SubRow.vue'
@@ -24,8 +21,8 @@ import AppTable from '@/components/appForm/Table.vue'
 import AppButton from '@/components/appForm/Button.vue'
 import AppLayoutBlock from './components/appForm/LayoutBlock.vue'
 
-// 内部组件列表
-const innerComponents = [
+const components = {
+    AppFormView: viewAppForm,
     AppForm,
     AppFormItem,
     AppSubRow,
@@ -45,21 +42,43 @@ const innerComponents = [
     AppTable,
     AppButton,
     AppLayoutBlock
-]
+}
 
-// 安装插件：只对外暴露 viewAppForm
 const install = function (Vue) {
     if (install.installed) return
-
-    // 1. 注册内部子组件（给 viewAppForm 使用）
-    innerComponents.forEach(comp => {
+    install.installed = true
+    if (options.request) {
+        Vue.prototype.$request = options.request
+    }
+    Object.values(components).forEach(comp => {
         Vue.component(comp.name, comp)
     })
+}
 
-    // 2. 只对外导出这一个主组件
-    Vue.component(viewAppForm.name, viewAppForm)
+const AppFormPlugin = {
+    install,
+    ...components
 }
+export default AppFormPlugin
 
-export default {
-    install
-}
+// 逐行具名导出，不会和顶部import变量重名
+export const AppFormView = components.AppFormView
+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') {