You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
109 lines
2.4 KiB
109 lines
2.4 KiB
<template> |
|
<view class="view-container"> |
|
<view class="box wd-flex wd-flex-col" style="gap: 12px"> |
|
<view |
|
class="wd-flex" |
|
style="justify-content: space-between; align-items: center" |
|
> |
|
<view style="font-weight: bold"> |
|
<text style="color: #f8285a; margin-right: 4px">*</text> |
|
处理意见 |
|
</view> |
|
<text style="color: #78829d">最多500字符</text> |
|
</view> |
|
<uni-easyinput |
|
type="textarea" |
|
v-model="form.advice" |
|
placeholder="请输入..." |
|
:maxlength="500" |
|
:autoHeight="true" |
|
:styles="{ |
|
backgroundColor: '#F9F9F9', |
|
borderColor: '#F1F1F4' |
|
}" |
|
></uni-easyinput> |
|
<view |
|
class="wd-flex" |
|
style="justify-content: space-between; align-items: center" |
|
> |
|
<view style="font-weight: bold"> |
|
<text style="color: #f8285a; margin-right: 4px">*</text> |
|
上传证明 |
|
</view> |
|
</view> |
|
<u-upload |
|
:fileList="fileList1" |
|
@afterRead="afterRead" |
|
@delete="deletePic" |
|
multiple |
|
:maxCount="10" |
|
></u-upload> |
|
</view> |
|
|
|
<cs-bottom-wrapper> |
|
<view class="operation"> |
|
<view :class="['btn', form.state == 2 ? 'green' : 'red']"> |
|
{{ form.state == 2 ? '审批通过' : '整改处理' }} |
|
</view> |
|
</view> |
|
</cs-bottom-wrapper> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
form: { |
|
state: undefined, |
|
inspectionsId: undefined, |
|
advice: undefined |
|
} |
|
} |
|
}, |
|
onLoad(res) { |
|
this.form.state = res.state |
|
this.inspectionsId = res.inspectionsId |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.view-container { |
|
padding: 12px; |
|
height: 100vh; |
|
position: relative; |
|
.box { |
|
padding: 12px; |
|
border: 1px solid #f9f9f9; |
|
border-radius: 12px; |
|
background-color: #fff; |
|
} |
|
.operation { |
|
padding: 12px; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
gap: 12px; |
|
.btn { |
|
flex: 1; |
|
border-radius: 8px; |
|
display: flex; |
|
padding: 12px 0; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.green { |
|
background-color: $cs-color-main; |
|
color: #fff; |
|
} |
|
.red { |
|
background-color: #f8285a; |
|
color: #fff; |
|
} |
|
} |
|
} |
|
::v-deep .uni-easyinput__content-textarea { |
|
min-height: 400rpx; |
|
} |
|
</style>
|
|
|