列表
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
|
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 全部 -->
|
<!-- 列表 -->
|
||||||
<div>
|
<div>
|
||||||
<div class="search-box" v-if="tabIndex==0">
|
<div class="search-box" v-if="tabIndex==0">
|
||||||
<div class="integral-types" @click="showType = true">{{ type? type : '积分类型' }}<u-icon name="arrow-down"></u-icon></div>
|
<div class="integral-types" @click="showType = true">{{ type? type : '积分类型' }}<u-icon name="arrow-down"></u-icon></div>
|
||||||
@@ -20,7 +20,7 @@
|
|||||||
<div class="time">{{ item.createTime }}</div>
|
<div class="time">{{ item.createTime }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-type">
|
<div class="card-type">
|
||||||
<div class="type">{{ $dict.getLabel('integralDeclareStatus',item.auditStatus) }}</div>
|
<div class="type" :style="{color: item.auditStatus==0? '#4181FF':item.auditStatus==1? '#baf07b' : '#dd5347'}">{{ $dict.getLabel('integralDeclareStatus',item.auditStatus) }}</div>
|
||||||
<div class="num">+20</div>
|
<div class="num">+20</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -73,7 +73,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
if(res.code==0){
|
if(res.code==0){
|
||||||
this.integralList = res.data.records
|
this.integralList = this.current > 1 ? [...this.integralList, ...res.data.records] : res.data.records
|
||||||
this.$forceUpdate()
|
this.$forceUpdate()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -26,42 +26,43 @@
|
|||||||
<div class="result">
|
<div class="result">
|
||||||
<div>积分审核结果</div>
|
<div>积分审核结果</div>
|
||||||
<div class="options">
|
<div class="options">
|
||||||
<div class="opts-item" :class="!opts? 'current': ''" @click="opts = 0">通过</div>
|
<div class="opts-item" :class="opts? 'current': ''" @click="opts = 1">通过</div>
|
||||||
<div class="opts-item" :class="opts? 'current': ''" @click="opts = 1">不通过</div>
|
<div class="opts-item" :class="!opts? 'current': ''" @click="opts = 0">不通过</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 通过 -->
|
<!-- 通过 -->
|
||||||
<div class="integral-select" v-if="opts === 0">
|
<div class="integral-select" v-if="opts === 1">
|
||||||
<div class="integral-item">
|
<div class="integral-item" @click="isShowType = true">
|
||||||
<div>积分类别</div>
|
<div>积分类别</div>
|
||||||
<div>
|
<div>
|
||||||
<span>请选择</span>
|
|
||||||
|
<span :style="{color:data.auditIntegralType ? '' : '#999'}">{{ $dict.getLabel('atWillReportType',data.auditIntegralType) || '请选择' }}</span>
|
||||||
<u-icon name="arrow-right" color="#E1E2E3"/>
|
<u-icon name="arrow-right" color="#E1E2E3"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="integral-item">
|
<div class="integral-item">
|
||||||
<div>积分事项</div>
|
<div>积分事项</div>
|
||||||
<div>
|
<div>
|
||||||
<span>请选择</span>
|
<span :style="{color:data.auditIntegralType ? '' : '#999'}">{{ form.auditIntegralType || '请选择' }}</span>
|
||||||
<u-icon name="arrow-right" color="#E1E2E3"/>
|
<u-icon name="arrow-right" color="#E1E2E3"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="integral-item last">
|
<div class="integral-item last">
|
||||||
<div>积分事项</div>
|
<div>积分方式</div>
|
||||||
<div style="color: #E6736E">+20</div>
|
<div style="color: #E6736E">+20</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 不通过 -->
|
<!-- 不通过 -->
|
||||||
<div class="reject" v-else>
|
<div class="reject" v-else>
|
||||||
<div>不通过理由</div>
|
<div>不通过理由</div>
|
||||||
<textarea class="reasons" placeholder="请输入不通过理由" :maxlength="200" auto-height height="100"
|
<textarea class="reasons" placeholder="请输入不通过理由" :maxlength="200"
|
||||||
v-model="reason"></textarea>
|
v-model="data.auditOpinion"></textarea>
|
||||||
<div class="tips">{{ reason.length }}/200</div>
|
<div class="tips">{{ data.auditOpinion.length }}/200</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<u-select :list="getList" value-name="value" label-name="label"
|
<u-select :list="$dict.getDict('atWillReportType')" value-name="dictValue" label-name="dictName"
|
||||||
v-model="isShowType" @confirm="answerChange"></u-select>
|
v-model="isShowType" @confirm="integralType"></u-select>
|
||||||
<u-select :list="getList" value-name="dictValue" label-name="dictName"
|
<u-select :list="getList" value-name="dictValue" label-name="dictName"
|
||||||
v-model="isShowOption" @confirm="pointTypeChange"></u-select>
|
v-model="isShowOption" @confirm="pointTypeChange"></u-select>
|
||||||
</div>
|
</div>
|
||||||
@@ -106,7 +107,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="height: 56px"></div>
|
<div style="height: 56px"></div>
|
||||||
<div class="saveBtn" v-if="admin === 1">保存</div>
|
<div class="saveBtn" v-if="admin === 1" @click="submit">保存</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -116,42 +117,18 @@ export default {
|
|||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
id: '',
|
id: '',
|
||||||
data: {
|
|
||||||
files: [],
|
|
||||||
},
|
|
||||||
nopass: 1,
|
nopass: 1,
|
||||||
admin: 1,
|
admin: 1,
|
||||||
opts: 0,
|
opts: 1,
|
||||||
isShowType: false,
|
isShowType: false,
|
||||||
isShowOption: false,
|
isShowOption: false,
|
||||||
getList: [],
|
getList: [],
|
||||||
reason: '',
|
reason: '',
|
||||||
form: {
|
form: {},
|
||||||
uploadUserName: '',
|
data: {
|
||||||
applyIntegralType: '',
|
auditIntegralType: '',
|
||||||
areaId: "",
|
auditOpinion: '',
|
||||||
auditIntegral: null,
|
|
||||||
auditIntegralType: null,
|
|
||||||
auditOpinion: null,
|
|
||||||
auditRuleId: null,
|
|
||||||
auditRuleName: null,
|
|
||||||
auditStatus: "0",
|
|
||||||
auditTime: null,
|
|
||||||
auditUserId: null,
|
|
||||||
auditUserName: null,
|
|
||||||
corpId: '',
|
|
||||||
createTime: "2022-02-16 17:16:18",
|
|
||||||
createTimeEnd: null,
|
|
||||||
createTimeStart: null,
|
|
||||||
description: "是的1",
|
|
||||||
familyId: null,
|
|
||||||
familyName: null,
|
|
||||||
id: "dedaae6e992c4f4c9670a88a726939be",
|
|
||||||
residentId: "fba455ddf8e9494da93a533e8da57989",
|
|
||||||
residentName: "陶瑞武",
|
|
||||||
residentPhone: "15802784240",
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(o) {
|
onLoad(o) {
|
||||||
@@ -164,11 +141,26 @@ export default {
|
|||||||
previewImage() {},
|
previewImage() {},
|
||||||
getDetail() {
|
getDetail() {
|
||||||
this.$http.post(`/app/appvillagerintegraldeclare/queryDetailById?id=${this.id}`).then(res => {
|
this.$http.post(`/app/appvillagerintegraldeclare/queryDetailById?id=${this.id}`).then(res => {
|
||||||
console.log(res);
|
|
||||||
if(res.code==0) {
|
if(res.code==0) {
|
||||||
this.form = res.data
|
this.form = this.current > 1? [...this.form, ...res.data] : res.data
|
||||||
|
this.$forceUpdate()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
},
|
||||||
|
integralType(e) {
|
||||||
|
console.log(e);
|
||||||
|
this.data.auditIntegralType = e[0].label
|
||||||
|
},
|
||||||
|
submit() {
|
||||||
|
this.$http.post('/app/appvillagerintegraldeclare/examine',null,{
|
||||||
|
params: {
|
||||||
|
id: this.id,
|
||||||
|
pass: this.opts,
|
||||||
|
...this.data
|
||||||
|
}
|
||||||
|
}).then(res=>{
|
||||||
|
console.log(res);
|
||||||
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
@@ -302,6 +294,7 @@ export default {
|
|||||||
.reasons {
|
.reasons {
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tips {
|
.tips {
|
||||||
|
|||||||
Reference in New Issue
Block a user