静态页面添加

wjt

2024-06-20 5470b3652246095d9d73d8aa03ce8830459af8c9

 policy/policyApply/policyApply.vue

@@ -1,6 +1,85 @@
<template>
   <view class="page-box">
      <u-form label-position="top" label-width="120px">
      <view class="content-box">
         <view class="form">
            <view class="form-item">
               <view class="form-label require">
                  执法主题
               </view>
               <input type="text" placeholder="请输入" v-model="form.enforceReason"/>
            </view>
            <view class="form-item">
               <view class="form-label require">
                  执法对象
               </view>
               <view class="input">
                  <input type="text" placeholder="请输入" v-model="form.companyName"/>
                  <!-- <u-icon name="arrow-right"></u-icon> -->
                  <u-text text='搜索' type="primary"></u-text>
               </view>
            </view>
            <view class="form-item">
               <view class="form-label require">
                  执法时间
               </view>
               <view class="input">
                  <input type="text" placeholder="请输入"/>
                  <u-icon name="arrow-right"></u-icon>
               </view>
            </view>
            <view class="form-item">
               <view class="form-label require">
                  执法类型
               </view>
               <view class="input">
                  <input type="text" placeholder="请输入"/>
                  <u-icon name="arrow-right"></u-icon>
               </view>
            </view>
            <view class="form-item last">
               <view class="form-label require">
                  执法内容
               </view>
               <view class="back">
                  <u--textarea :height="120" v-model="form.regionReason" placeholder="请输入" count maxlength="500"></u--textarea>
               </view>
            </view>
         </view>
      </view>
      <view class="content-box">
         <view class="form ">
            <view class="form-item">
               <view class="form-label">
                  执法人员
               </view>
               <input type="text" placeholder="请输入"/>
            </view>
            <view class="form-item">
               <view class="form-label">
                  执法部门
               </view>
               <input type="text" placeholder="请输入"/>
            </view>
            <view class="form-item">
               <view class="form-label require">
                  随行人员数量
               </view>
               <input type="text" placeholder="请输入"/>
            </view>
            <view class="form-item down-2">
               <view class="form-label">
                  是否通知企业
               </view>
               <u-switch v-model="form.isNoticeCompany" :activeValue="1" :inactiveValue="0"></u-switch>
            </view>
				
         </view>
      </view>
      <view class="down-options">
         <view class="button record" >申请记录</view>
         <view class="button submit" @click="submitApply">提交申请</view>
      </view>
      <!-- <u-form label-position="top" label-width="120px">
         <u-form-item label="执法主题">
            <u-input placeholder="请输入" v-model="form.enforceReason"></u-input>
         </u-form-item>
@@ -32,9 +111,9 @@
         <u-form-item label="是否通知企业">
            <u-switch v-model="form.isNoticeCompany" :activeValue="1" :inactiveValue="0"></u-switch>
         </u-form-item>
      </u-form>
      <u-button @click="submitApply">提交申请</u-button>
      <u-button @click="applyRecord">申请记录</u-button>
      </u-form> -->
<!--       <u-button @click="submitApply">提交申请</u-button>
      <u-button @click="applyRecord">申请记录</u-button> -->
      <u-picker :show="show" @close="show = false" @confirm="confirmSearch" @cancel="show = false" :columns="columns" keyName="companyName"></u-picker>
      <u-datetime-picker
               :show="showTime"
@@ -65,7 +144,8 @@
               applyName: '',
               applyDeptName: '',
               enforceType: 1,
               isNoticeCompany: 0
               isNoticeCompany: 0,
               regionReason: ''
            },
            show: false,
            columns: [],
@@ -168,12 +248,107 @@
      }
   }
</script>

<style>
   page{
      background-color: #F4F4F4;
   }
</style>
<style scoped lang="scss">
.page-box{
   padding:0 30rpx;
   padding-bottom: 140rpx;
   .content-box{
      margin:20rpx 32rpx;
      background-color: white;
      padding: 24rpx;
      border-radius: 10rpx;
   }
   .form{
      .form-item{
         display: flex;
         justify-content: flex-start;
         align-items: center;
         border-bottom: 2rpx solid #F1F1F1;
         padding-bottom: 26rpx;
         margin-bottom: 24rpx;
         .form-label{
            font-size: 30rpx;
            color: #4A4E60;
            width: 40%;
         }
         .input{
            width: 60%;
            display: flex;
            justify-content: space-between;
            align-items: center;
         }
         .require{
            &::after{
               content: '*';
               color: #FF7500;
            }
         }
		
      }
      .down-2{
         margin-bottom: 0;
         padding-bottom: 0;
         border: none;
      }
      .last{
         margin-bottom: 0;
         padding-bottom: 0;
         border-bottom: none;
         display: block;
         .form-label{
            margin-bottom: 16rpx;
				
         }
         .back{
            /deep/ .u-textarea{
               background-color: #F4F4F4;
               border: none;
               .u-textarea__count{
                  background: none !important;
               }
            }
         }
      }
		
   }
}
/deep/ .u-picker__view{
	
.down-options{
   background-color: white;
   position: fixed;
   bottom: 0;
   padding-bottom: 40rpx;
   width: 100%;
   padding: 22rpx 30rpx 40rpx;
   z-index: 1000;
   display: flex;
   justify-content: space-between;
   align-items: center;
   box-sizing: border-box;
   .record{
      box-sizing: border-box;
      border-radius: 20rpx;
      border: 2rpx solid #ABD2FF;
      background: #F0F8FF;
      color: #1171E0;
      font-size: 32rpx;
      padding: 20rpx 30rpx;
      width: 30%;
      text-align: center;
   }
   .submit{
      border-radius: 20rpx;
      border: 2rpx solid #1171E0;
      background-color: #1171E0;
      color: white;
      width: 65%;
      box-sizing: border-box;
      padding: 20rpx 30rpx;
      text-align: center;
   }
}

</style>