17 changed files with 968 additions and 315 deletions
Unified View
Diff Options
-
+1 -1components/config/customerServicePopup.vue
-
+7 -0pages.json
-
+8 -6pages/index/center.vue
-
+10 -2pages/index/index.vue
-
+28 -54pages/index/order.vue
-
+331 -0pages_order/center/help.vue
-
+115 -0pages_order/center/systemSet.vue
-
+112 -65pages_order/mine/individualTeam.vue
-
+217 -48pages_order/mine/runningWater.vue
-
+40 -62pages_order/order/orderDetail.vue
-
+94 -77pages_order/product/productDetail.vue
-
+1 -0pages_order/static/center/1.svg
-
+1 -0pages_order/static/center/2.svg
-
+1 -0pages_order/static/center/3.svg
-
+1 -0pages_order/static/center/4.svg
-
+1 -0pages_order/static/order/2.svg
-
BINpages_order/static/order/copy.png
+ 1
- 1
components/config/customerServicePopup.vue
View File
+ 7
- 0
pages.json
View File
+ 8
- 6
pages/index/center.vue
View File
+ 10
- 2
pages/index/index.vue
View File
+ 28
- 54
pages/index/order.vue
View File
+ 331
- 0
pages_order/center/help.vue
View File
| @ -0,0 +1,331 @@ | |||||
| <template> | |||||
| <!-- 帮助与反馈 --> | |||||
| <view class="help"> | |||||
| <navbar title="帮助与反馈" leftClick @leftClick="$utils.navigateBack" /> | |||||
| <view class="help-box"> | |||||
| <view> | |||||
| <view class="help-issue"> | |||||
| <text>问题和意见</text> | |||||
| <text style="color: #BD3624;">*</text> | |||||
| </view> | |||||
| <uv-textarea v-model="value" :count="true" border="none" height="400" | |||||
| placeholder="请把发现的问题提交给我们，感谢您的参与(必填)" | |||||
| :text-style="{color:'#BCB7B7',fontSize:'28rpx'}" /> | |||||
| </view> | |||||
| <view> | |||||
| <view class="help-issue"> | |||||
| <text>问题截图</text> | |||||
| <text style="color: #BD3624;">*</text> | |||||
| </view> | |||||
| <view class="help-screenshot"> | |||||
| <uv-upload :fileList="fileList" multiple :maxCount="3" width="180rpx" | |||||
| height="180rpx" multiple @afterRead="afterRead" @delete="deleteImage"> | |||||
| <image src="../static/help/uploading.png" mode="aspectFill" | |||||
| style="width: 180rpx;height: 180rpx;" /> | |||||
| </uv-upload> | |||||
| </view> | |||||
| </view> | |||||
| <!-- <view> | |||||
| <view class="help-issue"> | |||||
| <text>联系方式</text> | |||||
| <text style="color: #BD3624;">*</text> | |||||
| </view> | |||||
| <uv-input placeholder="请输入联系方式" fontSize="24rpx" border="bottom" | |||||
| :custom-style="{backgroundColor: '#fff'}"> | |||||
| <template #prefix> | |||||
| <uv-text text="联系姓名" size="24rpx" margin="20rpx 10rpx 20rpx 10rpx" /> | |||||
| </template> | |||||
| </uv-input> | |||||
| <uv-input placeholder="请输入联系姓名" border="none" fontSize="24rpx" | |||||
| :custom-style="{backgroundColor: '#fff'}"> | |||||
| <template #prefix> | |||||
| <uv-text text="联系方式" size="24rpx" margin="20rpx 10rpx 20rpx 10rpx" /> | |||||
| </template> | |||||
| </uv-input> | |||||
| </view> --> | |||||
| <view class="help-button"> | |||||
| <view>确认</view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <template> | |||||
| <view class="page"> | |||||
| <navbar title="帮助与反馈" leftClick @leftClick="$utils.navigateBack"/> | |||||
| <view class="frame"> | |||||
| <!--帮助与反馈--> | |||||
| <view class="helpFeedback"> | |||||
| <view class="title"> 问题和意见 <span style="color: red;">*</span></view> | |||||
| <view class="desc"> | |||||
| <textarea placeholder="请把发现的问题提交给我们，感谢您的参与(必填)"/> | |||||
| </view> | |||||
| </view> | |||||
| <!--问题截图--> | |||||
| <view class="problemImg"> | |||||
| <view class="title">问题截图<span style="color: red;">*</span></view> | |||||
| <view class="img"> | |||||
| <uv-upload | |||||
| :fileList="fileList" | |||||
| :maxCount="5" | |||||
| multiple | |||||
| width="150rpx" | |||||
| height="150rpx" | |||||
| @delete="deleteImage" | |||||
| @afterRead="afterRead" | |||||
| :previewFullImage="true"> | |||||
| </uv-upload> | |||||
| </view> | |||||
| </view> | |||||
| <!--联系方式--> | |||||
| <view class="name_phone"> | |||||
| <view class="title">联系方式<span style="color: red;">*</span></view> | |||||
| <view class="items"> | |||||
| <view class="item"> | |||||
| <view>联系姓名</view> | |||||
| <view> | |||||
| <input placeholder="请输入联系姓名" clearable></input> | |||||
| </view> | |||||
| </view> | |||||
| <view class="item"> | |||||
| <view>联系电话</view> | |||||
| <view> | |||||
| <input placeholder="请输入联系电话" clearable></input> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <!--提交反馈--> | |||||
| <view class="btns"> | |||||
| <view @click="submitFeedback" class="btn"> | |||||
| 提交反馈 | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import topbar from "@/components/base/topbar.vue"; | |||||
| import tabber from "@/components/base/tabbar.vue"; | |||||
| export default { | |||||
| name: "helpFeedback", | |||||
| components: {tabber, topbar}, | |||||
| data() { | |||||
| return { | |||||
| fileList: [], | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| // 提交反馈 | |||||
| submitFeedback() { | |||||
| }, | |||||
| deleteImage(e) { | |||||
| this.fileList.splice(e.index, 1) | |||||
| }, | |||||
| afterRead(e) { | |||||
| let self = this | |||||
| e.file.forEach(file => { | |||||
| self.$Oss.ossUpload(file.url).then(url => { | |||||
| self.fileList.push({ | |||||
| url | |||||
| }) | |||||
| }) | |||||
| }) | |||||
| }, | |||||
| }, | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page { | |||||
| height: 100vh; | |||||
| background-color: #f2f5f5; | |||||
| .frame { | |||||
| padding: 40rpx; | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| justify-content: center; | |||||
| gap: 40rpx; | |||||
| .helpFeedback { | |||||
| .title { | |||||
| } | |||||
| .desc { | |||||
| margin-top: 20rpx; | |||||
| height: 300rpx; | |||||
| border-radius: 40rpx; | |||||
| overflow: hidden; | |||||
| padding: 20rpx; | |||||
| font-size: 28rpx; | |||||
| background-color: #fff; | |||||
| } | |||||
| } | |||||
| .problemImg { | |||||
| .img { | |||||
| margin-top: 20rpx; | |||||
| height: 150rpx; | |||||
| border-radius: 40rpx; | |||||
| overflow: hidden; | |||||
| padding: 20rpx; | |||||
| font-size: 28rpx; | |||||
| background-color: #fff; | |||||
| } | |||||
| } | |||||
| .name_phone { | |||||
| .title { | |||||
| } | |||||
| .items { | |||||
| margin-top: 20rpx; | |||||
| .item { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| background-color: #FFF; | |||||
| height: 80rpx; | |||||
| padding: 10rpx 0 0 20rpx; | |||||
| border-bottom: 1px solid #efefef; | |||||
| > view:nth-of-type(1) { | |||||
| width: 30%; | |||||
| // font-weight: 700; | |||||
| } | |||||
| > view:nth-of-type(2) { | |||||
| width: 70%; | |||||
| border-radius: 10rpx; | |||||
| overflow: hidden; | |||||
| input { | |||||
| background-color: #FFF; | |||||
| font-size: 28rpx; | |||||
| padding: 16rpx 8rpx 16rpx 15rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| .btns { | |||||
| width: 100%; | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| gap: 20rpx; | |||||
| .btn { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| width: 500rpx; | |||||
| height: 70rpx; | |||||
| border-radius: 40rpx; | |||||
| color: #FFF; | |||||
| font-size: 28rpx; | |||||
| margin: 20rpx 10rpx 0 0; | |||||
| background: $uni-color; | |||||
| //margin-top: 20rpx; | |||||
| border-radius: 40rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
| <script> | |||||
| export default { | |||||
| data() { | |||||
| return { | |||||
| value: "", | |||||
| fileList: [] | |||||
| } | |||||
| }, | |||||
| onLoad(args) { | |||||
| }, | |||||
| methods: { | |||||
| deleteImage(e){ | |||||
| this.fileList.splice(e.index, 1) | |||||
| }, | |||||
| afterRead(e){ | |||||
| let self = this | |||||
| e.file.forEach(file => { | |||||
| self.$Oss.ossUpload(file.url).then(url => { | |||||
| self.fileList.push({ | |||||
| url | |||||
| }) | |||||
| }) | |||||
| }) | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .help { | |||||
| .help-box { | |||||
| width: 92%; | |||||
| margin-left: 4%; | |||||
| .help-issue { | |||||
| margin: 20rpx; | |||||
| font-size: 28rpx; | |||||
| font-weight: 600; | |||||
| color: #333333; | |||||
| } | |||||
| .help-screenshot { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| background-color: #fff; | |||||
| padding: 20rpx; | |||||
| } | |||||
| .help-button { | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| font-size: 24rpx; | |||||
| flex-shrink: 0; | |||||
| margin-top: 60rpx; | |||||
| view { | |||||
| padding: 14rpx 120rpx; | |||||
| border-radius: 38rpx; | |||||
| } | |||||
| view:nth-child(1) { | |||||
| background: $uni-color; | |||||
| color: #fff; | |||||
| } | |||||
| view:nth-child(2) { | |||||
| color: #FFFDF6; | |||||
| background-color: #C83741; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 115
- 0
pages_order/center/systemSet.vue
View File
| @ -0,0 +1,115 @@ | |||||
| <template> | |||||
| <view class="page"> | |||||
| <navbar title='系统设置' leftClick @leftClick="$utils.navigateBack"/> | |||||
| <view class="frame"> | |||||
| <view class="content" v-for="(item, index) in list" :key="index"> | |||||
| <view class="title">{{ item.title }}</view> | |||||
| <view class="item" v-for="(item2, index) in item.itemList" :key="index" @click="tapItem(item2, index)"> | |||||
| <view class="key"> | |||||
| <view class="img"> | |||||
| <img :src="item2.leftIcon" style="width: 100%; height: 100%;"/> | |||||
| </view> | |||||
| <view class="text"> | |||||
| {{ item2.text }} | |||||
| </view> | |||||
| </view> | |||||
| <view class="value"> | |||||
| {{ item2.rightIcon }} | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| // import topbar from "@/components/base/topbar.vue"; | |||||
| // import tabber from "@/components/base/tabbar.vue"; | |||||
| export default { | |||||
| name: "systemSet", | |||||
| // components: {tabber, topbar}, | |||||
| data() { | |||||
| return { | |||||
| list: [ | |||||
| { | |||||
| title: `账号设置`, | |||||
| itemList: [ | |||||
| {leftIcon: "../static/center/1.svg", text: `切换账号`, rightIcon: ">"}, | |||||
| ] | |||||
| }, | |||||
| { | |||||
| title: `系统设置`, | |||||
| itemList: [ | |||||
| {leftIcon: "../static/center/1.svg", text: `清理缓存`, rightIcon: ">"}, | |||||
| {leftIcon: "../static/center/2.svg", text: `版本更新`, rightIcon: ">"}, | |||||
| {leftIcon: "../static/center/2.svg", text: `退出登录`, rightIcon: ">"}, | |||||
| ] | |||||
| }, | |||||
| ], | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| tapItem(item, index) { | |||||
| } | |||||
| }, | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| .page { | |||||
| background-color: #FFF; | |||||
| height: 100vh; | |||||
| .frame { | |||||
| padding: 40rpx; | |||||
| .content { | |||||
| margin-bottom: 40rpx; | |||||
| .title { | |||||
| font-size: 30rpx; | |||||
| color: #b0b0b0; | |||||
| } | |||||
| .item { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| padding: 20rpx 40rpx; | |||||
| .key { | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| align-items: center; | |||||
| color: #333333; | |||||
| font-size: 32rpx; | |||||
| .img { | |||||
| width: 40rpx; | |||||
| height: 40rpx; | |||||
| } | |||||
| .text { | |||||
| margin-left: 20rpx; | |||||
| } | |||||
| } | |||||
| .value { | |||||
| color: #999999; | |||||
| font-size: 36rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| } | |||||
| </style> | |||||
+ 112
- 65
pages_order/mine/individualTeam.vue
View File
+ 217
- 48
pages_order/mine/runningWater.vue
View File
| @ -1,88 +1,257 @@ | |||||
| <template> | <template> | ||||
| <view class="running-water"> | <view class="running-water"> | ||||
| <navbar :title="title[status]" leftClick @leftClick="leftClick" /> | <navbar :title="title[status]" leftClick @leftClick="leftClick" /> | ||||
| <view style="background-color: red;height: 250rpx;"> | |||||
| </view> | |||||
| <view class="sum"> | |||||
| <view class="left"> | |||||
| <view class="tiele">总佣金(元)</view> | |||||
| <view class="price">￥1240.00</view> | |||||
| <view class="btn">去提现</view> | |||||
| </view> | |||||
| <view class="right"> | |||||
| <view class="tiele">累计提现(元)</view> | |||||
| <view class="price">￥1240.00</view> | |||||
| <view class="btn">提现记录</view> | |||||
| </view> | |||||
| </view> | |||||
| <view class="searchCondition"> | |||||
| <!--搜索框--> | |||||
| <span style="margin-right: 40rpx;">金额明细</span> | |||||
| <view class="dateTimeCls"> | |||||
| <view class="date" @click="startDateOpen"> | |||||
| {{ queryParams.startDate }} | |||||
| <uv-datetime-picker ref="startDateRef" v-model="queryParams.startDate" mode="date" | |||||
| @confirm="startDateChange"></uv-datetime-picker> | |||||
| </view> | |||||
| <view class="image"> | |||||
| <image src="../static/order/2.svg" style="width: 100%;height: 100%"></image> | |||||
| </view> | |||||
| </view> | |||||
| <span style="margin: 0 20rpx;">-</span> | |||||
| <view class="dateTimeCls"> | |||||
| <view class="date" @click="endDateOpen"> | |||||
| {{ queryParams.endDate }} | |||||
| <uv-datetime-picker ref="endDateRef" v-model="queryParams.endDate" mode="date" | |||||
| @confirm="endDateChange"> | |||||
| </uv-datetime-picker> | |||||
| </view> | |||||
| <view class="image"> | |||||
| <image src="../static/order/2.svg" style="width: 100%;height: 100%"></image> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| <view class="tab-box"> | <view class="tab-box"> | ||||
| <view class="tab-box1" v-if="agentFlow && agentFlow.total"> | |||||
| <uv-cell center border :title="item.title" | |||||
| v-for="(item, index) in agentFlow.records" | |||||
| :value="x[item.type] + item.money" :label="item.createTime" /> | |||||
| <view class="tab-box1" v-if="agentFlow.records.length>0 && agentFlow.total>0"> | |||||
| <uv-cell center border :title="item.title" v-for="(item, index) in agentFlow.records" | |||||
| :value="x[item.type] + item.money" :label="item.createTime" /> | |||||
| </view> | </view> | ||||
| <view | |||||
| style="padding: 100rpx 0;" | |||||
| v-else> | |||||
| <uv-empty | |||||
| mode="history" | |||||
| textSize="28rpx" | |||||
| iconSize="100rpx"/> | |||||
| <view style="padding: 100rpx 0;" v-else> | |||||
| <uv-empty mode="history" textSize="28rpx" iconSize="100rpx" /> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import dayjs from "dayjs"; | |||||
| export default { | export default { | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| title : ['余额记录','提现记录','佣金记录'], | |||||
| agentFlow : { | |||||
| total : 0, | |||||
| records : [ | |||||
| { | |||||
| type : 0, | |||||
| money : 100, | |||||
| createTime : '2024-04-02 20:00', | |||||
| title : "佣金提现", | |||||
| queryParams: { | |||||
| pageNo: 1, | |||||
| pageSize: 10, | |||||
| startDate: dayjs(new Date()).subtract(30, 'day').format('YYYY-MM-DD'), | |||||
| endDate: dayjs(new Date()).format('YYYY-MM-DD'), | |||||
| }, | |||||
| title: ['余额记录', '提现记录', '佣金记录'], | |||||
| agentFlow: { | |||||
| total: 1, | |||||
| records: [{ | |||||
| type: 0, | |||||
| money: 100, | |||||
| createTime: '2024-04-02 20:00', | |||||
| title: "佣金提现", | |||||
| }, | }, | ||||
| { | { | ||||
| type : 0, | |||||
| money : 100, | |||||
| createTime : '2024-04-02 20:00', | |||||
| title : "佣金提现", | |||||
| type: 0, | |||||
| money: 100, | |||||
| createTime: '2024-04-02 20:00', | |||||
| title: "佣金提现", | |||||
| }, | }, | ||||
| { | { | ||||
| type : 0, | |||||
| money : 100, | |||||
| createTime : '2024-04-02 20:00', | |||||
| title : "佣金提现", | |||||
| type: 0, | |||||
| money: 100, | |||||
| createTime: '2024-04-02 20:00', | |||||
| title: "佣金提现", | |||||
| }, | }, | ||||
| ] | ] | ||||
| }, | }, | ||||
| x : ['+', '-' , '-' , '+'], | |||||
| status : 0, | |||||
| x: ['+', '-', '-', '+'], | |||||
| status: 0, | |||||
| } | } | ||||
| }, | }, | ||||
| onLoad(e) { | onLoad(e) { | ||||
| this.status = e.status | this.status = e.status | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| leftClick() { //返回钱包 | |||||
| leftClick() { //返回钱包 | |||||
| uni.navigateBack(-1) | uni.navigateBack(-1) | ||||
| }, | }, | ||||
| getAgentFlow(){ //获取流水记录 | |||||
| getAgentFlow() { //获取流水记录 | |||||
| let type = this.status; | let type = this.status; | ||||
| this.$api('getAgentFlow', { type }, res => { | |||||
| if(res.code == 200){ | |||||
| this.$api('getAgentFlow', { | |||||
| type | |||||
| }, res => { | |||||
| if (res.code == 200) { | |||||
| this.agentFlow = res.result | this.agentFlow = res.result | ||||
| } | } | ||||
| }) | }) | ||||
| }, | }, | ||||
| startDateChange(val) { | |||||
| this.$nextTick(() => { | |||||
| this.queryParams.startDate = dayjs(val.value).format("YYYY-MM-DD") | |||||
| // this.getData() | |||||
| }); | |||||
| }, | |||||
| startDateOpen() { | |||||
| this.$refs.startDateRef.open(); | |||||
| }, | |||||
| endDateChange(val) { | |||||
| this.$nextTick(() => { | |||||
| this.queryParams.endDate = dayjs(val.value).format("YYYY-MM-DD") | |||||
| // this.getData() | |||||
| }); | |||||
| }, | |||||
| endDateOpen() { | |||||
| this.$refs.endDateRef.open(); | |||||
| }, | |||||
| } | } | ||||
| } | } | ||||
| </script> | </script> | ||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||
| .running-water{ | |||||
| width: 750rpx; | |||||
| background: #F5F5F5; | |||||
| margin: 0 auto; | |||||
| min-height: 100vh; | |||||
| .tab-box{ | |||||
| margin: 20rpx; | |||||
| background-color: #fff; | |||||
| border-radius: 20rpx; | |||||
| overflow: hidden; | |||||
| .running-water { | |||||
| width: 750rpx; | |||||
| margin: 0 auto; | |||||
| min-height: 100vh; | |||||
| position: absolute; | |||||
| background: #F5F5F5; | |||||
| .tab-box { | |||||
| margin: 20rpx; | |||||
| // margin-top: 100rpx; | |||||
| background-color: #fff; | |||||
| border-radius: 20rpx; | |||||
| overflow: hidden; | |||||
| } | |||||
| .sum { | |||||
| display: flex; | |||||
| justify-content: center; | |||||
| gap: 100rpx; | |||||
| width: 90%; | |||||
| height: 200rpx; | |||||
| margin-top: 20rpx; | |||||
| padding: 20rpx; | |||||
| border: 1px solid #fff; | |||||
| background-color: #fff; | |||||
| z-index: 999; | |||||
| border-radius: 40rpx; | |||||
| box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); | |||||
| position: absolute; | |||||
| top: 220rpx; | |||||
| left: 20rpx; | |||||
| .left { | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| .title { | |||||
| font-size: 28rpx; | |||||
| } | |||||
| .price { | |||||
| font-size: 30rpx; | |||||
| font-weight: 700; | |||||
| color: #dc2929; | |||||
| } | |||||
| .btn { | |||||
| padding: 10rpx 15rpx; | |||||
| border: 1px solid #dc2929; | |||||
| color: #dc2929; | |||||
| border-radius: 20rpx; | |||||
| } | |||||
| } | |||||
| .right { | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| .title { | |||||
| font-size: 28rpx; | |||||
| } | |||||
| .price { | |||||
| font-size: 30rpx; | |||||
| font-weight: 700; | |||||
| color: #dc2929; | |||||
| } | |||||
| .btn { | |||||
| padding: 10rpx 15rpx; | |||||
| border: 1px solid #dc2929; | |||||
| color: #dc2929; | |||||
| border-radius: 20rpx; | |||||
| } | |||||
| } | |||||
| } | |||||
| .searchCondition { | |||||
| display: flex; | |||||
| width: 100vw; | |||||
| padding: 0 40rpx; | |||||
| padding-top: 130rpx; | |||||
| background-color: #fff; | |||||
| .dateTimeCls { | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| width: 30%; | |||||
| border: 1px solid #b0b2b3; | |||||
| padding: 5rpx; | |||||
| border-radius: 20rpx; | |||||
| .date { | |||||
| font-size: 25rpx; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| width: 80%; | |||||
| height: 100%; | |||||
| color: #b0b2b3; | |||||
| } | |||||
| .image { | |||||
| width: 20%; | |||||
| height: 100%; | |||||
| } | |||||
| } | |||||
| } | |||||
| } | } | ||||
| } | |||||
| </style> | |||||
| </style> | |||||
+ 40
- 62
pages_order/order/orderDetail.vue
View File
+ 94
- 77
pages_order/product/productDetail.vue
View File
+ 1
- 0
pages_order/static/center/1.svg
View File
| @ -0,0 +1 @@ | |||||
| <svg xmlns="http://www.w3.org/2000/svg" width="15.777" height="12.51" viewBox="0 0 15.777 12.51"><defs><style>.a{fill:#333;stroke:#333;stroke-width:0.5px;}</style></defs><g transform="translate(0.26 0.281)"><path class="a" d="M324.545,108.387h14.168a.545.545,0,0,0,.385-.93l-3.814-3.814a.545.545,0,0,0-.77.77L337.4,107.3H324.545a.545.545,0,1,0,0,1.09Zm14.168,2.18H324.545a.545.545,0,0,0-.385.93l3.814,3.814a.544.544,0,1,0,.77-.77l-2.883-2.885h12.851a.545.545,0,1,0,0-1.09Zm0,0" transform="translate(-324 -103.491)"/></g></svg> | |||||
+ 1
- 0
pages_order/static/center/2.svg
View File
| @ -0,0 +1 @@ | |||||
| <svg xmlns="http://www.w3.org/2000/svg" width="12.261" height="11.947" viewBox="0 0 12.261 11.947"><defs><style>.a{fill:#030000;}</style></defs><g transform="translate(-1.497 -0.015)"><path class="a" d="M366.7,79.826a.1.1,0,0,0-.019.034l-.617,2.278a.394.394,0,0,0,.1.377.389.389,0,0,0,.373.1L368.782,82s.005,0,.008,0a.1.1,0,0,0,.07-.03l6-6.049a.971.971,0,0,0,.276-.692,1.189,1.189,0,0,0-.35-.828l-.567-.572a1.172,1.172,0,0,0-.822-.353.961.961,0,0,0-.687.278l-6,6.051c-.006.006,0,.014-.009.021Zm7.576-4.5-.6.6-.967-.99.588-.592a.279.279,0,0,1,.38.027l.567.573a.313.313,0,0,1,.093.217.232.232,0,0,1-.065.164Zm-6.508,4.592,4.333-4.366.967.991L368.745,80.9l-.976-.982m-.79,1.77.313-1.158.835.841-1.148.317m7.678-3.965a.417.417,0,0,0-.415.418v5.011a1.229,1.229,0,0,1-1.161,1.164H364.87c-.523,0-1.066-.517-1.162-1.479V75.207c0-1.194.868-1.165,1.162-1.165h5.47a.417.417,0,0,0,0-.834h-5.533c-.716,0-1.927.449-1.927,1.622V82.9a1.983,1.983,0,0,0,1.927,2.251h8.338a1.816,1.816,0,0,0,1.927-1.936V78.142a.418.418,0,0,0-.414-.416Zm0,0" transform="translate(-361.383 -73.193)"/></g></svg> | |||||
+ 1
- 0
pages_order/static/center/3.svg
View File
| @ -0,0 +1 @@ | |||||
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.933" height="11.947" viewBox="0 0 11.933 11.947"><defs><style>.a{fill:none;}.b{clip-path:url(#a);}</style><clipPath id="a"><rect class="a" width="11.933" height="11.947"/></clipPath></defs><g transform="translate(-1.661 -0.011)"><g transform="translate(-296.339 0.011)"><g transform="translate(298)"><g class="b" transform="translate(0)"><path d="M309.922,4.772a2.761,2.761,0,0,0-.119-1.192c-.278-.437-.675-.358-1.351-.358h-2.82V1.872a4.328,4.328,0,0,0-.04-.755A1.384,1.384,0,0,0,304.8.164a1.646,1.646,0,0,0-.636-.119,2.109,2.109,0,0,0-.715.04A1.35,1.35,0,0,0,302.335,1.2a1.783,1.783,0,0,0-.04.477V3.263h-2.781c-.675-.04-1.112-.119-1.39.318A2.76,2.76,0,0,0,298,4.772v1.39a.812.812,0,0,0,.794.636V8.864a10.393,10.393,0,0,1-.079,1.629c-.04.159-.04.318-.079.437a1.017,1.017,0,0,0,0,.834c.159.238.437.2.794.2h9.057c.318,0,.556.04.755-.119.238-.2.159-.477.079-.794-.04-.119-.04-.278-.079-.4a9.23,9.23,0,0,1-.119-1.867V6.8a.735.735,0,0,0,.755-.6,1.905,1.905,0,0,0,0-.477V4.772Zm-1.629,6.2h-1.47V9.142c0-.278.04-.636-.079-.794a.48.48,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97H304.48V9.142c0-.278.04-.636-.079-.794a.48.48,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97h-1.351V9.142c0-.278.04-.636-.079-.794a.481.481,0,0,0-.477-.238c-.516.079-.437.516-.437,1.073V10.97h-1.51c.04-.2.04-.4.079-.6,0-.2.04-.358.04-.556V6.838h8.342V9.182a6.835,6.835,0,0,0,.079,1.311,1.387,1.387,0,0,1,.119.477Zm.636-5.164H299V4.256h3.019c.4,0,.953.079,1.112-.159.159-.2.119-.437.119-.755V1.952a2.044,2.044,0,0,1,.04-.715c.119-.2.318-.2.636-.2h.278c.4.079.358.4.358.834V3.3c0,.238-.04.516.079.675.2.318.675.238,1.152.238h3.059V5.805Zm0,0" transform="translate(-298 -0.035)"/></g></g></g></g></svg> | |||||
+ 1
- 0
pages_order/static/center/4.svg
View File
| @ -0,0 +1 @@ | |||||
| <svg xmlns="http://www.w3.org/2000/svg" width="15.777" height="12.51" viewBox="0 0 15.777 12.51"><defs><style>.a{fill:#333;stroke:#333;stroke-width:0.5px;}</style></defs><g transform="translate(0.26 0.281)"><path class="a" d="M324.545,108.387h14.168a.545.545,0,0,0,.385-.93l-3.814-3.814a.545.545,0,0,0-.77.77L337.4,107.3H324.545a.545.545,0,1,0,0,1.09Zm14.168,2.18H324.545a.545.545,0,0,0-.385.93l3.814,3.814a.544.544,0,1,0,.77-.77l-2.883-2.885h12.851a.545.545,0,1,0,0-1.09Zm0,0" transform="translate(-324 -103.491)"/></g></svg> | |||||
+ 1
- 0
pages_order/static/order/2.svg
View File
| @ -0,0 +1 @@ | |||||
| <svg t="1724496486273" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4383" width="32" height="32"><path d="M512 128c-211.744 0-384 172.256-384 384s172.256 384 384 384 384-172.256 384-384-172.256-384-384-384z m0 704c-176.448 0-320-143.552-320-320s143.552-320 320-320 320 143.552 320 320-143.552 320-320 320z" fill="#bfbfbf" p-id="4384"></path><path d="M660.736 606.112L528 529.344V320c0-17.664-14.336-32-32-32s-32 14.336-32 32v224c0 11.872 14.752 21.824 24.352 27.328 2.656 4 9.952 7.616 14.4 10.176l132 80c15.296 8.832 31.872 3.584 40.704-11.712s0.608-34.848-14.72-43.68z" fill="#bfbfbf" p-id="4385"></path></svg> | |||||
BIN
pages_order/static/order/copy.png
View File
| Before | After |
|---|---|
|
|
| Width: 32 | Height: 32 | Size: 961 B |