厂改园

liukangdong

2024-06-07 ac44819c6bb4e71161c0b042d27a91c4f2c6666e

 h5/pages/laborApplication/laborApplication.vue

@@ -8,7 +8,12 @@
               <text>*</text>
            </view>
            <view class="list_item_content">
               <input type="number" maxlength="11" placeholder="请输入手机号" placeholder-style="color: #999999;" />
          <input
            type="number"
            maxlength="11"
            placeholder="请输入手机号"
            placeholder-style="color: #999999;"
          />
            </view>
         </view>
         <view class="list_item">
@@ -17,7 +22,11 @@
               <text>*</text>
            </view>
            <view class="list_item_content">
               <input type="text" placeholder="请输入姓名" placeholder-style="color: #999999;" />
          <input
            type="text"
            placeholder="请输入姓名"
            placeholder-style="color: #999999;"
          />
            </view>
         </view>
         <view class="list_item">
@@ -32,7 +41,7 @@
         </view>
         <view class="list_item">
            <view class="list_item_label">
               <text>预计入厂时间</text>
          <text>预计入园时间</text>
               <text>*</text>
            </view>
            <view class="list_item_content">
@@ -42,7 +51,7 @@
         </view>
         <view class="list_item">
            <view class="list_item_label">
               <text>预计离厂时间</text>
          <text>预计离园时间</text>
               <text>*</text>
            </view>
            <view class="list_item_content">
@@ -66,7 +75,11 @@
               <text></text>
            </view>
            <view class="list_item_content">
               <input type="text" placeholder="请输入来访事由，您来做什么的" placeholder-style="color: #999999;" />
          <input
            type="text"
            placeholder="请输入来访事由，您来做什么的"
            placeholder-style="color: #999999;"
          />
            </view>
         </view>
      </view>
@@ -95,22 +108,39 @@
         <view class="footer_btn">提交</view>
      </view>
      <!-- 门禁 -->
      <u-picker :show="show" :columns="columns" :immediateChange="true" keyName="name" @cancel="show = false"
         @confirm="confirm"></u-picker>
    <u-picker
      :show="show"
      :columns="columns"
      :immediateChange="true"
      keyName="name"
      @cancel="show = false"
      @confirm="confirm"
    ></u-picker>
      <!-- 随行人员 -->
      <!-- 选择随行人员 -->
      <u-popup :show="show1" :round="10" :safeAreaInsetBottom="true" :closeable="true" mode="bottom" @close="show1 = false">
    <u-popup
      :show="show1"
      :round="10"
      :safeAreaInsetBottom="true"
      :closeable="true"
      mode="bottom"
      @close="show1 = false"
    >
         <view class="popup-content">
            <view class="respondent-title">
               选择随行人员
            </view>
        <view class="respondent-title"> 选择随行人员 </view>
            <view class="search-box">
               <view class="search-box-top">
                  <view class="search-box-top-ipt">
                     <image src="@/static/ic_search@2x.png" mode="widthFix"></image>
                     <input type="text" placeholder="搜索姓名/手机号" />
                  </view>
                  <text @click="show1 = false; show3 = true">新增</text>
            <text
              @click="
                show1 = false;
                show3 = true;
              "
              >新增</text
            >
               </view>
               <view class="search-box-total">共0条数据</view>
            </view>
@@ -139,7 +169,14 @@
         </view>
      </u-popup>
      <!-- 车辆 -->
      <u-popup :show="show2" :round="10" :safeAreaInsetBottom="true" :closeable="true" mode="bottom" @close="show2 = false">
    <u-popup
      :show="show2"
      :round="10"
      :safeAreaInsetBottom="true"
      :closeable="true"
      mode="bottom"
      @close="show2 = false"
    >
         <view class="addcar">
            <view class="addcar_head">添加车辆</view>
            <view class="addcar_ipt">
@@ -152,7 +189,14 @@
         </view>
      </u-popup>
      <!-- 添加随行人员 -->
      <u-popup :show="show3" :round="10" :safeAreaInsetBottom="true" :closeable="true" mode="bottom" @close="show3 = false">
    <u-popup
      :show="show3"
      :round="10"
      :safeAreaInsetBottom="true"
      :closeable="true"
      mode="bottom"
      @close="show3 = false"
    >
         <view class="adduser">
            <view class="adduser_head">随行人员</view>
            <view class="adduser_list">
@@ -162,7 +206,11 @@
                     <text>*</text>
                  </view>
                  <view class="adduser_list_item_ipt">
                     <input type="text" placeholder-style="color: #999999;" placeholder="请输入您的真实姓名" />
              <input
                type="text"
                placeholder-style="color: #999999;"
                placeholder="请输入您的真实姓名"
              />
                  </view>
               </view>
               <view class="adduser_list_item">
@@ -171,7 +219,12 @@
                     <text>*</text>
                  </view>
                  <view class="adduser_list_item_ipt">
                     <input type="number" maxlength="11" placeholder-style="color: #999999;" placeholder="请输入您的手机号" />
              <input
                type="number"
                maxlength="11"
                placeholder-style="color: #999999;"
                placeholder="请输入您的手机号"
              />
                  </view>
               </view>
               <view class="adduser_list_item">
@@ -190,7 +243,11 @@
                     <text>*</text>
                  </view>
                  <view class="adduser_list_item_ipt">
                     <input type="text" placeholder-style="color: #999999;" placeholder="请输入您的证件号码" />
              <input
                type="text"
                placeholder-style="color: #999999;"
                placeholder="请输入您的证件号码"
              />
                  </view>
               </view>
               <view class="adduser_list_item">
@@ -199,7 +256,11 @@
                     <text></text>
                  </view>
                  <view class="adduser_list_item_ipt">
                     <input type="text" placeholder-style="color: #999999;" placeholder="请输入您的公司名称" />
              <input
                type="text"
                placeholder-style="color: #999999;"
                placeholder="请输入您的公司名称"
              />
                  </view>
               </view>
               <view class="adduser_list_item">
@@ -264,7 +325,7 @@
                  }
               ]
            ]
         };
    }
      },
      methods: {
         confirm(e) {
@@ -312,7 +373,7 @@
                        resolve(res.data.data)
                     }, 1000)
                  }
               });
        })
            })
         },
      }
@@ -320,7 +381,7 @@
</script>
<style>
   page {
      background-color: #F7F7F7 !important;
  background-color: #f7f7f7 !important;
   }
   .u-upload__button {
      margin: 0 !important;
@@ -349,7 +410,7 @@
               width: 100%;
               padding: 24rpx 0;
               box-sizing: border-box;
               border-bottom: 1rpx solid #E5E5E5;
        border-bottom: 1rpx solid #e5e5e5;
               display: flex;
               align-items: center;
               justify-content: space-between;
@@ -368,7 +429,7 @@
                        font-size: 30rpx;
                        font-family: PingFangSC, PingFang SC;
                        font-weight: 400;
                        color: #E0312A;
              color: #e0312a;
                     }
                  }
               }
@@ -399,7 +460,7 @@
            align-items: center;
            justify-content: space-between;
            .t {
               background: #025EEF !important;
        background: #025eef !important;
               color: #ffffff !important;
            }
            .adduser_footer_item {
@@ -408,11 +469,11 @@
               line-height: 88rpx;
               text-align: center;
               border-radius: 44rpx;
               border: 1rpx solid #025EEF;
        border: 1rpx solid #025eef;
               font-size: 32rpx;
               font-family: PingFangSC, PingFang SC;
               font-weight: 400;
               color: #025EEF;
        color: #025eef;
               margin-right: 18rpx;
               &:last-child {
                  margin: 0 !important;
@@ -437,7 +498,7 @@
            height: 100rpx;
            line-height: 100rpx;
            text-align: center;
            background: #F7F7F7;
      background: #f7f7f7;
            border-radius: 50rpx;
            margin-top: 60rpx;
            input {
@@ -456,7 +517,7 @@
            justify-content: space-between;
            margin-top: 60rpx;
            .t {
               background: #025EEF !important;
        background: #025eef !important;
               color: #ffffff !important;
            }
            .addcar_footer_item {
@@ -465,10 +526,10 @@
               line-height: 88rpx;
               font-size: 32rpx;
               font-weight: 400;
               color: #025EEF;
        color: #025eef;
               text-align: center;
               border-radius: 44rpx;
               border: 1rpx solid #025EEF;
        border: 1rpx solid #025eef;
               margin-right: 18rpx;
               &:last-child {
                  margin-right: 0 !important;
@@ -502,7 +563,7 @@
                  height: 100%;
                  padding: 0 30rpx;
                  box-sizing: border-box;
                  background: #F7F7F7;
          background: #f7f7f7;
                  border-radius: 4rpx;
                  display: flex;
                  align-items: center;
@@ -517,7 +578,7 @@
                     height: 100%;
                     font-size: 26rpx;
                     font-weight: 400;
                     color: #B2B2B2;
            color: #b2b2b2;
                  }
               }
               text {
@@ -525,7 +586,7 @@
                  margin-left: 30rpx;
                  font-size: 28rpx;
                  font-weight: 400;
                  color: #025EEF;
          color: #025eef;
               }
            }
            .search-box-total {
@@ -545,7 +606,7 @@
               height: 102rpx;
               display: flex;
               align-items: center;
               border-bottom: 1rpx solid #E5E5E5;
        border-bottom: 1rpx solid #e5e5e5;
               .item_a {
                  flex-shrink: 0;
                  width: 36rpx;
@@ -588,7 +649,7 @@
                        color: #999999;
                        padding: 1rpx 4rpx;
                        box-sizing: border-box;
                        background-color: #EEEEEE;
              background-color: #eeeeee;
                        margin-left: 12rpx;
                     }
                  }
@@ -626,15 +687,14 @@
               height: 72rpx;
               line-height: 72rpx;
               text-align: center;
               background: #025EEF;
        background: #025eef;
               border-radius: 8rpx;
               font-size: 28rpx;
               font-weight: 500;
               color: #FFFFFF;
        color: #ffffff;
            }
         }
      }
		    

      .head {
         width: 100%;
@@ -657,7 +717,7 @@
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1rpx solid #E5E5E5;
      border-bottom: 1rpx solid #e5e5e5;

            .list_item_label {
               flex-shrink: 0;
@@ -674,7 +734,7 @@
                  &:nth-child(2) {
                     font-size: 30rpx;
                     font-weight: 400;
                     color: #E42D2D;
            color: #e42d2d;
                  }
               }
            }
@@ -688,8 +748,8 @@
               justify-content: flex-end;
               
               .active {
                  background: #025EEF !important;
                  color: #FFFFFF !important;
          background: #025eef !important;
          color: #ffffff !important;
               }
               
               .list_item_content_item {
@@ -697,7 +757,7 @@
                  height: 64rpx;
                  line-height: 64rpx;
                  text-align: center;
                  background: #EEEEEE;
          background: #eeeeee;
                  border-radius: 4rpx;
                  font-size: 28rpx;
                  font-weight: 400;
@@ -749,7 +809,7 @@
               height: 64rpx;
               padding: 0 20rpx;
               box-sizing: border-box;
               background-color: #EEEEEE;
        background-color: #eeeeee;
               border-radius: 4rpx;
               margin-right: 20rpx;
               margin-bottom: 20rpx;
@@ -778,12 +838,12 @@
            justify-content: center;
            background: rgba(2, 94, 239, 0);
            border-radius: 25rpx;
            border: 1rpx solid #025EEF;
      border: 1rpx solid #025eef;
            font-size: 22rpx;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            margin-top: 20rpx;
            color: #025EEF;
      color: #025eef;
            margin: 0 auto;
         }
      }
@@ -807,11 +867,11 @@
            height: 88rpx;
            line-height: 88rpx;
            text-align: center;
            background: #025EEF;
      background: #025eef;
            border-radius: 44rpx;
            font-size: 32rpx;
            font-weight: 500;
            color: #FFFFFF;
      color: #ffffff;
         }
      }
   }