mooho-base-admin-plus 0.1.0

package/src/pages/account/login.vue

@@ -0,0 +1,101 @@
+<template>
+  <div class="signIn">
+    <div class="box cf">
+      <div class="left" :style="{ background: 'url(' + rootPath + 'images/login/signIn-img.png) center center no-repeat', 'background-size': 'cover' }">
+        <h3>{{ sysInfo.banner }}</h3>
+        <p>{{ sysInfo.subBanner }}</p>
+      </div>
+      <div class="right">
+        <div class="logo cf">
+          <img :src="rootPath + 'images/login/logo.png'" />
+          <h2>{{ sysInfo.title }}</h2>
+          <small></small>
+        </div>
+        <input type="text" v-model="username" @keyup="submit" class="username" autofocus placeholder="请输入账号" />
+        <input type="password" v-model="password" @keyup="submit" class="password" placeholder="请输入密码" />
+        <!--<div class="remenber">
+                    <label for="remenber" class="remenber1"><input type="checkbox" ng-model="remember">记住我</label>
+                </div>-->
+        <button type="button" @click="submit()" class="sign-in">登录 Login</button>
+        <button type="button" @click="close" class="exit">退出 Exit</button>
+      </div>
+    </div>
+    <div class="cpt">{{ sysInfo.copyright }}</div>
+  </div>
+</template>
+<script>
+  import { mapActions } from 'vuex';
+  import router from '../../router';
+  import mixinPage from '../../mixins/page';
+  //import permissionApi from '../../api/permission';
+
+  export default {
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        username: '',
+        password: '',
+        autoLogin: true
+      };
+    },
+    created() {},
+    computed: {},
+    methods: {
+      ...mapActions('admin/account', ['login']),
+      /**
+       * @description 登录
+       * 表单校验已有 iView Pro 自动完成，如有需要修改，请阅读 iView Pro 文档
+       */
+      async submit(e) {
+        if (e) {
+          var keycode = window.event ? e.keyCode : e.which;
+
+          if (!keycode) {
+            return;
+          }
+
+          if (keycode !== 0 && keycode !== 1 && keycode !== 13) {
+            return;
+          }
+        }
+
+        if (this.username && this.password) {
+          await this.login({
+            username: this.username,
+            password: this.password
+          });
+
+          // 初始化菜单和权限
+          // let res = await permissionApi.query();
+
+          // // 默认包含首页
+          // res.menus.unshift({
+          //   name: '首页',
+          //   subName: 'Home',
+          //   parentID: null,
+          //   url: 'home',
+          //   templateUrl: '@/home',
+          //   icon: 'fa fa-home'
+          // });
+
+          // this.$store.dispatch('admin/menu/setSider', res.menus);
+          // this.$store.dispatch('admin/permission/set', res.permissions);
+
+          // 重定向对象不存在则返回顶层路径
+          setTimeout(() => {
+            router.replace(this.$route.query.redirect || '/home');
+          });
+        }
+      },
+      close() {
+        this.confirm('确定要关闭系统吗？\r\nAre you sure to exit?', () => {
+          window.location.href = 'about:blank';
+          window.close();
+        });
+      }
+    }
+  };
+</script>
+
+<style src="../../styles/css/login.css" scoped></style>

package/src/pages/common/home.vue

@@ -0,0 +1,169 @@
+<template>
+  <div>
+    <Row :gutter="24" class="ivu-mt">
+      <Col :xxl="8" :xl="12" :lg="12" :md="12" :sm="24" :xs="24" class="ivu-mb">
+        <div>
+          <Row :gutter="24">
+            <Col v-bind="grid" class="ivu-mb">
+              <Card :bordered="false" :padding="12">
+                <template #title>
+                  <p>
+                    <span>检测任务</span>
+                  </p>
+                </template>
+                <div class="stat">
+                  <div class="icon">
+                    <Icon type="md-speedometer" color="rgb(24, 144, 255)" />
+                  </div>
+                  <div class="content">
+                    <div>
+                      <Numeral value="85" format="0,0" v-font="30" />
+                      <div class="value1">待分派</div>
+                    </div>
+                    <div>
+                      <Numeral value="85" format="0,0" v-font="20" />
+                      <div class="value2">已分派</div>
+                    </div>
+                  </div>
+                </div>
+              </Card>
+            </Col>
+            <Col v-bind="grid" class="ivu-mb">
+              <Card :bordered="false" :padding="12">
+                <template #title>
+                  <p>
+                    <span>原始记录</span>
+                  </p>
+                </template>
+                <div class="stat">
+                  <div class="icon">
+                    <Icon type="md-list-box" color="rgb(250, 173, 20)" />
+                  </div>
+                  <div class="content">
+                    <div>
+                      <Numeral value="85" format="0,0" v-font="30" />
+                      <div class="value1">待分派</div>
+                    </div>
+                    <div>
+                      <Numeral value="85" format="0,0" v-font="20" />
+                      <div class="value2">已分派</div>
+                    </div>
+                  </div>
+                </div>
+              </Card>
+            </Col>
+            <Col v-bind="grid" class="ivu-mb">
+              <Card :bordered="false" :padding="12">
+                <template #title>
+                  <p>
+                    <span>检测报告</span>
+                  </p>
+                </template>
+                <div class="stat">
+                  <div class="icon">
+                    <Icon type="md-print" color="rgb(19, 194, 194)" />
+                  </div>
+                  <div class="content">
+                    <div>
+                      <Numeral value="85" format="0,0" v-font="30" />
+                      <div class="value1">待分派</div>
+                    </div>
+                    <div>
+                      <Numeral value="85" format="0,0" v-font="20" />
+                      <div class="value2">已分派</div>
+                    </div>
+                  </div>
+                </div>
+              </Card>
+            </Col>
+            <Col v-bind="grid" class="ivu-mb">
+              <Card :bordered="false" :padding="12">
+                <template #title>
+                  <p>
+                    <span>检测样件</span>
+                  </p>
+                </template>
+                <div class="stat">
+                  <div class="icon">
+                    <Icon type="md-analytics" color="#b37feb" />
+                  </div>
+                  <div class="content">
+                    <div>
+                      <Numeral value="85" format="0,0" v-font="30" />
+                      <div class="value1">待分派</div>
+                    </div>
+                    <div>
+                      <Numeral value="85" format="0,0" v-font="20" />
+                      <div class="value2">已分派</div>
+                    </div>
+                  </div>
+                </div>
+              </Card>
+            </Col>
+          </Row>
+        </div>
+      </Col>
+      <Col :xl="10" :lg="8" :md="8" :sm="12" :xs="24" class="ivu-mb">
+        <notice-list />
+      </Col>
+      <Col :xl="6" :lg="8" :md="8" :sm="12" :xs="24" class="ivu-mb">
+        <shortcut />
+      </Col>
+    </Row>
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import shortcut from '../../components/home/shortcut';
+  import noticeList from '../../components/home/notice-list';
+
+  export default {
+    name: 'home',
+    mixins: [mixinPage],
+    components: { noticeList, shortcut },
+    data() {
+      return {
+        grid: {
+          xl: 12,
+          lg: 12,
+          md: 12,
+          sm: 12,
+          xs: 12
+        }
+      };
+    },
+    async mounted() {},
+    methods: {}
+  };
+</script>
+
+<style scoped>
+  .stat {
+    display: flex;
+  }
+  .stat .icon {
+    width: 50%;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+  }
+
+  .stat .icon i {
+    font-size: 64px;
+  }
+
+  .stat .content {
+    width: 50%;
+  }
+
+  .stat .content .value1 {
+    font-size: 12px;
+    float: right;
+    margin-top: 18px;
+  }
+  .stat .content .value2 {
+    font-size: 12px;
+    float: right;
+    margin-top: 8px;
+  }
+</style>

package/src/pages/common/task-form.vue

@@ -0,0 +1,350 @@
+<template>
+  <div>
+    <Modal v-model="opened" scrollable :mask-closable="layout.maskClosable" :draggable="layout.draggable" :sticky="true" :reset-drag-position="true" :width="width">
+      <template #header>
+        <div>
+          <!--
+            @slot 页头
+          -->
+          <slot name="header">
+            <span class="title">{{ name }}</span>
+            <span class="description">{{ description }}</span>
+          </slot>
+        </div>
+      </template>
+      <div class="ivu-ml-8 ivu-mr-8">
+        <view-form v-show="!isCustom" ref="form" :readonly="readonly"></view-form>
+        <component v-show="isCustom" :is="customComponent" :readonly="readonly" ref="customComponent"></component>
+      </div>
+      <template #footer>
+        <div>
+          <Button v-for="(item, index) in outcomes" :key="index" type="primary" custom-icon="fa fa-check-circle" @click="action(item)">
+            {{ item.name == null ? '同意' : item.name }}
+          </Button>
+          <Button type="warning" v-if="isRejectable" custom-icon="fa fa-reply" @click="reject()">拒绝</Button>
+          <Button type="primary" v-if="isBackable" custom-icon="fa fa-share" @click="back()">退回上一步</Button>
+          <Button type="primary" v-if="isRedirectable" custom-icon="fa fa-share" @click="$refs.redirectTaskForm.open()">转办</Button>
+          <Button type="primary" v-if="isMessageEnable" custom-icon="fa fa-comment-dots" @click="openMessage()">发表意见</Button>
+          <Button type="info" custom-icon="fa fa-history" @click="$refs.approvalHistoryTable.open({ processInstID: task.processInstID })">历史</Button>
+          <Button type="default" custom-icon="fa fa-times" @click="opened = false">关闭</Button>
+        </div>
+      </template>
+    </Modal>
+    <modal-table ref="approvalHistoryTable" view-code="ApprovalHistoryModal"></modal-table>
+    <modal-form ref="redirectTaskForm" view-code="RedirectTask">
+      <template #footer>
+        <Button type="primary" custom-icon="fa fa-check" @click="redirect()">确定</Button>
+      </template>
+    </modal-form>
+    <Modal v-model="messageOpened" scrollable>
+      <template #header>
+        <div>
+          <span class="title">意见发表</span>
+          <span class="description">Message</span>
+        </div>
+      </template>
+      <div class="ivu-ml-8 ivu-mr-8">
+        <Form ref="messageForm" :model="messageData" label-position="top" label-colon="：" class="ivu-mt" @submit.prevent>
+          <Row :gutter="24" type="flex">
+            <Col v-bind="grid24">
+              <FormItem
+                label="意见内容"
+                key="message"
+                prop="message"
+                :rules="{
+                  required: true,
+                  message: '请输入',
+                  trigger: 'blur,change'
+                }"
+              >
+                <Input type="textarea" :rows="6" v-model="messageData.message" />
+              </FormItem>
+            </Col>
+          </Row>
+        </Form>
+      </div>
+      <template #footer>
+        <Button type="primary" custom-icon="fa fa-check" @click="submitMessage">提交</Button>
+        <Button type="default" custom-icon="fa fa-times" @click="messageOpened = false">关闭</Button>
+      </template>
+    </Modal>
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import customModelApi from '../../api/customModel';
+  import processInstApi from '../../api/processInst';
+  import modelApi from '../../api/model';
+  import taskApi from '../../api/task';
+
+  export default {
+    mixins: [mixinPage],
+    components: {},
+    data() {
+      return {
+        task: null,
+        model: null,
+        comment: null,
+        outcomes: [],
+        readonly: true,
+        isRejectable: false,
+        isBackable: false,
+        isRedirectable: false,
+        isMessageEnable: false,
+        messageData: {
+          message: null
+        },
+        messageOpened: false,
+        opened: false,
+        isCustom: false,
+        width: 800,
+        name: null,
+        description: null,
+        customComponent: null,
+        form: null
+      };
+    },
+    async created() {},
+    computed: {},
+    methods: {
+      // 打开
+      async open(row) {
+        let applicationType = row.processInst.applicationType;
+        this.outcomes = [];
+        this.task = row;
+        this.isRejectable = this.task.activityInst.activity.isRejectable;
+        this.isBackable = this.task.activityInst.activity.isBackable;
+        this.isRedirectable = this.task.activityInst.activity.isRedirectable;
+        this.isMessageEnable = this.task.processInst.isMessageEnable;
+        this.isCustom = false;
+
+        if (this.task.activityInst.activity.pageMode == 'Page') {
+          // 路由跳转
+          this.$router.push({ path: this.task.activityInst.activity.routerPath, query: { taskID: row.id } });
+          return;
+        } else if (this.task.activityInst.activity.pageMode == 'Component') {
+          // 动态组件
+          this.customComponent = this.$pages[this.task.activityInst.activity.templateUrl]; // 动态组件
+          this.isCustom = true;
+
+          setTimeout(async () => {
+            if (applicationType.isCustom) {
+              this.model = await customModelApi.get(applicationType.model, row.processInst.modelID);
+            } else {
+              this.model = await modelApi.get(applicationType.model, row.processInst.modelID);
+            }
+
+            this.form = this.$refs.customComponent.form;
+            this.form.data = this.model;
+            this.readonly = !this.task.activityInst.activity.isEditable;
+
+            if (this.form.formView) {
+              this.width = this.form.formView.width || '800';
+              this.name = this.form.formView.name;
+              this.description = this.form.formView.description;
+            }
+
+            this.opened = true;
+          });
+        } else if (this.task.activityInst.activity.pageMode == 'Form') {
+          this.form = this.$refs.form;
+          this.form.init(this.task.activityInst.activity.formViewCode, async view => {
+            if (view.dataView.isCustom) {
+              this.model = await customModelApi.get(applicationType.model, row.processInst.modelID);
+            } else {
+              this.model = await modelApi.get(applicationType.model, row.processInst.modelID);
+            }
+
+            this.readonly = !this.task.activityInst.activity.isEditable;
+            this.width = this.form.formView.width || '800';
+            this.name = this.form.formView.name;
+            this.description = this.form.formView.description;
+            this.form.data = this.model;
+
+            setTimeout(() => {
+              this.form.onDataChange();
+              this.form.clearValidate();
+              this.opened = true;
+            });
+          });
+        } else if (applicationType.pageMode == 'Page') {
+          this.$router.push({ path: applicationType.routerPath, query: { taskID: row.id } });
+          return;
+        } else if (applicationType.pageMode == 'Component') {
+          // 动态组件
+          this.customComponent = this.$pages[applicationType.templateUrl]; // 动态组件
+          this.isCustom = true;
+
+          if (applicationType.isCustom) {
+            this.model = await customModelApi.get(applicationType.model, row.processInst.modelID);
+          } else {
+            this.model = await modelApi.get(applicationType.model, row.processInst.modelID);
+          }
+
+          this.form = this.$refs.customComponent.form;
+          this.form.data = this.model;
+          this.readonly = !this.task.activityInst.activity.isEditable;
+
+          if (this.form.formView) {
+            this.width = this.form.formView.width || '800';
+            this.name = this.form.formView.name;
+            this.description = this.form.formView.description;
+          }
+
+          this.opened = true;
+        } else if (applicationType.pageMode == 'Form') {
+          this.form = this.$refs.form;
+          this.form.init(applicationType.formViewCode, async view => {
+            if (view.dataView.isCustom) {
+              this.model = await customModelApi.get(applicationType.model, row.processInst.modelID);
+            } else {
+              this.model = await modelApi.get(applicationType.model, row.processInst.modelID);
+            }
+
+            this.readonly = !this.task.activityInst.activity.isEditable;
+            this.width = this.form.formView.width || '800';
+            this.name = this.form.formView.name;
+            this.description = this.form.formView.description;
+            this.form.data = this.model;
+
+            setTimeout(() => {
+              this.form.onDataChange();
+              this.form.clearValidate();
+              this.opened = true;
+            });
+          });
+        } else {
+          this.error('配置错误，没有相应的处理界面！');
+          return;
+        }
+
+        let res = await modelApi.query('Outcome', { activityFromID: row.activityInst.activityID });
+        this.outcomes = res.data;
+
+        // res = await modelApi.query('Task', { processInstID: row.processInstID });
+        // this.$refs.approvalHistoryTable.loadData(res.data);
+      },
+      // 执行结果
+      async action(outcome) {
+        let isOK = await this.form.validate();
+
+        if (!isOK) {
+          this.error('有内容不符合要求，请正确填写！');
+        } else {
+          this.confirmInput(
+            '确认要' + (outcome.name == null ? '同意' : outcome.name) + '该申请吗？',
+            '备注',
+            async () => {
+              let data = null;
+              if (!this.readonly) {
+                data = this.form.getFullData();
+
+                if (!data) {
+                  // 表格验证失败
+                  return;
+                }
+              }
+
+              await taskApi.do(this.task.id, outcome.id, data, this.comment);
+              this.success('处理成功！');
+              this.resetNotice();
+              this.$emit('on-after-action');
+              this.opened = false;
+            },
+            comment => {
+              this.comment = comment;
+              return true;
+            }
+          );
+        }
+      },
+      // 拒绝
+      async reject() {
+        this.confirmInput(
+          '确认要拒绝该申请吗？',
+          '备注',
+          async () => {
+            await taskApi.reject(this.task.id, this.comment);
+            this.success('处理成功！');
+            this.resetNotice();
+            this.$emit('on-after-action');
+            this.opened = false;
+          },
+          comment => {
+            if (!(comment || '').trim()) {
+              this.warning('请输入拒绝原因！');
+              return false;
+            } else {
+              this.comment = comment;
+              return true;
+            }
+          }
+        );
+      },
+      // 退回上一步
+      async back() {
+        this.confirmInput(
+          '确认要退回上一步吗？',
+          '备注',
+          async () => {
+            await taskApi.back(this.task.id, this.comment);
+            this.success('处理成功！');
+            this.resetNotice();
+            this.$emit('on-after-action');
+            this.opened = false;
+          },
+          comment => {
+            if (!(comment || '').trim()) {
+              this.warning('请输入退回原因！');
+              return false;
+            } else {
+              this.comment = comment;
+              return true;
+            }
+          }
+        );
+      },
+      // 转办
+      async redirect() {
+        let isOK = await this.$refs.redirectTaskForm.validate();
+
+        if (!isOK) {
+          this.error('有内容不符合要求，请正确填写！');
+        } else {
+          let model = this.$refs.redirectTaskForm.data;
+
+          this.confirm('确定要将任务转移给 ' + model.target.name + ' 吗？', async () => {
+            await taskApi.redirect(this.task.id, model.targetID, model.comment);
+            this.success('转办成功！');
+            this.resetNotice();
+            this.$emit('on-after-action');
+            this.$refs.redirectTaskForm.close();
+            this.opened = false;
+          });
+        }
+      },
+      // 打开意见输入
+      openMessage() {
+        this.messageData.message = null;
+        this.messageOpened = true;
+      },
+      // 提交意见
+      async submitMessage() {
+        let isOK = await this.$refs.messageForm.validate();
+
+        if (!isOK) {
+          this.error('有内容不符合要求，请正确填写！');
+        } else {
+          this.confirm('确定要发表意见吗？', async () => {
+            await processInstApi.addMessage(this.task.processInstID, this.messageData.message);
+
+            this.success('操作成功！', () => {
+              this.messageData.message = null;
+              this.messageOpened = false;
+            });
+          });
+        }
+      }
+    }
+  };
+</script>

package/src/pages/common/todo.vue

@@ -0,0 +1,31 @@
+<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="TodoList">
+        <template #command="{ row }">
+          <Button size="small" title="详细" type="info" custom-icon="fa fa-file-alt" @click="$refs.taskForm.open(row)"></Button>
+        </template>
+      </view-table>
+    </Card>
+    <task-form ref="taskForm" @on-after-action="$refs.table.loadData()"></task-form>
+  </div>
+</template>
+<script>
+  import mixinPage from '../../mixins/page';
+  import taskForm from './task-form';
+
+  export default {
+    name: 'common-myTask',
+    mixins: [mixinPage],
+    components: { taskForm },
+    data() {
+      return {};
+    },
+    computed: {},
+    created() {},
+    methods: {}
+  };
+</script>