详情页面修改,保单提交修改

This commit is contained in:
pangxingyue
2021-03-05 16:15:40 +08:00
parent 23c7377a96
commit e379fc8167
5 changed files with 929 additions and 0 deletions

View File

@@ -0,0 +1,57 @@
<template>
<div :class="gutter ? 'mb10' : ''">
<van-cell is-link>
<template #title>
<slot name="boxTitle">
<span class="title">{{ title }}</span>
</slot>
</template>
<template #right-icon>
<slot name="right-title"></slot>
<van-icon v-show="!isOpened" name="arrow-down" @click.native="isOpened = !isOpened" />
<van-icon v-show="isOpened" name="arrow-up" @click.native="isOpened = !isOpened" />
</template>
</van-cell>
<div class="content bg-white" v-show="isOpened">
<slot>
<p style="text-align: center;" class="p10">暂无内容</p>
</slot>
</div>
<slot name="footer"></slot>
</div>
</template>
<script>
export default {
name: 'DropdownBox',
props: {
gutter: {
type: Boolean,
default: true
},
title: {
type: String,
default: ''
}
},
data() {
return {
isOpened: true
}
}
}
</script>
<style lang="scss" scoped>
.title {
color: #ff0000;
font-weight: bold;
}
/deep/ .van-cell {
display: flex;
align-items: center;
}
</style>

View File

@@ -0,0 +1,55 @@
<template>
<van-field label-width="12.2em">
<template #label>
<slot name="cellLabel">
<span :style="styleObj">{{ label }}</span>
</slot>
</template>
<template #input>
<slot>
<span :style="styleObj">{{ value }}</span>
</slot>
</template>
</van-field>
</template>
<script>
import { Field } from 'vant'
export default {
name: 'InfoCell',
components: {
[Field.name]: Field
},
props: {
value: {
type: [String, Number],
default: '暂无数据',
required: false
},
label: {
type: String
},
color: {
type: String,
default: '#000'
}
},
computed: {
styleObj() {
return {
color: this.color
}
}
},
data() {
return {}
},
created() {}
}
</script>
<style lang="scss" scoped>
/deep/ .van-field__control {
text-align: center;
}
</style>

View File

@@ -0,0 +1,33 @@
<template>
<van-radio-group v-model="result">
<van-radio :disabled="disabled" :name="1" />
<van-radio checked-color="#19970e" v-show="false" :name="2" />
</van-radio-group>
</template>
<script>
import { Radio, RadioGroup } from 'vant'
export default {
name: 'StateRadio',
components: {
[Radio.name]: Radio,
[RadioGroup.name]: RadioGroup
},
props: {
result: {
type: Number,
default: 2
}
},
computed: {
disabled() {
return this.result !== 1
}
},
data() {
return {}
}
}
</script>
<style lang="scss" scoped></style>