From 5470b3652246095d9d73d8aa03ce8830459af8c9 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期四, 20 六月 2024 14:10:07 +0800
Subject: [PATCH] 静态页面添加
---
policy/policyApply/policyApply.vue | 193 ++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 184 insertions(+), 9 deletions(-)
diff --git a/policy/policyApply/policyApply.vue b/policy/policyApply/policyApply.vue
index 0e2722f..45e2bb8 100644
--- a/policy/policyApply/policyApply.vue
+++ b/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>
--
Gitblit v1.9.1