maintain.vue 47 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653
  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=1
  486. goods.goodsList[0].qty++
  487. }else{
  488. var add=JSON.parse(JSON.stringify(addDta))
  489. list.listGoodsAll.splice(index+1, 0,add)
  490. }
  491. //var add=JSON.parse(JSON.stringify(addDta))
  492. //list.listGoodsAll.splice(index+1, 0,add)
  493. }
  494. }
  495. }else{
  496. //同组品不为空的情况
  497. //console.log("同组品不为空的情况 ")
  498. //debugger;
  499. var remainder=0;
  500. var addNum=index
  501. console.log("list.referenceDosageQty - "+list.referenceDosageQty+list.name)
  502. var referenceDosageQty=Number(list.referenceDosageQty)
  503. //var addArr= goods.goodsList
  504. referenceDosageQty=Math.ceil(referenceDosageQty)
  505. goods.goodsList.splice(300);
  506. if(list.referenceDosageQty&&!goods.goodsList[0].del){
  507. goods.goodsGroupDetail.forEach((tgoods,tindex)=>{
  508. var addArr=JSON.parse(JSON.stringify(goods.goodsList))
  509. if(tindex==0){
  510. console.log(tgoods.brandName)
  511. if(tgoods.capacity){
  512. if(referenceDosageQty>tgoods.capacity||referenceDosageQty==tgoods.capacity){
  513. if(goods.goodsGroupDetail.length==1){
  514. //console.log("referenceDosageQty>tgoods.capacity")
  515. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  516. //console.log("parseIntNum--"+parseIntNum)
  517. tgoods.qty=parseIntNum+1
  518. addArr.unshift(tgoods)
  519. var reduce= tgoods.capacity*parseIntNum
  520. referenceDosageQty=referenceDosageQty - reduce
  521. var addDta={
  522. //goodsGroupDetail:[],
  523. goodsGroupDetail:goods.goodsGroupDetail,
  524. goodsList:addArr,
  525. del:true,
  526. }
  527. addDta.goodsList.forEach(add=>{
  528. add.del=true;
  529. })
  530. list.listGoodsAll.splice(index, 1,addDta)
  531. }else{
  532. //console.log("referenceDosageQty>tgoods.capacity")
  533. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  534. //console.log("parseIntNum--"+parseIntNum)
  535. tgoods.qty=parseIntNum
  536. addArr.unshift(tgoods)
  537. var reduce= tgoods.capacity*parseIntNum
  538. referenceDosageQty=referenceDosageQty - reduce
  539. var addDta={
  540. //goodsGroupDetail:[],
  541. goodsGroupDetail:goods.goodsGroupDetail,
  542. goodsList:addArr,
  543. del:true,
  544. }
  545. addDta.goodsList.forEach(add=>{
  546. add.del=true;
  547. })
  548. list.listGoodsAll.splice(index, 1,addDta)
  549. }
  550. }else{
  551. console.log("推荐大于容量")
  552. if(goods.goodsGroupDetail.length==1){
  553. console.log("同组品 一个")
  554. addArr.unshift(tgoods)
  555. referenceDosageQty=referenceDosageQty-tgoods.capacity
  556. var addDta={
  557. //goodsGroupDetail:[],
  558. goodsGroupDetail:goods.goodsGroupDetail,
  559. goodsList:addArr,
  560. del:true,
  561. }
  562. addDta.goodsList.forEach(add=>{
  563. add.del=true;
  564. })
  565. list.listGoodsAll.splice(index, 1,addDta)
  566. }else{
  567. list.listGoodsAll.splice(index, 1)
  568. }
  569. }
  570. }else{
  571. addArr.unshift(tgoods)
  572. var addDta={
  573. //goodsGroupDetail:[],
  574. goodsGroupDetail:goods.goodsGroupDetail,
  575. goodsList:addArr,
  576. del:true,
  577. }
  578. addDta.goodsList.forEach(add=>{
  579. add.del=true;
  580. })
  581. list.listGoodsAll.splice(index, 1,addDta)
  582. }
  583. }else{
  584. if(goods.goodsGroupDetail[0].capacity){
  585. if(referenceDosageQty>0){
  586. console.log('referenceDosageQty'+referenceDosageQty)
  587. console.log(tgoods)
  588. /* remainder=Number(referenceDosageQty)%tgoods.capacity
  589. if(remainder>1){
  590. addArr.unshift(tgoods)
  591. }
  592. referenceDosageQty=referenceDosageQty-tgoods.capacity */
  593. if(referenceDosageQty>tgoods.capacity){
  594. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  595. var reduce= tgoods.capacity*parseIntNum
  596. if(goods.goodsGroupDetail.length==tindex+1){
  597. var a=referenceDosageQty - reduce
  598. if(a>0){
  599. parseIntNum++
  600. }
  601. }
  602. tgoods.qty=parseIntNum
  603. addArr.unshift(tgoods)
  604. //addArr[0].gh=true
  605. referenceDosageQty=referenceDosageQty - reduce
  606. var addDta={
  607. //goodsGroupDetail:[],
  608. goodsGroupDetail:goods.goodsGroupDetail,
  609. goodsList:addArr,
  610. del:true,
  611. tpn:true,
  612. }
  613. addDta.goodsList.forEach(add=>{
  614. add.del=true;
  615. })
  616. //console.log(addArr)
  617. if(tindex==0){
  618. // console.log(addDta.goodsList[0])
  619. //list.listGoodsAll.splice(index, 1,addDta)
  620. //console.log(list.listGoodsAll[index])
  621. }else{
  622. addNum++
  623. console.log('addNum=='+addNum)
  624. //console.log(addDta.goodsList[0])
  625. list.listGoodsAll.splice(addNum, 0,addDta)
  626. }
  627. }else{
  628. if(goods.goodsGroupDetail.length==tindex+1){
  629. addArr.unshift(tgoods)
  630. //addArr[0].gh=true
  631. referenceDosageQty=referenceDosageQty-tgoods.capacity
  632. var addDta={
  633. //goodsGroupDetail:[],
  634. goodsGroupDetail:goods.goodsGroupDetail,
  635. goodsList:addArr,
  636. del:true,
  637. tpn:true,
  638. //gh:true,
  639. }
  640. addDta.goodsList.forEach(add=>{
  641. add.del=true;
  642. })
  643. //console.log(addArr)
  644. if(tindex==0){
  645. // console.log(addDta.goodsList[0])
  646. //list.listGoodsAll.splice(index, 1,addDta)
  647. //console.log(list.listGoodsAll[index])
  648. }else{
  649. addNum++
  650. console.log('addNum=='+addNum)
  651. //console.log(addDta.goodsList[0])
  652. list.listGoodsAll.splice(addNum, 0,addDta)
  653. }
  654. }
  655. }
  656. }
  657. }
  658. }
  659. } )
  660. }
  661. }
  662. })
  663. }
  664. })
  665. })
  666. this.mealData=res.data;
  667. this.mealData.splice(1,0)
  668. //debugger;
  669. console.log("第一次的数据")
  670. console.log(this.mealData)
  671. this.calculation();
  672. })
  673. },
  674. newData(){
  675. var replaceData=uni.getStorageSync("replaceData");
  676. var location = uni.getStorageSync("locationCity");
  677. var selectCity = uni.getStorageSync("selectCity");
  678. var cityCode=''
  679. if(selectCity){
  680. cityCode=selectCity.code
  681. }else{
  682. cityCode=location.cityCode
  683. }
  684. var params={
  685. mileage:this.maintainCarData.milage,
  686. liyangId:this.maintainCarData.nLevelID,
  687. cityCode:cityCode,
  688. guidePrice:this.maintainCarData.guidePrice?this.maintainCarData.guidePrice:0,
  689. goodsID:replaceData.goodsID,
  690. itemID:replaceData.itemID,
  691. packageID:replaceData.packageID,
  692. packageGoodsGroupID:replaceData.packageGoodsGroupID,
  693. }
  694. uni.showLoading({ });
  695. var arr=[]
  696. this.$http('miniApp/tPackageMiniAppController/queryTGoodsGroupDetailForApp', params,'GET').then(res => {
  697. uni.hideLoading();
  698. if(res.data.length>0){
  699. res.data.forEach(item=>{
  700. if(item.brandName==replaceData.brandName){
  701. arr.push(item)
  702. }
  703. })
  704. arr.forEach((item,index)=>{
  705. if(item.goodsID==replaceData.goodsID){
  706. arr.splice(index, 1)
  707. }
  708. })
  709. arr.unshift(replaceData)
  710. }
  711. console.log("处理的同品组")
  712. console.log(arr)
  713. // debugger;
  714. var packageGoodsGroupID=this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList[0].packageGoodsGroupID
  715. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll.forEach(item=>{
  716. if(packageGoodsGroupID==item.goodsList[0].packageGoodsGroupID){
  717. item.tpn=true
  718. }
  719. })
  720. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].tpn=false;
  721. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsGroupDetail=arr
  722. this.mealData.splice(1,0)
  723. console.log("this.leftIndex"+this.leftIndex+'--'+this.replaceIndex1+'--'+this.replaceIndex2)
  724. console.log(this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2])
  725. console.log(this.mealData)
  726. this.chulidata()
  727. })
  728. },
  729. chulidata(){
  730. //debugger;
  731. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList.forEach((item,index)=>{
  732. if(item.gh){
  733. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll[this.replaceIndex2].goodsList.splice(index, 1)
  734. }
  735. })
  736. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll.forEach((item,index)=>{
  737. if(item.tpn){
  738. this.mealData[this.leftIndex].listPackage[this.replaceIndex1].listGoodsAll.splice(index, 1)
  739. }
  740. })
  741. this.mealData.forEach((item,index1)=>{
  742. item.listPackage.forEach((list,i)=>{
  743. list.listGoodsAll.forEach((goods,index)=>{
  744. goods.goodsGroupDetail.forEach(tgoods=>{
  745. tgoods.del=false;
  746. })
  747. goods.goodsList.forEach(tgoods=>{
  748. tgoods.del=false;
  749. })
  750. goods.goodsList[0].del=false;
  751. if(goods.tpn){
  752. list.listGoodsAll.splice(index, 1)
  753. }
  754. })
  755. })
  756. })
  757. console.log("重新初始化数据")
  758. console.log(this.mealData)
  759. this.mealData.forEach(item=>{
  760. //console.log(item)
  761. item.listPackage.forEach((list,i)=>{
  762. if(list.listGoodsAll.length>0){
  763. console.log(list.name)
  764. list.listGoodsAll.forEach((goods,index)=>{
  765. var brandName=goods.goodsList[0].brandName
  766. var newtp=[];
  767. goods.goodsGroupDetail.forEach(tgoods=>{
  768. //tgoods.del=false;
  769. if(brandName==tgoods.brandName){
  770. newtp.push(tgoods)
  771. }
  772. })
  773. goods.goodsGroupDetail=newtp
  774. /* console.log("同品组")
  775. console.log(goods.goodsGroupDetail) */
  776. if(goods.goodsGroupDetail.length==0){
  777. //同组品为空的情况
  778. if(!list.referenceDosageQty){
  779. goods.goodsList[0].qty=1;
  780. return false;
  781. }
  782. console.log("同组品为空的情况")
  783. var referenceDosageQty=Number(list.referenceDosageQty)
  784. referenceDosageQty=Math.ceil(referenceDosageQty)
  785. if(Number.isInteger(referenceDosageQty/goods.goodsList[0].capacity)){
  786. goods.goodsList[0].qty=referenceDosageQty/goods.goodsList[0].capacity
  787. }else
  788. if(goods.goodsList[0].capacity>0&&!goods.goodsList[0].del){
  789. goods.goodsList.forEach((newGoods,newindex)=>{
  790. if(newindex==0&&!goods.goodsList[0].del){
  791. var qtynum1=referenceDosageQty-newGoods.capacity
  792. var qtynum2=Math.ceil(qtynum1/newGoods.capacity)
  793. console.log("qtynum2=="+qtynum2)
  794. goods.goodsList[0].qty=qtynum2;
  795. goods.goodsList[0].del=true;
  796. referenceDosageQty=referenceDosageQty-(qtynum2*newGoods.capacity)
  797. }else if(newindex!=0&&!newGoods.del){
  798. console.log("referenceDosageQty---"+referenceDosageQty)
  799. if(referenceDosageQty>0){
  800. //var qtynum4=referenceDosageQty-newGoods.capacity
  801. var qtynum3=Math.ceil(referenceDosageQty/newGoods.capacity)
  802. referenceDosageQty=referenceDosageQty-(qtynum3*newGoods.capacity)
  803. var addArrnt=JSON.parse(JSON.stringify(goods.goodsList))
  804. addArrnt[0].qty=qtynum3;
  805. var addDta={
  806. goodsGroupDetail:[],
  807. goodsList:addArrnt
  808. }
  809. addDta.goodsList.forEach(add=>{
  810. add.del=true;
  811. })
  812. //console.log(addDta)
  813. //console.log("第一个容量"+goods.goodsList[0].capacity)
  814. if(addDta.goodsList[0].capacity==goods.goodsList[0].capacity){
  815. goods.goodsList[0].qty=1
  816. goods.goodsList[0].qty++
  817. }else{
  818. var add=JSON.parse(JSON.stringify(addDta))
  819. list.listGoodsAll.splice(index+1, 0,add)
  820. }
  821. //if(addArrnt[0].)
  822. }
  823. }
  824. })
  825. /* if(referenceDosageQty/goods.goodsList[0].capacity>1){
  826. var qtynum1=referenceDosageQty-goods.goodsList[0].capacity
  827. var qtynum2=Math.ceil(qtynum1/goods.goodsList[0].capacity)
  828. console.log("qtynum2=="+qtynum2)
  829. goods.goodsList.splice(300);
  830. var addArrnt=JSON.parse(JSON.stringify(goods.goodsList))
  831. addArrnt[0].qty=qtynum2;
  832. var addDta={
  833. goodsGroupDetail:[],
  834. goodsList:addArrnt
  835. }
  836. addDta.goodsList.forEach(add=>{
  837. add.del=true;
  838. })
  839. console.log(addDta)
  840. var add=JSON.parse(JSON.stringify(addDta))
  841. list.listGoodsAll.splice(index+1, 0,add)
  842. } */
  843. }
  844. }else{
  845. //同组品不为空的情况
  846. //console.log("同组品不为空的情况 ")
  847. if(!list.referenceDosageQty){
  848. goods.goodsList[0].qty=1;
  849. return false;
  850. }
  851. var remainder=0;
  852. var addNum=index
  853. console.log("list.referenceDosageQty - "+list.referenceDosageQty+list.name)
  854. var referenceDosageQty=Number(list.referenceDosageQty)
  855. //var addArr= goods.goodsList
  856. referenceDosageQty=Math.ceil(referenceDosageQty)
  857. goods.goodsList.splice(300);
  858. console.log("referenceDosageQty---"+referenceDosageQty + "goods.goodsList[0].del---" +goods.goodsList[0].del)
  859. if(list.referenceDosageQty&&!goods.goodsList[0].del){
  860. goods.goodsGroupDetail.forEach((tgoods,tindex)=>{
  861. var addArr=JSON.parse(JSON.stringify(goods.goodsList))
  862. //debugger;
  863. if(tindex==0){
  864. console.log(tgoods.brandName)
  865. if(tgoods.capacity){
  866. if(referenceDosageQty>tgoods.capacity||referenceDosageQty==tgoods.capacity){
  867. if(goods.goodsGroupDetail.length==1){
  868. //console.log("referenceDosageQty>tgoods.capacity")
  869. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  870. //console.log("parseIntNum--"+parseIntNum)
  871. tgoods.qty=parseIntNum+1
  872. addArr.unshift(tgoods)
  873. var reduce= tgoods.capacity*parseIntNum
  874. referenceDosageQty=referenceDosageQty - reduce
  875. var addDta={
  876. //goodsGroupDetail:[],
  877. goodsGroupDetail:goods.goodsGroupDetail,
  878. goodsList:addArr,
  879. del:true,
  880. }
  881. addDta.goodsList.forEach(add=>{
  882. add.del=true;
  883. })
  884. list.listGoodsAll.splice(index, 1,addDta)
  885. }else{
  886. //console.log("referenceDosageQty>tgoods.capacity")
  887. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  888. //console.log("parseIntNum--"+parseIntNum)
  889. tgoods.qty=parseIntNum
  890. /* if(tgoods.capacity==1){
  891. tgoods.qty=tgoods.qty+1
  892. } */
  893. addArr.unshift(tgoods)
  894. var reduce= tgoods.capacity*parseIntNum
  895. referenceDosageQty=referenceDosageQty - reduce
  896. var addDta={
  897. //goodsGroupDetail:[],
  898. goodsGroupDetail:goods.goodsGroupDetail,
  899. goodsList:addArr,
  900. del:true,
  901. }
  902. addDta.goodsList.forEach(add=>{
  903. add.del=true;
  904. })
  905. list.listGoodsAll.splice(index, 1,addDta)
  906. }
  907. }else{
  908. console.log("推荐大于容量")
  909. if(goods.goodsGroupDetail.length==1){
  910. console.log("同组品 一个")
  911. addArr.unshift(tgoods)
  912. referenceDosageQty=referenceDosageQty-tgoods.capacity
  913. var addDta={
  914. //goodsGroupDetail:[],
  915. goodsGroupDetail:goods.goodsGroupDetail,
  916. goodsList:addArr,
  917. del:true,
  918. }
  919. addDta.goodsList.forEach(add=>{
  920. add.del=true;
  921. })
  922. list.listGoodsAll.splice(index, 1,addDta)
  923. }else{
  924. list.listGoodsAll.splice(index, 1)
  925. }
  926. }
  927. }else{
  928. addArr.unshift(tgoods)
  929. var addDta={
  930. //goodsGroupDetail:[],
  931. goodsGroupDetail:goods.goodsGroupDetail,
  932. goodsList:addArr,
  933. del:true,
  934. }
  935. addDta.goodsList.forEach(add=>{
  936. add.del=true;
  937. })
  938. list.listGoodsAll.splice(index, 1,addDta)
  939. }
  940. }else{
  941. if(goods.goodsGroupDetail[0].capacity){
  942. if(referenceDosageQty>1||referenceDosageQty==1){
  943. console.log('referenceDosageQty'+referenceDosageQty)
  944. console.log(tgoods)
  945. /* remainder=Number(referenceDosageQty)%tgoods.capacity
  946. if(remainder>1){
  947. addArr.unshift(tgoods)
  948. }
  949. referenceDosageQty=referenceDosageQty-tgoods.capacity */
  950. if(referenceDosageQty>tgoods.capacity){
  951. var parseIntNum=parseInt(referenceDosageQty/tgoods.capacity)
  952. var reduce= tgoods.capacity*parseIntNum
  953. if(goods.goodsGroupDetail.length==tindex+1){
  954. var a=referenceDosageQty - reduce
  955. if(a>0){
  956. parseIntNum++
  957. }
  958. }
  959. tgoods.qty=parseIntNum
  960. addArr.unshift(tgoods)
  961. referenceDosageQty=referenceDosageQty - reduce
  962. var addDta={
  963. //goodsGroupDetail:[],
  964. goodsGroupDetail:goods.goodsGroupDetail,
  965. goodsList:addArr,
  966. del:true,
  967. tpn:true,
  968. }
  969. addDta.goodsList.forEach(add=>{
  970. add.del=true;
  971. })
  972. //console.log(addArr)
  973. if(tindex==0){
  974. // console.log(addDta.goodsList[0])
  975. //list.listGoodsAll.splice(index, 1,addDta)
  976. //console.log(list.listGoodsAll[index])
  977. }else{
  978. addNum++
  979. console.log('addNum=='+addNum)
  980. //console.log(addDta.goodsList[0])
  981. list.listGoodsAll.splice(addNum, 0,addDta)
  982. }
  983. }else{
  984. if(goods.goodsGroupDetail.length==tindex+1){
  985. addArr.unshift(tgoods)
  986. referenceDosageQty=referenceDosageQty-tgoods.capacity
  987. var addDta={
  988. //goodsGroupDetail:[],
  989. goodsGroupDetail:goods.goodsGroupDetail,
  990. goodsList:addArr,
  991. del:true,
  992. tpn:true,
  993. }
  994. addDta.goodsList.forEach(add=>{
  995. add.del=true;
  996. })
  997. //console.log(addArr)
  998. if(tindex==0){
  999. // console.log(addDta.goodsList[0])
  1000. //list.listGoodsAll.splice(index, 1,addDta)
  1001. //console.log(list.listGoodsAll[index])
  1002. }else{
  1003. addNum++
  1004. console.log('addNum=='+addNum)
  1005. //console.log(addDta.goodsList[0])
  1006. list.listGoodsAll.splice(addNum, 0,addDta)
  1007. }
  1008. }
  1009. }
  1010. }
  1011. }
  1012. }
  1013. } )
  1014. }
  1015. }
  1016. })
  1017. }
  1018. })
  1019. })
  1020. this.mealData.splice(1,0)
  1021. console.log("处理数据")
  1022. console.log(this.mealData)
  1023. this.calculation();
  1024. },
  1025. handbook(){
  1026. uni.navigateTo({
  1027. url:'handbook?mileage'+this.maintainCarData.milage+'&liyangId='+this.maintainCarData.nLevelID
  1028. })
  1029. },
  1030. settlement(){
  1031. if(!this.isNull){
  1032. uni.showToast({
  1033. title: '您选择的有未设置价格的商品,请重新选择',
  1034. icon:'none',
  1035. duration: 5000
  1036. });
  1037. return false;
  1038. }
  1039. console.log(this.orderData)
  1040. //return false;
  1041. uni.removeStorageSync('couponData');
  1042. if(this.orderData.length>0){
  1043. /* uni.navigateTo({
  1044. url:'confirmOrder?orderData='+JSON.stringify(this.orderData)+'&currentMileage='+this.maintainCarData.milage
  1045. }) */
  1046. uni.navigateTo({
  1047. url:'orderShop?orderData='+JSON.stringify(this.orderData)+'&currentMileage='+this.maintainCarData.milage+'&brand='+this.brand
  1048. })
  1049. }
  1050. },
  1051. replace(v,index,i,replaceIndex){
  1052. //v.splice(replaceIndex, 1)
  1053. console.log(v)
  1054. console.log(replaceIndex)
  1055. v.goodsList.forEach((item,vindex)=>{
  1056. if(replaceIndex==vindex){
  1057. item.showr=false
  1058. }else{
  1059. item.showr=true
  1060. }
  1061. })
  1062. uni.removeStorageSync('replaceData');
  1063. this.replaceIndex1=index;
  1064. this.replaceIndex2=i;
  1065. uni.setStorage({
  1066. key: 'replaceDataList',
  1067. data: v,
  1068. success: function () {
  1069. uni.navigateTo({
  1070. url:'replaceGoods'
  1071. })
  1072. }
  1073. });
  1074. },
  1075. caidanClick(){
  1076. this.qingdanShow=!this.qingdanShow
  1077. },
  1078. milageEdit(){
  1079. this.maintainCarData.milage=''
  1080. },
  1081. carEdit(){
  1082. uni.navigateTo({
  1083. url:'../index/cailist?type=2'
  1084. })
  1085. }
  1086. }
  1087. }
  1088. </script>
  1089. <style scoped>
  1090. .caidanTk{
  1091. height: calc(100vh );
  1092. width: 100vw;
  1093. background: rgba(0,0,0,0.6);
  1094. position:fixed;
  1095. left: 0;
  1096. top: 0;
  1097. }
  1098. .tkCont{
  1099. height: 70vh;
  1100. /* margin-top: calc(40vh ); */
  1101. position: absolute;
  1102. left: 0;
  1103. bottom: 0;
  1104. }
  1105. .caidanTkTop{
  1106. width: 750rpx;
  1107. height: 90rpx;
  1108. background: #FFFFFF;
  1109. border-radius: 24rpx 24rpx 0px 0px;
  1110. }
  1111. .caidanTkTop{
  1112. display: flex;justify-content: space-between;
  1113. }
  1114. .topTopright{
  1115. display: flex;
  1116. padding-top: 29rpx;
  1117. }
  1118. .tkTopTitle{
  1119. line-height: 90rpx;
  1120. font-size: 30rpx;
  1121. font-weight: 600;
  1122. color: #3C3C3C;
  1123. padding-left: 24rpx;
  1124. }
  1125. .empty{
  1126. width: 86rpx;
  1127. height: 42rpx;
  1128. background: #EEEEEE;
  1129. border-radius: 21rpx;
  1130. text-align: center;
  1131. color: #666666;
  1132. font-size: 24rpx;
  1133. line-height: 42rpx;
  1134. }
  1135. .close{
  1136. color: #999999;
  1137. font-size: 30rpx;
  1138. padding-right: 30rpx;
  1139. padding-left: 24rpx;
  1140. }
  1141. .tkMain{
  1142. background: #F0F0F0;
  1143. height: calc(70vh - 90rpx);
  1144. }
  1145. .tkMainSv{
  1146. padding: 0 24rpx;
  1147. width: 702rpx;
  1148. height: calc(70vh - 150rpx);
  1149. }
  1150. .goodsItemRight{
  1151. width: 520rpx;
  1152. padding-left: 20rpx;
  1153. display: flex;
  1154. flex-direction:column;
  1155. justify-content: space-between;
  1156. }
  1157. .goodsItemBottom{
  1158. display: flex;
  1159. justify-content: space-between;
  1160. }
  1161. .goodssalePrice{
  1162. font-size: 32rpx;font-weight: 500;color: #FF4F00;
  1163. }
  1164. .goodsNum{
  1165. font-size: 24rpx;font-weight: 400;color: #999999;
  1166. }
  1167. .top{
  1168. background: #FF4F00;
  1169. display: flex;
  1170. justify-content: space-between;
  1171. padding: 30rpx 25rpx;
  1172. font-size: 28rpx;
  1173. color: #FFFFFF;
  1174. }
  1175. .goodsItem{
  1176. display: flex;
  1177. padding: 15rpx 0;
  1178. }
  1179. .qingdanLine{
  1180. background: #FFFFFF;
  1181. margin-top: 20rpx;
  1182. padding: 24rpx 20rpx;
  1183. border-radius: 10rpx;
  1184. }
  1185. .brandLogo{
  1186. width: 42rpx;
  1187. height: 42rpx;
  1188. padding: 0 10rpx;
  1189. }
  1190. .topLeft{
  1191. display: flex;
  1192. align-content: center;
  1193. }
  1194. .carName{
  1195. width: 61%;
  1196. }
  1197. .topEdit{
  1198. width: 22rpx;
  1199. height: 22rpx;
  1200. padding: 10rpx;
  1201. }
  1202. .topRight{
  1203. display: flex;
  1204. justify-content: flex-end;
  1205. align-items: center;
  1206. }
  1207. .topInput{
  1208. font-size: 28rpx;
  1209. color: #FFFFFF;
  1210. text-align: right;
  1211. padding-top: 3rpx;
  1212. width: 70%;
  1213. }
  1214. .maintainrecommend{
  1215. padding: 30rpx 24rpx;
  1216. display: flex;
  1217. justify-content: space-between;
  1218. border-bottom: 2rpx solid #EEEEEE;
  1219. }
  1220. .recommendTxt{
  1221. color: #3C3C3C;
  1222. font-size: 30rpx;
  1223. font-weight: 600;
  1224. }
  1225. .manual{
  1226. width: 119rpx;
  1227. height: 40rpx;
  1228. border-radius: 20rpx;
  1229. border: 2rpx solid #F19D01;
  1230. text-align: center;
  1231. line-height: 40rpx;
  1232. font-size: 22rpx;
  1233. color: #F19D01;
  1234. }
  1235. .bottom{
  1236. position: fixed;
  1237. left: 0;
  1238. bottom: 0;
  1239. width: 100vw;
  1240. height: 120rpx;
  1241. background: #FFFFFF;
  1242. box-shadow: 0px -2px 20px 0px rgba(153, 153, 153, 0.2);
  1243. padding-bottom: constant(safe-area-inset-bottom);
  1244. padding-bottom: env(safe-area-inset-bottom);
  1245. box-sizing: content-box;
  1246. z-index: 11;
  1247. }
  1248. .ckBottom{
  1249. width: 100vw;
  1250. height: 120rpx;
  1251. padding-bottom: constant(safe-area-inset-bottom);
  1252. padding-bottom: env(safe-area-inset-bottom);
  1253. box-sizing: content-box;
  1254. }
  1255. .main{
  1256. display: flex;
  1257. height: calc(100vh - 410rpx);
  1258. }
  1259. .mainscrollView{
  1260. height: calc(100vh - 410rpx);
  1261. padding-bottom: constant(safe-area-inset-bottom);
  1262. padding-bottom: env(safe-area-inset-bottom);
  1263. box-sizing: content-box;
  1264. margin-bottom: 120rpx;
  1265. }
  1266. /* #ifdef MP-WEIXIN */
  1267. .main{
  1268. display: flex;
  1269. height: calc(100vh - 310rpx);
  1270. }
  1271. .mainscrollView{
  1272. height: calc(100vh - 310rpx);
  1273. }
  1274. /* #endif */
  1275. .mainLeft{
  1276. width: 146rpx;
  1277. background: #F5F5F5;
  1278. }
  1279. .mainRight{
  1280. width: 604rpx;
  1281. }
  1282. .mainLeftLine{
  1283. color: #3C3C3C;
  1284. padding: 30rpx 20rpx;
  1285. font-size: 24rpx;
  1286. text-align: center;
  1287. position: relative;
  1288. }
  1289. .lineNum{
  1290. position: absolute;
  1291. background: #FF270A;
  1292. width: 40rpx;
  1293. height: 26rpx;
  1294. text-align: center;
  1295. line-height: 26rpx;
  1296. font-size: 20rpx;
  1297. color: #FFFFFF;
  1298. border-radius: 13rpx;
  1299. top: 10rpx;
  1300. right: 10rpx;
  1301. }
  1302. .lineLeftActive{
  1303. background: #FFFFFF;
  1304. }
  1305. .nock{
  1306. width: 22rpx;
  1307. height: 22rpx;
  1308. border-radius: 50%;
  1309. border:2px solid #AEAEAE;
  1310. margin-top: 2rpx;
  1311. margin-right: 10rpx;
  1312. }
  1313. .imgPrivacy{
  1314. width: 36rpx;
  1315. height: 36rpx;
  1316. /* margin-top: 2rpx; */
  1317. /* margin-right: 10rpx; */
  1318. }
  1319. .contTopRight{
  1320. display: flex;
  1321. align-items: center;
  1322. width: 38rpx;
  1323. height: 36rpx;
  1324. margin-right: 10rpx;
  1325. }
  1326. .mainRightLine{
  1327. padding: 20rpx 20rpx 0 20rpx;
  1328. }
  1329. .contTop{
  1330. display: flex;
  1331. justify-content: space-between;
  1332. }
  1333. .listPackgeName{
  1334. font-size: 26rpx;
  1335. font-family: PingFangSC-Regular, PingFang SC;
  1336. font-weight: 600;
  1337. color: #3C3C3C;
  1338. }
  1339. .listPackgeMs{
  1340. font-size: 22rpx;
  1341. font-family: PingFangSC-Regular, PingFang SC;
  1342. font-weight: 400;
  1343. color: #999999;
  1344. padding-top: 5rpx;
  1345. line-height: 30rpx;
  1346. }
  1347. .contZk{
  1348. border-bottom: 1px solid #EEEEEE;
  1349. padding-bottom: 20rpx;
  1350. }
  1351. .goodsImg{
  1352. width: 120rpx;
  1353. height: 120rpx;
  1354. border-radius: 11rpx;
  1355. }
  1356. .goodsItemLIne{
  1357. display: flex;
  1358. padding-top: 20rpx;
  1359. padding-bottom: 20rpx;
  1360. }
  1361. .goodsCont{
  1362. display: flex;
  1363. flex-direction:column;
  1364. justify-content: space-between;
  1365. padding-left: 20rpx;
  1366. }
  1367. .goodsContTop{
  1368. display: flex;
  1369. justify-content: space-between;
  1370. width: 400rpx;
  1371. }
  1372. .goodsItemName{
  1373. font-size: 26rpx;
  1374. font-weight: 400;
  1375. color: #3C3C3C;
  1376. width: 78%;
  1377. }
  1378. .salePrice{
  1379. font-size: 32rpx;
  1380. font-weight: 500;
  1381. color: #FF4F00;
  1382. }
  1383. .replaceBox{
  1384. width: 100rpx;
  1385. }
  1386. .replace{
  1387. width: 75rpx;
  1388. height: 37rpx;
  1389. border-radius: 19rpx;
  1390. border: 2rpx solid #B9B9B9;
  1391. text-align: center;
  1392. line-height: 35rpx;
  1393. color: #707070;
  1394. font-size: 22rpx;
  1395. margin-left: 25rpx;
  1396. }
  1397. .contZkMain{
  1398. padding-top: 20rpx;
  1399. }
  1400. .asa{
  1401. width: 44rpx;
  1402. height: 44rpx;
  1403. line-height: 44rpx;
  1404. text-align: center;
  1405. background: #F4F5F7;
  1406. font-size: 30rpx;
  1407. }
  1408. .goodsCOntBOttom{
  1409. display: flex;
  1410. justify-content: space-between;
  1411. }
  1412. .as{
  1413. display: flex;
  1414. }
  1415. .goodsPrice{
  1416. display: flex;justify-content: space-between;
  1417. padding-top: 10rpx;
  1418. }
  1419. .goodsPriceNum{
  1420. color: #F8F8F8;
  1421. font-size: 28rpx;
  1422. }
  1423. .asNum{
  1424. font-size: 24rpx;color: #333333;
  1425. padding: 0 18rpx;
  1426. height: 44rpx;
  1427. line-height: 44rpx;
  1428. background: #F4F5F7;
  1429. margin-left: 1px;
  1430. margin-right: 1px;
  1431. }
  1432. .itemNum{
  1433. font-size: 24rpx;
  1434. font-weight: 400;
  1435. color: #999999;
  1436. }
  1437. .bottom{
  1438. display: flex;
  1439. justify-content: space-between;
  1440. }
  1441. .caidanImg{
  1442. width: 50rpx;
  1443. height: 50rpx;
  1444. }
  1445. .bottomLeft{
  1446. display: flex;
  1447. }
  1448. .caidan{
  1449. padding-left: 33rpx;
  1450. padding-top: 35rpx;
  1451. padding-right: 33rpx;
  1452. position: relative;
  1453. }
  1454. .total{
  1455. position: absolute;
  1456. width: 40rpx;
  1457. height: 26rpx;
  1458. background: #FF270A;
  1459. line-height: 26rpx;
  1460. text-align: center;
  1461. color: #FFFFFF;
  1462. font-size: 20rpx;
  1463. top: 25rpx;
  1464. right: 15rpx;
  1465. border-radius: 13rpx;
  1466. }
  1467. .heji1{
  1468. font-size: 24rpx;
  1469. font-weight: 500;
  1470. color: #666666;
  1471. }
  1472. .hejiNum{
  1473. font-size: 32rpx;
  1474. font-family: PingFangSC-Medium, PingFang SC;
  1475. font-weight: 500;
  1476. color: #FF4F00;
  1477. }
  1478. .hejiMs{
  1479. font-size: 24rpx;
  1480. padding-top: 5rpx;
  1481. color: #999999;
  1482. }
  1483. .heji{
  1484. padding-top: 23rpx;
  1485. }
  1486. .settlement{
  1487. width: 203rpx;
  1488. height: 74rpx;
  1489. background: #FF4F00;
  1490. border-radius: 37rpx;
  1491. text-align: center;
  1492. line-height: 74rpx;
  1493. font-size: 30rpx;
  1494. font-family: PingFangSC-Medium, PingFang SC;
  1495. font-weight: 500;
  1496. color: #FEFFFE;
  1497. margin-top: 23rpx;
  1498. margin-right: 32rpx;
  1499. }
  1500. .nodataImg{
  1501. width: 400rpx;
  1502. padding-top: 100rpx;
  1503. }
  1504. .noTxt{
  1505. font-size: 36rpx;
  1506. color: #999999;
  1507. padding-top: 50rpx;
  1508. }
  1509. .nodataBox{
  1510. text-align: center;
  1511. }
  1512. </style>