kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

建平需求变更调整完毕

Browse Source
This commit is contained in:
aixianling
2022-08-15 18:39:33 +08:00
parent 25e45267c1
commit 3544a290ab
13 changed files with 599 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
src/apps/AppMonitoringObject/MonitorRemoveView.vue
View File

@@ -10,8 +10,8 @@
</div>
<div class="item">
<span>监测类型：</span>
<span v-if="info.operationType == 0">{{ $dict.getLabel('fpRiskType',info.bizDictValue) }}</span>
<span v-if="info.operationType == 1">{{ $dict.getLabel('fpRiskEliminationMethod',info.bizDictValue) }}</span>
<span v-if="info.operationType == 0">{{ $dict.getLabel('fpRiskType', info.bizDictValue) }}</span>
<span v-if="info.operationType == 1">{{ $dict.getLabel('fpRiskEliminationMethod', info.bizDictValue) }}</span>
</div>
<div class="item">
<span>申请人：</span>
@@ -29,38 +29,31 @@
<span style="color: #999;">图片：</span>
<div class="imgs" v-if="info.files && info.files.length">
<image :src="img.url" @click="prevImg(info.files, img.url)" v-for="(img, index) in info.files"
:key="index"/>
:key="index"/>
</div>
</div>
</div>
</div>
<div class="result">
<div class="title">处理意见</div>
<div class="check">
<div class="left">
<span style="color: #FF4466;">*</span>
<span>审核结果</span>
</div>
<div class="right">
<div class="check-item" :class="form.pass == '1' ? 'check-active' : '' " @click="form.pass='1'">{{ type == 0? '纳入监测': '解除风险'}}<img src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="form.pass == '0' ? 'check-active' : '' " @click="form.pass='0'">驳回申请<img src="./components/img/check-icon.png" alt=""></div>
</div>
</div>
<div class="item">
<div><span style="display: inline-block;width: 6px;"></span>备注说明</div>
<div>
<AiGroup>
<AiItem label="审核结果" required>
<div class="check-item" :class="{active:form.pass==1}" @click="form.pass='1'">{{ type == 0 ? '纳入监测' : '解除风险' }}<img
src="./components/img/check-icon.png" alt=""></div>
<div class="check-item" :class="{active:form.pass=='0'}" @click="form.pass='0'">驳回申请<img src="./components/img/check-icon.png"/></div>
</AiItem>
<AiItem label="监测对象类型">
<AiSelect v-model="form.objectType" dict="fpType"/>
</AiItem>
<AiItem label="备注说明" topLabel>
<u-input v-model="form.opinion" type="textarea" placeholder="请输入备注说明" height="200" :maxlength="500"></u-input>
</div>
</div>
<div class="item">
<div><span style="width: 8px;"></span>图片<span style="color: #999;">(最多9张)</span></div>
<div style="margin-top: 20px; box-sizing: border-box;">
</AiItem>
<AiItem label="图片" topLabel>
<span slot="sub" class="color-999" v-text="`(最多9张)`"/>
<AiUploader :def.sync="files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
</div>
</div>
</AiItem>
</AiGroup>
</div>
<div class="btn" @click="submit">提交</div>
</div>
@@ -86,7 +79,7 @@ export default {
}
},
onLoad(o) {
this.$dict.load('fpRiskType','fpRiskEliminationMethod')
this.$dict.load('fpRiskType', 'fpRiskEliminationMethod')
this.pass = o.pass;
this.id = o.id;
this.status = o.status;
@@ -95,7 +88,7 @@ export default {
},
created() {
this.getInfo()
document.title = this.type == 0? '纳入监测审核': '解除风险审核'
document.title = this.type == 0 ? '纳入监测审核' : '解除风险审核'
},
methods: {
getInfo() {
@@ -121,24 +114,24 @@ export default {
}
if (this.type == 0) { // 纳入审核
url = `/app/apppreventionreturntopoverty/examine`
} else if (this.type == 1){ // 解除审核
} else if (this.type == 1) { // 解除审核
url = `/app/apppreventionreturntopoverty/relieve`
}
var formData = new FormData()
for (let key in params) {
formData.append(key, params[key])
formData.append(key, params[key])
}
this.$http.post(url,formData).then(res => {
this.$http.post(url, formData).then(res => {
if (res.code == 0) {
this.$u.toast('提交成功')
uni.$emit('reload')
setTimeout(() =>{
setTimeout(() => {
uni.navigateBack({
delta: 2
})
},600)
}, 600)
}
})
}
@@ -150,28 +143,35 @@ export default {
.MonitorRemoveView {
.user-info {
background: #FFF;
.title {
padding: 30px 32px;
box-sizing: border-box;
border-bottom: 1px solid #DDDDDD;
font-weight: 600;
}
.info {
padding: 30px 32px;
box-sizing: border-box;
.item {
display: flex;
span {
padding: 12px 0;
}
span:first-child {
width: 140px;
color: #999999;
text-align: right;
}
span:last-child {
color: #343D65;
}
.imgs {
image {
width: 136px;
@@ -183,10 +183,12 @@ export default {
}
}
}
.result {
margin-top: 16px;
padding-bottom: 112px;
box-sizing: border-box;
.title {
height: 112px;
padding: 30px 32px;
@@ -195,39 +197,26 @@ export default {
border-bottom: 1px solid #DDDDDD;
background: #FFF;
}
.check {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #DDDDDD;
padding: 30px 32px;
box-sizing: border-box;
background: #FFF;
align-items: center;
border-bottom: 1px solid #DDDDDD;
.check-item{
display: inline-block;
width: 140px;
height: 64px;
line-height: 64px;
text-align: center;
background: #F5F5F5;
border-radius: 4px;
font-size: 30px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
position: relative;
img{
display: none;
}
}
.check-item:nth-of-type(1) {
margin-right: 36px;
}
.check-active{
.check-item {
display: inline-block;
width: 140px;
height: 64px;
line-height: 64px;
text-align: center;
background: #F5F5F5;
border-radius: 4px;
font-size: 30px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333;
position: relative;
&.active {
background: #E7F1FE;
color: #1174FE;
img{
img {
display: block;
position: absolute;
bottom: 0;
@@ -236,17 +225,22 @@ export default {
height: 48px;
}
}
img {
display: none;
}
&:nth-of-type(1) {
margin-right: 36px;
}
}
.item {
border-bottom: 1px solid #DDDDDD;
padding: 30px 32px;
background: #FFF;
}
::v-deep .ai-uploader .fileList .default {
width: 160px;
height: 160px;
}
}
.btn {
width: 100%;
height: 112px;
@@ -258,5 +252,9 @@ export default {
bottom: 0;
left: 0;
}
.bg-fff {
background: #fff;
}
}
</style>