simple-frame-unit 1.0.2

package/src/views/base/inputTable.vue

@@ -0,0 +1,103 @@
+<template>
+  <el-card title="表格选择器">
+    <div slot="header" class="clearfix">
+      <span>表格选择器</span>
+    </div>
+    <div>
+      <el-form>
+        <el-form-item label="表格选择器">
+          <ed-input-table v-model="dataValue" :action="action" :columns="columns" :headers="headers"
+                          :method="method" :params="params">
+          </ed-input-table>
+        </el-form-item>
+        <el-form-item label="当前选中值">
+          <p>{{ dataValue }}</p>
+        </el-form-item>
+      </el-form>
+    </div>
+  </el-card>
+</template>
+
+<script>
+export default {
+  name: "InputTable",
+  data() {
+    return {
+      dataValue: [],
+      columns: [],
+      action: this.$EdFrame.BASE_API + '/admin-api/easydata/dict/getDictList',
+      headers: this.$EdFrame.BASE_HEADERS(),
+      method: "get",
+      params: {type: ''}
+    }
+  },
+  watch: {
+    dataValue(n) {
+      console.log(n)
+    },
+
+  },
+  mounted() {
+    this.getcolumns()
+    this.getDataValue()
+  },
+  methods: {
+    getDataValue(){
+      setTimeout(()=>{
+        let Value = [
+          {
+            "name": "参数类型",
+            "dictType": "infra_config_type",
+            "description": null,
+            "sort": null,
+            "usable": true
+          },
+          {
+            "name": "通知类型",
+            "dictType": "system_notice_type",
+            "description": null,
+            "sort": null,
+            "usable": true
+          }
+        ]
+
+        // this.dataValue = Value
+        this.dataValue = Value[1]
+      },1000)
+    },
+    getcolumns(){
+      setTimeout(()=>{
+        this.columns = [
+          {
+            "label": "字段名称",
+            "prop": "name",
+            rowKey: true,
+          },
+          {
+            "label": "字段类型",
+            "prop": "dictType",
+            "map": "type",
+            "query": true,
+            rowKey: false,
+          },
+          {
+            "label": "状态",
+            "prop": "usable",
+            "formatter": "function initUsable(row, column, cellValue, index){return cellValue === true ? '可用1' : '不可用'}"
+          }
+        ]
+      },2000)
+    },
+    formatter(row, column, cellValue, index) {
+      let func = `function initUsable(row, column, cellValue, index){return cellValue === true ? "可用" : "不可用"}`
+      let funcTest = new Function('return ' + func)();
+      return funcTest(row, column, cellValue, index)
+    }
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/views/easydata/Interface.vue

@@ -0,0 +1,3 @@
+<template>
+  <Interface />
+</template>

package/src/views/easydata/dataSource.vue

@@ -0,0 +1,13 @@
+<template>
+  <DataSourceList></DataSourceList>
+</template>
+
+<script>
+export default {
+  name: "dataSource"
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/views/easydata/dataSourceView.vue

@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <EasyDataList ref="EasyDataList" :columnType="columnType" :dataSourceName="dataSourceName" model="list"
+                  @editColumns="editColumns">
+    </EasyDataList>
+  </div>
+</template>
+
+<script>
+import {formatDate} from "../../../lib/utils/dateUtils";
+export default {
+  name: "dataSourceView",
+  data() {
+    return {
+      dataSourceName: '',
+      expandedRowRenderKey: 'keyInfo',
+      columnType: 'expand',
+    }
+  },
+  created() {
+    if (this.$route.params.dataSourceName) {
+      console.log(this.$route.params)
+      this.dataSourceName = this.$route.params.dataSourceName
+    }
+  },
+  mounted() {
+    this.initProps()
+  },
+  methods: {
+    initProps() {
+      this.formProps = {
+        inline: true
+      }
+    },
+    editColumns() {
+      const columns = []
+      //规则名称增加点击获取编号
+      columns.push({
+        label: '新增时间',
+        width: 160,
+        prop: 'createTime',
+        formatter: (row, column, cellValue, index) => {
+          if (cellValue && cellValue !== '') {
+            let dateTime = new Date(cellValue)
+            return formatDate(dateTime, 'yyyy-MM-dd hh:mm:ss')
+          }
+          return cellValue
+        }
+      })
+      columns.push({
+        label: '更新时间',
+        align: "left",
+        width: 160,
+        prop: 'updateTime',
+        formatter: (row, column, cellValue, index) => {
+          if (cellValue && cellValue !== '') {
+            let dateTime = new Date(cellValue)
+            return formatDate(dateTime, 'yyyy-MM-dd hh:mm:ss')
+          }
+          return cellValue
+        }
+      })
+      return columns
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/views/easydata/templateDemo.vue

@@ -0,0 +1,89 @@
+<template>
+  <div>
+    <EasyDataList ref="EasyDataList" :action-props="{ showExportBtn: false, showAddBtn: false }"
+                  :data-source-name="dataSourceName">
+      <template v-slot:tableSlot="{ row, $index }">
+        <el-tooltip class="item" content="业务编号为一个随机字符串，提交后，可去数据源中查看数据是否正常新增" effect="dark" placement="top">
+          <el-button size="small" type="text" @click="addView(row)">新增</el-button>
+        </el-tooltip>
+        <el-tooltip class="item" content="业务编号为当前数据的业务ID" effect="dark" placement="top">
+          <el-button size="small" type="text" @click="editView(row)">编辑</el-button>
+        </el-tooltip>
+        <el-tooltip class="item" content="业务编号为当前数据的业务ID" effect="dark" placement="top">
+          <el-button size="small" type="text" @click="showView(row)">查看</el-button>
+        </el-tooltip>
+      </template>
+    </EasyDataList>
+    <ed-dialog :fullscreen="true" :show-footer="false" :title="title" :visible="visibleView" @close="close">
+      <EasyDataTemplate :biz-params="bizParam" :template-id="templateId" @submitOk="submitOk"></EasyDataTemplate>
+    </ed-dialog>
+  </div>
+</template>
+
+<script>
+import {randomUUID} from "../../../lib/utils/utils"
+
+export default {
+  name: "TemplateDemo",
+  data() {
+    return {
+      visible: false,
+      visibleView: false,
+      title: '',
+      templateId: '',
+      bizParam: {busi_id: ''},
+      dataSourceName: 'tmp_demo',
+    }
+  },
+  methods: {
+    addView(row) {
+      if (row.keyInfoObject.templateId) {
+        this.visibleView = true
+        this.$nextTick(() => {
+          this.title = row.keyInfoObject.name + "-查询"
+          this.bizParam.busi_id = randomUUID()
+          this.templateId = row.keyInfoObject.templateId
+        })
+      } else {
+        this.$message.warning("不存在新增模板ID")
+      }
+    },
+    editView(row) {
+      if (row.keyInfoObject.templateIdEdit) {
+        this.visibleView = true
+        this.$nextTick(() => {
+          this.title = row.keyInfoObject.name + "-编辑"
+          this.bizParam.busi_id = row.keyInfoObject.busi_id
+          this.templateId = row.keyInfoObject.templateIdEdit
+        })
+      } else {
+        this.$message.warning("不存在编辑模板ID")
+      }
+    },
+    showView(row) {
+      if (row.keyInfoObject.templateIdQuery) {
+        this.visibleView = true
+        this.$nextTick(() => {
+          this.title = row.keyInfoObject.name + "-查看"
+          this.bizParam.busi_id = row.keyInfoObject.busi_id
+          this.templateId = row.keyInfoObject.templateIdQuery
+        })
+      } else {
+        this.$message.warning("不存在查询模板ID")
+      }
+    },
+    close() {
+      this.templateId = ""
+      this.visibleView = false
+      this.bizParam.busi_id = ""
+    },
+    submitOk(formData, isSupper) {
+      if (isSupper) {
+        this.close()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped></style>

package/src/views/easydata/templateInfo.vue

@@ -0,0 +1,13 @@
+<template>
+  <TemplateList></TemplateList>
+</template>
+
+<script>
+export default {
+  name: "templateInfo"
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/views/index.vue

@@ -0,0 +1,17 @@
+<template>
+  <div>
+    <ed-card title="数据源">
+      <ed-link to="/easydata/dataSource" >数据源</ed-link>
+    </ed-card>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "index"
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/views/login.vue

@@ -0,0 +1,208 @@
+<template>
+<div class="login">
+  <div class="login-content">
+    <div class="login-content--pic"></div>
+
+    <div class="login-content--form field-column">
+      <div class="form-title">
+        <div class="form-title--logo">
+          <el-image :src="logoBills" fit="cover" style="max-width: 100%;  max-height: 100%;"></el-image>
+        </div>
+        <div class="form-title--text" style="">微流水分析系统</div>
+      </div>
+      <div class="form-cont">
+        <el-tabs v-model="loginForm.loginType" class="form" style=" float:none;">
+          <el-tab-pane label="账号密码登录" name="uname">
+          </el-tab-pane>
+        </el-tabs>
+
+        <div>
+          <el-form ref="loginForm" :model="loginForm" :rules="LoginRules" class="login-form">
+            <!-- 账号密码登录 -->
+            <div v-if="loginForm.loginType === 'uname'">
+              <el-form-item prop="username">
+                <el-input v-model="loginForm.username" auto-complete="off" placeholder="账号" type="text">
+                  <i slot="prefix" class="el-icon-user-solid"/>
+                </el-input>
+              </el-form-item>
+              <el-form-item prop="password">
+                <el-input v-model="loginForm.password" auto-complete="off" placeholder="密码" type="password">
+                  <img slot="prefix" src="@/assets/svg/password.svg" style="width: 14px;"/>
+                </el-input>
+              </el-form-item>
+              <el-checkbox v-model="loginForm.rememberMe" style="margin:0 0 25px 0;">记住密码</el-checkbox>
+            </div>
+            <!-- 下方的登录按钮 -->
+            <el-form-item style="width:100%;">
+              <el-button :loading="loading" size="medium" style="width:100%;" type="primary" @click.native.prevent="handlerLogin">
+                <span v-if="!loading">登 录</span>
+                <span v-else>登 录 中...</span>
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- footer -->
+  <div class="login-footer">
+    Copyright © 2023 <a href="https://www.myweplus.com" style="color: #2F53EB" tatget="_blank">微加科技</a>
+  </div>
+</div>
+</template>
+
+<script>
+import logoBills from '@/assets/images/logo-bills.png'
+import config from "@/request/config"
+const avatar = require("@/assets/avatar.png")
+export default {
+  name: "login",
+  data(){
+    return {
+      loading: false,
+      logoBills: logoBills,
+      loginForm: {
+        loginType: "uname",
+        username: "admin",
+        password: "admin123",
+        captchaVerification: process.env.VUE_APP_CAPTCHA_VERIF,
+      },
+      LoginRules: {
+        username: [
+          {required: true, trigger: "blur", message: "用户名不能为空"}
+        ],
+        password: [
+          {required: true, trigger: "blur", message: "密码不能为空"}
+        ],
+        mobile: [
+          {required: true, trigger: "blur", message: "手机号不能为空"},
+          {
+            validator: function (rule, value, callback) {
+              if (/^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/.test(value) === false) {
+                callback(new Error("手机号格式错误"));
+              } else {
+                callback();
+              }
+            }, trigger: "blur"
+          }
+        ],
+      },
+    }
+  },
+  methods: {
+    handlerLogin(){
+      this.loading = true;
+      this.$axios.postAction('/system/auth/login', this.loginForm).then(response=>{
+        if (response.success) {
+          console.log("-------------", response)
+          window.localStorage.setItem('FRAME_VUE_TOKEN', response.data.accessToken);
+          let userInfo = {
+            ...this.loginForm,
+            ...response.data,
+            avatar: avatar,
+            loginTime: new Date().getTime()
+          }
+          window.localStorage.setItem("FRAME_VUE_USER", JSON.stringify(userInfo))
+          this.$router.push({path: "/index"})
+        }
+      }).finally(()=>{
+        this.loading = false;
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.login {
+  width: inherit;
+  height: inherit;
+  min-width: 1080px;
+  min-height: 620px;
+  background-color: #e6ebf2;
+  background-image: url('../assets/images/bg.png');
+  background-size: cover;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+  font-family: Microsoft YaHei;
+  font-weight: 400;
+
+  .login-content {
+    width: 52vw;
+    height: 29.12vw;
+    background-color: #fff;
+    box-shadow: 0 16px 40px rgba(0,0,0,.07);
+    border-radius: 20px;
+    position: relative;
+
+    .login-content--pic {
+      width: 23vw;
+      height: inherit;
+      background-image: url('../assets/images/pic.png');
+      background-repeat: no-repeat;
+      background-size: cover;
+      border-radius: 20px 0 0 20px;
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+
+    .login-content--form {
+      width: 29vw;
+      height: inherit;
+      position: absolute;
+      top: 0;
+      left: 23vw;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      .form-title {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        margin-bottom: 15px;
+        margin-right: 20px;
+
+        .form-title--logo {
+          width: 100px;
+          height: 70px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
+        .form-title--text {
+          font-size: 24px;
+          font-weight: 700;
+        }
+      }
+
+      .form-cont {
+        .form {
+          box-sizing: border-box;
+          width: 320px;
+        }
+      }
+    }
+  }
+
+  .login-footer {
+    height: 16px;
+    line-height: 16px;
+    font-size: 12px;
+    color: #8c8c8c;
+    position: absolute;
+    bottom: 30px;
+  }
+}
+
+.field-column {
+  flex-direction: column;
+}
+</style>

package/src/views/redirect.vue

@@ -0,0 +1,15 @@
+<script>
+export default {
+  beforeRouteLeave(to, from, next) {
+    next(this.$destroy());
+  },
+  created() {
+    const { params, query } = this.$route
+    const { path } = params
+    this.$router.replace({ path: '/' + path, query })
+  },
+  render: function(h) {
+    return h() // avoid warning message
+  }
+}
+</script>