hrp-ui-base 1.4.7 → 1.4.9

package/src/components/list-search-content/modules/views-package-manage-dialog.vue

@@ -1,265 +1,265 @@
-<!-- 
- * @description: 视图管理弹窗
- * @fileName: views-package-manage.vue 
- * @author: huatuo 
-!-->
-
-<template>
-  <el-dialog v-model="dialogVisible" :title="dialogTitle" width="500px" size="default" class="views-manage-box"
-    :destroy-on-close="true" v-loading="formLoading">
-    <template #header>
-      <div style="font-size:var(--font-size-body);color:var(--custom-theme-text-1)">
-        <span style="font-size:var(--font-size-body);color:var(--custom-theme-text-1)">{{ dialogTitle }}</span>
-      </div>
-    </template>
-    <div style="height: 100%;width: 100%;">
-
-      <draggable tag="transition-group" v-model="listView.viewVOList" v-bind="dragOptions" @start="drag = true"
-        @end="drag = false" item-key="group" @sort="onChangeSort" style="height: 100%;width: 100%;">
-        <template #item="{ element, index }">
-          <div
-            :class="'view-package-item flex-row-between ' + (element.ifSystemDefault ? '' : 'drggViewPackageManageDialig')">
-            <div class="content-menu-title flex-row-start-center">
-              <el-icon style="margin-right: 8px;font-size:var(--font-size-h2);">
-                <Rank />
-              </el-icon>
-              <span style="font-size:var(--font-size-body);color:var(--custom-theme-text-1)">{{
-    element.viewName }}</span>
-            </div>
-            <div class="flex-row-start-center">
-              <div v-if="element.ifSystemDefault" class="search-system-tag">系统</div>
-              <el-icon v-if="!element.ifSystemDefault" @click.stop="toEditView(element)" style="margin-right: 8px;">
-                <Edit />
-              </el-icon>
-              <el-icon v-if="!element.ifSystemDefault" @click="deleteGroup(element)">
-                <Delete />
-              </el-icon>
-            </div>
-          </div>
-        </template>
-      </draggable>
-    </div>
-    <template #footer>
-      <el-button :disabled="formLoading" type="primary" @click="submitForm"> 保 存 </el-button>
-      <el-button @click="dialogVisible = false"> 关 闭 </el-button>
-    </template>
-  </el-dialog>
-  <AddViewsPackageDialog ref="addViewsPackageDialogRef" @success="addViewSuccess"></AddViewsPackageDialog>
-</template>
-<script lang="ts" name="checkManageDialogAll" setup>
-import { ref, reactive } from "vue";
-import { ElMessage, ElMessageBox } from "element-plus";
-import draggable from "vuedraggable";
-import AddViewsPackageDialog from './add-views-package-dialog.vue'
-import TabulationBO from "hrp-ui-base/api/bms/tabulation/bo/TabulationBO";
-import FieldConditionBO from "hrp-ui-base/api/bms/tabulation/bo/FieldConditionBO";
-import PersonViewVO from "hrp-ui-base/api/bms/tabulation/bo/PersonViewVO";
-import ViewVO from "hrp-ui-base/api/bms/tabulation/bo/ViewVO";
-
-import TabulationController from "hrp-ui-base/api/bms/tabulation/TabulationController"
-
-const dialogVisible = ref(false); // 弹窗的是否展示
-const dialogTitle = ref(""); // 弹窗的标题
-const formLoading = ref(false); // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
-const baseOption = ref<TabulationBO>(new TabulationBO())
-const emits = defineEmits(["success"]);
-/** 打开弹窗 */
-const open = async (submitObj: { tagsList: FieldConditionBO[], viewId: string, viewName: string, routeId: string, keyValue: string }) => {
-  dialogVisible.value = true;
-  dialogTitle.value = "视图管理";
-  resetForm();
-  baseOption.value = {
-    routeId: submitObj.routeId,
-    tabulationId: submitObj.viewId,
-    tabulationName: submitObj.viewName,
-    fieldConditionBO: submitObj.tagsList,
-    keyValue: submitObj.keyValue
-  }
-  getData(baseOption.value.tabulationId)
-};
-const listView = ref<PersonViewVO>(new PersonViewVO());
-/** 获取数据 */
-const getData = async (reqViewId?: string) => {
-  formLoading.value = true
-  let id = reqViewId ? reqViewId : ""
-  let reqRouteId = baseOption.value.routeId ? baseOption.value.routeId : 'add'
-  await TabulationController.selectTabulation(reqRouteId, id).then((data) => {
-    if (data.code == 200 && data.res) {
-      listView.value = data.res
-    } else {
-      ElMessage.error('请求配置信息错误！')
-    }
-  }).finally(() => {
-    formLoading.value = false
-  })
-};
-/** 提交表单 */
-const submitForm = async () => {
-  // 提交请求
-  formLoading.value = true;
-  try {
-    emits("success")
-    dialogVisible.value = false
-  } finally {
-    formLoading.value = false;
-  }
-};
-
-/** 重置表单 */
-const resetForm = () => {
-  // formData.value = [];
-};
-
-
-/** 拖拽的逻辑 */
-const dragOptions = ref({
-  animation: 200,
-  group: "description",
-  disabled: false,
-  ghostClass: "ghost"
-})
-/** 拖拽的标志属性 */
-const drag = ref<boolean>(false)
-/** 修改排序的回调 */
-const onChangeSort = () => {
-  let submitObj = {
-    viewIds: listView.value.viewVOList.map((item, index) => {
-      return item.viewId
-    }),
-    signId: baseOption.value.routeId
-  }
-
-  TabulationController.changeTabulationSort(submitObj).then((data) => {
-    if (data.code == 200) {
-      ElMessage.success('修改成功！')
-      getData(baseOption.value.tabulationId)
-    } else {
-      ElMessage.error('修改失败！')
-    }
-  })
-}
-/** 查询详情 */
-const getDetail = async (id: string) => {
-  try {
-
-  } finally {
-    formLoading.value = false;
-  }
-};
-
-/** 删除视图 */
-const deleteGroup = async (element: ViewVO) => {
-  await ElMessageBox.confirm("删除后不能恢复！是否确定删除?", "提示", {
-    showClose: false,
-    type: "warning",
-    callback: async (action: string) => {
-      if (action === 'confirm') {
-        TabulationController.deletedTabulation(element.viewId).then((data) => {
-          if (data.code === 200) {
-            ElMessage({
-              type: 'success',
-              message: '删除成功！',
-            });
-            getData(baseOption.value.tabulationId)
-          } else {
-
-          }
-        })
-      } else if (action === 'cancel') {
-
-      }
-    },
-  });
-}
-/** 编辑视图 */
-const toEditView = async (item: ViewVO) => {
-  if (item.ifSystemDefault) {
-    ElMessage.error('系统视图不能编辑');
-    return;
-  } else {
-    addViewsPackageDialogRef.value?.open('edit', {
-      tagsList: item.fields,
-      viewId: item.viewId,
-      viewName: item.viewName,
-      routeId: baseOption.value.routeId
-    })
-  }
-}
-/** 新增弹窗 */
-const addViewsPackageDialogRef = ref()
-const addViewSuccess = () => {
-  getData(baseOption.value.tabulationId)
-}
-defineExpose({ open }); // 提供 open 方法，用于打开弹窗
-</script>
-
-<style scoped lang="scss">
-.view-package-item {
-
-  width: 100%;
-  height: 32px;
-  cursor: pointer;
-  user-select: none;
-  font-weight: 400;
-  font-size: 16px;
-  color: var(--custom-theme-text-1);
-  //line-height: 16px;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-  padding: 0 8px;
-
-  .content-menu-title {
-    height: 16px;
-    display: inline-flex !important;
-    align-items: center;
-    white-space: nowrap;
-    overflow: hidden;
-    height: auto;
-    text-overflow: ellipsis;
-    >span {
-      max-width: 100%;
-      /* 确保文本的最大宽度 */
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-}
-
-// .view-package-item:hover {
-//   background: var(--custom-theme-border-4);
-// }
-.search-system-tag {
-  margin-right: 8px;
-  padding: 4px;
-  /* 设置内边距，保持边框与文本之间的间距一致 */
-  font-size: var(--font-size-footnote);
-  color: var(--custom-theme-text-1);
-  background: var(--custom-theme-fill-2);
-  text-align: center;
-  line-height: 1;
-  /* 设置 line-height 为 1，使得文本垂直居中 */
-}
-</style>
-
-<style lang="scss">
-.views-manage-box {
-  .cell .el-form-item {
-    margin-bottom: 0;
-  }
-
-  .cell .is-error {
-    margin-bottom: 18px;
-  }
-
-  .el-dialog__body {
-    padding-top: 10px;
-
-  }
-
-  .el-form-item__content {
-    width: 100%;
-    margin-left: 0 !important;
-  }
-}
-</style>
+<!-- 
+ * @description: 视图管理弹窗
+ * @fileName: views-package-manage.vue 
+ * @author: huatuo 
+!-->
+
+<template>
+  <el-dialog v-model="dialogVisible" :title="dialogTitle" width="500px" size="default" class="views-manage-box"
+    :destroy-on-close="true" v-loading="formLoading">
+    <template #header>
+      <div style="font-size:var(--font-size-body);color:var(--custom-theme-text-1)">
+        <span style="font-size:var(--font-size-body);color:var(--custom-theme-text-1)">{{ dialogTitle }}</span>
+      </div>
+    </template>
+    <div style="height: 100%;width: 100%;">
+
+      <draggable tag="transition-group" v-model="listView.viewVOList" v-bind="dragOptions" @start="drag = true"
+        @end="drag = false" item-key="group" @sort="onChangeSort" style="height: 100%;width: 100%;">
+        <template #item="{ element, index }">
+          <div
+            :class="'view-package-item flex-row-between ' + (element.ifSystemDefault ? '' : 'drggViewPackageManageDialig')">
+            <div class="content-menu-title flex-row-start-center">
+              <el-icon style="margin-right: 8px;font-size:var(--font-size-h2);">
+                <Rank />
+              </el-icon>
+              <span style="font-size:var(--font-size-body);color:var(--custom-theme-text-1)">{{
+    element.viewName }}</span>
+            </div>
+            <div class="flex-row-start-center">
+              <div v-if="element.ifSystemDefault" class="search-system-tag">系统</div>
+              <el-icon v-if="!element.ifSystemDefault" @click.stop="toEditView(element)" style="margin-right: 8px;">
+                <Edit />
+              </el-icon>
+              <el-icon v-if="!element.ifSystemDefault" @click="deleteGroup(element)">
+                <Delete />
+              </el-icon>
+            </div>
+          </div>
+        </template>
+      </draggable>
+    </div>
+    <template #footer>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm"> 保 存 </el-button>
+      <el-button @click="dialogVisible = false"> 关 闭 </el-button>
+    </template>
+  </el-dialog>
+  <AddViewsPackageDialog ref="addViewsPackageDialogRef" @success="addViewSuccess"></AddViewsPackageDialog>
+</template>
+<script lang="ts" name="checkManageDialogAll" setup>
+import { ref, reactive } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import draggable from "vuedraggable";
+import AddViewsPackageDialog from './add-views-package-dialog.vue'
+import TabulationBO from "hrp-ui-base/api/bms/tabulation/bo/TabulationBO";
+import FieldConditionBO from "hrp-ui-base/api/bms/tabulation/bo/FieldConditionBO";
+import PersonViewVO from "hrp-ui-base/api/bms/tabulation/bo/PersonViewVO";
+import ViewVO from "hrp-ui-base/api/bms/tabulation/bo/ViewVO";
+
+import TabulationController from "hrp-ui-base/api/bms/tabulation/TabulationController"
+
+const dialogVisible = ref(false); // 弹窗的是否展示
+const dialogTitle = ref(""); // 弹窗的标题
+const formLoading = ref(false); // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const baseOption = ref<TabulationBO>(new TabulationBO())
+const emits = defineEmits(["success"]);
+/** 打开弹窗 */
+const open = async (submitObj: { tagsList: FieldConditionBO[], viewId: string, viewName: string, routeId: string, keyValue: string }) => {
+  dialogVisible.value = true;
+  dialogTitle.value = "视图管理";
+  resetForm();
+  baseOption.value = {
+    routeId: submitObj.routeId,
+    tabulationId: submitObj.viewId,
+    tabulationName: submitObj.viewName,
+    fieldConditionBO: submitObj.tagsList,
+    keyValue: submitObj.keyValue
+  }
+  getData(baseOption.value.tabulationId)
+};
+const listView = ref<PersonViewVO>(new PersonViewVO());
+/** 获取数据 */
+const getData = async (reqViewId?: string) => {
+  formLoading.value = true
+  let id = reqViewId ? reqViewId : ""
+  let reqRouteId = baseOption.value.routeId ? baseOption.value.routeId : 'add'
+  await TabulationController.selectTabulation(reqRouteId, id).then((data) => {
+    if (data.code == 200 && data.res) {
+      listView.value = data.res
+    } else {
+      ElMessage.error('请求配置信息错误！')
+    }
+  }).finally(() => {
+    formLoading.value = false
+  })
+};
+/** 提交表单 */
+const submitForm = async () => {
+  // 提交请求
+  formLoading.value = true;
+  try {
+    emits("success")
+    dialogVisible.value = false
+  } finally {
+    formLoading.value = false;
+  }
+};
+
+/** 重置表单 */
+const resetForm = () => {
+  // formData.value = [];
+};
+
+
+/** 拖拽的逻辑 */
+const dragOptions = ref({
+  animation: 200,
+  group: "description",
+  disabled: false,
+  ghostClass: "ghost"
+})
+/** 拖拽的标志属性 */
+const drag = ref<boolean>(false)
+/** 修改排序的回调 */
+const onChangeSort = () => {
+  let submitObj = {
+    viewIds: listView.value.viewVOList.map((item, index) => {
+      return item.viewId
+    }),
+    signId: baseOption.value.routeId
+  }
+
+  TabulationController.changeTabulationSort(submitObj).then((data) => {
+    if (data.code == 200) {
+      ElMessage.success('修改成功！')
+      getData(baseOption.value.tabulationId)
+    } else {
+      ElMessage.error('修改失败！')
+    }
+  })
+}
+/** 查询详情 */
+const getDetail = async (id: string) => {
+  try {
+
+  } finally {
+    formLoading.value = false;
+  }
+};
+
+/** 删除视图 */
+const deleteGroup = async (element: ViewVO) => {
+  await ElMessageBox.confirm("删除后不能恢复！是否确定删除?", "提示", {
+    showClose: false,
+    type: "warning",
+    callback: async (action: string) => {
+      if (action === 'confirm') {
+        TabulationController.deletedTabulation(element.viewId).then((data) => {
+          if (data.code === 200) {
+            ElMessage({
+              type: 'success',
+              message: '删除成功！',
+            });
+            getData(baseOption.value.tabulationId)
+          } else {
+
+          }
+        })
+      } else if (action === 'cancel') {
+
+      }
+    },
+  });
+}
+/** 编辑视图 */
+const toEditView = async (item: ViewVO) => {
+  if (item.ifSystemDefault) {
+    ElMessage.error('系统视图不能编辑');
+    return;
+  } else {
+    addViewsPackageDialogRef.value?.open('edit', {
+      tagsList: item.fields,
+      viewId: item.viewId,
+      viewName: item.viewName,
+      routeId: baseOption.value.routeId
+    })
+  }
+}
+/** 新增弹窗 */
+const addViewsPackageDialogRef = ref()
+const addViewSuccess = () => {
+  getData(baseOption.value.tabulationId)
+}
+defineExpose({ open }); // 提供 open 方法，用于打开弹窗
+</script>
+
+<style scoped lang="scss">
+.view-package-item {
+
+  width: 100%;
+  height: 32px;
+  cursor: pointer;
+  user-select: none;
+  font-weight: 400;
+  font-size: 16px;
+  color: var(--custom-theme-text-1);
+  //line-height: 16px;
+  text-align: left;
+  font-style: normal;
+  text-transform: none;
+  padding: 0 8px;
+
+  .content-menu-title {
+    height: 16px;
+    display: inline-flex !important;
+    align-items: center;
+    white-space: nowrap;
+    overflow: hidden;
+    height: auto;
+    text-overflow: ellipsis;
+    >span {
+      max-width: 100%;
+      /* 确保文本的最大宽度 */
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+}
+
+// .view-package-item:hover {
+//   background: var(--custom-theme-border-4);
+// }
+.search-system-tag {
+  margin-right: 8px;
+  padding: 4px;
+  /* 设置内边距，保持边框与文本之间的间距一致 */
+  font-size: var(--font-size-footnote);
+  color: var(--custom-theme-text-1);
+  background: var(--custom-theme-fill-2);
+  text-align: center;
+  line-height: 1;
+  /* 设置 line-height 为 1，使得文本垂直居中 */
+}
+</style>
+
+<style lang="scss">
+.views-manage-box {
+  .cell .el-form-item {
+    margin-bottom: 0;
+  }
+
+  .cell .is-error {
+    margin-bottom: 18px;
+  }
+
+  .el-dialog__body {
+    padding-top: 10px;
+
+  }
+
+  .el-form-item__content {
+    width: 100%;
+    margin-left: 0 !important;
+  }
+}
+</style>

package/src/components/switch.vue

@@ -1,16 +1,16 @@
-<script setup>
-import 'element-plus/dist/index.css'
-import { ElSwitch } from 'element-plus'
-import { ref } from 'vue'
-const value1 = ref(true)
-</script>
-
-<template>
-  <div>
-    ccc
-    <el-switch v-model="value1" />
-  </div>
-</template>
-
-<style scoped>
-</style>
+<script setup>
+import 'element-plus/dist/index.css'
+import { ElSwitch } from 'element-plus'
+import { ref } from 'vue'
+const value1 = ref(true)
+</script>
+
+<template>
+  <div>
+    ccc
+    <el-switch v-model="value1" />
+  </div>
+</template>
+
+<style scoped>
+</style>