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

This commit is contained in:
wanglei
2021-12-03 15:42:51 +08:00
3 changed files with 170 additions and 170 deletions

View File

@@ -328,7 +328,6 @@ export default {
} }
}) })
this.$loading()
this.$http.post(`/app/appquestionnairetemplate/addOrUpdate`, { this.$http.post(`/app/appquestionnairetemplate/addOrUpdate`, {
...this.form, ...this.form,
fields, fields,

View File

@@ -23,7 +23,7 @@
</template> </template>
<template v-else-if="op.fieldType=='upload'"> <template v-else-if="op.fieldType=='upload'">
<ai-uploader @list="v=>op.fieldValue=v.map(e=>e.url)" :def="op.fieldValue" :disabled="isResult" <ai-uploader @list="v=>op.fieldValue=v.map(e=>e.url)" :def="op.fieldValue" :disabled="isResult"
preview/> preview action="/admin/file/add2"/>
</template> </template>
<u-row v-else-if="op.fieldType=='radio'"> <u-row v-else-if="op.fieldType=='radio'">
<radio-group @change="({detail})=>op.fieldValue=detail.value"> <radio-group @change="({detail})=>op.fieldValue=detail.value">

View File

@@ -6,26 +6,26 @@
<div class="body"> <div class="body">
<template v-if="list.length"> <template v-if="list.length">
<div class="card" v-for="(item,index) in list" :key="index" @click="handleClick(item)"> <div class="card" v-for="(item,index) in list" :key="index" @click="handleClick(item)">
<header>{{item.title}}</header> <header>{{ item.title }}</header>
<u-row justify="between"> <u-row justify="between">
<div class="time"> <div class="time">
<span>{{item.startTime|formatTime}}</span> <span>{{ item.startTime|formatTime }}</span>
<span>{{item.startTime|formatDate(0)}}{{item.startTime|formatDate(1)}}{{item.startTime|formatDate(2)}} {{item.startTime|formatWeek}}</span> <span>{{ item.startTime|formatDate(0) }}{{ item.startTime|formatDate(1) }}{{ item.startTime|formatDate(2) }} {{ item.startTime|formatWeek }}</span>
</div> </div>
<div class="arrow"></div> <div class="arrow"></div>
<div class="time"> <div class="time">
<span>{{item.endTime|formatTime}}</span> <span>{{ item.endTime|formatTime }}</span>
<span>{{item.endTime|formatDate(0)}}{{item.endTime|formatDate(1)}}{{item.endTime|formatDate(2)}} {{item.endTime|formatWeek}}</span> <span>{{ item.endTime|formatDate(0) }}{{ item.endTime|formatDate(1) }}{{ item.endTime|formatDate(2) }} {{ item.endTime|formatWeek }}</span>
</div> </div>
</u-row> </u-row>
<u-row class="info"> <u-row class="info">
<span>发起单位</span> <span>发起单位</span>
<span>{{item.unitName}}</span> <ai-open-data type="departmentName" :openid="item.unitName"/>
</u-row> </u-row>
<u-gap height="20"></u-gap> <u-gap height="20"></u-gap>
<u-row class="info"> <u-row class="info">
<span>会议地点</span> <span>会议地点</span>
<span>{{item.address}}</span> <span>{{ item.address }}</span>
</u-row> </u-row>
<div class="tag" :style="{background:'url(' + tag(item.status) + ')'}"></div> <div class="tag" :style="{background:'url(' + tag(item.status) + ')'}"></div>
</div> </div>
@@ -39,192 +39,193 @@
</template> </template>
<script> <script>
import AiTopFixed from "../../../components/AiTopFixed"; import AiTopFixed from "../../../components/AiTopFixed";
import AiBack from "../../../components/AiBack"; import AiBack from "../../../components/AiBack";
import AiEmpty from "../../../components/AiEmpty"; import AiEmpty from "../../../components/AiEmpty";
import AiOpenData from "../../../components/AiOpenData";
export default { export default {
name: "belongToMe", name: "belongToMe",
components: {AiTopFixed, AiBack, AiEmpty}, components: {AiOpenData, AiTopFixed, AiBack, AiEmpty},
data() { data() {
return { return {
index: 0, index: 0,
current: 1, current: 1,
list: [], list: [],
status: "加载更多", status: "加载更多",
} }
}, },
computed: { computed: {
tabs() { tabs() {
return [ return [
{name: "全部"}, {name: "全部"},
{name: "未开始"}, {name: "未开始"},
{name: "进行中"}, {name: "进行中"},
{name: "已取消"}, {name: "已取消"},
{name: "已结束"}, {name: "已结束"},
] ]
} }
}, },
created() { created() {
this.getList()
},
methods: {
emitReachBottom() {
this.current = this.current + 1;
this.getList() this.getList()
}, },
methods: { tag(status) {
emitReachBottom(){ return {
this.current = this.current + 1; "1": this.$cdn + 'common/1wks.png',
this.getList() "2": this.$cdn + 'common/1jxz.png',
}, "3": this.$cdn + 'common/1yqx.png',
tag(status) { "4": this.$cdn + 'common/1yjs.png'
return { }[status]
"1": this.$cdn + 'common/1wks.png',
"2": this.$cdn + 'common/1jxz.png',
"3": this.$cdn + 'common/1yqx.png',
"4": this.$cdn + 'common/1yjs.png'
}[status]
},
getList() {
this.$http.post("/app/appmeetinginfo/list", null, {
params: {
listType: 0,
meetingStatus: this.index == 0 ? "-1" : this.index,
size: 10,
current: this.current
}
}).then(res => {
if (res && res.data) {
if (this.current > 1 && this.current > res.data.pages) {
this.status = "已经到底啦"
}
this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
}
})
},
handleClick({id}) {
this.$parent.params = id;
this.$parent.isList = false;
this.$parent.comp = "detail"
},
change(e) {
this.index = e
this.current = 1
this.getList()
},
}, },
getList() {
this.$http.post("/app/appmeetinginfo/list", null, {
params: {
listType: 0,
meetingStatus: this.index == 0 ? "-1" : this.index,
size: 10,
current: this.current
}
}).then(res => {
if (res && res.data) {
if (this.current > 1 && this.current > res.data.pages) {
this.status = "已经到底啦"
}
this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
}
})
},
handleClick({id}) {
this.$parent.params = id;
this.$parent.isList = false;
this.$parent.comp = "detail"
},
change(e) {
this.index = e
this.current = 1
this.getList()
},
},
filters: { filters: {
formatTime(date) { formatTime(date) {
return date.split(" ")[1]?.substr(0, 5) return date.split(" ")[1]?.substr(0, 5)
}, },
formatDate(date, i) { formatDate(date, i) {
return date.split(" ")[0]?.split("-")[i] return date.split(" ")[0]?.split("-")[i]
}, },
formatWeek(date) { formatWeek(date) {
return "日一二三四五六".charAt(new Date(date.split(" ")[0]).getDay()) return "日一二三四五六".charAt(new Date(date.split(" ")[0]).getDay())
}, },
}
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.belong-to-me { .belong-to-me {
min-height: 100%; min-height: 100%;
background-color: #F5F5F5; background-color: #F5F5F5;
::v-deep .content { ::v-deep .content {
padding: 0 !important; padding: 0 !important;
} }
.body { .body {
box-sizing: border-box;
padding: 40px 32px;
.card {
background-color: #FFFFFF;
box-sizing: border-box; box-sizing: border-box;
padding: 40px 32px; padding: 32px;
border-radius: 8px;
margin-bottom: 32px;
position: relative;
.card { &:last-child {
background-color: #FFFFFF; margin-bottom: 0;
box-sizing: border-box; }
padding: 32px;
border-radius: 8px;
margin-bottom: 32px;
position: relative;
&:last-child { & > header {
margin-bottom: 0; font-size: 32px;
} font-weight: 600;
color: #333333;
}
& > header { .time {
font-size: 32px; display: flex;
flex-direction: column;
margin: 46px 0;
& > span:first-child {
font-size: 60px;
font-weight: 600; font-weight: 600;
color: #333333; color: #333333;
line-height: 84px;
} }
.time { & > span:last-child {
display: flex; font-size: 22px;
flex-direction: column; color: #333333;
margin: 46px 0;
& > span:first-child {
font-size: 60px;
font-weight: 600;
color: #333333;
line-height: 84px;
}
& > span:last-child {
font-size: 22px;
color: #333333;
}
} }
}
.arrow { .arrow {
width: 28px; width: 28px;
height: 68px; height: 68px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
transform: rotate(180deg); transform: rotate(180deg);
&:before, &:after { &:before, &:after {
content: ""; content: "";
width: 50px; width: 50px;
height: 50px; height: 50px;
position: absolute;
transform: scaleY(1.3) translate(30%, -40px) rotate(45deg);
}
&:before {
top: 59px;
background-color: #CCCCCC;
}
&:after {
left: 7px;
top: 59px;
background-color: #FFFFFF;
}
}
.info {
flex-wrap: nowrap;
& > span:first-child {
font-size: 30px;
color: #999999;
flex-shrink: 0;
}
& > span:last-child {
font-size: 30px;
color: #343D65;
}
}
.tag {
width: 112px;
height: 112px;
background-repeat: no-repeat;
background-size: 100% 100% !important;
position: absolute; position: absolute;
top: 0; transform: scaleY(1.3) translate(30%, -40px) rotate(45deg);
right: 0;
} }
&:before {
top: 59px;
background-color: #CCCCCC;
}
&:after {
left: 7px;
top: 59px;
background-color: #FFFFFF;
}
}
.info {
flex-wrap: nowrap;
& > span:first-child {
font-size: 30px;
color: #999999;
flex-shrink: 0;
}
& > span:last-child {
font-size: 30px;
color: #343D65;
}
}
.tag {
width: 112px;
height: 112px;
background-repeat: no-repeat;
background-size: 100% 100% !important;
position: absolute;
top: 0;
right: 0;
} }
} }
} }
}
</style> </style>