kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

屏蔽配置

Browse Source
This commit is contained in:
花有清香月有阴
2022-01-06 09:25:10 +08:00
parent 29772efd39
commit 0e5fe85948
2 changed files with 49 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/apps/AppHandSnapshot/AddSet.vue
View File

@@ -2,19 +2,18 @@
<div class="AddSet">
<div class="contents">
<u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
<u-form-item label="事项分组" prop="status" required :border-bottom="false" right-icon="arrow-right">
<u-input v-model="forms.status" placeholder="请选择事项分组" />
</u-form-item>
<u-form-item label="类别" prop="status" required :border-bottom="false">
<u-form-item label="事项分组" prop="title" required :border-bottom="false" right-icon="arrow-right">
<u-input v-model="forms.title" placeholder="请输入事项分组" />
</u-form-item>
<u-form-item label="类别" prop="status" required :border-bottom="false"> </u-form-item>
<div class="remove-item">
<img src="./components/img/remove-icon.png" alt="">
<img src="./components/img/remove-icon.png" alt="" />
<div class="input">
<u-input v-model="forms.status" placeholder="请输入" />
</div>
</div>
<div class="remove-item">
<img src="./components/img/add-icon.png" alt="">
<img src="./components/img/add-icon.png" alt="" />
<div class="input color-2270F1">添加分类</div>
</div>
</u-form>
@@ -23,7 +22,7 @@
<!-- <div class="btn" @click="submit">保存</div> -->
<div class="footer">
<div class="remove">删除</div>
<div class="confirm">保存</div>
<div class="confirm" @click="submit">保存</div>
</div>
</div>
</template>
@@ -41,7 +40,7 @@ export default {
fileIds: [],
},
flag: false,
show: false
show: false,
}
},
methods: {
@@ -50,8 +49,8 @@ export default {
this.$refs.uForm.validate((valid) => {
if (valid) {
if (!this.forms.content) {
return this.$u.toast('请选择转交人')
if (!this.forms.title) {
return this.$u.toast('请输入事项分组')
}
const imgs = []
@@ -63,7 +62,7 @@ export default {
this.flag = true
this.$http
.post(`/app/appvisitvondolence/addOrUpdate`, {
.post(`/app/appclapeventgroup/addOrUpdate`, {
title: this.forms.title,
content: this.forms.content,
// images: JSON.stringify(imgs) || [],
@@ -88,8 +87,8 @@ export default {
toSelectUser() {
console.log(123)
uni.navigateTo({url: './SelectUser'})
}
uni.navigateTo({ url: './SelectUser' })
},
},
}
</script>
@@ -144,24 +143,24 @@ export default {
}
}
}
.remove-item{
.remove-item {
padding: 42px 0 42px 32px;
box-sizing: border-box;
background-color: #fff;
img{
img {
width: 36px;
height: 36px;
margin-right: 12px;
vertical-align: middle;
}
.input{
.input {
display: inline-block;
width: calc(100% - 48px);
height: 36px;
line-height: 36px;
}
.color-2270F1{
color: #2270F1;
.color-2270F1 {
color: #2270f1;
font-size: 30px;
font-family: PingFangSC-Regular, PingFang SC;
line-height: 42px;
@@ -181,7 +180,7 @@ export default {
color: #ffffff;
}
.footer{
.footer {
position: fixed;
bottom: 0;
width: 100%;
@@ -190,7 +189,7 @@ export default {
padding: 32px;
display: flex;
justify-content: space-between;
div{
div {
height: 92px;
line-height: 92px;
box-sizing: border-box;
@@ -200,15 +199,15 @@ export default {
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
}
.remove{
.remove {
flex: 1;
border: 1px solid #f46;
color: #f46;
margin-right: 32px;
}
.confirm{
.confirm {
flex: 2;
background: #3975C6;
background: #3975c6;
color: #fff;
}
}

59
src/apps/AppHandSnapshot/AppHandSnapshot.vue
View File

@@ -1,15 +1,10 @@
<template>
<div class="AppHandSnapshot">
<component
v-if="refresh"
:is="component"
@change="onChange"
:params="params">
</component>
<component v-if="refresh" :is="component" @change="onChange" :params="params"> </component>
<div class="tabs" v-if="isTab">
<div class="item" @click="tabClick(index, item.component)" v-for="(item, index) in tabs" :key="index">
<img :src="tabIndex == index ? item.activeImg : item.img" alt="">
<p :class="tabIndex == index ? 'color-3267F0' : ''">{{item.text}}</p>
<img :src="tabIndex == index ? item.activeImg : item.img" alt="" />
<p :class="tabIndex == index ? 'color-3267F0' : ''">{{ item.text }}</p>
</div>
</div>
</div>
@@ -26,38 +21,38 @@ export default {
data() {
return {
component: 'Set',
component: 'List',
params: {},
refresh: true,
tabIndex: 2,
tabIndex: 0,
tabs: [
{
img: require('./components/img/handle-icon.png'),
activeImg: require('./components/img/handle-icon-active.png'),
text: '办理',
component: 'List'
component: 'List',
},
{
img: require('./components/img/statistics-icon.png'),
activeImg: require('./components/img/statistics-icon-active.png'),
text: '统计',
component: 'Statistics'
component: 'Statistics',
},
{
img: require('./components/img/set-icon.png'),
activeImg: require('./components/img/set-icon-active.png'),
text: '配置',
component: 'Set'
}
// {
// img: require('./components/img/set-icon.png'),
// activeImg: require('./components/img/set-icon-active.png'),
// text: '配置',
// component: 'Set'
// }
],
isTab: true
isTab: true,
}
},
components: {
List,
Statistics,
Set
Set,
},
methods: {
@@ -72,10 +67,10 @@ export default {
this.$nextTick(() => {
this.refresh = true
})
}
},
},
onShow() {
document.title = "随手拍"
document.title = '随手拍'
uni.$on('hideTab', () => {
this.isTab = false
})
@@ -85,40 +80,40 @@ export default {
},
onReachBottom() {
uni.$emit('nextList')
}
},
}
</script>
<style lang="scss" scoped>
.AppHandSnapshot{
.AppHandSnapshot {
height: 100%;
}
.tabs{
.tabs {
width: 100%;
height: 98px;
background: #FFF;
background: #fff;
border-top: 1px solid #ddd;
position: fixed;
bottom: 0;
left: 0;
display: flex;
.item{
.item {
flex: 1;
text-align: center;
img{
img {
width: 56px;
height: 56px;
margin-top: 8px;
}
p{
p {
font-size: 22px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #C4CAD4;
color: #c4cad4;
line-height: 8px;
}
.color-3267F0{
color: #3267F0;
.color-3267F0 {
color: #3267f0;
}
}
}