@arkxos/arkos-system 0.1.0

package/src/views/setting/setting.vue

@@ -0,0 +1,371 @@
+<template>
+  <div class="page-container">
+    <el-form
+      :model="formData"
+      ref="dataForm"
+      label-width="140px"
+      label-position="right"
+      :rules="rules"
+    >
+      <el-row>
+        <el-col :span="11">
+          <el-form-item label="网页标题" prop="webTitle">
+            <el-input v-model="formData.webTitle"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <span class="tips">登录配置</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="11">
+          <el-form-item label="背景图" prop="loginBgImageId">
+            <ac-image v-model="formData.loginBgImageId" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="11">
+          <el-form-item label="显示验证码" prop="loginCaptcha">
+            <ac-dict-buttons v-model="formData.loginCaptcha" dictCode="dictYesNo" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!--
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="登录页面" prop="loginPageId">
+            <ac-tree
+              v-model="formData.loginPageId"
+              data-url="/system/page/queryTree"
+              type-select="page"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      -->
+      <el-row>
+        <el-col :span="11">
+          <el-form-item prop="ssoScriptId">
+            <template #label>
+              <el-tooltip>
+                <template #content>
+                  <p>1、如果解释单点登录过来的消息正确时，在脚本中直接返回解释出来的员工Id即可。</p>
+                  <p>2、如果解释单点登录过来的消息失败时，在脚本中抛出一个错误异常即可。</p>
+                </template>
+                <div>
+                  <span style="margin-right: 5px">登录脚本</span>
+                  <ac-icon iconId="018dca8ec9890493be26" />
+                </div>
+              </el-tooltip>
+            </template>
+            <ac-tree
+              v-model="formData.ssoScriptId"
+              data-url="/system/scriptGroovy/queryTree"
+              type-select="script"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <el-form-item label="页面样式" prop="loginCss" style="height: 350px">
+            <ac-code v-model="formData.loginCss" mode="css"></ac-code>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <span class="tips">注册配置</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="5">
+          <el-form-item label="开启注册" prop="register">
+            <ac-dict-buttons v-model="formData.register" dictCode="dictYesNo" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6" v-if="formData.register === '1'">
+          <el-form-item label="弹窗大小" prop="registerWidth">
+            <ac-number v-model="formData.registerWidth" pointer="0" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="11" v-if="formData.register === '1'">
+          <el-form-item label="弹窗标题" prop="registerTitle">
+            <ac-input v-model="formData.registerTitle" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="formData.register === '1'">
+        <el-col :span="11">
+          <el-form-item label="弹窗页面" prop="registerPageId">
+            <ac-tree
+              v-model="formData.registerPageId"
+              data-url="/system/page/queryTree"
+              type-select="page"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="11">
+          <el-form-item label="注册脚本" prop="registerScriptId">
+            <ac-tree
+              v-model="formData.registerScriptId"
+              data-url="/system/scriptGroovy/queryTree"
+              type-select="script"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <span class="tips">密码配置</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="11">
+          <el-form-item label="开启密码校验" prop="passwordCheck">
+            <ac-dict-buttons v-model="formData.passwordCheck" dictCode="dictYesNo" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="11" v-if="formData.passwordCheck === '1'">
+          <el-form-item label="密码过期天数" prop="passwordDay">
+            <template #label>
+              <el-tooltip>
+                <template #content>
+                  <div>填0时为永不过期</div>
+                </template>
+                <span>
+                  <span style="margin-right: 5px">密码过期天数</span>
+                  <ac-icon iconId="018dca8ec9890493be26" />
+                </span>
+              </el-tooltip>
+            </template>
+            <ac-number v-model="formData.passwordDay" :point="0"></ac-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="formData.passwordCheck === '1'">
+        <el-col :span="11">
+          <el-form-item label="必须包含小写字母" prop="passwordLowerLetter">
+            <ac-dict-buttons v-model="formData.passwordLowerLetter" dictCode="dictYesNo" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="11">
+          <el-form-item label="必须包含大写字母" prop="passwordUpperLetter">
+            <ac-dict-buttons v-model="formData.passwordUpperLetter" dictCode="dictYesNo" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="formData.passwordCheck === '1'">
+        <el-col :span="11">
+          <el-form-item label="必须包含数字" prop="passwordDigit">
+            <ac-dict-buttons v-model="formData.passwordDigit" dictCode="dictYesNo" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="11">
+          <el-form-item label="必须包含特殊字符" prop="passwordSpecialChar">
+            <ac-dict-buttons v-model="formData.passwordSpecialChar" dictCode="dictYesNo" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="formData.passwordCheck === '1'">
+        <el-col :span="11">
+          <el-form-item label="最小长度" prop="passwordMinLen">
+            <ac-number v-model="formData.passwordMinLen" :point="0"></ac-number>
+          </el-form-item>
+        </el-col>
+        <el-col :span="11">
+          <el-form-item label="最大长度" prop="passwordMaxLen">
+            <ac-number v-model="formData.passwordMaxLen" :point="0"></ac-number>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-if="formData.passwordCheck === '1'">
+        <el-col :span="11">
+          <el-form-item label="强制修改初始密码" prop="passwordInitialEdit">
+            <ac-dict-buttons v-model="formData.passwordInitialEdit" dictCode="dictYesNo" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <span class="tips">首页配置</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="11">
+          <el-form-item label="LOGO图" prop="homeLogoImageId">
+            <ac-image v-model="formData.homeLogoImageId"></ac-image>
+          </el-form-item>
+        </el-col>
+        <el-col :span="11">
+          <el-form-item label="背景图" prop="homeBgImageId">
+            <ac-image v-model="formData.homeBgImageId"></ac-image>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <el-form-item label="页面样式" prop="chooseCss" style="height: 350px">
+            <ac-code v-model="formData.chooseCss" mode="css"></ac-code>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <span class="tips">门户配置</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="11">
+          <el-form-item label="门户首页" prop="portalPageId">
+            <ac-tree
+              v-model="formData.portalPageId"
+              data-url="/system/page/queryTree"
+              type-select="page"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="11">
+          <el-form-item label="网页标题" prop="portalTitle">
+            <el-input v-model="formData.portalTitle"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <el-form-item label="页面样式" prop="portalCss" style="height: 350px">
+            <ac-code v-model="formData.portalCss" mode="css"></ac-code>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <span class="tips">样式配置</span>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="22">
+          <el-form-item label="全局样式" prop="extendsCss" style="height: 350px">
+            <ac-code v-model="formData.extendsCss" mode="css"></ac-code>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+  <div class="button-box">
+    <el-button
+      size="default"
+      type="warning"
+      @click="resetRSAForm"
+      :loading="editLoading"
+    >重置密钥</el-button>
+    <el-button
+      size="default"
+      type="primary"
+      @click="submitForm"
+      :loading="editLoading"
+    >保存</el-button>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import api from '@/http/api';
+
+const rules = ref({
+  webTitle: [
+    { max: 100, message: '长度必须小于等于 100 个字符！', trigger: 'change' }
+  ],
+  pageTopContent: [
+    { max: 50, message: '长度必须小于等于 50 个字符！', trigger: 'change' }
+  ],
+});
+
+const editLoading = ref(false);
+const dataForm = ref();
+const formData = ref({
+  webTitle: '',
+  loginBgImageId: '',
+  loginCaptcha: '0',
+  homeLogoImageId: '',
+  homeBgImageId: '',
+  passwordCheck: '1',
+  passwordDay: 180,
+  passwordUpperLetter: '0',
+  passwordLowerLetter: '0',
+  passwordDigit: '0',
+  passwordSpecialChar: '0',
+  passwordMinLen: 6,
+  passwordMaxLen: 20,
+  passwordInitialEdit: '0',
+  extendsCss: ''
+});
+
+const loadSetting = async() => {
+  const res = await api.post('/system/setting/querySetting');
+  if (res && res.data && res.data.id) {
+    formData.value = Object.assign({}, formData.value, res.data);
+  }
+
+  await nextTick(() => {
+    dataForm.value && dataForm.value.clearValidate();
+  });
+};
+
+const resetRSAForm = () => {
+  ElMessageBox.confirm('请确认是否重置密钥？', '提示', { type: 'warning' }).then(() => {
+    editLoading.value = true;
+    api.post('/system/setting/resetRSAKey', formData.value).then(res => {
+      ElMessage.success(res.message);
+      editLoading.value = false;
+    }).catch(() => {
+      editLoading.value = false;
+    })
+  }).catch(() => {});
+};
+
+const submitForm = () => {
+  dataForm.value && dataForm.value.validate((valid) => {
+    if (valid) {
+      ElMessageBox.confirm('请确认是否提交？', '提示', { type: 'info' }).then(() => {
+        editLoading.value = true;
+        api.post('/system/setting/save', formData.value).then(res => {
+          ElMessage.success(res.message);
+          editLoading.value = false;
+        }).catch(() => {
+          editLoading.value = false;
+        })
+      }).catch(() => {});
+    } else {
+      ElMessage.error('数据录入不正确，请重新检查！');
+    }
+  })
+};
+
+onMounted(() => {
+  loadSetting();
+});
+</script>
+
+<style scoped>
+.page-container :deep(.el-form) {
+  margin-left: 20px;
+}
+.tips {
+  display: block;
+  margin-left: 20px;
+  padding-top: 10px;
+  padding-bottom: 5px;
+  font-size: 16px;
+  font-weight: 800;
+}
+.button-box {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+</style>

package/src/visual/components/app/list/goods/double.vue

@@ -0,0 +1,241 @@
+<template>
+  <div
+    v-if="!initializing"
+    class="vc-app-list-goods-double"
+    :style="visual.parseStyle(currNode.currStyle)"
+  >
+    <div
+      v-if="dataList && dataList.length > 0"
+      class="vc-app-list-goods-double-list"
+    >
+      <div
+        v-for="(data, index) in dataList"
+        :key="index"
+        class="vc-app-list-goods-double-item"
+        @click="changeItem(data)"
+      >
+        <div>
+          <img v-if='data["图片"]' class="item-image" :src='imageUrl + data["图片"]' alt />
+          <vc-icon v-else iconId="018ece4f76dbdc838868" size="120" />
+        </div>
+        <div class="item-content">
+          <div class="item-line">
+            <div class="item-name-label" v-if='data["名称标签"]'>{{data["名称标签"]}}</div>
+            <div class="item-name ellipsis">{{data["名称"]}}</div>
+          </div>
+          <div class="item-line">
+            <div class="item-label ellipsis">{{(data["标签"] || '').replace(/,/g, ' ')}}</div>
+          </div>
+          <div class="item-line item-baseline">
+            <div class="item-red item-smaller">￥</div>
+            <div class="item-red item-bigger">{{tool.getMoneyInt(data["价格"])}}</div>
+            <div class="item-red item-smaller item-mr5">.{{tool.getMoneyScale(data["价格"])}}</div>
+            <div class="item-red item-smaller item-mr5" v-if='data["价格标签"]'>{{data["价格标签"]}}</div>
+            <div class="item-grey item-smaller ellipsis">{{data["价格补充"]}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      v-else
+      class="vc-app-list-goods-double-empty"
+      :style="visual.parseStyle(compStyle)"
+    >
+      <div style="margin: 40rpx;">暂无数据</div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, inject, getCurrentInstance, nextTick, onMounted } from 'vue';
+import VcIcon from '@/visual/components/icon/index.vue';
+import visual from '@/visual/js/visual';
+import tool from '@/utils/tool';
+import EventHandler from '@/visual/js/event';
+
+const props = defineProps({
+  node: Object
+});
+
+const initializing = ref(true);
+const currNode = ref(props.node);
+const compStyle = ref({});
+const page = ref({});
+const dataList = ref([]);
+const currValue = ref('');
+const loading = ref('');
+const eventHandler = new EventHandler(
+  inject('eventHandler', Function, true),
+  getCurrentInstance(),
+  currNode.value
+);
+const dataPage = ref(false);
+const hasPage = ref(true);
+const queryInfo = ref({
+  pageNumber: 1,
+  pageSize: 10
+});
+const imageUrl = ref(import.meta.env.VITE_IMAGE_PATH);
+
+const init = async(styleId) => {
+  initializing.value = true;
+  page.value = {};
+  dataList.value = [];
+  queryInfo.value.pageNumber = 1;
+  hasPage.value = true;
+
+  visual.initStyle(currNode.value, styleId);
+  compStyle.value = currNode.value.currCompStyle || {};
+  const compData = currNode.value.compData || {};
+  dataPage.value = compData.dataPage || false;
+  if (dataPage.value) {
+    queryInfo.value.pageSize = compData.dataPageSize || 20;
+  } else {
+    queryInfo.value.pageSize = compData.dataQueryTotal || 20;
+  }
+  await findPage();
+  await nextTick(() => initializing.value = false);
+};
+
+const changeItem = (row) => {
+  currValue.value = row['主键id'] || '';
+  eventHandler.trigger('点击事件', { row: row });
+};
+
+const findPage = async() => {
+  loading.value = true;
+  const compData = currNode.value.compData || {};
+  page.value = await visual.loadData(compData, eventHandler, getData(), currNode.value);
+  if (page.value.data && page.value.data.length > 0) {
+    dataList.value.push(...page.value.data);
+  }
+  if ((page.value.totalPage && page.value.totalPage <= queryInfo.value.pageNumber) ||
+      !page.value.data || page.value.data.length === 0) {
+    hasPage.value = false;
+  }
+  await nextTick(() => loading.value = false);
+}
+
+const getData = () => {
+  return {
+    ...queryInfo.value,
+    value: currValue.value || '',
+    inputParam: currNode.value.inputParam || {}
+  };
+};
+
+const changeStyle = (styleId) => {
+  init(styleId);
+};
+
+const refresh = () => {
+  init();
+};
+
+onMounted(() => {
+  refresh();
+});
+
+defineExpose({ getData, changeStyle, refresh });
+</script>
+
+<style scoped lang="scss">
+.vc-app-list-goods-double {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  background: #F5F6FA;
+  .vc-app-list-goods-double-list {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    overflow: auto;
+    padding: 20rpx;
+    gap: 20rpx;
+    .vc-app-list-goods-double-item {
+      white-space: nowrap;
+      width: calc(50vw - 30rpx);
+      display: flex;
+      flex-direction: column;
+      border-radius: 10rpx;
+      background: white;
+      padding-bottom: 6rpx;
+      .item-image, image {
+        max-width: calc(50vw - 30rpx);
+        max-height: calc(50vw - 30rpx);
+        border-radius: 10rpx 10rpx 0 0;
+      }
+      .item-content {
+        padding: 10rpx;
+        .ellipsis {
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+        }
+        .item-red {
+          color: #FF3333;
+        }
+        .item-grey {
+          color: #8c939d;
+        }
+        .item-smaller {
+          font-size: 24rpx;
+        }
+        .item-bigger {
+          font-size: 40rpx;
+          font-weight: bold;
+        }
+        .item-baseline {
+          align-items: baseline!important;
+        }
+        .item-line {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+        }
+        .item-name-label {
+          background: #FF3333;
+          color: white;
+          font-size: 20rpx;
+          border-radius: 10rpx;
+          padding: 4rpx 10rpx;
+          margin-right: 10rpx;
+        }
+        .item-name {
+          flex-grow: 1;
+          width: 1rpx;
+        }
+        .item-label {
+          color: #D97E23;
+          font-size: 24rpx;
+          height: 50rpx;
+          line-height: 50rpx;
+        }
+        .item-mr5 {
+          margin-right: 10rpx;
+        }
+      }
+    }
+  }
+  .vc-app-list-goods-double-list::-webkit-scrollbar {
+    display: none;
+  }
+  .vc-app-list-goods-double-icon {
+    width: 60rpx;
+    margin-left: 20rpx;
+    border-left: 1rpx solid #ccc;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .vc-app-list-goods-double-empty {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+.vc-loading {
+  background: #F5F6FA;
+}
+</style>