From 424304d58e1acbe096fad794605906482c3a2ef7 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 19 八月 2025 16:42:51 +0800
Subject: [PATCH] 1.销售台账联调 2.开票登记开发联调
---
src/pages/cooperativeOffice/collaborativeApproval/index.vue | 390 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 390 insertions(+), 0 deletions(-)
diff --git a/src/pages/cooperativeOffice/collaborativeApproval/index.vue b/src/pages/cooperativeOffice/collaborativeApproval/index.vue
new file mode 100644
index 0000000..69dc26d
--- /dev/null
+++ b/src/pages/cooperativeOffice/collaborativeApproval/index.vue
@@ -0,0 +1,390 @@
+// 瀹℃壒绠＄悊涓婚〉闈�
+<template>
+ <view class="sales-account">
+ <!-- 椤甸潰澶撮儴 -->
+ <view class="page-header">
+ <view class="header-left">
+ <up-icon name="arrow-left" size="20" color="#333" @click="goBack"></up-icon>
+ </view>
+ <view class="header-center">
+ <text class="page-title">瀹℃壒绠＄悊</text>
+ </view>
+ </view>
+
+ <!-- 鎼滅储鍜岀瓫閫夊尯鍩� -->
+ <view class="search-filter-section">
+ <view class="search-bar">
+ <view class="search-input">
+ <u-input placeholder="璇疯緭鍏ラ噰璐悎鍚屽彿" class="search-text" v-model="searchKeyword">
+ <template #suffix>
+ <up-icon name="search" size="24" color="#999" @click="getList"></up-icon>
+ </template>
+ </u-input>
+ </view>
+ <view class="filter-button" @click="showFilterOptions">
+ <van-icon name="filter-o" size="24" color="#999"></van-icon>
+ </view>
+ </view>
+ </view>
+
+ <!-- 閿�鍞彴璐︾�戝竷娴� -->
+ <view class="ledger-list" v-if="total > 0">
+ <view v-for="(item, index) in ledgerList" :key="index">
+ <view class="ledger-item" @click="handleItemClick(item)">
+ <view class="item-header">
+ <view class="item-left">
+ <view class="document-icon">
+ <up-icon name="file-text" size="16" color="#ffffff"></up-icon>
+ </view>
+ <text class="item-id">{{ item.salesContractNo }}</text>
+ </view>
+ </view>
+ <up-divider></up-divider>
+
+ <view class="item-details">
+ <view class="detail-info">
+ <view class="detail-row">
+ <text class="detail-label">鐢宠浜�</text>
+ <text class="detail-value">{{ item.entryPersonName }}</text>
+ </view>
+ <view class="detail-row">
+ <text class="detail-label">鐢宠鏃ユ湡</text>
+ <text class="detail-value highlightBlue">{{ item.entryDate }}</text>
+ </view>
+ </view>
+ <view class="detail-info">
+ <view class="detail-row">
+ <text class="detail-label">鐢宠閮ㄩ棬</text>
+ <text class="detail-value">{{ item.entryPersonName }}</text>
+ </view>
+ <view class="detail-row">
+ <text class="detail-label">瀹℃壒鐘舵��</text>
+ <text class="detail-value highlightYellow">{{ item.entryDate }}</text>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view v-else class="no-data">
+ <text>鏆傛棤瀹℃壒鏁版嵁</text>
+ </view>
+
+ <!-- 娴姩鎿嶄綔鎸夐挳 -->
+ <view class="fab-button" @click="handleAdd">
+ <up-icon name="plus" size="24" color="#ffffff"></up-icon>
+ </view>
+ </view>
+</template>
+
+<script setup>
+ import {
+ ref,
+ reactive,
+ onMounted
+ } from "vue";
+ import {
+ ledgerListPage
+ } from "@/api/cooperativeOffice/collaborativeApproval";
+
+ // 鎼滅储鍏抽敭璇�
+ const searchKeyword = ref("");
+
+ // 閿�鍞彴璐︽暟鎹�
+ const ledgerList = ref([]);
+ const total = ref(0);
+
+ // 杩斿洖涓婁竴椤�
+ const goBack = () => {
+ uni.navigateBack();
+ };
+ // 鏌ヨ鍒楄〃
+ const getList = () => {
+ const page = {
+ current: -1,
+ size: -1,
+ };
+ ledgerListPage({
+ ...page
+ })
+ .then((res) => {
+ ledgerList.value = res.records;
+ total.value = res.total;
+ })
+ .catch(() => {
+ // tableLoading.value = false;
+ });
+ };
+ // 鏄剧ず绛涢�夐�夐」
+ const showFilterOptions = () => {
+ uni.showActionSheet({
+ itemList: ["鎸夋棩鏈熺瓫閫�", "鎸夌姸鎬佺瓫閫�", "鎸夐噾棰濈瓫閫�"],
+ success: (res) => {
+ console.log("閫夋嫨浜嗙瓫閫夐�夐」:", res.tapIndex);
+ },
+ });
+ };
+
+ // 鐐瑰嚮鍒楄〃椤�
+ const handleItemClick = (item) => {
+ uni.showToast({
+ title: `鏌ョ湅鍚堝悓: ${item.contractId}`,
+ icon: "none",
+ });
+ };
+
+ // 娣诲姞鏂拌褰�
+ const handleAdd = () => {
+ uni.navigateTo({
+ url: "/pages/cooperativeOffice/collaborativeApproval/detail",
+ });
+ };
+
+ onMounted(() => {
+ // 椤甸潰鍔犺浇瀹屾垚鍚庣殑鍒濆鍖栭�昏緫
+ getList();
+ });
+</script>
+
+<style scoped lang="scss">
+ .u-divider {
+ margin: 0 !important;
+ }
+
+ .sales-account {
+ min-height: 100vh;
+ background: #f8f9fa;
+ position: relative;
+ }
+
+ .page-header {
+ background: #ffffff;
+ padding: 16px 20px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ border-bottom: 1px solid #f0f0f0;
+ position: sticky;
+ /* 鍏煎 iOS 鍒樻捣/鐏靛姩宀涘畨鍏ㄥ尯 */
+ padding-top: env(safe-area-inset-top);
+ top: 0;
+ z-index: 100;
+ }
+
+ .header-left {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ }
+
+ .nav-icon {
+ width: 24px;
+ height: 24px;
+ background: #2979ff;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .nav-text {
+ font-size: 14px;
+ color: #2979ff;
+ font-weight: 500;
+ }
+
+ .header-center {
+ flex: 1;
+ text-align: center;
+ }
+
+ .page-title {
+ font-size: 18px;
+ font-weight: 600;
+ color: #333;
+ }
+
+ .header-right {
+ display: flex;
+ align-items: center;
+ }
+
+ .status-bar {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ }
+
+ .signal,
+ .wifi,
+ .battery {
+ width: 16px;
+ height: 8px;
+ background: #333;
+ border-radius: 2px;
+ }
+
+ .search-filter-section {
+ padding: 10px 20px;
+ background: #ffffff;
+ }
+
+ .search-bar {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ }
+
+ .search-input {
+ flex: 1;
+ background: #f5f5f5;
+ border-radius: 24px;
+ padding: 4px 16px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ }
+
+ .search-text {
+ flex: 1;
+ font-size: 14px;
+ color: #333;
+ background: transparent;
+ border: none;
+ outline: none;
+ }
+
+ .search-text::placeholder {
+ color: #999;
+ }
+
+ .filter-button {
+ width: 40px;
+ height: 40px;
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .ledger-list {
+ padding: 20px;
+ }
+
+ .ledger-item {
+ background: #ffffff;
+ border-radius: 12px;
+ margin-bottom: 16px;
+ overflow: hidden;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+ padding: 0 16px;
+ }
+
+ .item-header {
+ padding: 16px 0;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ .item-left {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ }
+
+ .document-icon {
+ width: 24px;
+ height: 24px;
+ background: #ed8d05;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .item-id {
+ font-size: 14px;
+ color: #333;
+ font-weight: 500;
+ }
+
+ .item-tag {
+ background: #4caf50;
+ border-radius: 4px;
+ padding: 2px 4px;
+ }
+
+ .tag-text {
+ font-size: 11px;
+ color: #ffffff;
+ font-weight: 500;
+ }
+
+ .item-details {
+ padding: 16px 0;
+ }
+
+ .detail-row {
+ display: flex;
+ align-items: flex-end;
+ justify-content: space-between;
+ margin-bottom: 8px;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .detail-info {
+ margin-top: 10px;
+ display: flex;
+ align-items: flex-start;
+ justify-content: space-between;
+ }
+
+ .detail-label {
+ font-size: 12px;
+ color: #777777;
+ min-width: 60px;
+ }
+
+ .detail-value {
+ font-size: 12px;
+ color: #000000;
+ text-align: right;
+ flex: 1;
+ margin-left: 16px;
+ }
+
+ .detail-value.highlightBlue {
+ color: #2979ff;
+ font-weight: 500;
+ }
+
+ .detail-value.highlightYellow {
+ color: #ed8d05;
+ font-weight: 500;
+ }
+
+ .no-data {
+ padding: 40px 0;
+ text-align: center;
+ color: #999;
+ }
+
+ .fab-button {
+ position: fixed;
+ bottom: 30px;
+ right: 30px;
+ width: 56px;
+ height: 56px;
+ background: #ed8d05;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ box-shadow: 0 4px 16px rgba(41, 121, 255, 0.3);
+ z-index: 1000;
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3