detection-business/pages/safety/safety.vue
2024-09-11 15:55:28 +08:00

246 lines
4.0 KiB
Vue

<!-- -->
<template>
<view class="content">
<view class="top-heder">
<view class="t-left" @click="getfan()">
<uni-icons type="left" size="18"></uni-icons>
</view>
<view class="c-title">安全</view>
<view style="width: 5%; height: 10px;"></view>
</view>
<view class="mub">
<view class="xnmbox" @click="gochangepassword()">
<view class="">修改密码</view>
<view class="">
<uni-icons type="right" size="18"></uni-icons>
</view>
</view>
</view>
<!-- 底部 -->
</view>
</template>
<script>
import config from '@/config'
import request from '../../utils/request';
export default {
data() {
return {
msg:'3',
goodsList:[],
baseUrl:"http://192.168.1.4:8080/lanan",
partnerId:'',
isListing:1,
phoneNum:'',
goodsTitle:"",
taplist:[
{Text:'已发布',id:1},
{Text:'待上架',id:0},
],
pageNum: 1,//第几页
pageSize: 20,//一页多少张
totalPages: 0,//总数
}
},
onLoad() {
},
onShow() {
// this.baseUrl = this.$baseUrl
this.partnerId = uni.getStorageSync('partnerId')
},
methods: {
getfan(){
uni.navigateBack()
},
gochangepassword(){
uni.navigateTo({
url:'/pages/Login/modify'
})
}
}
}
</script>
<style scoped lang="scss">
.content {
box-sizing: border-box;
width: 100%;
height: calc(100vh);
background: white;
}
.dis{
width: 100%;
display: flex;
align-items: center;
}
.c-title{
font-weight: bold;
}
.top-heder{
width: 100%;
height: 88px;
background: white;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 5px 15px;
padding-top: 45px;
}
.t-left{
width: 10%;
}
.t-input{
width: 75%;
height: 36px;
background: #F0F0F0;
border-radius: 50px;
box-sizing: border-box;
padding: 0 15px;
display: flex;
align-items: center;
}
.top-ail{
width: 100%;
box-sizing: border-box;
padding: 15px;
background-color: #F4F4F4;
}
.sou{
width: 10%;
margin-left: 5px;
}
.mub{
background-color: #F4F4F4;
height: calc(100vh);
box-sizing: border-box;
padding: 10px 0px;
}
.dix{
display: flex;
align-items: center;
}
.xnmbox{
width: 95%;
box-sizing: border-box;
background-color: white;
padding: 10px 15px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0px auto;
border-radius: 6px;
}
.top-tap{
width: 100%;
height: 44px;
display: flex;
justify-content: space-between;
align-items: center;
}
.tap-box{
width: 50%;
height: 100%;
text-align: center;
font-size: 16px;
font-weight: 400;
color: #606266;
box-sizing: border-box;
padding-top: 10px;
}
.gang{
width: 30px;
height: 4px;
background: #0D2E8D;
border-radius: 4px;
margin: 4px auto;
}
.a-box{
width: 100%;
border-radius: 8px;
background-color: white;
box-sizing: border-box;
padding: 15px;
margin-bottom: 10px;
}
.t-box{
width: 100%;
box-sizing: border-box;
padding-bottom: 15px;
display: flex;
border-bottom: 1px solid #EEEEEE;
}
.s-img{
width: 110px;
height: 110px;
margin-right: 10px;
overflow: hidden;
border-radius: 8px;
image{
width: 100%;
height: 100%;
}
}
.s-right{
width: 100%;
}
.s-title{
font-size: 18px;
font-weight: bold;
color: #333333;
}
.s-hui{
font-size: 15px;
font-weight: 400;
color: #999999;
}
.s-ju{
font-size: 18px;
font-weight: bold;
color: #FF571A;
}
.d-bottom{
width: 100%;
box-sizing: border-box;
padding-top: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.bottom-box{
width: 66px;
height: 31px;
background: #DAE1F8;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
font-size: 15px;
font-weight: 400;
color: #0D2E8D;
margin-left: 5px;
}
.lan{
color: #0D2E8D !important;
}
.jsy{
width: 100%;
margin-top: 20px;
text-align: center;
color: #0D2E8D !important;
}
</style>