offerSheetDetail.vue 37 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537
  1. <template>
  2. <view class="box">
  3. <homenav :iStatusBarHeight="iStatusBarHeight" :title="'报价单详情'" ></homenav>
  4. <view class="contentBox">
  5. <view class="top" :style="{background:'#'+themeColor}">
  6. <view class="orderState">
  7. <image src="../../static/img/icon_order_def.png" mode="" style="width: 44rpx;height: 44rpx;">
  8. </image>
  9. <!-- <view class="SheetState" v-if="orderData.billsheet.PayState==2">已结算</view>
  10. <view class="SheetState" v-if="orderData.billsheet.PayState==0">未结算</view>
  11. -->
  12. <!-- SheetType单据类型(1维修单 2销售单3洗车单4销售退货) -->
  13. <view class="stateBox" v-if="orderData.billsheet.SheetType == 1">
  14. <!-- 0待施工(已保存)1施工中(已派工)2已完工 3已质检 4 已作废 -->
  15. <view class="SheetState" v-if="orderData.billsheet.SheetState == 0">未转工单</view>
  16. <view class="SheetState" v-if="orderData.billsheet.SheetState == 1">已转工单</view>
  17. <view class="SheetState" v-if="orderData.billsheet.SheetState == 2">已完工</view>
  18. <view class="SheetState" v-if="orderData.billsheet.SheetState == 3">已质检</view>
  19. <view class="SheetState" v-if="orderData.billsheet.SheetState == 4">已作废</view>
  20. <!-- 结算状态 -->
  21. <!-- <view class="SheetState" v-if="orderData.billsheet.PayState == 0">/未结算</view>
  22. <view class="SheetState" v-if="orderData.billsheet.PayState == 2">/已结算</view> -->
  23. </view>
  24. <view class="stateBox" v-if="orderData.billsheet.SheetType == 2">
  25. <!-- 0待施工(已保存)1施工中(已派工)2已审核 3已质检 4 已作废 -->
  26. <view class="SheetState" v-if="orderData.billsheet.SheetState < 2 ">未审核</view>
  27. <view class="SheetState" v-if="orderData.billsheet.SheetState == 2">已审核</view>
  28. <view class="SheetState" v-if="orderData.billsheet.SheetState == 4">已作废</view>
  29. <!-- 结算状态 -->
  30. <view class="SheetState" v-if="orderData.billsheet.PayState == 0">/未结算</view>
  31. <view class="SheetState" v-if="orderData.billsheet.PayState == 2">/已结算</view>
  32. </view>
  33. <view class="stateBox" v-if="orderData.billsheet.SheetType == 3">
  34. <!-- 0待施工(已保存)1施工中(已派工)2已完工 3已质检 4 已作废 -->
  35. <view class="SheetState" v-if="orderData.billsheet.SheetState == 0">已保存</view>
  36. <view class="SheetState" v-if="orderData.billsheet.SheetState == 4">已作废</view>
  37. <!-- 结算状态 -->
  38. <view class="SheetState" v-if="orderData.billsheet.PayState == 0">/未结算</view>
  39. <view class="SheetState" v-if="orderData.billsheet.PayState == 2">/已结算</view>
  40. </view>
  41. </view>
  42. </view>
  43. <view class="shopBox2">
  44. <view class="newboxTop">
  45. <view class="newline1">{{orderData.billsheet.CustomerName}}</view>
  46. <view class="newline1" style="padding-left: 20rpx;">{{orderData.billsheet.PlateNumber}}</view>
  47. </view>
  48. <view class="CarModel" v-if="orderData.billsheet.CarModel">{{orderData.billsheet.CarModel}}</view>
  49. <view class="goodscostLine jindianlc" >
  50. <view class="informationTxt">进店里程</view>
  51. <view class="goodsCostNum3 " style="font-size: 28rpx;" v-if="orderData.billsheet.CurrentMileage>0">
  52. {{orderData.billsheet.CurrentMileage}}公里
  53. </view>
  54. </view>
  55. <!-- <view class="goodscostLine" >
  56. <view class="informationTxt">建议下次保养里程</view>
  57. <view class="goodsCostNum3 " style="font-size: 28rpx;color: #FDC752;" v-if="orderData.billsheet.NextCareMilage">
  58. {{orderData.billsheet.NextCareMilage}}公里
  59. </view>
  60. </view> -->
  61. <!-- <view class="goodscostLine" style="font-size: 28rpx;color: #FDC752;" v-if="orderData.billsheet.SheetType==1">
  62. <view class="informationTxt">建议下次保养时间</view>
  63. <view class="goodsCostNum3 " v-if="orderData.billsheet.NextCareDate">
  64. {{orderData.billsheet.NextCareDate.slice(0,10)}}
  65. </view>
  66. </view> -->
  67. <!-- <view class="baoyangtis">建议下次保养,里程或日期,先到为准</view> -->
  68. </view>
  69. <!-- 店铺信息 -->
  70. <view class="shopBox">
  71. <!-- <image src="../../static/img/icon_store.png" mode="" class="shopBoximg"></image> -->
  72. <view class="shopCont">
  73. <view class="shopName">{{orderData.billsheet.ShopName}}</view>
  74. <view class="Address" v-if="orderData.billsheet.shopMobilePhone">服务电话:{{orderData.billsheet.shopMobilePhone}}</view>
  75. <view class="Address">{{orderData.billsheet.Address}}</view>
  76. </view>
  77. <view class="shopRightBox" @click="map">
  78. <image src="../../static/img/icon_ditu.png" mode="" class="shopRightImg"></image>
  79. <view class="shopRihgtTxt">地图</view>
  80. </view>
  81. <view class="shopsx"></view>
  82. <view class="shopRightBox" @click="call">
  83. <image src="../../static/img/icon_phone.png" mode="" class="shopRightImg"></image>
  84. <view class="shopRihgtTxt">电话</view>
  85. </view>
  86. </view>
  87. <!-- 订单信息 -->
  88. <view class="information">
  89. <view class="carMes">
  90. <view class="plate">{{orderData.billsheet.time}}</view>
  91. </view>
  92. <view class="informationLine">
  93. <view class="informationTxt">单号</view>
  94. <view class="informationNum">{{orderData.billsheet.Code}}</view>
  95. </view>
  96. <view class="informationLine">
  97. <view class="informationTxt">服务顾问</view>
  98. <view class="informationNum" v-if="orderData.billsheet.PickName">{{orderData.billsheet.PickName}}</view>
  99. </view>
  100. <!-- <view class="informationLine">
  101. <view class="informationTxt">技师</view>
  102. <view class="informationNum" v-if="orderData.billsheet.workNames">
  103. <span v-if="orderData.billsheet.workNames==null||orderData.billsheet.workNames=='null'"></span>
  104. <span v-else>{{orderData.billsheet.workNames}}</span>
  105. </view>
  106. </view> -->
  107. <!-- <view class="informationLine">
  108. <view class="informationTxt">手机号:</view>
  109. <view class="informationNum">{{orderData.billsheet.MobilePhone}}</view>
  110. </view> -->
  111. <!-- <view class="informationLine">
  112. <view class="informationTxt">接车时间:</view>
  113. <view class="informationNum">{{orderData.billsheet.time}}</view>
  114. </view> -->
  115. <view class="informationLine" v-if="FaultDescription">
  116. <view class="informationTxt">故障描述</view>
  117. <view class="informationNum" v-if="orderData.billsheet.FaultDescription">
  118. {{orderData.billsheet.FaultDescription}}
  119. </view>
  120. </view>
  121. <view class="informationLine" v-if="RepairDescription">
  122. <view class="informationTxt">维修建议</view>
  123. <view class="informationNum" v-if="orderData.billsheet.RepairDescription">
  124. {{orderData.billsheet.RepairDescription}}
  125. </view>
  126. </view>
  127. <!-- <view class="informationLine" >
  128. <view class="informationTxt">保养技师:</view>
  129. <view class="informationNum" v-if="orderData.billsheet.workNames">
  130. {{orderData.billsheet.workNames}}
  131. </view>
  132. </view> -->
  133. <view class="informationLine" v-if="Comment">
  134. <view class="informationTxt">备注</view>
  135. <view class="informationNum" v-if="orderData.billsheet.Comment">{{orderData.billsheet.Comment}}
  136. </view>
  137. </view>
  138. <view class="imgListBox">
  139. <image class="pictureImg" @click="seeImg(index)" :src="item.imgPath" mode="" v-for="(item,index) in imgList"></image>
  140. </view>
  141. </view>
  142. <!-- 项目明细 -->
  143. <view class="detailedBox itemBox" v-if=" orderData.listItems.length!=0" >
  144. <view class="detailedTitle">项目</view>
  145. <view class="detailedLineBox">
  146. <view class="detailedLine" v-for="(item,index) in orderData.listItems">
  147. <view style="display: flex;justify-content: space-between;">
  148. <view class="detailedName"><span v-if="item.CardDetailID" class="kaColor">卡</span>{{item.ItemName}}
  149. </view>
  150. <view class="price" v-if="ItemMoney">
  151. <span>¥</span>
  152. {{item.AmountMoney?item.AmountMoney:0}}
  153. </view>
  154. </view>
  155. <view class="itemWorkHoursBox" v-if="itemWorkHours||itemPrice||ItemMoneyReal" :class="{nopb:ItemComment&&item.Comment}">
  156. <view class="itemWorkHoursBoxleft">
  157. <view class="itemWorkHours" v-if="itemWorkHours">
  158. 工时:<span class="SalePrice">{{item.SaleQty}}</span>
  159. </view>
  160. <view class="itemPrice" v-if="itemPrice">
  161. 单价:<span class="SalePrice">{{item.SalePrice}}</span>
  162. </view>
  163. </view>
  164. <view class="price yhprice" v-if="ItemMoneyReal">
  165. <span>¥</span>
  166. {{item.discountPriceReal?item.discountPriceReal:0}}
  167. </view>
  168. </view>
  169. <view class="secondBox" v-if="ItemComment" :class="{noLine:index == orderData.listItems.length-1}">
  170. <view class="comment" v-if="item.Comment">{{item.Comment}}</view>
  171. <view class="secondRight">
  172. <!-- <view class="grayPrice">¥{{item.CheckOutTaxRate}}</view> -->
  173. </view>
  174. </view>
  175. </view>
  176. </view>
  177. </view>
  178. <!-- 商品明细-->
  179. <view class="detailedBox itemBox" v-if="orderData.listParts.length!=0">
  180. <view class="detailedTitle">商品</view>
  181. <view class="detailedLineBox">
  182. <view class="detailedLine" v-for="(item,index) in orderData.listParts">
  183. <view class="goodTop">
  184. <view class="detailedName"><span v-if="item.CardDetailID"
  185. class="kaColor">卡</span>
  186. <span class="GoodsName" style="padding-right: 4rpx;" v-if="brandSetting&&item.Brand">{{item.Brand}} </span>
  187. <span class="GoodsName">{{item.GoodsName}}</span>
  188. <span class="GoodsName" style="padding-left: 4rpx;" v-if="specSetting&&item.Spec"> {{item.Spec}}</span>
  189. <span class="GoodsName" v-if="factoryNumber&&item.FactoryCode">({{item.FactoryCode}})</span>
  190. </view>
  191. <view class="price" v-if="goodsMoney">
  192. <span>¥</span>
  193. {{item.AmountMoney?item.AmountMoney:0}}
  194. </view>
  195. <!-- <view class="qty" v-if="goodsNumber">x{{item.SaleQty}}</view> -->
  196. </view>
  197. <view class="itemWorkHoursBox" v-if="goodsPrice||goodsNumber||goodsMoneyReal" :class="{nopb:GoodsComment&&item.Comment}">
  198. <view class="itemWorkHoursBoxleft">
  199. <view class="itemWorkHours" v-if="goodsNumber">
  200. 数量:<span class="SalePrice">{{item.SaleQty}}<span v-if="item.Unit">({{item.Unit}})</span> </span>
  201. </view>
  202. <view class="itemPrice" v-if="goodsPrice">
  203. 单价:<span class="SalePrice">{{item.SalePrice}}</span>
  204. </view>
  205. </view>
  206. <view class="price yhprice" v-if="goodsMoneyReal">
  207. <span>¥</span>
  208. {{item.discountPriceReal?item.discountPriceReal:0}}
  209. </view>
  210. </view>
  211. <view class="secondBox" v-if="GoodsComment" :class="{noLine:index == orderData.listParts.length-1}">
  212. <view class="comment" v-if="GoodsComment&&item.Comment">{{item.Comment}}</view>
  213. </view>
  214. </view>
  215. </view>
  216. </view>
  217. <!-- 附加费 -->
  218. <view class="detailedBox itemBox" v-if="orderData.listSurcharges.length!=0">
  219. <view class="detailedTitle">附加费</view>
  220. <view class="detailedLineBox">
  221. <view class="detailedLine" v-for="(item,index) in orderData.listSurcharges">
  222. <view class="goodTop">
  223. <view class="detailedName">{{item.surchargesName}}</view>
  224. <view class="price" >
  225. <span>¥</span>
  226. {{item.surchargesMoeny?item.surchargesMoeny:0}}
  227. </view>
  228. </view>
  229. </view>
  230. </view>
  231. </view>
  232. <!-- 费用明细 -->
  233. <view class="goodscost"
  234. v-if="AmountMoney || TotalDiscountMoney || CardMoneyT || CardMoneyC || ReceiptsMoney">
  235. <view class="detailedTitle">费用明细</view>
  236. <view class="goodscostLine" v-if="AmountMoney">
  237. <view class="goodscostTxt">应收总计</view>
  238. <view class="goodsCostNum3">¥{{orderData.billsheet.AmountMoney?orderData.billsheet.AmountMoney:0}}</view>
  239. </view>
  240. <view class="goodscostLine" v-if="TotalDiscountMoney" @click="dmBtn">
  241. <view class="goodscostTxt">优惠总计</view>
  242. <view class="goodsCostNum3 DiscountMoneyTop">
  243. <span>¥{{orderData.billsheet.TotalDiscountMoney?orderData.billsheet.TotalDiscountMoney:0}}</span>
  244. <image v-if="DiscountMoneyDetail&&!dmShow" class="DiscountMoneyIcon" src="../../static/img/icon_arrow_down.png" mode=""></image>
  245. <image v-if="DiscountMoneyDetail&&dmShow" class="DiscountMoneyIcon" src="../../static/img/icon_arrow_up.png" mode=""></image>
  246. </view>
  247. </view>
  248. <view class="yhmx" v-if="DiscountMoneyDetail&&dmShow"><!-- 优惠明细 -->
  249. <view class="goodscostLine" v-for="(item,index) in orderData.discountList" v-if="DiscountMoneyDetailNullZero&&item.price">
  250. <view class="goodscostTxt">{{item.type}}</view>
  251. <view class="goodsCostNum3">¥{{item.price?item.price:0}}</view>
  252. </view>
  253. <view class="goodscostLine" v-for="(item,index) in orderData.discountList" v-if="!DiscountMoneyDetailNullZero">
  254. <view class="goodscostTxt">{{item.type}}</view>
  255. <view class="goodsCostNum3">¥{{item.price?item.price:0}}</view>
  256. </view>
  257. </view>
  258. <view class="goodscostLine" v-if="CardMoneyT">
  259. <view class="goodscostTxt">计次卡冲销</view>
  260. <view class="goodsCostNum3">¥{{orderData.billsheet.CardMoneyT?orderData.billsheet.CardMoneyT:0}}</view>
  261. </view>
  262. <view class="goodscostLine" v-if="CardMoneyC">
  263. <view class="goodscostTxt">储值卡冲销</view>
  264. <view class="goodsCostNum3">¥{{orderData.billsheet.CardMoneyCWriteOff?orderData.billsheet.CardMoneyCWriteOff:0}}</view>
  265. </view>
  266. <view class="goodscostLine" v-if="ReceiptsMoney">
  267. <view class="goodscostTxt">实际应收</view>
  268. <view class="goodsCostNum"><span style="font-size: 28rpx;">¥</span>{{orderData.billsheet.money?orderData.billsheet.money:0}}</view>
  269. </view>
  270. <!-- <view class="goodscostLine" >
  271. <view class="goodscostTxt">结算方式</view>
  272. <view class="goodsCostNumJsfs" style="color: #333333;">{{orderData.billsheet.lastPayMethod?orderData.billsheet.lastPayMethod:''}}</view>
  273. </view> -->
  274. </view>
  275. <!-- 手机号授权 -->
  276. <view class="authorizBox" v-if="authorizShow" @click="authorizShow=false">
  277. <view class="authorizCont" @click.stop="">
  278. <view class="authorizName">{{wxOpenData.miniAppName}}</view>
  279. <view class="authorizMs">未注册的手机号登录后将自动创建会员账号,如果您不同意授权获取手机号,会影响您使用我们的产品和服务。</view>
  280. <button class="authorizContbutton" type="default" open-type="getPhoneNumber"
  281. @getphonenumber="decryptPhoneNumber">授权</button>
  282. </view>
  283. <view style="text-align: center;padding-top: 56rpx;">
  284. <image src="../../static/timg/icon_guanbi@2x.png" mode="" class="authorizCloseImg"></image>
  285. </view>
  286. </view>
  287. </view>
  288. <view v-if="appraise == true && orderData.billsheet.PayState == 2" class="bottom">
  289. <view
  290. v-if="(orderData.billsheet.EvaluateState == 0) && (lastDay <= 30) && appraise == true && orderData.billsheet.PayState == 2"
  291. @click.stop="goAppraise()" class="ping">评价</view>
  292. <view v-if="orderData.billsheet.EvaluateState == 1" @click.stop="goAppraiseDetail()" class="kan">查看评价</view>
  293. </view>
  294. </view>
  295. </template>
  296. <script>
  297. import homenav from "../../components/homenav/nav.vue"
  298. export default {
  299. components: {
  300. homenav
  301. },
  302. data() {
  303. return {
  304. location: '',
  305. id: '',
  306. orderData: '',
  307. themeColor: '',
  308. authorizShow: false,
  309. userInfo: '',
  310. ext: '',
  311. wxOpenData: '',
  312. appraise: false,
  313. lastDay: '',
  314. // 权限
  315. FaultDescription: false, //故障描述
  316. RepairDescription: false, //维修建议
  317. Comment: false, //备注
  318. ItemMoney: false, //项目、商品金额
  319. ItemComment: false, //项目备注
  320. GoodsComment: false, //商品备注
  321. AmountMoney: false, //应收总计
  322. TotalDiscountMoney: false, //优惠总计
  323. CardMoneyT: false, //计次卡冲销
  324. CardMoneyC: false, //储值卡冲销
  325. ReceiptsMoney: false, //支付金额
  326. brandSetting:false,
  327. specSetting:false,
  328. factoryNumber:false,
  329. goodsNumber:false,
  330. goodsPrice:false,
  331. itemWorkHours:false,
  332. itemPrice:false,
  333. iStatusBarHeight:'',
  334. ShowSetting:'',
  335. goodsMoney:'',
  336. Picture:false,//图片
  337. imgList:[],
  338. ItemMoneyReal:false,
  339. goodsMoneyReal:false,
  340. DiscountMoneyDetail:false,
  341. DiscountMoneyDetailNullZero:false,
  342. dmShow:false,
  343. }
  344. },
  345. onLoad(opt) {
  346. this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
  347. this.id = opt.id
  348. //this.id="7DF3D27B-A80C-4D76-9354-5B9AFD788CFC"
  349. this.themeColor = uni.getStorageSync("themeColor");
  350. this.userInfo = this.$store.state.userInfo;
  351. this.ext = this.$common.getExtStoreId();
  352. if(opt.scene&&opt.scene!='undefined'){
  353. var scene=opt.scene
  354. var id1=scene.slice(0,8)
  355. var id2=scene.slice(8,12)
  356. var id3=scene.slice(12,16)
  357. var id4=scene.slice(16,20)
  358. var id5=scene.slice(20,32)
  359. var ids=id1+'-'+id2+'-'+id3+'-'+id4+'-'+id5
  360. console.log(ids)
  361. this.id = ids
  362. }
  363. if (this.userInfo) {
  364. this.getData()
  365. this.myPower();
  366. this.showPower();
  367. } else {
  368. this.$common.automaticlogin().then(val => {
  369. this.userInfo = this.$store.state.userInfo;
  370. this.wxOpenData = this.$store.state.wxOpenData;
  371. this.themeColor = uni.getStorageSync("themeColor");
  372. this.getData()
  373. this.myPower();
  374. this.showPower();
  375. if(!this.userInfo){
  376. this.authorizShow=true
  377. }
  378. })
  379. }
  380. },
  381. methods: {
  382. dmBtn(){
  383. this.dmShow=!this.dmShow
  384. },
  385. seeImg(index){
  386. console.log(index)
  387. var imgs=[]
  388. this.imgList.forEach(item=>{
  389. imgs.push(item.imgPath)
  390. })
  391. uni.previewImage({
  392. urls:imgs ,
  393. current: index,
  394. longPressActions: {
  395. itemList: ['发送给朋友', '保存图片', '收藏'],
  396. success: function(data) {
  397. console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
  398. },
  399. fail: function(err) {
  400. console.log(err.errMsg);
  401. }
  402. }
  403. });
  404. },
  405. //显示权限
  406. showPower() {
  407. this.$http('openweiXinCardInfoController/getOfferShowSetting', {
  408. }, 'GET').then(res => {
  409. // 权限
  410. // FaultDescription:false,//故障描述
  411. // RepairDescription:false,//维修建议
  412. // Comment:false,//备注
  413. // ItemMoney:false,//项目、商品金额
  414. // ItemComment:false,//项目备注
  415. // GoodsComment:false,//商品备注
  416. // AmountMoney:false,//应收总计
  417. // TotalDiscountMoney:false,//优惠总计
  418. // CardMoneyT:false,//计次卡冲销
  419. // CardMoneyC:false,//储值卡冲销
  420. // ReceiptsMoney:false,//支付金额
  421. this.ShowSetting=res.data
  422. var list = res.data
  423. list.forEach((item, index) => {
  424. if (item.fieldValue == 'FaultDescription') {
  425. this.FaultDescription = item.isChecked
  426. }
  427. if (item.fieldValue == 'RepairDescription') {
  428. this.RepairDescription = item.isChecked
  429. }
  430. if (item.fieldValue == 'Comment') {
  431. this.Comment = item.isChecked
  432. }
  433. if (item.fieldValue == 'ItemMoney') {
  434. this.ItemMoney = item.isChecked
  435. }
  436. if (item.fieldValue == 'ItemComment') {
  437. this.ItemComment = item.isChecked
  438. }
  439. if (item.fieldValue == 'GoodsComment') {
  440. this.GoodsComment = item.isChecked
  441. }
  442. if (item.fieldValue == 'AmountMoney') {
  443. this.AmountMoney = item.isChecked
  444. }
  445. if (item.fieldValue == 'CardMoneyT') {
  446. this.CardMoneyT = item.isChecked
  447. }
  448. if (item.fieldValue == 'CardMoneyC') {
  449. this.CardMoneyC = item.isChecked
  450. }
  451. if (item.fieldValue == 'ReceiptsMoney') {
  452. this.ReceiptsMoney = item.isChecked
  453. }
  454. if (item.fieldValue == 'TotalDiscountMoney') {
  455. this.TotalDiscountMoney = item.isChecked
  456. }
  457. if (item.fieldValue == 'brand') {
  458. this.brandSetting = item.isChecked
  459. }
  460. if (item.fieldValue == 'spec') {
  461. this.specSetting = item.isChecked
  462. }
  463. if (item.fieldValue == 'factoryNumber') {
  464. this.factoryNumber = item.isChecked
  465. }
  466. if (item.fieldValue == 'goodsNumber') {
  467. this.goodsNumber = item.isChecked
  468. }
  469. if (item.fieldValue == 'goodsPrice') {
  470. this.goodsPrice = item.isChecked
  471. }
  472. if (item.fieldValue == 'itemWorkHours') {
  473. this.itemWorkHours = item.isChecked
  474. }
  475. if (item.fieldValue == 'itemPrice') {
  476. this.itemPrice = item.isChecked
  477. }
  478. if (item.fieldValue == 'goodsMoney') {
  479. this.goodsMoney = item.isChecked
  480. }
  481. if (item.fieldValue == 'ItemMoneyReal') {
  482. this.ItemMoneyReal = item.isChecked
  483. }
  484. if (item.fieldValue == 'goodsMoneyReal') {
  485. this.goodsMoneyReal = item.isChecked
  486. }
  487. if (item.fieldValue == 'DiscountMoneyDetail') {
  488. this.DiscountMoneyDetail = item.isChecked
  489. }
  490. if (item.fieldValue == 'DiscountMoneyDetailNullZero') {
  491. this.DiscountMoneyDetailNullZero = item.isChecked
  492. }
  493. if(item.fieldValue =='Picture'){
  494. this.Picture = item.isChecked
  495. if(item.isChecked){
  496. this.queryBillInsurancePolicy()
  497. }
  498. }
  499. })
  500. })
  501. },
  502. queryBillInsurancePolicy(){
  503. this.$http('openweiXinCardInfoController/queryBillInsurancePolicy', {
  504. sheetID:this.id
  505. }, 'GET').then(res => {
  506. this.imgList=res.data
  507. })
  508. },
  509. //评价权限
  510. myPower() {
  511. this.$http('openMiniEvaluate/getEvaluateSetting', {
  512. }, 'GET').then(res => {
  513. // var list = res.data.Items
  514. this.appraise = res.data
  515. })
  516. },
  517. goAppraiseDetail(item) {
  518. uni.navigateTo({
  519. url: 'myAppraiseDetail?sheetId=' + this.orderData.billsheet.id
  520. })
  521. },
  522. goAppraise(item) {
  523. uni.navigateTo({
  524. url: 'appraise?sheetID=' + this.orderData.billsheet.id + '&shopID=' + this.orderData.billsheet
  525. .shopID
  526. })
  527. },
  528. decryptPhoneNumber: function(e) {
  529. console.log(e);
  530. this.code = e.detail.code
  531. this.wxPhoneLogin()
  532. this.authorizShow = false;
  533. },
  534. wxPhoneLogin() {
  535. var that = this;
  536. this.$http('miniApp2/sys/wxPhoneLogin', {
  537. appId: this.ext.appId,
  538. unionId: this.ext.unionId,
  539. code: this.code,
  540. openId: this.wxOpenData.openid
  541. }, 'POST').then(res => {
  542. var data = res.data;
  543. if(data.newCustomer){
  544. uni.showModal({
  545. title: '提示',
  546. content: data.newCustomerMsg,
  547. success: function(resTK) {
  548. }
  549. });
  550. var token=res.data.token
  551. data.loginInfo={}
  552. data.loginInfo.token=token
  553. this.$store.commit('mutationswxOpenData', data);
  554. return false;
  555. }
  556. if (data.loginInfo) {
  557. this.userInfo = data.loginInfo.openUser;
  558. this.wxOpenData = data.loginInfo;
  559. this.$store.commit('mutationswxOpenData', data)
  560. this.$store.commit('mutationsuserInfo', this.userInfo)
  561. this.getData()
  562. }
  563. })
  564. },
  565. map() {
  566. console.log("打开地图")
  567. var that = this;
  568. if (!that.orderData.billsheet.lat || !that.orderData.billsheet.lng) {
  569. uni.showToast({
  570. title: '该店铺未设置定位',
  571. icon: 'none',
  572. duration: 3000
  573. });
  574. } else {
  575. uni.openLocation({
  576. latitude: Number(that.orderData.billsheet.lat),
  577. longitude: Number(that.orderData.billsheet.lng),
  578. name: that.orderData.billsheet.ShopName,
  579. address: that.orderData.billsheet.Address,
  580. success: function() {
  581. console.log('success');
  582. },
  583. fail(err) {
  584. console.log(err)
  585. }
  586. });
  587. }
  588. },
  589. call() {
  590. uni.makePhoneCall({
  591. phoneNumber: this.orderData.billsheet.shopMobilePhone
  592. });
  593. },
  594. getData() {
  595. let that = this
  596. uni.showLoading({
  597. title: '加载中'
  598. });
  599. this.$http('openweiXinCardInfoController/queryOfferDetail', {
  600. // lat: this.location.lat,
  601. // lng: this.location.lng,
  602. id: this.id,
  603. }, 'POST').then(res => {
  604. uni.hideLoading();
  605. this.orderData = res.data;
  606. console.log('data===', this.orderData);
  607. })
  608. },
  609. //时间对比
  610. getDateBeforeNow(stringTime) {
  611. console.log("传参未格式化", stringTime);
  612. stringTime = new Date(stringTime.replace(/-/g, '/'))
  613. // 统一单位换算
  614. var minute = 1000 * 60;
  615. var hour = minute * 60;
  616. var day = hour * 24;
  617. var week = day * 7;
  618. var month = day * 30;
  619. var year = month * 12;
  620. var time1 = new Date().getTime(); //当前的时间戳 console.log("当前时间", time1);
  621. // 对时间进行毫秒单位转换 var time2 = new Date(stringTime).getTime(); //指定时间的时间戳
  622. console.log("传过来的时间", time2);
  623. var time = time1 - time2;
  624. console.log("计算后的时间", time);
  625. var result =
  626. null; // if (time < 0) { // // alert("传过来的时间的时间不能晚于当前时间!"); // result = stringTime; // } else if (time / year >= 1) {
  627. // result = parseInt(time / year) + "年前";
  628. // } else if (time / month >= 1) {
  629. // result = parseInt(time / month) + "月前";
  630. // } else if (time / week >= 1) { // result = parseInt(time / week) + "周前"; // } else if (time / day >= 1) {
  631. // result = parseInt(time / day) + "天前";
  632. // } else if (time / hour >= 1) { // result = parseInt(time / hour) + "小时前";
  633. // } else if (time / minute >= 1) {
  634. // result = parseInt(time / minute) + "分钟前"; // } else {
  635. // result = "刚刚"; // }
  636. if (time < 0) {
  637. // alert("传过来的时间的时间不能晚于当前时间!");
  638. result = -1;
  639. } else if (time / day >= 0) {
  640. result = parseInt(time / day); //多少天前
  641. }
  642. console.log("多少天前", result);
  643. return result;
  644. },
  645. goback() {
  646. uni.navigateBack({})
  647. },
  648. },
  649. onPullDownRefresh() {
  650. this.getData()
  651. this.myPower();
  652. this.showPower();
  653. setTimeout(function() {
  654. uni.stopPullDownRefresh();
  655. }, 1000);
  656. },
  657. }
  658. </script>
  659. <style scoped>
  660. .imgListBox{
  661. display: flex;
  662. flex-wrap: wrap;
  663. }
  664. .pictureImg{
  665. width:170rpx;height: 170rpx;
  666. margin: 2rpx;
  667. }
  668. .SalePrice{
  669. color: #3C3C3C;
  670. font-weight: 600;
  671. }
  672. .GoodsName{
  673. font-size: 30rpx !important;
  674. }
  675. .itemWorkHoursBox{
  676. display: flex;
  677. justify-content: space-between;
  678. font-size: 24rpx;
  679. font-weight: 400;
  680. color: #999999;
  681. padding-top: 20rpx;padding-bottom: 20rpx;
  682. }
  683. .itemWorkHoursBoxleft{
  684. display: flex;
  685. }
  686. .nopb{
  687. padding-bottom: 0px;
  688. }
  689. .itemWorkHours{
  690. padding-right: 50rpx;
  691. }
  692. .itemPrice{
  693. }
  694. .newboxTop{
  695. display: flex;
  696. padding-left: 20rpx;
  697. font-size: 30rpx;
  698. border-bottom: 1rpx solid #EEEEEE;
  699. font-weight: bold;
  700. padding-bottom: 15rpx;
  701. }
  702. .baoyangtis{
  703. font-size: 26rpx;
  704. padding-left: 20rpx;
  705. }
  706. .CarModel{
  707. font-size: 26rpx;
  708. padding: 15rpx 20rpx;
  709. }
  710. .baoyangtis{
  711. padding: 15rpx 20rpx 0 15rpx;
  712. }
  713. .box {
  714. min-height: 100vh;
  715. background: #F4F5F7;
  716. padding-bottom: constant(safe-area-inset-bottom);
  717. padding-bottom: env(safe-area-inset-bottom);
  718. }
  719. .contentBox {
  720. background: #F4F5F7;
  721. padding-bottom: 100rpx;
  722. }
  723. .top {
  724. height: 190rpx;
  725. background: #EC0F0A;
  726. }
  727. .stateBox {
  728. display: flex;
  729. }
  730. .orderState {
  731. display: flex;
  732. justify-content: center;
  733. align-items: center;
  734. padding-top: 40rpx;
  735. }
  736. .SheetState {
  737. display: flex;
  738. justify-content: center;
  739. font-size: 36rpx;
  740. font-weight: 500;
  741. color: #FFFFFF;
  742. margin-left: 15rpx;
  743. }
  744. .timeEditImg {
  745. width: 25rpx;
  746. height: 25rpx;
  747. padding-left: 20rpx;
  748. }
  749. .shopBoximg {
  750. width: 40rpx;
  751. height: 40rpx;
  752. }
  753. .shopRightImg {
  754. width: 44rpx;
  755. height: 45rpx;
  756. }
  757. .shopsx {
  758. width: 1px;
  759. height: 50rpx;
  760. background: #EEEEEE;
  761. margin-top: 30rpx;
  762. margin-left: 28rpx;
  763. }
  764. .shopBox2{
  765. padding: 25rpx 0rpx;
  766. margin: 0rpx 24rpx;
  767. margin-top: -60rpx;
  768. background-color: #FFFFFF;
  769. border-radius: 10rpx;
  770. padding-bottom: 0rpx;
  771. }
  772. .shopBox2 .informationTxt {
  773. width: 350rpx;
  774. }
  775. .shopBox {
  776. display: flex;
  777. padding: 30rpx 20rpx;
  778. margin: 0rpx 24rpx;
  779. margin-top: 20rpx;
  780. background-color: #FFFFFF;
  781. border-radius: 10rpx;
  782. }
  783. .shopCont {
  784. width: 470rpx;
  785. /* padding-left: 20rpx; */
  786. }
  787. .shopName {
  788. font-size: 30rpx;
  789. font-weight: bold;
  790. color: #3C3C3C;
  791. line-height: 45rpx;
  792. }
  793. .Address {
  794. color: #999999;
  795. font-size: 24rpx;
  796. margin-top: 10rpx;
  797. }
  798. .shopRihgtTxt {
  799. color: #999999;
  800. font-size: 24rpx;
  801. }
  802. .shopRightBox {
  803. padding-left: 28rpx;
  804. }
  805. .peopleCont {
  806. font-size: 28rpx;
  807. color: #3C3C3C;
  808. padding-left: 20rpx;
  809. }
  810. .people {
  811. display: flex;
  812. padding-left: 20rpx;
  813. padding-top: 30rpx;
  814. padding-bottom: 36rpx;
  815. }
  816. .PlateNumberBox {
  817. display: flex;
  818. padding-left: 20rpx;
  819. padding-bottom: 30rpx;
  820. }
  821. .PlateNumbercx {
  822. font-size: 28rpx;
  823. color: #3C3C3C;
  824. padding-left: 20rpx;
  825. }
  826. .PlateNumber {
  827. width: 130rpx;
  828. height: 32rpx;
  829. border-radius: 4rpx;
  830. border: 1px solid #F19D01;
  831. line-height: 32rpx;
  832. text-align: center;
  833. font-size: 22rpx;
  834. color: #F19D01;
  835. margin-left: 26rpx;
  836. }
  837. .PlateNumberBoxTop {
  838. display: flex;
  839. }
  840. .CarModel {
  841. font-size: 26rpx;
  842. color: #999999;
  843. padding-left: 20rpx;
  844. padding-top: 6rpx;
  845. padding-right: 20rpx;
  846. padding-bottom: 15rpx;
  847. width: 600rpx;
  848. }
  849. .detailedBox {
  850. background: #FFFFFF;
  851. border-radius: 10px;
  852. margin: 20rpx 24rpx;
  853. padding-bottom: 20rpx;
  854. }
  855. .itemBox {
  856. margin-top: 20rpx;
  857. }
  858. .carMes {
  859. padding: 23rpx 20rpx;
  860. display: flex;
  861. align-items: center;
  862. justify-content: flex-start;
  863. border-bottom: 1rpx solid #EEEEEE;
  864. }
  865. .plate {
  866. font-size: 30rpx;
  867. color: #3C3C3C;
  868. font-weight: bold;
  869. margin-right: 20rpx;
  870. }
  871. .mileage {
  872. font-size: 24rpx;
  873. color: #F19D01;
  874. padding: 0rpx 10rpx;
  875. border: 1rpx solid #F19D01;
  876. border-radius: 4rpx;
  877. height: 36rpx;
  878. }
  879. .detailedTitle {
  880. padding: 23rpx 20rpx;
  881. display: flex;
  882. text-align: center;
  883. align-content: flex-start;
  884. border-bottom: 1rpx solid #EEEEEE;
  885. font-size: 30rpx;
  886. font-weight: bold;
  887. color: #3C3C3C;
  888. }
  889. .detailedLine {
  890. padding: 20rpx 20rpx 0rpx;
  891. }
  892. .detailedImg {
  893. width: 120rpx;
  894. height: 120rpx;
  895. border-radius: 10rpx;
  896. }
  897. .detailedName {
  898. font-size: 30rpx;
  899. color: #3C3C3C;
  900. font-weight: 500;
  901. }
  902. .kaColor {
  903. background: #F19D01;
  904. border-radius: 4rpx;
  905. color: #FFFFFF;
  906. font-size: 24rpx;
  907. margin-right: 8rpx;
  908. padding: 3rpx 5rpx;
  909. }
  910. .qty {
  911. font-size: 24rpx;
  912. font-weight: 400;
  913. color: #999999;
  914. }
  915. .secondBox {
  916. display: flex;
  917. /* padding: 20rpx 0rpx; */
  918. justify-content: space-between;
  919. align-items: baseline;
  920. border-bottom: 1rpx solid #EEEEEE;
  921. }
  922. .noLine {
  923. border-bottom: 0 solid #FFFFFF;
  924. }
  925. .comment {
  926. margin-right: 20rpx;
  927. font-size: 24rpx;
  928. font-weight: 400;
  929. color: #999999;
  930. flex-grow: 1;
  931. padding: 20rpx 0rpx;
  932. }
  933. .secondRight {
  934. display: flex;
  935. justify-content: flex-end;
  936. align-items: baseline;
  937. }
  938. .grayPrice {
  939. font-size: 24rpx;
  940. font-weight: 400;
  941. color: #999999;
  942. text-decoration: line-through;
  943. }
  944. .price {
  945. font-size: 26rpx;
  946. font-weight: 500;
  947. /* color: #EC0F0A; */
  948. display: flex;
  949. color: #3C3C3C;
  950. align-items: center;
  951. }
  952. span {
  953. font-size: 24rpx;
  954. }
  955. .goodTop {
  956. display: flex;
  957. justify-content: space-between;
  958. }
  959. .goodscost {
  960. background: #FFFFFF;
  961. border-radius: 10px;
  962. margin: 20rpx 24rpx;
  963. padding-bottom: 20rpx;
  964. }
  965. .goodscostLine {
  966. display: flex;
  967. justify-content: space-between;
  968. font-size: 26rpx;
  969. padding: 15rpx 20rpx;
  970. color: #333333;
  971. }
  972. .goodsCostNum {
  973. color: #EC0F0A;
  974. font-weight: 500;
  975. font-size: 36rpx;
  976. }
  977. .goodsCostNumJsfs{
  978. color: #333333;
  979. }
  980. .goodsCostNum3{
  981. font-weight: 500;
  982. }
  983. .information {
  984. width: 702rpx;
  985. background: #FFFFFF;
  986. border-radius: 10px;
  987. margin-left: 24rpx;
  988. margin-top: 20rpx;
  989. padding: 0rpx 0 15rpx 0;
  990. }
  991. .informationLine {
  992. display: flex;
  993. font-size: 26rpx;
  994. padding: 15rpx 20rpx;
  995. justify-content: space-between;
  996. }
  997. .informationTxt {
  998. width: 200rpx;
  999. color: #999999;
  1000. }
  1001. .informationNum {
  1002. color: #333333;
  1003. width: calc(100vw - 200rpx);
  1004. text-align: right;
  1005. }
  1006. .copyBtn {
  1007. width: 86rpx;
  1008. height: 40rpx;
  1009. background: #F4F5F7;
  1010. border-radius: 20rpx;
  1011. font-size: 24rpx;
  1012. color: #333333;
  1013. text-align: center;
  1014. line-height: 40rpx;
  1015. margin-left: 20rpx;
  1016. }
  1017. .orderBottom {
  1018. width: 750rpx;
  1019. height: 98rpx;
  1020. background: #FFFFFF;
  1021. position: fixed;
  1022. left: 0;
  1023. bottom: 0;
  1024. display: flex;
  1025. justify-content: flex-end;
  1026. }
  1027. .cancelBtn {
  1028. width: 150rpx;
  1029. height: 56rpx;
  1030. border-radius: 36rpx;
  1031. border: 2rpx solid #DDDDDD;
  1032. text-align: center;
  1033. line-height: 56rpx;
  1034. font-size: 28rpx;
  1035. color: #3C3C3C;
  1036. margin-top: 21rpx;
  1037. margin-right: 16rpx;
  1038. margin-left: 20rpx;
  1039. }
  1040. .payBtn {
  1041. width: 150rpx;
  1042. height: 56rpx;
  1043. border-radius: 36rpx;
  1044. border: 2rpx solid #FF4F00;
  1045. text-align: center;
  1046. line-height: 56rpx;
  1047. font-size: 28rpx;
  1048. color: #FF4F00;
  1049. margin-top: 21rpx;
  1050. margin-right: 16rpx;
  1051. margin-left: 20rpx;
  1052. }
  1053. .timeBox2 {
  1054. width: 100vw;
  1055. height: 100vh;
  1056. background: rgba(0, 0, 0, 0.5);
  1057. position: fixed;
  1058. top: 0;
  1059. left: 0;
  1060. }
  1061. .timeLeftActive {
  1062. background: #FFFFFF;
  1063. }
  1064. .timeMain {
  1065. width: 100vw;
  1066. height: 70vh;
  1067. margin-top: 30vh;
  1068. background: #FFFFFF;
  1069. border-radius: 24rpx 24rpx 0px 0px;
  1070. }
  1071. .timesfNo {
  1072. background: #F5F5F5;
  1073. }
  1074. .timesfActive {
  1075. background: #FF4F00;
  1076. }
  1077. .timesfActive .timeSfNum {
  1078. color: #FFFFFF;
  1079. }
  1080. .timesfActive .timeyy {
  1081. color: #FFFFFF;
  1082. }
  1083. .topBox {
  1084. padding: 20rpx 24rpx;
  1085. }
  1086. .timeTop {
  1087. display: flex;
  1088. line-height: 90rpx;
  1089. padding-left: 24rpx;
  1090. padding-right: 24rpx;
  1091. justify-content: space-between;
  1092. }
  1093. .timeTopTitle {
  1094. font-size: 30rpx;
  1095. font-family: PingFangSC-Medium, PingFang SC;
  1096. font-weight: 600;
  1097. color: #3C3C3C;
  1098. }
  1099. .close {
  1100. color: #999999;
  1101. font-size: 30rpx;
  1102. padding-left: 30rpx;
  1103. }
  1104. .timeCont {
  1105. height: calc(70vh - 210rpx);
  1106. }
  1107. .timeSv {
  1108. height: calc(70vh - 210rpx);
  1109. }
  1110. .timeLeft2 {
  1111. width: 162rpx;
  1112. background: #F4F5F7;
  1113. border-top: 1px soid #F4F5F7;
  1114. border-right: 1px soid #F4F5F7;
  1115. }
  1116. .timeRight2 {
  1117. width: 588rpx;
  1118. }
  1119. .timesf {
  1120. width: 165rpx;
  1121. height: 98rpx;
  1122. border-radius: 7rpx;
  1123. border: 2rpx solid #EEEEEE;
  1124. text-align: center;
  1125. margin-left: 20rpx;
  1126. margin-bottom: 24rpx;
  1127. }
  1128. .timeBottom {
  1129. width: 750rpx;
  1130. height: 120rpx;
  1131. background: #FFFFFF;
  1132. box-shadow: 0px -2px 20rpx 0px rgba(153, 153, 153, 0.2);
  1133. display: flex;
  1134. align-items: center;
  1135. }
  1136. .timerightBox {
  1137. display: flex;
  1138. flex-wrap: wrap;
  1139. }
  1140. .timeCont {
  1141. display: flex;
  1142. }
  1143. .timeSfNum {
  1144. color: #666666;
  1145. font-size: 28rpx;
  1146. padding-top: 15rpx;
  1147. }
  1148. .timeyy {
  1149. font-size: 24rpx;
  1150. color: #999999;
  1151. }
  1152. .timecomplete {
  1153. width: 690rpx;
  1154. height: 74rpx;
  1155. background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%);
  1156. border-radius: 37rpx;
  1157. line-height: 74rpx;
  1158. text-align: center;
  1159. font-size: 30rpx;
  1160. color: #FFFFFF;
  1161. margin-left: 30rpx;
  1162. }
  1163. .timeleftLine {
  1164. font-size: 30rpx;
  1165. color: #999999;
  1166. text-align: center;
  1167. padding: 28rpx 10rpx;
  1168. border-bottom: 1px solid #EEEEEE;
  1169. }
  1170. .yuyueBox {
  1171. background: #FFFFFF;
  1172. border-radius: 10rpx;
  1173. margin-left: 24rpx;
  1174. margin-right: 24rpx;
  1175. }
  1176. .yuyueTime {
  1177. display: flex;
  1178. padding-left: 20rpx;
  1179. padding-top: 30rpx;
  1180. padding-bottom: 36rpx;
  1181. align-items: center;
  1182. }
  1183. .yuyueState {
  1184. display: flex;
  1185. padding-left: 20rpx;
  1186. padding-top: 30rpx;
  1187. padding-bottom: 36rpx;
  1188. }
  1189. .maBox {
  1190. display: flex;
  1191. justify-content: space-between;
  1192. padding: 24rpx 20rpx;
  1193. }
  1194. .querenMa {
  1195. margin: 20rpx 0;
  1196. padding-bottom: 30rpx;
  1197. }
  1198. .maBoximg {
  1199. width: 308rpx;
  1200. height: 308rpx;
  1201. margin: 30rpx 197rpx;
  1202. }
  1203. .rightShou {
  1204. display: flex;
  1205. justify-content: flex-start;
  1206. align-items: center;
  1207. }
  1208. .authorizBox {
  1209. width: 100vw;
  1210. height: 100vh;
  1211. background: rgba(0, 0, 0, 0.5);
  1212. position: fixed;
  1213. top: 0;
  1214. left: 0;
  1215. }
  1216. .authorizCont {
  1217. margin-top: 30vh;
  1218. width: 564rpx;
  1219. height: 408rpx;
  1220. background: #FFFFFF;
  1221. border-radius: 24rpx;
  1222. margin-left: 93rpx;
  1223. position: relative;
  1224. }
  1225. .authorizCloseImg {
  1226. width: 62rpx;
  1227. height: 62rpx;
  1228. }
  1229. .sqLogoBox {
  1230. width: 180rpx;
  1231. height: 180rpx;
  1232. background: #FFFFFF;
  1233. border-radius: 90rpx;
  1234. text-align: center;
  1235. position: absolute;
  1236. top: -50rpx;
  1237. left: 192rpx;
  1238. }
  1239. .authorizName {
  1240. color: #333333;
  1241. line-height: 42rpx;
  1242. font-size: 30rpx;
  1243. text-align: center;
  1244. padding-top: 58rpx;
  1245. }
  1246. .authorizMs {
  1247. color: #999999;
  1248. line-height: 36rpx;
  1249. font-size: 26rpx;
  1250. width: 452rpx;
  1251. padding-top: 24rpx;
  1252. text-align: center;
  1253. margin-left: 56rpx;
  1254. }
  1255. .authorizContbutton {
  1256. width: 422rpx;
  1257. height: 88rpx;
  1258. background: #EC0F0A;
  1259. border-radius: 44rpx;
  1260. line-height: 88rpx;
  1261. text-align: center;
  1262. font-size: 30rpx;
  1263. color: #FFFFFF;
  1264. margin-top: 62rpx;
  1265. margin-left: 71rpx;
  1266. }
  1267. .bottom {
  1268. position: fixed;
  1269. width: 100%;
  1270. padding: 20rpx 24rpx;
  1271. right: 0;
  1272. bottom: 0;
  1273. background: #ffffff;
  1274. font-size: 28rpx;
  1275. display: flex;
  1276. justify-content: flex-end;
  1277. height: 58rpx;
  1278. padding-bottom: constant(safe-area-inset-bottom);
  1279. padding-bottom: env(safe-area-inset-bottom);
  1280. }
  1281. .ping {
  1282. text-align: center;
  1283. /* color: #FF4F00; */
  1284. color: #666666;
  1285. width: 150rpx;
  1286. height: 56rpx;
  1287. line-height: 56rpx;
  1288. border-radius: 36rpx;
  1289. border: 2rpx solid #DDDDDD;
  1290. }
  1291. .kan {
  1292. text-align: center;
  1293. color: #666666;
  1294. width: 150rpx;
  1295. height: 56rpx;
  1296. line-height: 56rpx;
  1297. border-radius: 36rpx;
  1298. border: 2rpx solid #DDDDDD;
  1299. }
  1300. .goodscostTxt{
  1301. color: #999999;
  1302. }
  1303. .DiscountMoneyIcon{
  1304. width: 30rpx;height: 20rpx; margin-top: 10rpx;
  1305. margin-left: 10rpx;
  1306. }
  1307. .DiscountMoneyTop{
  1308. display: flex;
  1309. }
  1310. .yhprice{
  1311. color: #EC0F0A;
  1312. }
  1313. .yhmx .goodsCostNum3{
  1314. color: #666;
  1315. font-weight: 400;
  1316. }
  1317. .shopBox2 .jindianlc{
  1318. padding: 25rpx 20rpx;
  1319. }
  1320. .newboxTop{
  1321. padding-bottom: 25rpx;
  1322. }
  1323. </style>