Merge remote-tracking branch 'origin/dev' into dev
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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) => {
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user