分离中英文文件

src/lang/cn.js

@@ -1,5 +1,7 @@
 
 import { cnLXF } from './cnLXF.js'
+import { cnCZ } from './cnCZ.js'
+
 
 export const lang = {
 	common:{
@@ -1081,5 +1083,6 @@ export const lang = {
 		ccc:'蓄料电机',
 		ddd:'离心电机',
 	},
-	...cnLXF()
+	...cnLXF(),
+	...cnCZ()
 }

src/lang/cnCZ.js

@@ -0,0 +1,36 @@
+export function cnCZ() {
+  const cnCZ = {
+    claim: {
+      name: "到账认领",
+      accountName: "账户名称",
+      amount: "交易金额",
+      amountMsg: "请输入交易金额",
+      tradingHour: "交易时间",
+      tradingHourMsg: "请选择交易时间",
+      digest: "摘要",
+      add: "添加流水",
+      edit: "编辑流水",
+      tradeInformation: "交易信息",
+      selectAccount: "选择账户",
+      selectAccountMsg: "请选择账户",
+      tradeType: "交易类型",
+      tradeTypeMsg: "请选择交易类型",
+      income: "收入",
+      disburse: "支出",
+      currency: "币种",
+      currencyMsg: "请选择币种",
+      contractArrival: "合同到账",
+      contractArrivalMsg: "请选择合同到账",
+      yes: "是",
+      no: "否",
+      peerInformation: "对方信息",
+      accountName: "账户名称",
+      bankDeposit: "开户银行",
+      bankAccountNumber: "银行账号",
+      otherInformation: "其他信息",
+      remark: "备注",
+    },
+  };
+
+  return cnCZ;
+}

src/router/jxskRouter.js

@@ -69,6 +69,12 @@ export function jxskRouter() {
       name: "jxsk_查看库位",
       component: () => import("../views/JXSK/inventoryQuery/kuwei.vue"),
     },
+    // 以下为基本菜单
+    {
+      path: "claim",
+      name: "到账认领",
+      component: () => import("../views/salesContract/claim/index.vue"),
+    },
 
   ];
   return jxskRouter;

src/views/salesContract/claim/index.vue

@@ -0,0 +1,121 @@
+<template>
+  <van-nav-bar
+    :title="$t('claim.name')"
+    left-text=""
+    left-arrow
+    @click-left="onClickLeft"
+    @click-right="onClickRight"
+  >
+    <template #right>{{ $t("common.add") }}</template>
+  </van-nav-bar>
+  <van-search
+    v-model="req.keyword"
+    :placeholder="$t('common.pleaseEnterKeywords')"
+    @search="onRefresh"
+  />
+  <van-pull-refresh v-model="loading" @refresh="onRefresh">
+    <div class="list">
+      <van-list
+        v-model:loading="loading"
+        :finished="finished"
+        :finished-text="$t('common.noMore')"
+        @load="getList"
+        style="margin-bottom: 60px"
+      >
+        <commonList
+          :data="listData"
+          @onClick="toDtl"
+          :config="listConfig"
+        ></commonList>
+      </van-list>
+    </div>
+  </van-pull-refresh>
+</template>
+<script setup>
+import { ref, getCurrentInstance } from "vue";
+import commonList from "@/components/common-list.vue";
+
+const proxy = getCurrentInstance().proxy;
+const onClickLeft = () => proxy.$router.push("/main/working");
+const onClickRight = () => {
+  proxy.$router.push({
+    path: "/main/processDtl",
+    query: {
+      flowKey: "account_request_funds_flow",
+    },
+  });
+};
+const req = ref({
+  pageNum: 1,
+  keyword: null,
+});
+const finished = ref(false);
+const onRefresh = () => {
+  req.value.pageNum = 1;
+  finished.value = false;
+  getList("refresh");
+};
+const loading = ref(false);
+const listData = ref([]);
+const getList = (type) => {
+  loading.value = true;
+  proxy
+    .post("/accountRunningWater/page", req.value)
+    .then((res) => {
+      if (res.data.rows && res.data.rows.length > 0) {
+        res.data.rows = res.data.rows.map((item) => {
+          return {
+            ...item,
+            isClaimText: item.isClaim == 1 ? "是" : "否",
+          };
+        });
+      }
+      listData.value =
+        type === "refresh"
+          ? res.data.rows
+          : listData.value.concat(res.data.rows);
+      if (req.value.pageNum * 10 >= res.data.total) {
+        finished.value = true;
+      }
+      req.value.pageNum++;
+      loading.value = false;
+    })
+    .catch(() => {
+      loading.value = false;
+    });
+};
+const toDtl = (row) => {
+  // proxy.$router.push({
+  //   path: "/main/processDtl",
+  //   query: {
+  //     flowKey: "account_request_funds_flow",
+  //     id: row.flowInfoId,
+  //     processType: 20,
+  //   },
+  // });
+};
+const listConfig = ref([
+  {
+    label: proxy.t("claim.createTime"),
+    prop: "createTime",
+  },
+  {
+    label: proxy.t("claim.currencyTotal"),
+    prop: "currencyTotal",
+  },
+  {
+    label: proxy.t("claim.paymentRemarks"),
+    prop: "paymentRemarks",
+  },
+  {
+    label: proxy.t("claim.fundsText"),
+    prop: "fundsText",
+  },
+]);
+</script>
+
+<style lang="scss" scoped>
+.list {
+  min-height: 70vh;
+}
+</style>