发票抬头完成

This commit is contained in:
itgaojian163 2025-05-19 15:14:51 +08:00
parent a9036ae31b
commit dca694bdb4
4 changed files with 698 additions and 7 deletions

View File

@ -0,0 +1,78 @@
import {
request
} from "./http.js";
import {
get
} from "../cache/storage.js";
// 公共API
const apiPath = {
mineInvoiceOrderList: '/api/invoicerecharge/recharge-listpage/{userId}/{status}', //可以开具发票的订单
mineInvoiceList: '/api/invoice-config/listpage/{userId}', //我的开票信息
saveInvoiceInfo: '/api/invoice-config/save/{userId}', //保存开票信息
updateInvoiceInfo: '/api/invoice-config/update/{invoiceId}', //修改开票信息
deleteInvoiceInfo: '/api/invoice-config/remove/{ids}', //删除开票信息
mineInvoiceRecordList: '/api/invoicerecharge/listpage/{userId}', //我的开票记录
saveInvoiceRecord: '/api/invoicerecharge/save/{userId}', // 保存开票申请
updateInvoiceRecord: '/api/invoicerecharge/update/{invoiceRechargeId}', //修改开票申请
cancelInvoiceRecord: '/api/invoicerecharge/cancel/{invoiceRechargeId}', //取消开票申请
dicByPId: '/api/data/listbyparentid/{pId}', //数据字典
}
class InvoiceApi {
//获取可以开具发票的订单
static doGetMineInvoiceOrderList(data, status) {
const userId = get('userId')
const path = apiPath.mineInvoiceOrderList.replace('{userId}', userId).replace('{status}', status)
return request(path, "GET", data, null, 'plug')
}
static doGetDicListByPId(id) {
const path = apiPath.dicByPId.replace('{pId}', id)
return request(path, "GET")
}
//我的开票信息
static doGetMineInvoiceList(data) {
const userId = get('userId')
const path = apiPath.mineInvoiceList.replace('{userId}', userId)
return request(path, "GET", data, null, 'plug')
}
//保存我的开票信息
static doSaveMineInvoiceInfo(data) {
const userId = get('userId')
const path = apiPath.saveInvoiceInfo.replace('{userId}', userId)
return request(path, "POST", data, null, 'plug')
}
//编辑开票信息
static doUpdateMineInvoiceInfo(id, data) {
const path = apiPath.updateInvoiceInfo.replace('{invoiceId}', id)
return request(path, "PUT", data, null, 'plug')
}
//删除开票信息
static doDelMineInvoiceInfo(id) {
const path = apiPath.deleteInvoiceInfo.replace('{ids}', id)
return request(path, "DELETE", null, null, 'plug')
}
//开票申请列表
static doGetInvoiceRecordList(data) {
const userId = get('userId')
const path = apiPath.mineInvoiceRecordList.replace('{userId}', userId)
return request(path, "GET", data, null, 'plug')
}
//取消开票申请
static doCancelInvoiceRecord(id) {
const path = apiPath.cancelInvoiceRecord.replace('{invoiceRechargeId}', id)
return request(path, "PUT", null, null, 'plug')
}
//提交开票申请
static doSaveInvoiceRecord(data) {
const userId = get('userId')
const path = apiPath.saveInvoiceRecord.replace('{userId}', userId)
return request(path, "POST", data, null, 'plug')
}
//修改开票申请
static doUpdateInvoiceRecord(id, data) {
const path = apiPath.updateInvoiceRecord.replace('{invoiceRechargeId}', id)
return request(path, 'PUT', data, null, 'plug')
}
}
export default InvoiceApi;

View File

@ -125,4 +125,16 @@
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3MzAyNjYxODQ1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU2MDMiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTQyNi42MjQgOTYuNTY4ODg5TDcxLjMxMDIyMiA0NTEuMzg0ODg5YTQ5LjEyMzU1NiA0OS4xMjM1NTYgMCAwIDAgMCA2OS41NDY2NjdsMzU1LjMxMzc3OCAzNTQuODQ0NDQ0YzcuMjUzMzMzIDcuMjY3NTU2IDE3LjA5NTExMSAxMS4zNjM1NTYgMjcuMzYzNTU2IDExLjM3Nzc3OGw0LjI2NjY2Ni0wLjIxMzMzNGEzOC42NTYgMzguNjU2IDAgMCAwIDM0LjQ3NDY2Ny0zOC40VjY0MS4wNTI0NDRsMTEuNzE5MTExIDAuNDU1MTEyYTUxMi44ODE3NzggNTEyLjg4MTc3OCAwIDAgMSAzOTUuMzc3Nzc4IDIxNS4xODIyMjJsNTIuMDUzMzMzIDc0LjA0MDg4OSAxMS42MDUzMzMtODkuNzg0ODg5YTQ3MS40NjY2NjcgNDcxLjQ2NjY2NyAwIDAgMCAzLjc1NDY2Ny01OS40MzQ2NjdsLTAuMDk5NTU1LTEwLjczNzc3OGMtNS42ODg4ODktMjUwLjMxMTExMS0yMTAuODU4NjY3LTQ1Mi4zNjYyMjItNDY2Ljc3MzMzNC00NjMuMzg4NDQ0bC03LjU2NjIyMi0wLjI0MTc3OFYxMjMuOTYwODg5YTM4LjY5ODY2NyAzOC42OTg2NjcgMCAwIDAtNjYuMDYyMjIyLTI3LjI5MjQ0NWwtMC4xMTM3NzgtMC4wOTk1NTV6IiBmaWxsPSIjRkU5OTQ0IiBwLWlkPSI1NjA0Ij48L3BhdGg+PC9zdmc+');
background-size: cover;
background-repeat: no-repeat;
}
.icon-location-yellow {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ1NzQzODkzOTMwIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjUxMzEiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUzNi4yMTcgOTAuNjljLTE2OC4wMjcgMC0zMDIuNTI0IDEzNC40OTctMzAyLjUyNCAzMDIuNTI0IDAgMTIwLjk2MSA4Ny4wNTYgMjE1LjA5NSAxODEuMTkxIDMzNi4wNTUgMzIuNzg2IDQ1Ljk0OSA1OC44NjYgOTEuOSA5Mi4wMjMgMTUwLjI2OCAxLjc0IDMuMTA1IDMuOTc0IDUuOTYxIDYuNTgyIDguMzIxIDUuNTg4IDUuMDkxIDEyLjA0NyA5LjQzOCAyMi43MjYgOS40Mzh2MGMxMS40MjUgMCAxOC4wMDctNC44NDQgMjMuODQ0LTEwLjQzMiAxLjk4Ni0xLjg2MiAzLjcyNi00LjA5OCA1LjIxNy02LjMzNCAzMy4xNTgtNTIuNDA5IDU5LjM2Mi05OC40ODEgOTIuMjczLTE0NC41NTYgOTQuMTM1LTEyNy42NjYgMTgxLjE5MS0yMjEuODAxIDE4MS4xOTEtMzQyLjc2MSAwLTE2OC4wMjctMTM0LjQ5Ny0zMDIuNTI0LTMwMi41MjQtMzAyLjUyNHYwek01MzYuMjE3IDQ5NC4wNTVjLTUzLjc3NCAwLTEwMC44NDItNDAuMzYyLTEwMC44NDItMTAwLjg0MnM0MC4zNjItMTAwLjg0MiAxMDAuODQyLTEwMC44NDJjNTMuNzc0IDAgMTAwLjg0MiA0MC4zNjIgMTAwLjg0MiAxMDAuODQyIDAgNTMuNzc0LTQwLjM2MiAxMDAuODQyLTEwMC44NDIgMTAwLjg0MnYweiIgcC1pZD0iNTEzMiIgZmlsbD0iI0ZFOTk0NCI+PC9wYXRoPjxwYXRoIGQ9Ik01MzYuMjE3IDc3MC42MjRjLTE0MC4zMzQgMC0yNTQuMDkxIDUzLjUyNS0yNTQuMDkxIDExOS40N3MxMTMuNzU3IDExOS40NyAyNTQuMDkxIDExOS40NyAyNTQuMDkxLTUzLjUyNSAyNTQuMDkxLTExOS40Ny0xMTMuNzU3LTExOS40Ny0yNTQuMDkxLTExOS40N3pNNTM2LjIxNyA5MzguNjUxYy0xMDUuNTYxIDAtMTkxLjAwMy0zNy41MDUtMTkxLjAwMy03OC43MzVzODUuNTY2LTc0Ljg4NiAxOTEuMDAzLTc0Ljg4NiAxOTEuMDAzIDMzLjUzMiAxOTEuMDAzIDc0Ljg4Ni04NS41NjYgNzguNzM1LTE5MS4wMDMgNzguNzM1eiIgcC1pZD0iNTEzMyIgZmlsbD0iI0ZFOTk0NCI+PC9wYXRoPjwvc3ZnPg==');
background-size: cover;
background-repeat: no-repeat;
}
.icon-edit-blue {
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB0PSIxNzQ3NjM4NDE1Nzg2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM3OTgiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTIxNy42IDc5My42aDU2My4yYzIwLjQ4IDAgMzguNCAxNy45MiAzOC40IDM4LjRzLTE3LjkyIDM4LjQtMzguNCAzOC40SDIxNy42Yy0yMC40OCAwLTM4LjQtMTUuMzYtMzguNC0zOC40IDAtMjAuNDggMTcuOTItMzguNCAzOC40LTM4LjR6IiBmaWxsPSIjQTNDQ0ZGIiBwLWlkPSIzNzk5Ij48L3BhdGg+PHBhdGggZD0iTTc5My42IDM0MC40OGwtNTguODggNjYuNTYtMTk5LjY4LTIwNC44IDYxLjQ0LTY0YzEyLjgtMTUuMzYgMzMuMjgtMTUuMzYgNDguNjQgMGwxNDguNDggMTUzLjZjMTIuOCAxMi44IDEyLjggMzMuMjggMCA0OC42NHpNMTk5LjY4IDU0Mi43MmwyOTEuODQtMzA0LjY0IDE5OS42OCAyMDQuOC0yOTEuODQgMzA0LjY0SDE5OS42OHYtMjA0Ljh6IiBmaWxsPSIjMjU4OUZGIiBwLWlkPSIzODAwIj48L3BhdGg+PC9zdmc+');
background-size: cover;
background-repeat: no-repeat;
}

View File

@ -120,13 +120,19 @@
"navigationBarTitleText": "",
"enablePullDownRefresh": true
}
},
{
"path" : "pages/copyright/applyRepair/applyRepair",
"style" :
{
"navigationBarTitleText" : ""
}
},
{
"path": "pages/copyright/applyRepair/applyRepair",
"style": {
"navigationBarTitleText": ""
}
},
{
"path": "pages/mine/mineAccount/invoiceInfo/invoiceInfo",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": true
}
}
],
"globalStyle": {

View File

@ -0,0 +1,595 @@
<template>
<view class="page-container">
<view class="condition-box">
<view class="condition-input-box">
<view class="condition-input-container">
<icon class="ml-20" type="search" size="20"></icon>
<input class="condition-input-text" :value="keywords" @input="inputKeywords"
@confirm="doSearchKeyWord" placeholder-style="font-size:28rpx;" type="text"
confirm-type="search" placeholder="搜索" />
<view class="icon-clear size-32 mr-10" v-if="keywords != ''" @click="clearSearch"></view>
</view>
<view class="add-btn" @click="showCreate">新增</view>
</view>
</view>
<view style="margin-top: 80rpx;">
<ContainerLoading :loadingVisible="loadingState" @refresh="doRefreshList">
<scroll-view scroll-y style="height: 80vh;" :lower-threshold="100" refresher-background="#FFFFFF00"
@scrolltolower="doLoadMore">
<view class="order-box">
<block v-for="(item,index) in invoiceInfoList" :key="index">
<view class="order-item">
<view class="contact-desc">
<view class="contact-icon single-line">
<view class="icon-user-default-blue size-48"></view>
<view class="ml-10 name single-line">{{item.invoiceName}}</view>
</view>
<view class="operate-box">
<view class="icon-edit-blue size-48 mr-10" @click="showEdit" :data-value="item">
</view>
<view class="icon-del-red size-48" @click="showDel" :data-value="item"></view>
</view>
</view>
<view class="service-desc ml-10">纳税识别号:{{item.invoiceNumber}}</view>
<view v-if="item.invoiceOrgtel != ''" class="service-desc ml-10">
企业电话:{{item.invoiceOrgtel}}</view>
<view class="service-desc ml-5" v-if="item.invoiceOrgaddress != ''">
<view class="icon-location-yellow size-32"></view>
<view class="ml-10">{{item.invoiceOrgaddress}}</view>
</view>
</view>
</block>
<uni-load-more :status="hasMore"></uni-load-more>
</view>
</scroll-view>
</ContainerLoading>
</view>
<uni-popup ref="operateDialog" type="bottom" background-color="#fff" border-radius="15rpx 15rpx 0rpx 0rpx">
<view class="bottom-dialog-container">
<view class="dialog-title-box">
<view class="icon-close size-48" @click="closeDialog"></view>
<view class="dialog-title-txt">{{isCreate?'新增':'编辑'}}</view>
</view>
<view class="form-box">
<view class="form-item">
<text class="form-item-title star" decode>&ensp;&emsp;&ensp;</text>
<input confirm-type="next" type="text" :adjust-position="true" :cursor-spacing="50"
:value="companyName" placeholder="请输入公司名称" class="form-item-content"
@input="inputCompanyName" />
</view>
<view class="form-item">
<text class="form-item-title star">纳税人识别号</text>
<input confirm-type="next" type="text" :adjust-position="true" :cursor-spacing="50"
:value="companyTinNum" placeholder="请输入纳税人识别号" class="form-item-content"
@input="inputCompanyTinNum" />
</view>
<view class="form-item">
<text class="form-item-title" decode>&ensp;&emsp;&ensp;</text>
<input confirm-type="next" type="text" :adjust-position="true" :cursor-spacing="50"
:value="companyAddress" placeholder="请输入公司地址" class="form-item-content"
@input="inputCompanyAddress" />
</view>
<view class="form-item">
<text class="form-item-title" decode>&ensp;&emsp;&ensp;</text>
<input confirm-type="next" type="text" :adjust-position="true" :cursor-spacing="50"
:value="companyPhone" placeholder="请输入公司电话" class="form-item-content"
@input="inputCompanyPhone" />
</view>
<view class="form-item">
<text class="form-item-title" decode>&emsp;&ensp;&ensp;&emsp;</text>
<input confirm-type="next" type="text" :adjust-position="true" :cursor-spacing="50"
:value="companyBank" placeholder="请输入开户行" class="form-item-content"
@input="inputCompanyBank" />
</view>
<view class="form-item">
<text class="form-item-title" decode> </text>
<input confirm-type="next" type="text" :adjust-position="true" :cursor-spacing="50"
:value="companyBankNum" placeholder="请输入开户行账号" class="form-item-content"
@input="inputCompanyBankNum" />
</view>
</view>
<view>
<view v-if="isCreate" class="confirm-btn" @click="doAdd">提交</view>
<view v-if="!isCreate" class="confirm-btn" @click="doEdit">保存</view>
</view>
</view>
</uni-popup>
<uni-popup type="message" ref="msg">
<uni-popup-message :type="msgType" :message="msgHint" :duration="2000"></uni-popup-message>
</uni-popup>
</view>
</template>
<script>
import ContainerLoading from '@/components/container-loading.vue'
import InvoiceApi from '../../../../common/js/net/InvoiceApi';
import {
isValidPhone
} from '@/common/js/validator.js'
import {
inject
} from 'vue';
export default {
components: {
ContainerLoading
},
setup() {
const globalData = inject('globalData')
return {
globalData
}
},
data() {
return {
imgAssets: this.globalData.imgAssetsUrl,
localAssets: this.globalData.localAssets,
keywords: '',
pageData: {
page: 1,
rows: 10,
keywords: ''
},
msgHint: '',
msgType: 'error',
loadingState: 'loading',
listRefreshTrig: false,
isLoadMore: false,
hasMore: 'more',
createDialog: false,
title: '开票信息',
isCreate: true, // or
companyName: '', //
companyAddress: '', //
companyPhone: '', //
companyBank: '', //
companyBankNum: '', //
companyTinNum: '', //
btnTxt: '提交',
invoiceInfoList: [], //
tempItem: null,
};
},
onLoad(options) {
uni.setNavigationBarTitle({
title: "发票抬头",
});
uni.setNavigationBarColor({
frontColor: "#000000",
backgroundColor: "#F0F0F0",
animation: {
duration: 500,
timingFunc: "easeIn",
},
});
this.doRefreshList()
},
methods: {
closeDialog() {
this.companyName = ''
this.companyAddress = ''
this.companyPhone = ''
this.companyBank = ''
this.companyBankNum = ''
this.companyTinNum = ''
this.tempItem = null
this.$refs.operateDialog.close()
},
showEdit(e) {
this.tempItem = e.currentTarget.dataset.value
this.isCreate = false
this.companyName = this.tempItem.invoiceName
this.companyAddress = this.tempItem.invoiceOrgaddress
this.companyPhone = this.tempItem.invoiceOrgtel
this.companyBank = this.tempItem.invoiceBank
this.companyBankNum = this.tempItem.invoiceBanknumber
this.companyTinNum = this.tempItem.invoiceNumber
this.$refs.operateDialog.open()
},
showDel(e) {
const item = e.currentTarget.dataset.value
const _self = this
uni.showModal({
title: '警告',
content: '您确定要删除该开票信息吗?',
success(res) {
if (res.confirm) {
_self.doDel(item)
}
}
})
},
showCreate() {
this.companyName = ''
this.companyAddress = ''
this.companyPhone = ''
this.companyBank = ''
this.companyBankNum = ''
this.companyTinNum = ''
this.tempItem = null
this.isCreate = true
this.$refs.operateDialog.open()
},
inputCompanyName(e) {
this.companyName = e.detail.value
},
inputCompanyAddress(e) {
this.companyAddress = e.detail.value
},
inputCompanyPhone(e) {
this.companyPhone = e.detail.value
},
inputCompanyBank(e) {
this.companyBank = e.detail.value
},
inputCompanyBankNum(e) {
this.companyBankNum = e.detail.value
},
inputCompanyTinNum(e) {
this.companyTinNum = e.detail.value
},
inputKeywords(e) {
this.keywords = e.detail.value
},
doSearchKeyWord() {
this.doRefreshList()
},
clearSearch() {
this.keywords = ''
this.doRefreshList()
},
doRefreshList() {
console.log('正在刷新...')
const _self = this
_self.loadingState = 'loading'
_self.hasMore = 'more'
_self.pageData.page = 1
_self.pageData.keywords = _self.keywords
_self.isLoadMore = false
_self.doGetInvoiceInfoList(true)
},
doLoadMore() {
//
const _self = this
if (_self.data.isLoadMore || _self.hasMore == 'noMore') {
return
}
_self.isLoadMore = true
_self.pageData.page = ++_self.pageData.page
_self.pageData.keywords = _self.keywords
_self.doGetInvoiceInfoList(false)
},
doGetInvoiceInfoList(isRefresh) {
const _self = this
_self.invoiceInfoList = isRefresh ? [] : _self.invoiceInfoList
_self.loadingState = isRefresh ? 'loading' : ''
InvoiceApi.doGetMineInvoiceList(_self.pageData)
.then(res => {
console.log(res)
var status = 'success'
status = res.rows && res.rows.length > 0 ? 'success' : 'empty'
_self.loadingState = isRefresh ? status : ''
_self.invoiceInfoList = _self.invoiceInfoList.concat(res.rows)
_self.isLoadMore = false
_self.hasMore = _self.invoiceInfoList.length < res.total ? 'more' : 'noMore'
})
.catch(err => {
_self.loadingState = 'error'
_self.isLoadMore = false
_self.hasMore = 'more'
})
},
//
doAdd() {
const isLegal = this.checkParams()
if (isLegal) {
const _self = this
uni.showLoading({
title: '提交中...',
})
const data = _self.buildParams()
InvoiceApi.doSaveMineInvoiceInfo(data)
.then(res => {
uni.hideLoading()
_self.$refs.operateDialog.close()
_self.msgType = 'success'
_self.msgHint = '新增开票信息成功'
_self.$refs.msg.open()
_self.companyAddress = ''
_self.companyBank = ''
_self.companyBankNum = ''
_self.companyName = ''
_self.companyPhone = ''
_self.companyTinNum = ''
_self.isCreate = true
_self.doRefreshList()
})
.catch(err => {
uni.hideLoading()
_self.msgType = 'error'
_self.msgHint = err.msg ? err.msg : '新增开票信息失败,请稍后重试'
_self.$refs.msg.open()
})
}
},
//
doEdit() {
const isLegal = this.checkParams()
if (isLegal) {
const _self = this
uni.showLoading({
title: '修改中...',
})
const data = _self.buildParams()
InvoiceApi.doUpdateMineInvoiceInfo(_self.tempItem.invoiceId, data)
.then(res => {
uni.hideLoading()
_self.$refs.operateDialog.close()
_self.msgType = 'success'
_self.msgHint = '修改开票信息成功'
_self.$refs.msg.open()
_self.companyAddress = ''
_self.companyBank = ''
_self.companyBankNum = ''
_self.companyName = ''
_self.companyPhone = ''
_self.companyTinNum = ''
_self.tempItem = null
_self.isCreate = true
_self.doRefreshList()
})
.catch(err => {
uni.hideLoading()
_self.msgType = 'error'
_self.msgHint = err.msg ? err.msg : '修改开票信息失败,请稍后重试'
_self.$refs.msg.open()
})
}
},
//
doDel(item) {
const _self = this
uni.showLoading({
title: '删除中...',
})
InvoiceApi.doDelMineInvoiceInfo(item.invoiceId)
.then(res => {
uni.hideLoading()
_self.msgHint = '删除成功'
_self.msgType = 'success'
_self.$refs.msg.open()
_self.doRefreshList()
})
.catch(err => {
uni.hideLoading()
_self.msgHint = err.msg ? err.msg : '删除失败,请稍后重试'
_self.msgType = 'error'
_self.$refs.msg.open()
})
},
buildParams() {
const _self = this
const data = {
invoiceType: "企业",
invoiceName: _self.companyName,
invoiceNumber: _self.companyTinNum,
invoiceOrgaddress: _self.companyAddress,
invoiceOrgtel: _self.companyPhone,
invoiceBank: _self.companyBank,
invoiceBanknumber: _self.companyBankNum,
}
return data
},
checkParams() {
if (this.companyName == '') {
this.msgHint = '请输入公司名称'
this.msgType = 'error'
this.$refs.msg.open()
return false
}
if (this.companyTinNum == '') {
this.msgHint = '请输入纳税人识别号'
this.msgType = 'error'
this.$refs.msg.open()
return false
}
if (this.companyPhone != '') {
if (!isValidPhone(this.companyPhone)) {
this.msgHint = '请输入正确公司电话'
this.msgType = 'error'
this.$refs.msg.open()
return false
}
}
return true
},
},
onPullDownRefresh() {
this.doRefreshList()
uni.stopPullDownRefresh()
},
};
</script>
<style lang="scss" scoped>
.condition-content-container {
background-color: $divider-color;
padding: 0rpx 30rpx;
height: 350rpx;
display: flex;
flex-direction: column;
}
.add-btn {
border-radius: 8rpx;
background-color: $btn-green-color;
color: rgba(255, 255, 255, 1);
font-size: 28rpx;
text-align: center;
height: 50rpx;
margin-left: 20rpx;
line-height: 50rpx;
font-family: PingFangSC-regular;
padding: 5rpx 10rpx;
}
.add-btn:active {
background-color: $btn-green-color-active;
}
.order-box {
display: flex;
flex-direction: column;
}
.order-item {
display: flex;
flex-direction: column;
background-color: $white-color;
border-radius: 15rpx;
}
.order-item:nth-of-type(n+2) {
margin-top: 20rpx;
}
.contact-desc {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 15px;
}
.contact-icon {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex: 1;
}
.operate-box {
display: flex;
flex-direction: row;
}
.name {
line-height: 32rpx;
flex: 1;
color: $text-color;
font-size: 28rpx;
text-align: left;
font-weight: bold;
font-family: SourceHanSansSC-black;
// display: -webkit-box;
// -webkit-box-orient: vertical;
// -webkit-line-clamp: 1;
// overflow: hidden;
// text-overflow: ellipsis;
}
.service-desc {
padding: 5rpx 15rpx 15rpx 30rpx;
line-height: 26rpx;
color: $text-gray-desc-color;
font-size: 26rpx;
text-align: left;
font-family: SourceHanSansSC-regular;
display: flex;
flex-direction: row;
align-items: center;
}
.edit {
line-height: 20px;
border-radius: 4px;
background-color: $btn-blue-color;
color: rgba(255, 255, 255, 1);
font-size: 24rpx;
text-align: center;
font-family: PingFangSC-regular;
padding: 5rpx 15rpx;
}
.edit:active {
background-color: $btn-blue-color-active;
}
.del {
line-height: 20px;
border-radius: 4px;
background-color: $btn-red-color;
color: rgba(255, 255, 255, 1);
font-size: 24rpx;
text-align: center;
font-family: PingFangSC-regular;
padding: 5rpx 15rpx;
margin-left: 5px;
}
.del:active {
background-color: $btn-red-color-active;
}
.options-box {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
min-width: 170rpx;
}
.form-box {
display: flex;
flex-direction: column;
justify-content: center;
padding: 20rpx;
}
.form-item {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 10rpx 0rpx;
}
.form-item-title {
flex: .5;
font-size: 28rpx;
color: $text-color;
font-weight: 500;
text-align: left;
}
.form-item-content {
flex: 1;
text-align: right;
background-color: $bg-gray-input-color;
padding: 15rpx;
font-size: 28rpx;
border-radius: 15rpx;
margin-left: 20rpx;
}
.confirm-btn {
background-color: $btn-green-color;
color: $white-color;
font-size: 28rpx;
height: 70rpx;
line-height: 70rpx;
border-radius: 5px;
width: 100% !important;
padding: 0rpx;
text-align: center;
}
.confirm-btn:active {
background-color: $btn-green-color-active;
color: $white-color;
}
</style>