Merge branch 'dev' of http://git.sinoecare.com/sinoecare/digital_village_cp/dv_cp_wechat_app into dev
This commit is contained in:
@@ -2,7 +2,8 @@
|
||||
<div class="AppServicePublic">
|
||||
<AiTopFixed v-if="tabs.length">
|
||||
<div class="tab-select" @click="tabClick(item)">
|
||||
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(item)">{{item.categoryName}}<span></span></div>
|
||||
<div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index"
|
||||
@click="tabClick(item)">{{ item.categoryName }}<span></span></div>
|
||||
</div>
|
||||
</AiTopFixed>
|
||||
<div class="header-top">
|
||||
@@ -10,10 +11,11 @@
|
||||
<AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect"></AiAreaPicker>
|
||||
</div>
|
||||
|
||||
<u-search class="serach_content" placeholder="请输入标题" :show-action="false" v-model="keyword" @clear="clearSearch" @search="search"></u-search>
|
||||
<u-search class="serach_content" placeholder="请输入标题" :show-action="false" v-model="keyword" @clear="clearSearch"
|
||||
@search="search"></u-search>
|
||||
|
||||
<template v-if="datas.length > 0">
|
||||
<AiCard v-for="(item, i) in datas" :key="i" @click.native="toAdd(item, 1)">
|
||||
<AiCard v-for="(item, i) in datas" :ref="item.id" :key="i" @click.native="toAdd(item, 1)">
|
||||
<template #custom>
|
||||
<div class="titles">{{ item.title }}</div>
|
||||
|
||||
@@ -49,7 +51,8 @@
|
||||
<div class="addBtn iconfont iconfont-iconfangda" @tap.stop="toAdd()"/>
|
||||
</AiFixedBtn>
|
||||
|
||||
<u-modal v-model="deletShow" content="您确认要删除该条信息吗?" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
|
||||
<u-modal v-model="deletShow" content="您确认要删除该条信息吗?" :show-cancel-button="true" :mask-close-able="true"
|
||||
:show-title="false" @confirm="delet"></u-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -96,6 +99,7 @@ export default {
|
||||
this.getList()
|
||||
})
|
||||
uni.setNavigationBarTitle({title: this.listName})
|
||||
document.title = "三务公开"
|
||||
},
|
||||
methods: {
|
||||
getType() {
|
||||
@@ -141,16 +145,16 @@ export default {
|
||||
},
|
||||
|
||||
toAdd(item, type) {
|
||||
if (item?.id) {
|
||||
this.$refs?.[item.id]?.[0]?.handleClose()
|
||||
}
|
||||
if (type == '1') {
|
||||
console.log('详情')
|
||||
uni.navigateTo({url: `./Detail?id=${item.id}&listName=${this.listName}`})
|
||||
}
|
||||
if (type == '2') {
|
||||
console.log('编辑')
|
||||
uni.navigateTo({url: `./Add?id=${item.id}&moduleId=${this.moduleId}&listName=${this.listName}`})
|
||||
}
|
||||
if (type == null) {
|
||||
console.log('添加')
|
||||
uni.navigateTo({url: `./Add?moduleId=${this.moduleId}&listName=${this.listName}`})
|
||||
}
|
||||
},
|
||||
@@ -158,6 +162,7 @@ export default {
|
||||
toDetele(item) {
|
||||
this.deletShow = true
|
||||
this.deletId = item.id
|
||||
this.$refs?.[item.id]?.[0]?.handleClose()
|
||||
},
|
||||
|
||||
delet() {
|
||||
@@ -181,15 +186,18 @@ export default {
|
||||
uni-page-body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
::v-deep .content {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.tab-select {
|
||||
width: 100%;
|
||||
height: 96px;
|
||||
line-height: 96px;
|
||||
background: #3975C6;
|
||||
display: flex;
|
||||
|
||||
.item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
@@ -197,11 +205,13 @@ uni-page-body {
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
color: #CDDCF0;
|
||||
}
|
||||
|
||||
.active {
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
color: #fff;
|
||||
|
||||
span {
|
||||
width: 48px;
|
||||
height: 4px;
|
||||
@@ -213,9 +223,11 @@ uni-page-body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.iconfont-iconMore {
|
||||
// margin-top: 8px;
|
||||
}
|
||||
|
||||
.AppServicePublic {
|
||||
height: 100%;
|
||||
|
||||
@@ -235,19 +247,23 @@ uni-page-body {
|
||||
|
||||
::v-deep .AiCard {
|
||||
background: #f3f6f9;
|
||||
|
||||
.start {
|
||||
background: #fff;
|
||||
padding: 32px;
|
||||
border-radius: 16px;
|
||||
|
||||
.titles {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.left {
|
||||
.garydiv {
|
||||
font-size: 28px;
|
||||
@@ -256,6 +272,7 @@ uni-page-body {
|
||||
border-radius: 24px;
|
||||
padding: 4px 16px;
|
||||
}
|
||||
|
||||
.times {
|
||||
margin-left: 16px;
|
||||
font-size: 28px;
|
||||
@@ -266,12 +283,14 @@ uni-page-body {
|
||||
.right {
|
||||
font-size: 28px;
|
||||
color: #999;
|
||||
|
||||
.font {
|
||||
color: #4181ff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mask {
|
||||
.moreMenu {
|
||||
.menu {
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
<template>
|
||||
<div class="AppUniMsg">
|
||||
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
|
||||
<u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6"
|
||||
inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
|
||||
|
||||
<template v-if="datas.length > 0">
|
||||
<AiCard v-for="(item, i) in datas" :key="i" @click.native="toAdd(item, 1)">
|
||||
<AiCard v-for="(item, i) in datas" :ref="item.id" :key="i" @click.native="toAdd(item, 1)">
|
||||
<template #custom>
|
||||
<div class="titles">
|
||||
{{ item.title }}
|
||||
@@ -20,7 +21,8 @@
|
||||
</div>
|
||||
|
||||
<div class="imgs">
|
||||
<img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" v-if="i < 3" @click.stop="previewImage(item.images, items.url)" />
|
||||
<img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" v-if="i < 3"
|
||||
@click.stop="previewImage(item.images, items.url)"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -39,7 +41,8 @@
|
||||
<div class="addBtn iconfont iconfont-iconfangda" @tap.stop="toAdd()"/>
|
||||
</AiFixedBtn>
|
||||
|
||||
<u-modal v-model="deletShow" content="您确认要删除该条信息吗?" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
|
||||
<u-modal v-model="deletShow" content="您确认要删除该条信息吗?" :show-cancel-button="true" :mask-close-able="true"
|
||||
:show-title="false" @confirm="delet"></u-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -80,7 +83,9 @@ export default {
|
||||
onLoad() {
|
||||
this.getList()
|
||||
},
|
||||
onShow() {},
|
||||
onShow() {
|
||||
document.title= "小程序公告"
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
this.$http
|
||||
@@ -109,17 +114,16 @@ export default {
|
||||
},
|
||||
|
||||
toAdd(item, type) {
|
||||
console.log(type)
|
||||
if (item?.id) {
|
||||
this.$refs?.[item.id]?.[0]?.handleClose()
|
||||
}
|
||||
if (type == '1') {
|
||||
console.log('详情')
|
||||
uni.navigateTo({url: `./Detail?id=${item.id}`})
|
||||
}
|
||||
if (type == '2') {
|
||||
console.log('编辑')
|
||||
uni.navigateTo({url: `./Add?id=${item.id}`})
|
||||
}
|
||||
if (type == null) {
|
||||
console.log('添加')
|
||||
uni.navigateTo({url: `./Add`})
|
||||
}
|
||||
},
|
||||
@@ -127,6 +131,7 @@ export default {
|
||||
toDetele(item) {
|
||||
this.deletShow = true
|
||||
this.deletId = item.id
|
||||
this.$refs?.[item.id]?.[0]?.handleClose()
|
||||
},
|
||||
|
||||
delet() {
|
||||
@@ -161,36 +166,45 @@ export default {
|
||||
uni-page-body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.AppUniMsg {
|
||||
height: 100%;
|
||||
|
||||
::v-deep .AiCard {
|
||||
background: #f3f6f9;
|
||||
|
||||
.start {
|
||||
background: #fff;
|
||||
padding: 32px;
|
||||
border-radius: 16px;
|
||||
|
||||
.fill {
|
||||
.titles {
|
||||
font-size: 30px;
|
||||
color: #333;
|
||||
font-family: 500;
|
||||
}
|
||||
|
||||
.imgs {
|
||||
margin-top: 10px;
|
||||
|
||||
img {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
img:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mask {
|
||||
.moreMenu {
|
||||
transform: translate(-175px, 20px);
|
||||
|
||||
.menu {
|
||||
text-align: center;
|
||||
line-height: 80px;
|
||||
|
||||
Reference in New Issue
Block a user