free-fe-core-modules 0.0.1

package/router/system/data.js

@@ -0,0 +1,46 @@
+// import Vue from 'vue';
+import { getConfig } from './api';
+
+// const bus = new Vue();
+
+export default {
+  systemConfig: () => ({
+    GetData: (o) => getConfig(o).then((d) => {
+      const data = (d && d.data) ? d.data : {};
+
+      data.StepsDefinition = [];
+      data.docs = data.docs || [];
+      for (let i = 0; i < data.docs.length; i += 1) {
+        const doc = data.docs[i];
+
+        doc.Type = 'String';
+        doc.Label = doc.Name;
+        doc.Name = 'Value';
+
+        const def = data.StepsDefinition.find((df) => !!df && df.Name === doc.Category);
+        if (def) {
+          def.Fields = def.Fields || [];
+          def.Fields.push({ ...doc, ...doc.Field || {} });
+          delete doc.Field;
+        } else {
+          data.StepsDefinition.push({
+            Name: doc.Category,
+            Index: i + 1,
+            Actions: [
+              {
+                Label: '保存',
+                Action: 'save',
+              },
+            ],
+            Fields: [doc],
+          });
+        }
+      }
+
+      data.StepsDefinition.forEach((sd) => sd.Fields.sort((a, b) => a.Index - b.Index));
+
+      return data;
+    }),
+    // Bus: bus,
+  }),
+};

package/router/system/index.js

@@ -0,0 +1,7 @@
+import data from './data';
+
+export default [{
+  path: 'system',
+  component: () => import('../../view/system/index.vue'),
+  props: data.systemConfig,
+}];

package/stores/index.js

@@ -0,0 +1,17 @@
+import { store } from 'quasar/wrappers'
+import { createPinia } from 'pinia'
+
+/*
+ * If not building with SSR mode, you can
+ * directly export the Store instantiation;
+ *
+ * The function below can be async too; either use
+ * async/await or return a Promise which resolves
+ * with the Store instance.
+ */
+
+export default store(function (/* { ssrContext } */) {
+  const Store = createPinia();
+
+  return Store
+})

package/stores/module-mourning/actions.js

@@ -0,0 +1,3 @@
+export default {
+
+}

package/stores/module-mourning/getters.js

@@ -0,0 +1 @@
+export default {}

package/stores/module-mourning/index.js

@@ -0,0 +1,11 @@
+import { defineStore } from 'pinia';
+
+import state from './state';
+import getters from './getters';
+import actions from './actions';
+
+export default defineStore('mourning', {
+  getters,
+  actions,
+  state,
+});

package/stores/module-mourning/state.js

@@ -0,0 +1,3 @@
+export default () => ({
+  mourning: false,
+})

package/stores/mourning.js

@@ -0,0 +1,3 @@
+import useMourningStore from './module-mourning';
+
+export default useMourningStore;

package/view/dict/index.vue

@@ -0,0 +1,284 @@
+<template>
+  <div class="admin-dictionary-mgmt-wrapper full-height q-pa-md">
+    <q-tree
+      :nodes="(data && data.total) ? data.docs : []"
+      ref="dictTree"
+      accordion
+      no-connectors
+      node-key="id"
+      label-key="Label"
+      @lazy-load="loadSubDicts"
+      @update:expanded="onNodeExpanded"
+    >
+      <template v-slot:default-header="prop">
+        <div
+          class="dictionary-head row items-center full-width"
+          style="border-bottom: solid 1px grey;"
+        >
+          <div>
+            {{ prop.node.Label }}
+            <span
+              v-if="prop.node.level === 1 && prop.node.Name"
+              class="dictionary-data-name"
+            >({{prop.node.Name}})</span>
+            <div
+              v-if="prop.node.Description"
+              caption
+              class="description ellipsis-3-lines"
+              v-html="prop.node.Description"
+            ></div>
+          </div>
+          <q-space></q-space>
+
+          <span class="flex justify-start action-buttons">
+            <q-btn v-if="prop.node.addingNew" flat icon="add"
+              @click.stop="addNode(prop.node)"></q-btn>
+            <q-btn v-if="!prop.node.addingNew" flat icon="edit"
+              @click.stop="editNode(prop.node)"></q-btn>
+            <q-btn
+              v-if="!prop.node.addingNew"
+              :disabled="prop.node.BuiltIn"
+              flat
+              icon="delete"
+              @click.stop="deleteNode(prop.node)"
+            ></q-btn>
+          </span>
+        </div>
+      </template>
+
+      <template v-slot:default-body="prop">
+        <div v-if="prop.node.id === selectedDictNode.id" class="full-width">
+          <div v-for="(field, fIndex) in dictFields || []" :key="fIndex">
+            <free-field
+              v-if="field.Name !== 'Name' || !selectedDictNode.Parent"
+              :values="editingDict"
+              :Field="field"
+            ></free-field>
+          </div>
+
+          <div class="action-btns full-width row justify-center q-gutter-md">
+            <q-btn :label="$t('saveButtonText')" class="btn-primary" @click="onSaveClick" />
+            <q-btn :label="$t('cancelButtonText')" class="btn-secondary" @click="onCancelClick" />
+          </div>
+
+          <sticky-buttons
+            :actions="[
+              {
+              Action: 'cancel',
+              icon:'cancel',
+              Label: $t('cancelButtonText')
+              },{
+                Action: 'save',
+                icon: 'save',
+                Label:$t('saveButtonText')
+              }
+            ]"
+            @click="stickyButtonClicked"
+          ></sticky-buttons>
+        </div>
+      </template>
+    </q-tree>
+  </div>
+</template>
+
+<script>
+import mixins from 'free-fe-mixins';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'DictionaryPage',
+  mixins: [mixins.ObjectDataMixin],
+  props: {
+    addDict: { type: Function, default: () => {} },
+    editDict: { type: Function, default: () => {} },
+    deleteDict: { type: Function, default: () => {} },
+  },
+  data() {
+    return {
+      selectedDictNode: {},
+      editingDict: {},
+      dictFields: [],
+    };
+  },
+  watch: {
+    // eslint-disable-next-line func-names
+    'editingDict.Type': function (v) {
+      const valueField = this.dictFields.find((f) => f.Name === 'Value');
+      if (valueField) {
+        if (v === 'File') {
+          valueField.Type = 'File';
+        } else {
+          valueField.Type = 'String';
+        }
+      }
+    },
+  },
+  created() {
+    this.dictFields = this.getModule('core-modules').config.dictFields;
+  },
+  methods: {
+    loadSubDicts({ key, done, node /* , fail */ }) {
+      this.GetData(key, node.level)
+        .then((d) => {
+          if (!d || !d.total || !d.docs) done([]);
+          else {
+            done(d.docs);
+          }
+        })
+        .catch(() => {
+          done([]);
+        });
+    },
+    addNode(n) {
+      if (this.selectedDictNode && this.selectedDictNode.id === n.id) {
+        this.selectedDictNode = {};
+        this.editingDict = {};
+        this.$refs.dictTree.setExpanded(n.id, false);
+      } else {
+        this.selectedDictNode = n;
+        this.editingDict = {
+          Type: 'String',
+        };
+      }
+    },
+    editNode(n) {
+      if (this.selectedDictNode && this.selectedDictNode.id === n.id) {
+        this.selectedDictNode = {};
+        this.editingDict = {};
+        this.$refs.dictTree.setExpanded(n.id, false);
+      } else {
+        this.selectedDictNode = n;
+        this.editingDict = { ...n };
+        this.$refs.dictTree.setExpanded(n.id, true);
+      }
+    },
+    deleteNode(n) {
+      if (n.addingNew || !n.id) return;
+
+      this.$MsgDialog({
+        type: '',
+        content: `确认要删除字典项 '${n.Name}' 吗?`,
+        canCancel: true,
+        okText: this.$t('okButtonText'),
+        cancelText: this.$t('cancelButtonText'),
+      })
+        .then(() => {
+          this.deleteDict(n.id).then((d) => {
+            if (d && d.msg === 'OK') {
+              this.refreshData();
+            }
+          });
+        })
+        .catch(() => {});
+    },
+    onSaveClick() {
+      if (Object.keys(this.editingDict) <= 0) return;
+      // if is adding new
+      if (this.selectedDictNode.addingNew) {
+        this.editingDict = {
+          lazy: true,
+          Parent: this.selectedDictNode.Parent,
+          level: this.selectedDictNode.level,
+          ...this.editingDict,
+        };
+
+        // fix: the default content for number input will be string!!!!????
+        // convert to number
+        this.editingDict.Index = Number(this.editingDict.Index || '0');
+
+        this.addDict(this.editingDict).then((r) => {
+          if (r && r.msg === 'OK') {
+            const parent = this.$refs.dictTree.getNodeByKey(
+              this.selectedDictNode.Parent,
+            );
+            if (parent) {
+              parent.children.push(
+                { id: r.data.id, ...this.editingDict },
+              );
+              parent.children = parent.children.sort(
+                (a, b) => (a ? a.Index : 0) - (b ? b.Index : 0),
+              );
+            } else {
+              this.data.docs.push(
+                { id: r.data.id, ...this.editingDict },
+              );
+              this.data.docs = this.data.docs.sort(
+                (a, b) => (a ? a.Index : 0) - (b ? b.Index : 0),
+              );
+            }
+          } else {
+            this.$q.notify((r && r.msg) || this.$t('notifyAddFailed'));
+          }
+
+          this.editingDict = {};
+          this.selectedDictNode = {};
+        });
+      } else {
+        // editing
+        const updatingDict = { ...this.editingDict };
+        delete updatingDict.children;
+        delete updatingDict.level;
+        delete updatingDict.lazy;
+        this.editDict(updatingDict).then((r) => {
+          if (r && r.msg === 'OK') {
+            let currentNode = this.$refs.dictTree.getNodeByKey(
+              this.editingDict.id,
+            );
+            if (currentNode) {
+              currentNode = Object.assign(currentNode, this.editingDict);
+            }
+
+            // order
+            const parent = this.$refs.dictTree.getNodeByKey(
+              this.selectedDictNode.Parent,
+            );
+            if (parent) {
+              parent.children = parent.children.sort(
+                (a, b) => (a ? a.Index : 0) - (b ? b.Index : 0),
+              );
+            } else {
+              this.data.docs = this.data.docs.sort(
+                (a, b) => (a ? a.Index : 0) - (b ? b.Index : 0),
+              );
+            }
+          }
+
+          this.editingDict = {};
+          this.selectedDictNode = {};
+        });
+      }
+    },
+    onCancelClick() {
+      this.editingDict = {};
+      this.selectedDictNode = {};
+    },
+    onNodeExpanded() {
+      this.editingDict = {};
+      this.selectedDictNode = {};
+    },
+    stickyButtonClicked(a) {
+      if (!a || !a.Action) return;
+
+      if (a.Action === 'save') {
+        this.onSaveClick();
+      } else if (a.Action === 'cancel') {
+        this.onCancelClick();
+      }
+    },
+  },
+});
+</script>
+
+<style lang="sass" scoped>
+.admin-dictionary-mgmt-wrapper
+  background: $background
+  .dictionary-head
+    .description
+      max-width: 680px
+      font-size: 12px
+      font-weight: 400
+      color: $grey-7
+    .dictionary-data-name
+      font-size: 14px
+      font-weight: normal
+</style>

package/view/error/list.vue

@@ -0,0 +1,197 @@
+<template>
+  <div class="flow-list">
+    <summary-head :values="data.summary" :Bus="Bus"></summary-head>
+    <q-table
+      :rows="data ? data.docs : []"
+      :columns="columns"
+      row-key="id"
+      :hide-bottom="!pagination"
+      :pagination="tablePagination"
+    >
+      <template v-slot:header-cell-status="props" v-if="data.Filters && data.Filters.length > 0">
+        <q-th :props="props" class="filter-header-cell">
+          <q-btn flat icon="search" @click="showFilters = !showFilters">查询</q-btn>
+        </q-th>
+      </template>
+
+      <template v-slot:body="props">
+        <q-tr>
+          <q-td v-for="col in props.cols" :key="col.name" :props="props" class="ellipsis">
+            <span v-if="col.name === 'index'">{{props.row.index}}</span>
+            <span v-else>
+              {{ valueFilters(col, col.value || Object.nestValue(props.row, col.field))}}
+              <q-popup-edit
+                v-model="props.row.Message"
+                v-if="col.name === 'message'"
+                buttons
+                persistent
+                label-set="保存"
+                label-cancel="取消"
+                @save="messageChanged(props.row.id, props.row.Message)"
+              >
+                <q-input v-model="props.row.Message" hide-bottom-space autofocus />
+              </q-popup-edit>
+              <q-popup-edit
+                v-model="props.row.Description"
+                v-if="col.name === 'description'"
+                buttons
+                persistent
+                label-set="保存"
+                label-cancel="取消"
+                @save="descriptionChanged(props.row.id, props.row.Description)"
+              >
+                <q-input v-model="props.row.Description" hide-bottom-space autofocus />
+              </q-popup-edit>
+            </span>
+          </q-td>
+        </q-tr>
+      </template>
+
+      <template v-slot:top-row>
+        <q-tr class="persistant-top-row full-width">
+          <q-td class="full-width" colspan="100%"></q-td>
+        </q-tr>
+        <q-tr v-if="showFilters" class="table-row filter-row">
+          <q-td colspan="100%" class="table-cell filter-cell">
+            <free-field
+              :Field="{Type: 'QueryFilters', Name: 'Filters'}"
+              :values="data"
+              @search="querySearch"
+            ></free-field>
+          </q-td>
+        </q-tr>
+      </template>
+
+      <template v-slot:no-data>
+        <div class="full-width full-height row flex-center q-gutter-sm">
+          <span>暂 无 数 据</span>
+        </div>
+      </template>
+
+      <template v-slot:bottom>
+        <div v-if="pagination" class="full-width row flex-center">
+          共{{data.total}}条
+          <q-pagination
+            v-model="data.page"
+            :max="data.pages"
+            @input="paginationChanged"
+            boundary-links
+            boundary-numbers
+            direction-links
+            :max-pages="6"
+          ></q-pagination>
+        </div>
+      </template>
+    </q-table>
+  </div>
+</template>
+
+<script>
+import mixins from 'free-fe-mixins';
+import { updateErrorCode, updateDescription } from '../../router/error/api';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'ErrorCodeList',
+  mixins: [mixins.ObjectDataMixin],
+  props: {
+    pagination: { type: Boolean, default: true },
+  },
+  data() {
+    return {
+      queryFilter: {},
+      showFilters: false,
+      tablePagination: {
+        rowsPerPage: this.data && this.data.limit ? this.data.limit : 8,
+        rowsNumber: this.data && this.data.total ? this.data.total : 0,
+      },
+      columns: [
+        {
+          name: 'index',
+          label: '#',
+          field: 'index',
+        },
+        {
+          name: 'date',
+          label: '日期',
+          field: 'LastUpdateDate',
+          filters: 'normalDate',
+          style: 'max-width: 200px;',
+        },
+        {
+          name: 'code',
+          label: '代码',
+          field: 'Code',
+          style: 'max-width: 120px;',
+        },
+        {
+          name: 'message',
+          label: '信息',
+          field: 'Message',
+        },
+        {
+          name: 'description',
+          label: '描述',
+          field: 'Description',
+        },
+      ],
+    };
+  },
+  computed: {
+    valueFilters() {
+      return (col, v) => {
+        let val = v || col.value;
+        if (col.filters) {
+          let filters = [];
+          if (typeof col.filters === 'string') {
+            // only one filter
+            filters.push(col.filters);
+          } else if (Array.isArray(col.filters)) {
+            filters = filters.concat(col.filters);
+          }
+
+          for (let i = 0; i < filters.length; i += 1) {
+            const f = filters[i];
+            const filter = this.$options.filters[f];
+            if (filter) {
+              val = filter(v || col.value);
+            }
+          }
+        }
+
+        return val;
+      };
+    },
+  },
+  created() {},
+  methods: {
+    paginationChanged(p) {
+      this.refreshData({ page: p });
+    },
+    messageChanged(id, msg) {
+      updateErrorCode(id, msg).then((d) => {
+        if (d && d.msg === 'OK') {
+          this.$q.notify(this.$t('notifySaved'));
+        } else {
+          this.$q.notify(this.$t('notifyChangeFailed'));
+        }
+      });
+    },
+    descriptionChanged(id, desc) {
+      updateDescription(id, desc).then((d) => {
+        if (d && d.msg === 'OK') {
+          this.$q.notify(this.$t('notifySaved'));
+        } else {
+          this.$q.notify(this.$t('notifyChangeFailed'));
+        }
+      });
+    },
+  },
+  beforeUnmount() {},
+});
+</script>
+
+<style lang="sass" scoped>
+.persistant-top-row
+  display: none
+</style>