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 */ /*每个页面公共css */
page { page {
// background-color: #F4F5F7; background-color: #F4F5F7;
} }
.app { .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

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

View File

@ -39,6 +39,13 @@
<input v-model="formdata.phone" class="uinput noimageuinput" placeholder="请输入患者联系电话" type="text" <input v-model="formdata.phone" class="uinput noimageuinput" placeholder="请输入患者联系电话" type="text"
placeholder-class="phsy" /> placeholder-class="phsy" />
</view> </view>
<view class="text">
选择医生
</view>
<view class="select">
<text>请选择医生</text>
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view> </view>
<view class="title"> <view class="title">
<view class="left"> <view class="left">
@ -227,10 +234,6 @@
</script> </script>
<style lang="scss"> <style lang="scss">
page {
background-color: #F4F5F7;
}
.app { .app {
padding-top: 10rpx; padding-top: 10rpx;
width: 100%; width: 100%;
@ -273,6 +276,44 @@
border-radius: 5rpx; border-radius: 5rpx;
padding-bottom: 50rpx; 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 { .textarea {
font-size: 18rpx; font-size: 18rpx;
font-weight: 400; font-weight: 400;

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

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 class="border">
</view> </view>
<view class="btns"> <view class="btns">
<view class="leftbtn"> <view class="leftbtn" @tap='maskshow = true'>
申请解约 申请解约
</view> </view>
<view class="rightbtn" @tap='gocontractsigningprotocol'> <view class="rightbtn" @tap='gocontractsigningprotocol'>
查看签约协议 查看签约协议
</view> </view>
</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> </view>
</template> </template>
<script> <script>
import {
rescindapplysave
} from '@/api/pagesB/mysigning/index.js'
import { import {
detail, detail,
} from '@/api/pages/homepage/homepage.js' } from '@/api/pages/homepage/homepage.js'
@ -91,15 +122,54 @@
data() { data() {
return { return {
list: {}, list: {},
maskshow: false,
maskshowtwo: false,
maskshowtwolist: [{
value: 1,
label: '主动解约'
},
{
value: 2,
label: '迁出'
}, {
value: 3,
label: '死亡'
}, {
value: 4,
label: '到期'
}, {
value: 5,
label: '其他'
},
],
}; };
}, },
methods: { 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() { detailinfo() {
// detail(uni.getStorageSync('userinfo').cardNo, this.region).then(res => { // detail(uni.getStorageSync('userinfo').cardNo, this.region).then(res => {
detail('372424194703207523', '1').then(res => { detail('372424194703207523', '1').then(res => {
if (res.code == 200) { if (res.code == 200) {
this.list = res.data 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.crowdsName = this.list.crowdsName.split(',')
this.list.packagesName = this.list.packagesName.split(',') this.list.packagesName = this.list.packagesName.split(',')
} }
@ -132,6 +202,10 @@
// url: `/pagesC/seekadvicefrom/seekadvicefrom?item=${JSON.stringify(this.list)}` // 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) { onLoad(options) {
this.detailinfo(); this.detailinfo();
@ -140,135 +214,5 @@
</script> </script>
<style lang="scss"> <style lang="scss">
page { @import './mysigning.scss';
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> </style>

View File

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

View File

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

View File

@ -105,7 +105,7 @@
</view> </view>
<view class="name"> <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>
<view class=" signing"> <view class=" signing">
<view class="agency"> <view class="agency">

View File

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

View File

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