吉鹏 / gulu-vue

1

1

2

2

3

3

4

<scroll-view scroll-y="true" class="sheetView" :class="{sheetView_active:isShowBottom}" @click.stop="stopEvent()" >

4

<scroll-view scroll-y="true" class="sheetView" :class="{sheetView_active:isShowBottom}" @click.stop="stopEvent()" >

5

5

6

6

7

7

8

<image

8

<image

9

:src="skuItem.pic"

9

:src="skuItem.pic"

10

mode="aspectFill"

10

mode="aspectFill"

11

style="width: 188rpx;height: 168rpx;"

11

style="width: 188rpx;height: 168rpx;"

12

13

></image>

13

></image>

14

15

</view>

15

</view>

16

16

17

<text class="goodName">{{goodInfo.p_name}}</text>

17

<text class="goodName">{{goodInfo.p_name}}</text>

18

<text class="remarks">支持7天无理由退货顺丰发货</text>

18

<text class="remarks">支持7天无理由退货顺丰发货</text>

19

19

20

<view class="price">￥{{skuItem.real_price || '暂无'}}</view>

20

<view class="price">￥{{skuItem.real_price || '暂无'}}</view>

21

<text>(限购{{maxCount}}副)</text>

21

<text>(限购{{maxCount}}副)</text>

22

22

23

<view

23

<view

24

class="btn"

24

class="btn"

25

disabled="this.addDisabled"

25

disabled="this.addDisabled"

26

type="default"

26

type="default"

27

@click="counter(false)"

27

@click="counter(false)"

28

>-</view>

28

>-</view>

29

<text>{{count}}</text>

29

<text>{{count}}</text>

30

<view

30

<view

31

class="btn"

31

class="btn"

32

disabled="this.desDisabled"

32

disabled="this.desDisabled"

33

type="default"

33

type="default"

34

@click="counter(true)"

34

@click="counter(true)"

35

>+</view>

35

>+</view>

36

</view>

36

</view>

37

</view>

37

</view>

38

</view>

38

</view>

39

</view>

39

</view>

40

40

41

<view class="title">选择使用人</view>

41

<view class="title">选择使用人</view>

42

42

43

<view class="peopleName" v-for="(item,index) in loveList" :key='index' :class="{ active2: loveCurrent === index }"

43

<view class="peopleName" v-for="(item,index) in loveList" :key='index' :class="{ active2: loveCurrent === index }"

44

@click="onClickLoveItem(index,item.name)">

44

@click="onClickLoveItem(index,item.name)">

45

46

</view>

46

</view>

47

</view>

47

</view>

48

</view>

48

</view>

49

49

50

50

51

51

52

52

53

53

54

54

55

55

56

填写验光数据

56

填写验光数据

57

</view>

57

</view>

58

<text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>

58

<text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>

59

59

60

60

61

61

62

<text class="pd">验光单取名:</text>

62

<text class="pd">验光单取名:</text>

63

</view>

63

</view>

64

<input type="text" @blur="handleInput" class="input"

64

<input type="text" @blur="handleInput" class="input"

65

placeholder="请输入名称" maxlength="20" :value="name" />

65

placeholder="请输入名称" maxlength="20" :value="name" />

66

</view>

66

</view>

67

</view>

67

</view>

68

68

69

69

70

70

71

<text class="p11">{{pickerInfoList[0].nameC}}</text>

71

<text class="p11">{{pickerInfoList[0].nameC}}</text>

72

<text class="p12">{{pickerInfoList[0].nameE}}</text>

72

<text class="p12">{{pickerInfoList[0].nameE}}</text>

73

</view>

73

</view>

74

74

75

75

76

76

77

77

78

79

79

80

</view>

80

</view>

81

81

82

</picker>

82

</picker>

83

83

84

84

85

85

86

86

87

88

88

89

</view>

89

</view>

90

90

91

</picker>

91

</picker>

92

</view>

92

</view>

93

</view>

93

</view>

94

94

95

95

96

96

97

<text class="p11">{{pickerInfoList[1].nameC}}</text>

97

<text class="p11">{{pickerInfoList[1].nameC}}</text>

98

<text class="p12">{{pickerInfoList[1].nameE}}</text>

98

<text class="p12">{{pickerInfoList[1].nameE}}</text>

99

</view>

99

</view>

100

100

101

101

102

102

103

103

104

105

105

106

</view>

106

</view>

107

107

108

</picker>

108

</picker>

109

109

110

110

111

111

112

112

113

114

114

115

</view>

115

</view>

116

116

117

</picker>

117

</picker>

118

</view>

118

</view>

119

</view>

119

</view>

120

120

121

121

122

122

123

<text class="p11">{{pickerInfoList[2].nameC}}</text>

123

<text class="p11">{{pickerInfoList[2].nameC}}</text>

124

<text class="p12">{{pickerInfoList[2].nameE}}</text>

124

<text class="p12">{{pickerInfoList[2].nameE}}</text>

125

</view>

125

</view>

126

126

127

127

128

128

129

130

130

131

</view>

131

</view>

132

</picker>

132

</picker>

133

133

134

134

135

135

136

136

137

138

138

139

</view>

139

</view>

140

140

141

</picker>

141

</picker>

142

</view>

142

</view>

143

</view>

143

</view>

144

144

145

145

146

146

147

147

148

</view>

148

</view>

149

<input type="digit" @change="handleInputPd" class="input"

149

<input type="digit" @change="handleInputPd" class="input"

150

placeholder="请输入瞳距,单位cm" maxlength="20" :value="pd" />

150

placeholder="请输入瞳距,单位cm" maxlength="20" :value="pd" />

151

</view>

151

</view>

152

</view>

152

</view>

153

153

154

154

155

155

156

<text class="p11">{{pickerInfoList[3].nameC}}</text>

156

<text class="p11">{{pickerInfoList[3].nameC}}</text>

157

</view>

157

</view>

158

158

159

159

160

160

161

162

162

163

</view>

163

</view>

164

</picker>

164

</picker>

165

165

166

166

167

167

168

169

169

170

</view>

170

</view>

171

</picker>

171

</picker>

172

172

173

173

174

174

175

176

176

177

</view>

177

</view>

178

</picker>

178

</picker>

179

</view>

179

</view>

180

</view>

180

</view>

181

181

182

182

183

183

184

184

185

</view>

185

</view>

186

186

187

187

188

188

189

</view>

189

</view>

190

190

191

191

192

192

193

</view>

193

</view>

194

195

</view>

195

</view>

196

<!-- <view class="confirm">

196

<!-- <view class="confirm">

197

197

198

<text>确认以上输入信息来源于我的验光数据!</text>

198

<text>确认以上输入信息来源于我的验光数据!</text>

199

</view> -->

199

</view> -->

200

</view>

200

</view>

201

</template>

201

</template>

202

202

203

<view

203

<view

204

v-for="item in pickerInfoList"

204

v-for="item in pickerInfoList"

205

:key="item.key"

205

:key="item.key"

206

class="bodyBox"

206

class="bodyBox"

207

>

207

>

208

208

209

<text class="names">{{item.nameC}}</text>

209

<text class="names">{{item.nameC}}</text>

210

<text style="margin-right: 5px;">{{item.nameArray1[item.nameIndex1]}}年</text>

210

<text style="margin-right: 5px;">{{item.nameArray1[item.nameIndex1]}}年</text>

211

<text style="margin-right: 5px;">{{item.nameArray2[item.nameIndex2]}}月</text>

211

<text style="margin-right: 5px;">{{item.nameArray2[item.nameIndex2]}}月</text>

212

<text>{{item.nameArray3[item.nameIndex2]}}日</text>

212

<text>{{item.nameArray3[item.nameIndex2]}}日</text>

213

</template>

213

</template>

214

214

215

215

216

216

217

</template>

217

</template>

218

219

<text class="names">{{item.nameC}}</text>

219

<text class="names">{{item.nameC}}</text>

220

<text style="margin-right: 10px;">左 {{item.nameArray1[item.nameIndex1]}}</text>

220

<text style="margin-right: 10px;">左 {{item.nameArray1[item.nameIndex1]}}</text>

221

<text>右 {{item.nameArray2[item.nameIndex2]}}</text>

221

<text>右 {{item.nameArray2[item.nameIndex2]}}</text>

222

</template>

222

</template>

223

</view>

223

</view>

224

</template>

224

</template>

225

</view>

225

</view>

226

</view>

226

</view>

227

</view>

227

</view>

228

228

229

<view

229

<view

230

class="chooseItem_1_content"

230

class="chooseItem_1_content"

231

v-for="(item,index) in attrList"

231

v-for="(item,index) in attrList"

232

:key="index"

232

:key="index"

233

>

233

>

234

234

235

<UniCollapseItem

235

<UniCollapseItem

236

:open="show[index]"

236

:open="show[index]"

237

:title="item.meta_name"

237

:title="item.meta_name"

238

showAnimation=false

238

showAnimation=false

239

>

239

>

240

240

241

241

242

<view

242

<view

243

class="item2"

243

class="item2"

244

v-for="(one,i) in item.attr"

244

v-for="(one,i) in item.attr"

245

:key="i"

245

:key="i"

246

:class="{ active2: current[index] === i}"

246

:class="{ active2: current[index] === i}"

247

@click="cartOnClickItem(index, i,one.aid)"

247

@click="cartOnClickItem(index, i,one.aid)"

248

>{{one.name}}</view>

248

>{{one.name}}</view>

249

</view>

249

</view>

250

250

251

<view

251

<view

252

class="item2"

252

class="item2"

253

v-for="(one,i) in item.attr"

253

v-for="(one,i) in item.attr"

254

:key="i"

254

:key="i"

255

:class="{ active2: current[index] === i }"

255

:class="{ active2: current[index] === i }"

256

@click="cartOnClickItem(index, i,one.aid)"

256

@click="cartOnClickItem(index, i,one.aid)"

257

>{{one.name}}</view>

257

>{{one.name}}</view>

258

</view>

258

</view>

259

</view>

259

</view>

260

</UniCollapseItem>

260

</UniCollapseItem>

261

</UniCollapse>

261

</UniCollapse>

262

<view

262

<view

263

class="chooseRes"

263

class="chooseRes"

264

v-show="!show[index]"

264

v-show="!show[index]"

265

>* {{attrList[index].attr[current[index]].name}}</view>

265

>* {{attrList[index].attr[current[index]].name}}</view>

266

</view>

266

</view>

267

</view>

267

</view>

268

<view

268

<view

269

class="button"

269

class="button"

270

@click.native="addCart"

270

@click.native="addCart"

271

v-if="isCart == 1"

271

v-if="isCart == 1"

272

>

272

>

273

加入购物车

273

加入购物车

274

</view>

274

</view>

275

<view

275

<view

276

class="button"

276

class="button"

277

@click="toComfirmOrder"

277

@click="toComfirmOrder"

278

v-if="isCart == 2"

278

v-if="isCart == 2"

279

>

279

>

280

立即结算

280

立即结算

281

</view>

281

</view>

282

<view

282

<view

283

class="button"

283

class="button"

284

@click="comfirmChoose"

284

@click="comfirmChoose"

285

v-if="isCart == 3"

285

v-if="isCart == 3"

286

>

286

>

287

确定

287

确定

288

</view>

288

</view>

289

</view>

289

</view>

290

</scroll-view>

290

</scroll-view>

291

</view>

291

</view>

292

</view>

292

</view>

293

</template>

293

</template>

294

294

295

import UniCollapse from '@/components/UniCollapse/UniCollapse.vue'

295

import UniCollapse from '@/components/UniCollapse/UniCollapse.vue'

296

import UniCollapseItem from '@/components/UniCollapseItem/UniCollapseItem.vue'

296

import UniCollapseItem from '@/components/UniCollapseItem/UniCollapseItem.vue'

297

import store from '@/store'

297

import store from '@/store'

298

export default {

298

export default {

299

components: {

299

components: {

300

UniCollapse,

300

UniCollapse,

301

UniCollapseItem,

301

UniCollapseItem,

302

},

302

},

303

props: {

303

props: {

304

isShowBottom : Boolean,

304

isShowBottom : Boolean,

305

pid: Number,

305

pid: Number,

306

sk_id:String,

306

sk_id:String,

307

propMpId:String,

307

propMpId:String,

308

goodInfo:Object,

308

goodInfo:Object,

309

isCart:Number,

309

isCart:Number,

310

cart_id:Number,

310

cart_id:Number,

311

index:Number

311

index:Number

312

},

312

},

313

data() {

313

data() {

314

return {

314

return {

315

loveCurrent:Number,

315

loveCurrent:Number,

316

316

317

// pid: 0,

317

// pid: 0,

318

maxCount: 20,

318

maxCount: 20,

319

dataName: '', // 验光数据人员名称

319

dataName: '', // 验光数据人员名称

320

isDataName: false, // 是否是已存在的人员数据

320

isDataName: false, // 是否是已存在的人员数据

321

dataConfirm: false, // 已确认所输入验光数据

321

dataConfirm: false, // 已确认所输入验光数据

322

opIsOpen: true,

322

opIsOpen: true,

323

addDisabled: false,

323

addDisabled: false,

324

desDisabled: false,

324

desDisabled: false,

325

current: [],

325

current: [],

326

show: [true,true],

326

show: [true,true],

327

checkedData: {},

327

checkedData: {},

328

// 度数相关数据

328

// 度数相关数据

329

pickerInfoList: [

329

pickerInfoList: [

330

{ nameC: '度数', nameE: '(SPH)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 0 },

330

{ nameC: '度数', nameE: '(SPH)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 0 },

331

{ nameC: '散光', nameE: '(CYL)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 1 },

331

{ nameC: '散光', nameE: '(CYL)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 1 },

332

{ nameC: '散光轴位', nameE: '(AXI)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 2 },

332

{ nameC: '散光轴位', nameE: '(AXI)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 2 },

333

{ nameC: '验光日期', nameE: '', nameArray1: [''], nameIndex1: 0, nameArray2: ['', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], nameIndex2: 0, nameArray3: [''], nameIndex3: 0 },

333

{ nameC: '验光日期', nameE: '', nameArray1: [''], nameIndex1: 0, nameArray2: ['', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], nameIndex2: 0, nameArray3: [''], nameIndex3: 0 },

334

],

334

],

335

// confirm: false, // 用户是否确认

335

// confirm: false, // 用户是否确认

336

// tabicon: ['/static/detail-button.png', '/static/detail-button-unselected.png'],

336

// tabicon: ['/static/detail-button.png', '/static/detail-button-unselected.png'],

337

337

338

oldname: '', // 用于判读用户是否改变名字

338

oldname: '', // 用于判读用户是否改变名字

339

pickerInfoChioce: {

339

pickerInfoChioce: {

340

leftSph: '',

340

leftSph: '',

341

rightSph: '',

341

rightSph: '',

342

leftCyl: '',

342

leftCyl: '',

343

rightCyl: '',

343

rightCyl: '',

344

leftAxi: '',

344

leftAxi: '',

345

rightAxi: '',

345

rightAxi: '',

346

time: {

346

time: {

347

year: 0,

347

year: 0,

348

month: 0,

348

month: 0,

349

day: 0,

349

day: 0,

350

},

350

},

351

},

351

},

352

glassInfo:{

352

glassInfo:{

353

glassWidth:Number,//镜片宽度

353

glassWidth:Number,//镜片宽度

354

norseWidth:Number,//鼻宽

354

norseWidth:Number,//鼻宽

355

legWidth:Number//镜腿长度

355

legWidth:Number//镜腿长度

356

},

356

},

357

pd: '', // 瞳距

357

pd: '', // 瞳距

358

oldpd: '', // 用于判断用户是否改变瞳距

358

oldpd: '', // 用于判断用户是否改变瞳距

359

kinds: 1, // kinds=1，提交为新增验光，2为修改

359

kinds: 1, // kinds=1，提交为新增验光，2为修改

360

mp_id: Number,

360

mp_id: Number,

361

skuValueArray:[],

361

skuValueArray:[],

362

skId:String

362

skId:String

363

}

363

}

364

},

364

},

365

computed: {

365

computed: {

366

//进购物车选择的人的index

366

//进购物车选择的人的index

367

p_current(){

367

p_current(){

368

const getLoveItemIndex = (item) => item.mp_id == this.propMpId

368

const getLoveItemIndex = (item) => item.mp_id == this.propMpId

369

const p_current = this.$store.state.myLoveList.loveList.findIndex(getLoveItemIndex )

369

const p_current = this.$store.state.myLoveList.loveList.findIndex(getLoveItemIndex )

370

if(this.isCart == 3){

370

if(this.isCart == 3){

371

this.loveCurrent = p_current

371

this.loveCurrent = p_current

372

}

372

}

373

return p_current

373

return p_current

374

},

374

},

375

arr_current(){

375

arr_current(){

376

if(this.isCart == 3){

376

if(this.isCart == 3){

377

const skId = this.sk_id

377

const skId = this.sk_id

378

const skuValue = this.skuItem.sku_value

378

const skuValue = this.skuItem.sku_value

379

const skuValueArray = skuValue.split('_')

379

const skuValueArray = skuValue.split('_')

380

this.skuValueArray = skuValueArray

380

this.skuValueArray = skuValueArray

381

const attrList = this.$store.state.read.goodInfo.attrList

381

const attrList = this.$store.state.read.goodInfo.attrList

382

for (let i = 0;i<attrList.length;i++) {

382

for (let i = 0;i<attrList.length;i++) {

383

const getArrIndex = (item) => item.aid == skuValueArray[i]

383

const getArrIndex = (item) => item.aid == skuValueArray[i]

384

const arr_current = this.$store.state.read.goodInfo.attrList[i].attr.findIndex(getArrIndex )

384

const arr_current = this.$store.state.read.goodInfo.attrList[i].attr.findIndex(getArrIndex )

385

// console.log('arr_current',arr_current)

385

// console.log('arr_current',arr_current)

386

this.current.push(arr_current)

386

this.current.push(arr_current)

387

}

387

}

388

}else{

388

}else{

389

return null

389

return null

390

}

390

}

391

},

391

},

392

loveList() {

392

loveList() {

393

return this.$store.state.myLoveList.loveList || []

393

return this.$store.state.myLoveList.loveList || []

394

},

394

},

395

attrList() {

395

attrList() {

396

// console.log('attrList',this.$store.state.read.goodInfo.attrList)

396

// console.log('attrList',this.$store.state.read.goodInfo.attrList)

397

let attrList = this.$store.state.read.goodInfo.attrList

397

let attrList = this.$store.state.read.goodInfo.attrList

398

if(attrList !== undefined){

398

if(attrList !== undefined){

399

return attrList

399

return attrList

400

}else{

400

}else{

401

return []

401

return []

402

}

402

}

403

},

403

},

404

skuList() {

404

skuList() {

405

// console.log('skuList',this.$store.state.read.goodInfo.skuList)

405

// console.log('skuList',this.$store.state.read.goodInfo.skuList)

406

return this.$store.state.read.goodInfo.skuList

406

return this.$store.state.read.goodInfo.skuList

407

},

407

},

408

skuItem(){

408

skuItem(){

409

// if(this.isCart == 3){

409

// if(this.isCart == 3){

410

const skuList = this.$store.state.read.goodInfo.skuList

410

const skuList = this.$store.state.read.goodInfo.skuList

411

const skuItem = skuList.filter(item => item.sk_id === this.skId)[0]

411

const skuItem = skuList.filter(item => item.sk_id === this.skId)[0]

412

return skuItem

412

return skuItem

413

// }else{

413

// }else{

414

// const skuList = this.$store.state.read.goodInfo.skuList

414

// const skuList = this.$store.state.read.goodInfo.skuList

415

// const skuItem = skuList[0]

415

// const skuItem = skuList[0]

416

// return skuItem

416

// return skuItem

417

// }

417

// }

418

},

418

},

419

mpList() {

419

mpList() {

420

421

return this.$store.state.myLoveList.loveList

421

return this.$store.state.myLoveList.loveList

422

},

422

},

423

glassInfoRight(){

423

glassInfoRight(){

424

const glassInfoArr = Object.values(this.glassInfo)

424

const glassInfoArr = Object.values(this.glassInfo)

425

// console.log('glassInfoArr',glassInfoArr.find(item => item == '0'))

425

// console.log('glassInfoArr',glassInfoArr.find(item => item == '0'))

426

return glassInfoArr.find(item => item == '0') ==undefined

426

return glassInfoArr.find(item => item == '0') ==undefined

427

}

427

}

428

},

428

},

429

created() {

429

created() {

430

this.skuValueArray = this.skuList[0].sku_value.split("_")

430

this.skuValueArray = this.skuList[0].sku_value.split("_")

431

// console.log(this.sk_id)

431

// console.log(this.sk_id)

432

this.mp_id = this.propMpId

432

this.mp_id = this.propMpId

433

const pid = this.pid

433

const pid = this.pid

434

if(this.isCart!==3){

434

if(this.isCart!==3){

435

this.skId = this.skuList[0].sk_id

435

this.skId = this.skuList[0].sk_id

436

const current = []

436

const current = []

437

const show = []

437

const show = []

438

for (let index = 0; index < this.attrList.length; index++) {

438

for (let index = 0; index < this.attrList.length; index++) {

439

current.push(0)

439

current.push(0)

440

show.push(true)

440

show.push(true)

441

}

441

}

442

this.current = current

442

this.current = current

443

this.show = show

443

this.show = show

444

}else{

444

}else{

445

this.skId = this.sk_id

445

this.skId = this.sk_id

446

}

446

}

447

//获取关心的人列表

447

//获取关心的人列表

448

store.dispatch('myLoveList/getLoveList', {

448

store.dispatch('myLoveList/getLoveList', {

449

uid: this.$store.state.user.userInfo.uid,

449

uid: this.$store.state.user.userInfo.uid,

450

});

450

});

451

// 初始化SPL、CYL、AXI的值

451

// 初始化SPL、CYL、AXI的值

452

for (let j = 0; j < 3; j++) {

452

for (let j = 0; j < 3; j++) {

453

for (let i = -12; i < 6; i++) {

453

for (let i = -12; i < 6; i++) {

454

this.pickerInfoList[j].nameArray1.push(i)

454

this.pickerInfoList[j].nameArray1.push(i)

455

this.pickerInfoList[j].nameArray1.push(i + 0.5)

455

this.pickerInfoList[j].nameArray1.push(i + 0.5)

456

this.pickerInfoList[j].nameArray2.push(i)

456

this.pickerInfoList[j].nameArray2.push(i)

457

this.pickerInfoList[j].nameArray2.push(i + 0.5)

457

this.pickerInfoList[j].nameArray2.push(i + 0.5)

458

if (i >= -6) {

458

if (i >= -6) {

459

this.pickerInfoList[j].nameArray1.push(i + 0.25)

459

this.pickerInfoList[j].nameArray1.push(i + 0.25)

460

this.pickerInfoList[j].nameArray1.push(i + 0.75)

460

this.pickerInfoList[j].nameArray1.push(i + 0.75)

461

this.pickerInfoList[j].nameArray2.push(i + 0.25)

461

this.pickerInfoList[j].nameArray2.push(i + 0.25)

462

this.pickerInfoList[j].nameArray2.push(i + 0.75)

462

this.pickerInfoList[j].nameArray2.push(i + 0.75)

463

}

463

}

464

if (i === 5) {

464

if (i === 5) {

465

this.pickerInfoList[j].nameArray1.push(i + 1)

465

this.pickerInfoList[j].nameArray1.push(i + 1)

466

this.pickerInfoList[j].nameArray2.push(i + 1)

466

this.pickerInfoList[j].nameArray2.push(i + 1)

467

}

467

}

468

}

468

}

469

}

469

}

470

// 初始化日期值

470

// 初始化日期值

471

for (let i = 1; i < 32; i++) {

471

for (let i = 1; i < 32; i++) {

472

this.pickerInfoList[3].nameArray3.push(i)

472

this.pickerInfoList[3].nameArray3.push(i)

473

}

473

}

474

// 初始化年份前后五年

474

// 初始化年份前后五年

475

const myDate = new Date()

475

const myDate = new Date()

476

const nowYear = myDate.getFullYear()

476

const nowYear = myDate.getFullYear()

477

for (let i = 0; i < 5; i++) {

477

for (let i = 0; i < 5; i++) {

478

this.pickerInfoList[3].nameArray1.push(nowYear - i)

478

this.pickerInfoList[3].nameArray1.push(nowYear - i)

479

}

479

}

480

},

480

},

481

name : "bottomSheet",

481

name : "bottomSheet",

482

methods: {

482

methods: {

483

//判断眼镜数据是否为0

483

//判断眼镜数据是否为0

484

checkGlassInfo(){

484

checkGlassInfo(){

485

// const glassInfoArr = Object.values(this.glassInfo)

485

// const glassInfoArr = Object.values(this.glassInfo)

486

// console.log(this.glassInfoRight)

486

// console.log(this.glassInfoRight)

487

if(!this.glassInfoRight){

487

if(!this.glassInfoRight){

488

uni.showToast({

488

uni.showToast({

489

title:'请完善镜框数据~',

489

title:'请完善镜框数据~',

490

icon:'none'

490

icon:'none'

491

})

491

})

492

}

492

}

493

},

493

},

494

updateMylove(){

494

updateMylove(){

495

const loveItem = this.loveList[this.loveCurrent]

495

const loveItem = this.loveList[this.loveCurrent]

496

const glassWidth = this.glassInfo.glassWidth

496

// console.log(this.loveList)

497

const norseWidth = this.glassInfo.norseWidth

497

// console.log(this.loveCurrent)

498

const legWidth = this.glassInfo.legWidth

498

// console.log(loveItem)

499

if(loveItem.glassWidth !== glassWidth){

499

if(loveItem != undefined){

500

store.dispatch('myLoveList/updateMylove', {

500

const glassWidth = this.glassInfo.glassWidth

501

uid: this.$store.state.user.userInfo.uid,

501

const norseWidth = this.glassInfo.norseWidth

502

openid: this.$store.state.user.userInfo.openid,

502

const legWidth = this.glassInfo.legWidth

503

mp_id: this.mp_id,

503

if(loveItem.glassWidth !== glassWidth){

504

keyname: 'glassWidth',

504

store.dispatch('myLoveList/updateMylove', {

505

keyvalue: glassWidth

505

uid: this.$store.state.user.userInfo.uid,

506

});

506

openid: this.$store.state.user.userInfo.openid,

507

}

507

mp_id: this.mp_id,

508

if(loveItem.norseWidth !== norseWidth){

508

keyname: 'glassWidth',

509

store.dispatch('myLoveList/updateMylove', {

509

keyvalue: glassWidth

510

uid: this.$store.state.user.userInfo.uid,

510

});

511

openid: this.$store.state.user.userInfo.openid,

511

}

512

mp_id: this.mp_id,

512

if(loveItem.norseWidth !== norseWidth){

513

keyname: 'norseWidth',

513

store.dispatch('myLoveList/updateMylove', {

514

keyvalue: norseWidth

514

uid: this.$store.state.user.userInfo.uid,

515

});

515

openid: this.$store.state.user.userInfo.openid,

516

}

516

mp_id: this.mp_id,

517

if(loveItem.legWidth !== legWidth){

517

keyname: 'norseWidth',

518

store.dispatch('myLoveList/updateMylove', {

518

keyvalue: norseWidth

519

uid: this.$store.state.user.userInfo.uid,

519

});

520

openid: this.$store.state.user.userInfo.openid,

520

}

521

mp_id: this.mp_id,

521

if(loveItem.legWidth !== legWidth){

522

keyname: 'legWidth',

522

store.dispatch('myLoveList/updateMylove', {

523

keyvalue: legWidth

523

uid: this.$store.state.user.userInfo.uid,

524

});

524

openid: this.$store.state.user.userInfo.openid,

525

mp_id: this.mp_id,

526

keyname: 'legWidth',

527

keyvalue: legWidth

528

});

529

}

530

}else{

531

uni.showToast({

532

title:'请选择使用人',

533

icon:'none'

534

})

525

}

535

}

526

},

536

},

527

glassInfoInput(e,type){

537

glassInfoInput(e,type){

528

switch(type){

538

switch(type){

529

case 0:

539

case 0:

530

this.glassInfo.glassWidth = e.detail.value

540

this.glassInfo.glassWidth = e.detail.value

531

break;

541

break;

532

case 1:

542

case 1:

533

this.glassInfo.norseWidth = e.detail.value

543

this.glassInfo.norseWidth = e.detail.value

534

break;

544

break;

535

case 2:

545

case 2:

536

this.glassInfo.legWidth = e.detail.value

546

this.glassInfo.legWidth = e.detail.value

537

break;

547

break;

538

default:

548

default:

539

break;

549

break;

540

}

550

}

541

},

551

},

542

//参数点击事件==》改变对应图片

552

//参数点击事件==》改变对应图片

543

cartOnClickItem(index, i,aid) {

553

cartOnClickItem(index, i,aid) {

544

//根据aid拼接skuValue

554

//根据aid拼接skuValue

545

this.skuValueArray[index] = aid

555

this.skuValueArray[index] = aid

546

const sku_value = this.skuValueArray.join('_')

556

const sku_value = this.skuValueArray.join('_')

547

//根据sku_value获取对应的sk_id

557

//根据sku_value获取对应的sk_id

548

const itemSk_id = this.skuList.filter(item=>item.sku_value == sku_value)[0].sk_id

558

const itemSk_id = this.skuList.filter(item=>item.sku_value == sku_value)[0].sk_id

549

//修改sk_id

559

//修改sk_id

550

this.skId = itemSk_id

560

this.skId = itemSk_id

551

if (this.current[index] !== i) {

561

if (this.current[index] !== i) {

552

this.current[index] = i

562

this.current[index] = i

553

}

563

}

554

this.$forceUpdate()

564

this.$forceUpdate()

555

},

565

},

556

comfirmChoose(){

566

comfirmChoose(){

557

this.checkGlassInfo()

567

this.checkGlassInfo()

558

if(this.glassInfoRight){

568

if(this.glassInfoRight){

559

this.updateMylove()

569

this.updateMylove()

560

const price = this.skuList.filter(item=>item.sk_id == this.skId)[0].real_price

570

const price = this.skuList.filter(item=>item.sk_id == this.skId)[0].real_price

561

this.$emit("chooseCartModi",this.mp_id,this.skId,price,this.pid,this.count,this.cart_id,this.index)//添加购物车

571

this.$emit("chooseCartModi",this.mp_id,this.skId,price,this.pid,this.count,this.cart_id,this.index)//添加购物车

562

this.$emit("closeBottom")

572

this.$emit("closeBottom")

563

}

573

}

564

},

574

},

565

addCart(){

575

addCart(){

566

this.checkGlassInfo()

576

this.checkGlassInfo()

567

if(this.glassInfoRight){

577

// console.log(this.glassInfoRight)

568

this.updateMylove()

578

this.updateMylove()

579

if(this.glassInfoRight&&this.mp_id!==''){

569

const that = this

580

const that = this

570

const checkedSKUName = [that.goodInfo.attrList[0].meta_name,that.goodInfo.attrList[1].meta_name]

581

const checkedSKUName = [that.goodInfo.attrList[0].meta_name,that.goodInfo.attrList[1].meta_name]

571

const checkedSKU = []

582

const checkedSKU = []

572

let j;

583

let j;

573

for (let i = 0;i<that.current.length;i++) {

584

for (let i = 0;i<that.current.length;i++) {

574

checkedSKU.push(that.goodInfo.attrList[i].attr[that.current[i]])

585

checkedSKU.push(that.goodInfo.attrList[i].attr[that.current[i]])

575

// console.log('i', i, j, i !== this.current.length - 1)

586

// console.log('i', i, j, i !== this.current.length - 1)

576

if (i !== this.current.length - 1) {

587

if (i !== this.current.length - 1) {

577

// 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应

588

// 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应

578

j = this.current[i] * this.attrList[1].attr.length

589

j = this.current[i] * this.attrList[1].attr.length

579

} else {

590

} else {

580

j += this.current[i]

591

j += this.current[i]

581

}

592

}

582

}

593

}

583

const price = this.skuList.filter(item=>item.sk_id == this.skuList[j].sk_id)[0].real_price

594

const price = this.skuList.filter(item=>item.sk_id == this.skuList[j].sk_id)[0].real_price

584

let sk_id = this.skuList[j].sk_id

595

let sk_id = this.skuList[j].sk_id

585

// console.log('选择的商品sk_id',sk_id,'选择的商品参数',checkedSKU)

596

// console.log('选择的商品sk_id',sk_id,'选择的商品参数',checkedSKU)

586

// console.log('mp_id',this.mp_id,'数量',this.count)

597

// console.log('mp_id',this.mp_id,'数量',this.count)

587

this.$emit("addCart",this.mp_id,this.count,checkedSKU,sk_id,price)//添加购物车

598

this.$emit("addCart",this.mp_id,this.count,checkedSKU,sk_id,price)//添加购物车

588

this.$emit("closeBottom")//关闭弹窗

599

this.$emit("closeBottom")//关闭弹窗

589

}

600

}

590

},

601

},

591

onClickLoveItem(index,name){

602

onClickLoveItem(index,name){

592

const loveList = this.loveList

603

const loveList = this.loveList

593

this.glassInfo.glassWidth = loveList[index].glassWidth

604

this.glassInfo.glassWidth = loveList[index].glassWidth

594

this.glassInfo.norseWidth = loveList[index].norseWidth

605

this.glassInfo.norseWidth = loveList[index].norseWidth

595

this.glassInfo.legWidth = loveList[index].legWidth

606

this.glassInfo.legWidth = loveList[index].legWidth

596

for (let index = 0; index < loveList.length; index++) {

607

for (let index = 0; index < loveList.length; index++) {

597

if (name === loveList[index].name && name!==this.name) {

608

if (name === loveList[index].name && name!==this.name) {

598

this.isDataName = true

609

this.isDataName = true

599

this.kinds = 2

610

this.kinds = 2

600

this.name = loveList[index].name

611

this.name = loveList[index].name

601

this.pd = loveList[index].pd

612

this.pd = loveList[index].pd

602

this.mp_id = loveList[index].mp_id

613

this.mp_id = loveList[index].mp_id

603

this.oldname = loveList[index].name

614

this.oldname = loveList[index].name

604

this.oldpd = loveList[index].pd

615

this.oldpd = loveList[index].pd

605

this.pickerInfoList[0].nameArray1.unshift(loveList[index].leftSph)

616

this.pickerInfoList[0].nameArray1.unshift(loveList[index].leftSph)

606

this.pickerInfoList[0].nameArray2.unshift(loveList[index].rightSph)

617

this.pickerInfoList[0].nameArray2.unshift(loveList[index].rightSph)

607

this.pickerInfoList[1].nameArray1.unshift(loveList[index].leftCyl)

618

this.pickerInfoList[1].nameArray1.unshift(loveList[index].leftCyl)

608

this.pickerInfoList[1].nameArray2.unshift(loveList[index].rightCyl)

619

this.pickerInfoList[1].nameArray2.unshift(loveList[index].rightCyl)

609

this.pickerInfoList[2].nameArray1.unshift(loveList[index].leftAxi)

620

this.pickerInfoList[2].nameArray1.unshift(loveList[index].leftAxi)

610

this.pickerInfoList[2].nameArray2.unshift(loveList[index].rightAxi)

621

this.pickerInfoList[2].nameArray2.unshift(loveList[index].rightAxi)

611

this.pickerInfoList[3].nameArray1.unshift(loveList[index].in_time.toString().slice(0, 4))

622

this.pickerInfoList[3].nameArray1.unshift(loveList[index].in_time.toString().slice(0, 4))

612

if (loveList[index].in_time.toString().slice(5, 6) === 0) {

623

if (loveList[index].in_time.toString().slice(5, 6) === 0) {

613

this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(6, 7))

624

this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(6, 7))

614

} else {

625

} else {

615

this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(5, 7))

626

this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(5, 7))

616

}

627

}

617

if (loveList[index].in_time.toString().slice(8, 9) === 0) {

628

if (loveList[index].in_time.toString().slice(8, 9) === 0) {

618

this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(9, 10))

629

this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(9, 10))

619

} else {

630

} else {

620

this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(8, 10))

631

this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(8, 10))

621

}

632

}

622

}

633

}

623

}

634

}

624

this.name = name;

635

this.name = name;

625

this.loveCurrent = index;

636

this.loveCurrent = index;

626

},

637

},

627

closeSheet(){

638

closeSheet(){

628

this.$emit('closeBottom');

639

this.$emit('closeBottom');

629

},

640

},

630

stopEvent(){ //@click.stop防止事件冒泡

641

stopEvent(){ //@click.stop防止事件冒泡

631

642

632

},

643

},

633

moveHandle(){ //不让页面滚动

644

moveHandle(){ //不让页面滚动

634

645

635

},

646

},

636

// picker相关功能

647

// picker相关功能

637

handleInput(e) {

648

handleInput(e) {

638

this.name = e.target.value

649

this.name = e.target.value

639

this.isDataName = false

650

this.isDataName = false

640

const mpList = this.mpList

651

const mpList = this.mpList

641

// console.log('mpList===>', mpList)

652

// console.log('mpList===>', mpList)

642

for (let index = 0; index < mpList.length; index++) {

653

for (let index = 0; index < mpList.length; index++) {

643

if (e.detail.value === mpList[index].name) {

654

if (e.detail.value === mpList[index].name) {

644

this.isDataName = true

655

this.isDataName = true

645

uni.showModal({

656

uni.showModal({

646

title: '提示',

657

title: '提示',

647

content: `是否填充已有的"${e.detail.value}"的数据`,

658

content: `是否填充已有的"${e.detail.value}"的数据`,

648

success: (res) => {

659

success: (res) => {

649

if (res.confirm) {

660

if (res.confirm) {

650

this.kinds = 2

661

this.kinds = 2

651

// console.log('args===>', index)

662

// console.log('args===>', index)

652

// const mpList=Object.assign({},this.$store.state.mympList.mpList)

663

// const mpList=Object.assign({},this.$store.state.mympList.mpList)

653

this.name = mpList[index].name

664

this.name = mpList[index].name

654

this.pd = mpList[index].pd

665

this.pd = mpList[index].pd

655

this.mp_id = mpList[index].mp_id

666

this.mp_id = mpList[index].mp_id

656

this.oldname = mpList[index].name

667

this.oldname = mpList[index].name

657

this.oldpd = mpList[index].pd

668

this.oldpd = mpList[index].pd

658

// 将kinds =2时的值传到该页面

669

// 将kinds =2时的值传到该页面

659

this.pickerInfoList[0].nameArray1.unshift(mpList[index].leftSph)

670

this.pickerInfoList[0].nameArray1.unshift(mpList[index].leftSph)

660

this.pickerInfoList[0].nameArray2.unshift(mpList[index].rightSph)

671

this.pickerInfoList[0].nameArray2.unshift(mpList[index].rightSph)

661

this.pickerInfoList[1].nameArray1.unshift(mpList[index].leftCyl)

672

this.pickerInfoList[1].nameArray1.unshift(mpList[index].leftCyl)

662

this.pickerInfoList[1].nameArray2.unshift(mpList[index].rightCyl)

673

this.pickerInfoList[1].nameArray2.unshift(mpList[index].rightCyl)

663

this.pickerInfoList[2].nameArray1.unshift(mpList[index].leftAxi)

674

this.pickerInfoList[2].nameArray1.unshift(mpList[index].leftAxi)

664

this.pickerInfoList[2].nameArray2.unshift(mpList[index].rightAxi)

675

this.pickerInfoList[2].nameArray2.unshift(mpList[index].rightAxi)

665

this.pickerInfoList[3].nameArray1.unshift(mpList[index].in_time.toString().slice(0, 4))

676

this.pickerInfoList[3].nameArray1.unshift(mpList[index].in_time.toString().slice(0, 4))

666

if (mpList[index].in_time.toString().slice(5, 6) === 0) {

677

if (mpList[index].in_time.toString().slice(5, 6) === 0) {

667

this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(6, 7))

678

this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(6, 7))

668

} else {

679

} else {

669

this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(5, 7))

680

this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(5, 7))

670

}

681

}

671

if (mpList[index].in_time.toString().slice(8, 9) === 0) {

682

if (mpList[index].in_time.toString().slice(8, 9) === 0) {

672

this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(9, 10))

683

this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(9, 10))

673

} else {

684

} else {

674

this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(8, 10))

685

this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(8, 10))

675

}

686

}

676

// this.checkedData = mpList[index]

687

// this.checkedData = mpList[index]

677

// console.log('checkedData', this.checkedData)

688

// console.log('checkedData', this.checkedData)

678

} else if (res.cancel) {

689

} else if (res.cancel) {

679

this.kinds = 2

690

this.kinds = 2

680

}

691

}

681

},

692

},

682

})

693

})

683

}

694

}

684

}

695

}

685

},

696

},

686

handleInputPd(e) {

697

handleInputPd(e) {

687

// 只能输入正浮点数或正数

698

// 只能输入正浮点数或正数

688

if (/^\d+(\.\d+)?$/.test(e.target.value)) {

699

if (/^\d+(\.\d+)?$/.test(e.target.value)) {

689

this.pd = e.target.value

700

this.pd = e.target.value

690

} else {

701

} else {

691

uni.showToast({

702

uni.showToast({

692

title: '请输入有效数据;示例:89',

703

title: '请输入有效数据;示例:89',

693

icon: 'none',

704

icon: 'none',

694

duration: 2000,

705

duration: 2000,

695

})

706

})

696

this.pd = ''

707

this.pd = ''

697

}

708

}

698

},

709

},

699

// changeConfirm() {

710

// changeConfirm() {

700

// this.confirm = !this.confirm

711

// this.confirm = !this.confirm

701

// },

712

// },

702

bindPickerChange01: function(e) {

713

bindPickerChange01: function(e) {

703

this.pickerInfoList[0].nameIndex1 = e.target.value

714

this.pickerInfoList[0].nameIndex1 = e.target.value

704

this.pickerInfoChioce.leftSph = this.pickerInfoList[0].nameArray1[e.target.value]

715

this.pickerInfoChioce.leftSph = this.pickerInfoList[0].nameArray1[e.target.value]

705

},

716

},

706

bindPickerChange02: function(e) {

717

bindPickerChange02: function(e) {

707

this.pickerInfoList[0].nameIndex2 = e.target.value

718

this.pickerInfoList[0].nameIndex2 = e.target.value

708

this.pickerInfoChioce.rightSph = this.pickerInfoList[0].nameArray2[e.target.value]

719

this.pickerInfoChioce.rightSph = this.pickerInfoList[0].nameArray2[e.target.value]

709

},

720

},

710

721

711

bindPickerChange11: function(e) {

722

bindPickerChange11: function(e) {

712

this.pickerInfoList[1].nameIndex1 = e.target.value

723

this.pickerInfoList[1].nameIndex1 = e.target.value

713

this.pickerInfoChioce.leftCyl = this.pickerInfoList[1].nameArray1[e.target.value]

724

this.pickerInfoChioce.leftCyl = this.pickerInfoList[1].nameArray1[e.target.value]

714

},

725

},

715

bindPickerChange12: function(e) {

726

bindPickerChange12: function(e) {

716

this.pickerInfoList[1].nameIndex2 = e.target.value

727

this.pickerInfoList[1].nameIndex2 = e.target.value

717

this.pickerInfoChioce.rightCyl = this.pickerInfoList[1].nameArray2[e.target.value]

728

this.pickerInfoChioce.rightCyl = this.pickerInfoList[1].nameArray2[e.target.value]

718

},

729

},

719

730

720

bindPickerChange21: function(e) {

731

bindPickerChange21: function(e) {

721

this.pickerInfoList[2].nameIndex1 = e.target.value

732

this.pickerInfoList[2].nameIndex1 = e.target.value

722

this.pickerInfoChioce.leftAxi = this.pickerInfoList[2].nameArray1[e.target.value]

733

this.pickerInfoChioce.leftAxi = this.pickerInfoList[2].nameArray1[e.target.value]

723

},

734

},

724

bindPickerChange22: function(e) {

735

bindPickerChange22: function(e) {

725

this.pickerInfoList[2].nameIndex2 = e.target.value

736

this.pickerInfoList[2].nameIndex2 = e.target.value

726

this.pickerInfoChioce.rightAxi = this.pickerInfoList[2].nameArray2[e.target.value]

737

this.pickerInfoChioce.rightAxi = this.pickerInfoList[2].nameArray2[e.target.value]

727

},

738

},

728

739

729

bindPickerChange41: function(e) {

740

bindPickerChange41: function(e) {

730

this.pickerInfoList[3].nameIndex1 = e.target.value

741

this.pickerInfoList[3].nameIndex1 = e.target.value

731

this.pickerInfoChioce.time.year = this.pickerInfoList[3].nameArray1[e.target.value]

742

this.pickerInfoChioce.time.year = this.pickerInfoList[3].nameArray1[e.target.value]

732

},

743

},

733

bindPickerChange42: function(e) {

744

bindPickerChange42: function(e) {

734

this.pickerInfoList[3].nameIndex2 = e.target.value

745

this.pickerInfoList[3].nameIndex2 = e.target.value

735

this.pickerInfoChioce.time.month = this.pickerInfoList[3].nameArray2[e.target.value]

746

this.pickerInfoChioce.time.month = this.pickerInfoList[3].nameArray2[e.target.value]

736

},

747

},

737

bindPickerChange43: function(e) {

748

bindPickerChange43: function(e) {

738

this.pickerInfoList[3].nameIndex3 = e.target.value

749

this.pickerInfoList[3].nameIndex3 = e.target.value

739

this.pickerInfoChioce.time.day = this.pickerInfoList[3].nameArray3[e.target.value]

750

this.pickerInfoChioce.time.day = this.pickerInfoList[3].nameArray3[e.target.value]

740

},

751

},

741

changeShow(num) {

752

changeShow(num) {

742

this.show[num] = !this.show[num]

753

this.show[num] = !this.show[num]

743

this.$forceUpdate()

754

this.$forceUpdate()

744

},

755

},

745

counter(isadd) {

756

counter(isadd) {

746

if (isadd) {

757

if (isadd) {

747

this.count >= this.maxCount ? this.addDisabled = true : this.count++

758

this.count >= this.maxCount ? this.addDisabled = true : this.count++

748

} else {

759

} else {

749

this.count <= 1 ? this.desDisabled = true : this.count--

760

this.count <= 1 ? this.desDisabled = true : this.count--

750

}

761

}

751

},

762

},

752

toComfirmOrder() {

763

toComfirmOrder() {

753

this.checkGlassInfo()

764

this.checkGlassInfo()

754

this.updateMylove()

765

this.updateMylove()

755

// 先处理验光部分的逻辑，如果ok在跳转

766

// 先处理验光部分的逻辑，如果ok在跳转

756

let flag = 0

767

let flag = 0

757

if (this.name === '') {

768

if (this.name === '') {

758

uni.showToast({

769

uni.showToast({

759

title: '请输入验光单取名',

770

title: '请输入验光单取名',

760

icon: 'none',

771

icon: 'none',

761

duration: 2000,

772

duration: 2000,

762

})

773

})

763

} else {

774

} else {

764

if (this.pd === '') {

775

if (this.pd === '') {

765

uni.showToast({

776

uni.showToast({

766

title: '请输入瞳距',

777

title: '请输入瞳距',

767

icon: 'none',

778

icon: 'none',

768

duration: 2000,

779

duration: 2000,

769

})

780

})

770

} else {

781

} else {

771

if (this.kinds === 1) {

782

if (this.kinds === 1) {

772

// 添加用户验光单

783

// 添加用户验光单

773

if (this.pickerInfoChioce.rightSph === '' || this.pickerInfoChioce.leftSph === '' ||

784

if (this.pickerInfoChioce.rightSph === '' || this.pickerInfoChioce.leftSph === '' ||

774

this.pickerInfoChioce.leftCyl === '' || this.pickerInfoChioce.rightCyl === '' ||

785

this.pickerInfoChioce.leftCyl === '' || this.pickerInfoChioce.rightCyl === '' ||

775

this.pickerInfoChioce.leftAxi === '' || this.pickerInfoChioce.rightAxi === ''

786

this.pickerInfoChioce.leftAxi === '' || this.pickerInfoChioce.rightAxi === ''

776

) {

787

) {

777

uni.showToast({

788

uni.showToast({

778

title: '请输入您的验光数据',

789

title: '请输入您的验光数据',

779

icon: 'none',

790

icon: 'none',

780

duration: 2000,

791

duration: 2000,

781

})

792

})

782

} else {

793

} else {

783

// if (this.confirm) {

794

// if (this.confirm) {

784

store.dispatch('myLoveList/addMylove', {

795

store.dispatch('myLoveList/addMylove', {

785

uid: this.$store.state.user.userInfo.uid,

796

uid: this.$store.state.user.userInfo.uid,

786

openid: this.$store.state.user.userInfo.openid,

797

openid: this.$store.state.user.userInfo.openid,

787

// mp_name: this.$store.state.user.userInfo.mp_name,

798

// mp_name: this.$store.state.user.userInfo.mp_name,

788

leftSph: this.pickerInfoChioce.leftSph,

799

leftSph: this.pickerInfoChioce.leftSph,

789

rightSph: this.pickerInfoChioce.rightSph,

800

rightSph: this.pickerInfoChioce.rightSph,

790

leftCyl: this.pickerInfoChioce.leftCyl,

801

leftCyl: this.pickerInfoChioce.leftCyl,

791

rightCyl: this.pickerInfoChioce.rightCyl,

802

rightCyl: this.pickerInfoChioce.rightCyl,

792

leftAxi: this.pickerInfoChioce.leftAxi,

803

leftAxi: this.pickerInfoChioce.leftAxi,

793

rightAxi: this.pickerInfoChioce.rightAxi,

804

rightAxi: this.pickerInfoChioce.rightAxi,

794

pd: this.pd, // 瞳距

805

pd: this.pd, // 瞳距

795

mp_name: this.name,

806

mp_name: this.name,

796

// time: this.pickerInfoChioce.time,

807

// time: this.pickerInfoChioce.time,

797

// img_url2: "http://localhost:8087/images/shop_1/1/",

808

// img_url2: "http://localhost:8087/images/shop_1/1/",

798

}).then(({ mp_id: mpId }) => {

809

}).then(({ mp_id: mpId }) => {

799

this.mp_id = mpId

810

this.mp_id = mpId

800

})

811

})

801

flag = 1

812

flag = 1

802

}

813

}

803

}

814

}

804

if (this.kinds === 2) {

815

if (this.kinds === 2) {

805

// if (this.confirm) {

816

// if (this.confirm) {

806

const leftList = ['leftSph', 'leftCyl', 'leftAxi']

817

const leftList = ['leftSph', 'leftCyl', 'leftAxi']

807

const rightList = ['rightSph', 'rightCyl', 'rightAxi']

818

const rightList = ['rightSph', 'rightCyl', 'rightAxi']

808

// let flag=0;

819

// let flag=0;

809

if (this.name !== this.oldname) {

820

if (this.name !== this.oldname) {

810

store.dispatch('myLoveList/updateMylove', {

821

store.dispatch('myLoveList/updateMylove', {

811

uid: this.$store.state.user.userInfo.uid,

822

uid: this.$store.state.user.userInfo.uid,

812

openid: this.$store.state.user.userInfo.openid,

823

openid: this.$store.state.user.userInfo.openid,

813

mp_id: this.mp_id,

824

mp_id: this.mp_id,

814

keyname: 'name',

825

keyname: 'name',

815

keyvalue: this.name,

826

keyvalue: this.name,

816

})

827

})

817

flag = 1

828

flag = 1

818

}

829

}

819

if (this.pd !== this.oldpd) {

830

if (this.pd !== this.oldpd) {

820

store.dispatch('myLoveList/updateMylove', {

831

store.dispatch('myLoveList/updateMylove', {

821

uid: this.$store.state.user.userInfo.uid,

832

uid: this.$store.state.user.userInfo.uid,

822

openid: this.$store.state.user.userInfo.openid,

833

openid: this.$store.state.user.userInfo.openid,

823

mp_id: this.mp_id,

834

mp_id: this.mp_id,

824

keyname: 'pd',

835

keyname: 'pd',

825

keyvalue: this.pd,

836

keyvalue: this.pd,

826

})

837

})

827

flag = 1

838

flag = 1

828

}

839

}

829

// 先验证是否输入有无空

840

// 先验证是否输入有无空

830

let q = true

841

let q = true

831

for (let k = 0; k < 3; k++) {

842

for (let k = 0; k < 3; k++) {

832

q = q && (this.pickerInfoList[k].nameArray1[this.pickerInfoList[k].nameIndex1] !== '' &&

843

q = q && (this.pickerInfoList[k].nameArray1[this.pickerInfoList[k].nameIndex1] !== '' &&

833

this.pickerInfoList[k].nameArray2[this.pickerInfoList[k].nameIndex2] !== '')

844

this.pickerInfoList[k].nameArray2[this.pickerInfoList[k].nameIndex2] !== '')

834

}

845

}

835

if (q) {

846

if (q) {

836

for (let j = 0; j < 3; j++) {

847

for (let j = 0; j < 3; j++) {

837

if (this.pickerInfoList[j].nameIndex1 !== 0) {

848

if (this.pickerInfoList[j].nameIndex1 !== 0) {

838

store.dispatch('myLoveList/updateMylove', {

849

store.dispatch('myLoveList/updateMylove', {

839

uid: this.$store.state.user.userInfo.uid,

850

uid: this.$store.state.user.userInfo.uid,

840

openid: this.$store.state.user.userInfo.openid,

851

openid: this.$store.state.user.userInfo.openid,

841

mp_id: this.mp_id,

852

mp_id: this.mp_id,

842

keyname: leftList[j],

853

keyname: leftList[j],

843

keyvalue: this.pickerInfoList[j].nameArray1[this.pickerInfoList[j].nameIndex1],

854

keyvalue: this.pickerInfoList[j].nameArray1[this.pickerInfoList[j].nameIndex1],

844

})

855

})

845

}

856

}

846

if (this.pickerInfoList[j].nameIndex2 !== 0) {

857

if (this.pickerInfoList[j].nameIndex2 !== 0) {

847

store.dispatch('myLoveList/updateMylove', {

858

store.dispatch('myLoveList/updateMylove', {

848

uid: this.$store.state.user.userInfo.uid,

859

uid: this.$store.state.user.userInfo.uid,

849

openid: this.$store.state.user.userInfo.openid,

860

openid: this.$store.state.user.userInfo.openid,

850

mp_id: this.mp_id,

861

mp_id: this.mp_id,

851

keyname: rightList[j],

862

keyname: rightList[j],

852

keyvalue: this.pickerInfoList[j].nameArray2[this.pickerInfoList[j].nameIndex2],

863

keyvalue: this.pickerInfoList[j].nameArray2[this.pickerInfoList[j].nameIndex2],

853

})

864

})

854

}

865

}

855

flag = 1

866

flag = 1

856

}

867

}

857

} else {

868

} else {

858

flag = 0

869

flag = 0

859

uni.showToast({

870

uni.showToast({

860

title: '请输入您的验光数据',

871

title: '请输入您的验光数据',

861

icon: 'none',

872

icon: 'none',

862

duration: 2000,

873

duration: 2000,

863

})

874

})

864

}

875

}

865

876

866

// } else {

877

// } else {

867

// uni.showToast({

878

// uni.showToast({

868

// title: '请确认您的验光数据',

879

// title: '请确认您的验光数据',

869

// icon: 'none',

880

// icon: 'none',

870

// duration: 3000,

881

// duration: 3000,

871

// })

882

// })

872

// }

883

// }

873

}

884

}

874

}

885

}

875

}

886

}

876

if (flag !== 0) {

887

if (flag !== 0) {

877

// 如果数据验证无误，那么更新验光单的数据

888

// 如果数据验证无误，那么更新验光单的数据

878

store.dispatch('myLoveList/getLoveList', {

889

store.dispatch('myLoveList/getLoveList', {

879

uid: this.$store.state.user.userInfo.uid,

890

uid: this.$store.state.user.userInfo.uid,

880

})

891

})

881

let i = 0

892

let i = 0

882

// 判断出是哪一个sku被选中

893

// 判断出是哪一个sku被选中

883

for (let index = 0; index < this.current.length; index++) {

894

for (let index = 0; index < this.current.length; index++) {

884

// console.log('index', index, i, index !== this.current.length - 1)

895

// console.log('index', index, i, index !== this.current.length - 1)

885

if (index !== this.current.length - 1) {

896

if (index !== this.current.length - 1) {

886

// 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应

897

// 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应

887

i = this.current[index] * this.attrList[1].attr.length

898

i = this.current[index] * this.attrList[1].attr.length

888

} else {

899

} else {

889

i += this.current[index]

900

i += this.current[index]

890

}

901

}

891

}

902

}

892

// 判断是否其输入的人员数据是否已存在

903

// 判断是否其输入的人员数据是否已存在

893

store.dispatch('order/saveParams', {

904

store.dispatch('order/saveParams', {

894

sk_id_arr: this.skuList[i],

905

sk_id_arr: this.skuList[i],

895

current: this.current,

906

current: this.current,

896

mp_id: this.mp_id,

907

mp_id: this.mp_id,

897

attrList: this.attrList,

908

attrList: this.attrList,

898

})

909

})

899

this.$store.state.cart.buyItem = this.skuItem

910

this.$store.state.cart.buyItem = this.skuItem

900

// 跳转到确认订单页面

911

// 跳转到确认订单页面

901

uni.navigateTo({

912

uni.navigateTo({

902

url: `../confirmOrder/confirmOrder?pid=${this.pid}&count=${this.count}&name=${this.name}&isCart=false`,

913

url: `../confirmOrder/confirmOrder?pid=${this.pid}&count=${this.count}&name=${this.name}&isCart=false`,

903

})

914

})

904

}

915

}

905

},

916

},

906

}

917

}

907

}

918

}

908

</script>

919

</script>

909

920

910

921

911

.BottomSheetContent {

922

.BottomSheetContent {

912

min-height: 100vh;

923

min-height: 100vh;

913

background-color: #f2f2f2;

924

background-color: #f2f2f2;

914

// padding-top: 20rpx;

925

// padding-top: 20rpx;

915

.goodInfo {

926

.goodInfo {

916

width: 100%;

927

width: 100%;

917

height: 272rpx;

928

height: 272rpx;

918

border-radius: 16rpx;

929

border-radius: 16rpx;

919

background-color: #ffffff;

930

background-color: #ffffff;

920

box-sizing: border-box;

931

box-sizing: border-box;

921

padding: 36rpx;

932

padding: 36rpx;

922

display: flex;

933

display: flex;

923

flex-direction: row;

934

flex-direction: row;

924

justify-content: flex-start;

935

justify-content: flex-start;

925

position: sticky;

936

position: sticky;

926

top: 0rpx;

937

top: 0rpx;

927

left: 0rpx;

938

left: 0rpx;

928

z-index: 99999;

939

z-index: 99999;

929

.imageWrap {

940

.imageWrap {

930

height: 188rpx;

941

height: 188rpx;

931

width: 188rpx;

942

width: 188rpx;

932

margin-right: 28rpx;

943

margin-right: 28rpx;

933

image {

944

image {

934

height: 188rpx;

945

height: 188rpx;

935

width: 188rpx;

946

width: 188rpx;

936

}

947

}

937

}

948

}

938

.infoRight {

949

.infoRight {

939

display: flex;

950

display: flex;

940

flex-direction: column;

951

flex-direction: column;

941

align-items: flex-start;

952

align-items: flex-start;

942

justify-content: space-between;

953

justify-content: space-between;

943

width: 100%;

954

width: 100%;

944

.goodName {

955

.goodName {

945

font-size: 28rpx;

956

font-size: 28rpx;

946

color: #333333;

957

color: #333333;

947

}

958

}

948

.remarks {

959

.remarks {

949

font-size: 20rpx;

960

font-size: 20rpx;

950

color: #999999;

961

color: #999999;

951

}

962

}

952

.priceBox {

963

.priceBox {

953

display: flex;

964

display: flex;

954

justify-content: space-between;

965

justify-content: space-between;

955

align-items: center;

966

align-items: center;

956

width: 100%;

967

width: 100%;

957

font-size: 14px;

968

font-size: 14px;

958

color: #999999;

969

color: #999999;

959

.price {

970

.price {

960

color: #ff6b4a;

971

color: #ff6b4a;

961

font-size: 28rpx;

972

font-size: 28rpx;

962

}

973

}

963

.counter {

974

.counter {

964

display: flex;

975

display: flex;

965

flex-direction: row;

976

flex-direction: row;

966

justify-content: space-between;

977

justify-content: space-between;

967

align-items: center;

978

align-items: center;

968

font-size: 28rpx;

979

font-size: 28rpx;

969

color: #333333;

980

color: #333333;

970

width: 122rpx;

981

width: 122rpx;

971

.btn {

982

.btn {

972

display: flex;

983

display: flex;

973

justify-content: center;

984

justify-content: center;

974

line-height: 32rpx;

985

line-height: 32rpx;

975

height: 32rpx;

986

height: 32rpx;

976

width: 32rpx;

987

width: 32rpx;

977

background-color: #f2f2f2;

988

background-color: #f2f2f2;

978

color: #cfcfcf;

989

color: #cfcfcf;

979

}

990

}

980

}

991

}

981

}

992

}

982

}

993

}

983

}

994

}

984

.peopleChoose{

995

.peopleChoose{

985

width: 100%;

996

width: 100%;

986

min-height: 200rpx;

997

min-height: 200rpx;

987

border-radius: 16rpx;

998

border-radius: 16rpx;

988

background-color: #ffffff;

999

background-color: #ffffff;

989

box-sizing: border-box;

1000

box-sizing: border-box;

990

padding: 36rpx;

1001

padding: 36rpx;

991

margin: 10px 0;

1002

margin: 10px 0;

992

display: flex;

1003

display: flex;

993

flex-direction: column;

1004

flex-direction: column;

994

justify-content: flex-start;

1005

justify-content: flex-start;

995

align-items: center;

1006

align-items: center;

996

.title{

1007

.title{

997

font-size: 16px;

1008

font-size: 16px;

998

color: #333333;

1009

color: #333333;

999

letter-spacing: -0.3px;

1010

letter-spacing: -0.3px;

1000

text-align: justify;

1011

text-align: justify;

1001

line-height: 24px;

1012

line-height: 24px;

1002

margin: 4px 0;

1013

margin: 4px 0;

1003

}

1014

}

1004

.loveList{

1015

.loveList{

1005

display: flex;

1016

display: flex;

1006

flex-direction: row;

1017

flex-direction: row;

1007

flex-wrap: wrap;

1018

flex-wrap: wrap;

1008

justify-content: flex-start;

1019

justify-content: flex-start;

1009

align-items: center;

1020

align-items: center;

1010

padding-top: 24rpx;

1021

padding-top: 24rpx;

1011

width: 100%;

1022

width: 100%;

1012

.peopleName {

1023

.peopleName {

1013

padding: 0 30rpx;

1024

padding: 0 30rpx;

1014

height: 60rpx;

1025

height: 60rpx;

1015

margin: 0 20rpx 20rpx 0;

1026

margin: 0 20rpx 20rpx 0;

1016

transition: all 0.3s;

1027

transition: all 0.3s;

1017

background: #f2f2f2;

1028

background: #f2f2f2;

1018

border-radius: 2px;

1029

border-radius: 2px;

1019

border-radius: 2px;

1030

border-radius: 2px;

1020

line-height: 60rpx;

1031

line-height: 60rpx;

1021

text-align: center;

1032

text-align: center;

1022

color: #666666;

1033

color: #666666;

1023

font-size: 12px;

1034

font-size: 12px;

1024

}

1035

}

1025

.active2 {

1036

.active2 {

1026

background: rgba(255, 107, 74, 0.15);

1037

background: rgba(255, 107, 74, 0.15);

1027

color: #ff6b4a;

1038

color: #ff6b4a;

1028

}

1039

}

1029

}

1040

}

1030

}

1041

}

1031

.goods-data {

1042

.goods-data {

1032

width: 100%;

1043

width: 100%;

1033

box-sizing: border-box;

1044

box-sizing: border-box;

1034

padding: 37rpx 40rpx 0 40rpx;

1045

padding: 37rpx 40rpx 0 40rpx;

1035

background: #ffffff;

1046

background: #ffffff;

1036

border-radius: 12rpx;

1047

border-radius: 12rpx;

1037

.opCollapse {

1048

.opCollapse {

1038

width: 100%;

1049

width: 100%;

1039

padding-bottom: 28rpx;

1050

padding-bottom: 28rpx;

1040

margin-top: 7px;

1051

margin-top: 7px;

1041

border-bottom: 1px solid #e9e9e9;

1052

border-bottom: 1px solid #e9e9e9;

1042

.head {

1053

.head {

1043

display: flex;

1054

display: flex;

1044

justify-content: space-between;

1055

justify-content: space-between;

1045

height: 24px;

1056

height: 24px;

1046

// font-family: PingFangSC-Medium;

1057

// font-family: PingFangSC-Medium;

1047

font-size: 16px;

1058

font-size: 16px;

1048

color: #333333;

1059

color: #333333;

1049

letter-spacing: -0.3px;

1060

letter-spacing: -0.3px;

1050

text-align: justify;

1061

text-align: justify;

1051

line-height: 24px;

1062

line-height: 24px;

1052

margin-bottom: 18rpx;

1063

margin-bottom: 18rpx;

1053

.headRighted {

1064

.headRighted {

1054

width: 0;

1065

width: 0;

1055

height: 0;

1066

height: 0;

1056

border-left: 4px solid transparent;

1067

border-left: 4px solid transparent;

1057

border-right: 4px solid transparent;

1068

border-right: 4px solid transparent;

1058

border-bottom: 4px solid #cfcfcf;

1069

border-bottom: 4px solid #cfcfcf;

1059

transform: scaleY(-1);

1070

transform: scaleY(-1);

1060

margin-top: 10px;

1071

margin-top: 10px;

1061

}

1072

}

1062

.headMid {

1073

.headMid {

1063

font-size: 10px;

1074

font-size: 10px;

1064

color: #999999;

1075

color: #999999;

1065

letter-spacing: -0.19px;

1076

letter-spacing: -0.19px;

1066

margin-left: -120rpx;

1077

margin-left: -120rpx;

1067

}

1078

}

1068

.headRight {

1079

.headRight {

1069

width: 0;

1080

width: 0;

1070

height: 0;

1081

height: 0;

1071

border-left: 4px solid transparent;

1082

border-left: 4px solid transparent;

1072

border-right: 4px solid transparent;

1083

border-right: 4px solid transparent;

1073

border-bottom: 4px solid #cfcfcf;

1084

border-bottom: 4px solid #cfcfcf;

1074

margin-top: 10px;

1085

margin-top: 10px;

1075

}

1086

}

1076

}

1087

}

1077

.body {

1088

.body {

1078

font-size: 12px;

1089

font-size: 12px;

1079

color: #666666;

1090

color: #666666;

1080

letter-spacing: 0;

1091

letter-spacing: 0;

1081

.bodyBox {

1092

.bodyBox {

1082

margin-top: 15px;

1093

margin-top: 15px;

1083

.names {

1094

.names {

1084

font-size: 12px;

1095

font-size: 12px;

1085

color: #151515;

1096

color: #151515;

1086

letter-spacing: 0;

1097

letter-spacing: 0;

1087

text-align: justify;

1098

text-align: justify;

1088

line-height: 17px;

1099

line-height: 17px;

1089

margin-left: 5px;

1100

margin-left: 5px;

1090

margin-right: 10px;

1101

margin-right: 10px;

1091

}

1102

}

1092

text {

1103

text {

1093

font-size: 12px;

1104

font-size: 12px;

1094

color: #666666;

1105

color: #666666;

1095

letter-spacing: 0;

1106

letter-spacing: 0;

1096

text-align: justify;

1107

text-align: justify;

1097

}

1108

}

1098

}

1109

}

1099

}

1110

}

1100

.goods-form {

1111

.goods-form {

1101

display: flex;

1112

display: flex;

1102

flex-direction: column;

1113

flex-direction: column;

1103

align-items: center;

1114

align-items: center;

1104

justify-content: center;

1115

justify-content: center;

1105

background-color: #fff;

1116

background-color: #fff;

1106

width: 100%;

1117

width: 100%;

1107

padding: 40rpx 0;

1118

padding: 40rpx 0;

1108

.p1 {

1119

.p1 {

1109

font-size: 16px;

1120

font-size: 16px;

1110

color: #333333;

1121

color: #333333;

1111

letter-spacing: -0.3px;

1122

letter-spacing: -0.3px;

1112

text-align: justify;

1123

text-align: justify;

1113

line-height: 24px;

1124

line-height: 24px;

1114

margin: 4px 0;

1125

margin: 4px 0;

1115

1126

1116

}

1127

}

1117

.p2 {

1128

.p2 {

1118

font-size: 12px;

1129

font-size: 12px;

1119

color: #999999;

1130

color: #999999;

1120

letter-spacing: -0.23px;

1131

letter-spacing: -0.23px;

1121

margin-bottom: 32rpx;

1132

margin-bottom: 32rpx;

1122

}

1133

}

1123

.image2{

1134

.image2{

1124

width: 42rpx;

1135

width: 42rpx;

1125

height: 34rpx;

1136

height: 34rpx;

1126

margin-right: 12rpx;

1137

margin-right: 12rpx;

1127

}

1138

}

1128

.confirm {

1139

.confirm {

1129

display: flex;

1140

display: flex;

1130

align-items: center;

1141

align-items: center;

1131

font-size: 12px;

1142

font-size: 12px;

1132

color: #666666;

1143

color: #666666;

1133

letter-spacing: -0.23px;

1144

letter-spacing: -0.23px;

1134

width: 684rpx;

1145

width: 684rpx;

1135

.image1{

1146

.image1{

1136

margin-right:25rpx;

1147

margin-right:25rpx;

1137

width: 42rpx;

1148

width: 42rpx;

1138

height: 38rpx;

1149

height: 38rpx;

1139

}

1150

}

1140

}

1151

}

1141

.picker{

1152

.picker{

1142

display: flex;

1153

display: flex;

1143

flex-direction: column;

1154

flex-direction: column;

1144

justify-content: center;

1155

justify-content: center;

1145

align-items: center;

1156

align-items: center;

1146

width: 100%;

1157

width: 100%;

1147

1158

1148

.picker-choice{

1159

.picker-choice{

1149

display: flex;

1160

display: flex;

1150

width: 684rpx;

1161

width: 684rpx;

1151

align-items: center;

1162

align-items: center;

1152

margin-bottom: 40rpx;

1163

margin-bottom: 40rpx;

1153

.input{

1164

.input{

1154

border-bottom: 1px solid #CFCFCF;

1165

border-bottom: 1px solid #CFCFCF;

1155

height: 40rpx;

1166

height: 40rpx;

1156

}

1167

}

1157

.choice-left{

1168

.choice-left{

1158

width: 210rpx;

1169

width: 210rpx;

1159

.pd{

1170

.pd{

1160

font-size: 14px;

1171

font-size: 14px;

1161

color: #333333;

1172

color: #333333;

1162

letter-spacing: -0.26px;

1173

letter-spacing: -0.26px;

1163

text-align: justify;

1174

text-align: justify;

1164

line-height: 24px;

1175

line-height: 24px;

1165

margin-right: 44rpx;

1176

margin-right: 44rpx;

1166

}

1177

}

1167

.p11 {

1178

.p11 {

1168

font-size: 14px;

1179

font-size: 14px;

1169

color: #333333;

1180

color: #333333;

1170

letter-spacing: -0.26px;

1181

letter-spacing: -0.26px;

1171

text-align: justify;

1182

text-align: justify;

1172

line-height: 24px;

1183

line-height: 24px;

1173

// margin-right: 10px;

1184

// margin-right: 10px;

1174

}

1185

}

1175

.p12 {

1186

.p12 {

1176

font-size: 10px;

1187

font-size: 10px;

1177

color: #3F3F3F;

1188

color: #3F3F3F;

1178

letter-spacing: -0.19px;

1189

letter-spacing: -0.19px;

1179

text-align: justify;

1190

text-align: justify;

1180

line-height: 24px;

1191

line-height: 24px;

1181

}

1192

}

1182

1193

1183

}

1194

}

1184

.p13 {

1195

.p13 {

1185

font-size: 10px;

1196

font-size: 10px;

1186

color: #999999;

1197

color: #999999;

1187

letter-spacing: -0.19px;

1198

letter-spacing: -0.19px;

1188

margin-right: 10px;

1199

margin-right: 10px;

1189

}

1200

}

1190

.p13-date {

1201

.p13-date {

1191

font-size: 10px;

1202

font-size: 10px;

1192

color: #999999;

1203

color: #999999;

1193

letter-spacing: -0.19px;

1204

letter-spacing: -0.19px;

1194

margin-right: 5px;

1205

margin-right: 5px;

1195

}

1206

}

1196

picker{

1207

picker{

1197

width: 144rpx;

1208

width: 144rpx;

1198

height: 40rpx;

1209

height: 40rpx;

1199

display: flex;

1210

display: flex;

1200

position: relative;

1211

position: relative;

1201

.p14 {

1212

.p14 {

1202

font-size: 14px;

1213

font-size: 14px;

1203

color: #666666;

1214

color: #666666;

1204

letter-spacing: -0.26px;

1215

letter-spacing: -0.26px;

1205

text-align: center;

1216

text-align: center;

1206

width: 124rpx;

1217

width: 124rpx;

1207

border-bottom: 1px solid #CFCFCF;

1218

border-bottom: 1px solid #CFCFCF;

1208

height: 38rpx;

1219

height: 38rpx;

1209

}

1220

}

1210

image{

1221

image{

1211

width: 20rpx;

1222

width: 20rpx;

1212

height: 20rpx;

1223

height: 20rpx;

1213

position: absolute;

1224

position: absolute;

1214

right: 20rpx;

1225

right: 20rpx;

1215

top: 8rpx;

1226

top: 8rpx;

1216

}

1227

}

1217

}

1228

}

1218

1229

1219

}

1230

}

1220

}

1231

}

1221

1232

1222

.ipts{

1233

.ipts{

1223

width: 100%;

1234

width: 100%;

1224

display: flex;

1235

display: flex;

1225

flex-direction: column;

1236

flex-direction: column;

1226

justify-content: center;

1237

justify-content: center;

1227

align-items: flex-start;

1238

align-items: flex-start;

1228

// padding: 20rpx 36rpx;

1239

// padding: 20rpx 36rpx;

1229

box-sizing: border-box;

1240

box-sizing: border-box;

1230

.inputItem{

1241

.inputItem{

1231

display: flex;

1242

display: flex;

1232

flex-direction: row;

1243

flex-direction: row;

1233

justify-content: center;

1244

justify-content: center;

1234

align-items: center;

1245

align-items: center;

1235

margin-bottom: 36rpx;

1246

margin-bottom: 36rpx;

1236

.text{

1247

.text{

1237

margin-right: 100rpx;

1248

margin-right: 100rpx;

1238

}

1249

}

1239

.input{

1250

.input{

1240

border-bottom: 1px solid #CFCFCF;

1251

border-bottom: 1px solid #CFCFCF;

1241

}

1252

}

1242

}

1253

}

1243

1254

1244

}

1255

}

1245

}

1256

}

1246

}

1257

}

1247

}

1258

}

1248

.choose {

1259

.choose {

1249

width: 100%;

1260

width: 100%;

1250

background: #ffffff;

1261

background: #ffffff;

1251

border-radius: 12rpx;

1262

border-radius: 12rpx;

1252

margin-top: 20rpx;

1263

margin-top: 20rpx;

1253

padding: 40rpx 40rpx 112rpx 40rpx;

1264

padding: 40rpx 40rpx 112rpx 40rpx;

1254

box-sizing: border-box;

1265

box-sizing: border-box;

1255

.chooseItem {

1266

.chooseItem {

1256

width: 100%;

1267

width: 100%;

1257

padding-bottom: 32rpx;

1268

padding-bottom: 32rpx;

1258

border-bottom: 1px solid #e9e9e9;

1269

border-bottom: 1px solid #e9e9e9;

1259

margin-bottom: 28rpx;

1270

margin-bottom: 28rpx;

1260

}

1271

}

1261

.chooseRes {

1272

.chooseRes {

1262

font-size: 12px;

1273

font-size: 12px;

1263

color: #666666;

1274

color: #666666;

1264

}

1275

}

1265

.itemsWrap {

1276

.itemsWrap {

1266

display: flex;

1277

display: flex;

1267

flex-direction: row;

1278

flex-direction: row;

1268

flex-wrap: wrap;

1279

flex-wrap: wrap;

1269

justify-content: flex-start;

1280

justify-content: flex-start;

1270

align-items: center;

1281

align-items: center;

1271

padding-top: 24rpx;

1282

padding-top: 24rpx;

1272

.item1 {

1283

.item1 {

1273

width: 64rpx;

1284

width: 64rpx;

1274

height: 64rpx;

1285

height: 64rpx;

1275

border-radius: 32rpx;

1286

border-radius: 32rpx;

1276

margin: 0 36rpx 24rpx 0;

1287

margin: 0 36rpx 24rpx 0;

1277

transition: all 0.3s;

1288

transition: all 0.3s;

1278

border: 1px solid #ffffff;

1289

border: 1px solid #ffffff;

1279

}

1290

}

1280

.item2 {

1291

.item2 {

1281

// width: 100rpx;

1292

// width: 100rpx;

1282

padding: 0 30rpx;

1293

padding: 0 30rpx;

1283

height: 60rpx;

1294

height: 60rpx;

1284

margin: 0 20rpx 20rpx 0;

1295

margin: 0 20rpx 20rpx 0;

1285

transition: all 0.3s;

1296

transition: all 0.3s;

1286

background: #f2f2f2;

1297

background: #f2f2f2;

1287

border-radius: 2px;

1298

border-radius: 2px;

1288

border-radius: 2px;

1299

border-radius: 2px;

1289

line-height: 60rpx;

1300

line-height: 60rpx;

1290

text-align: center;

1301

text-align: center;

1291

color: #666666;

1302

color: #666666;

1292

font-size: 12px;

1303

font-size: 12px;

1293

}

1304

}

1294

.active1 {

1305

.active1 {

1295

opacity: 0.7;

1306

opacity: 0.7;

1296

border: 1px solid #ff6b4a;

1307

border: 1px solid #ff6b4a;

1297

}

1308

}

1298

.active2 {

1309

.active2 {

1299

background: rgba(255, 107, 74, 0.15);

1310

background: rgba(255, 107, 74, 0.15);

1300

color: #ff6b4a;

1311

color: #ff6b4a;

1301

}

1312

}

1302

}

1313

}

1303

}

1314

}

1304

.button {

1315

.button {

1305

width: 100%;

1316

width: 100%;

1306

height: 112rpx;

1317

height: 112rpx;

1307

background-color: #ff6b4a;

1318

background-color: #ff6b4a;

1308

font-size: 16px;

1319

font-size: 16px;

1309

color: #ffffff;

1320

color: #ffffff;

1310

line-height: 112rpx;

1321

line-height: 112rpx;

1311

text-align: center;

1322

text-align: center;

1312

position: sticky;

1323

position: sticky;

1313

bottom: 0rpx;

1324

bottom: 0rpx;

1314

left: 0rpx;

1325

left: 0rpx;

1315

z-index: 9999;

1326

z-index: 9999;

1316

}

1327

}

1317

}

1328

}

1318

/* sheet弹窗 */

1329

/* sheet弹窗 */

1319

.sheet{

1330

.sheet{

1320

width: 100%;

1331

width: 100%;

1321

height: 100%;

1332

height: 100%;

1322

position: fixed;

1333

position: fixed;

1323

top: 150%;

1334

top: 150%;

1324

left: 0upx;

1335

left: 0upx;

1325

bottom: 0upx;

1336

bottom: 0upx;

1326

right: 0upx;

1337

right: 0upx;

1327

background:rgba(0,0,0,0.3);

1338

background:rgba(0,0,0,0.3);

1328

z-index: 10000;

1339

z-index: 10000;

1329

}

1340

}

1330

1341

1331

/* 显示时候的动画默认0.5s */

1342

/* 显示时候的动画默认0.5s */

1332

.sheetView{

1343

.sheetView{

1333

width: 100%;

1344

width: 100%;

1334

height: 0upx;

1345

height: 0upx;

1335

position: absolute;

1346

position: absolute;

1336

bottom: 0upx;

1347

bottom: 0upx;

1337

background: white;

1348

background: white;

1338

z-index: 10001;

1349

z-index: 10001;

1339

transition: all 0.5s;

1350

transition: all 0.5s;

1340

}

1351

}

1341

.sheetShow{

1352

.sheetShow{

1342

top:0upx !important;

1353

top:0upx !important;

1343

}

1354

}

1344

/* 关闭时的动画，时间自己可以设置0.5s*/

1355

/* 关闭时的动画，时间自己可以设置0.5s*/

1345

.sheeHide{

1356

.sheeHide{

1346

top:120% !important;

1357

top:120% !important;

1347

transition: all 0.5s;

1358

transition: all 0.5s;

1348

}

1359

}

1349

1360

1350

/* 项目需求根据设计稿要展示的高度,超出这个高度就自动滚动*/

1361

/* 项目需求根据设计稿要展示的高度,超出这个高度就自动滚动*/

1351

.sheetView_active{

1362

.sheetView_active{

1352

height: 1042upx;

1363

height: 1042upx;

1353

}

1364

}

1354

1365

1355

</style>

1366

</style>

1356

1367

GITLAB

吉鹏 / gulu-vue

合并冲突

 <template>
 	<view class="BottomSheetContent">
 		<view class="sheet" :class="{sheetShow:isShowBottom,sheeHide:!isShowBottom}"    @touchmove.stop.prevent="moveHandle"  @click="closeSheet()">
 			<scroll-view scroll-y="true"  class="sheetView"   :class="{sheetView_active:isShowBottom}"   @click.stop="stopEvent()" >
 				<view class="BottomSheetContent">
 				  <view class="goodInfo">
 				    <view class="imageWrap">
 				      <image
 				        :src="skuItem.pic"
 				        mode="aspectFill"
 				        style="width: 188rpx;height: 168rpx;"
 				      ></image>
 				    </view>
 				    <view class="infoRight">
 				      <text class="goodName">{{goodInfo.p_name}}</text>
 				      <text class="remarks">支持7天无理由退货  顺丰发货</text>
 				      <view class="priceBox">
 				        <view class="price">￥{{skuItem.real_price || '暂无'}}</view>
 				        <text>(限购{{maxCount}}副)</text>
 				        <view class="counter">
 				          <view
 				            class="btn"
 				            disabled="this.addDisabled"
 				            type="default"
 				            @click="counter(false)"
 				          >-</view>
 				          <text>{{count}}</text>
 				          <view
 				            class="btn"
 				            disabled="this.desDisabled"
 				            type="default"
 				            @click="counter(true)"
 				          >+</view>
 				        </view>
 				      </view>
 				    </view>
 				  </view>
 				  <view class="peopleChoose">
 					  <view class="title">选择使用人</view>
 					  <view class="loveList">
 					  	<view class="peopleName" v-for="(item,index) in loveList" :key='index' :class="{ active2: loveCurrent === index }"
 				                @click="onClickLoveItem(index,item.name)">
 					  		{{item.name}}
 					  	</view>
 					  </view>
 				  </view>
 				  <view class="goods-data" v-if="isCart !== 3">
 				    <view class="opCollapse">
 				      <view class="body">
 				        <template v-if="opIsOpen">
 				    <view class="goods-form">
 				      <view class="p1">
 				        <image class="image2" src="../../static/img/myOpticsData/dataWrite.png" mode="aspectFit"></image>
 				        填写验光数据
 				      </view>
 				      <text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>
 				      <view class="picker">
 				        <view class="picker-choice">
 				          <view class="choice-left">
 				            <text class="pd">验光单取名:</text>
 				          </view>
 				          <input type="text" @blur="handleInput" class="input"
 				          placeholder="请输入名称" maxlength="20" :value="name" />
 				        </view>
 				      </view>
 				      <view class="picker" >
 				        <view class="picker-choice">
 				          <view class="choice-left">
 				            <text class="p11">{{pickerInfoList[0].nameC}}</text>
 				            <text class="p12">{{pickerInfoList[0].nameE}}</text>
 				          </view>
 				          <text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
 				          <!-- <text class="p14">{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}</text> -->
 				          <picker  @change="bindPickerChange01" :value="pickerInfoList[0].nameIndex1" :range="pickerInfoList[0].nameArray1">
 				            <view class="p14">
 				            {{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}
 				            <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				            <!-- <image src="../../static/detail-tabicon.png" ></image> -->
 				          </picker>
 				          <text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
 				          <!-- <text class="p14">{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}</text> -->
 				          <picker @change="bindPickerChange02" :value="pickerInfoList[0].nameIndex2" :range="pickerInfoList[0].nameArray2">
 				            <view class="p14">
 				            {{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}
 				            <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				            <!-- <image src="../../static/detail-tabicon.png" ></image> -->
 				          </picker>
 				        </view>
 				      </view>
 				      <view class="picker" >
 				        <view class="picker-choice">
 				          <view class="choice-left">
 				            <text class="p11">{{pickerInfoList[1].nameC}}</text>
 				            <text class="p12">{{pickerInfoList[1].nameE}}</text>
 				          </view>
 				          <text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
 				          <!-- <text class="p14">{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}</text> -->
 				          <picker @change="bindPickerChange11" :value="pickerInfoList[1].nameIndex1" :range="pickerInfoList[1].nameArray1">
 				            <view class="p14">
 				              {{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}
 				              <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				            <!-- <image src="../../static/detail-tabicon.png" ></image> -->
 				          </picker>
 				          <text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
 				          <!-- <text class="p14">{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}</text> -->
 				          <picker @change="bindPickerChange12" :value="pickerInfoList[1].nameIndex2" :range="pickerInfoList[1].nameArray2">
 				            <view class="p14">
 				              {{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}
 				              <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				            <!-- <image src="../../static/detail-tabicon.png" ></image> -->
 				          </picker>
 				        </view>
 				      </view>
 				      <view class="picker" >
 				        <view class="picker-choice">
 				          <view class="choice-left">
 				            <text class="p11">{{pickerInfoList[2].nameC}}</text>
 				            <text class="p12">{{pickerInfoList[2].nameE}}</text>
 				          </view>
 				          <text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
 				          <picker @change="bindPickerChange21" :value="pickerInfoList[2].nameIndex1" :range="pickerInfoList[2].nameArray1">
 				            <view class="p14">
 				              {{pickerInfoList[2].nameArray1[pickerInfoList[2].nameIndex1]}}
 				              <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				          </picker>
 				          <text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
 				          <!-- <text class="p14">{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}</text> -->
 				          <picker @change="bindPickerChange22" :value="pickerInfoList[2].nameIndex2" :range="pickerInfoList[2].nameArray2">
 				            <view class="p14">
 				              {{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}
 				              <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				            <!-- <image src="../../static/detail-tabicon.png" ></image> -->
 				          </picker>
 				        </view>
 				      </view>
 				      <view class="picker">
 				        <view class="picker-choice">
 				          <view class="choice-left">
 				            <text class="pd">瞳距:</text>
 				          </view>
 				          <input type="digit" @change="handleInputPd" class="input"
 				          placeholder="请输入瞳距,单位cm" maxlength="20" :value="pd" />
 				        </view>
 				      </view>
 				      <view class="picker" >
 				        <view class="picker-choice">
 				          <view class="choice-left">
 				            <text class="p11">{{pickerInfoList[3].nameC}}</text>
 				          </view>
 				          <text class="p13-date">年&nbsp;&nbsp;&nbsp;(Y)</text>
 				          <picker @change="bindPickerChange41" :value="pickerInfoList[3].nameIndex1" :range="pickerInfoList[3].nameArray1">
 				            <view class="p14" style="width: 30px;">
 				              {{pickerInfoList[3].nameArray1[pickerInfoList[3].nameIndex1]}}
 				              <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				          </picker>
 				          <text class="p13-date">月&nbsp;&nbsp;&nbsp;(M)</text>
 				          <picker @change="bindPickerChange42" :value="pickerInfoList[3].nameIndex2" :range="pickerInfoList[3].nameArray2">
 				            <view class="p14" style="width: 30px;">
 				              {{pickerInfoList[3].nameArray2[pickerInfoList[3].nameIndex2]}}
 				              <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				          </picker>
 				          <text class="p13-date">日&nbsp;&nbsp;&nbsp;(D)</text>
 				          <picker @change="bindPickerChange43" :value="pickerInfoList[3].nameIndex3" :range="pickerInfoList[3].nameArray3">
 				            <view class="p14" style="width: 30px;">
 				              {{pickerInfoList[3].nameArray3[pickerInfoList[3].nameIndex3]}}
 				              <image src="../../static/detail-tabicon.png" ></image>
 				            </view>
 				          </picker>
 				        </view>
 				      </view>
 					  <view class="ipts">
 					  	<view class="inputItem">
 					  		<text class="text">镜片宽度</text>
 					  		<input class="input" @input="glassInfoInput($event,0)" type="text" :value="glassInfo.glassWidth!=='0'?glassInfo.glassWidth:''" placeholder="请输入镜片宽度"/>
 					  	</view>
 					  	<view class="inputItem">
 					  		<text class="text">鼻梁宽度</text>
 					  		<input class="input" @input="glassInfoInput($event,1)" type="text" :value="glassInfo.norseWidth!=='0'?glassInfo.norseWidth:''" placeholder="请输入鼻梁宽度"/>
 					  	</view>
 					  	<view class="inputItem">
 					  		<text class="text">镜腿长度</text>
 					  		<input class="input" @input="glassInfoInput($event,2)" type="text" :value="glassInfo.legWidth!=='0'?glassInfo.legWidth:''" placeholder="请输入镜腿长度"/>
 					  	</view>
 					  </view>
 				    <!--  <view class="confirm">
 				        <image class="image1" :src="confirm ? tabicon[0] : tabicon[1]" @tap="changeConfirm"></image>
 				        <text>确认以上输入信息来源于我的验光数据!</text>
 				      </view> -->
 				    </view>
 				        </template>
 				        <template v-else>
 				          <view
 				            v-for="item in pickerInfoList"
 				            :key="item.key"
 				            class="bodyBox"
 				          >
 				            <template v-if="item.nameC==='验光日期'">
 				              <text class="names">{{item.nameC}}</text>
 				              <text style="margin-right: 5px;">{{item.nameArray1[item.nameIndex1]}}年</text>
 				              <text style="margin-right: 5px;">{{item.nameArray2[item.nameIndex2]}}月</text>
 				              <text>{{item.nameArray3[item.nameIndex2]}}日</text>
 				            </template>
 				            <template v-else>
 				              <template v-if="item.nameC==='度数'">
 				                <text style="display: inline;">*</text>
 				              </template>
 				              <text class="names">{{item.nameC}}</text>
 				              <text style="margin-right: 10px;">左&nbsp;{{item.nameArray1[item.nameIndex1]}}</text>
 				              <text>右&nbsp;{{item.nameArray2[item.nameIndex2]}}</text>
 				            </template>
 				          </view>
 				        </template>
 				      </view>
 				    </view>
 				  </view>
 				  <view class="choose">
 				    <view
 				      class="chooseItem_1_content"
 				      v-for="(item,index) in attrList"
 				      :key="index"
 				    >
 				      <UniCollapse @change="changeShow(index)">
 				        <UniCollapseItem
 				          :open="show[index]"
 				          :title="item.meta_name"
 				          showAnimation=false
 				        >
 				          <view class="chooseItem_1_content">
 				            <view class="itemsWrap" 	v-if="isCart ==3">
 				              <view
 				                class="item2"
 				                v-for="(one,i) in item.attr"
 				                :key="i"
 				                :class="{ active2: current[index] === i}"
 				                @click="cartOnClickItem(index, i,one.aid)"
 				              >{{one.name}}</view>
 				            </view>
 							<view class="itemsWrap" 	v-else>
 							  <view
 							    class="item2"
 							    v-for="(one,i) in item.attr"
 							    :key="i"
 							    :class="{ active2: current[index] === i }"
 							    @click="cartOnClickItem(index, i,one.aid)"
 							  >{{one.name}}</view>
 							</view>
 				          </view>
 				        </UniCollapseItem>
 				      </UniCollapse>
 				      <view
 				        class="chooseRes"
 				        v-show="!show[index]"
 				      >* {{attrList[index].attr[current[index]].name}}</view>
 				    </view>
 				  </view>
 				  <view
 				    class="button"
 				    @click.native="addCart"
 					v-if="isCart == 1"
 				  >
 				    加入购物车
 				  </view>
 				  <view
 				    class="button"
 				    @click="toComfirmOrder"
 					v-if="isCart == 2"
 				  >
 				    立即结算
 				  </view>
 				  <view
 				    class="button"
 				    @click="comfirmChoose"
 				  	v-if="isCart == 3"
 				  >
 				    确定
 				  </view>
 				</view>
 			</scroll-view>
 		</view>
 	</view>
 </template>
 <script>
 import UniCollapse from '@/components/UniCollapse/UniCollapse.vue'
 import UniCollapseItem from '@/components/UniCollapseItem/UniCollapseItem.vue'
 import store from '@/store'
 	export default {
 		components: {
 			UniCollapse,
 			UniCollapseItem,
 		},
 		props: {
 			isShowBottom : Boolean,
 			pid: Number,
 			sk_id:String,
 			propMpId:String,
 			goodInfo:Object,
 			isCart:Number,
 			cart_id:Number,
 			index:Number
 		},
 		data() {
 		  return {
 			loveCurrent:Number,
 		    count: 1,
 		    // pid: 0,
 		    maxCount: 20,
 		    dataName: '', // 验光数据人员名称
 		    isDataName: false, // 是否是已存在的人员数据
 		    dataConfirm: false, // 已确认所输入验光数据
 		    opIsOpen: true,
 		    addDisabled: false,
 		    desDisabled: false,
 		    current: [],
 		    show: [true,true],
 		    checkedData: {},
 		    // 度数相关数据
 		    pickerInfoList: [
 		      { nameC: '度数', nameE: '(SPH)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 0 },
 		      { nameC: '散光', nameE: '(CYL)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 1 },
 		      { nameC: '散光轴位', nameE: '(AXI)', nameArray1: [''], nameIndex1: 0, nameArray2: [''], nameIndex2: 0, key: 2 },
 		      { nameC: '验光日期', nameE: '', nameArray1: [''], nameIndex1: 0, nameArray2: ['', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], nameIndex2: 0, nameArray3: [''], nameIndex3: 0 },
 		    ],
 		    // confirm: false, // 用户是否确认
 		    // tabicon: ['/static/detail-button.png', '/static/detail-button-unselected.png'],
 		    name: '',
 		    oldname: '', // 用于判读用户是否改变名字
 		    pickerInfoChioce: {
 		      leftSph: '',
 		      rightSph: '',
 		      leftCyl: '',
 		      rightCyl: '',
 		      leftAxi: '',
 		      rightAxi: '',
 		      time: {
 		        year: 0,
 		        month: 0,
 		        day: 0,
 		      },
 		    },
 			glassInfo:{
 				glassWidth:Number,//镜片宽度
 				norseWidth:Number,//鼻宽
 				legWidth:Number//镜腿长度
 			},
 		    pd: '', // 瞳距
 		    oldpd: '', // 用于判断用户是否改变瞳距
 		    kinds: 1, // kinds=1，提交为新增验光，2为修改
 		    mp_id: Number,
 			skuValueArray:[],
 			skId:String
 		  }
 		},
 		computed: {
 			//进购物车选择的人的index
 			p_current(){
 					const getLoveItemIndex = (item) => item.mp_id == this.propMpId
 					const p_current = this.$store.state.myLoveList.loveList.findIndex(getLoveItemIndex )
 					if(this.isCart == 3){
 						this.loveCurrent = p_current
 					}
 					return p_current
 			},
 			arr_current(){
 				if(this.isCart == 3){
 					const skId = this.sk_id
 					const skuValue = this.skuItem.sku_value
 					const skuValueArray = skuValue.split('_')
 					this.skuValueArray = skuValueArray
 					const attrList = this.$store.state.read.goodInfo.attrList
 					for (let i = 0;i<attrList.length;i++) {
 						const getArrIndex = (item) => item.aid == skuValueArray[i]
 						const arr_current = this.$store.state.read.goodInfo.attrList[i].attr.findIndex(getArrIndex )
 						// console.log('arr_current',arr_current)
 						this.current.push(arr_current)
 					}
 				}else{
 					return null
 				}
 			},
 			loveList() {
 				return this.$store.state.myLoveList.loveList || []
 			},
 		  attrList() {
 			  // console.log('attrList',this.$store.state.read.goodInfo.attrList)
 			  let attrList =  this.$store.state.read.goodInfo.attrList
 			  if(attrList !== undefined){
 				return attrList
 			  }else{
 				  return []
 			  }
 		  },
 		  skuList() {
 			  // console.log('skuList',this.$store.state.read.goodInfo.skuList)
 		    return this.$store.state.read.goodInfo.skuList
 		  },
 		  skuItem(){
 			  // if(this.isCart == 3){
 				  const skuList =  this.$store.state.read.goodInfo.skuList
 				  const skuItem = skuList.filter(item => item.sk_id === this.skId)[0]
 				  return skuItem
 			  // }else{
 				 //  const skuList =  this.$store.state.read.goodInfo.skuList
 				 //  const skuItem = skuList[0]
 				 //  return skuItem
 			  // }
 		  },
 		  mpList() {
 		    return this.$store.state.myLoveList.loveList
 		  },
 		  glassInfoRight(){
 			const glassInfoArr = Object.values(this.glassInfo)
 			// console.log('glassInfoArr',glassInfoArr.find(item => item == '0'))
 			return glassInfoArr.find(item => item == '0') ==undefined
 		  }
 		},
 		created() {
 			this.skuValueArray = this.skuList[0].sku_value.split("_")
 			// console.log(this.sk_id)
 			this.mp_id = this.propMpId
 		  const pid = this.pid
 		  if(this.isCart!==3){
 			this.skId = this.skuList[0].sk_id
 			const current = []
 			const show = []
 			for (let index = 0; index < this.attrList.length; index++) {
 			  current.push(0)
 			  show.push(true)
 			}
 			this.current = current
 			this.show = show
 		  }else{
 			this.skId = this.sk_id
 		  }
 		  	//获取关心的人列表
 		  	store.dispatch('myLoveList/getLoveList', {
 		  		uid: this.$store.state.user.userInfo.uid,
 		  	});
 		  // 初始化SPL、CYL、AXI的值
 		  for (let j = 0; j < 3; j++) {
 		    for (let i = -12; i < 6; i++) {
 		      this.pickerInfoList[j].nameArray1.push(i)
 		      this.pickerInfoList[j].nameArray1.push(i + 0.5)
 		      this.pickerInfoList[j].nameArray2.push(i)
 		      this.pickerInfoList[j].nameArray2.push(i + 0.5)
 		      if (i >= -6) {
 		        this.pickerInfoList[j].nameArray1.push(i + 0.25)
 		        this.pickerInfoList[j].nameArray1.push(i + 0.75)
 		        this.pickerInfoList[j].nameArray2.push(i + 0.25)
 		        this.pickerInfoList[j].nameArray2.push(i + 0.75)
 		      }
 		      if (i === 5) {
 		        this.pickerInfoList[j].nameArray1.push(i + 1)
 		        this.pickerInfoList[j].nameArray2.push(i + 1)
 		      }
 		    }
 		  }
 		  // 初始化日期值
 		  for (let i = 1; i < 32; i++) {
 		    this.pickerInfoList[3].nameArray3.push(i)
 		  }
 		  // 初始化年份前后五年
 		  const myDate = new Date()
 		  const nowYear = myDate.getFullYear()
 		  for (let i = 0; i < 5; i++) {
 		    this.pickerInfoList[3].nameArray1.push(nowYear - i)
 		  }
 		},
 		name : "bottomSheet",
 		methods: {
 			//判断眼镜数据是否为0
 			checkGlassInfo(){
 				// const glassInfoArr = Object.values(this.glassInfo)
 				// console.log(this.glassInfoRight)
 				if(!this.glassInfoRight){
 					uni.showToast({
 						title:'请完善镜框数据~',
 						icon:'none'
 					})
 				}
 			},
 			updateMylove(){
 				const loveItem = this.loveList[this.loveCurrent]
-				const glassWidth = this.glassInfo.glassWidth
+				// console.log(this.loveList)
-				const norseWidth = this.glassInfo.norseWidth
+				// console.log(this.loveCurrent)
-				const legWidth = this.glassInfo.legWidth
+				// console.log(loveItem)
-				if(loveItem.glassWidth !== glassWidth){
+				if(loveItem != undefined){
-					store.dispatch('myLoveList/updateMylove', {
+					const glassWidth = this.glassInfo.glassWidth
-						uid: this.$store.state.user.userInfo.uid,
+					const norseWidth = this.glassInfo.norseWidth
-						openid: this.$store.state.user.userInfo.openid,
+					const legWidth = this.glassInfo.legWidth
-						mp_id: this.mp_id,
+					if(loveItem.glassWidth !== glassWidth){
-						keyname: 'glassWidth',
+						store.dispatch('myLoveList/updateMylove', {
-						keyvalue: glassWidth
+							uid: this.$store.state.user.userInfo.uid,
-					});
+							openid: this.$store.state.user.userInfo.openid,
-				}
+							mp_id: this.mp_id,
-				if(loveItem.norseWidth !== norseWidth){
+							keyname: 'glassWidth',
-					store.dispatch('myLoveList/updateMylove', {
+							keyvalue: glassWidth
-						uid: this.$store.state.user.userInfo.uid,
+						});
-						openid: this.$store.state.user.userInfo.openid,
+					}
-						mp_id: this.mp_id,
+					if(loveItem.norseWidth !== norseWidth){
-						keyname: 'norseWidth',
+						store.dispatch('myLoveList/updateMylove', {
-						keyvalue: norseWidth
+							uid: this.$store.state.user.userInfo.uid,
-					});
+							openid: this.$store.state.user.userInfo.openid,
-				}
+							mp_id: this.mp_id,
-				if(loveItem.legWidth !== legWidth){
+							keyname: 'norseWidth',
-					store.dispatch('myLoveList/updateMylove', {
+							keyvalue: norseWidth
-						uid: this.$store.state.user.userInfo.uid,
+						});
-						openid: this.$store.state.user.userInfo.openid,
+					}
-						mp_id: this.mp_id,
+					if(loveItem.legWidth !== legWidth){
-						keyname: 'legWidth',
+						store.dispatch('myLoveList/updateMylove', {
-						keyvalue: legWidth
+							uid: this.$store.state.user.userInfo.uid,
-					});
+							openid: this.$store.state.user.userInfo.openid,
+							mp_id: this.mp_id,
+							keyname: 'legWidth',
+							keyvalue: legWidth
+						});
+					}
+				}else{
+					uni.showToast({
+						title:'请选择使用人',
+						icon:'none'
+					})
 				}
 			},
 			glassInfoInput(e,type){
 				switch(type){
 					case 0:
 						this.glassInfo.glassWidth = e.detail.value
 					break;
 					case 1:
 						this.glassInfo.norseWidth = e.detail.value
 					break;
 					case 2:
 						this.glassInfo.legWidth = e.detail.value
 					break;
 					default:
 					break;
 				}
 			},
 			//参数点击事件==》改变对应图片
 			cartOnClickItem(index, i,aid) {
 				//根据aid拼接skuValue
 				this.skuValueArray[index] = aid
 				const sku_value = this.skuValueArray.join('_')
 				//根据sku_value获取对应的sk_id
 				const itemSk_id =  this.skuList.filter(item=>item.sku_value == sku_value)[0].sk_id
 				//修改sk_id
 				this.skId = itemSk_id
 			  if (this.current[index] !== i) {
 			    this.current[index] = i
 			  }
 			  this.$forceUpdate()
 			},
 			comfirmChoose(){
 				this.checkGlassInfo()
 				if(this.glassInfoRight){
 					this.updateMylove()
 					const price = this.skuList.filter(item=>item.sk_id == this.skId)[0].real_price
 					this.$emit("chooseCartModi",this.mp_id,this.skId,price,this.pid,this.count,this.cart_id,this.index)//添加购物车
 					this.$emit("closeBottom")
 				}
 			},
 			addCart(){
 				this.checkGlassInfo()
-				if(this.glassInfoRight){
+				// console.log(this.glassInfoRight)
-					this.updateMylove()
+				this.updateMylove()
+				if(this.glassInfoRight&&this.mp_id!==''){
 					const that = this
 					const checkedSKUName = [that.goodInfo.attrList[0].meta_name,that.goodInfo.attrList[1].meta_name]
 					const checkedSKU = []
 					let j;
 					for (let i = 0;i<that.current.length;i++) {
 						checkedSKU.push(that.goodInfo.attrList[i].attr[that.current[i]])
 						// console.log('i', i, j, i !== this.current.length - 1)
 						  if (i !== this.current.length - 1) {
 						    // 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应
 						    j = this.current[i] * this.attrList[1].attr.length
 						  } else {
 						    j += this.current[i]
 						  }
 					}
 					const price = this.skuList.filter(item=>item.sk_id == this.skuList[j].sk_id)[0].real_price
 					let sk_id = this.skuList[j].sk_id
 					// console.log('选择的商品sk_id',sk_id,'选择的商品参数',checkedSKU)
 					// console.log('mp_id',this.mp_id,'数量',this.count)
 					this.$emit("addCart",this.mp_id,this.count,checkedSKU,sk_id,price)//添加购物车
 					this.$emit("closeBottom")//关闭弹窗
 				}
 			},
 			onClickLoveItem(index,name){
 				const loveList = this.loveList
 				this.glassInfo.glassWidth = loveList[index].glassWidth
 				this.glassInfo.norseWidth = loveList[index].norseWidth
 				this.glassInfo.legWidth = loveList[index].legWidth
 				for (let index = 0; index < loveList.length; index++) {
 				  if (name === loveList[index].name && name!==this.name) {
 				    this.isDataName = true
 				          this.kinds = 2
 				          this.name = loveList[index].name
 				          this.pd = loveList[index].pd
 				          this.mp_id = loveList[index].mp_id
 				          this.oldname = loveList[index].name
 				          this.oldpd = loveList[index].pd
 				          this.pickerInfoList[0].nameArray1.unshift(loveList[index].leftSph)
 				          this.pickerInfoList[0].nameArray2.unshift(loveList[index].rightSph)
 				          this.pickerInfoList[1].nameArray1.unshift(loveList[index].leftCyl)
 				          this.pickerInfoList[1].nameArray2.unshift(loveList[index].rightCyl)
 				          this.pickerInfoList[2].nameArray1.unshift(loveList[index].leftAxi)
 				          this.pickerInfoList[2].nameArray2.unshift(loveList[index].rightAxi)
 				          this.pickerInfoList[3].nameArray1.unshift(loveList[index].in_time.toString().slice(0, 4))
 				          if (loveList[index].in_time.toString().slice(5, 6) === 0) {
 				            this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(6, 7))
 				          } else {
 				            this.pickerInfoList[3].nameArray2.unshift(loveList[index].in_time.toString().slice(5, 7))
 				          }
 				          if (loveList[index].in_time.toString().slice(8, 9) === 0) {
 				            this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(9, 10))
 				          } else {
 				            this.pickerInfoList[3].nameArray3.unshift(loveList[index].in_time.toString().slice(8, 10))
 				          }
 				  }
 				}
 					this.name = name;
 					this.loveCurrent = index;
 			},
 			closeSheet(){
 				this.$emit('closeBottom');
 			},
 			stopEvent(){						//@click.stop防止事件冒泡
 			},
 			moveHandle(){						//不让页面滚动
 			},
 			// picker相关功能
 			handleInput(e) {
 			  this.name = e.target.value
 			  this.isDataName = false
 			  const mpList = this.mpList
 			  // console.log('mpList===>', mpList)
 			  for (let index = 0; index < mpList.length; index++) {
 			    if (e.detail.value === mpList[index].name) {
 			      this.isDataName = true
 			      uni.showModal({
 			        title: '提示',
 			        content: `是否填充已有的"${e.detail.value}"的数据`,
 			        success: (res) => {
 			          if (res.confirm) {
 			            this.kinds = 2
 			            // console.log('args===>', index)
 			            // const mpList=Object.assign({},this.$store.state.mympList.mpList)
 			            this.name = mpList[index].name
 			            this.pd = mpList[index].pd
 			            this.mp_id = mpList[index].mp_id
 			            this.oldname = mpList[index].name
 			            this.oldpd = mpList[index].pd
 			            // 将kinds =2时的值传到该页面
 			            this.pickerInfoList[0].nameArray1.unshift(mpList[index].leftSph)
 			            this.pickerInfoList[0].nameArray2.unshift(mpList[index].rightSph)
 			            this.pickerInfoList[1].nameArray1.unshift(mpList[index].leftCyl)
 			            this.pickerInfoList[1].nameArray2.unshift(mpList[index].rightCyl)
 			            this.pickerInfoList[2].nameArray1.unshift(mpList[index].leftAxi)
 			            this.pickerInfoList[2].nameArray2.unshift(mpList[index].rightAxi)
 			            this.pickerInfoList[3].nameArray1.unshift(mpList[index].in_time.toString().slice(0, 4))
 			            if (mpList[index].in_time.toString().slice(5, 6) === 0) {
 			              this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(6, 7))
 			            } else {
 			              this.pickerInfoList[3].nameArray2.unshift(mpList[index].in_time.toString().slice(5, 7))
 			            }
 			            if (mpList[index].in_time.toString().slice(8, 9) === 0) {
 			              this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(9, 10))
 			            } else {
 			              this.pickerInfoList[3].nameArray3.unshift(mpList[index].in_time.toString().slice(8, 10))
 			            }
 			          // this.checkedData = mpList[index]
 			          // console.log('checkedData', this.checkedData)
 			          } else if (res.cancel) {
 			            this.kinds = 2
 			          }
 			        },
 			      })
 			    }
 			  }
 			},
 			handleInputPd(e) {
 			  // 只能输入正浮点数或正数
 			  if (/^\d+(\.\d+)?$/.test(e.target.value)) {
 			    this.pd = e.target.value
 			  } else {
 			    uni.showToast({
 			      title: '请输入有效数据;示例:89',
 			      icon: 'none',
 			      duration: 2000,
 			    })
 			    this.pd = ''
 			  }
 			},
 			// changeConfirm() {
 			//   this.confirm = !this.confirm
 			// },
 			bindPickerChange01: function(e) {
 			  this.pickerInfoList[0].nameIndex1 = e.target.value
 			  this.pickerInfoChioce.leftSph = this.pickerInfoList[0].nameArray1[e.target.value]
 			},
 			bindPickerChange02: function(e) {
 			  this.pickerInfoList[0].nameIndex2 = e.target.value
 			  this.pickerInfoChioce.rightSph = this.pickerInfoList[0].nameArray2[e.target.value]
 			},
 			bindPickerChange11: function(e) {
 			  this.pickerInfoList[1].nameIndex1 = e.target.value
 			  this.pickerInfoChioce.leftCyl = this.pickerInfoList[1].nameArray1[e.target.value]
 			},
 			bindPickerChange12: function(e) {
 			  this.pickerInfoList[1].nameIndex2 = e.target.value
 			  this.pickerInfoChioce.rightCyl = this.pickerInfoList[1].nameArray2[e.target.value]
 			},
 			bindPickerChange21: function(e) {
 			  this.pickerInfoList[2].nameIndex1 = e.target.value
 			  this.pickerInfoChioce.leftAxi = this.pickerInfoList[2].nameArray1[e.target.value]
 			},
 			bindPickerChange22: function(e) {
 			  this.pickerInfoList[2].nameIndex2 = e.target.value
 			  this.pickerInfoChioce.rightAxi = this.pickerInfoList[2].nameArray2[e.target.value]
 			},
 			bindPickerChange41: function(e) {
 			  this.pickerInfoList[3].nameIndex1 = e.target.value
 			  this.pickerInfoChioce.time.year = this.pickerInfoList[3].nameArray1[e.target.value]
 			},
 			bindPickerChange42: function(e) {
 			  this.pickerInfoList[3].nameIndex2 = e.target.value
 			  this.pickerInfoChioce.time.month = this.pickerInfoList[3].nameArray2[e.target.value]
 			},
 			bindPickerChange43: function(e) {
 			  this.pickerInfoList[3].nameIndex3 = e.target.value
 			  this.pickerInfoChioce.time.day = this.pickerInfoList[3].nameArray3[e.target.value]
 			},
 			changeShow(num) {
 			  this.show[num] = !this.show[num]
 			  this.$forceUpdate()
 			},
 			counter(isadd) {
 			  if (isadd) {
 			    this.count >= this.maxCount ? this.addDisabled = true : this.count++
 			  } else {
 			    this.count <= 1 ? this.desDisabled = true : this.count--
 			  }
 			},
 			toComfirmOrder() {
 				this.checkGlassInfo()
 				this.updateMylove()
 			  // 先处理验光部分的逻辑，如果ok在跳转
 			  let flag = 0
 			  if (this.name === '') {
 			    uni.showToast({
 			      title: '请输入验光单取名',
 			      icon: 'none',
 			      duration: 2000,
 			    })
 			  } else {
 			    if (this.pd === '') {
 			      uni.showToast({
 			        title: '请输入瞳距',
 			        icon: 'none',
 			        duration: 2000,
 			      })
 			    } else {
 			      if (this.kinds === 1) {
 			        // 添加用户验光单
 			        if (this.pickerInfoChioce.rightSph === '' || this.pickerInfoChioce.leftSph === '' ||
 			        this.pickerInfoChioce.leftCyl === '' || this.pickerInfoChioce.rightCyl === '' ||
 			        this.pickerInfoChioce.leftAxi === '' || this.pickerInfoChioce.rightAxi === ''
 			        ) {
 			          uni.showToast({
 			            title: '请输入您的验光数据',
 			            icon: 'none',
 			            duration: 2000,
 			          })
 			        } else {
 			          // if (this.confirm) {
 			            store.dispatch('myLoveList/addMylove', {
 			              uid: this.$store.state.user.userInfo.uid,
 			              openid: this.$store.state.user.userInfo.openid,
 			              // mp_name: this.$store.state.user.userInfo.mp_name,
 			              leftSph: this.pickerInfoChioce.leftSph,
 			              rightSph: this.pickerInfoChioce.rightSph,
 			              leftCyl: this.pickerInfoChioce.leftCyl,
 			              rightCyl: this.pickerInfoChioce.rightCyl,
 			              leftAxi: this.pickerInfoChioce.leftAxi,
 			              rightAxi: this.pickerInfoChioce.rightAxi,
 			              pd: this.pd, // 瞳距
 			              mp_name: this.name,
 			            // time: this.pickerInfoChioce.time,
 			            // img_url2: "http://localhost:8087/images/shop_1/1/",
 			            }).then(({ mp_id: mpId }) => {
 			              this.mp_id = mpId
 			            })
 			            flag = 1
 			        }
 			      }
 			      if (this.kinds === 2) {
 			        // if (this.confirm) {
 			          const leftList = ['leftSph', 'leftCyl', 'leftAxi']
 			          const rightList = ['rightSph', 'rightCyl', 'rightAxi']
 			          // let flag=0;
 			          if (this.name !== this.oldname) {
 			            store.dispatch('myLoveList/updateMylove', {
 			              uid: this.$store.state.user.userInfo.uid,
 			              openid: this.$store.state.user.userInfo.openid,
 			              mp_id: this.mp_id,
 			              keyname: 'name',
 			              keyvalue: this.name,
 			            })
 			            flag = 1
 			          }
 			          if (this.pd !== this.oldpd) {
 			            store.dispatch('myLoveList/updateMylove', {
 			              uid: this.$store.state.user.userInfo.uid,
 			              openid: this.$store.state.user.userInfo.openid,
 			              mp_id: this.mp_id,
 			              keyname: 'pd',
 			              keyvalue: this.pd,
 			            })
 			            flag = 1
 			          }
 			          //  先验证是否输入有无空
 			          let q = true
 			          for (let k = 0; k < 3; k++) {
 			            q = q && (this.pickerInfoList[k].nameArray1[this.pickerInfoList[k].nameIndex1] !== '' &&
 			            this.pickerInfoList[k].nameArray2[this.pickerInfoList[k].nameIndex2] !== '')
 			          }
 			          if (q) {
 			            for (let j = 0; j < 3; j++) {
 			              if (this.pickerInfoList[j].nameIndex1 !== 0) {
 			                store.dispatch('myLoveList/updateMylove', {
 			                  uid: this.$store.state.user.userInfo.uid,
 			                  openid: this.$store.state.user.userInfo.openid,
 			                  mp_id: this.mp_id,
 			                  keyname: leftList[j],
 			                  keyvalue: this.pickerInfoList[j].nameArray1[this.pickerInfoList[j].nameIndex1],
 			                })
 			              }
 			              if (this.pickerInfoList[j].nameIndex2 !== 0) {
 			                store.dispatch('myLoveList/updateMylove', {
 			                  uid: this.$store.state.user.userInfo.uid,
 			                  openid: this.$store.state.user.userInfo.openid,
 			                  mp_id: this.mp_id,
 			                  keyname: rightList[j],
 			                  keyvalue: this.pickerInfoList[j].nameArray2[this.pickerInfoList[j].nameIndex2],
 			                })
 			              }
 			              flag = 1
 			            }
 			          } else {
 			            flag = 0
 			            uni.showToast({
 			              title: '请输入您的验光数据',
 			              icon: 'none',
 			              duration: 2000,
 			            })
 			          }
 			        // } else {
 			        //   uni.showToast({
 			        //     title: '请确认您的验光数据',
 			        //     icon: 'none',
 			        //     duration: 3000,
 			        //   })
 			        // }
 			      }
 			    }
 			  }
 			  if (flag !== 0) {
 			    // 如果数据验证无误，那么更新验光单的数据
 			    store.dispatch('myLoveList/getLoveList', {
 			      uid: this.$store.state.user.userInfo.uid,
 			    })
 			    let i = 0
 			    // 判断出是哪一个sku被选中
 			    for (let index = 0; index < this.current.length; index++) {
 			      // console.log('index', index, i, index !== this.current.length - 1)
 			      if (index !== this.current.length - 1) {
 			        // 后续需修改算法：目前暂定只有两个参数选择，后续若有多个参数需要修改实现自适应
 			        i = this.current[index] * this.attrList[1].attr.length
 			      } else {
 			        i += this.current[index]
 			      }
 			    }
 			    // 判断是否其输入的人员数据是否已存在
 			    store.dispatch('order/saveParams', {
 			      sk_id_arr: this.skuList[i],
 			      current: this.current,
 			      mp_id: this.mp_id,
 			      attrList: this.attrList,
 			    })
 				this.$store.state.cart.buyItem = this.skuItem
 			    // 跳转到确认订单页面
 			    uni.navigateTo({
 			      url: `../confirmOrder/confirmOrder?pid=${this.pid}&count=${this.count}&name=${this.name}&isCart=false`,
 			    })
 			  }
 			},
 		}
 	}
 </script>
 <style lang="scss">
 	.BottomSheetContent {
 	  min-height: 100vh;
 	  background-color: #f2f2f2;
 	  // padding-top: 20rpx;
 	  .goodInfo {
 	    width: 100%;
 	    height: 272rpx;
 	    border-radius: 16rpx;
 	    background-color: #ffffff;
 	    box-sizing: border-box;
 	    padding: 36rpx;
 	    display: flex;
 	    flex-direction: row;
 	    justify-content: flex-start;
 		position: sticky;
 		top: 0rpx;
 		left: 0rpx;
 		z-index: 99999;
 	    .imageWrap {
 	      height: 188rpx;
 	      width: 188rpx;
 	      margin-right: 28rpx;
 	      image {
 	        height: 188rpx;
 	        width: 188rpx;
 	      }
 	    }
 	    .infoRight {
 	      display: flex;
 	      flex-direction: column;
 	      align-items: flex-start;
 	      justify-content: space-between;
 		  width: 100%;
 	      .goodName {
 	        font-size: 28rpx;
 	        color: #333333;
 	      }
 	      .remarks {
 	        font-size: 20rpx;
 	        color: #999999;
 	      }
 	      .priceBox {
 	        display: flex;
 	        justify-content: space-between;
 	        align-items: center;
 	        width: 100%;
 	        font-size: 14px;
 	        color: #999999;
 	        .price {
 	          color: #ff6b4a;
 	          font-size: 28rpx;
 	        }
 	        .counter {
 	          display: flex;
 	          flex-direction: row;
 	          justify-content: space-between;
 	          align-items: center;
 	          font-size: 28rpx;
 	          color: #333333;
 	          width: 122rpx;
 	          .btn {
 	            display: flex;
 	            justify-content: center;
 	            line-height: 32rpx;
 	            height: 32rpx;
 	            width: 32rpx;
 	            background-color: #f2f2f2;
 	            color: #cfcfcf;
 	          }
 	        }
 	      }
 	    }
 	  }
 	  .peopleChoose{
 		    width: 100%;
 		    min-height: 200rpx;
 		    border-radius: 16rpx;
 		    background-color: #ffffff;
 		    box-sizing: border-box;
 		    padding: 36rpx;
 			margin: 10px 0;
 		    display: flex;
 		    flex-direction: column;
 		    justify-content: flex-start;
 			align-items: center;
 			.title{
 				font-size: 16px;
 				color: #333333;
 				letter-spacing: -0.3px;
 				text-align: justify;
 				line-height: 24px;
 				margin: 4px 0;
 			}
 			.loveList{
 				display: flex;
 				flex-direction: row;
 				flex-wrap: wrap;
 				justify-content: flex-start;
 				align-items: center;
 				padding-top: 24rpx;
 				width: 100%;
 				.peopleName {
 				  padding: 0 30rpx;
 				  height: 60rpx;
 				  margin: 0 20rpx 20rpx 0;
 				  transition: all 0.3s;
 				  background: #f2f2f2;
 				  border-radius: 2px;
 				  border-radius: 2px;
 				  line-height: 60rpx;
 				  text-align: center;
 				  color: #666666;
 				  font-size: 12px;
 				}
 				.active2 {
 				  background: rgba(255, 107, 74, 0.15);
 				  color: #ff6b4a;
 				}
 			}
 	  }
 	  .goods-data {
 	    width: 100%;
 	    box-sizing: border-box;
 	    padding: 37rpx 40rpx 0 40rpx;
 	    background: #ffffff;
 	    border-radius: 12rpx;
 	    .opCollapse {
 	      width: 100%;
 	      padding-bottom: 28rpx;
 	      margin-top: 7px;
 	      border-bottom: 1px solid #e9e9e9;
 	      .head {
 	        display: flex;
 	        justify-content: space-between;
 	        height: 24px;
 	        // font-family: PingFangSC-Medium;
 	        font-size: 16px;
 	        color: #333333;
 	        letter-spacing: -0.3px;
 	        text-align: justify;
 	        line-height: 24px;
 	        margin-bottom: 18rpx;
 	        .headRighted {
 	          width: 0;
 	          height: 0;
 	          border-left: 4px solid transparent;
 	          border-right: 4px solid transparent;
 	          border-bottom: 4px solid #cfcfcf;
 	          transform: scaleY(-1);
 	          margin-top: 10px;
 	        }
 	        .headMid {
 	          font-size: 10px;
 	          color: #999999;
 	          letter-spacing: -0.19px;
 	          margin-left: -120rpx;
 	        }
 	        .headRight {
 	          width: 0;
 	          height: 0;
 	          border-left: 4px solid transparent;
 	          border-right: 4px solid transparent;
 	          border-bottom: 4px solid #cfcfcf;
 	          margin-top: 10px;
 	        }
 	      }
 	      .body {
 	        font-size: 12px;
 	        color: #666666;
 	        letter-spacing: 0;
 	        .bodyBox {
 	          margin-top: 15px;
 	          .names {
 	            font-size: 12px;
 	            color: #151515;
 	            letter-spacing: 0;
 	            text-align: justify;
 	            line-height: 17px;
 	            margin-left: 5px;
 	            margin-right: 10px;
 	          }
 	          text {
 	            font-size: 12px;
 	            color: #666666;
 	            letter-spacing: 0;
 	            text-align: justify;
 	          }
 	        }
 	      }
 	    .goods-form {
 	      display: flex;
 	      flex-direction: column;
 	      align-items: center;
 	      justify-content: center;
 	      background-color: #fff;
 	        width: 100%;
 	        padding: 40rpx 0;
 	      .p1 {
 	            font-size: 16px;
 	            color: #333333;
 	            letter-spacing: -0.3px;
 	            text-align: justify;
 	            line-height: 24px;
 	            margin: 4px 0;
 	        }
 	        .p2 {
 	            font-size: 12px;
 	            color: #999999;
 	            letter-spacing: -0.23px;
 	            margin-bottom: 32rpx;
 	        }
 	        .image2{
 	            width: 42rpx;
 	            height: 34rpx;
 	        margin-right: 12rpx;
 	        }
 	        .confirm {
 	            display: flex;
 	            align-items: center;
 	            font-size: 12px;
 	            color: #666666;
 	            letter-spacing: -0.23px;
 	            width: 684rpx;
 	            .image1{
 	                margin-right:25rpx;
 	          width: 42rpx;
 	          height: 38rpx;
 	            }
 	        }
 	        .picker{
 	      display: flex;
 	      flex-direction: column;
 	      justify-content: center;
 	      align-items: center;
 	      width: 100%;
 	      .picker-choice{
 	        display: flex;
 	        width: 684rpx;
 	        align-items: center;
 	            margin-bottom: 40rpx;
 	        .input{
 	          border-bottom: 1px solid #CFCFCF;
 	          height: 40rpx;
 	        }
 	        .choice-left{
 	          width: 210rpx;
 	          .pd{
 	            font-size: 14px;
 	            color: #333333;
 	            letter-spacing: -0.26px;
 	            text-align: justify;
 	            line-height: 24px;
 	            margin-right: 44rpx;
 	          }
 	          .p11 {
 	            font-size: 14px;
 	            color: #333333;
 	            letter-spacing: -0.26px;
 	            text-align: justify;
 	            line-height: 24px;
 	            // margin-right: 10px;
 	          }
 	          .p12 {
 	            font-size: 10px;
 	            color: #3F3F3F;
 	            letter-spacing: -0.19px;
 	            text-align: justify;
 	            line-height: 24px;
 	          }
 	        }
 	        .p13 {
 	          font-size: 10px;
 	          color: #999999;
 	          letter-spacing: -0.19px;
 	          margin-right: 10px;
 	        }
 	            .p13-date {
 	                font-size: 10px;
 	          color: #999999;
 	          letter-spacing: -0.19px;
 	          margin-right: 5px;
 	            }
 	        picker{
 	          width: 144rpx;
 	          height: 40rpx;
 	          display: flex;
 	          position: relative;
 	          .p14 {
 	            font-size: 14px;
 	            color: #666666;
 	            letter-spacing: -0.26px;
 	            text-align: center;
 	            width: 124rpx;
 	            border-bottom: 1px solid #CFCFCF;
 	            height: 38rpx;
 	          }
 	          image{
 	            width: 20rpx;
 	            height: 20rpx;
 	            position: absolute;
 	            right: 20rpx;
 	            top: 8rpx;
 	          }
 	        }
 	      }
 	    }
 		.ipts{
 			width: 100%;
 			display: flex;
 			flex-direction: column;
 			justify-content: center;
 			align-items: flex-start;
 			// padding: 20rpx 36rpx;
 			box-sizing: border-box;
 			.inputItem{
 				display: flex;
 				flex-direction: row;
 				justify-content: center;
 				align-items: center;
 				margin-bottom: 36rpx;
 				.text{
 					margin-right: 100rpx;
 				}
 				.input{
 					border-bottom: 1px solid #CFCFCF;
 				}
 			}
 		}
 	    }
 	    }
 	  }
 	  .choose {
 	    width: 100%;
 	    background: #ffffff;
 	    border-radius: 12rpx;
 	    margin-top: 20rpx;
 	    padding: 40rpx 40rpx 112rpx 40rpx;
 	    box-sizing: border-box;
 	    .chooseItem {
 	      width: 100%;
 	      padding-bottom: 32rpx;
 	      border-bottom: 1px solid #e9e9e9;
 	      margin-bottom: 28rpx;
 	    }
 	    .chooseRes {
 	      font-size: 12px;
 	      color: #666666;
 	    }
 	    .itemsWrap {
 	      display: flex;
 	      flex-direction: row;
 	      flex-wrap: wrap;
 	      justify-content: flex-start;
 	      align-items: center;
 	      padding-top: 24rpx;
 	      .item1 {
 	        width: 64rpx;
 	        height: 64rpx;
 	        border-radius: 32rpx;
 	        margin: 0 36rpx 24rpx 0;
 	        transition: all 0.3s;
 	        border: 1px solid #ffffff;
 	      }
 	      .item2 {
 	        // width: 100rpx;
 	        padding: 0 30rpx;
 	        height: 60rpx;
 	        margin: 0 20rpx 20rpx 0;
 	        transition: all 0.3s;
 	        background: #f2f2f2;
 	        border-radius: 2px;
 	        border-radius: 2px;
 	        line-height: 60rpx;
 	        text-align: center;
 	        color: #666666;
 	        font-size: 12px;
 	      }
 	      .active1 {
 	        opacity: 0.7;
 	        border: 1px solid #ff6b4a;
 	      }
 	      .active2 {
 	        background: rgba(255, 107, 74, 0.15);
 	        color: #ff6b4a;
 	      }
 	    }
 	  }
 	  .button {
 	    width: 100%;
 	    height: 112rpx;
 	    background-color: #ff6b4a;
 	    font-size: 16px;
 	    color: #ffffff;
 	    line-height: 112rpx;
 	    text-align: center;
 	    position: sticky;
 	    bottom: 0rpx;
 	    left: 0rpx;
 		z-index: 9999;
 	  }
 	}
 	/* sheet弹窗 */
 	.sheet{
 		width: 100%;
 		height: 100%;
 		position: fixed;
 		top: 150%;
 		left: 0upx;
 		bottom: 0upx;
 		right: 0upx;
 		background:rgba(0,0,0,0.3);
 		z-index: 10000;
 	}
 	/* 显示时候的动画默认0.5s */
 	.sheetView{
 		width: 100%;
 		height: 0upx;
 		position: absolute;
 		bottom: 0upx;
 		background: white;
 		z-index: 10001;
 		transition: all 0.5s;
 	}
 	.sheetShow{
 		top:0upx !important;
 	}
 	/* 关闭时的动画，时间自己可以设置0.5s*/
 	.sheeHide{
 		top:120% !important;
 		transition: all 0.5s;
 	}
 	/* 项目需求根据设计稿要展示的高度,超出这个高度就自动滚动*/
 	.sheetView_active{
 		height: 1042upx;
 	}
 </style>