maintain.vue 47 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645
  1. <template>
  2. <view>
  3. <view class="top">
  4. <view class="topLeft">
  5. <image :src="maintainCarData.brandLogo" mode="aspectFit" class="brandLogo"></image>
  6. <view class="carName">{{maintainCarData.brand}}-{{maintainCarData.series}}</view>
  7. <image src="../../static/img/icon_edit.png" mode="" class="topEdit" @click="carEdit"></image>
  8. </view>
  9. <view class="topRight">
  10. <input type="number" v-model="maintainCarData.milage" @confirm="upMileage" value="" placeholder="请输入当前里程" class="topInput" placeholder-style="color:#ffffff;"/>
  11. <image src="../../static/img/icon_edit.png" mode="" class="topEdit" @click="milageEdit"></image>
  12. </view>
  13. </view>
  14. <!-- 保养推荐 -->
  15. <view class="maintainrecommend">
  16. <view class="recommendTxt">保养推荐</view>
  17. <view class="manual" @click="handbook()">保养手册</view>
  18. </view>
  19. <!--主体 -->
  20. <view class="main">
  21. <view class="mainLeft">
  22. <scroll-view scroll-y="true" class="mainscrollView">
  23. <view class="mainLeftLine" v-for="(item,index) in mealData" :class="{lineLeftActive:leftIndex==index}"
  24. @click="leftClick(item,index)">
  25. <span>{{item.name}}</span>
  26. <view class="lineNum" v-show="item.num!=0">{{item.num}}</view>
  27. </view>
  28. <view style="height: 100rpx;"></view>
  29. </scroll-view>
  30. </view>
  31. <view class="mainRight">
  32. <scroll-view scroll-y="true" class="mainscrollView">
  33. <view v-show="mealData[leftIndex].listPackage.length==0">
  34. <view class="nodataBox">
  35. <image src="../../static/img/nodata.png" mode="widthFix" class="nodataImg"></image>
  36. <view class="noTxt">暂无数据</view>
  37. </view>
  38. </view>
  39. <view class="mainRightLine" v-for="(item,index) in mealData[leftIndex].listPackage">
  40. <view class="contTop">
  41. <view class="contTopLeft">
  42. <view class="listPackgeName"> {{item.name}} </view>
  43. <view class="listPackgeMs">
  44. <span v-if="item.referenceDosageQty">{{item.referenceDosage}}</span>
  45. </view>
  46. </view>
  47. <view class="contTopRight" @click="listcheck(item,index)">
  48. <image src="../../static/img/login_icon_checked.png" mode="" class="imgPrivacy" v-show="item.planItem"></image>
  49. <image src="../../static/img/login_icon_uncheck.png" mode="" class="imgPrivacy" v-show="!item.planItem"></image>
  50. <!-- <view class="nock" v-show="!item.check"></view> -->
  51. </view>
  52. </view>
  53. <view class="contZk">
  54. <view class="contZkMain" v-show="item.planItem">
  55. <view v-for="(vf,findex) in item.listGoodsAll">
  56. <view class="goodsItemLIne" v-for="(v,i) in vf.goodsList" v-if="i==0" @click="goGoods(v)">
  57. <image :src="v.picUrl" mode="" class="goodsImg" v-if="v.picUrl"></image>
  58. <image src="../../static/img/noimg.png" mode="" class="goodsImg sm" v-else></image>
  59. <view class="goodsCont">
  60. <view class="goodsContTop">
  61. <view class="goodsItemName">{{v.showName}}</view>
  62. <view class="replaceBox" v-if="vf.goodsList.length>1" @click.stop="replace(vf,index,findex,i)">
  63. <!-- <view class="replace" v-if="vf.goodsList.length>1&&!v.gh">更换</view> -->
  64. <view class="replace" >更换</view>
  65. </view>
  66. </view>
  67. <view class="goodsCOntBOttom">
  68. <view class="salePrice">¥{{v.salePrice?v.salePrice:'-'}}</view>
  69. <view class="as">
  70. <view class="asa" @click.stop="reduce(v)">-</view>
  71. <view class="asNum">{{v.qty}}</view>
  72. <view class="asa" @click.stop="plus(v)">+</view>
  73. </view>
  74. </view>
  75. </view>
  76. </view>
  77. </view>
  78. <view class="goodsItemLIne" v-for="(v,i) in item.listItem" >
  79. <image :src="v.picUrl" mode="" class="goodsImg" v-if="v.picUrl"></image>
  80. <image src="../../static/img/icon_xiangmu.png" mode="" class="goodsImg sm" v-else></image>
  81. <view class="goodsCont">
  82. <view class="goodsContTop">
  83. <view class="goodsItemName">{{v.itemName}}</view>
  84. </view>
  85. <view class="goodsCOntBOttom">
  86. <view class="salePrice" >¥{{v.salePrice?v.salePrice:'-'}}</view>
  87. <view class="itemNum">x1</view>
  88. </view>
  89. </view>
  90. </view>
  91. </view>
  92. </view>
  93. </view>
  94. <view style="height: 120rpx;"></view>
  95. </scroll-view>
  96. </view>
  97. </view>
  98. <!-- 底部 -->
  99. <view class="bottom">
  100. <view class="bottomLeft">
  101. <view class="caidan" @click="caidanClick">
  102. <image src="../../static/img/caidan.png" mode="" class="caidanImg"></image>
  103. <view class="total" v-show="total>0">{{total}}</view>
  104. </view>
  105. <view>
  106. <view class="heji"> <span class="heji1">合计</span> <span class="hejiNum">¥{{totalhj}}</span> </view>
  107. <view class="hejiMs">商品¥{{goodsTotal}}+工时费¥{{salePriceTotal}}</view>
  108. </view>
  109. </view>
  110. <view class="settlement" @click="settlement">去选店</view>
  111. </view>
  112. <view class="caidanTk" v-show="qingdanShow" @click="qingdanShow=false">
  113. <view class="tkCont">
  114. <view class="caidanTkTop">
  115. <view class="tkTopTitle">清单</view>
  116. <view class="topTopright">
  117. <view class="empty" @click.stop="empty">清空</view>
  118. <view class="close" @click="qingdanShow=false">X</view>
  119. </view>
  120. </view>
  121. <view class="tkMain" @click.stop>
  122. <scroll-view scroll-y="true" class="tkMainSv">
  123. <view class="qingdanLine" v-for="(item,index) in orderData">
  124. <view class="mainTitle">{{item.name}}</view>
  125. <view class="goodsItem" v-for="(v,i) in item.listGoodsAll">
  126. <view >
  127. <image :src="v.picUrl" mode="" class="goodsImg" v-if="v.picUrl"></image>
  128. <image src="../../static/img/noimg.png" mode="" class="goodsImg " v-else></image>
  129. </view>
  130. <view class="goodsItemRight" >
  131. <view class="goodsItemName">{{v.showName}}</view>
  132. <view class="goodsItemBottom">
  133. <view class="goodssalePrice">¥{{v.salePrice?v.salePrice:'-'}}</view>
  134. <view class="goodsNum">x{{v.qty}}</view>
  135. </view>
  136. </view>
  137. </view>
  138. <view class="goodsItem" v-for="(v,i) in item.listItem">
  139. <view>
  140. <image :src="v.picUrl" mode="" class="goodsImg" v-if="v.picUrl"></image>
  141. <image src="../../static/img/icon_xiangmu.png" mode="" class="goodsImg " v-else></image>
  142. </view>
  143. <view class="goodsItemRight" >
  144. <view class="goodsItemName">{{v.itemName}}</view>
  145. <view class="goodsItemBottom">
  146. <view class="goodssalePrice">¥{{v.salePrice?v.salePrice:'-'}}</view>
  147. <view class="goodsNum">x{{v.qty}}</view>
  148. </view>
  149. </view>
  150. </view>
  151. </view>
  152. <view class="ckBottom"></view>
  153. </scroll-view>
  154. </view>
  155. </view>
  156. </view>
  157. </view>
  158. </template>
  159. <script>
  160. export default {
  161. data() {
  162. return {
  163. maintainCarData:'',
  164. shopData:'',
  165. mealData:'',
  166. leftIndex:0,
  167. total:0,
  168. qingdanShow:false,
  169. totalhj:0,
  170. goodsTotal:0,
  171. salePriceTotal:0,
  172. orderData:[],
  173. replaceIndex1:'',
  174. replaceIndex2:'',
  175. brand:'',
  176. isNull:true,
  177. csdata:'',
  178. }
  179. },
  180. onLoad(opt) {
  181. this.$common.isUserId()
  182. this.maintainCarData=uni.getStorageSync("maintainCarData");
  183. //console.log(this.maintainCarData)
  184. this.shopData=uni.getStorageSync("shopData");
  185. if(this.maintainCarData.milage==0){
  186. this.maintainCarData.milage='';
  187. }
  188. if (opt.brand) {
  189. this.brand = opt.brand
  190. }
  191. this.getData();
  192. },
  193. onShow() {
  194. var maintainCarData2=uni.getStorageSync("maintainCarData");
  195. if(this.maintainCarData.id!=maintainCarData2.id){
  196. this.maintainCarData=maintainCarData2;
  197. if(this.maintainCarData.milage==0){
  198. this.maintainCarData.milage='';
  199. }
  200. this.getData();
  201. }
  202. var replaceData=uni.getStorageSync("replaceData");
  203. if(replaceData){
  204. //replaceData.qty=1;
  205. console.log(replaceData)
  206. //this.mealData=JSON.parse(JSON.stringify(this.csdata))
  207. //console.log(this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll.goodsList[this.replaceIndex2])
  208. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList.unshift(replaceData)
  209. //console.log(this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll.goodsList[this.replaceIndex2])
  210. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList=this.unique(this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList)
  211. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList[0].del=false;
  212. //this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2]=replaceData
  213. //this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsName='666'
  214. //console.log(this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2])
  215. this.$forceUpdate()
  216. this.newData()
  217. }
  218. },
  219. methods: {
  220. unique(arr1) {
  221. const res = new Map();
  222. return arr1.filter((a) => !res.has(a.goodsID) && res.set(a.goodsID, 1))
  223. },
  224. upMileage(){
  225. this.getData();
  226. this.$http('worldKeepCar/worldHome/updateTMemberCarByHome', {
  227. id: this.maintainCarData.id,
  228. milage: this.maintainCarData.milage?this.maintainCarData.milage:0,
  229. }, 'POST').then(res => {
  230. uni.hideLoading();
  231. console.log(res);
  232. if (res.code == 0) {
  233. var cardata = uni.getStorageSync("maintainCarData")
  234. if (cardata) {
  235. cardata.milage = this.maintainCarData.milage
  236. uni.setStorage({
  237. key: 'maintainCarData',
  238. data: cardata,
  239. success: function () {
  240. }
  241. });
  242. }
  243. }
  244. })
  245. },
  246. // milageEditconfirm(){
  247. // this.getData();
  248. // var that=this;
  249. // for(let k in this.maintainCarData){this.maintainCarData[k] = this.maintainCarData[k]==null?'':this.maintainCarData[k]}
  250. // this.$http('miniAppMyBMemberCar/updateMemberCar',this.maintainCarData,'POST').then(res => {
  251. // uni.hideLoading();
  252. // uni.setStorage({
  253. // key: 'maintainCarData',
  254. // data: that.maintainCarData,
  255. // success: function () {
  256. // /* uni.navigateBack({
  257. // delta:1
  258. // }) */
  259. // }
  260. // });
  261. // })
  262. // },
  263. leftClick(item,index){
  264. this.leftIndex=index
  265. },
  266. listcheck(item,index){
  267. item.planItem=!item.planItem;
  268. //var
  269. console.log(this.mealData[this.leftIndex].listPackage[index].name)
  270. if(this.mealData[this.leftIndex].listPackage[index].name=='小保养服务'){
  271. this.calculation('大保养服务');
  272. }else if(this.mealData[this.leftIndex].listPackage[index].name=='大保养服务'){
  273. this.calculation('小保养服务');
  274. }else{
  275. this.calculation();
  276. }
  277. /* if(this.mealData[this.leftIndex].name=='小保养'){
  278. this.calculation('大保养');
  279. }else if(this.mealData[this.leftIndex].name=='大保养'){
  280. this.calculation('小保养');
  281. }else{
  282. this.calculation();
  283. } */
  284. if(item.planItem){
  285. /* this.orderData.push(item) */
  286. }
  287. },
  288. goGoods(item){
  289. /* uni.navigateTo({
  290. url:'../module/goodsDetail?goodsId='+item.goodsID+'&type=1'+'&typeIndex=2&maintain=1'
  291. }) */
  292. },
  293. empty(){
  294. var that=this;
  295. uni.showModal({
  296. title: '提示',
  297. content: '确定要清空清单吗',
  298. success: function (res) {
  299. if (res.confirm) {
  300. that.orderData=[];
  301. that.mealData.forEach(item=>{
  302. item.num=0;
  303. if(item.listPackage){
  304. item.listPackage.forEach(v=>{
  305. v.planItem=false
  306. })
  307. }
  308. })
  309. console.log(that.mealData)
  310. that.calculation();
  311. that.qingdanShow=false;
  312. }
  313. }
  314. });
  315. },
  316. calculation(txt){
  317. this.isNull=true
  318. this.total=0;
  319. this.totalhj=0;
  320. this.goodsTotal=0;
  321. this.salePriceTotal=0;
  322. this.orderData=[]
  323. this.mealData.forEach(v=>{
  324. v.num=0;
  325. v.listPackage.forEach(i=>{
  326. if(txt == i.name){
  327. i.planItem=false
  328. }
  329. })
  330. if(txt == v.name){
  331. console.log(v.name)
  332. /* if(v.listPackage){
  333. v.listPackage.forEach(i=>{
  334. i.planItem=false
  335. })
  336. } */
  337. }else{
  338. if(v.listPackage){
  339. v.listPackage.forEach(i=>{
  340. if(i.planItem){
  341. var obj={
  342. listGoodsAll:[],
  343. listItem:'',
  344. id:i.id,
  345. name:i.name
  346. }
  347. if(i.listGoodsAll.length>0){
  348. i.listGoodsAll.forEach((goods,goodsIndex)=>{
  349. console.log(goods.goodsGroupDetail)
  350. /* goods.forEach(sp=>{
  351. this.goodsTotal=Number(this.goodsTotal)
  352. this.goodsTotal+=sp.salePrice*sp.qty
  353. this.goodsTotal=this.goodsTotal.toFixed(2)
  354. })
  355. //goods[0].salePrice=1;*/
  356. this.goodsTotal=Number(this.goodsTotal)
  357. if(!isNaN(goods.goodsList[0].salePrice)){
  358. this.goodsTotal+=goods.goodsList[0].salePrice*goods.goodsList[0].qty
  359. this.goodsTotal=this.goodsTotal.toFixed(2)
  360. }else{
  361. this.isNull=false
  362. }
  363. if(goods.goodsList[0].salePrice==null){
  364. this.isNull=false
  365. }
  366. obj.listGoodsAll.push(goods.goodsList[0])
  367. })
  368. }
  369. if(i.listItem.length>0){
  370. obj.listItem=i.listItem
  371. }
  372. this.orderData.push(obj)
  373. v.num++;
  374. this.total++;
  375. i.listItem.forEach(xm=>{
  376. xm.qty=1;
  377. if(!isNaN(xm.salePrice)){
  378. this.salePriceTotal=Number(this.salePriceTotal)
  379. this.salePriceTotal+=xm.salePrice
  380. this.salePriceTotal=this.salePriceTotal.toFixed(2)
  381. }else{
  382. this.isNull=false
  383. }
  384. if(xm.salePrice==null){
  385. this.isNull=false
  386. }
  387. //xm.salePrice=1;
  388. })
  389. //this.totalhj
  390. }
  391. })
  392. }
  393. }
  394. //if(v.listPackage)
  395. })
  396. this.totalhj=Number(this.goodsTotal)+Number(this.salePriceTotal)
  397. this.totalhj=this.totalhj.toFixed(2)
  398. console.log(this.orderData)
  399. },
  400. reduce(v){
  401. console.log(v)
  402. if(v.qty>1){
  403. v.qty--;
  404. this.calculation()
  405. }else if(v.del){
  406. if(v.qty>0){
  407. v.qty--;
  408. this.calculation()
  409. }
  410. }
  411. },
  412. plus(v){
  413. v.qty++;
  414. this.calculation()
  415. },
  416. getData(){
  417. uni.showLoading({
  418. title: '加载中'
  419. })
  420. var location = uni.getStorageSync("locationCity");
  421. var selectCity = uni.getStorageSync("selectCity");
  422. var cityCode=''
  423. if(selectCity){
  424. cityCode=selectCity.code
  425. }else{
  426. cityCode=location.cityCode
  427. }
  428. this.$http('miniApp/tPackageMiniAppController/queryPackageList', {
  429. mileage:this.maintainCarData.milage,
  430. liyangId:this.maintainCarData.nLevelID,
  431. cityCode:cityCode,
  432. guidePrice:this.maintainCarData.guidePrice?this.maintainCarData.guidePrice:0,
  433. },'GET').then(res => {
  434. console.log(res)
  435. // this.csdata=JSON.parse(JSON.stringify(res.data))
  436. uni.hideLoading();
  437. if(res.code==1){
  438. uni.showModal({
  439. title: '提示',
  440. content: res.msg,
  441. showCancel:false,
  442. success: function (res) {
  443. }
  444. });
  445. }
  446. res.data.forEach(item=>{
  447. //console.log(item)
  448. item.listPackage.forEach((list,i)=>{
  449. if(list.listGoodsAll.length>0){
  450. list.listGoodsAll.forEach((goods,index)=>{
  451. var brandName=goods.goodsList[0].brandName
  452. var newtp=[];
  453. goods.goodsGroupDetail.forEach(tgoods=>{
  454. if(brandName==tgoods.brandName){
  455. newtp.push(tgoods)
  456. }
  457. })
  458. goods.goodsGroupDetail=newtp
  459. /* console.log("同品组")
  460. console.log(goods.goodsGroupDetail) */
  461. if(goods.goodsGroupDetail.length==0){
  462. //同组品为空的情况
  463. var referenceDosageQty=Number(list.referenceDosageQty)
  464. referenceDosageQty=Math.ceil(referenceDosageQty)
  465. if(goods.goodsList[0].capacity&&!goods.goodsList[0].del){
  466. console.log(list.name+"??==="+referenceDosageQty/goods.goodsList[0].capacity)
  467. if(referenceDosageQty/goods.goodsList[0].capacity>1){
  468. var qtynum1=referenceDosageQty-goods.goodsList[0].capacity
  469. var qtynum2=Math.ceil(qtynum1/goods.goodsList[0].capacity)
  470. goods.goodsList.splice(300);
  471. var addArrnt=JSON.parse(JSON.stringify(goods.goodsList))
  472. //console.log(addArrnt[0])
  473. addArrnt[0].qty=qtynum2;
  474. addArrnt[0].gh=true
  475. var addDta={
  476. goodsGroupDetail:[],
  477. goodsList:addArrnt
  478. }
  479. addDta.goodsList.forEach(add=>{
  480. add.del=true;
  481. })
  482. //addDta.splice(1,0)
  483. console.log(addDta)
  484. if(addDta.goodsList[0].capacity==goods.goodsList[0].capacity){
  485. goods.goodsList[0].qty++
  486. }else{
  487. var add=JSON.parse(JSON.stringify(addDta))
  488. list.listGoodsAll.splice(index+1, 0,add)
  489. }
  490. //var add=JSON.parse(JSON.stringify(addDta))
  491. //list.listGoodsAll.splice(index+1, 0,add)
  492. }
  493. }
  494. }else{
  495. //同组品不为空的情况
  496. //console.log("同组品不为空的情况 ")
  497. //debugger;
  498. var remainder=0;
  499. var addNum=index
  500. console.log("list.referenceDosageQty - "+list.referenceDosageQty+list.name)
  501. var referenceDosageQty=Number(list.referenceDosageQty)
  502. //var addArr= goods.goodsList
  503. referenceDosageQty=Math.ceil(referenceDosageQty)
  504. goods.goodsList.splice(300);
  505. if(list.referenceDosageQty&&!goods.goodsList[0].del){
  506. goods.goodsGroupDetail.forEach((tgoods,tindex)=>{
  507. var addArr=JSON.parse(JSON.stringify(goods.goodsList))
  508. if(tindex==0){
  509. console.log(tgoods.brandName)
  510. if(tgoods.capacity){
  511. if(referenceDosageQty>tgoods.capacity||referenceDosageQty==tgoods.capacity){
  512. if(goods.goodsGroupDetail.length==1){
  513. //console.log("referenceDosageQty>tgoods.capacity")
  514. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  515. //console.log("parseIntNum--"+parseIntNum)
  516. tgoods.qty=parseIntNum+1
  517. addArr.unshift(tgoods)
  518. var reduce= tgoods.capacity*parseIntNum
  519. referenceDosageQty=referenceDosageQty - reduce
  520. var addDta={
  521. //goodsGroupDetail:[],
  522. goodsGroupDetail:goods.goodsGroupDetail,
  523. goodsList:addArr,
  524. del:true,
  525. }
  526. addDta.goodsList.forEach(add=>{
  527. add.del=true;
  528. })
  529. list.listGoodsAll.splice(index, 1,addDta)
  530. }else{
  531. //console.log("referenceDosageQty>tgoods.capacity")
  532. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  533. //console.log("parseIntNum--"+parseIntNum)
  534. tgoods.qty=parseIntNum
  535. addArr.unshift(tgoods)
  536. var reduce= tgoods.capacity*parseIntNum
  537. referenceDosageQty=referenceDosageQty - reduce
  538. var addDta={
  539. //goodsGroupDetail:[],
  540. goodsGroupDetail:goods.goodsGroupDetail,
  541. goodsList:addArr,
  542. del:true,
  543. }
  544. addDta.goodsList.forEach(add=>{
  545. add.del=true;
  546. })
  547. list.listGoodsAll.splice(index, 1,addDta)
  548. }
  549. }else{
  550. console.log("推荐大于容量")
  551. if(goods.goodsGroupDetail.length==1){
  552. console.log("同组品 一个")
  553. addArr.unshift(tgoods)
  554. referenceDosageQty=referenceDosageQty-tgoods.capacity
  555. var addDta={
  556. //goodsGroupDetail:[],
  557. goodsGroupDetail:goods.goodsGroupDetail,
  558. goodsList:addArr,
  559. del:true,
  560. }
  561. addDta.goodsList.forEach(add=>{
  562. add.del=true;
  563. })
  564. list.listGoodsAll.splice(index, 1,addDta)
  565. }else{
  566. list.listGoodsAll.splice(index, 1)
  567. }
  568. }
  569. }else{
  570. addArr.unshift(tgoods)
  571. var addDta={
  572. //goodsGroupDetail:[],
  573. goodsGroupDetail:goods.goodsGroupDetail,
  574. goodsList:addArr,
  575. del:true,
  576. }
  577. addDta.goodsList.forEach(add=>{
  578. add.del=true;
  579. })
  580. list.listGoodsAll.splice(index, 1,addDta)
  581. }
  582. }else{
  583. if(goods.goodsGroupDetail[0].capacity){
  584. if(referenceDosageQty>0){
  585. console.log('referenceDosageQty'+referenceDosageQty)
  586. console.log(tgoods)
  587. /* remainder=Number(referenceDosageQty)%tgoods.capacity
  588. if(remainder>1){
  589. addArr.unshift(tgoods)
  590. }
  591. referenceDosageQty=referenceDosageQty-tgoods.capacity */
  592. if(referenceDosageQty>tgoods.capacity){
  593. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  594. var reduce= tgoods.capacity*parseIntNum
  595. if(goods.goodsGroupDetail.length==tindex+1){
  596. var a=referenceDosageQty - reduce
  597. if(a>0){
  598. parseIntNum++
  599. }
  600. }
  601. tgoods.qty=parseIntNum
  602. addArr.unshift(tgoods)
  603. //addArr[0].gh=true
  604. referenceDosageQty=referenceDosageQty - reduce
  605. var addDta={
  606. //goodsGroupDetail:[],
  607. goodsGroupDetail:goods.goodsGroupDetail,
  608. goodsList:addArr,
  609. del:true,
  610. tpn:true,
  611. }
  612. addDta.goodsList.forEach(add=>{
  613. add.del=true;
  614. })
  615. //console.log(addArr)
  616. if(tindex==0){
  617. // console.log(addDta.goodsList[0])
  618. //list.listGoodsAll.splice(index, 1,addDta)
  619. //console.log(list.listGoodsAll[index])
  620. }else{
  621. addNum++
  622. console.log('addNum=='+addNum)
  623. //console.log(addDta.goodsList[0])
  624. list.listGoodsAll.splice(addNum, 0,addDta)
  625. }
  626. }else{
  627. if(goods.goodsGroupDetail.length==tindex+1){
  628. addArr.unshift(tgoods)
  629. //addArr[0].gh=true
  630. referenceDosageQty=referenceDosageQty-tgoods.capacity
  631. var addDta={
  632. //goodsGroupDetail:[],
  633. goodsGroupDetail:goods.goodsGroupDetail,
  634. goodsList:addArr,
  635. del:true,
  636. tpn:true,
  637. //gh:true,
  638. }
  639. addDta.goodsList.forEach(add=>{
  640. add.del=true;
  641. })
  642. //console.log(addArr)
  643. if(tindex==0){
  644. // console.log(addDta.goodsList[0])
  645. //list.listGoodsAll.splice(index, 1,addDta)
  646. //console.log(list.listGoodsAll[index])
  647. }else{
  648. addNum++
  649. console.log('addNum=='+addNum)
  650. //console.log(addDta.goodsList[0])
  651. list.listGoodsAll.splice(addNum, 0,addDta)
  652. }
  653. }
  654. }
  655. }
  656. }
  657. }
  658. } )
  659. }
  660. }
  661. })
  662. }
  663. })
  664. })
  665. this.mealData=res.data;
  666. this.mealData.splice(1,0)
  667. //debugger;
  668. console.log("第一次的数据")
  669. console.log(this.mealData)
  670. this.calculation();
  671. })
  672. },
  673. newData(){
  674. var replaceData=uni.getStorageSync("replaceData");
  675. var location = uni.getStorageSync("locationCity");
  676. var selectCity = uni.getStorageSync("selectCity");
  677. var cityCode=''
  678. if(selectCity){
  679. cityCode=selectCity.code
  680. }else{
  681. cityCode=location.cityCode
  682. }
  683. var params={
  684. mileage:this.maintainCarData.milage,
  685. liyangId:this.maintainCarData.nLevelID,
  686. cityCode:cityCode,
  687. guidePrice:this.maintainCarData.guidePrice?this.maintainCarData.guidePrice:0,
  688. goodsID:replaceData.goodsID,
  689. itemID:replaceData.itemID,
  690. packageID:replaceData.packageID,
  691. packageGoodsGroupID:replaceData.packageGoodsGroupID,
  692. }
  693. uni.showLoading({ });
  694. var arr=[]
  695. this.$http('miniApp/tPackageMiniAppController/queryTGoodsGroupDetailForApp', params,'GET').then(res => {
  696. uni.hideLoading();
  697. if(res.data.length>0){
  698. res.data.forEach(item=>{
  699. if(item.brandName==replaceData.brandName){
  700. arr.push(item)
  701. }
  702. })
  703. arr.forEach((item,index)=>{
  704. if(item.goodsID==replaceData.goodsID){
  705. arr.splice(index, 1)
  706. }
  707. })
  708. arr.unshift(replaceData)
  709. }
  710. console.log("处理的同品组")
  711. console.log(arr)
  712. // debugger;
  713. var packageGoodsGroupID=this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList[0].packageGoodsGroupID
  714. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll.forEach(item=>{
  715. if(packageGoodsGroupID==item.goodsList[0].packageGoodsGroupID){
  716. item.tpn=true
  717. }
  718. })
  719. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].tpn=false;
  720. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsGroupDetail=arr
  721. this.mealData.splice(1,0)
  722. console.log("this.leftIndex"+this.leftIndex+'--'+this.replaceIndex1+'--'+this.replaceIndex2)
  723. console.log(this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2])
  724. console.log(this.mealData)
  725. this.chulidata()
  726. })
  727. },
  728. chulidata(){
  729. //debugger;
  730. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList.forEach((item,index)=>{
  731. if(item.gh){
  732. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList.splice(index, 1)
  733. }
  734. })
  735. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll.forEach((item,index)=>{
  736. if(item.tpn){
  737. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll.splice(index, 1)
  738. }
  739. })
  740. this.mealData.forEach((item,index1)=>{
  741. item.listPackage.forEach((list,i)=>{
  742. list.listGoodsAll.forEach((goods,index)=>{
  743. goods.goodsGroupDetail.forEach(tgoods=>{
  744. tgoods.del=false;
  745. })
  746. goods.goodsList.forEach(tgoods=>{
  747. tgoods.del=false;
  748. })
  749. goods.goodsList[0].del=false;
  750. if(goods.tpn){
  751. list.listGoodsAll.splice(index, 1)
  752. }
  753. })
  754. })
  755. })
  756. console.log("重新初始化数据")
  757. console.log(this.mealData)
  758. this.mealData.forEach(item=>{
  759. //console.log(item)
  760. item.listPackage.forEach((list,i)=>{
  761. if(list.listGoodsAll.length>0){
  762. console.log(list.name)
  763. list.listGoodsAll.forEach((goods,index)=>{
  764. var brandName=goods.goodsList[0].brandName
  765. var newtp=[];
  766. goods.goodsGroupDetail.forEach(tgoods=>{
  767. //tgoods.del=false;
  768. if(brandName==tgoods.brandName){
  769. newtp.push(tgoods)
  770. }
  771. })
  772. goods.goodsGroupDetail=newtp
  773. /* console.log("同品组")
  774. console.log(goods.goodsGroupDetail) */
  775. if(goods.goodsGroupDetail.length==0){
  776. //同组品为空的情况
  777. console.log("同组品为空的情况")
  778. var referenceDosageQty=Number(list.referenceDosageQty)
  779. referenceDosageQty=Math.ceil(referenceDosageQty)
  780. if(Number.isInteger(referenceDosageQty/goods.goodsList[0].capacity)){
  781. goods.goodsList[0].qty=referenceDosageQty/goods.goodsList[0].capacity
  782. }else
  783. if(goods.goodsList[0].capacity>0&&!goods.goodsList[0].del){
  784. goods.goodsList.forEach((newGoods,newindex)=>{
  785. if(newindex==0&&!goods.goodsList[0].del){
  786. var qtynum1=referenceDosageQty-newGoods.capacity
  787. var qtynum2=Math.ceil(qtynum1/newGoods.capacity)
  788. console.log("qtynum2=="+qtynum2)
  789. goods.goodsList[0].qty=qtynum2;
  790. goods.goodsList[0].del=true;
  791. referenceDosageQty=referenceDosageQty-(qtynum2*newGoods.capacity)
  792. }else if(newindex!=0&&!newGoods.del){
  793. console.log("referenceDosageQty---"+referenceDosageQty)
  794. if(referenceDosageQty>0){
  795. //var qtynum4=referenceDosageQty-newGoods.capacity
  796. var qtynum3=Math.ceil(referenceDosageQty/newGoods.capacity)
  797. referenceDosageQty=referenceDosageQty-(qtynum3*newGoods.capacity)
  798. var addArrnt=JSON.parse(JSON.stringify(goods.goodsList))
  799. addArrnt[0].qty=qtynum3;
  800. var addDta={
  801. goodsGroupDetail:[],
  802. goodsList:addArrnt
  803. }
  804. addDta.goodsList.forEach(add=>{
  805. add.del=true;
  806. })
  807. //console.log(addDta)
  808. //console.log("第一个容量"+goods.goodsList[0].capacity)
  809. if(addDta.goodsList[0].capacity==goods.goodsList[0].capacity){
  810. goods.goodsList[0].qty++
  811. }else{
  812. var add=JSON.parse(JSON.stringify(addDta))
  813. list.listGoodsAll.splice(index+1, 0,add)
  814. }
  815. //if(addArrnt[0].)
  816. }
  817. }
  818. })
  819. /* if(referenceDosageQty/goods.goodsList[0].capacity>1){
  820. var qtynum1=referenceDosageQty-goods.goodsList[0].capacity
  821. var qtynum2=Math.ceil(qtynum1/goods.goodsList[0].capacity)
  822. console.log("qtynum2=="+qtynum2)
  823. goods.goodsList.splice(300);
  824. var addArrnt=JSON.parse(JSON.stringify(goods.goodsList))
  825. addArrnt[0].qty=qtynum2;
  826. var addDta={
  827. goodsGroupDetail:[],
  828. goodsList:addArrnt
  829. }
  830. addDta.goodsList.forEach(add=>{
  831. add.del=true;
  832. })
  833. console.log(addDta)
  834. var add=JSON.parse(JSON.stringify(addDta))
  835. list.listGoodsAll.splice(index+1, 0,add)
  836. } */
  837. }
  838. }else{
  839. //同组品不为空的情况
  840. //console.log("同组品不为空的情况 ")
  841. var remainder=0;
  842. var addNum=index
  843. console.log("list.referenceDosageQty - "+list.referenceDosageQty+list.name)
  844. var referenceDosageQty=Number(list.referenceDosageQty)
  845. //var addArr= goods.goodsList
  846. referenceDosageQty=Math.ceil(referenceDosageQty)
  847. goods.goodsList.splice(300);
  848. console.log("referenceDosageQty---"+referenceDosageQty + "goods.goodsList[0].del---" +goods.goodsList[0].del)
  849. if(list.referenceDosageQty&&!goods.goodsList[0].del){
  850. goods.goodsGroupDetail.forEach((tgoods,tindex)=>{
  851. var addArr=JSON.parse(JSON.stringify(goods.goodsList))
  852. //debugger;
  853. if(tindex==0){
  854. console.log(tgoods.brandName)
  855. if(tgoods.capacity){
  856. if(referenceDosageQty>tgoods.capacity||referenceDosageQty==tgoods.capacity){
  857. if(goods.goodsGroupDetail.length==1){
  858. //console.log("referenceDosageQty>tgoods.capacity")
  859. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  860. //console.log("parseIntNum--"+parseIntNum)
  861. tgoods.qty=parseIntNum+1
  862. addArr.unshift(tgoods)
  863. var reduce= tgoods.capacity*parseIntNum
  864. referenceDosageQty=referenceDosageQty - reduce
  865. var addDta={
  866. //goodsGroupDetail:[],
  867. goodsGroupDetail:goods.goodsGroupDetail,
  868. goodsList:addArr,
  869. del:true,
  870. }
  871. addDta.goodsList.forEach(add=>{
  872. add.del=true;
  873. })
  874. list.listGoodsAll.splice(index, 1,addDta)
  875. }else{
  876. //console.log("referenceDosageQty>tgoods.capacity")
  877. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  878. //console.log("parseIntNum--"+parseIntNum)
  879. tgoods.qty=parseIntNum
  880. /* if(tgoods.capacity==1){
  881. tgoods.qty=tgoods.qty+1
  882. } */
  883. addArr.unshift(tgoods)
  884. var reduce= tgoods.capacity*parseIntNum
  885. referenceDosageQty=referenceDosageQty - reduce
  886. var addDta={
  887. //goodsGroupDetail:[],
  888. goodsGroupDetail:goods.goodsGroupDetail,
  889. goodsList:addArr,
  890. del:true,
  891. }
  892. addDta.goodsList.forEach(add=>{
  893. add.del=true;
  894. })
  895. list.listGoodsAll.splice(index, 1,addDta)
  896. }
  897. }else{
  898. console.log("推荐大于容量")
  899. if(goods.goodsGroupDetail.length==1){
  900. console.log("同组品 一个")
  901. addArr.unshift(tgoods)
  902. referenceDosageQty=referenceDosageQty-tgoods.capacity
  903. var addDta={
  904. //goodsGroupDetail:[],
  905. goodsGroupDetail:goods.goodsGroupDetail,
  906. goodsList:addArr,
  907. del:true,
  908. }
  909. addDta.goodsList.forEach(add=>{
  910. add.del=true;
  911. })
  912. list.listGoodsAll.splice(index, 1,addDta)
  913. }else{
  914. list.listGoodsAll.splice(index, 1)
  915. }
  916. }
  917. }else{
  918. addArr.unshift(tgoods)
  919. var addDta={
  920. //goodsGroupDetail:[],
  921. goodsGroupDetail:goods.goodsGroupDetail,
  922. goodsList:addArr,
  923. del:true,
  924. }
  925. addDta.goodsList.forEach(add=>{
  926. add.del=true;
  927. })
  928. list.listGoodsAll.splice(index, 1,addDta)
  929. }
  930. }else{
  931. if(goods.goodsGroupDetail[0].capacity){
  932. if(referenceDosageQty>1||referenceDosageQty==1){
  933. console.log('referenceDosageQty'+referenceDosageQty)
  934. console.log(tgoods)
  935. /* remainder=Number(referenceDosageQty)%tgoods.capacity
  936. if(remainder>1){
  937. addArr.unshift(tgoods)
  938. }
  939. referenceDosageQty=referenceDosageQty-tgoods.capacity */
  940. if(referenceDosageQty>tgoods.capacity){
  941. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  942. var reduce= tgoods.capacity*parseIntNum
  943. if(goods.goodsGroupDetail.length==tindex+1){
  944. var a=referenceDosageQty - reduce
  945. if(a>0){
  946. parseIntNum++
  947. }
  948. }
  949. tgoods.qty=parseIntNum
  950. addArr.unshift(tgoods)
  951. referenceDosageQty=referenceDosageQty - reduce
  952. var addDta={
  953. //goodsGroupDetail:[],
  954. goodsGroupDetail:goods.goodsGroupDetail,
  955. goodsList:addArr,
  956. del:true,
  957. tpn:true,
  958. }
  959. addDta.goodsList.forEach(add=>{
  960. add.del=true;
  961. })
  962. //console.log(addArr)
  963. if(tindex==0){
  964. // console.log(addDta.goodsList[0])
  965. //list.listGoodsAll.splice(index, 1,addDta)
  966. //console.log(list.listGoodsAll[index])
  967. }else{
  968. addNum++
  969. console.log('addNum=='+addNum)
  970. //console.log(addDta.goodsList[0])
  971. list.listGoodsAll.splice(addNum, 0,addDta)
  972. }
  973. }else{
  974. if(goods.goodsGroupDetail.length==tindex+1){
  975. addArr.unshift(tgoods)
  976. referenceDosageQty=referenceDosageQty-tgoods.capacity
  977. var addDta={
  978. //goodsGroupDetail:[],
  979. goodsGroupDetail:goods.goodsGroupDetail,
  980. goodsList:addArr,
  981. del:true,
  982. tpn:true,
  983. }
  984. addDta.goodsList.forEach(add=>{
  985. add.del=true;
  986. })
  987. //console.log(addArr)
  988. if(tindex==0){
  989. // console.log(addDta.goodsList[0])
  990. //list.listGoodsAll.splice(index, 1,addDta)
  991. //console.log(list.listGoodsAll[index])
  992. }else{
  993. addNum++
  994. console.log('addNum=='+addNum)
  995. //console.log(addDta.goodsList[0])
  996. list.listGoodsAll.splice(addNum, 0,addDta)
  997. }
  998. }
  999. }
  1000. }
  1001. }
  1002. }
  1003. } )
  1004. }
  1005. }
  1006. })
  1007. }
  1008. })
  1009. })
  1010. this.mealData.splice(1,0)
  1011. console.log("处理数据")
  1012. console.log(this.mealData)
  1013. this.calculation();
  1014. },
  1015. handbook(){
  1016. uni.navigateTo({
  1017. url:'handbook?mileage'+this.maintainCarData.milage+'&liyangId='+this.maintainCarData.nLevelID
  1018. })
  1019. },
  1020. settlement(){
  1021. if(!this.isNull){
  1022. uni.showToast({
  1023. title: '您选择的有未设置价格的商品,请重新选择',
  1024. icon:'none',
  1025. duration: 5000
  1026. });
  1027. return false;
  1028. }
  1029. console.log(this.orderData)
  1030. //return false;
  1031. uni.removeStorageSync('couponData');
  1032. if(this.orderData.length>0){
  1033. /* uni.navigateTo({
  1034. url:'confirmOrder?orderData='+JSON.stringify(this.orderData)+'&currentMileage='+this.maintainCarData.milage
  1035. }) */
  1036. uni.navigateTo({
  1037. url:'orderShop?orderData='+JSON.stringify(this.orderData)+'&currentMileage='+this.maintainCarData.milage+'&brand='+this.brand
  1038. })
  1039. }
  1040. },
  1041. replace(v,index,i,replaceIndex){
  1042. //v.splice(replaceIndex, 1)
  1043. console.log(v)
  1044. console.log(replaceIndex)
  1045. v.goodsList.forEach((item,vindex)=>{
  1046. if(replaceIndex==vindex){
  1047. item.showr=false
  1048. }else{
  1049. item.showr=true
  1050. }
  1051. })
  1052. uni.removeStorageSync('replaceData');
  1053. this.replaceIndex1=index;
  1054. this.replaceIndex2=i;
  1055. uni.setStorage({
  1056. key: 'replaceDataList',
  1057. data: v,
  1058. success: function () {
  1059. uni.navigateTo({
  1060. url:'replaceGoods'
  1061. })
  1062. }
  1063. });
  1064. },
  1065. caidanClick(){
  1066. this.qingdanShow=!this.qingdanShow
  1067. },
  1068. milageEdit(){
  1069. this.maintainCarData.milage=''
  1070. },
  1071. carEdit(){
  1072. uni.navigateTo({
  1073. url:'../index/cailist?type=2'
  1074. })
  1075. }
  1076. }
  1077. }
  1078. </script>
  1079. <style scoped>
  1080. .caidanTk{
  1081. height: calc(100vh );
  1082. width: 100vw;
  1083. background: rgba(0,0,0,0.6);
  1084. position:fixed;
  1085. left: 0;
  1086. top: 0;
  1087. }
  1088. .tkCont{
  1089. height: 70vh;
  1090. /* margin-top: calc(40vh ); */
  1091. position: absolute;
  1092. left: 0;
  1093. bottom: 0;
  1094. }
  1095. .caidanTkTop{
  1096. width: 750rpx;
  1097. height: 90rpx;
  1098. background: #FFFFFF;
  1099. border-radius: 24rpx 24rpx 0px 0px;
  1100. }
  1101. .caidanTkTop{
  1102. display: flex;justify-content: space-between;
  1103. }
  1104. .topTopright{
  1105. display: flex;
  1106. padding-top: 29rpx;
  1107. }
  1108. .tkTopTitle{
  1109. line-height: 90rpx;
  1110. font-size: 30rpx;
  1111. font-weight: 600;
  1112. color: #3C3C3C;
  1113. padding-left: 24rpx;
  1114. }
  1115. .empty{
  1116. width: 86rpx;
  1117. height: 42rpx;
  1118. background: #EEEEEE;
  1119. border-radius: 21rpx;
  1120. text-align: center;
  1121. color: #666666;
  1122. font-size: 24rpx;
  1123. line-height: 42rpx;
  1124. }
  1125. .close{
  1126. color: #999999;
  1127. font-size: 30rpx;
  1128. padding-right: 30rpx;
  1129. padding-left: 24rpx;
  1130. }
  1131. .tkMain{
  1132. background: #F0F0F0;
  1133. height: calc(70vh - 90rpx);
  1134. }
  1135. .tkMainSv{
  1136. padding: 0 24rpx;
  1137. width: 702rpx;
  1138. height: calc(70vh - 150rpx);
  1139. }
  1140. .goodsItemRight{
  1141. width: 520rpx;
  1142. padding-left: 20rpx;
  1143. display: flex;
  1144. flex-direction:column;
  1145. justify-content: space-between;
  1146. }
  1147. .goodsItemBottom{
  1148. display: flex;
  1149. justify-content: space-between;
  1150. }
  1151. .goodssalePrice{
  1152. font-size: 32rpx;font-weight: 500;color: #FF4F00;
  1153. }
  1154. .goodsNum{
  1155. font-size: 24rpx;font-weight: 400;color: #999999;
  1156. }
  1157. .top{
  1158. background: #FF4F00;
  1159. display: flex;
  1160. justify-content: space-between;
  1161. padding: 30rpx 25rpx;
  1162. font-size: 28rpx;
  1163. color: #FFFFFF;
  1164. }
  1165. .goodsItem{
  1166. display: flex;
  1167. padding: 15rpx 0;
  1168. }
  1169. .qingdanLine{
  1170. background: #FFFFFF;
  1171. margin-top: 20rpx;
  1172. padding: 24rpx 20rpx;
  1173. border-radius: 10rpx;
  1174. }
  1175. .brandLogo{
  1176. width: 42rpx;
  1177. height: 42rpx;
  1178. padding: 0 10rpx;
  1179. }
  1180. .topLeft{
  1181. display: flex;
  1182. align-content: center;
  1183. }
  1184. .carName{
  1185. width: 61%;
  1186. }
  1187. .topEdit{
  1188. width: 22rpx;
  1189. height: 22rpx;
  1190. padding: 10rpx;
  1191. }
  1192. .topRight{
  1193. display: flex;
  1194. justify-content: flex-end;
  1195. align-items: center;
  1196. }
  1197. .topInput{
  1198. font-size: 28rpx;
  1199. color: #FFFFFF;
  1200. text-align: right;
  1201. padding-top: 3rpx;
  1202. width: 70%;
  1203. }
  1204. .maintainrecommend{
  1205. padding: 30rpx 24rpx;
  1206. display: flex;
  1207. justify-content: space-between;
  1208. border-bottom: 2rpx solid #EEEEEE;
  1209. }
  1210. .recommendTxt{
  1211. color: #3C3C3C;
  1212. font-size: 30rpx;
  1213. font-weight: 600;
  1214. }
  1215. .manual{
  1216. width: 119rpx;
  1217. height: 40rpx;
  1218. border-radius: 20rpx;
  1219. border: 2rpx solid #F19D01;
  1220. text-align: center;
  1221. line-height: 40rpx;
  1222. font-size: 22rpx;
  1223. color: #F19D01;
  1224. }
  1225. .bottom{
  1226. position: fixed;
  1227. left: 0;
  1228. bottom: 0;
  1229. width: 100vw;
  1230. height: 120rpx;
  1231. background: #FFFFFF;
  1232. box-shadow: 0px -2px 20px 0px rgba(153, 153, 153, 0.2);
  1233. padding-bottom: constant(safe-area-inset-bottom);
  1234. padding-bottom: env(safe-area-inset-bottom);
  1235. box-sizing: content-box;
  1236. z-index: 11;
  1237. }
  1238. .ckBottom{
  1239. width: 100vw;
  1240. height: 120rpx;
  1241. padding-bottom: constant(safe-area-inset-bottom);
  1242. padding-bottom: env(safe-area-inset-bottom);
  1243. box-sizing: content-box;
  1244. }
  1245. .main{
  1246. display: flex;
  1247. height: calc(100vh - 410rpx);
  1248. }
  1249. .mainscrollView{
  1250. height: calc(100vh - 410rpx);
  1251. padding-bottom: constant(safe-area-inset-bottom);
  1252. padding-bottom: env(safe-area-inset-bottom);
  1253. box-sizing: content-box;
  1254. margin-bottom: 120rpx;
  1255. }
  1256. /* #ifdef MP-WEIXIN */
  1257. .main{
  1258. display: flex;
  1259. height: calc(100vh - 310rpx);
  1260. }
  1261. .mainscrollView{
  1262. height: calc(100vh - 310rpx);
  1263. }
  1264. /* #endif */
  1265. .mainLeft{
  1266. width: 146rpx;
  1267. background: #F5F5F5;
  1268. }
  1269. .mainRight{
  1270. width: 604rpx;
  1271. }
  1272. .mainLeftLine{
  1273. color: #3C3C3C;
  1274. padding: 30rpx 20rpx;
  1275. font-size: 24rpx;
  1276. text-align: center;
  1277. position: relative;
  1278. }
  1279. .lineNum{
  1280. position: absolute;
  1281. background: #FF270A;
  1282. width: 40rpx;
  1283. height: 26rpx;
  1284. text-align: center;
  1285. line-height: 26rpx;
  1286. font-size: 20rpx;
  1287. color: #FFFFFF;
  1288. border-radius: 13rpx;
  1289. top: 10rpx;
  1290. right: 10rpx;
  1291. }
  1292. .lineLeftActive{
  1293. background: #FFFFFF;
  1294. }
  1295. .nock{
  1296. width: 22rpx;
  1297. height: 22rpx;
  1298. border-radius: 50%;
  1299. border:2px solid #AEAEAE;
  1300. margin-top: 2rpx;
  1301. margin-right: 10rpx;
  1302. }
  1303. .imgPrivacy{
  1304. width: 36rpx;
  1305. height: 36rpx;
  1306. /* margin-top: 2rpx; */
  1307. /* margin-right: 10rpx; */
  1308. }
  1309. .contTopRight{
  1310. display: flex;
  1311. align-items: center;
  1312. width: 38rpx;
  1313. height: 36rpx;
  1314. margin-right: 10rpx;
  1315. }
  1316. .mainRightLine{
  1317. padding: 20rpx 20rpx 0 20rpx;
  1318. }
  1319. .contTop{
  1320. display: flex;
  1321. justify-content: space-between;
  1322. }
  1323. .listPackgeName{
  1324. font-size: 26rpx;
  1325. font-family: PingFangSC-Regular, PingFang SC;
  1326. font-weight: 600;
  1327. color: #3C3C3C;
  1328. }
  1329. .listPackgeMs{
  1330. font-size: 22rpx;
  1331. font-family: PingFangSC-Regular, PingFang SC;
  1332. font-weight: 400;
  1333. color: #999999;
  1334. padding-top: 5rpx;
  1335. line-height: 30rpx;
  1336. }
  1337. .contZk{
  1338. border-bottom: 1px solid #EEEEEE;
  1339. padding-bottom: 20rpx;
  1340. }
  1341. .goodsImg{
  1342. width: 120rpx;
  1343. height: 120rpx;
  1344. border-radius: 11rpx;
  1345. }
  1346. .goodsItemLIne{
  1347. display: flex;
  1348. padding-top: 20rpx;
  1349. padding-bottom: 20rpx;
  1350. }
  1351. .goodsCont{
  1352. display: flex;
  1353. flex-direction:column;
  1354. justify-content: space-between;
  1355. padding-left: 20rpx;
  1356. }
  1357. .goodsContTop{
  1358. display: flex;
  1359. justify-content: space-between;
  1360. width: 400rpx;
  1361. }
  1362. .goodsItemName{
  1363. font-size: 26rpx;
  1364. font-weight: 400;
  1365. color: #3C3C3C;
  1366. width: 78%;
  1367. }
  1368. .salePrice{
  1369. font-size: 32rpx;
  1370. font-weight: 500;
  1371. color: #FF4F00;
  1372. }
  1373. .replaceBox{
  1374. width: 100rpx;
  1375. }
  1376. .replace{
  1377. width: 75rpx;
  1378. height: 37rpx;
  1379. border-radius: 19rpx;
  1380. border: 2rpx solid #B9B9B9;
  1381. text-align: center;
  1382. line-height: 35rpx;
  1383. color: #707070;
  1384. font-size: 22rpx;
  1385. margin-left: 25rpx;
  1386. }
  1387. .contZkMain{
  1388. padding-top: 20rpx;
  1389. }
  1390. .asa{
  1391. width: 44rpx;
  1392. height: 44rpx;
  1393. line-height: 44rpx;
  1394. text-align: center;
  1395. background: #F4F5F7;
  1396. font-size: 30rpx;
  1397. }
  1398. .goodsCOntBOttom{
  1399. display: flex;
  1400. justify-content: space-between;
  1401. }
  1402. .as{
  1403. display: flex;
  1404. }
  1405. .goodsPrice{
  1406. display: flex;justify-content: space-between;
  1407. padding-top: 10rpx;
  1408. }
  1409. .goodsPriceNum{
  1410. color: #F8F8F8;
  1411. font-size: 28rpx;
  1412. }
  1413. .asNum{
  1414. font-size: 24rpx;color: #333333;
  1415. padding: 0 18rpx;
  1416. height: 44rpx;
  1417. line-height: 44rpx;
  1418. background: #F4F5F7;
  1419. margin-left: 1px;
  1420. margin-right: 1px;
  1421. }
  1422. .itemNum{
  1423. font-size: 24rpx;
  1424. font-weight: 400;
  1425. color: #999999;
  1426. }
  1427. .bottom{
  1428. display: flex;
  1429. justify-content: space-between;
  1430. }
  1431. .caidanImg{
  1432. width: 50rpx;
  1433. height: 50rpx;
  1434. }
  1435. .bottomLeft{
  1436. display: flex;
  1437. }
  1438. .caidan{
  1439. padding-left: 33rpx;
  1440. padding-top: 35rpx;
  1441. padding-right: 33rpx;
  1442. position: relative;
  1443. }
  1444. .total{
  1445. position: absolute;
  1446. width: 40rpx;
  1447. height: 26rpx;
  1448. background: #FF270A;
  1449. line-height: 26rpx;
  1450. text-align: center;
  1451. color: #FFFFFF;
  1452. font-size: 20rpx;
  1453. top: 25rpx;
  1454. right: 15rpx;
  1455. border-radius: 13rpx;
  1456. }
  1457. .heji1{
  1458. font-size: 24rpx;
  1459. font-weight: 500;
  1460. color: #666666;
  1461. }
  1462. .hejiNum{
  1463. font-size: 32rpx;
  1464. font-family: PingFangSC-Medium, PingFang SC;
  1465. font-weight: 500;
  1466. color: #FF4F00;
  1467. }
  1468. .hejiMs{
  1469. font-size: 24rpx;
  1470. padding-top: 5rpx;
  1471. color: #999999;
  1472. }
  1473. .heji{
  1474. padding-top: 23rpx;
  1475. }
  1476. .settlement{
  1477. width: 203rpx;
  1478. height: 74rpx;
  1479. background: #FF4F00;
  1480. border-radius: 37rpx;
  1481. text-align: center;
  1482. line-height: 74rpx;
  1483. font-size: 30rpx;
  1484. font-family: PingFangSC-Medium, PingFang SC;
  1485. font-weight: 500;
  1486. color: #FEFFFE;
  1487. margin-top: 23rpx;
  1488. margin-right: 32rpx;
  1489. }
  1490. .nodataImg{
  1491. width: 400rpx;
  1492. padding-top: 100rpx;
  1493. }
  1494. .noTxt{
  1495. font-size: 36rpx;
  1496. color: #999999;
  1497. padding-top: 50rpx;
  1498. }
  1499. .nodataBox{
  1500. text-align: center;
  1501. }
  1502. </style>