Merge remote-tracking branch 'origin/dev' into dev

This commit is contained in:
aixianling
2022-05-20 09:47:56 +08:00
4 changed files with 80 additions and 21 deletions

View File

@@ -53,7 +53,7 @@
<div class="plan"> <div class="plan">
<div class="nav"> <div class="nav">
<span>办理进度</span> <span>办理进度</span>
<span> ({{ $dict.getLabel('clapEventStatus', data.eventStatus) }})</span> <span> ({{ $dict.getLabel('helpDeclarationStatus', data.status) }})</span>
</div> </div>
<div class="cards" v-for="(item, index) in data.processList" :key="index"> <div class="cards" v-for="(item, index) in data.processList" :key="index">

View File

@@ -5,24 +5,24 @@
<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 class="select-box"> <div class="select-box">
<div class="left"> <div class="left" style="display: flex;">
<!-- :areaId="user.areaId" @select="areaSelect" select-root --> <!-- :areaId="user.areaId" @select="areaSelect" select-root -->
<AiAreaPicker v-model="areaId" :name.sync="areaName" > <AiAreaPicker v-model="areaId" :name.sync="areaName" >
<div style="display: flex;"> <div>
<span v-if="areaName" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span> <span v-if="areaName" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span>
<span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span> <span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span>
<u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px"></u-icon> <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect(e)"></u-icon>
<u-icon name="close-circle" v-if="areaId" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px"></u-icon>
</div> </div>
</AiAreaPicker> </AiAreaPicker>
<u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px"></u-icon>
</div> </div>
<div class="right"> <div class="right" style="display: flex;">
<AiSelect dict="helpDeclarationReason" v-model="declareReason"> <AiSelect dict="helpDeclarationReason" v-model="declareReason" >
<span v-if="!declareReason" style="color: #999;">风险类型</span> <span v-if="!declareReason" style="color: #999;">风险类型</span>
<span v-else>{{ $dict.getLabel('helpDeclarationReason', declareReason) }}</span> <span v-else>{{ $dict.getLabel('helpDeclarationReason', declareReason) }}</span>
<u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon> <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
<u-icon name="close-circle" v-if="declareReason" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
</AiSelect> </AiSelect>
<u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24" style="margin-left: 4px;width: 14px;"></u-icon>
</div> </div>
</div> </div>
</AiTopFixed> </AiTopFixed>
@@ -57,11 +57,11 @@ export default {
return { return {
tabs: ['全部待办','办理历史'], tabs: ['全部待办','办理历史'],
tabIndex: 0, tabIndex: 0,
list: [],
current: 1, current: 1,
areaId: '', areaId: '',
areaName: '', areaName: '',
declareReason: '', declareReason: '',
list: [],
} }
}, },
onShow() { onShow() {
@@ -80,12 +80,26 @@ export default {
this.getList() this.getList()
}, },
clearArea() {
this.declareReason = '',
this.current = 1,
this.list = [],
this.getList()
},
clearReason() {
this.areaId = '',
this.current = 1,
this.list = [],
this.getList()
},
getList() { getList() {
this.$http.post('/app/apphelpdeclarationinfo/listByEw',null,{ this.$http.post('/app/apphelpdeclarationinfo/listByEw',null,{
params: { params: {
current: this.current, current: this.current,
areaId: this.areaId,
searchType: this.tabIndex, searchType: this.tabIndex,
areaId: this.areaId,
declareReason: this.declareReason // 风险类型 declareReason: this.declareReason // 风险类型
} }
}).then((res) => { }).then((res) => {

View File

@@ -2,11 +2,14 @@
<div class="report"> <div class="report">
<components class="report-item" :is="component"></components> <components class="report-item" :is="component"></components>
<div class="report-list" data-html2canvas-ignore> <div class="report-list" data-html2canvas-ignore>
<image @click="component = 'WorkReport'" :class="[component === 'WorkReport' ? 'active' : '']" src="./images/report1.png" /> <image
<image @click="component = 'Daily'" :class="[component === 'Daily' ? 'active' : '']" src="./images/report4.png" /> v-for="(item, index) in configList"
<image @click="component = 'InspectLog'" :class="[component === 'InspectLog' ? 'active' : '']" src="./images/report2.png" /> :src="item.thum"
<image @click="component = 'MeetingMminutes'" :class="[component === 'MeetingMminutes' ? 'active' : '']" src="./images/report3.png" /> :key="index"
:class="[currIndex === index ? 'active' : '']"
@click="changeComponent(item, index)" />
</div> </div>
<div class="report-btn">完成</div>
</div> </div>
</template> </template>
@@ -23,7 +26,9 @@
data () { data () {
return { return {
component: 'WorkReport' component: 'WorkReport',
configList: [],
currIndex: 0
} }
}, },
@@ -35,21 +40,61 @@
}, },
onLoad () { onLoad () {
this.getConfig()
}, },
methods: { methods: {
getConfig () {
this.$http.post(`/api/appalbumtemplate/list?size=100&templateType=1&status=1`).then(res => {
if (res.code === 0) {
this.configList = res.data.records
}
})
},
changeComponent (e, index) {
this.currIndex = index
this.component = this.mapComponent(e.watermarkType)
},
mapComponent (type) {
return {
'9': 'WorkReport',
'10': 'Daily',
'11': 'InspectLog',
'12': 'MeetingMminutes'
}[type]
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.report { .report {
// height: 100vh; position: relative;
// overflow: hidden;
padding-bottom: 240px; padding-bottom: 240px;
.report-btn {
position: fixed;
bottom: 272px;
left: 32px;
z-index: 11;
width: 144px;
height: 64px;
line-height: 64px;
text-align: center;
background: #FFFFFF;
font-size: 32px;
color: #408EF6;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
border-radius: 40px;
&:active {
opacity: 0.7;
}
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }

View File

@@ -46,19 +46,19 @@
<h2>工作相册</h2> <h2>工作相册</h2>
<div class="album-list__wrapper"> <div class="album-list__wrapper">
<div class="item" v-for="(item, index) in list" :key="index" @click="linkTo('./AlbumDetail?id=' + item.id)"> <div class="item" v-for="(item, index) in list" :key="index" @click="linkTo('./AlbumDetail?id=' + item.id)">
<span>未查看</span> <span v-if="item.photoHasRead === 'NO'">未查看</span>
<image src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fa50994a01ff415294729ac6e0623845~tplv-k3u1fbpfcp-no-mark:240:240:240:160.awebp?" /> <image src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fa50994a01ff415294729ac6e0623845~tplv-k3u1fbpfcp-no-mark:240:240:240:160.awebp?" />
<div class="item-bottom"> <div class="item-bottom">
<h2>{{ item.albumName }}</h2> <h2>{{ item.albumName }}</h2>
<div class="item-bottom__info"> <div class="item-bottom__info">
<div class="left"> <div class="left">
<span>今日新增</span> <span>今日新增</span>
<i>5</i> <i>{{ item.dayPhtoto }}</i>
<span></span> <span></span>
</div> </div>
<div class="right"> <div class="right">
<image src="../images/zhaopianshuliang.png" /> <image src="../images/zhaopianshuliang.png" />
<span>16</span> <span>{{ item.photoTotal }}</span>
</div> </div>
</div> </div>
</div> </div>