新增： 协议管理

src/common/constants/buttonType.ts

@@ -122,4 +122,6 @@ export interface ButtonType {
     platinum_pick_query_receipt: string; // 千海金 提货查询 确认收货
     platinum_pick_query_confirm_pickup: string; // 千海金 提货查询 确认提货
     platinum_financing_information_detail: string; // 千海金 融资明细
+    platinum_agreement_add: string; // 千海金 协议管理 新增
+    platinum_agreement_modify: string; // 千海金 协议管理 修改
 }

src/common/constants/enumCommon.ts

@@ -116,4 +116,11 @@ export enum TradeMode {
     Bidding_large = 21, // 受托竞价
     EntrustedBidding = 21, // 受托竞价
     Platinum = 69, // 铂金宝
+}
+
+// 协议类型
+export enum AgreementType {
+    register = 1,   // 注册 
+    login,  // 登录
+    trade,  // 交易
 }

src/common/constants/enumsName.ts

@@ -1,5 +1,5 @@
 import { getItemEnumName } from '@/services/bus/allEnum';
-
+import * as EnumType from './enumCommon';
 
 /**
  * 获取证件类型枚举名称
@@ -457,3 +457,25 @@ export function getWeekName(type: string): string {
     }
     return result
 }
+
+
+/**
+ * 获取对应协议枚举对应名
+ * @param type 
+ * @returns 
+ */
+export function getAgreementTypeName(type: EnumType.AgreementType): string {
+    let result = '--'
+    switch (type) {
+        case EnumType.AgreementType.register:
+            result = '注册'
+            break
+        case EnumType.AgreementType.login:
+            result = '登录'
+            break
+        case EnumType.AgreementType.trade:
+            result = '交易'
+            break
+    }
+    return result
+}

src/common/methods/table/interface.ts

@@ -17,28 +17,10 @@ export interface ColumnType {
 	customRender?: Function;
 }
 export interface TableKey {
-	table_pcweb_delivery: string, // 现货合同
-	table_pcweb_userinfo: string, // 客户资料
-	table_pcweb_warehouse: string, // 仓库信息
-	table_pcweb_purchase_pointprice: string, // 采购_待点价
-	table_pcweb_purchase_settle: string, // 采购_履约交收
-	table_pcweb_purchase_all: string, // 采购_全部
-	table_pcweb_sales_pointprice: string, // 销售_待点价
-	table_pcweb_sales_settle: string, // 销售_履约交收
-	table_pcweb_sales_all: string, // 销售_全部
-	table_pcweb_exposure: string, // 实时敞口
-	table_pcweb_exposure_detail: string, // 实时敞口--现货明细
-	table_pcweb_exposure_futures_detail: string, // 实时敞口--期货明细
-	table_pcweb_exposure_spotposition: string, // 敞口--现货头寸
-	table_pcweb_exposure_spotposition_detail: string, // 敞口--现货头寸--现货明细
-	table_pcweb_exposure_futuresposition: string, // 敞口--期货头寸
-	table_pcweb_exposure_futuresposition_detail: string, // 敞口--现货头寸--期货明细
-	table_pcweb_report_spot_detail_day: string, // 现货日报表-详情
 	table_pcweb_report_spot_detail_month: string, // 现货月报表-详情
 	table_pcweb_report_fincial_payment_day: string, // 报表-财务报表-款项-日报表
 	table_pcweb_report_fincial_invoice_day: string, // 报表-财务报表-发票-日报表
 	table_pcweb_report_fincial_month: string, // 报表-财务报表-月报表
-	table_pcweb_business_aduit_dj: string, // 业务审核-点价
 	table_pcweb_business_aduit_js: string, // 业务审核-交收
 	table_pcweb_fincial_aduit_fp: string, // 业务审核-发票
 	table_pcweb_fincial_aduit_kx: string, // 财务审核-款项
@@ -75,4 +57,24 @@ export interface TableKey {
 	table_pcweb_qhj_order: string, // 铂金宝-单据查询-委托单
 	table_pcweb_qhj_pay_bill: string, // 铂金宝-单据查询-待付单
 	table_pcweb_qhj_deal_order: string, // 铂金宝-单据查询-成交单
+	table_pcweb_spot_and_price: string, // 铂金宝-现货市价
+	table_pcweb_agreement: string, // 铂金宝-协议管理
+	table_pcweb_delivery: string, // 现货合同
+	table_pcweb_userinfo: string, // 客户资料
+	table_pcweb_warehouse: string, // 仓库信息
+	table_pcweb_purchase_pointprice: string, // 采购_待点价
+	table_pcweb_purchase_settle: string, // 采购_履约交收
+	table_pcweb_purchase_all: string, // 采购_全部
+	table_pcweb_sales_pointprice: string, // 销售_待点价
+	table_pcweb_sales_settle: string, // 销售_履约交收
+	table_pcweb_sales_all: string, // 销售_全部
+	table_pcweb_exposure: string, // 实时敞口
+	table_pcweb_exposure_detail: string, // 实时敞口--现货明细
+	table_pcweb_exposure_futures_detail: string, // 实时敞口--期货明细
+	table_pcweb_exposure_spotposition: string, // 敞口--现货头寸
+	table_pcweb_exposure_spotposition_detail: string, // 敞口--现货头寸--现货明细
+	table_pcweb_exposure_futuresposition: string, // 敞口--期货头寸
+	table_pcweb_exposure_futuresposition_detail: string, // 敞口--现货头寸--期货明细
+	table_pcweb_report_spot_detail_day: string, // 现货日报表-详情
+	table_pcweb_business_aduit_dj: string, // 业务审核-点价 
 }

src/common/setup/table/interface.ts

@@ -92,4 +92,5 @@ export interface ButtonListKey {
     platinum_document_query_waiting: string; // 千海金 单据查询 待付单
     platinum_document_query_success: string; // 千海金 单据查询 成交单
     platinum_financing_information_tab: string; // 千海金 融资信息
+    platinum_agreement_tab: string; // 千海金 协议管理
 }

src/router/index.ts

@@ -841,6 +841,25 @@ const routes: Array<RouteRecordRaw> = [
                     },
                 ]
             },
+            {
+                path: '/platinum_agreement',
+                name: 'platinum_agreement',
+                component: Main,
+                meta: {
+                    requireAuth: true,
+                },
+                redirect: { name: 'platinum_agreement_tab' },
+                children: [
+                    {
+                        path: '/platinum_agreement/tab',
+                        name: 'platinum_agreement_tab',
+                        component: () => import('@/views/platinum/platinum_agreement/list/tab/index.vue'),
+                        meta: {
+                            requireAuth: true,
+                        },
+                    },
+                ]
+            },
         ],
     },
     {

src/views/platinum/platinum_agreement/compoments/add/index.vue

@@ -0,0 +1,143 @@
+<template>
+  <!-- 新增协议-->
+  <a-modal class="add-custom"
+           title="新增协议"
+           v-model:visible="visible"
+           @cancel="cancel"
+           centered
+           :maskClosable="false"
+           width="890px">
+    <template #footer>
+      <a-button key="submit"
+                type="primary"
+                :loading="loading"
+                @click="submit()">新增
+      </a-button>
+    </template>
+    <a-form class="inlineForm"
+            ref="formRef"
+            :model="formState"
+            :rules="rules">
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <a-form-item label="协议编号"
+                       name="agreementno">
+            <a-input class="dialogInput"
+                     v-model:value="formState.agreementno"
+                     style="width: 200px"
+                     placeholder="请输入协议编号" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="协议名称"
+                       name="agreementname">
+            <a-input class="dialogInput"
+                     v-model:value="formState.agreementname"
+                     style="width: 200px"
+                     placeholder="请输入协议名称" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="协议类型"
+                       name="agreementtype">
+            <a-select class="typeSelect"
+                      style="width: 200px"
+                      v-model:value="formState.agreementtype"
+                      placeholder="请选择协议类型">
+              <a-select-option v-for="item in agreementTypeList"
+                               :value="item.value"
+                               :key="item.value">
+                {{item.lable}}
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+
+          <!-- 协议类型为登录时，签署频率为每次； -->
+
+          <!-- 协议类型为其它类型时，签署频率为首次； -->
+
+          <!-- 频率为首次：首次勾选一次，后面第二次不显示 -->
+
+          <!-- 频率为每次：首次勾选，第二次后默认勾选 -->
+
+          <!-- 多个协议的协议类型为登录和注册时，协议在终端界面并列显示 -->
+          <a-form-item label="签署频率">
+            <a-input class="dialogInput"
+                     :value="getRate()"
+                     readonly
+                     style="width: 200px"
+                     placeholder="" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item label="协议内容"
+                       name="agreementcontent">
+            <a-input class="dialogInput"
+                     style="width: 635px"
+                     v-model:value="formState.agreementcontent"
+                     placeholder="请输入协议内容" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </a-modal>
+</template>
+
+<script lang="ts">
+import { closeModal } from '@/common/setup/modal/index';
+import { defineComponent, ref } from 'vue';
+import { handleForm } from './setup';
+import { FormState } from './interface';
+import { validateAction } from '@/common/setup/form';
+import { AgreementType } from '@/common/constants/enumCommon';
+import { getAgreementTypeList } from '@/views/platinum/platinum_agreement/setup';
+
+export default defineComponent({
+    name: 'add-custom',
+    components: {},
+    setup(props, context) {
+        // 控制关闭弹窗
+        const { visible, cancel } = closeModal('platinum_agreement_add');
+        // 表单
+        const { formRef, formState, rules } = handleForm();
+        // 协议类型
+        const agreementTypeList = getAgreementTypeList();
+        function getRate() {
+            // 协议类型为登录时，签署频率为每次；
+            // 协议类型为其它类型时，签署频率为首次；
+            return formState.agreementtype === AgreementType.login ? '每次' : '首次';
+        }
+        const loading = ref<boolean>(false);
+
+        function submit(OperateType: 1 | 2) {
+            validateAction<FormState>(formRef, formState).then((param) => {
+                // const reqParam: QHJAgreementConfigOperateReq = {};
+                // requestResultLoadingAndInfo(agreementConfigOperate, reqParam, loading, ['新增协议成功', '新增协议失败:']).then(() => {
+                //     cancel();
+                //     context.emit('refresh');
+                // });
+            });
+        }
+
+        return {
+            agreementTypeList,
+            getRate,
+            formState,
+            rules,
+            formRef,
+            visible,
+            cancel,
+            submit,
+            loading,
+        };
+    },
+});
+</script>
+
+<style lang="less">
+.add-custom {
+}
+</style
+>;

src/views/platinum/platinum_agreement/compoments/add/interface.ts

@@ -0,0 +1,6 @@
+export interface FormState {
+    agreementno: string // string 协议编号
+    agreementname: string // string 协议名称
+    agreementtype: number | undefined // uint32 协议类型 - 1:注册 2:登录 3:交易
+    agreementcontent: string // string 协议内容
+}

src/views/platinum/platinum_agreement/compoments/add/setup.ts

@@ -0,0 +1,28 @@
+
+import { reactive, ref, UnwrapRef } from 'vue';
+import { FormState } from './interface';
+
+export function handleForm() {
+    const formRef = ref();
+    const formState: UnwrapRef<FormState> = reactive(initFormState());
+    const rules = {
+        agreementno: [{ required: true, message: '请输入协议编号', trigger: 'blur' }],
+        agreementname: [{ required: true, message: '请输入协议名称', trigger: 'blur' }],
+        agreementtype: [{ required: true, message: '请选择协议类型', type: 'number' }],
+        agreementcontent: [{ required: true, message: '请输入协议内容', trigger: 'blur' }],
+    };
+    return { formRef, formState, rules }
+}
+
+/**
+ * 初始化表单数据
+ * @returns 
+ */
+export function initFormState(): FormState {
+    return {
+        agreementno: '',
+        agreementname: '',
+        agreementcontent: '',
+        agreementtype: undefined,
+    }
+}

src/views/platinum/platinum_agreement/compoments/controlModal/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <!-- 详情 -->
+    <Detail :selectedRow="selectedRow" />
+    <!-- 新增 -->
+    <Add @refresh="refresh" />
+    <!-- 修改 -->
+    <Modify :selectedRow="selectedRow"
+            @refresh="refresh" />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType } from 'vue';
+import Detail from '../detail/index.vue';
+import Modify from '../modify/index.vue';
+import Add from '../add/index.vue';
+import { QhjAgreementConfig } from '@/services/go/ermcp/qhj/interface';
+
+export default defineComponent({
+    name: 'custom-control-modal',
+    components: { Detail, Modify, Add },
+    props: {
+        selectedRow: {
+            type: Object as PropType<QhjAgreementConfig>,
+            default: {},
+        },
+    },
+    setup(props, context) {
+        function refresh() {
+            context.emit('refresh');
+        }
+        return {
+            refresh,
+        };
+    },
+});
+</script>
+
+<style lang="less">
+.custom-detail {
+    .ant-form.inlineForm {
+        margin-top: 20px;
+    }
+    .upload {
+        .look {
+            margin-left: 0;
+        }
+    }
+}
+</style>;
+

src/views/platinum/platinum_agreement/compoments/detail/index.vue

@@ -0,0 +1,74 @@
+<template>
+  <!-- 客户资料详情-->
+  <a-modal class="add-custom custom-detail"
+           title="客户资料详情"
+           centered
+           v-model:visible="visible"
+           :maskClosable="false"
+           @cancel="cancel"
+           width="890px">
+    <template #footer>
+      <a-button key="submit"
+                type="primary"
+                :loading="loading"
+                @click="cancel">关闭</a-button>
+    </template>
+    <Des :list="desList" />
+  </a-modal>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType, ref, watchEffect } from 'vue';
+import { closeModal } from '@/common/setup/modal/index';
+import { Des, handleDesList } from '@/common/components/commonDes';
+import { QhjAgreementConfig } from '@/services/go/ermcp/qhj/interface';
+import { formatValue } from '@/common/methods';
+
+export default defineComponent({
+    name: 'custom-detail',
+    components: { Des },
+    props: {
+        selectedRow: {
+            type: Object as PropType<QhjAgreementConfig>,
+            default: {},
+        },
+    },
+    setup(props, context) {
+        const { visible, cancel } = closeModal('detail');
+        const { desList, getDesList } = handleDesList();
+        watchEffect(() => {
+            if (visible.value) {
+                const data = props.selectedRow;
+                // 个人
+                const list = [
+                    { label: '协议编号', value: formatValue(data.agreementno) },
+                    { label: '协议名称', value: formatValue(data.agreementname) },
+                    { label: '协议类型', value: formatValue(data.agreementtype) },
+                    { label: '签署频率', value: formatValue(data.agreementfrequency) },
+                    { label: '内容', value: formatValue(data.agreementcontent), className: 'blue' },
+                ];
+                getDesList(list);
+            }
+        });
+
+        return {
+            cancel,
+            desList,
+            visible,
+        };
+    },
+});
+</script>
+
+<style lang="less">
+.custom-detail {
+    .ant-form.inlineForm {
+        margin-top: 20px;
+    }
+    .upload {
+        .look {
+            margin-left: 0;
+        }
+    }
+}
+</style>;

src/views/platinum/platinum_agreement/compoments/filter/index.vue

@@ -0,0 +1,58 @@
+<template>
+  <!-- 过滤 -->
+  <div class="filterTable">
+    <FilterOption :selectList="selectList"
+                  :inputList="inputList"
+                  :fixedBtnList="fixedBtnList" />
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts">
+import FilterOption from '@/common/components/filter/index.vue';
+import { defineComponent, ref } from 'vue';
+import { handleFilter, InputList, SelectList } from '@/common/setup/filter';
+import { Moment } from 'moment';
+import { getAgreementTypeList } from '@/views/platinum/platinum_agreement/setup';
+
+export default defineComponent({
+    name: 'filter-platinum_pick_query',
+    components: { FilterOption },
+    setup(props, context) {
+        const date = ref<Moment>();
+        const select = ref<SelectList[]>([
+            {
+                value: undefined,
+                key: 'agreementtype',
+                placeholder: '筛选协议类型',
+                list: getAgreementTypeList(),
+            },
+        ]);
+
+        const input: InputList[] = [{ value: '', key: 'agreementno', placeholder: '模糊搜索协议编号' }];
+        const { selectList, inputList, fixedBtnList } = handleFilter(select, input, context);
+
+        return {
+            date,
+            selectList,
+            inputList,
+            fixedBtnList,
+        };
+    },
+});
+</script>
+
+<style lang="less">
+.filterTable {
+    .commonDatePicker.ant-calendar-picker {
+        display: inline-flex;
+        padding-top: 9px;
+        padding-bottom: 6px;
+        margin-right: 10px;
+        .ant-input {
+            border: 0;
+            background: @m-grey9;
+        }
+    }
+}
+</style>;

src/views/platinum/platinum_agreement/compoments/modify/index.vue

@@ -0,0 +1,159 @@
+<template>
+  <!-- 修改协议 -->
+  <a-modal class="commonModal modify-custom"
+           title="修改协议"
+           v-if="visible"
+           v-model:visible="visible"
+           centered
+           :maskClosable="false"
+           @cancel="cancel"
+           width="890px">
+    <template #footer>
+      <a-button key="submit"
+                type="primary"
+                :loading="loading"
+                @click="submit(2)">修改</a-button>
+    </template>
+    <a-form class="inlineForm"
+            ref="formRef"
+            :model="formState"
+            :rules="rules">
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <a-form-item label="协议编号"
+                       name="agreementno">
+            <a-input class="dialogInput"
+                     v-model:value="formState.agreementno"
+                     style="width: 200px"
+                     placeholder="请输入协议编号" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="协议名称"
+                       name="agreementname">
+            <a-input class="dialogInput"
+                     v-model:value="formState.agreementname"
+                     style="width: 200px"
+                     placeholder="请输入协议名称" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="协议类型"
+                       name="agreementtype">
+            <a-select class="typeSelect"
+                      style="width: 200px"
+                      v-model:value="formState.agreementtype"
+                      placeholder="请选择协议类型">
+              <a-select-option v-for="item in userinfotypeList"
+                               :value="item.key"
+                               :key="item.key">
+                {{item.name}}
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="签署频率"
+                       name="agreementname">
+            <a-input class="dialogInput"
+                     v-model:value="formState.agreementname"
+                     readonly
+                     style="width: 200px"
+                     placeholder="" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item label="协议内容"
+                       name="agreementcontent">
+            <a-input class="dialogInput"
+                     style="width: 635px"
+                     v-model:value="formState.agreementcontent"
+                     placeholder="请输入协议内容" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </a-modal>
+</template>
+
+<script lang="ts">
+import { closeModal } from '@/common/setup/modal/index';
+import { defineComponent, PropType, ref, watchEffect } from 'vue';
+import { handleForm, initFormState } from '../add/setup';
+import { FormState } from '../add/interface';
+import { mergeTwoObj } from '@/utils/objHandle';
+import { validateAction } from '@/common/setup/form';
+import { QhjAgreementConfig } from '@/services/go/ermcp/qhj/interface';
+
+export default defineComponent({
+    name: 'modify-custom',
+    components: {},
+    props: {
+        selectedRow: {
+            default: initFormState,
+            type: Object as PropType<QhjAgreementConfig>,
+        },
+    },
+    setup(props: { selectedRow: QhjAgreementConfig }, context: { emit: (arg0: string) => void }) {
+        const { visible, cancel } = closeModal('platinum_custom_info_normal_modify');
+
+        const loading = ref<boolean>(false);
+
+        const { formRef, formState, rules } = handleForm();
+
+        watchEffect(() => {
+            if (visible.value) {
+                mergeTwoObj(formState, props.selectedRow);
+            }
+        });
+        function submit(OperateType: 1 | 2) {
+            validateAction<FormState>(formRef, formState).then((param) => {
+                // const reqParam: QHJAgreementConfigOperateReq = {};
+                // requestResultLoadingAndInfo(agreementConfigOperate, reqParam, loading, ['新增协议成功', '新增协议失败:']).then(() => {
+                //     cancel();
+                //     context.emit('refresh');
+                // });
+            });
+        }
+        return {
+            formState,
+            rules,
+            formRef,
+            visible,
+            cancel,
+            submit,
+            loading,
+        };
+    },
+});
+</script>
+
+<style lang="less">
+.modify-custom {
+    .upload {
+        display: inline-flex;
+        .ant-btn.uploadBtn {
+            width: 60px;
+            height: 30px;
+            background: @m-blue0;
+            border: 0;
+            padding: 0;
+            text-align: center;
+            font-size: 14px;
+            color: @m-white0;
+            .rounded-corners(3px);
+            &:hover {
+                background: rgba(@m-blue0, 0);
+                color: rgba(@m-white0, 0.8);
+            }
+        }
+        .look {
+            color: @m-blue0;
+            font-size: 14px;
+            margin-left: 10px;
+            cursor: pointer;
+        }
+    }
+}
+</style
+>;

src/views/platinum/platinum_agreement/list/tab/index.vue

@@ -0,0 +1,73 @@
+<template>
+  <!-- 协议管理 -->
+  <div class="platinum_agreement_tab">
+    <Filter @search="updateColumn">
+      <BtnList :btnList="firstBtn" />
+    </Filter>
+    <contextMenu :contextMenuList="firstBtn">
+      <a-table :columns="columns"
+               class="srcollYTable"
+               :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }"
+               :pagination="false"
+               :loading="loading"
+               :expandedRowKeys="expandedRowKeys"
+               :customRow="Rowclick"
+               rowKey="key"
+               :data-source="tableList">
+        <!-- 额外的展开行 -->
+        <template #expandedRowRender="{  }">
+          <BtnList :btnList="secondBtn" />
+        </template>
+        <!-- 商品名称 - 商品代码-->
+        <template #goodsid="{ record }">
+          <a>{{ record.goodsname + "-" +  record.goodscode }}</a>
+        </template>
+      </a-table>
+    </contextMenu>
+    <ControlModal :selectedRow="selectedRow"
+                  @refresh="update" />
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, initData, getTableColumns, getTableEvent, queryTableList, contextMenu, BtnList, _getBtnList } from '@/common/export/table';
+import { queryAgreementConfig } from '@/services/go/ermcp/qhj';
+import { QhjAgreementConfig } from '@/services/go/ermcp/qhj/interface';
+import Filter from '../../compoments/filter/index.vue';
+import ControlModal from '../../compoments/controlModal/index.vue';
+
+export default defineComponent({
+    name: 'platinum_agreement_tab',
+    components: { Filter, contextMenu, BtnList, ControlModal },
+    setup() {
+        // 表头数据
+        const { columns, registerColumn, updateColumn } = getTableColumns();
+        // 表格事件
+        const { expandedRowKeys, selectedRow, Rowclick, btnClick } = getTableEvent<QhjAgreementConfig>({});
+        // 表格操作按钮列表
+        const [firstBtn, secondBtn] = _getBtnList('platinum_agreement_tab', false).value;
+        // 表格列表数据
+        const { loading, tableList, queryTable } = queryTableList<QhjAgreementConfig>();
+        initData(() => {
+            // 获取列表数据
+            queryTable(queryAgreementConfig);
+            // 注册表头信息 过滤
+            registerColumn('table_pcweb_agreement', ['agreementno', 'agreementtype']);
+        });
+
+        return {
+            columns,
+            secondBtn,
+            expandedRowKeys,
+            selectedRow,
+            Rowclick,
+            updateColumn,
+            firstBtn,
+            loading,
+            tableList,
+            queryTable,
+            btnClick,
+        };
+    },
+});
+</script>

src/views/platinum/platinum_agreement/setup.ts

@@ -0,0 +1,10 @@
+import { AgreementType } from "@/common/constants/enumCommon";
+import { getAgreementTypeName } from "@/common/constants/enumsName";
+
+export function getAgreementTypeList() {
+    return [
+        { value: AgreementType.register, lable: getAgreementTypeName(AgreementType.register) },
+        { value: AgreementType.login, lable: getAgreementTypeName(AgreementType.login) },
+        { value: AgreementType.trade, lable: getAgreementTypeName(AgreementType.trade) },
+    ]
+}