|
|
|
@ -34,26 +34,35 @@ |
|
|
|
/> |
|
|
|
</van-popup> |
|
|
|
|
|
|
|
<van-field |
|
|
|
<!-- <van-field |
|
|
|
v-model="submitData.planName" |
|
|
|
label="计划名称" |
|
|
|
placeholder="请输入" |
|
|
|
required |
|
|
|
:rules="[{ required: true, message: '请输入计划名称' }]" |
|
|
|
/>--> |
|
|
|
<div class="flex-div"> |
|
|
|
<van-field |
|
|
|
v-model="submitData.planName" |
|
|
|
label="计划名称" |
|
|
|
is-link |
|
|
|
placeholder="年份" |
|
|
|
required |
|
|
|
/> |
|
|
|
|
|
|
|
<div class="plan-attach"> |
|
|
|
<div class="plan-time"> |
|
|
|
<van-field |
|
|
|
v-model="data.fieldValue" |
|
|
|
is-link |
|
|
|
readonly |
|
|
|
placeholder="选择时段" |
|
|
|
@click="data.dateShowPicker = true" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="plan-text">行政检查计划</div> |
|
|
|
<div class="right-txt"> |
|
|
|
<span>年</span> |
|
|
|
<van-field |
|
|
|
v-model="data.fieldValue" |
|
|
|
is-link |
|
|
|
readonly |
|
|
|
@click="data.dateShowPicker = true" |
|
|
|
/> |
|
|
|
<span>行政检查计划</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="warning-rule"> |
|
|
|
<span><van-icon name="warning-o" /></span><span>格式："执法部门"+"年份"+"年度/月度/季度"+行政检查计划</span> |
|
|
|
</div> |
|
|
|
<van-popup v-model:show="data.dateShowPicker" round position="bottom"> |
|
|
|
<van-picker |
|
|
|
:columns="data.dateColumns" |
|
|
|
@ -101,7 +110,7 @@ |
|
|
|
/> |
|
|
|
<div class="file-upload"> |
|
|
|
<div class="file-upload-center"> |
|
|
|
<label>文件上传</label> <span>(仅限PDF文档)</span> |
|
|
|
<label>文件上传</label> <span>(仅限PDF文档，50MB以下)</span> |
|
|
|
</div> |
|
|
|
<van-uploader v-model="data.fileListObj" max-count="1" class="file" :after-read="uploadFiles" |
|
|
|
multiple @oversize="onOversize" :before-delete="deleteFile" accept=".pdf"> |
|
|
|
@ -110,6 +119,9 @@ |
|
|
|
</template> |
|
|
|
</van-uploader> |
|
|
|
</div> |
|
|
|
<div class="warning-rule"> |
|
|
|
<span><van-icon name="warning-o" /></span>仅支持上传<b><i>50MB</i></b>以下的<b><i>PDF</i></b>格式文档<span></span> |
|
|
|
</div> |
|
|
|
</van-cell-group> |
|
|
|
<van-action-bar> |
|
|
|
<van-button round block type="info" native-type="submit">提交</van-button> |
|
|
|
@ -395,6 +407,10 @@ |
|
|
|
margin-top: 0.15rem; |
|
|
|
} |
|
|
|
|
|
|
|
.van-cell-group { |
|
|
|
padding-bottom: 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
/* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */ |
|
|
|
// .van-popup.van-toast{ |
|
|
|
// background: var(--van-toast-background) !important; |
|
|
|
@ -478,7 +494,7 @@ |
|
|
|
--van-dialog-width: 16rem; |
|
|
|
} |
|
|
|
|
|
|
|
.plan-attach { |
|
|
|
/*.plan-attach { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
width: 100%; |
|
|
|
@ -495,7 +511,7 @@ |
|
|
|
color: #666; |
|
|
|
font-size: 0.37rem; |
|
|
|
line-height: 3.25; |
|
|
|
} |
|
|
|
}*/ |
|
|
|
|
|
|
|
.popcont { |
|
|
|
position: absolute; |
|
|
|
@ -558,4 +574,71 @@ |
|
|
|
margin-left: -0.2rem; |
|
|
|
} |
|
|
|
|
|
|
|
.warning-rule { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin: 2% 0.27rem 1%; |
|
|
|
padding: 0.2rem; |
|
|
|
border-radius: 0.27rem; |
|
|
|
background-color: #fff4e8; |
|
|
|
color: #fb710b; |
|
|
|
font-size: 0.3rem; |
|
|
|
line-height: 1.25; |
|
|
|
} |
|
|
|
|
|
|
|
.warning-rule i { |
|
|
|
margin: 0 0.1rem; |
|
|
|
color: #f50; |
|
|
|
font-size: 0.35rem; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-div { |
|
|
|
position: relative; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding: 0 0.43rem 0 0.23rem; |
|
|
|
color: #666; |
|
|
|
font-size: 0.37rem; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-div::before, .flex-div::after { |
|
|
|
position: absolute; |
|
|
|
bottom: 0; |
|
|
|
width: 100%; |
|
|
|
height: 1px; |
|
|
|
border-bottom: 1px solid #fff; |
|
|
|
content: ""; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-div::after { |
|
|
|
left: 0.43rem; |
|
|
|
bottom: 0; |
|
|
|
width: calc(100% - 0.86rem); |
|
|
|
border-bottom: 1px solid #f5f6f7; |
|
|
|
content: ""; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-div .van-field { |
|
|
|
margin-bottom: -1px; |
|
|
|
padding-right: 0; |
|
|
|
border-bottom: 1px solid #f5f6f7; |
|
|
|
} |
|
|
|
|
|
|
|
.flex-div > .van-field { |
|
|
|
float: left; |
|
|
|
padding-left: 0; |
|
|
|
width: 50%; |
|
|
|
} |
|
|
|
|
|
|
|
.right-txt { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
width: 50%; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .flex-div .van-field__label--required:before { |
|
|
|
margin-left: 0; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|
