gaoluyang
2 天以前 952240909a036a341300ec25a2259e6faed33362
src/pages/cooperativeOffice/collaborativeApproval/index.vue
@@ -5,13 +5,14 @@
      <PageHeader title="审批管理" @back="goBack" />
      <!-- 搜索和筛选区域 -->
      <view class="search-filter-section">
      <view class="search-section">
         <view class="search-bar">
            <view class="search-input">
               <input
               <up-input
                  class="search-text"
                  placeholder="请输入流程编号"
                  v-model="searchForm.approveId"
                  clearable
               />
            </view>
            <view class="search-button" @click="getList">
@@ -77,7 +78,7 @@
                              :disabled="item.approveStatus == 2 || item.approveStatus == 1 || item.approveStatus == 4"
                              @click="handleItemClick(item)"
                           >
                              编辑
                                 编辑
                           </u-button>
                           <u-button
                              type="success"
@@ -86,7 +87,7 @@
                              :disabled="item.approveUserCurrentId == null || item.approveStatus == 2 || item.approveStatus == 3 || item.approveStatus == 4 || item.approveUserCurrentId !== userStore.id"
                              @click="approve(item)"
                           >
                              审核
                                 审核
                           </u-button>
                        </view>
                     </view>
@@ -98,7 +99,6 @@
      <view v-else class="no-data">
         <text>暂无审批数据</text>
      </view>
<!--      <van-floating-bubble icon="plus" @click="handleAdd"/>-->
      <!-- 浮动操作按钮 -->
      <view class="fab-button" @click="handleAdd">
         <up-icon name="plus" size="24" color="#ffffff"></up-icon>
@@ -229,178 +229,34 @@
</script>
<style scoped lang="scss">
   @import "../../../styles/sales-common.scss";
   .u-divider {
      margin: 0 !important;
   }
   .sales-account {
      min-height: 100vh;
      background: #f8f9fa;
      position: relative;
   }
   .search-input {
      flex: 1;
      background: #f5f5f5;
      border-radius: 24px;
      padding: 10px 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;
   }
   .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: 10px 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;
   // 浮动按钮样式 - 覆盖公共样式中的背景色
   .fab-button {
      background: #ed8d05;
   }
   .item-tag {
      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-row-user {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
   .detail-row-approveReason {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 8px;
   }
   .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 {
@@ -413,31 +269,11 @@
      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;
   }
   .approver-value {
      display: flex;
      justify-content: flex-end;
   }
   .approver-chip {
      display: inline-flex;
      align-items: center;
@@ -449,6 +285,7 @@
      padding: 4px 10px;
      max-width: 100%;
   }
   .approver-name {
      font-size: 12px;
      color: #2b7cff;
@@ -470,11 +307,5 @@
      line-height: 28px;
      padding: 0 12px;
   }
   .action-btn.edit {
      /* primary 样式来自组件,这里保留钩子以便后续需要扩展 */
   }
   .action-btn.approve {
      /* success 样式来自组件,这里保留钩子以便后续需要扩展 */
   }
   /* 已移除vant组件的样式引用 */
</style>