奖励金额设置

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

@@ -40,6 +40,7 @@ let UpdateForm = ref({
   conditionMode: "", //条件模式
   recursionFlag: "", //是否递归
   prizeContent: "", //奖励内容
+  requestParamField: "", //入参字段
 
 
 });
@@ -93,6 +94,7 @@ const submit = async (formEl) => {
           conditionMode: "", //条件模式
           recursionFlag: "", //是否递归
           prizeContent: "", //奖励内容
+          requestParamField: "", //入参字段
 
         };
         // 关闭新增弹窗;
@@ -152,6 +154,7 @@ const closeVisible = () => {
     conditionMode: "", //条件模式
     recursionFlag: "", //是否递归
     prizeContent: "", //奖励内容
+    requestParamField: "", //入参字段
 
   };
   closeFn();
@@ -197,6 +200,9 @@ const isFullscreen = ref(false)
           clearable,
         )
           el-option(:label="item.label", :value="item.id" v-for="(item,index) in prizeContentOptionList")
+      el-form-item(label='入参字段' prop="requestParamField")
+        el-input(v-model='UpdateForm.requestParamField' autocomplete='off'
+          placeholder="请输入入参字段")
 
     .flex.justify-end
       el-button(

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

@@ -37,6 +37,7 @@ const UpdateForm: any = ref({
   conditionMode: "", //条件模式
   recursionFlag: "", //是否递归
   prizeContent: "", //奖励内容
+  requestParamField: "", //入参字段
 
 });
 // 条件模式选项数据
@@ -85,6 +86,7 @@ const submit = async (formEl) => {
           conditionMode: "", //条件模式
           recursionFlag: "", //是否递归
           prizeContent: "", //奖励内容
+          requestParamField: "", //入参字段
 
         };
         // 关闭修改弹窗;
@@ -145,6 +147,7 @@ const closeUpdatePriListVisible = () => {
     conditionMode: "", //条件模式
     recursionFlag: "", //是否递归
     prizeContent: "", //奖励内容
+    requestParamField: "", //入参字段
 
   };
   closeFn();
@@ -186,6 +189,9 @@ const isFullscreen = ref(false)
           clearable,
         )
           el-option(:label="item.label", :value="item.id" v-for="(item,index) in prizeContentOptionList")
+      el-form-item(label='入参字段' prop="requestParamField")
+        el-input(v-model='UpdateForm.requestParamField' autocomplete='off'
+          placeholder="请输入入参字段")
 
     .flex.justify-end
       el-button(

src/views/pri/priList/hook.tsx

@@ -21,8 +21,6 @@ export function usePriList() {
     prizeName: "", //奖励名称
     conditionMode: "", //条件模式
     prizeContent: "", //奖励内容
-
-
   });
   const dataList = ref([]);
   const loading = ref(false);
@@ -81,6 +79,11 @@ export function usePriList() {
       prop: "prizeContent",
       minWidth: 200
     },
+    {
+      label: "入参字段",
+      prop: "requestParamField",
+      minWidth: 200
+    },
 
     {
       label: "操作",
@@ -186,6 +189,10 @@ export function usePriList() {
   function linkToPriPrizeInTable(row) {
     router.push({ path: '../../pri/priPrizeInTable/index', query: { listId: row.id } });
   }
+  //跳转到奖励金额设置
+  function linkToPriListAmountSet(row) {
+    router.push({ path: '../../pri/PriListAmountSet/index', query: { listId: row.id } });
+  }
 
   // 删除
   function handleDelete(row) {
@@ -256,6 +263,7 @@ export function usePriList() {
     linkToPriRecord,
     linkToPriLog,
     linkToPriPrizeInTable,
+    linkToPriListAmountSet,
 
   };
 }

src/views/pri/priList/index.vue

@@ -42,7 +42,7 @@ const {
   linkToPriRecord,
   linkToPriLog,
   linkToPriPrizeInTable,
-
+  linkToPriListAmountSet,
 } = usePriList();
 // 关闭添加
 const closeAddVisible = () => {

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

@@ -0,0 +1,210 @@
+<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"]);
+  listIdQuery();
+
+})
+// 组件传参对象
+const props = defineProps<{
+  submit: Function;
+  addVisible: {
+    type: Boolean;
+    default: false;
+  };
+  width: {
+    type: Number;
+    default: 50;
+  };
+  listId: {
+    type: Number;
+    default: 0;
+  },
+
+}>();
+// 表单数据
+let UpdateForm = ref({
+  listId: props.listId, //配置ID
+  prizePercent: "", //奖励比例
+  prizeAmount: "", //奖励固定金额
+  prizeSourceField: "", //奖励金额来源数据
+
+
+});
+// 表单实例
+const ruleFormRef = ref()
+
+// 传参选项数据
+// 配置ID选项数据
+const listIdOptionList = 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.priaddPriListAmountSet.method,
+        url: UrlList.prizeSet.priaddPriListAmountSet.url,
+        params: UpdateForm.value
+      });
+      if (status === 1) {
+        //业务成功回调
+        ElMessage({
+          message: "新增成功",
+          type: "success"
+        });
+        UpdateForm.value = {
+                listId: props.listId, //配置ID
+      prizePercent: "", //奖励比例
+      prizeAmount: "", //奖励固定金额
+      prizeSourceField: "", //奖励金额来源数据
+
+        };
+        // 关闭新增弹窗;
+        closeVisible()
+      } else {
+        //业务失败回调
+        ElMessageBox.alert(msg, "提示", {
+          confirmButtonText: "关闭",
+          type: "warning"
+        });
+      }
+    } else {
+      //表单校验失败回调
+      ElMessage({
+        message: "请输入完整信息",
+        type: "error"
+      });
+    }
+  })
+};
+
+//获取配置ID数据
+const listIdQuery = async () => {
+  const { status, data }: any = await http.Request({ method: UrlList.prizeSet.prigetPriListDic.method, url: UrlList.prizeSet.prigetPriListDic.url, params: { } });
+  if (status === 1) {
+    listIdOptionList.value = data.records;
+  }
+};
+
+
+
+// 表单校验规则
+const rules = reactive({
+  prizePercent: [
+    { required: true, message: '请输入奖励比例', trigger: 'blur' },
+  ],
+
+})
+// 关闭弹窗回调函数
+const closeFn: any = inject("closeAddVisible");
+const closeVisible = () => {
+  // 清空表单项;
+  UpdateForm.value = {
+        listId: props.listId, //配置ID
+    prizePercent: "", //奖励比例
+    prizeAmount: "", //奖励固定金额
+    prizeSourceField: "", //奖励金额来源数据
+
+  };
+  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="配置ID", prop="listId")
+        el-select(
+          v-model="UpdateForm.listId",
+          placeholder="请选择配置ID",
+          clearable,
+        )
+          el-option(:label="item.id", :value="item.prizeName" v-for="(item,index) in listIdOptionList")
+      el-form-item(label='奖励比例' prop="prizePercent")
+        el-input-number(v-model='UpdateForm.prizePercent' :min="0" :max="100000"
+          placeholder="请输入奖励比例")
+      el-form-item(label='奖励固定金额' prop="prizeAmount")
+        el-input-number(v-model='UpdateForm.prizeAmount' :min="0" :max="100000"
+          placeholder="请输入奖励固定金额")
+      el-form-item(label='奖励金额来源数据' prop="prizeSourceField")
+        el-input(v-model='UpdateForm.prizeSourceField' autocomplete='off'
+          placeholder="请输入奖励金额来源数据")
+
+    .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/priListAmountSet/components/updatePriListAmountSet/index.vue

@@ -0,0 +1,200 @@
+<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({
+  id: null, //ID
+  prizePercent: "", //奖励比例
+  prizeAmount: "", //奖励固定金额
+  prizeSourceField: "", //奖励金额来源数据
+
+});
+
+// 表单实例
+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.priupdatePriListAmountSet.method,
+        url: UrlList.prizeSet.priupdatePriListAmountSet.url,
+        params: UpdateForm.value
+      });
+      if (status === 1) {
+        //业务成功回调
+        ElMessage({
+          message: "修改成功",
+          type: "success"
+        });
+        UpdateForm.value = {
+                id: null, //ID
+      prizePercent: "", //奖励比例
+      prizeAmount: "", //奖励固定金额
+      prizeSourceField: "", //奖励金额来源数据
+
+        };
+        // 关闭修改弹窗;
+        closeUpdatePriListAmountSetVisible();
+      } else {
+        //业务失败回调
+        ElMessageBox.alert(msg, "提示", {
+          confirmButtonText: "关闭",
+          type: "warning"
+        });
+      }
+    } else {
+      //表单校验失败回调
+      ElMessage({
+        message: "请输入完整信息",
+        type: "error"
+      });
+    }
+  })
+};
+
+
+
+
+// 表单校验规则
+const rules = reactive({
+  prizePercent: [
+    { required: true, message: '请输入奖励比例', trigger: 'blur' },
+  ],
+
+})
+// 关闭弹窗回调函数
+const closeFn: any = inject('closeEditUpdatePriListAmountSetVisible');
+const openVisible = async () => {
+  //通过ID获取表格数据
+  const { status, data }: any = await http.Request({ method: UrlList.prizeSet.prigetPriListAmountSetQuery.method, url: UrlList.prizeSet.prigetPriListAmountSetQuery.url, params: { id: props.formData.id }});
+  if (status === 1) {
+    UpdateForm.value = data;
+
+  }
+};
+// 关闭弹窗回调函数
+const closeUpdatePriListAmountSetVisible = () => {
+  UpdateForm.value = {
+    id: null, //ID
+    prizePercent: "", //奖励比例
+    prizeAmount: "", //奖励固定金额
+    prizeSourceField: "", //奖励金额来源数据
+
+  };
+  closeFn();
+};
+
+// 弹窗是否全屏
+const isFullscreen = ref(false)
+</script>
+
+<template lang="pug">
+.main
+  el-dialog(v-model='props.editVisible' draggable width="50%" :fullscreen="isFullscreen" title="修改" @close="closeUpdatePriListAmountSetVisible" @open="openVisible")
+    el-form(:model='UpdateForm' label-position="right" ref="ruleFormRef" :rules="rules" label-width="100px")
+      el-form-item(label='ID' prop="id")
+        el-input-number(v-model='UpdateForm.id' :min="0" :max="100000"
+          placeholder="请输入ID")
+      el-form-item(label='奖励比例' prop="prizePercent")
+        el-input-number(v-model='UpdateForm.prizePercent' :min="0" :max="100000"
+          placeholder="请输入奖励比例")
+      el-form-item(label='奖励固定金额' prop="prizeAmount")
+        el-input-number(v-model='UpdateForm.prizeAmount' :min="0" :max="100000"
+          placeholder="请输入奖励固定金额")
+      el-form-item(label='奖励金额来源数据' prop="prizeSourceField")
+        el-input(v-model='UpdateForm.prizeSourceField' autocomplete='off'
+          placeholder="请输入奖励金额来源数据")
+
+    .flex.justify-end
+      el-button(
+        :icon="useRenderIcon(Close)",
+        :loading="loading",
+        @click="closeUpdatePriListAmountSetVisible()"
+      ) 关闭
+      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/priListAmountSet/hook.tsx

@@ -0,0 +1,205 @@
+import { reactive, onMounted, ref, ElMessage, ElMessageBox, http, getGroupUrl, RegularVerification, verification, PaginationProps } from "@/utils/importUsed";
+import { useRoute } from "vue-router";
+// 表单实例
+const ruleFormRef = ref()
+export function usePriListAmountSet() {
+  // 接口列表实例
+  let UrlList = reactive(null)
+  // 获取当前板块接口列表
+  onMounted(async () => {
+    const route = useRoute();
+    form.listId = Number(route.query.listId);
+
+    UrlList = await getGroupUrl(["prizeSet"]);
+    onSearch(ruleFormRef.value);
+  listIdQuery();
+
+  });
+  let form = reactive({
+  listId:null, //配置ID
+  prizeSourceField:"", //奖励金额来源数据
+
+
+  });
+  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: "ID",
+      prop: "id",
+      minWidth: 200
+    },
+    {
+      label: "奖励比例",
+      prop: "prizePercent",
+      minWidth: 200
+    },
+    {
+      label: "奖励固定金额",
+      prop: "prizeAmount",
+      minWidth: 200
+    },
+    {
+      label: "奖励金额来源数据",
+      prop: "prizeSourceField",
+      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.prigetPriListAmountSetList.method,
+          url: UrlList.prizeSet.prigetPriListAmountSetList.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"
+        });
+      }
+    })
+  }
+    // 配置ID选项数据
+    const listIdOptionList = ref([]);
+  //获取配置ID数据
+  async function listIdQuery() {
+    const { status, data }: any = await http.Request({ method: UrlList.prizeSet.prigetPriListDic.method, url: UrlList.prizeSet.prigetPriListDic.url, params: { } });
+    if (status === 1) {
+      listIdOptionList.value = data.records;
+    }
+  }
+
+
+
+  
+    // 删除
+  function handleDelete(row) {
+    ElMessageBox.confirm(
+      `是否删除该奖励金额设置? `,
+      "提示",
+      {
+        confirmButtonText: "删除",
+        cancelButtonText: "取消",
+        type: "warning"
+      }
+    ).then(async () => {
+      const { status, msg }: any = await http.Request({ method: UrlList.prizeSet.prideletePriListAmountSet.method, url: UrlList.prizeSet.prideletePriListAmountSet.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 editUpdatePriListAmountSetVisible = ref(false);
+  const editUpdatePriListAmountSetFormData = ref({});
+  function handleUpdatePriListAmountSet(row) {
+    editUpdatePriListAmountSetVisible.value = true;
+    // 表格数据赋值
+    editUpdatePriListAmountSetFormData.value = row;
+  };
+
+  return {
+    form,
+    loading,
+    columns,
+    dataList,
+    pagination,
+    onSearch,
+    handleSizeChange,
+    handleCurrentChange,
+    handleSelectionChange,
+    ruleFormRef,
+    listIdQuery,
+    listIdOptionList,
+
+    handleAdd,
+    addVisible,
+    handleUpdatePriListAmountSet,
+    editUpdatePriListAmountSetVisible,
+    editUpdatePriListAmountSetFormData,
+    handleDelete,
+
+  };
+}

src/views/pri/priListAmountSet/index.vue

@@ -0,0 +1,164 @@
+<script lang="ts">
+// 声明额外的选项
+export default {
+  name: "PriListAmountSet"
+};
+</script>
+<script setup lang="ts">
+import { provide } from "vue";
+import { usePriListAmountSet } from "./hook";
+import { http } from "@/utils/http";
+import { useRenderIcon, hasAuth, PureTableBar } from "@/utils/importUsed"
+import Add from "./components/add/index.vue";
+import EditUpdatePriListAmountSet from "./components/updatePriListAmountSet/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,
+  listIdOptionList,
+  handleAdd,
+  addVisible,
+  handleUpdatePriListAmountSet,
+  editUpdatePriListAmountSetVisible,
+  editUpdatePriListAmountSetFormData,
+  handleDelete,
+
+} = usePriListAmountSet();
+// 关闭添加
+const closeAddVisible = () => {
+  onSearch(ruleFormRef.value);
+  addVisible.value = false;
+}
+provide('closeAddVisible', closeAddVisible)
+// 关闭修改
+const closeEditUpdatePriListAmountSetVisible = () => {
+  onSearch(ruleFormRef.value);
+  editUpdatePriListAmountSetVisible.value = false
+}
+provide('closeEditUpdatePriListAmountSetVisible', closeEditUpdatePriListAmountSetVisible)
+
+</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="配置ID", prop="listId")
+        el-select(
+          v-model="form.listId",
+          placeholder="请选择配置ID",
+          clearable,
+        )
+          el-option(:label="item.id", :value="item.prizeName" v-for="(item,index) in listIdOptionList")
+      el-form-item(label='奖励金额来源数据' prop="prizeSourceField")
+        el-input(v-model='form.prizeSourceField' autocomplete='off'
+          placeholder="请输入奖励金额来源数据")
+
+      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="handleUpdatePriListAmountSet(row)"
+              :icon="useRenderIcon(EditPen)"
+              v-if="hasAuth(['updatePriListAmountSet'])"
+            ) 编辑
+            el-button.reset-margin(
+              link
+              type="primary"
+              size="small"
+              @click="handleDelete(row)"
+              :icon="useRenderIcon(Delete)"
+              v-if="hasAuth(['delete'])"
+            ) 删除
+
+
+
+    Add(:addVisible="addVisible" :listId="form.listId")
+    EditUpdatePriListAmountSet(:editVisible="editUpdatePriListAmountSetVisible" :formData="editUpdatePriListAmountSetFormData")
+
+                    
+</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/priPrizeInField/components/add/index.vue

@@ -36,6 +36,7 @@ let UpdateForm = ref({
   fieldEnName: "", //字段名
   fieldQueryModel: "", //匹配方式
   fieldQueryValue: "", //匹配值
+  fieldQueryValueType: "", //匹配值类型
   inTableId: props.inTableId, //入库表
 
 
@@ -50,6 +51,14 @@ const fieldQueryModelOptionList = [
   { id: 'loop_field', label: '循环递归字段' },
   { id: 'fixed_value', label: '固定值' },
 ]
+// 匹配值类型选项数据
+const fieldQueryValueTypeOptionList = [
+  { id: 'text', label: '文本' },
+  { id: 'int', label: '整数' },
+  { id: 'number', label: '数字' },
+  { id: 'date', label: '日期' },
+  { id: 'datetime', label: '时间' },
+]
 
 // 选项卡参数(默认值为列表某项的id)
 const activeId = ref('1')
@@ -76,11 +85,12 @@ const submit = async (formEl) => {
           type: "success"
         });
         UpdateForm.value = {
-      fieldName: "", //字段名称
-      fieldEnName: "", //字段名
-      fieldQueryModel: "", //匹配方式
-      fieldQueryValue: "", //匹配值
-      inTableId: props.inTableId, //入库表
+          fieldName: "", //字段名称
+          fieldEnName: "", //字段名
+          fieldQueryModel: "", //匹配方式
+          fieldQueryValue: "", //匹配值
+          fieldQueryValueType: "", //匹配值类型
+          inTableId: props.inTableId, //入库表
 
         };
         // 关闭新增弹窗;
@@ -118,6 +128,7 @@ const closeVisible = () => {
     fieldEnName: "", //字段名
     fieldQueryModel: "", //匹配方式
     fieldQueryValue: "", //匹配值
+    fieldQueryValueType: "", //匹配值类型
     inTableId: props.inTableId, //入库表
 
   };
@@ -148,6 +159,13 @@ const isFullscreen = ref(false)
       el-form-item(label='匹配值' prop="fieldQueryValue")
         el-input(v-model='UpdateForm.fieldQueryValue' autocomplete='off'
           placeholder="请输入匹配值")
+      el-form-item(label="匹配值类型", prop="fieldQueryValueType")
+        el-select(
+          v-model="UpdateForm.fieldQueryValueType",
+          placeholder="请选择匹配值类型",
+          clearable,
+        )
+          el-option(:label="item.label", :value="item.id" v-for="(item,index) in fieldQueryValueTypeOptionList")
       el-form-item(label='入库表' prop="inTableId")
         el-input-number(v-model='UpdateForm.inTableId' :min="1" :max="1000"
           placeholder="请输入入库表")

src/views/pri/priPrizeInField/components/updatePriPrizeInField/index.vue

@@ -35,6 +35,7 @@ const UpdateForm: any = ref({
   fieldEnName: "", //字段名
   fieldQueryModel: "", //匹配方式
   fieldQueryValue: "", //匹配值
+  fieldQueryValueType: "", //匹配值类型
   inTableId: null, //入库表
 
 });
@@ -44,6 +45,14 @@ const fieldQueryModelOptionList = [
   { id: 'loop_field', label: '循环递归字段' },
   { id: 'fixed_value', label: '固定值' },
 ]
+// 匹配值类型选项数据
+const fieldQueryValueTypeOptionList = [
+  { id: 'text', label: '文本' },
+  { id: 'int', label: '整数' },
+  { id: 'number', label: '数字' },
+  { id: 'date', label: '日期' },
+  { id: 'datetime', label: '时间' },
+]
 
 // 表单实例
 const ruleFormRef = ref()
@@ -72,12 +81,13 @@ const submit = async (formEl) => {
           type: "success"
         });
         UpdateForm.value = {
-      id: null, //ID
-      fieldName: "", //字段名称
-      fieldEnName: "", //字段名
-      fieldQueryModel: "", //匹配方式
-      fieldQueryValue: "", //匹配值
-      inTableId: null, //入库表
+          id: null, //ID
+          fieldName: "", //字段名称
+          fieldEnName: "", //字段名
+          fieldQueryModel: "", //匹配方式
+          fieldQueryValue: "", //匹配值
+          fieldQueryValueType: "", //匹配值类型
+          inTableId: null, //入库表
 
         };
         // 关闭修改弹窗;
@@ -110,7 +120,7 @@ const rules = reactive({
 const closeFn: any = inject('closeEditUpdatePriPrizeInFieldVisible');
 const openVisible = async () => {
   //通过ID获取表格数据
-  const { status, data }: any = await http.Request({ method: UrlList.prizeSet.prigetPriPrizeInFieldQuery.method, url: UrlList.prizeSet.prigetPriPrizeInFieldQuery.url, params: { id: props.formData.id }});
+  const { status, data }: any = await http.Request({ method: UrlList.prizeSet.prigetPriPrizeInFieldQuery.method, url: UrlList.prizeSet.prigetPriPrizeInFieldQuery.url, params: { id: props.formData.id } });
   if (status === 1) {
     UpdateForm.value = data;
 
@@ -124,6 +134,7 @@ const closeUpdatePriPrizeInFieldVisible = () => {
     fieldEnName: "", //字段名
     fieldQueryModel: "", //匹配方式
     fieldQueryValue: "", //匹配值
+    fieldQueryValueType: "", //匹配值类型
     inTableId: null, //入库表
 
   };
@@ -157,6 +168,13 @@ const isFullscreen = ref(false)
       el-form-item(label='匹配值' prop="fieldQueryValue")
         el-input(v-model='UpdateForm.fieldQueryValue' autocomplete='off'
           placeholder="请输入匹配值")
+      el-form-item(label="匹配值类型", prop="fieldQueryValueType")
+        el-select(
+          v-model="UpdateForm.fieldQueryValueType",
+          placeholder="请选择匹配值类型",
+          clearable,
+        )
+          el-option(:label="item.label", :value="item.id" v-for="(item,index) in fieldQueryValueTypeOptionList")
       el-form-item(label='入库表' prop="inTableId")
         el-input-number(v-model='UpdateForm.inTableId' :min="1" :max="1000"
           placeholder="请输入入库表")