mooho-base-admin-plus 0.1.0

package/src/pages/system/rolePropertyEdit.vue

@@ -0,0 +1,480 @@
+<template>
+  <div>
+    <Modal v-model="opened" scrollable :mask-closable="layout.maskClosable" :draggable="layout.draggable" :sticky="true" :reset-drag-position="true" width="800">
+      <template #header>
+        <div>
+          <span class="title">参数设置</span>
+          <span class="description">Property Setting</span>
+        </div>
+      </template>
+      <div class="ivu-ml-8 ivu-mr-8">
+        <Form ref="form" :model="data" label-position="top" label-colon="：" class="ivu-mt" :rules="rules" @submit.prevent>
+          <Row :gutter="24" type="flex">
+            <Col v-bind="grid8">
+              <FormItem label="属性名称" prop="propertyName">
+                <Input type="text" v-model="data.propertyName"></Input>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8">
+              <FormItem label="属性代码" prop="propertyCode">
+                <Input type="text" v-model="data.propertyCode"></Input>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8">
+              <FormItem label="数据类型" prop="dataType">
+                <Select v-model="data.dataType" :transfer="true">
+                  <Option v-for="item in getEnumList('DataType')" :key="item.id" :value="item.id">{{ item.name }}</Option>
+                </Select>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8">
+              <FormItem label="控件类型" prop="ControlType">
+                <Select v-model="data.controlType" :transfer="true">
+                  <Option key="TextInput" value="TextInput">单行文本框</Option>
+                  <Option key="NumberInput" value="NumberInput">数字输入框</Option>
+                  <Option key="Check" value="Check">勾选</Option>
+                  <Option key="Select" value="Select">选择框</Option>
+                  <Option key="MultiSelect" value="MultiSelect">多选选择框</Option>
+                  <Option key="DialogSelect" value="DialogSelect">弹出选择框</Option>
+                  <Option key="MultiDialogSelect" value="MultiDialogSelect">多选弹出选择框</Option>
+                </Select>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8" v-if="needDataSource" v-show="data.controlType == 'Select' || data.controlType == 'MultiSelect' || data.controlType == 'ComboSelect'">
+              <FormItem label="数据源" key="Source" prop="Source">
+                <dialog-select
+                  ref="select"
+                  v-model="data.source"
+                  source="EntitySelect"
+                  source-data-code="name"
+                  source-display-code="name"
+                  @on-change="sourceChange"
+                ></dialog-select>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8" v-if="needDataSource" v-show="data.controlType == 'DialogSelect' || data.controlType == 'MultiDialogSelect'">
+              <FormItem label="视图" key="DataViewSource" prop="DataViewSource">
+                <dialog-select
+                  ref="dataViewSource"
+                  v-model="data.source"
+                  source="DataViewSelect"
+                  source-data-code="code"
+                  source-display-code="code"
+                  :param="{ viewType: 'TableView' }"
+                  @on-change="sourceChange"
+                ></dialog-select>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8">
+              <FormItem label="数据字段" key="SourceDataCode" prop="SourceDataCode" v-if="data.source">
+                <Input type="text" :readonly="true" v-model="data.sourceDataCode" @on-focus="openColumnSelect(data, 'sourceDataCode')">
+                  <template #prepend>
+                    <Button custom-icon="fa fa-search" @click="openColumnSelect(data, 'sourceDataCode')"></Button>
+                  </template>
+                </Input>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8" v-if="needDataSource">
+              <FormItem label="显示字段" key="SourceDisplayCode" prop="SourceDisplayCode" v-if="data.source">
+                <Input type="text" :readonly="true" v-model="data.sourceDisplayCode" @on-focus="openColumnSelect(data, 'sourceDisplayCode')">
+                  <template #prepend>
+                    <Button custom-icon="fa fa-search" @click="openColumnSelect(data, 'sourceDisplayCode')"></Button>
+                  </template>
+                </Input>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid16" v-if="needDataSource">
+              <FormItem label="参数" key="Param" prop="Param" v-if="data.source">
+                <Input type="text" @click="paramOpen" :readonly="true" v-model="data.param" maxlength="200" />
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8">
+              <FormItem label="是否必填" key="isRequired" prop="isRequired">
+                <Switch
+                  :model-value="!!data.isRequired"
+                  @update:model-value="
+                    $event => {
+                      data.isRequired = $event;
+                    }
+                  "
+                />
+              </FormItem>
+            </Col>
+          </Row>
+        </Form>
+      </div>
+      <template #footer>
+        <div>
+          <Button type="primary" custom-icon="fa fa-check" @click="save">确定</Button>
+          <Button type="default" custom-icon="fa fa-times" @click="close">关闭</Button>
+        </div>
+      </template>
+    </Modal>
+    <Modal v-model="paramOpened" scrollable :mask-closable="layout.maskClosable" :draggable="layout.draggable" :sticky="true" :reset-drag-position="true" width="600">
+      <template #header>
+        <div>
+          <slot name="header">
+            <span class="title">参数</span>
+            <span class="description">Param</span>
+          </slot>
+        </div>
+      </template>
+      <div class="i-table-no-border">
+        <Table :columns="parpamColumns" :data="params" stripe size="small" no-data-text="暂无数据...">
+          <template #command="{ row, index }">
+            <Button size="small" title="编辑" type="primary" ghost custom-icon="fa fa-edit" @click="paramEdit(row, index)"></Button>
+            <Button size="small" title="上移" type="primary" ghost custom-icon="fa fa-chevron-up" @click="upParam(row, index)"></Button>
+            <Button size="small" title="下移" type="primary" ghost custom-icon="fa fa-chevron-down" @click="downParam(row, index)"></Button>
+            <Button size="small" title="移除" type="primary" ghost custom-icon="fa fa-times" @click="paramRemove(row, index)"></Button>
+          </template>
+        </Table>
+      </div>
+      <template #footer>
+        <div>
+          <Button type="primary" ghost custom-icon="fa fa-plus" @click="paramEdit()">新增</Button>
+          <Button type="primary" custom-icon="fa fa-check" @click="paramSave">确定</Button>
+        </div>
+      </template>
+    </Modal>
+    <Modal v-model="paramItemOpened" scrollable :mask-closable="layout.maskClosable" :draggable="layout.draggable" :sticky="true" :reset-drag-position="true" width="800">
+      <template #header>
+        <div>
+          <span class="title">参数设置</span>
+          <span class="description">Param Setting</span>
+        </div>
+      </template>
+      <div class="ivu-ml-8 ivu-mr-8">
+        <Form ref="paramItemForm" :rules="paramItemFormRules" :model="paramData" label-position="top" label-colon="：" class="ivu-mt" @submit.prevent>
+          <Row :gutter="24" type="flex">
+            <Col v-bind="grid8">
+              <FormItem label="字段" key="code" prop="code">
+                <Input type="text" v-model="paramData.code">
+                  <template #prepend>
+                    <Button custom-icon="fa fa-search" @click="openColumnSelect(paramData, 'code')"></Button>
+                  </template>
+                </Input>
+              </FormItem>
+            </Col>
+            <Col v-bind="grid8">
+              <FormItem label="值" key="val" prop="val">
+                <Input type="text" v-model="paramData.val" />
+              </FormItem>
+            </Col>
+          </Row>
+        </Form>
+      </div>
+      <template #footer>
+        <div>
+          <Button type="primary" custom-icon="fa fa-check" @click="paramItemSave">确定</Button>
+          <Button type="default" custom-icon="fa fa-times" @click="paramItemClose">关闭</Button>
+        </div>
+      </template>
+    </Modal>
+    <column-check ref="columnCheck" />
+    <column-check ref="columnParamCheck" />
+  </div>
+</template>
+<script>
+  import columnCheck from '../../components/view/column-check';
+  import mixinPage from '../../mixins/page';
+  import modelApi from '../../api/model';
+
+  export default {
+    mixins: [mixinPage],
+    components: { columnCheck },
+    data() {
+      return {
+        data: {},
+        callback: null,
+        opened: false,
+        rules: {
+          propertyName: {
+            type: 'string',
+            required: true,
+            message: '请输入属性名称',
+            trigger: 'blur'
+          },
+          propertyCode: {
+            type: 'string',
+            required: true,
+            message: '请输入属性代码',
+            trigger: 'blur'
+          },
+          dataType: {
+            type: 'string',
+            required: true,
+            message: '请输入数据类型',
+            trigger: 'blur'
+          },
+          controlType: {
+            type: 'string',
+            required: true,
+            message: '请输入控件类型',
+            trigger: 'blur'
+          },
+          source: {
+            type: 'string',
+            required: true,
+            message: '请输入数据源',
+            trigger: 'blur'
+          },
+          sourceDataCode: {
+            type: 'string',
+            required: true,
+            message: '请输入数据字段',
+            trigger: 'blur'
+          },
+          sourceDisplayCode: {
+            type: 'string',
+            required: true,
+            message: '请输入显示字段',
+            trigger: 'blur'
+          }
+        },
+        parpamColumns: [
+          { title: '参数', resizable: true, align: 'center', key: 'code' },
+          { title: '值', align: 'center', resizable: true, key: 'val' },
+          { slot: 'command', title: ' ', align: 'center', resizable: true, fixed: 'right' }
+        ],
+        params: [],
+        paramData: {},
+        paramItemFormRules: {
+          code: {
+            type: 'string',
+            required: true,
+            message: '请输入字段名称',
+            trigger: 'blur,change'
+          },
+          keyType: {
+            type: 'string',
+            required: true,
+            message: '请选择字段类型',
+            trigger: 'blur,change'
+          },
+          val: {
+            type: 'string',
+            required: true,
+            message: '请输入值',
+            trigger: 'blur,change'
+          }
+        },
+        paramOpened: false,
+        paramItemOpened: false,
+        sourceBefore: null
+      };
+    },
+    async created() {},
+    props: {},
+    computed: {
+      // 选择框，或复选框组，且非枚举类型，需要输入数据源
+      needDataSource() {
+        if (this.data) {
+          return (
+            (this.data.controlType === 'Select' ||
+              this.data.controlType === 'MultiSelect' ||
+              this.data.controlType === 'DialogSelect' ||
+              this.data.controlType === 'MultiDialogSelect') &&
+            (this.data.dataType == null || this.data.dataType.indexOf('Enum:') !== 0)
+          );
+        } else {
+          return false;
+        }
+      }
+    },
+    methods: {
+      // 打开
+      open(row, callback) {
+        if (row) {
+          this.data = this.copy(row);
+        } else {
+          this.data = {};
+        }
+
+        this.callback = callback;
+        this.opened = true;
+        this.$refs.form.resetFields();
+      },
+      // 关闭
+      close() {
+        this.opened = false;
+      },
+      // 确认
+      async save() {
+        let isOK = await this.$refs.form.validate();
+
+        if (!isOK) {
+          this.error('有内容不符合要求，请正确填写！');
+        } else {
+          this.confirm('确定要保存吗？', async () => {
+            if (!this.data.id) {
+              await modelApi.add('RoleProperty', this.data);
+            } else {
+              await modelApi.update('RoleProperty', this.data);
+            }
+
+            this.success('保存成功！');
+            this.callback();
+            this.opened = false;
+          });
+        }
+      },
+      // 打开字段选择界面
+      openSelect() {
+        this.$refs.columnCheck.open(this.dataView.model, checked => {
+          this.data.code = checked.code;
+          this.data.name = checked.name;
+          this.data.dataType = checked.dataType;
+          this.data.source = checked.objColumn != null ? checked.objColumn.dataType : null;
+          this.data.sourceDataCode = checked.objColumn != null ? 'id' : null;
+          this.data.sourceDisplayCode =
+            checked.objColumn != null &&
+            checked.objColumn.columns.some(function (column) {
+              return column.code === checked.objColumn.code + '.name';
+            })
+              ? 'name'
+              : null;
+
+          setTimeout(() => {
+            //this.$forceUpdate();
+          });
+        });
+      },
+      // 数据源变更
+      sourceChange() {
+        if (this.sourceBefore != this.data.source) {
+          this.data.sourceDisplayCode = null;
+          this.data.sourceDataCode = null;
+          this.data.param = null;
+        }
+        this.sourceBefore = this.data.source;
+        //this.$forceUpdate();
+      },
+      // 打开变量字段选择界面
+      openValueSelect() {
+        this.$refs.columnCheck.open(this.data.dataView.model, checked => {
+          this.paramData.val = checked.code;
+          //this.$forceUpdate();
+        });
+      },
+      // 打开参数弹框
+      paramOpen() {
+        this.params = [];
+        this.paramOpened = true;
+        if (this.data.param != null && this.data.param != '') {
+          let obj = JSON.parse(this.data.param);
+          for (let key in obj) {
+            let type = '变量';
+            if (obj[key].indexOf('[') == 0 && obj[key].indexOf(']') + 1 == obj[key].length) {
+              type = '常量';
+            }
+            this.params.push({
+              code: key,
+              val: obj[key],
+              type: type
+            });
+          }
+        }
+      },
+      // 参数框确认
+      async paramItemSave() {
+        let isOK = await this.$refs.paramItemForm.validate();
+
+        if (!isOK) {
+          this.error('有内容不符合要求，请正确填写！');
+          return;
+        }
+        let val = this.paramData.val;
+
+        if (this.paramData.keyType == '常量') {
+          let len = this.paramData.val.length;
+          val = this.paramData.val.padStart(len + 1, '[').padEnd(len + 2, ']');
+        }
+
+        if (this.paramData.source) {
+          this.paramData.source.code = this.paramData.code;
+          this.paramData.source.val = val;
+          this.paramData.source.type = this.paramData.keyType;
+        } else {
+          this.params.push({
+            code: this.paramData.code,
+            val: val,
+            type: this.paramData.keyType
+          });
+        }
+        this.paramItemOpened = false;
+        this.$refs.paramItemForm.resetFields();
+      },
+      paramItemClose() {
+        this.paramItemOpened = false;
+        this.$refs.paramItemForm.resetFields();
+      },
+      keyTypeChange() {
+        setTimeout(() => {
+          this.paramData.val = null;
+          //this.$forceUpdate();
+        });
+      },
+      // 打开字段选择界面
+      openColumnSelect(data, code) {
+        if (this.data.source == null) {
+          return;
+        }
+
+        let model;
+        if (this.data.controlType == 'DialogSelect' || this.data.controlType == 'MultiDialogSelect') {
+          model = this.$refs.dataViewSource.selectedData.model;
+        } else {
+          model = this.data.source;
+        }
+
+        this.$refs.columnParamCheck.open(model, checked => {
+          data[code] = checked.code;
+          //this.$forceUpdate();
+        });
+      }, // 保存参数
+      paramSave() {
+        let obj = {};
+        this.params.forEach(item => {
+          obj[item.code] = item.val;
+        });
+        this.data.param = this.params.length > 0 ? JSON.stringify(obj) : '';
+        this.paramOpened = false;
+      },
+      // 编辑参数项
+      paramEdit(row) {
+        if (row) {
+          this.paramData = {
+            code: row.code,
+            val: row.val.replace('[', '').replace(']', ''),
+            keyType: row.type,
+            source: row
+          };
+        } else {
+          this.paramData = {
+            code: '',
+            val: '',
+            keyType: '常量'
+          };
+        }
+        this.paramItemOpened = true;
+      }, // 上移参数项
+      upParam(row, index) {
+        if (index > 0) {
+          this.params.splice(index, 1);
+          this.params.splice(index - 1, 0, row);
+        }
+      },
+      // 下移参数项
+      downParam(row, index) {
+        if (index < this.params.length - 1) {
+          this.params.splice(index, 1);
+          this.params.splice(index + 1, 0, row);
+        }
+      },
+      // 删除参数项
+      paramRemove(row, index) {
+        this.params.splice(index, 1);
+      }
+    }
+  };
+</script>

package/src/pages/system/sequenceSetting.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-table ref="table" view-code="SequenceSetting" @create="$refs.form.open()" @edit="({ row, index }) => $refs.form.open(row)"></view-table>
+    </Card>
+    <modal-form ref="form" view-code="SequenceSettingEdit" @on-after-save="$refs.table.loadData()" />
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+
+  export default {
+    name: 'system-sequenceSetting',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {}
+  };
+</script>

package/src/pages/system/systemData.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <div class="i-layout-page-header">
+      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+    </div>
+    <Card :bordered="false" dis-hover class="ivu-mt">
+      <view-form ref="form" view-code="SystemData"></view-form>
+      <div style="text-align: center">
+        <Button type="info" custom-icon="fa fa-cloud-download-alt" @click="exportFile()">导出</Button>
+        <file-upload url="api/System/importFile" accept=".syd" @on-success="importFileSuccess" style="display: inline-block; margin-left: 8px; margin-right: 8px">
+          <template #>
+            <Button type="primary" custom-icon="fa fa-cloud-upload-alt">导入</Button>
+          </template>
+        </file-upload>
+      </div>
+    </Card>
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import systemApi from '../../api/system';
+
+  export default {
+    name: 'system-systemData',
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {
+      // 导出文件
+      exportFile() {
+        let types = this.$refs.form.data.types;
+        if (types && types.length > 0) {
+          systemApi.exportFile(JSON.parse(types));
+        } else {
+          this.error('请选择需要导出的内容！');
+        }
+      },
+      // 导入成功
+      importFileSuccess(res) {
+        if (res.code == 0) {
+          this.success('导入成功！');
+        } else {
+          this.error(res.message);
+        }
+      }
+    }
+  };
+</script>