epx-frame 3.5.0-shpgy.1

package/src/plugins/element.js

@@ -0,0 +1,167 @@
+import 'element-ui/lib/theme-chalk/display.css'
+import ImageViewer from 'element-ui/packages/image/src/image-viewer'
+// import Element, { Loading } from 'element-ui'
+// import 'element-ui/packages/theme-chalk/src/index.scss'
+// import '../element-variables.scss'
+// import 'element-ui/lib/theme-chalk/display.css'
+// import 'element-ui/lib/theme-chalk/index.css'
+// 优化 只引入依赖组件
+import {
+  InfiniteScroll,
+  Avatar,
+  Alert,
+  Autocomplete,
+  Breadcrumb,
+  BreadcrumbItem,
+  ColorPicker,
+  Dialog,
+  Dropdown,
+  DropdownMenu,
+  DropdownItem,
+  Drawer,
+  Menu,
+  Submenu,
+  MenuItem,
+  MenuItemGroup,
+  Input,
+  InputNumber,
+  Radio,
+  RadioButton,
+  RadioGroup,
+  Checkbox,
+  CheckboxButton,
+  CheckboxGroup,
+  Pagination,
+  Popconfirm,
+  Switch,
+  Select,
+  OptionGroup,
+  Option,
+  Button,
+  ButtonGroup,
+  Table,
+  TableColumn,
+  DatePicker,
+  Popover,
+  Tooltip,
+  Form,
+  FormItem,
+  Tabs,
+  TabPane,
+  TimePicker,
+  Tree,
+  Tag,
+  Icon,
+  Row,
+  Col,
+  Upload,
+  Progress,
+  Card,
+  Steps,
+  Step,
+  Collapse,
+  CollapseItem,
+  Cascader,
+  Transfer,
+  Container,
+  Timeline,
+  TimelineItem,
+  Link,
+  Divider,
+  Image,
+  Backtop,
+  PageHeader,
+  Loading,
+  MessageBox,
+  Message,
+  Notification,
+  Carousel,
+  CarouselItem,
+  Calendar,
+  Slider,
+  TimeSelect
+} from 'element-ui'
+console.log(ImageViewer)
+// Vue.use(Element)
+
+export default function install (Vue) {
+  Vue.use(TimeSelect)
+  Vue.use(Alert)
+  Vue.use(Avatar)
+  Vue.use(Autocomplete)
+  Vue.use(Breadcrumb)
+  Vue.use(BreadcrumbItem)
+  Vue.use(ColorPicker)
+  Vue.use(Dialog)
+  Vue.use(Dropdown)
+  Vue.use(DropdownMenu)
+  Vue.use(DropdownItem)
+  Vue.use(Drawer)
+  Vue.use(Menu)
+  Vue.use(Submenu)
+  Vue.use(MenuItem)
+  Vue.use(MenuItemGroup)
+  Vue.use(Input)
+  Vue.use(InputNumber)
+  Vue.use(Radio)
+  Vue.use(RadioButton)
+  Vue.use(RadioGroup)
+  Vue.use(Checkbox)
+  Vue.use(CheckboxButton)
+  Vue.use(CheckboxGroup)
+  Vue.use(Pagination)
+  Vue.use(Switch)
+  Vue.use(Select)
+  Vue.use(OptionGroup)
+  Vue.use(Option)
+  Vue.use(Button)
+  Vue.use(ButtonGroup)
+  Vue.use(Table)
+  Vue.use(TableColumn)
+  Vue.use(DatePicker)
+  Vue.use(Popover)
+  Vue.use(Popconfirm)
+  Vue.use(Tooltip)
+  Vue.use(TimePicker)
+  Vue.use(Form)
+  Vue.use(FormItem)
+  Vue.use(Tabs)
+  Vue.use(TabPane)
+  Vue.use(Tree)
+  Vue.use(Tag)
+  Vue.use(Icon)
+  Vue.use(Row)
+  Vue.use(Col)
+  Vue.use(Upload)
+  Vue.use(Progress)
+  Vue.use(Card)
+  Vue.use(Steps)
+  Vue.use(Step)
+  Vue.use(Collapse)
+  Vue.use(CollapseItem)
+  Vue.use(Cascader)
+  Vue.use(Transfer)
+  Vue.use(Container)
+  Vue.use(Timeline)
+  Vue.use(TimelineItem)
+  Vue.use(Link)
+  Vue.use(Divider)
+  Vue.use(Image)
+  Vue.use(ImageViewer)
+  Vue.use(Backtop)
+  Vue.use(PageHeader)
+  Vue.use(Carousel)
+  Vue.use(CarouselItem)
+  Vue.use(Calendar)
+  Vue.use(Slider)
+  Vue.use(Loading.directive)
+  Vue.use(InfiniteScroll)
+
+  Vue.prototype.$loading = Loading.service
+  Vue.prototype.$msgbox = MessageBox
+  Vue.prototype.$alert = MessageBox.alert
+  Vue.prototype.$confirm = MessageBox.confirm
+  Vue.prototype.$prompt = MessageBox.prompt
+  Vue.prototype.$notify = Notification
+  Vue.prototype.$message = Message
+}

package/src/plugins/frame.js

@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import router from '@/router'
+import store from '@/store'
+import Frame from '@/index'
+
+if (!window.componentLibrary) window.componentLibrary = {}
+
+Vue.use(Frame.PopupInstall, {
+  router,
+  store
+})
+Vue.use(Frame)

package/src/plugins/i18n.js

@@ -0,0 +1,51 @@
+let Vue
+class I18n {
+  constructor ({ messages = {} }) {
+    this._vm = null
+    this._initVM({
+      messages
+    })
+  }
+
+  _initVM (data) {
+    this._vm = new Vue({ data, __VUE18N__INSTANCE__: true })
+  }
+
+  _translate (message, values) {
+    return this._vm.messages[message] || message
+  }
+
+  setMessage (messages) {
+    this._vm.messages = messages
+  }
+}
+
+export function install (_Vue, options = { bridge: false }) {
+  Vue = _Vue
+  Vue.mixin({
+    computed: {
+      $t () {
+        return (key, ...values) => {
+          if (!this.$i18n && !this.$i18n._translate) return key
+          const i18n = this.$i18n
+          return i18n._translate(key, ...values)
+        }
+      }
+    },
+    beforeCreate () {
+      if (this.$options.i18n) {
+        this._i18n = this.$options.i18n
+      } else {
+        this._i18n = (this.$parent && this.$parent._i18n) || global.i18n
+      }
+    }
+  })
+
+  Object.defineProperty(Vue.prototype, '$i18n', {
+    get () { return this._i18n }
+  })
+}
+
+I18n.install = install
+
+export default I18n

package/src/plugins/index.js

@@ -0,0 +1,11 @@
+import Vue from 'vue'
+const files = require.context('@/plugins', true, /\.js$/)
+
+for (const key of files.keys()) {
+  if (key !== './index.js') {
+    const module = files(key)
+    if (module.default) {
+      Vue.use(module.default)
+    }
+  }
+}

package/src/plugins/oa.js

@@ -0,0 +1,3 @@
+import Vue from 'vue'
+import Oa from '@/product/oa'
+Vue.use(Oa.install)

package/src/plugins/vant.js

@@ -0,0 +1,80 @@
+// import 'vant/lib/index.css'
+import {
+  Tabbar,
+  TabbarItem,
+  Popup,
+  Popover,
+  Search,
+  Field,
+  Picker,
+  DatetimePicker,
+  Image,
+  ImagePreview,
+  Cell,
+  CellGroup,
+  Uploader,
+  Grid,
+  GridItem,
+  List,
+  ActionSheet,
+  Checkbox,
+  CheckboxGroup,
+  Button,
+  DropdownItem,
+  DropdownMenu,
+  Dialog,
+  Loading,
+  Radio,
+  RadioGroup,
+  Icon,
+  NavBar,
+  Cascader,
+  Tabs,
+  Tab,
+  Pagination,
+  Swipe,
+  SwipeItem,
+  PullRefresh,
+  Overlay,
+  Calendar
+} from 'vant'
+
+export default function install (Vue) {
+  Vue.use(Tabbar)
+  Vue.use(TabbarItem)
+  Vue.use(Popup)
+  Vue.use(Popover)
+  Vue.use(Search)
+  Vue.use(Field)
+  Vue.use(Picker)
+  Vue.use(DatetimePicker)
+  Vue.use(Cell)
+  Vue.use(CellGroup)
+  Vue.use(Uploader)
+  Vue.use(Image)
+  Vue.use(Grid)
+  Vue.use(GridItem)
+  Vue.use(List)
+  Vue.use(ActionSheet)
+  Vue.use(Checkbox)
+  Vue.use(CheckboxGroup)
+  Vue.use(Button)
+  Vue.use(DropdownItem)
+  Vue.use(DropdownMenu)
+  Vue.use(Dialog)
+  Vue.use(Loading)
+  Vue.use(Radio)
+  Vue.use(RadioGroup)
+  Vue.use(Icon)
+  Vue.use(NavBar)
+  Vue.use(Cascader)
+  Vue.use(Tabs)
+  Vue.use(Tab)
+  Vue.use(Pagination)
+  Vue.use(Swipe)
+  Vue.use(SwipeItem)
+  Vue.use(PullRefresh)
+  Vue.use(Overlay)
+  Vue.use(Calendar)
+  Vue.prototype.$imagePreview = ImagePreview
+}

package/src/product/oa/components/AddForm.vue

@@ -0,0 +1,87 @@
+
+<script>
+import AddForm from '@/frame/packages/add-form'
+export default {
+  name: 'epx-oa-add-form',
+  extends: AddForm,
+  methods: {
+    async getData () {
+      let userInfo = {}
+      await this.$http.find({
+        entityId: this.$util.getSystemMeta('AS_BASE'),
+        'scope.CODE': this.user.account
+      })
+        .then(data => {
+          if (data && data.data) {
+            userInfo = data.data
+          }
+        })
+        .catch(err => {
+          this.$message.error(err.message || '未获取到申请人信息')
+        })
+      // 获取关联
+      const query = this.$query || (this.upPage ? this.updaPage.$query : {})
+      const data = this.data || {}
+      const { id, defaultValue = {}, initData = {} } = query
+      const { link = '', queryParams = {} } = this.$configs
+      const params = {
+        entityId: this.$metaId,
+        id: id
+      }
+      let linkArr = []
+      if (link) {
+        linkArr = link.split(',')
+      }
+      const { config = {} } = this.upPage.page || {}
+      const itemConfigs = config.itemConfigs || {}
+      const { id: compId } = this.$component
+      // 获取所有子集和配置
+      this.components.forEach(component => {
+        if (component.contentType === 'add-form-item') {
+          const itemConfig = itemConfigs[compId + '-' + component.id] || {}
+          const compConfig = { ...(component.configs || {}), ...itemConfig }
+          const { fields = [] } = compConfig
+          fields.forEach((field = '') => {
+            if ((field.attriName || field).includes('|')) {
+              const flag = (field.attriName || field).split('|')[0].toLowerCase()
+              if (!linkArr.includes(flag)) {
+                linkArr.push(flag)
+              }
+            }
+          })
+        }
+      })
+      if (linkArr.length > 0) params.link = linkArr.join(',')
+      if (this.pageType === 'ADD') {
+        params.action = 'getDefault'
+        delete params.id
+      }
+
+      this.$http.get({ ...params, ...queryParams })
+        .then(res => {
+          if (res.data) {
+            this.data = { ...initData, ...data, ...res.data }
+          }
+          if (defaultValue && this.pageType === 'ADD') {
+            this.data = { ...defaultValue, ...this.data }
+          }
+          if (!this.data.NAME) {
+            this.$set(this.data, 'NAME', userInfo.ID || '')
+            this.$set(this.data, 'NAME#', userInfo.NAME || '')
+          }
+          if (!this.data.WORK_NUM) {
+            this.$set(this.data, 'WORK_NUM', userInfo.CODE || '')
+          }
+        })
+        .catch((err) => {
+          console.error(err)
+          this.data = {}
+        })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/product/oa/components/MeetingAddForm.vue

@@ -0,0 +1,85 @@
+
+<script>
+import AddForm from '@/frame/packages/add-form'
+export default {
+  name: 'epx-oa-meeting-add-form',
+  extends: AddForm,
+  methods: {
+    async getData () {
+      let userInfo = {}
+      await this.$http.find({
+        entityId: this.$util.getSystemMeta('AS_BASE'),
+        'scope.CODE': this.user.account
+      })
+        .then(data => {
+          userInfo = data.data
+        })
+        .catch(err => {
+          this.$message.error(err.message || '未获取到申请人信息')
+        })
+      // 获取关联
+      const query = this.$query || (this.upPage ? this.updaPage.$query : {})
+      const data = this.data || {}
+      const { id, defaultValue = {}, initData = {} } = query
+      const { link = '', queryParams = {} } = this.$configs
+      const params = {
+        entityId: this.$metaId,
+        id: id
+      }
+      let linkArr = []
+      if (link) {
+        linkArr = link.split(',')
+      }
+      const { config = {} } = this.upPage.page || {}
+      const itemConfigs = config.itemConfigs || {}
+      const { id: compId } = this.$component
+      // 获取所有子集和配置
+      this.components.forEach(component => {
+        if (component.contentType === 'add-form-item') {
+          const itemConfig = itemConfigs[compId + '-' + component.id] || {}
+          const compConfig = { ...(component.configs || {}), ...itemConfig }
+          const { fields = [] } = compConfig
+          fields.forEach((field = '') => {
+            if ((field.attriName || field).includes('|')) {
+              const flag = (field.attriName || field).split('|')[0].toLowerCase()
+              if (!linkArr.includes(flag)) {
+                linkArr.push(flag)
+              }
+            }
+          })
+        }
+      })
+      if (linkArr.length > 0) params.link = linkArr.join(',')
+      if (this.pageType === 'ADD') {
+        params.action = 'getDefault'
+        delete params.id
+      }
+
+      this.$http.get({ ...params, ...queryParams })
+        .then(res => {
+          if (res.data) {
+            this.data = { ...initData, ...data, ...res.data }
+          }
+          if (defaultValue && this.pageType === 'ADD') {
+            this.data = { ...defaultValue, ...this.data }
+          }
+          if (!this.data.APPLY) {
+            this.$set(this.data, 'APPLY', userInfo.ID)
+            this.$set(this.data, 'APPLY#', userInfo.NAME)
+          }
+          if (!this.data.CODE) {
+            this.$set(this.data, 'CODE', userInfo.CODE)
+          }
+        })
+        .catch((err) => {
+          console.error(err)
+          this.data = {}
+        })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>