This commit is contained in:
2023-10-12 15:54:10 +08:00
parent 59471e0f1a
commit 415a58fedf
19 changed files with 365 additions and 189 deletions

View File

@ -11,7 +11,7 @@
/*每个页面公共css */
page {
// background-color: #F4F5F7;
background-color: #F4F5F7;
}
.app {

View File

@ -0,0 +1,12 @@
import request from "@/api/request.js"
//解约
export function rescindapplysave(data, region) {
return request({
url: `/applet/rescind/apply/save`,
method: 'post',
data: data,
header: {
region: region
}
})
}

View File

@ -44,4 +44,4 @@ export function getPackageByCrowdNo(data, region) {
region: region
}
})
}
}

View File

@ -114,4 +114,4 @@
padding-left: 10rpx;
}
}
}
}

View File

@ -86,11 +86,7 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
.app {
.card {
background-color: #fff;

View File

@ -39,6 +39,13 @@
<input v-model="formdata.phone" class="uinput noimageuinput" placeholder="请输入患者联系电话" type="text"
placeholder-class="phsy" />
</view>
<view class="text">
选择医生
</view>
<view class="select">
<text>请选择医生</text>
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="title">
<view class="left">
@ -227,10 +234,6 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
padding-top: 10rpx;
width: 100%;
@ -273,6 +276,44 @@
border-radius: 5rpx;
padding-bottom: 50rpx;
.select {
width: 90%;
height: 80rpx;
background: #F6F6F6;
margin: 12rpx auto;
border-radius: 5rpx;
display: flex;
position: relative;
text {
padding: 0 60rpx 0 20rpx;
line-height: 80rpx;
font-size: 22rpx;
font-weight: 400;
height: 80rpx;
color: #8E8E8E;
// text-overflow: -o-ellipsis-lastline;
// overflow: hidden;
// text-overflow: ellipsis;
// display: -webkit-box;
// -webkit-line-clamp: 1;
// line-clamp: 1;
// -webkit-box-orient: vertical;
// white-space:normal;
// word-break:break-all;
}
image {
width: 9rpx;
height: 17rpx;
position: absolute;
right: 40rpx;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.textarea {
font-size: 18rpx;
font-weight: 400;

View File

@ -74,11 +74,7 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
.app {
width: 96%;
margin: 16rpx auto;
color: #666666;

View File

@ -47,11 +47,7 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
.app {
background-color: #fff;
width: 96%;
margin: 20rpx auto 0;

View File

@ -114,10 +114,6 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
width: 96%;
margin: 20rpx auto;

View File

@ -1,6 +1,3 @@
page {
background-color: #F4F5F7;
}
.app {
color: #333333;

View File

@ -1,6 +1,4 @@
page {
background-color: #F4F5F7;
}
.app {
background-color: #F4F5F7;
width: 100%;

View File

@ -80,10 +80,6 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
width: 96%;
margin: 20rpx auto;
@ -178,4 +174,4 @@
}
}
}
</style>
</style>

View File

@ -0,0 +1,220 @@
.app {
width: 96%;
margin: 20rpx auto;
background-color: #fff;
padding-bottom: 50rpx;
font-size: 31rpx;
.mask {
background-color: #fff;
width: 100%;
position: relative;
height: 100%;
padding-top: 80rpx;
.titletext {
width: 100%;
padding: 40rpx 30rpx 0;
display: flex;
.select {
width: 60%;
height: 63rpx;
border: 2rpx solid #d0d0d0;
border-radius: 5rpx;
display: flex;
position: relative;
flex: 1;
text {
height: 63rpx;
padding: 0 60rpx 0 20rpx;
line-height: 63rpx;
font-weight: 400;
color: gray;
font-size: 24rpx;
// text-overflow: -o-ellipsis-lastline;
// overflow: hidden;
// text-overflow: ellipsis;
// display: -webkit-box;
// -webkit-line-clamp: 1;
// line-clamp: 1;
// -webkit-box-orient: vertical;
// white-space:normal;
// word-break:break-all;
}
image {
width: 9rpx;
height: 17rpx;
position: absolute;
right: 40rpx;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
}
.btnss {
display: flex;
text-align: center;
border-top: 1rpx solid #f6f6f6;
font-size: 32rpx;
line-height: 100rpx;
width: 100%;
position: absolute;
bottom: 0;
.cancel {
width: 50%;
height: 100rpx;
border-right: 0.5rpx solid #f6f6f6;
}
.Rescind {
width: 50%;
height: 100rpx;
color: #55d0df;
border-left: 0.5rpx solid #f6f6f6;
}
}
textarea {
padding: 10rpx 20rpx;
font-size: 24rpx;
border: 1rpx solid #d0d0d0;
flex: 1;
}
text {
display: inline-block;
padding-left: 20rpx;
width: 200rpx;
height: 50rpx;
font-size: 28rpx;
line-height: 50rpx;
color: #333333;
}
}
.btns {
width: 100%;
display: flex;
justify-content: space-evenly;
padding-bottom: 100rpx;
.leftbtn,
.rightbtn {
width: 290rpx;
height: 62rpx;
background: #FFFFFF;
border: 1px solid #26A888;
border-radius: 5rpx;
text-align: center;
font-weight: 500;
color: #26A888;
line-height: 62rpx;
}
.rightbtn {
color: #fff;
background: #26A888;
}
}
.lookbtn {
margin: 50rpx auto 0;
width: 497rpx;
height: 62rpx;
background: #FFFFFF;
border: 1px solid #26A888;
border-radius: 5rpx;
font-weight: 500;
color: #26A888;
text-align: center;
line-height: 62rpx;
}
.border {
width: 94%;
height: 2rpx;
margin: 60rpx auto 30rpx;
background: #E6E6E6;
}
.item {
width: 100%;
padding: 30rpx 50rpx 0 50rpx;
font-size: 30rpx;
font-weight: 400;
color: #333333;
word-break: break-all;
}
.flexitem {
display: flex;
justify-content: space-between;
.right {
display: flex;
align-items: flex-end;
image {
width: 30rpx;
height: 30rpx;
}
text {
padding-left: 10rpx;
}
}
}
.name {
width: 100%;
font-size: 38rpx;
font-weight: 500;
color: #333333;
padding: 60rpx 50rpx 0 50rpx;
display: flex;
align-items: flex-end;
.text {
margin-right: 40rpx;
}
.card {
font-size: 18rpx;
font-weight: 400;
color: #FFA115;
padding: 0 15rpx;
height: 35rpx;
line-height: 35rpx;
background: #FFFFFF;
border: 1px solid #FFA115;
border-radius: 5rpx;
margin-right: 14rpx;
text-align: center;
}
}
.title {
width: 100%;
padding: 20rpx 0 0 30rpx;
display: flex;
align-items: flex-end;
.text {
font-size: 28rpx;
font-weight: 500;
color: #000000;
padding-left: 20rpx;
}
image {
width: 35rpx;
height: 35rpx;
}
}
}

View File

@ -73,17 +73,48 @@
<view class="border">
</view>
<view class="btns">
<view class="leftbtn">
<view class="leftbtn" @tap='maskshow = true'>
申请解约
</view>
<view class="rightbtn" @tap='gocontractsigningprotocol'>
查看签约协议
</view>
</view>
<u-popup v-model="maskshow" mode="center" length="90%" closeable height="50%">
<view class="mask" @tap.stop=''>
<view class="titletext">
<text>解约类型</text>
<view class="select" @tap='maskshowtwo=true'>
<text v-if="list.rescindName">{{list.rescindName}}</text>
<text v-else>请选择解约类型</text>
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="titletext">
<text>解约原因</text>
<textarea name="" id="" cols="30" rows="10" style="width: 60%;color: gray;" placeholder="请输入解决原因"
v-model="list.rescindReason"></textarea>
</view>
<view class="btnss">
<view class="cancel" @click="maskshowtwo=false">
取消
</view>
<view class="Rescind" @click="rescindapplysaveinfo">
解约
</view>
</view>
</view>
</u-popup>
<u-toast ref="uToast" />
<u-select v-model="maskshowtwo" mode="single-column" :list="maskshowtwolist" @confirm="maskshowtwoconfirm"
z-index='10076'></u-select>
</view>
</template>
<script>
import {
rescindapplysave
} from '@/api/pagesB/mysigning/index.js'
import {
detail,
} from '@/api/pages/homepage/homepage.js'
@ -91,15 +122,54 @@
data() {
return {
list: {},
maskshow: false,
maskshowtwo: false,
maskshowtwolist: [{
value: 1,
label: '主动解约'
},
{
value: 2,
label: '迁出'
}, {
value: 3,
label: '死亡'
}, {
value: 4,
label: '到期'
}, {
value: 5,
label: '其他'
},
],
};
},
methods: {
//
rescindapplysaveinfo() {
rescindapplysave(this.list).then(res => {
if (res.code == 200) {
this.$refs.uToast.show({
title: '您已解约成功',
type: 'success',
})
setTimeout(() => {
uni.switchTab({
url: "/pages/homepage/homepage"
})
}, 2000)
}
})
},
//
detailinfo() {
// detail(uni.getStorageSync('userinfo').cardNo, this.region).then(res => {
detail('372424194703207523', '1').then(res => {
if (res.code == 200) {
this.list = res.data
this.list.rescindType = null
this.list.rescindName = null
this.list.rescindReason = null
this.list.crowdsName = this.list.crowdsName.split(',')
this.list.packagesName = this.list.packagesName.split(',')
}
@ -132,6 +202,10 @@
// url: `/pagesC/seekadvicefrom/seekadvicefrom?item=${JSON.stringify(this.list)}`
// })
},
maskshowtwoconfirm(e) {
this.list.rescindType = e[0].value
this.list.rescindName = e[0].label
},
},
onLoad(options) {
this.detailinfo();
@ -140,135 +214,5 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
width: 96%;
margin: 20rpx auto;
background-color: #fff;
padding-bottom: 50rpx;
font-size: 31rpx;
.btns {
width: 100%;
display: flex;
justify-content: space-evenly;
padding-bottom: 100rpx;
.leftbtn,
.rightbtn {
width: 290rpx;
height: 62rpx;
background: #FFFFFF;
border: 1px solid #26A888;
border-radius: 5rpx;
text-align: center;
font-weight: 500;
color: #26A888;
line-height: 62rpx;
}
.rightbtn {
color: #fff;
background: #26A888;
}
}
.lookbtn {
margin: 50rpx auto 0;
width: 497rpx;
height: 62rpx;
background: #FFFFFF;
border: 1px solid #26A888;
border-radius: 5rpx;
font-weight: 500;
color: #26A888;
text-align: center;
line-height: 62rpx;
}
.border {
width: 94%;
height: 2rpx;
margin: 60rpx auto 30rpx;
background: #E6E6E6;
}
.item {
width: 100%;
padding: 30rpx 50rpx 0 50rpx;
font-size: 30rpx;
font-weight: 400;
color: #333333;
word-break: break-all;
}
.flexitem {
display: flex;
justify-content: space-between;
.right {
display: flex;
align-items: flex-end;
image {
width: 30rpx;
height: 30rpx;
}
text {
padding-left: 10rpx;
}
}
}
.name {
width: 100%;
font-size: 38rpx;
font-weight: 500;
color: #333333;
padding: 60rpx 50rpx 0 50rpx;
display: flex;
align-items: flex-end;
.text {
margin-right: 40rpx;
}
.card {
font-size: 18rpx;
font-weight: 400;
color: #FFA115;
padding: 0 15rpx;
height: 35rpx;
line-height: 35rpx;
background: #FFFFFF;
border: 1px solid #FFA115;
border-radius: 5rpx;
margin-right: 14rpx;
text-align: center;
}
}
.title {
width: 100%;
padding: 20rpx 0 0 30rpx;
display: flex;
align-items: flex-end;
.text {
font-size: 28rpx;
font-weight: 500;
color: #000000;
padding-left: 20rpx;
}
image {
width: 35rpx;
height: 35rpx;
}
}
}
</style>
@import './mysigning.scss';
</style>

View File

@ -48,10 +48,6 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
width: 96%;
margin: 20rpx auto;
@ -109,4 +105,4 @@
margin-bottom: 20rpx;
}
}
</style>
</style>

View File

@ -1,8 +1,4 @@
page {
background-color: #F4F5F7;
}
.app {
.app {
width: 96%;
margin: 20rpx auto;
background-color: #F7F5F5;

View File

@ -105,7 +105,7 @@
</view>
<view class="name">
签约周期()
<u-input v-model="query.signYears" type='number' :border="true" placeholder="请输入签约周期(单位年)" />
<u-input v-model="query.signYears" type='number' :border="true" placeholder="请输入签约周期(单位年)"/>
</view>
<view class=" signing">
<view class="agency">

View File

@ -1,7 +1,3 @@
page {
background-color: #F4F5F7;
}
.app {
width: 100%;

View File

@ -142,10 +142,6 @@
</script>
<style lang="scss">
page {
background-color: #F4F5F7;
}
.app {
width: 94%;
margin: 20rpx auto;