厂改园

liukangdong

2024-06-07 ac44819c6bb4e71161c0b042d27a91c4f2c6666e

 h5/n_pages/applicationRecord/applicationRecord.vue

@@ -20,7 +20,7 @@
      <view class="box_list">
         <view class="box_list_item" v-for="(item, index) in 3" :key="index">
            <view class="box_list_item_head">
               <text>丁恩凯的劳务入厂申请</text>
          <text>丁恩凯的劳务入园申请</text>
               <text class="loading">待审核</text>
            </view>
            <view class="box_list_item_nr">
@@ -33,11 +33,11 @@
                  <text>12-12 09:00</text>
               </view>
               <view class="box_list_item_nr_item">
                  <text>离厂时间：</text>
            <text>离园时间：</text>
                  <text>12-12 12:00</text>
               </view>
               <view class="box_list_item_nr_item">
                  <text>入厂人数：</text>
            <text>入园人数：</text>
                  <text>10</text>
               </view>
               <view class="box_list_item_nr_item">
@@ -45,32 +45,52 @@
                  <text>业务来往</text>
               </view>
               <view class="box_list_item_nr_x"></view>
               <view class="box_list_item_nr_text">
                  2023-12-12 09:00提交
               </view>
          <view class="box_list_item_nr_text"> 2023-12-12 09:00提交 </view>
            </view>
         </view>
      </view>
      <!-- 筛选 -->
      <u-popup :show="show" mode="bottom" :round="10" :closeable="true" @close="show = false">
    <u-popup
      :show="show"
      mode="bottom"
      :round="10"
      :closeable="true"
      @close="show = false"
    >
         <view class="search">
            <view class="search_head">任务筛选</view>
            <view class="search_list">
               <view class="search_list_item">
                  <view class="search_list_item_label">创建日期</view>
                  <view class="search_list_item_val">
                     <view class="search_list_item_val_row" @click="tiemShow = true" :style="{ color: search.startTime ? '#000' : '' }">{{search.startTime ? search.startTime : '开始日期'}}</view>
              <view
                class="search_list_item_val_row"
                @click="tiemShow = true"
                :style="{ color: search.startTime ? '#000' : '' }"
                >{{ search.startTime ? search.startTime : "开始日期" }}</view
              >
                     <view class="search_list_item_val_z">-</view>
                     <view class="search_list_item_val_row" @click="tiemShow1 = true" :style="{ color: search.endTime ? '#000' : '' }">{{search.endTime ? search.endTime : '结束日期'}}</view>
              <view
                class="search_list_item_val_row"
                @click="tiemShow1 = true"
                :style="{ color: search.endTime ? '#000' : '' }"
                >{{ search.endTime ? search.endTime : "结束日期" }}</view
              >
                  </view>
               </view>
               <view class="search_list_item">
                  <view class="search_list_item_label">订单来源</view>
                  <view class="search_list_item_cates">
                     <view :class="index === i ? 'search_list_item_cates_row active' : 'search_list_item_cates_row'"
              <view
                :class="
                  index === i
                    ? 'search_list_item_cates_row active'
                    : 'search_list_item_cates_row'
                "
                     v-for="(item, index) in cate"
                     :key="index"
                     @click="clickItem(index)">
                @click="clickItem(index)"
              >
                        {{item.name}}
                     </view>
                  </view>
@@ -119,7 +139,7 @@
               { name: '劳务申请', id: 2 },
               { name: '用车申请', id: 3 }
            ]
         };
    }
      },
      methods: {
         clickItem(index) {
@@ -139,7 +159,7 @@
</script>
<style>
   page {
      background-color: #F7F7F7 !important;
  background-color: #f7f7f7 !important;
   }
</style>
<style lang="scss" scoped>
@@ -150,7 +170,7 @@
         height: 190rpx;
         padding: 12rpx 30rpx;
         box-sizing: border-box;
         background: #FFFFFF;
    background: #ffffff;
         position: sticky;
         top: 0;
         left: 0;
@@ -168,7 +188,7 @@
               box-sizing: border-box;
               display: flex;
               align-items: center;
               background: #F7F7F7;
        background: #f7f7f7;
               border-radius: 8rpx;
               margin-right: 30rpx;
               image {
@@ -182,7 +202,7 @@
                  height: 100%;
                  font-size: 26rpx;
                  font-weight: 400;
                  color: #B2B2B2;
          color: #b2b2b2;
               }
            }
            .box_head_search_sha {
@@ -206,8 +226,8 @@
            display: flex;
            align-items: center;
            .active {
               border: 1rpx solid #025EEF !important;
               color: #025EEF !important;
        border: 1rpx solid #025eef !important;
        color: #025eef !important;
            }
            .box_head_item {
               padding: 0 30rpx;
@@ -238,19 +258,19 @@
               height: 100rpx;
               padding: 0 30rpx;
               box-sizing: border-box;
               background: linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%);
        background: linear-gradient(270deg, #fefeff 0%, #e1f7fe 100%);
               border-radius: 8rpx 8rpx 0rpx 0rpx;
               display: flex;
               align-items: center;
               justify-content: space-between;
               .loading {
                  color: #025EEF;
          color: #025eef;
               }
               .success {
                  color: #03C68F;
          color: #03c68f;
               }
               .error {
                  color: #E0312A;
          color: #e0312a;
               }
               text {
                  &:nth-child(1) {
@@ -268,11 +288,11 @@
               padding: 30rpx;
               width: 100%;
               box-sizing: border-box;
               background-color: #FFFFFF;
        background-color: #ffffff;
               .box_list_item_nr_x {
                  width: 100%;
                  height: 1rpx;
                  background-color: #E5E5E5;
          background-color: #e5e5e5;
               }
               .box_list_item_nr_text {
                  width: 100%;
@@ -333,14 +353,14 @@
                  align-items: center;
                  flex-wrap: wrap;
                  .active {
                     background: #025EEF !important;
            background: #025eef !important;
                     color: #ffffff !important;
                  }
                  .search_list_item_cates_row {
                     padding: 0 26rpx;
                     height: 64rpx;
                     line-height: 64rpx;
                     background: #F7F7F7;
            background: #f7f7f7;
                     border-radius: 36rpx;
                     margin-right: 20rpx;
                     font-size: 26rpx;
@@ -354,9 +374,9 @@
               .search_list_item_val {
                  width: 100%;
                  height: 64rpx;
                  background: #F7F7F7;
          background: #f7f7f7;
                  border-radius: 36rpx;
                  border: 1rpx solid #E5E5E5;
          border: 1rpx solid #e5e5e5;
                  display: flex;
                  align-items: center;
                  .search_list_item_val_row {
@@ -385,7 +405,7 @@
            align-items: center;
            justify-content: space-between;
            .t {
               background: #025EEF !important;
        background: #025eef !important;
               color: #ffffff !important;
            }
            .search_footer_item {
@@ -396,9 +416,9 @@
               justify-content: center;
               font-size: 32rpx;
               font-weight: 400;
               color: #025EEF;
        color: #025eef;
               margin-right: 18rpx;
               border: 1rpx solid #025EEF;
        border: 1rpx solid #025eef;
               border-radius: 44rpx;
               &:last-child {
                  margin: 0 !important;