123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988 |
- <template>
- <view>
- <view class="headboxcon">
- <view class="contractin">
- <text class="tis">合同基础信息</text>
- <view class="tip">
- <text class="yu">合同名称</text>
- <text class="yuna">{{msg.name}}</text>
- </view>
- <view class="tip">
- <text class="yu">合同编号</text>
- <text class="yuna">{{msg.contractNo}}</text>
- </view>
- <view class="tipup">
- <text class="yu">合同附件</text>
- <view class="upbox">
- <u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1" multiple
- :maxCount="fileList1.length" :deletable="false"></u-upload>
- </view>
- </view>
- <view class="tipup">
- <text class="yu">发票附件</text>
- <view class="upbox">
- <u-upload :fileList="fileList2" @afterRead="afterRead" @delete="deletePic" name="2" multiple
- :maxCount="fileList2.length" :deletable="false"></u-upload>
- </view>
- </view>
- <view class="tipup">
- <text class="yu">贸易合同</text>
- <view class="upbox">
- <u-upload :fileList="fileList3" @afterRead="afterRead" @delete="deletePic" name="3" multiple
- :maxCount="fileList3.length" :deletable="false"></u-upload>
- </view>
- </view>
- <view class="tip" style="border-top: 1rpx solid #E8E8E8;margin-top: 20rpx;padding-top: 30rpx;">
- <text class="yu">合同状态</text>
- <text v-if="msg.statusText=='待审核'" :style="{'color':'#D05C39;'}">{{msg.statusText}}</text>
- <text v-if="msg.statusText=='失败'" :style="{'color':'#1F242A'}">{{msg.statusText}}</text>
- <text v-if="msg.statusText=='已删除'" :style="{'color':'#1F242A'}">{{msg.statusText}}</text>
- <text v-if="msg.statusText=='成功'" :style="{'color':'#D8AB5A'}">{{msg.statusText}}</text>
- </view>
- <view class="" >
- <view class="tipup " style="display: flex;flex-direction: column;">
- <text class="yu">审核反馈</text>
- <view>
- <textarea :placeholder="placehodertitle"
- style="background-color: #F6F6F6;width: 640rpx;height: 200rpx;border-radius: 20rpx;padding: 20rpx;box-sizing: border-box;margin:20rpx 0;margin-bottom: 30rpx;"
- v-model="feedback" :disabled="disabled"></textarea>
- </view>
- </view>
- <view class="tipup">
- <text class="yu">反馈截图</text>
- <view class="upbox" style="margin-bottom: 30rpx;" v-if="state==0">
- <u-upload :fileList="fileList4" @afterRead="afterRead" @delete="deletePic" name="4" multiple
- :maxCount="6" :disabled="disabled" :deletable="delablepic"></u-upload>
-
- </view>
- <view class="upbox" style="margin-bottom: 30rpx;" v-if="state==1">
- <u-upload :fileList="fileList4" @afterRead="afterRead" @delete="deletePic" name="4" multiple
- :maxCount="fileList4.length" :deletable="delablepic"></u-upload>
-
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="acpcardlist">
- <view class="lable " v-for="(item,index) in msg.contractDraft.result" :key="index">
- <view class="radiobox" v-if="editall">
- <radio :value="index" :checked="item.checked" color="#D8AB5A" @click="checkBox(item.id)" />
- </view>
- <view class="acpcard" @click="billDetail(item.id,index)">
- <view class="allmsg">
- <view class="acpcont">
- <view class="acpname">
- <text style="flex: 1;">{{item.name}}</text>
- <view class="tag">{{item.statusText}}</view>
- </view>
- <view class="acpinfo ">
- <text class="pt">汇票号码:{{item.draftNo}}</text>
- <text class="pt">金额:¥ {{item.money}}</text>
- <text class="pt">服务费:¥ {{item.serviceMoney}}</text>
- <text class="pt">承兑人:{{item.acceptorName}}</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="totalmanage ">
- <text style="color:#68625B;font-size: 28rpx;">合计:{{msg.contractDraft.total}}份</text>
- <view class=" maboxtitls" @click="editall=true">
- <view class="managebox">
- <image src="/static/img/manage.png" mode="aspectFit"></image>
- </view>
- <text style="padding-left: 15rpx;">管理</text>
- </view>
- </view>
- <view style="padding-bottom:150rpx;"></view>
- <view class="safebt"></view>
- <!-- <view class="newbill flex1" v-if="state==1&&msg.statusText=='失败'" >
- <view class="newbillbtn" @click="addBill">
- <text>新增汇票</text>
- </view>
- </view> -->
- <view class="newbill flex1" v-if="state==1&&msg.statusText=='成功'" >
- <view class="newbillbtn" @click="addBill">
- <text>新增汇票</text>
- </view>
-
- </view>
- <view class="newbill flex1" v-if="state==0">
- <view class="choosebtn">
- <view class="delbtn flex1" @click="examineFail()">审核失败</view>
- <view class="succbtn flex1" @click="examineSuccess()">审核成功</view>
- </view>
- </view>
- <!-- <view class="newbill flex1" >
- <view class="newbillbtn" @click="tryAgain">
- <text>重新提交</text>
- </view>
- </view> -->
- <view class="newbill flex1" v-if="msg.statusText=='失败'&&state==1">
- <view class="choosebtn">
- <view class="delbtn flex1" @click="tryAgain()">重新提交</view>
- <view class="succbtn flex1" @click="addBill()">新增汇票</view>
- </view>
-
- </view>
- <!-- 底部删除 -->
- <u-popup :show="editall&&state==1" @close="closeEidt" @open="openEidt" :overlay="false">
- <view class="editbox">
- <view class="chooseall flex6">
- <view class="leftchoose ">
- <radio :checked="quan" @click="makeSureAll" color="#D8AB5A"></radio>
- <text>全选</text>
- </view>
- <view class="surebtn" @click="selectDown">
- 完成
- </view>
- </view>
- <view class="choosebtn">
- <view class="delbtn flex1" @click="dele()">刪除</view>
- <view class="restorebtn flex1" @click="restore()">复原</view>
- </view>
- </view>
- </u-popup>
- <!-- 底部删除 -->
- <u-popup :show="editall&&state==0" @close="closeEidt" @open="openEidt" :overlay="false">
- <view class="editbox">
- <view class="chooseall flex6">
- <view class="leftchoose ">
- <radio :checked="quan" @click="makeSureAll" color="#D8AB5A"></radio>
- <text>全选</text>
- </view>
- <view class="anniu">
- <text class="usa" @click="dele()">删除</text>
- <text class="usa" @click="restore()">复原</text>
- <text @click="selectDown" class="usa">完成</text>
- </view>
- </view>
- <view class="choosebtn">
- <view class="delbtn flex1" @click="examineBillFail()">审核失败</view>
- <view class="restorebtn flex1" @click="examineBillSuccess()">审核成功</view>
- </view>
- </view>
- </u-popup>
- </view>
- </template>
- <script>
- let that
- import {
- mainUrl
- } from '@/http/baseUrl.js';
- export default {
- data() {
- return {
- editall: false,
- quan: false,
- state: 0,
- fileList1: [],
- fileList2: [],
- fileList3: [],
- fileList4: [],
- msg: '',
- id: '',
- fankui: '',
- feedback:'',
- disabled:false,
- delablepic:true,
- placehodertitle:'请输入审核反馈'
- }
- },
- onLoad(o) {
- that = this
- if (o.id) {
- this.id = o.id
- }
- this.state = this.$store.state.admin
- if(this.state==1){
- this.disabled=true
- this.delablepic=false
- }
-
- },
- onShow() {
- this.init()
- },
- methods: {
- init() {
- uni.showLoading()
- uni.$u.http.get(`/api/Contract/${this.id}`, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- this.msg = res
- this.msg.contractDraft.result.forEach(item => {
- item.checked = false
- })
- const newData1 = res.picList.map((item) => {
- return {
- url: item,
- }
- })
- this.fileList1 = newData1
- const newData2 = res.invoicePicList.map((item) => {
- return {
- url: item,
- }
- })
- this.fileList2 = newData2
- const newData3 = res.tradePicList.map((item) => {
- return {
- url: item,
- }
- })
- this.fileList3 = newData3
- if(res.feedbackPics){
-
- const newData4 = res.feedbackPics.map((item) => {
- return {
- url: item,
- }
- })
- this.fileList4 = newData4
- }
-
-
- if(this.state==1){
- if(res.feedback.length>0){
- this.feedback=res.feedback
- }else{
- this.feedback="无"
- }
- }else{
- if(res.feedback.length>0){
- this.feedback=res.feedback
- }else{
- this.placehodertitle="请输入审核反馈"
- }
- }
-
- }).catch((err) => {
- uni.hideLoading()
- console.log(err)
- })
- },
- openEidt() {
- this.editall = true
- },
- checkBox(id) {
- let list = this.msg.contractDraft.result
- list.forEach(item => {
- if (item.id == id) {
- item.checked = !item.checked
- }
- })
- this.msg.contractDraft.result = JSON.parse(JSON.stringify(list))
- },
- allSelect() {
- let list = this.msg.contractDraft.result
- if (this.quan) {
- list.forEach(item => {
- item.checked = true
- })
- } else {
- list.forEach(item => {
- item.checked = false
- })
- }
- this.msg.contractDraft.result = JSON.parse(JSON.stringify(list))
- },
- acpDetail() {
- uni.navigateTo({
- url: "/pages/alldeatil/acptdetail"
- })
- },
- addBill() {
- let obj = {
- contractId:this.id
- }
- uni.navigateTo({
- url: "/pages/alldeatil/addbill?obj="+ JSON.stringify(obj)
- })
- },
- billDetail(id, index) {
- // if(this.msg.statusText=="待审核"&&this.state==1){
- // return
- // }else{
- let obj = {
- id: id,
- index: index,
- contractId:this.id,
- statusText:this.msg.statusText
- }
- uni.navigateTo({
- url: "/pages/alldeatil/billdetail?obj=" + JSON.stringify(obj)
- })
- // }
-
- },
- makeSureAll() {
- this.quan = !this.quan
- this.allSelect()
- },
- selectDown() {
- this.editall = false
- this.quan = true
- let list = this.msg.contractDraft.result
- list.forEach(item => {
- item.checked = false
- })
- },
- tryAgain(){
- let obj=this.msg
-
-
- uni.navigateTo({
- url:"/pages/alldeatil/upcontract?obj="+JSON.stringify(obj)
- })
- },
- examineSuccess() {
- // let ids = []
- // ids.push(this.id)
-
- uni.showModal({
- title: '提示',
- content: "是否审核成功?",
- success: function(res) {
- if (res.confirm) {
-
- let form={
- id:Number(that.id),
- approveStatus: 1
- }
- if(that.fileList4.length>0){
- let feedbackPicList=[]
- that.fileList4.forEach(item=>{
- feedbackPicList.push(item.url)
- })
- form.feedbackPicList=feedbackPicList
- }
- let feedback=that.feedback
- if(feedback.length>0){
- form.feedback=feedback
- }
- // ={
- // feedback:feedback,
- // feedbackPicList:feedbackPicList
- // }
- uni.showLoading()
- uni.$u.http.post('api/Contract/approveContract',form, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- that.editall = false
- that.quan = false
- that.$toast("操作成功")
- setTimeout(() => {
- that.init()
- }, 500)
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
- } else if (res.cancel) {
- }
- }
- })
- },
- examineFail() {
- uni.showModal({
- title: '提示',
- content: "是否审核失败?",
- success: function(res) {
- if (res.confirm) {
-
- let form={
- id:Number(that.id),
- approveStatus: 2
- }
- if(that.fileList4.length>0){
- let feedbackPicList=[]
- that.fileList4.forEach(item=>{
- feedbackPicList.push(item.url)
- })
- form.feedbackPicList=feedbackPicList
- }
- let feedback=that.feedback
- if(feedback.length>0){
- form.feedback=feedback
- }
- // ={
- // feedback:feedback,
- // feedbackPicList:feedbackPicList
- // }
- uni.showLoading()
- uni.$u.http.post('api/Contract/approveContract',form, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- that.editall = false
- that.quan = false
- that.$toast("操作成功")
- setTimeout(() => {
- that.init()
- }, 500)
-
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
-
- } else if (res.cancel) {
-
- }
- }
- })
-
- },
- examineBillSuccess() {
- let ids = []
- this.msg.contractDraft.result.forEach(item => {
- if (item.checked) {
- ids.push(item.id)
- }
- })
- if (ids.length == 0) {
- that.$toast("请选择汇票")
- return
- }
- uni.showModal({
- title: '提示',
- content: "是否批量审核成功?",
- success: function(res) {
- if (res.confirm) {
- uni.showLoading()
- uni.$u.http.post('/api/Contract/contractDraft/manager', {
- ids: ids,
- operateType: 3
- }, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- that.editall = false
- that.quan = false
- that.$toast("操作成功")
- setTimeout(() => {
- that.init()
- }, 500)
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
- } else if (res.cancel) {
- }
- }
- })
- },
-
- examineBillFail() {
- let ids = []
- this.msg.contractDraft.result.forEach(item => {
- if (item.checked) {
- ids.push(item.id)
- }
- })
- if (ids.length == 0) {
- this.$toast("请选择汇票")
- return
- }
- uni.showModal({
- title: '提示',
- content: '是否审核失败?',
- success: function(res) {
- if (res.confirm) {
- uni.showLoading()
- uni.$u.http.post('/api/Contract/contractDraft/manager', {
- ids: ids,
- operateType: 4
- }, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- that.editall = false
- that.quan = false
- that.$toast("操作成功")
- setTimeout(() => {
- that.init()
- }, 500)
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
- } else if (res.cancel) {
- console.log('用户点击取消');
- }
- }
- });
- },
- dele() {
- let ids = []
- this.msg.contractDraft.result.forEach(item => {
- if (item.checked) {
- ids.push(item.id)
- }
- })
- if (ids.length == 0) {
- that.$toast("请选择汇票")
- return
- }
- uni.showModal({
- title: '提示',
- content: "是否删除汇票?",
- success: function(res) {
- if (res.confirm) {
- uni.showLoading()
- uni.$u.http.post('/api/Contract/contractDraft/manager', {
- ids: ids,
- operateType: 1
- }, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- that.editall = false
- that.quan = false
- that.$toast("操作成功")
- setTimeout(() => {
- that.init()
- }, 500)
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
- } else if (res.cancel) {
- }
- }
- })
- },
- restore() {
- let ids = []
- this.msg.contractDraft.result.forEach(item => {
- if (item.checked) {
- ids.push(item.id)
- }
- })
- if (ids.length == 0) {
- that.$toast("请选择汇票")
- return
- }
- uni.showModal({
- title: '提示',
- content: "是否复原汇票?",
- success: function(res) {
- if (res.confirm) {
- uni.showLoading()
- uni.$u.http.post('/api/Contract/contractDraft/manager', {
- ids: ids,
- operateType: 2
- }, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- that.editall = false
- that.quan = false
- that.$toast("操作成功")
- setTimeout(() => {
- that.init()
- }, 500)
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
- } else if (res.cancel) {
- }
- }
- })
- },
- deleContract() {
-
- let ids = []
- this.msg.contractDraft.result.forEach(item => {
- if (item.checked) {
- ids.push(item.id)
- }
- })
- if (ids.length == 0) {
- that.$toast("请选择汇票")
- return
- }
- uni.showModal({
- title: '提示',
- content: "是否删除汇票?",
- success: function(res) {
- if (res.confirm) {
-
- uni.showLoading()
- uni.$u.http.post('/api/Contract/contractDraft/manager', {
- ids: ids,
- operateType: 1
- }, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- that.editall = false
- that.quan = false
- that.$toast("操作成功")
- setTimeout(() => {
- that.init()
- }, 500)
-
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
-
- } else if (res.cancel) {
-
- }
- }
- })
-
- },
- restoreContract() {
- let ids = []
- this.msg.contractDraft.result.forEach(item => {
- if (item.checked) {
- ids.push(item.id)
- }
- })
-
- if (ids.length == 0) {
- that.$toast("请选择汇票")
- return
- }
- uni.showModal({
- title: '提示',
- content: "是否复原汇票?",
- success: function(res) {
- if (res.confirm) {
-
- uni.showLoading()
- uni.$u.http.post('/api/Contract/contractDraft/manager', {
- ids: ids,
- operateType: 2
- }, {
- custom: {
- auth: true
- }
- }).then((res) => {
- uni.hideLoading()
- that.editall = false
- that.quan = false
- that.$toast("操作成功")
- setTimeout(() => {
- that.init()
- }, 500)
-
- }).catch((err) => {
- uni.hideLoading()
- that.$toast(err.msg)
- })
-
- } else if (res.cancel) {
-
- }
- }
- })
-
- },
- // 删除图片
- deletePic(event) {
- this[`fileList${event.name}`].splice(event.index, 1)
- },
- // 新增图片
- async afterRead(event) {
- // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式
- let lists = [].concat(event.file)
- let fileListLen = this[`fileList${event.name}`].length
- lists.map((item) => {
- this[`fileList${event.name}`].push({
- ...item,
- status: 'uploading',
- message: '上传中'
- })
- })
- for (let i = 0; i < lists.length; i++) {
- const result = await this.uploadFilePromise(lists[i].url)
- let item = this[`fileList${event.name}`][fileListLen]
- this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
- status: 'success',
- message: '',
- url: result
- }))
- fileListLen++
- }
- },
- uploadFilePromise(url) {
- return new Promise((resolve, reject) => {
- let a = uni.uploadFile({
- url:mainUrl + '/api/File', // 仅为示例,非真实的接口地址
- filePath: url,
- name: 'File',
- header: {
- "User-Agent": "apifox/1.0.0 (https://www.apifox.cn)"
- },
- formData: {
- File: JSON.stringify(url),
- },
- success: (res) => {
- let request = JSON.parse(res.data)
- setTimeout(() => {
- resolve(request.data.file)
- }, 1000)
- }
- });
- })
- },
- }
- }
- </script>
- <style lang="scss">
- page {
- background-color: #F6F6F6 !important;
- }
- .headboxcon {
- margin: 20rpx 30rpx;
- background-color: #fff;
- border-radius: 20rpx;
- padding: 0 30rpx;
- box-sizing: border-box;
- .tis {
- font-size: 36rpx;
- font-weight: 600;
- display: block;
- padding: 30rpx 0;
- // width: 120rpx;
- padding-top: 50rpx;
- }
- .tipup {
- display: flex;
- padding-bottom: 30rpx;
- }
- .upbox {
- margin-left: 30rpx;
- // width: 490rpx;
- }
- .yu {
- display: block;
- // width: 120rpx;
- color: #BEBDBB;
- }
- .tip {
- padding-bottom: 30rpx;
- font-size: 28rpx;
- display: flex;
- justify-content: space-between;
- .yuna {}
- }
- }
- .searchbox {
- padding-left: 30rpx;
- box-sizing: border-box;
- background-color: #ECECEC;
- border-radius: 38rpx;
- // width: 688rpx;
- flex: 1;
- height: 75rpx;
- margin: 0 auto;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .acpcardlist {
- // margin-top: 140rpx;
- .acpcard {
- flex: 1;
- // width: 690rpx;
- // height: 333rpx;
- margin: 0 30rpx;
- // margin-top: 20rpx;
- background-color: #fff;
- border-radius: 20rpx;
- box-shadow: 0px 8rpx 20rpx 1rpx rgba(31, 36, 42, 0.08);
- .allmsg {
- display: flex;
- padding: 40rpx 30rpx;
- box-sizing: border-box;
- width: 100%;
- .cicle {
- width: 28rpx;
- height: 28rpx;
- border-radius: 50%;
- background-color: #D8AB5A;
- margin-top: 8rpx;
- }
- .acpcont {
- margin-left: 20rpx;
- width: 100%;
- .acpname {
- box-sizing: border-box;
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding-bottom: 30rpx;
- flex-grow: 1;
- width: 100%;
- // width: 572rpx;
- font-size: 36rpx;
- font-weight: 600;
- .tag {
- margin-left: 10rpx;
- font-weight: 500;
- border-radius: 10rpx;
- // font-size: 36rpx;
- color: #BEBDBB;
- text-align: center;
- }
- }
- }
- .acpinfo {
- border-top: 1rpx solid #E8E8E8;
- display: flex;
- flex: 1;
- flex-direction: column;
- font-size: 28rpx;
- color: #68625B;
- justify-content: space-between;
- box-sizing: border-box;
- .pt {
- padding-top: 20rpx;
- }
- }
- }
- }
- }
- .totalmanage {
- margin-top: 50rpx;
- margin-bottom: 100rpx;
- // position: fixed;
- bottom: 0;
- display: flex;
- justify-content: space-between;
- align-items: center;
- width: 100%;
- padding: 0 30rpx;
- box-sizing: border-box;
- .managebox {
- width: 23.8rpx;
- height: 29.7rpx;
- image {
- width: 100%;
- height: 100%;
- }
- }
- .maboxtitls {
- width: 160rpx;
- height: 60rpx;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 30rpx;
- background-color: #D9D9D9;
- // line-height: 60rpx;
- font-size: 28rpx;
- box-sizing: border-box;
- // align-items: center;
- }
- }
- .newbill {
- background-color: #fff;
- position: fixed;
- bottom: 0;
- padding-top: 10rpx;
- padding-bottom: 40rpx;
- width: 100%;
- z-index: 999;
- .newbillbtn {
- background: linear-gradient(to right, #FFE1AD, #D8AB5A);
- width: 474rpx;
- height: 88rpx;
- border-radius: 43rpx;
- box-shadow: 0 10rpx 20rpx 1rpx rgba(179, 116, 5, 0.2);
- line-height: 88rpx;
- color: #fff;
- text-align: center;
- }
- }
- </style>
|