退料签名

src/pages/back/index.vue

@@ -26,7 +26,19 @@
       </uni-col>
     </uni-row>
     <uni-row :gutter="24" class="search-form">
-            <uni-col :span="16">
+      <!-- 新增签字状态筛选 -->
+      <uni-col :span="6">
+        <view>
+          <uni-data-select
+              v-model="queryParams.isSign"
+              :localdata="signOptions"
+              @change="getTableList(true)"
+              placeholder="请选择签字状态"
+              :clear="false"
+          ></uni-data-select>
+        </view>
+      </uni-col>
+      <uni-col :span="10">
         <view>
           <uni-easyinput placeholder="请输入内容" v-model="queryParams.keyWord"/>
         </view>
@@ -45,9 +57,26 @@
             <div class="title">
               <span class="code">{{ item.code }}</span>
               <div class="status-tag">
+                <!-- 任务状态标签 -->
                 <uni-tag v-if="item.taskStatus == 0" text="未完成" type="warning" custom-style="warningStyle"/>
                 <uni-tag v-if="item.taskStatus == 1" text="已驳回" type="warning" custom-style="warningStyle"/>
                 <uni-tag v-if="item.taskStatus == 2" text="已完成" type="success" custom-style="successStyle"/>
+
+                <!-- 签字状态标签（所有状态都显示） -->
+                <uni-tag
+                    v-if="item.backSignUrl"
+                    text="已签字"
+                    type="primary"
+                    custom-style="primaryStyle"
+                    style="margin-left: 10rpx;"
+                />
+                <uni-tag
+                    v-if="!item.backSignUrl"
+                    text="未签字"
+                    type="error"
+                    custom-style="errorStyle"
+                    style="margin-left: 10rpx;"
+                />
               </div>
             </div>
             <div class="line"></div>
@@ -122,12 +151,19 @@ const total = ref(0) //                 数据总量
 const active = ref(1) //                tap索引
 const tableList = ref([]) //            列表数据源
 const dateArray = ref([]) //            日期范围
+// 签字状态选项
+const signOptions = ref([
+  { value: 0, text: "全部" },
+  { value: 1, text: "未签字" },
+  { value: 2, text: "已签字" }
+]);
 // 查询参数
 const queryParams = ref({
   startTime: '', //                   开始时间
   endTime: '', //                     结束时间
   keyWord: '', //                     关键字
   appTaskStatus: 0,
+  isSign: 0, // 默认显示全部
   pageNum: 1,
   pageSize: 5,
 })
@@ -323,6 +359,20 @@ const warningStyle = {
   border: '2rpx solid rgba(250, 140, 22, 0.2)',
   fontWeight: '600'
 }
+
+const primaryStyle = {
+  color: '#1890ff',
+  backgroundColor: 'rgba(24, 144, 255, 0.1)',
+  border: '2rpx solid rgba(24, 144, 255, 0.2)',
+  fontWeight: '600'
+}
+
+const errorStyle = {
+  color: '#f5222d',
+  backgroundColor: 'rgba(245, 34, 45, 0.1)',
+  border: '2rpx solid rgba(245, 34, 45, 0.2)',
+  fontWeight: '600'
+}
 </script>
 
 <style lang="scss" scoped>
@@ -404,6 +454,41 @@ const warningStyle = {
         box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
       }
     }
+
+    :deep(.uni-data-select) {
+      .uni-select {
+        background-color: #f7f8fa;
+        border: 2rpx solid #e8e8e8;
+        border-radius: 12rpx;
+        height: 80rpx;
+        transition: all 0.3s ease;
+
+        &:focus-within {
+          border-color: #3784fb;
+          box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
+        }
+
+        .uni-select__input-text {
+          line-height: 80rpx;
+          padding-left: 24rpx;
+        }
+
+        .uni-select__selector {
+          border-radius: 12rpx;
+          box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
+
+          .uni-select__selector-item {
+            padding: 20rpx 24rpx;
+
+            &.selected {
+              color: #3784fb;
+              background-color: rgba(55, 132, 251, 0.1);
+            }
+          }
+        }
+      }
+    }
+
     :deep(.uni-date) {
       width: 100%;
 
@@ -530,6 +615,11 @@ const warningStyle = {
         color: transparent;
       }
 
+      .status-tag {
+        display: flex;
+        align-items: center;
+      }
+
       .cont {
         :deep(.uni-tag) {
           padding: 6rpx 20rpx;