From c08d1c10fbafd7f57eb51c51269a95c281383ae3 Mon Sep 17 00:00:00 2001
From: liubp <1535785116@qq.com>
Date: 星期五, 26 十二月 2025 18:33:55 +0800
Subject: [PATCH] 公共收益金增删查改

---
 public/css/vc.css |  146 ++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 139 insertions(+), 7 deletions(-)

diff --git a/public/css/vc.css b/public/css/vc.css
index 0db6a65..1783e4a 100644
--- a/public/css/vc.css
+++ b/public/css/vc.css
@@ -1366,13 +1366,15 @@
     transition: all 0.3s;
 }
 
-.cost-detail-container .action-buttons .add-btn, .cost-detail-container .action-buttons .import-btn{
+.cost-detail-container .action-buttons .add-btn,
+.cost-detail-container .action-buttons .import-btn {
     background: #1677ff;
     color: #fff;
     border: 1px solid #1677ff;
 }
 
-.cost-detail-container .action-buttons .add-btn:hover, .cost-detail-container .action-buttons .import-btn:hover {
+.cost-detail-container .action-buttons .add-btn:hover,
+.cost-detail-container .action-buttons .import-btn:hover {
     background: #4096ff;
 }
 
@@ -1583,6 +1585,132 @@
     border-radius: 4px;
 }
 
+.multi-select-wrapper {
+    position: relative;
+    display: inline-block;
+    width: 220px;
+    vertical-align: middle;
+}
+
+.multi-select-input {
+    position: relative;
+    top: 12px;
+    display: flex;
+    align-items: center;
+    padding: 6px 30px 6px 6px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    background-color: #fff;
+    cursor: pointer;
+    min-height: 32px;
+    box-sizing: border-box;
+}
+
+.multi-select-input:hover {
+    border-color: #1ab394;
+}
+
+.multi-select-input.active {
+    border-color: #1ab394;
+    box-shadow: 0 0 0 2px rgba(26, 179, 148, 0.1);
+}
+
+.multi-select-tags {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    flex: 1;
+    align-items: center;
+}
+
+.multi-select-tag {
+    display: inline-flex;
+    align-items: center;
+    padding: 2px 6px;
+    background-color: #f0f0f0;
+    border: 1px solid #ddd;
+    border-radius: 3px;
+    font-size: 12px;
+    color: #333;
+    white-space: nowrap;
+}
+
+.multi-select-tag-close {
+    margin-left: 4px;
+    cursor: pointer;
+    color: #999;
+    font-size: 14px;
+    line-height: 1;
+    font-weight: bold;
+}
+
+.multi-select-tag-close:hover {
+    color: #ed5565;
+}
+
+.multi-select-placeholder {
+    color: #999;
+    font-size: 14px;
+}
+
+.multi-select-arrow {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #666;
+    font-size: 12px;
+    pointer-events: none;
+    transition: transform 0.2s;
+}
+
+.multi-select-input.active .multi-select-arrow {
+    transform: translateY(-50%) rotate(180deg);
+}
+
+.multi-select-dropdown {
+    position: absolute;
+    top: 110%;
+    left: 0;
+    right: 0;
+    margin-top: 4px;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    z-index: 1000;
+    max-height: 300px;
+    overflow-y: auto;
+}
+
+.multi-select-option {
+
+    display: flex;
+    align-items: center;
+    padding: 8px 12px;
+    cursor: pointer;
+    transition: background-color 0.2s;
+}
+
+.multi-select-option:hover {
+    background-color: #f5f5f5;
+}
+
+.multi-select-option input[type="checkbox"] {
+    margin-right: 8px;
+    cursor: pointer;
+    width: 16px;
+    height: 16px;
+}
+
+.multi-select-option label {
+    cursor: pointer;
+    flex: 1;
+    margin: 0;
+    font-size: 14px;
+    color: #333;
+}
+
 .form-container .btn-group {
     margin-left: 95px;
     margin-top: 25px;
@@ -1618,7 +1746,7 @@
     line-height: 32px;
 }
 
-.form-label-detail{
+.form-label-detail {
     padding: 0px 0 15px 0;
     margin: 0px;
     font-size: 14px;
@@ -1633,13 +1761,14 @@
     margin-right: 15px;
 }
 
-#ownerScope{
+#ownerScope {
     position: relative;
     top: 12px;
     width: 180px;
     height: 32px;
 }
-#buildingScope{
+
+#buildingScope {
     position: relative;
     top: 12px;
     width: 180px;
@@ -1662,6 +1791,7 @@
 }
 
 @media (max-width: 1400px) {
+
     #button-container .role-a-checkbox,
     #data-container .role-a-checkbox {
         flex: 0 0 calc((100% - 60px) / 7);
@@ -1669,6 +1799,7 @@
 }
 
 @media (max-width: 1200px) {
+
     #button-container .role-a-checkbox,
     #data-container .role-a-checkbox {
         flex: 0 0 calc((100% - 50px) / 6);
@@ -1676,6 +1807,7 @@
 }
 
 @media (max-width: 992px) {
+
     #button-container .role-a-checkbox,
     #data-container .role-a-checkbox {
         flex: 0 0 calc((100% - 40px) / 5);
@@ -1683,11 +1815,13 @@
 }
 
 @media (max-width: 768px) {
+
     #button-container .role-a-checkbox,
     #data-container .role-a-checkbox {
         flex: 0 0 calc((100% - 20px) / 2);
     }
 }
+
 .role-a-checkbox label {
     padding-top: 5px;
 }
@@ -1698,7 +1832,6 @@
     color: #1677ff;
 }
 
-/* 缂栬緫鍏叡鏀剁泭閲戝脊绐楁牱寮� */
 .edit-public-income-modal .edit-form-group {
     display: flex;
     align-items: center;
@@ -1752,7 +1885,6 @@
     cursor: pointer;
 }
 
-/* 纭繚缂栬緫鍏叡鏀剁泭閲戝脊绐楀眳涓樉绀� */
 #editPublicIncomeModal {
     display: flex !important;
     align-items: center;

--
Gitblit v1.8.0