替换apilist关键字

src/views/api/apiGroup/components/add/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 // 组件传参对象

src/views/api/apiGroup/components/update/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/api/apiGroup/hook.tsx

@@ -6,7 +6,7 @@ export function useApiGroup() {
   let UrlList = reactive(null)
   // 获取当前板块接口列表
   onMounted(async () => {
-    UrlList = await getGroupUrl(["telMainServer"]);
+    UrlList = await getGroupUrl(["prizeSet"]);
     onSearch(ruleFormRef.value);
 
   });

src/views/api/apiInfo/components/add/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
   groupIdQuery();
 
 })

src/views/api/apiInfo/components/setRouter/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/api/apiInfo/components/setVersion/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/api/apiInfo/components/update/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
   groupIdQuery();
 
 })

src/views/api/apiInfo/hook.tsx

@@ -6,7 +6,7 @@ export function useApiInfo() {
   let UrlList = reactive(null)
   // 获取当前板块接口列表
   onMounted(async () => {
-    UrlList = await getGroupUrl(["telMainServer"]);
+    UrlList = await getGroupUrl(["prizeSet"]);
     onSearch(ruleFormRef.value);
     groupIdQuery();
 

src/views/app/appBottomNavs/components/add/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 // 组件传参对象

src/views/app/appBottomNavs/components/update/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/app/appBottomNavs/hook.tsx

@@ -6,7 +6,7 @@ export function useAppBottomNavs() {
   let UrlList = reactive(null)
   // 获取当前板块接口列表
   onMounted(async () => {
-    UrlList = await getGroupUrl(["telMainServer"]);
+    UrlList = await getGroupUrl(["prizeSet"]);
     onSearch(ruleFormRef.value);
 
   });

src/views/app/appVersion/components/add/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 // 组件传参对象

src/views/app/appVersion/components/update/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/app/appVersion/hook.tsx

@@ -6,7 +6,7 @@ export function useAppVersion() {
   let UrlList = reactive(null)
   // 获取当前板块接口列表
   onMounted(async () => {
-    UrlList = await getGroupUrl(["telMainServer"]);
+    UrlList = await getGroupUrl(["prizeSet"]);
     onSearch(ruleFormRef.value);
 
   });

src/views/app/fileUpdateInfo/components/add/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 // 组件传参对象

src/views/app/fileUpdateInfo/components/upVersion/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/app/fileUpdateInfo/components/update/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/app/fileUpdateInfo/hook.tsx

@@ -6,7 +6,7 @@ export function useFileUpdateInfo() {
   let UrlList = reactive(null)
   // 获取当前板块接口列表
   onMounted(async () => {
-    UrlList = await getGroupUrl(["telMainServer"]);
+    UrlList = await getGroupUrl(["prizeSet"]);
     onSearch(ruleFormRef.value);
 
   });

src/views/app/pageUpdateInfo/components/add/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 // 组件传参对象

src/views/app/pageUpdateInfo/components/upVersion/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/app/pageUpdateInfo/components/update/index.vue

@@ -10,7 +10,7 @@ import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRen
 let UrlList = reactive(null)
 // 获取当前板块接口列表
 onMounted(async () => {
-  UrlList = await getGroupUrl(["telMainServer"]);
+  UrlList = await getGroupUrl(["prizeSet"]);
 
 })
 const props = defineProps<{

src/views/app/pageUpdateInfo/hook.tsx

@@ -6,7 +6,7 @@ export function usePageUpdateInfo() {
   let UrlList = reactive(null)
   // 获取当前板块接口列表
   onMounted(async () => {
-    UrlList = await getGroupUrl(["telMainServer"]);
+    UrlList = await getGroupUrl(["prizeSet"]);
     onSearch(ruleFormRef.value);
 
   });

src/views/pri/priList/components/add/index.vue

@@ -0,0 +1,221 @@
+<script lang="ts">
+// 声明额外的选项
+export default {
+  name: "Add"
+};
+</script>
+<script setup lang="ts">
+import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRenderIcon, ElMessage, ElMessageBox, Upload, Close, http, getGroupUrl, RegularVerification, verification } from "@/utils/importUsed"
+// 接口列表实例
+let UrlList = reactive(null)
+// 获取当前板块接口列表
+onMounted(async () => {
+  UrlList = await getGroupUrl(["prizeSet"]);
+
+})
+// 组件传参对象
+const props = defineProps<{
+  submit: Function;
+  addVisible: {
+    type: Boolean;
+    default: false;
+  };
+  width: {
+    type: Number;
+    default: 50;
+  };
+}>();
+// 表单数据
+let UpdateForm = ref({
+  prizeName: "", //奖励名称
+  prizePercent: "", //奖励比例
+  prizeAmount: "", //奖励固定金额
+  conditionMode: "", //条件模式
+  recursionFlag: "", //是否递归
+  prizeContent: "", //奖励内容
+
+});
+// 表单实例
+const ruleFormRef = ref()
+
+// 传参选项数据
+// 条件模式选项数据
+const conditionModeOptionList = [
+]
+// 奖励内容选项数据
+const prizeContentOptionList = [
+]
+
+// 选项卡参数(默认值为列表某项的id)
+const activeId = ref('1')
+// 提交函数
+const submit = async (formEl) => {
+  // 表单校验拦截
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      //表单校验成功回调
+      console.log('submit!')
+
+
+      // 需动态生成接口
+      const { status, msg }: any = await http.Request({
+        method: UrlList.prizeSet.priaddPriList.method,
+        url: UrlList.prizeSet.priaddPriList.url,
+        params: UpdateForm.value
+      });
+      if (status === 1) {
+        //业务成功回调
+        ElMessage({
+          message: "新增成功",
+          type: "success"
+        });
+        UpdateForm.value = {
+                prizeName: "", //奖励名称
+      prizePercent: "", //奖励比例
+      prizeAmount: "", //奖励固定金额
+      conditionMode: "", //条件模式
+      recursionFlag: "", //是否递归
+      prizeContent: "", //奖励内容
+
+        };
+        // 关闭新增弹窗;
+        closeVisible()
+      } else {
+        //业务失败回调
+        ElMessageBox.alert(msg, "提示", {
+          confirmButtonText: "关闭",
+          type: "warning"
+        });
+      }
+    } else {
+      //表单校验失败回调
+      ElMessage({
+        message: "请输入完整信息",
+        type: "error"
+      });
+    }
+  })
+};
+
+
+
+
+// 表单校验规则
+const rules = reactive({
+  prizeName: [
+    { required: true, message: '请输入奖励名称', trigger: 'blur' },
+  ],
+  prizePercent: [
+    { required: true, message: '请输入奖励比例', trigger: 'blur' },
+  ],
+  conditionMode: [
+    { required: true, message: '请输入条件模式', trigger: 'blur' },
+  ],
+
+})
+// 关闭弹窗回调函数
+const closeFn: any = inject("closeAddVisible");
+const closeVisible = () => {
+  // 清空表单项;
+  UpdateForm.value = {
+        prizeName: "", //奖励名称
+    prizePercent: "", //奖励比例
+    prizeAmount: "", //奖励固定金额
+    conditionMode: "", //条件模式
+    recursionFlag: "", //是否递归
+    prizeContent: "", //奖励内容
+
+  };
+  closeFn();
+};
+
+// 弹窗是否全屏
+const isFullscreen = ref(false)
+</script>
+
+<template lang="pug">
+.main
+  el-dialog(v-model='props.addVisible' width="50%" :fullscreen="isFullscreen" title="新增" draggable @close="closeVisible")
+    el-form(:model='UpdateForm' label-position="right" ref="ruleFormRef" :rules="rules" label-width="100px")
+      el-form-item(label='奖励名称' prop="prizeName")
+        el-input(v-model='UpdateForm.prizeName' autocomplete='off'
+          placeholder="请输入奖励名称")
+      el-form-item(label='奖励比例' prop="prizePercent")
+        el-input-number(v-model='UpdateForm.prizePercent' :min="1" :max="1000"
+          placeholder="请输入奖励比例")
+      el-form-item(label='奖励固定金额' prop="prizeAmount")
+        el-input-number(v-model='UpdateForm.prizeAmount' :min="1" :max="1000"
+          placeholder="请输入奖励固定金额")
+      el-form-item(label="条件模式", prop="conditionMode")
+        el-select(
+          v-model="UpdateForm.conditionMode",
+          placeholder="请选择条件模式",
+          clearable,
+        )
+          el-option(:label="item.label", :value="item.id" v-for="(item,index) in conditionModeOptionList")
+      el-form-item(label='是否递归' prop="recursionFlag")
+        el-switch(v-model="UpdateForm.recursionFlag")
+      el-form-item(label="奖励内容", prop="prizeContent")
+        el-select(
+          v-model="UpdateForm.prizeContent",
+          placeholder="请选择奖励内容",
+          clearable,
+        )
+          el-option(:label="item.label", :value="item.id" v-for="(item,index) in prizeContentOptionList")
+
+    .flex.justify-end
+      el-button(
+        :icon="useRenderIcon(Close)",
+        @click="closeVisible"
+      ) 关闭
+      el-button(
+        type="primary",
+        :icon="useRenderIcon(Upload)",
+        @click="submit(ruleFormRef)"
+      ) 确认提交
+</template>
+
+<style scoped lang="scss">
+:deep(.el-dropdown-menu__item i) {
+  margin: 0;
+}
+
+:deep(.el-form-item__label) {
+  font-weight: 700;
+}
+
+:deep(.el-pagination) {
+  flex-flow: wrap;
+}
+
+:deep(.is-draggable) {
+  max-height: 80vh;
+  overflow: auto;
+}
+
+:deep(.el-dialog__header) {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: #fff;
+}
+
+.collapsedom {
+  padding: 0 20px;
+  background-color: #fff;
+}
+
+.ovh-x {
+  height: 40vh;
+  overflow-y: auto;
+}
+
+:deep(.el-descriptions__header) {
+  margin: 16px 0 !important;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>

src/views/pri/priList/components/updatePriList/index.vue

@@ -0,0 +1,231 @@
+<script lang="ts">
+// 声明额外的选项
+export default {
+  name: "Edit"
+};
+</script>
+<script setup lang="ts">
+import { inject, onMounted, reactive, ref, Uploadfile, UploadImg, Editor, useRenderIcon, ElMessage, ElMessageBox, Upload, Close, http, getGroupUrl, RegularVerification, verification } from "@/utils/importUsed"
+// 接口列表实例
+let UrlList = reactive(null)
+// 获取当前板块接口列表
+onMounted(async () => {
+  UrlList = await getGroupUrl(["prizeSet"]);
+
+})
+const props = defineProps<{
+  editVisible: {
+    type: Boolean;
+    default: false;
+  };
+  width: {
+    type: Number;
+    default: 50;
+  };
+  formData: {
+    id: any;
+    type: any;
+    default: {};
+  };
+}>();
+// 表单数据
+const UpdateForm: any = ref({
+  prizeName: "", //奖励名称
+  prizePercent: "", //奖励比例
+  prizeAmount: "", //奖励固定金额
+  conditionMode: "", //条件模式
+  recursionFlag: "", //是否递归
+  prizeContent: "", //奖励内容
+
+});
+// 条件模式选项数据
+const conditionModeOptionList = [
+]
+// 奖励内容选项数据
+const prizeContentOptionList = [
+]
+
+// 表单实例
+const ruleFormRef = ref()
+
+// 选项卡参数(默认值为列表某项的id)
+const activeId = ref('1')
+// 提交函数
+const submit = async (formEl) => {
+  // 表单校验拦截
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      //表单校验成功回调
+      console.log('submit!')
+
+      // 需动态生成接口
+      const { status, msg }: any = await http.Request({
+        method: UrlList.prizeSet.priupdatePriList.method,
+        url: UrlList.prizeSet.priupdatePriList.url,
+        params: UpdateForm.value
+      });
+      if (status === 1) {
+        //业务成功回调
+        ElMessage({
+          message: "修改成功",
+          type: "success"
+        });
+        UpdateForm.value = {
+                prizeName: "", //奖励名称
+      prizePercent: "", //奖励比例
+      prizeAmount: "", //奖励固定金额
+      conditionMode: "", //条件模式
+      recursionFlag: "", //是否递归
+      prizeContent: "", //奖励内容
+
+        };
+        // 关闭修改弹窗;
+        closeUpdatePriListVisible();
+      } else {
+        //业务失败回调
+        ElMessageBox.alert(msg, "提示", {
+          confirmButtonText: "关闭",
+          type: "warning"
+        });
+      }
+    } else {
+      //表单校验失败回调
+      ElMessage({
+        message: "请输入完整信息",
+        type: "error"
+      });
+    }
+  })
+};
+
+
+
+
+// 表单校验规则
+const rules = reactive({
+  prizeName: [
+    { required: true, message: '请输入奖励名称', trigger: 'blur' },
+  ],
+  prizePercent: [
+    { required: true, message: '请输入奖励比例', trigger: 'blur' },
+  ],
+  conditionMode: [
+    { required: true, message: '请输入条件模式', trigger: 'blur' },
+  ],
+
+})
+// 关闭弹窗回调函数
+const closeFn: any = inject('closeEditUpdatePriListVisible');
+const openVisible = async () => {
+  //通过ID获取表格数据
+  const { status, data }: any = await http.Request({ method: UrlList.prizeSet.prigetPriListQuery.method, url: UrlList.prizeSet.prigetPriListQuery.url, params: { id: props.formData.id }});
+  if (status === 1) {
+    UpdateForm.value = data;
+
+  }
+};
+// 关闭弹窗回调函数
+const closeUpdatePriListVisible = () => {
+  UpdateForm.value = {
+    prizeName: "", //奖励名称
+    prizePercent: "", //奖励比例
+    prizeAmount: "", //奖励固定金额
+    conditionMode: "", //条件模式
+    recursionFlag: "", //是否递归
+    prizeContent: "", //奖励内容
+
+  };
+  closeFn();
+};
+
+// 弹窗是否全屏
+const isFullscreen = ref(false)
+</script>
+
+<template lang="pug">
+.main
+  el-dialog(v-model='props.editVisible' draggable width="50%" :fullscreen="isFullscreen" title="修改" @close="closeUpdatePriListVisible" @open="openVisible")
+    el-form(:model='UpdateForm' label-position="right" ref="ruleFormRef" :rules="rules" label-width="100px")
+      el-form-item(label='奖励名称' prop="prizeName")
+        el-input(v-model='UpdateForm.prizeName' autocomplete='off'
+          placeholder="请输入奖励名称")
+      el-form-item(label='奖励比例' prop="prizePercent")
+        el-input-number(v-model='UpdateForm.prizePercent' :min="1" :max="1000"
+          placeholder="请输入奖励比例")
+      el-form-item(label='奖励固定金额' prop="prizeAmount")
+        el-input-number(v-model='UpdateForm.prizeAmount' :min="1" :max="1000"
+          placeholder="请输入奖励固定金额")
+      el-form-item(label="条件模式", prop="conditionMode")
+        el-select(
+          v-model="UpdateForm.conditionMode",
+          placeholder="请选择条件模式",
+          clearable,
+        )
+          el-option(:label="item.label", :value="item.id" v-for="(item,index) in conditionModeOptionList")
+      el-form-item(label='是否递归' prop="recursionFlag")
+        el-switch(v-model="UpdateForm.recursionFlag")
+      el-form-item(label="奖励内容", prop="prizeContent")
+        el-select(
+          v-model="UpdateForm.prizeContent",
+          placeholder="请选择奖励内容",
+          clearable,
+        )
+          el-option(:label="item.label", :value="item.id" v-for="(item,index) in prizeContentOptionList")
+
+    .flex.justify-end
+      el-button(
+        :icon="useRenderIcon(Close)",
+        :loading="loading",
+        @click="closeUpdatePriListVisible()"
+      ) 关闭
+      el-button(
+        type="primary",
+        :icon="useRenderIcon(Upload)",
+        @click="submit(ruleFormRef)"
+      ) 确认提交
+</template>
+
+<style scoped lang="scss">
+:deep(.el-dropdown-menu__item i) {
+  margin: 0;
+}
+
+:deep(.el-form-item__label) {
+  font-weight: 700;
+}
+
+:deep(.el-pagination) {
+  flex-flow: wrap;
+}
+
+:deep(.is-draggable) {
+  max-height: 80vh;
+  overflow: auto;
+}
+
+:deep(.el-dialog__header) {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: #fff;
+}
+
+.collapsedom {
+  padding: 0 20px;
+  background-color: #fff;
+}
+
+.ovh-x {
+  height: 40vh;
+  overflow-y: auto;
+}
+
+:deep(.el-descriptions__header) {
+  margin: 16px 0 !important;
+}
+
+.el-select {
+  width: 100%;
+}
+</style>

src/views/pri/priList/hook.tsx

@@ -0,0 +1,198 @@
+import { reactive, onMounted, ref, ElMessage, ElMessageBox, http, getGroupUrl, RegularVerification, verification, PaginationProps } from "@/utils/importUsed"
+// 表单实例
+const ruleFormRef = ref()
+export function usePriList() {
+  // 接口列表实例
+  let UrlList = reactive(null)
+  // 获取当前板块接口列表
+  onMounted(async () => {
+    UrlList = await getGroupUrl(["prizeSet"]);
+    onSearch(ruleFormRef.value);
+  
+  });
+  let form = reactive({
+  prizeName:"", //奖励名称
+  conditionMode:"", //条件模式
+  prizeContent:"", //奖励内容
+
+  });
+  const dataList = ref([]);
+  const loading = ref(false);
+  const dialogAddVisible = ref(false);
+  const pagination = reactive<PaginationProps>({
+    total: 0,
+    pageSize: 10,
+    currentPage: 1,
+    background: true
+  });
+  const columns: TableColumnList = [
+    {
+      type: "selection",
+      width: 55,
+      align: "left",
+      hide: ({ checkList }) => !checkList.includes("勾选列")
+    },
+    {
+      label: "序号",
+      type: "index",
+      width: 70,
+      hide: ({ checkList }) => !checkList.includes("序号列")
+    },
+    {
+      label: "奖励名称",
+      prop: "prizeName",
+      minWidth: 200
+    },
+    {
+      label: "奖励比例",
+      prop: "prizePercent",
+      minWidth: 200
+    },
+    {
+      label: "奖励固定金额",
+      prop: "prizeAmount",
+      minWidth: 200
+    },
+    {
+      label: "条件模式",
+      prop: "conditionMode",
+      minWidth: 200
+    },
+    {
+      label: "是否递归",
+      prop: "recursionFlag",
+      minWidth: 200
+    },
+    {
+      label: "奖励内容",
+      prop: "prizeContent",
+      minWidth: 200
+    },
+
+    {
+      label: "操作",
+      fixed: "right",
+      width: 200,
+      slot: "operation"
+    }
+  ];
+  // 当前页数量切换
+  function handleSizeChange(val: number) {
+    if (typeof val === "number") {
+      pagination.pageSize = val;
+      onSearch(ruleFormRef.value);
+    }
+  }
+  // 当前页码切换
+  function handleCurrentChange(val: number) {
+    console.log(`current page: ${val}`);
+    if (typeof val === "number") {
+      pagination.currentPage = val;
+      onSearch(ruleFormRef.value);
+    }
+  }
+  // 选择表格项
+  function handleSelectionChange(val) {
+    console.log(`SelectionChange: ${val}`);
+    onSearch(ruleFormRef.value);
+  }
+  // 搜索列表
+  async function onSearch(formEl) {
+    // 表单校验拦截
+    if (!formEl) return
+    await formEl.validate(async (valid, fields) => {
+      if (valid) {
+        //表单校验成功回调
+        console.log('submit!')
+        // 状态调整为加载中
+        loading.value = true;
+        // 调用接口（需动态生成接口）
+        const { status, msg, data }: any = await http.Request({
+          method: UrlList.prizeSet.prigetPriListList.method,
+          url: UrlList.prizeSet.prigetPriListList.url,
+          params: {
+            ...form,
+            pageSize: pagination.pageSize,
+            pageNum: pagination.currentPage
+          }
+        });
+        dataList.value = data.records;
+        pagination.total = data.total;
+        setTimeout(() => {
+          loading.value = false;
+        }, 500);
+      } else {
+        //表单校验失败回调
+        ElMessage({
+          message: "请输入完整信息",
+          type: "error"
+        });
+      }
+    })
+  }
+
+
+
+    // 删除
+  function handleDelete(row) {
+    ElMessageBox.confirm(
+      `是否删除该奖励配置? `,
+      "提示",
+      {
+        confirmButtonText: "删除",
+        cancelButtonText: "取消",
+        type: "warning"
+      }
+    ).then(async () => {
+      const { status, msg }: any = await http.Request({ method: UrlList.prizeSet.prideletePriList.method, url: UrlList.prizeSet.prideletePriList.url, params: String(row.id) });
+      if (status === 1) {
+        ElMessage({
+          message: "删除成功",
+          type: "success"
+        });
+        onSearch(ruleFormRef.value);
+      } else {
+        ElMessageBox.alert(msg, "提示", {
+        confirmButtonText: "关闭",
+        type: "warning"
+      });
+      };
+    })
+  }
+
+    // 新增
+  const addVisible = ref(false);
+  function handleAdd() {
+    addVisible.value = true;
+  };
+
+    // 修改
+  const editUpdatePriListVisible = ref(false);
+  const editUpdatePriListFormData = ref({});
+  function handleUpdatePriList(row) {
+    editUpdatePriListVisible.value = true;
+    // 表格数据赋值
+    editUpdatePriListFormData.value = row;
+  };
+
+  return {
+    form,
+    loading,
+    columns,
+    dataList,
+    pagination,
+    onSearch,
+    handleSizeChange,
+    handleCurrentChange,
+    handleSelectionChange,
+    ruleFormRef,
+
+    handleAdd,
+    addVisible,
+    handleUpdatePriList,
+    editUpdatePriListVisible,
+    editUpdatePriListFormData,
+    handleDelete,
+
+  };
+}

src/views/pri/priList/index.vue

@@ -0,0 +1,169 @@
+<script lang="ts">
+// 声明额外的选项
+export default {
+  name: "PriList"
+};
+</script>
+<script setup lang="ts">
+import { provide } from "vue";
+import { usePriList } from "./hook";
+import { http } from "@/utils/http";
+import { useRenderIcon, hasAuth, PureTableBar } from "@/utils/importUsed"
+import Add from "./components/add/index.vue";
+import EditUpdatePriList from "./components/updatePriList/index.vue";
+import Search from "@iconify-icons/ep/search";
+import Addicon from "@iconify-icons/ep/document-add";
+import Delete from "@iconify-icons/ep/delete";
+import EditPen from "@iconify-icons/ep/edit-pen";
+import More from "@iconify-icons/ep/more-filled";
+
+const {
+  form,
+  loading,
+  columns,
+  dataList,
+  pagination,
+  onSearch,
+  handleSizeChange,
+  handleCurrentChange,
+  handleSelectionChange,
+  ruleFormRef,
+  handleAdd,
+  addVisible,
+  handleUpdatePriList,
+  editUpdatePriListVisible,
+  editUpdatePriListFormData,
+  handleDelete,
+
+} = usePriList();
+// 关闭添加
+const closeAddVisible = () => {
+  onSearch(ruleFormRef.value);
+  addVisible.value = false;
+}
+provide('closeAddVisible', closeAddVisible)
+// 关闭修改
+const closeEditUpdatePriListVisible = () => {
+  onSearch(ruleFormRef.value);
+  editUpdatePriListVisible.value = false
+}
+provide('closeEditUpdatePriListVisible', closeEditUpdatePriListVisible)
+
+</script>
+
+<template lang="pug">
+.main
+  div
+    //- 搜索表格组件条件
+    el-form.bg-bg_color.pl-8.pt-4.pr-8(
+      label-position="left"
+      label-width="100px"
+      :inline="true",
+      :model="form",
+      class="w-[99/100]"
+      ref="ruleFormRef"
+      :rules="rules"
+    )
+      el-form-item(label='奖励名称' prop="prizeName")
+        el-input(v-model='form.prizeName' autocomplete='off'
+          placeholder="请输入奖励名称")
+      el-form-item(label="条件模式", prop="conditionMode")
+        el-select(
+          v-model="form.conditionMode",
+          placeholder="请选择条件模式",
+          clearable,
+        )
+          el-option(:label="item.label", :value="item.id" v-for="(item,index) in conditionModeOptionList")
+      el-form-item(label="奖励内容", prop="prizeContent")
+        el-select(
+          v-model="form.prizeContent",
+          placeholder="请选择奖励内容",
+          clearable,
+        )
+          el-option(:label="item.label", :value="item.id" v-for="(item,index) in prizeContentOptionList")
+
+      el-form-item
+        el-button(
+          type="primary",
+          :icon="useRenderIcon(Search)",
+          :loading="loading",
+          @click="onSearch(ruleFormRef)"
+        ) 查询
+    //- 表格组件
+    PureTableBar(title="奖励配置", @refresh="onSearch(ruleFormRef)" )
+      template(#buttons)
+        el-button(type="primary" :icon="useRenderIcon(Addicon)" @click="handleAdd()" v-if="hasAuth(['add'])") 新增
+
+      template(v-slot="{ size, checkList }")
+        pure-table( 
+          row-key="id"
+          ref="tableRef"
+          adaptive
+          align-whole="center"
+          table-layout="auto"
+          :loading="loading"
+          :size="size",
+          :data="dataList",
+          :columns="columns",
+          :checkList="checkList",
+          :pagination="pagination",
+          :paginationSmall="size === 'default' ? true : false",
+          :header-cell-style="{ background: 'var(--el-table-row-hover-bg-color)', color: 'var(--el-text-color-primary)' }",
+          @selection-change="handleSelectionChange",
+          @size-change="handleSizeChange",
+          @current-change="handleCurrentChange"
+        )
+          template(#operation="{ row }")
+            el-button.reset-margin(
+              link
+              type="primary"
+              size="small"
+              @click="handleUpdatePriList(row)"
+              :icon="useRenderIcon(Delete)"
+              v-if="hasAuth(['updatePriList'])"
+            ) 编辑
+            el-button.reset-margin(
+              link
+              type="primary"
+              size="small"
+              @click="handleDelete(row)"
+              :icon="useRenderIcon(Delete)"
+              v-if="hasAuth(['delete'])"
+            ) 删除
+
+
+    Add(:addVisible="addVisible")
+    EditUpdatePriList(:editVisible="editUpdatePriListVisible" :formData="editUpdatePriListFormData")
+
+                    
+</template>
+
+<style scoped lang="scss">
+:deep(.el-dropdown-menu__item i) {
+  margin: 0;
+}
+
+:deep(.el-form-item__label) {
+  font-weight: 700;
+}
+
+:deep(.el-pagination) {
+  flex-flow: wrap;
+}
+
+:deep(.is-draggable) {
+  max-height: 80vh;
+  overflow: auto;
+}
+
+:deep(.el-dialog__header) {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: #fff;
+}
+
+:deep(.el-descriptions__header) {
+  margin: 16px 0 !important;
+}
+</style>

src/views/pri/priProject/hook.tsx

@@ -1,4 +1,6 @@
+import router from "@/router";
 import { reactive, onMounted, ref, ElMessage, ElMessageBox, http, getGroupUrl, RegularVerification, verification, PaginationProps } from "@/utils/importUsed"
+
 // 表单实例
 const ruleFormRef = ref()
 export function usePriProject() {
@@ -8,11 +10,11 @@ export function usePriProject() {
   onMounted(async () => {
     UrlList = await getGroupUrl(["prizeSet"]);
     onSearch(ruleFormRef.value);
-  
+
   });
   let form = reactive({
-  projectName:"", //项目名称
-  requestMode:"", //调用方式
+    projectName: "", //项目名称
+    requestMode: "", //调用方式
 
   });
   const dataList = ref([]);
@@ -130,9 +132,11 @@ export function usePriProject() {
     })
   }
 
+  function test(row) {
+    router.push({ path: '../../api/apiGroup/index', query: { id: row.id } });
+  }
 
-
-    // 删除
+  // 删除
   function handleDelete(row) {
     ElMessageBox.confirm(
       `是否删除该奖励项目? `,
@@ -152,20 +156,20 @@ export function usePriProject() {
         onSearch(ruleFormRef.value);
       } else {
         ElMessageBox.alert(msg, "提示", {
-        confirmButtonText: "关闭",
-        type: "warning"
-      });
+          confirmButtonText: "关闭",
+          type: "warning"
+        });
       };
     })
   }
 
-    // 新增
+  // 新增
   const addVisible = ref(false);
   function handleAdd() {
     addVisible.value = true;
   };
 
-    // 修改
+  // 修改
   const editUpdatePriProjectVisible = ref(false);
   const editUpdatePriProjectFormData = ref({});
   function handleUpdatePriProject(row) {
@@ -192,6 +196,6 @@ export function usePriProject() {
     editUpdatePriProjectVisible,
     editUpdatePriProjectFormData,
     handleDelete,
-
+    test,
   };
 }

src/views/pri/priProject/index.vue

@@ -34,7 +34,7 @@ const {
   editUpdatePriProjectVisible,
   editUpdatePriProjectFormData,
   handleDelete,
-
+  test,
 } = usePriProject();
 // 关闭添加
 const closeAddVisible = () => {
@@ -112,7 +112,7 @@ provide('closeEditUpdatePriProjectVisible', closeEditUpdatePriProjectVisible)
               type="primary"
               size="small"
               @click="handleUpdatePriProject(row)"
-              :icon="useRenderIcon(Delete)"
+              :icon="useRenderIcon(EditPen)"
               v-if="hasAuth(['updatePriProject'])"
             ) 编辑
             el-button.reset-margin(
@@ -123,6 +123,13 @@ provide('closeEditUpdatePriProjectVisible', closeEditUpdatePriProjectVisible)
               :icon="useRenderIcon(Delete)"
               v-if="hasAuth(['delete'])"
             ) 删除
+            el-button.reset-margin(
+              link
+              type="primary"
+              size="small"
+              :icon="useRenderIcon(EditPen)"
+              @click="test(row)"
+            ) 测试
 
 
     Add(:addVisible="addVisible")