Adam / gulu-vue

1

1

2

2

3

3

4

4

5

<image

5

<image

6

src="../../static/img/detail/d1.png"

6

src="../../static/img/detail/d1.png"

7

mode="aspectFill"

7

mode="aspectFill"

8

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

8

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

9

></image>

9

></image>

10

</view>

10

</view>

11

11

12

<text class="goodName">商品名称商品名称商品名称名称名称商品名称名商品名称名</text>

12

<text class="goodName">商品名称商品名称商品名称名称名称商品名称名商品名称名</text>

13

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

13

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

14

14

15

15

16

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

16

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

17

17

18

<view

18

<view

19

class="btn"

19

class="btn"

20

disabled="this.addDisabled"

20

disabled="this.addDisabled"

21

type="default"

21

type="default"

22

@click="counter(false)"

22

@click="counter(false)"

23

>-</view>

23

>-</view>

24

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

24

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

25

<view

25

<view

26

class="btn"

26

class="btn"

27

disabled="this.desDisabled"

27

disabled="this.desDisabled"

28

type="default"

28

type="default"

29

@click="counter(true)"

29

@click="counter(true)"

30

>+</view>

30

>+</view>

31

</view>

31

</view>

32

</view>

32

</view>

33

</view>

33

</view>

34

</view>

34

</view>

35

35

36

36

37

37

38

38

39

39

40

40

41

41

42

填写验光数据

42

填写验光数据

43

</view>

43

</view>

44

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

44

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

45

45

46

46

47

47

48

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

48

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

49

</view>

49

</view>

50

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

50

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

51

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

51

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

52

</view>

52

</view>

53

</view>

53

</view>

54

54

55

55

56

56

57

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

57

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

58

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

58

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

59

</view>

59

</view>

60

60

61

61

62

62

63

63

64

65

65

66

</view>

66

</view>

67

67

68

</picker>

68

</picker>

69

69

70

70

71

71

72

72

73

74

74

75

</view>

75

</view>

76

76

77

</picker>

77

</picker>

78

</view>

78

</view>

79

</view>

79

</view>

80

80

81

81

82

82

83

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

83

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

84

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

84

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

85

</view>

85

</view>

86

86

87

87

88

88

89

89

90

91

91

92

</view>

92

</view>

93

93

94

</picker>

94

</picker>

95

95

96

96

97

97

98

98

99

100

100

101

</view>

101

</view>

102

102

103

</picker>

103

</picker>

104

</view>

104

</view>

105

</view>

105

</view>

106

106

107

107

108

108

109

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

109

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

110

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

110

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

111

</view>

111

</view>

112

112

113

113

114

114

115

116

116

117

</view>

117

</view>

118

</picker>

118

</picker>

119

119

120

120

121

121

122

122

123

124

124

125

</view>

125

</view>

126

126

127

</picker>

127

</picker>

128

</view>

128

</view>

129

</view>

129

</view>

130

130

131

131

132

132

133

133

134

</view>

134

</view>

135

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

135

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

136

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

136

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

137

</view>

137

</view>

138

</view>

138

</view>

139

139

140

140

141

141

142

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

142

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

143

</view>

143

</view>

144

144

145

145

146

146

147

148

148

149

</view>

149

</view>

150

</picker>

150

</picker>

151

151

152

152

153

153

154

155

155

156

</view>

156

</view>

157

</picker>

157

</picker>

158

158

159

159

160

160

161

162

162

163

</view>

163

</view>

164

</picker>

164

</picker>

165

</view>

165

</view>

166

</view>

166

</view>

167

167

168

168

169

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

169

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

170

</view>

170

</view>

171

</view>

171

</view>

172

<!-- <view class="goods-form">

173

174

175

<text class="p1">填写验光数据</text>

176

</view>

177

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

178

179

180

181

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

182

</view>

183

<input

184

class="choice-name uni-input"

185

:value="dataName"

186

@blur="fillData"

187

placeholder="下系"

188

/>

189

</view>

190

</view>

191

192

193

194

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

195

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

196

</view>

197

198

<text class="p14">{{pickerInfoList[0].nameArray1[pickerInfoList[0].nameIndex1]}}</text>

199

<picker

200

@change="bindPickerChange01"

201

:value="pickerInfoList[0].nameIndex1"

202

:range="pickerInfoList[0].nameArray1"

203

>

204

205

</picker>

206

207

<text class="p14">{{pickerInfoList[0].nameArray2[pickerInfoList[0].nameIndex2]}}</text>

208

<picker

209

@change="bindPickerChange02"

210

:value="pickerInfoList[0].nameIndex2"

211

:range="pickerInfoList[0].nameArray2"

212

>

213

214

</picker>

215

</view>

216

</view>

217

218

219

220

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

221

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

222

</view>

223

224

<text class="p14">{{pickerInfoList[1].nameArray1[pickerInfoList[1].nameIndex1]}}</text>

225

<picker

226

@change="bindPickerChange11"

227

:value="pickerInfoList[1].nameIndex1"

228

:range="pickerInfoList[1].nameArray1"

229

>

230

231

</picker>

232

233

<text class="p14">{{pickerInfoList[1].nameArray2[pickerInfoList[1].nameIndex2]}}</text>

234

<picker

235

@change="bindPickerChange12"

236

:value="pickerInfoList[1].nameIndex2"

237

:range="pickerInfoList[1].nameArray2"

238

>

239

240

</picker>

241

</view>

242

</view>

243

244

245

246

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

247

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

248

</view>

249

250

<text class="p14">{{pickerInfoList[2].nameArray1[pickerInfoList[2].nameIndex1]}}</text>

251

<picker

252

@change="bindPickerChange21"

253

:value="pickerInfoList[2].nameIndex1"

254

:range="pickerInfoList[2].nameArray1"

255

>

256

257

</picker>

258

259

<text class="p14">{{pickerInfoList[2].nameArray2[pickerInfoList[2].nameIndex2]}}</text>

260

<picker

261

@change="bindPickerChange22"

262

:value="pickerInfoList[2].nameIndex2"

263

:range="pickerInfoList[2].nameArray2"

264

>

265

266

</picker>

267

</view>

268

</view>

269

270

271

272

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

273

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

274

</view>

275

276

<text class="p14">{{pickerInfoList[3].nameArray1[pickerInfoList[3].nameIndex1]}}</text>

277

<picker

278

@change="bindPickerChange31"

279

:value="pickerInfoList[3].nameIndex1"

280

:range="pickerInfoList[3].nameArray1"

281

>

282

283

</picker>

284

285

<text class="p14">{{pickerInfoList[3].nameArray2[pickerInfoList[3].nameIndex2]}}</text>

286

<picker

287

@change="bindPickerChange32"

288

:value="pickerInfoList[3].nameIndex2"

289

:range="pickerInfoList[3].nameArray2"

290

>

291

292

</picker>

293

</view>

294

</view>

295

296

297

298

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

299

</view>

300

301

<text

302

class="p14"

303

style="width: 34px;"

304

>{{pickerInfoList[4].nameArray1[pickerInfoList[4].nameIndex1]}}</text>

305

<picker

306

@change="bindPickerChange41"

307

:value="pickerInfoList[4].nameIndex1"

308

:range="pickerInfoList[4].nameArray1"

309

>

310

311

</picker>

312

313

<text

314

class="p14"

315

style="width: 30px;"

316

>{{pickerInfoList[4].nameArray2[pickerInfoList[4].nameIndex2]}}</text>

317

<picker

318

@change="bindPickerChange42"

319

:value="pickerInfoList[4].nameIndex2"

320

:range="pickerInfoList[4].nameArray2"

321

>

322

323

</picker>

324

325

<text

326

class="p14"

327

style="width: 30px;"

328

>{{pickerInfoList[4].nameArray3[pickerInfoList[4].nameIndex3]}}</text>

329

<picker

330

@change="bindPickerChange43"

331

:value="pickerInfoList[4].nameIndex3"

332

:range="pickerInfoList[4].nameArray3"

333

>

334

335

</picker>

336

</view>

337

</view>

338

339

<image

340

:src="tablist.confirm ? tabicon[0] : tabicon[1]"

341

@click="changeConfirm"

342

></image>

343

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

344

</view>

345

</view> -->

346

347

</template>

172

</template>

348

173

349

<view

174

<view

350

v-for="item in pickerInfoList"

175

v-for="item in pickerInfoList"

351

:key="item.key"

176

:key="item.key"

352

class="bodyBox"

177

class="bodyBox"

353

>

178

>

354

179

355

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

180

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

356

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

181

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

357

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

182

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

358

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

183

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

359

</template>

184

</template>

360

185

361

186

362

187

363

</template>

188

</template>

364

189

365

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

190

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

366

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

191

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

367

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

192

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

368

</template>

193

</template>

369

</view>

194

</view>

370

</template>

195

</template>

371

</view>

196

</view>

372

</view>

197

</view>

373

</view>

198

</view>

374

199

375

<view

200

<view

376

class="chooseItem_1_content"

201

class="chooseItem_1_content"

377

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

202

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

378

:key="index"

203

:key="index"

379

>

204

>

380

205

381

<UniCollapseItem

206

<UniCollapseItem

382

:open="show[index]"

207

:open="show[index]"

383

:title="item.meta_name"

208

:title="item.meta_name"

384

showAnimation=false

209

showAnimation=false

385

>

210

>

386

211

387

212

388

<view

213

<view

389

class="item2"

214

class="item2"

390

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

215

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

391

:key="i"

216

:key="i"

392

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

217

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

393

@click="onClickItem(index, i)"

218

@click="onClickItem(index, i)"

394

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

219

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

395

</view>

220

</view>

396

</view>

221

</view>

397

</UniCollapseItem>

222

</UniCollapseItem>

398

</UniCollapse>

223

</UniCollapse>

399

<view

224

<view

400

class="chooseRes"

225

class="chooseRes"

401

v-show="!show[index]"

226

v-show="!show[index]"

402

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

227

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

403

</view>

228

</view>

404

<!-- <view class="chooseItem_1 chooseItem">

229

<!-- <view class="chooseItem_1 chooseItem">

405

230

406

<UniCollapseItem

231

<UniCollapseItem

407

open=true

232

open=true

408

title="款式挑选"

233

title="款式挑选"

409

showAnimation=false

234

showAnimation=false

410

>

235

>

411

<view

236

<view

412

class="chooseRes"

237

class="chooseRes"

413

v-show="show[1]"

238

v-show="show[1]"

414

>* {{chooseRes1}}</view>

239

>* {{chooseRes1}}</view>

415

240

416

241

417

<view

242

<view

418

class="item1"

243

class="item1"

419

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

244

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

420

:key="index"

245

:key="index"

421

:style="item.style"

246

:style="item.style"

422

:class="{ active1: current1 === index }"

247

:class="{ active1: current1 === index }"

423

@click="onClickItem1(index)"

248

@click="onClickItem1(index)"

424

></view>

249

></view>

425

</view>

250

</view>

426

</view>

251

</view>

427

</UniCollapseItem>

252

</UniCollapseItem>

428

</UniCollapse>

253

</UniCollapse>

429

<view

254

<view

430

class="chooseRes"

255

class="chooseRes"

431

v-show="show[1]"

256

v-show="show[1]"

432

>* {{chooseRes1}}</view>

257

>* {{chooseRes1}}</view>

433

</view>

258

</view>

434

259

435

260

436

<UniCollapseItem

261

<UniCollapseItem

437

open=true

262

open=true

438

title="直径"

263

title="直径"

439

showAnimation=false

264

showAnimation=false

440

>

265

>

441

266

442

267

443

<view

268

<view

444

class="item2"

269

class="item2"

445

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

270

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

446

:key="index"

271

:key="index"

447

:class="{ active2: current2 === index }"

272

:class="{ active2: current2 === index }"

448

@click="onClickItem2(index)"

273

@click="onClickItem2(index)"

449

>{{item.num}}</view>

274

>{{item.num}}</view>

450

</view>

275

</view>

451

</view>

276

</view>

452

</UniCollapseItem>

277

</UniCollapseItem>

453

</UniCollapse>

278

</UniCollapse>

454

<view

279

<view

455

class="chooseRes"

280

class="chooseRes"

456

v-show="show[2]"

281

v-show="show[2]"

457

>* {{chooseRes2}}</view>

282

>* {{chooseRes2}}</view>

458

</view>

283

</view>

459

284

460

285

461

<UniCollapseItem

286

<UniCollapseItem

462

open=true

287

open=true

463

title="度数"

288

title="度数"

464

showAnimation=false

289

showAnimation=false

465

>

290

>

466

291

467

292

468

<view

293

<view

469

class="item2"

294

class="item2"

470

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

295

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

471

:key="index"

296

:key="index"

472

:class="{ active2: current3 === index }"

297

:class="{ active2: current3 === index }"

473

@click="onClickItem3(index)"

298

@click="onClickItem3(index)"

474

>{{item}}</view>

299

>{{item}}</view>

475

</view>

300

</view>

476

</view>

301

</view>

477

</UniCollapseItem>

302

</UniCollapseItem>

478

</UniCollapse>

303

</UniCollapse>

479

<view

304

<view

480

class="chooseRes"

305

class="chooseRes"

481

v-show="show[3]"

306

v-show="show[3]"

482

>* {{chooseRes3}}</view>

307

>* {{chooseRes3}}</view>

483

</view> -->

308

</view> -->

484

</view>

309

</view>

485

<view

310

<view

486

class="button"

311

class="button"

487

@click="toComfirmOrder"

312

@click="toComfirmOrder"

488

>

313

>

489

立即结算

314

立即结算

490

</view>

315

</view>

491

</view>

316

</view>

492

</template>

317

</template>

493

318

494

319

495

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

320

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

496

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

321

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

497

import store from '@/store'

322

import store from '@/store'

498

323

499

export default {

324

export default {

500

components: {

325

components: {

501

UniCollapse,

326

UniCollapse,

502

UniCollapseItem

327

UniCollapseItem

503

},

328

},

504

data() {

329

data() {

505

return {

330

return {

506

331

507

pid: 0,

332

pid: 0,

508

maxCount: 20,

333

maxCount: 20,

509

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

334

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

510

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

335

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

511

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

336

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

512

opIsOpen: true,

337

opIsOpen: true,

513

addDisabled: false,

338

addDisabled: false,

514

desDisabled: false,

339

desDisabled: false,

515

current1: 0,

340

current1: 0,

516

current2: 0,

341

current2: 0,

517

current3: 0,

342

current3: 0,

518

current: [],

343

current: [],

519

show: [],

344

show: [],

520

chooseRes1: {

345

chooseRes1: {

521

sku_name: 'Miss 黑二代【减龄自然】',

346

sku_name: 'Miss 黑二代【减龄自然】',

522

sk_id: '128'

347

sk_id: '128'

523

},

348

},

524

checkedData: {

349

checkedData: {

525

350

526

},

351

},

527

chooseRes2: '14.0',

352

chooseRes2: '14.0',

528

chooseRes3: 0,

353

chooseRes3: 0,

529

chooseItem1: [

354

chooseItem1: [

530

{ style: 'opacity: 0.7;background-image: radial-gradient(50% 148%, #ECEAEA 50%, #8D8C8C 100%);', describ: 'Miss 黑1代【减龄自然】' },

355

{ style: 'opacity: 0.7;background-image: radial-gradient(50% 148%, #ECEAEA 50%, #8D8C8C 100%);', describ: 'Miss 黑1代【减龄自然】' },

531

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑二代【防紫外线】' },

356

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑二代【防紫外线】' },

532

{ style: 'background-image: radial-gradient(50% 148%, #FDF8F6 50%, #94380B 100%);', describ: 'Miss 黑3代【防紫外线】' },

357

{ style: 'background-image: radial-gradient(50% 148%, #FDF8F6 50%, #94380B 100%);', describ: 'Miss 黑3代【防紫外线】' },

533

{ style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },

358

{ style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },

534

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },

359

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },

535

{ style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },

360

{ style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },

536

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' },

361

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' },

537

{ style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },

362

{ style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },

538

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },

363

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },

539

{ style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },

364

{ style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },

540

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' },

365

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' },

541

{ style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },

366

{ style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },

542

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },

367

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },

543

{ style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },

368

{ style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },

544

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' }

369

{ style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' }

545

],

370

],

546

chooseItem2: [

371

chooseItem2: [

547

{ num: '14.0' },

372

{ num: '14.0' },

548

{ num: '14.2' },

373

{ num: '14.2' },

549

{ num: '14.4' },

374

{ num: '14.4' },

550

{ num: '14.5' }

375

{ num: '14.5' }

551

],

376

],

552

chooseItem3: [0, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 425, 450, 470, 500, 525, 550, 575, 600, 1000],

377

chooseItem3: [0, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 425, 450, 470, 500, 525, 550, 575, 600, 1000],

553

// 度数相关数据

378

// 度数相关数据

554

pickerInfoList:[

379

pickerInfoList:[

555

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

380

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

556

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

381

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

557

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

382

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

558

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

383

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

559

],

384

],

560

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

385

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

561

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

386

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

562

387

563

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

388

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

564

pickerInfoChioce:{

389

pickerInfoChioce:{

565

"leftSph": '',

390

"leftSph": '',

566

"rightSph": '',

391

"rightSph": '',

567

"leftCyl": '',

392

"leftCyl": '',

568

"rightCyl": '',

393

"rightCyl": '',

569

"leftAxi": '',

394

"leftAxi": '',

570

"rightAxi": '',

395

"rightAxi": '',

571

"time":{

396

"time":{

572

"year":0,

397

"year":0,

573

"month": 0,

398

"month": 0,

574

"day":0 ,

399

"day":0 ,

575

}

400

}

576

},

401

},

577

pd: '',// 瞳距

402

pd: '',// 瞳距

578

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

403

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

579

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

404

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

580

mp_id: Number

405

mp_id: Number

581

}

406

}

582

},

407

},

583

computed: {

408

computed: {

584

attrList() {

409

attrList() {

585

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

410

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

586

},

411

},

587

skuList() {

412

skuList() {

588

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

413

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

589

},

414

},

590

mpList() {

415

mpList() {

591

return this.$store.state.myLoveList.loveList

416

return this.$store.state.myLoveList.loveList

592

}

417

}

593

},

418

},

594

onLoad({ pid }) {

419

onLoad({ pid }) {

595

this.pid = pid

420

this.pid = pid

596

store.dispatch('read/fetch', {

421

store.dispatch('read/fetch', {

597

pid

422

pid

598

}).then(() => {

423

}).then(() => {

599

const current = []

424

const current = []

600

const show = []

425

const show = []

601

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

426

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

602

current.push(0)

427

current.push(0)

603

show.push(true)

428

show.push(true)

604

}

429

}

605

this.current = current

430

this.current = current

606

this.show = show

431

this.show = show

607

})

432

})

608

store.dispatch('myLoveList/getLoveList')

433

store.dispatch('myLoveList/getLoveList')

609

434

610

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

435

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

611

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

436

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

612

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

437

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

613

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

438

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

614

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

439

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

615

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

440

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

616

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

441

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

617

if(i>=-6){

442

if(i>=-6){

618

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

443

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

619

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

444

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

620

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

445

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

621

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

446

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

622

}

447

}

623

if(i==5){

448

if(i==5){

624

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

449

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

625

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

450

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

626

}

451

}

627

}

452

}

628

}

453

}

629

// 初始化日期值

454

// 初始化日期值

630

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

455

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

631

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

456

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

632

}

457

}

633

// 初始化年份前后五年

458

// 初始化年份前后五年

634

let myDate = new Date();

459

let myDate = new Date();

635

let nowYear = myDate.getFullYear();

460

let nowYear = myDate.getFullYear();

636

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

461

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

637

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

462

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

638

}

463

}

639

},

464

},

640

methods: {

465

methods: {

641

// picker相关功能

466

// picker相关功能

642

handleInput(e){

467

handleInput(e){

643

this.name=e.target.value

468

this.name=e.target.value

644

this.isDataName = false

469

this.isDataName = false

645

console.log('e---->', e)

470

console.log('e---->', e)

646

const mpList = this.mpList

471

const mpList = this.mpList

647

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

472

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

648

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

473

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

649

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

474

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

650

this.isDataName = true

475

this.isDataName = true

651

uni.showModal({

476

uni.showModal({

652

title: '提示',

477

title: '提示',

653

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

478

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

654

success: ({ confirm }) => {

479

success: (res) => {

655

if (confirm) {

480

if (res.confirm) {

656

this.kinds=2

481

this.kinds=2

657

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

482

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

658

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

483

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

659

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

484

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

660

this.name=mpList[index].name

485

this.name=mpList[index].name

661

this.pd=mpList[index].pd

486

this.pd=mpList[index].pd

662

this.mp_id=mpList[index].mp_id

487

this.mp_id=mpList[index].mp_id

663

this.oldname=mpList[index].name

488

this.oldname=mpList[index].name

664

this.oldpd=mpList[index].pd

489

this.oldpd=mpList[index].pd

665

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

490

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

666

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

491

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

667

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

492

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

668

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

493

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

669

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

494

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

670

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

495

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

671

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

496

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

672

497

673

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

498

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

674

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

499

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

675

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

500

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

676

} else{

501

} else{

677

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

502

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

678

}

503

}

679

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

504

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

680

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

505

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

681

} else{

506

} else{

682

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

507

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

683

}

508

}

684

// this.checkedData = mpList[index]

509

// this.checkedData = mpList[index]

685

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

510

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

686

}

511

} else if(res.cancel){

512

this.kinds=2

513

}

687

}

514

}

688

})

515

})

689

}

516

}

690

}

517

}

691

},

518

},

692

handleInputPd(e){

519

handleInputPd(e){

693

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

520

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

694

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

521

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

695

this.pd=e.target.value

522

this.pd=e.target.value

696

} else {

523

} else {

697

uni.showToast({

524

uni.showToast({

698

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

525

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

699

icon: "none",

526

icon: "none",

700

duration: 2000,

527

duration: 2000,

701

})

528

})

702

this.pd = ''

529

this.pd = ''

703

}

530

}

704

531

705

},

532

},

706

changeConfirm() {

533

changeConfirm() {

707

this.confirm = !this.confirm

534

this.confirm = !this.confirm

708

},

535

},

709

bindPickerChange01: function(e) {

536

bindPickerChange01: function(e) {

710

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

537

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

711

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

538

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

712

},

539

},

713

bindPickerChange02: function(e) {

540

bindPickerChange02: function(e) {

714

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

541

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

715

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

542

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

716

},

543

},

717

544

718

bindPickerChange11: function(e) {

545

bindPickerChange11: function(e) {

719

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

546

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

720

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

547

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

721

},

548

},

722

bindPickerChange12: function(e) {

549

bindPickerChange12: function(e) {

723

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

550

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

724

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

551

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

725

},

552

},

726

553

727

bindPickerChange21: function(e) {

554

bindPickerChange21: function(e) {

728

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

555

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

729

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

556

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

730

},

557

},

731

bindPickerChange22: function(e) {

558

bindPickerChange22: function(e) {

732

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

559

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

733

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

560

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

734

},

561

},

735

562

736

bindPickerChange41: function(e) {

563

bindPickerChange41: function(e) {

737

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

564

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

738

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

565

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

739

},

566

},

740

bindPickerChange42: function(e) {

567

bindPickerChange42: function(e) {

741

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

568

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

742

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

569

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

743

},

570

},

744

bindPickerChange43: function(e) {

571

bindPickerChange43: function(e) {

745

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

572

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

746

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

573

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

747

},

574

},

748

575

749

// 是否填充人员数据

750

// fillData(e) {

751

// this.isDataName = false

752

// console.log('e---->', e)

753

// const mpList = this.mpList

754

755

// <<<<<<< HEAD

756

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

757

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

758

// this.isDataName = true

759

// uni.showModal({

760

// title: '提示',

761

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

762

// success: ({ confirm }) => {

763

// if (confirm) {

764

// this.checkedData = mpList[index]

765

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

766

// }

767

// }

768

// })

769

// }

770

// }

771

// },

772

// =======

773

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

774

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

775

// this.isDataName = true

776

// uni.showModal({

777

// title: '提示',

778

// content: `是否自动填充已保存的${e.detail.value}的数据`,

779

// success: ({ confirm }) => {

780

// if (confirm) {

781

// this.checkedData = mpList[index]

782

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

783

// }

784

// }

785

// })

786

// }

787

// }

788

// },

789

// // 确认验光数据

790

// changeConfirm() {

791

792

// },

793

// >>>>>>> 3a0878cc773855146d390a935b133980a5c0ee88

794

change(num) {

576

change(num) {

795

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

577

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

796

this.$forceUpdate()

578

this.$forceUpdate()

797

},

579

},

798

onClickItem(index, i) {

580

onClickItem(index, i) {

799

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

581

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

800

this.current[index] = i

582

this.current[index] = i

801

}

583

}

802

this.$forceUpdate()

584

this.$forceUpdate()

803

},

585

},

804

onClickItem1(index) {

586

onClickItem1(index) {

805

if (this.current1 !== index) {

587

if (this.current1 !== index) {

806

this.current1 = index

588

this.current1 = index

807

this.chooseRes1 = this.chooseItem1[index].describ

589

this.chooseRes1 = this.chooseItem1[index].describ

808

}

590

}

809

},

591

},

810

onClickItem2(index) {

592

onClickItem2(index) {

811

if (this.current2 !== index) {

593

if (this.current2 !== index) {

812

this.current2 = index

594

this.current2 = index

813

this.chooseRes2 = this.chooseItem2[index].num

595

this.chooseRes2 = this.chooseItem2[index].num

814

}

596

}

815

},

597

},

816

onClickItem3(index) {

598

onClickItem3(index) {

817

if (this.current3 !== index) {

599

if (this.current3 !== index) {

818

this.current3 = index

600

this.current3 = index

819

this.chooseRes3 = this.chooseItem3[index]

601

this.chooseRes3 = this.chooseItem3[index]

820

}

602

}

821

},

603

},

822

counter(isadd) {

604

counter(isadd) {

823

if (isadd) {

605

if (isadd) {

824

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

606

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

825

} else {

607

} else {

826

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

608

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

827

}

609

}

828

},

610

},

829

toComfirmOrder() {

611

toComfirmOrder() {

830

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

612

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

831

let flag=0;

613

let flag=0;

832

if(this.name==''){

614

if(this.name==''){

833

uni.showToast({

615

uni.showToast({

834

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

616

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

835

icon: "none",

617

icon: "none",

836

duration: 2000,

618

duration: 2000,

837

})

619

})

838

}else{

620

}else{

839

621

840

if(this.pd==''){

622

if(this.pd==''){

841

uni.showToast({

623

uni.showToast({

842

title:"请输入瞳距",

624

title:"请输入瞳距",

843

icon: "none",

625

icon: "none",

844

duration: 2000,

626

duration: 2000,

845

})

627

})

846

}else{

628

}else{

847

629

848

if(this.kinds==1){

630

if(this.kinds==1){

849

// 添加用户验光单

631

// 添加用户验光单

850

console.log('kinds====>',this.pickerInfoChioce.leftSph)

632

console.log('kinds====>',this.pickerInfoChioce.leftSph)

851

console.log('kinds====>',this.pickerInfoChioce.leftSph==Number)

633

console.log('kinds====>',this.pickerInfoChioce.leftSph==Number)

852

console.log('kinds====>',this.pickerInfoChioce.rightSph==Number)

634

console.log('kinds====>',this.pickerInfoChioce.rightSph==Number)

853

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

635

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

854

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

636

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

855

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

637

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

856

){

638

){

857

uni.showToast({

639

uni.showToast({

858

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

640

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

859

icon: "none",

641

icon: "none",

860

duration: 2000,

642

duration: 2000,

861

})

643

})

862

}else{

644

}else{

863

if(this.confirm){

645

if(this.confirm){

864

store.dispatch('myLoveList/addMylove', {

646

store.dispatch('myLoveList/addMylove', {

865

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

647

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

866

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

648

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

867

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

649

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

868

leftSph: this.pickerInfoChioce.leftSph,

650

leftSph: this.pickerInfoChioce.leftSph,

869

rightSph: this.pickerInfoChioce.rightSph,

651

rightSph: this.pickerInfoChioce.rightSph,

870

leftCyl: this.pickerInfoChioce.leftCyl,

652

leftCyl: this.pickerInfoChioce.leftCyl,

871

rightCyl: this.pickerInfoChioce.rightCyl,

653

rightCyl: this.pickerInfoChioce.rightCyl,

872

leftAxi: this.pickerInfoChioce.leftAxi,

654

leftAxi: this.pickerInfoChioce.leftAxi,

873

rightAxi: this.pickerInfoChioce.rightAxi,

655

rightAxi: this.pickerInfoChioce.rightAxi,

874

pd: this.pd,// 瞳距

656

pd: this.pd,// 瞳距

875

mp_name:this.name,

657

mp_name:this.name,

876

// time: this.pickerInfoChioce.time,

658

// time: this.pickerInfoChioce.time,

877

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

659

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

878

});

660

});

879

store.dispatch('myLoveList/getLoveList', {

880

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

881

});

882

flag=1

661

flag=1

883

} else{

662

} else{

884

uni.showToast({

663

uni.showToast({

885

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

664

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

886

icon: "none",

665

icon: "none",

887

duration: 3000,

666

duration: 3000,

888

})

667

})

889

}

668

}

890

}

669

}

891

}

670

}

892

if(this.kinds==2){

671

if(this.kinds==2){

893

// console.log('kinds====>',this.kinds)

672

// console.log('kinds====>',this.kinds)

894

// console.log('pickerindex=====>',this.pickerInfoList[0].nameIndex1)

673

// console.log('pickerindex=====>',this.pickerInfoList[0].nameIndex1)

895

// console.log('this.pickerInfoChioce====>',type(this.pickerInfoChioce))

674

// console.log('this.pickerInfoChioce====>',type(this.pickerInfoChioce))

896

if(this.confirm){

675

if(this.confirm){

897

const leftList = ["leftSph","leftCyl","leftAxi"];

676

const leftList = ["leftSph","leftCyl","leftAxi"];

898

const rightList = ["rightSph", "rightCyl", "rightAxi"];

677

const rightList = ["rightSph", "rightCyl", "rightAxi"];

899

// let flag=0;

678

// let flag=0;

900

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

679

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

901

store.dispatch('myLoveList/updateMylove', {

680

store.dispatch('myLoveList/updateMylove', {

902

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

681

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

903

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

682

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

904

mp_id: this.mp_id,

683

mp_id: this.mp_id,

905

keyname: 'name',

684

keyname: 'name',

906

keyvalue: this.name,

685

keyvalue: this.name,

907

});

686

});

908

flag=1

687

flag=1

909

}

688

}

910

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

689

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

911

store.dispatch('myLoveList/updateMylove', {

690

store.dispatch('myLoveList/updateMylove', {

912

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

691

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

913

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

692

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

914

mp_id: this.mp_id,

693

mp_id: this.mp_id,

915

keyname: 'pd',

694

keyname: 'pd',

916

keyvalue: this.pd,

695

keyvalue: this.pd,

917

});

696

});

918

flag=1

697

flag=1

919

}

698

}

920

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

699

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

921

let q= true;

700

let q= true;

922

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

701

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

923

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

702

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

924

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

703

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

925

}

704

}

926

if(q){

705

if(q){

927

706

928

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

707

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

929

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

708

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

930

store.dispatch('myLoveList/updateMylove', {

709

store.dispatch('myLoveList/updateMylove', {

931

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

710

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

932

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

711

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

933

mp_id: this.mp_id,

712

mp_id: this.mp_id,

934

keyname: leftList[j],

713

keyname: leftList[j],

935

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

714

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

936

});

715

});

937

}

716

}

938

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

717

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

939

store.dispatch('myLoveList/updateMylove', {

718

store.dispatch('myLoveList/updateMylove', {

940

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

719

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

941

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

720

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

942

mp_id: this.mp_id,

721

mp_id: this.mp_id,

943

keyname: rightList[j],

722

keyname: rightList[j],

944

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

723

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

945

});

724

});

946

}

725

}

947

flag=1;

726

flag=1;

948

}

727

}

949

}else{

728

}else{

950

flag=0;

729

flag=0;

951

uni.showToast({

730

uni.showToast({

952

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

731

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

953

icon: "none",

732

icon: "none",

954

duration: 2000,

733

duration: 2000,

955

})

734

})

956

735

957

}

736

}

958

if(flag!=0){

737

if(flag!=0){

959

store.dispatch('myLoveList/getLoveList', {

738

store.dispatch('myLoveList/getLoveList', {

960

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

739

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

961

});

740

});

962

}

741

}

963

742

964

} else{

743

} else{

965

uni.showToast({

744

uni.showToast({

966

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

745

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

967

icon: "none",

746

icon: "none",

968

duration: 3000,

747

duration: 3000,

969

})

748

})

970

}

749

}

971

}

750

}

972

}

751

}

973

752

974

}

753

}

975

if(flag!=0){

754

if(flag!=0){

755

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

756

store.dispatch('myLoveList/getLoveList', {

757

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

758

});

976

let i = 0

759

let i = 0

977

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

760

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

978

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

761

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

979

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

762

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

980

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

763

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

981

console.log('----', this.current[index], this.attrList[1].attr.length, this.attrList)

764

console.log('----', this.current[index], this.attrList[1].attr.length, this.attrList)

982

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

765

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

983

} else {

766

} else {

984

i += this.current[index]

767

i += this.current[index]

985

}

768

}

986

console.log('i', i)

769

console.log('i', i)

987

}

770

}

988

console.log('i------>', i)

771

console.log('i------>', i)

989

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

772

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

990

store.dispatch('order/saveParams', {

773

store.dispatch('order/saveParams', {

991

sk_id_arr: this.skuList[i],

774

sk_id_arr: this.skuList[i],

992

current: this.current

775

current: this.current

993

})

776

})

994

777

995

uni.navigateTo({

778

uni.navigateTo({

996

url: `../confirmOrder/confirmOrder?pid=${this.pid}`

779

url: `../confirmOrder/confirmOrder?pid=${this.pid}`

997

})

780

})

998

}

781

}

999

782

1000

}

783

}

1001

}

784

}

1002

}

785

}

1003

</script>

786

</script>

1004

787

1005

788

1006

.content {

789

.content {

1007

min-height: 100vh;

790

min-height: 100vh;

1008

background-color: #f2f2f2;

791

background-color: #f2f2f2;

1009

// padding-top: 20rpx;

792

// padding-top: 20rpx;

1010

.goodInfo {

793

.goodInfo {

1011

width: 100%;

794

width: 100%;

1012

height: 272rpx;

795

height: 272rpx;

1013

border-radius: 16rpx;

796

border-radius: 16rpx;

1014

background-color: #ffffff;

797

background-color: #ffffff;

1015

box-sizing: border-box;

798

box-sizing: border-box;

1016

padding: 36rpx;

799

padding: 36rpx;

1017

display: flex;

800

display: flex;

1018

flex-direction: row;

801

flex-direction: row;

1019

justify-content: flex-start;

802

justify-content: flex-start;

1020

.imageWrap {

803

.imageWrap {

1021

height: 188rpx;

804

height: 188rpx;

1022

width: 188rpx;

805

width: 188rpx;

1023

margin-right: 28rpx;

806

margin-right: 28rpx;

1024

image {

807

image {

1025

height: 188rpx;

808

height: 188rpx;

1026

width: 188rpx;

809

width: 188rpx;

1027

}

810

}

1028

}

811

}

1029

.infoRight {

812

.infoRight {

1030

display: flex;

813

display: flex;

1031

flex-direction: column;

814

flex-direction: column;

1032

align-items: flex-start;

815

align-items: flex-start;

1033

justify-content: space-between;

816

justify-content: space-between;

1034

.goodName {

817

.goodName {

1035

font-size: 28rpx;

818

font-size: 28rpx;

1036

color: #333333;

819

color: #333333;

1037

}

820

}

1038

.remarks {

821

.remarks {

1039

font-size: 20rpx;

822

font-size: 20rpx;

1040

color: #999999;

823

color: #999999;

1041

}

824

}

1042

.priceBox {

825

.priceBox {

1043

display: flex;

826

display: flex;

1044

justify-content: space-between;

827

justify-content: space-between;

1045

align-items: center;

828

align-items: center;

1046

width: 100%;

829

width: 100%;

1047

font-size: 14px;

830

font-size: 14px;

1048

color: #999999;

831

color: #999999;

1049

.price {

832

.price {

1050

color: #ff6b4a;

833

color: #ff6b4a;

1051

font-size: 28rpx;

834

font-size: 28rpx;

1052

}

835

}

1053

.counter {

836

.counter {

1054

display: flex;

837

display: flex;

1055

flex-direction: row;

838

flex-direction: row;

1056

justify-content: space-between;

839

justify-content: space-between;

1057

align-items: center;

840

align-items: center;

1058

font-size: 28rpx;

841

font-size: 28rpx;

1059

color: #333333;

842

color: #333333;

1060

width: 122rpx;

843

width: 122rpx;

1061

.btn {

844

.btn {

1062

display: flex;

845

display: flex;

1063

justify-content: center;

846

justify-content: center;

1064

line-height: 32rpx;

847

line-height: 32rpx;

1065

height: 32rpx;

848

height: 32rpx;

1066

width: 32rpx;

849

width: 32rpx;

1067

background-color: #f2f2f2;

850

background-color: #f2f2f2;

1068

color: #cfcfcf;

851

color: #cfcfcf;

1069

}

852

}

1070

}

853

}

1071

}

854

}

1072

}

855

}

1073

}

856

}

1074

.goods-data {

857

.goods-data {

1075

width: 100%;

858

width: 100%;

1076

box-sizing: border-box;

859

box-sizing: border-box;

1077

padding: 37rpx 40rpx 0 40rpx;

860

padding: 37rpx 40rpx 0 40rpx;

1078

background: #ffffff;

861

background: #ffffff;

1079

border-radius: 12rpx;

862

border-radius: 12rpx;

1080

.opCollapse {

863

.opCollapse {

1081

width: 100%;

864

width: 100%;

1082

padding-bottom: 28rpx;

865

padding-bottom: 28rpx;

1083

margin-top: 7px;

866

margin-top: 7px;

1084

border-bottom: 1px solid #e9e9e9;

867

border-bottom: 1px solid #e9e9e9;

1085

.head {

868

.head {

1086

display: flex;

869

display: flex;

1087

justify-content: space-between;

870

justify-content: space-between;

1088

height: 24px;

871

height: 24px;

1089

// font-family: PingFangSC-Medium;

872

// font-family: PingFangSC-Medium;

1090

font-size: 16px;

873

font-size: 16px;

1091

color: #333333;

874

color: #333333;

1092

letter-spacing: -0.3px;

875

letter-spacing: -0.3px;

1093

text-align: justify;

876

text-align: justify;

1094

line-height: 24px;

877

line-height: 24px;

1095

margin-bottom: 18rpx;

878

margin-bottom: 18rpx;

1096

.headRighted {

879

.headRighted {

1097

width: 0;

880

width: 0;

1098

height: 0;

881

height: 0;

1099

border-left: 4px solid transparent;

882

border-left: 4px solid transparent;

1100

border-right: 4px solid transparent;

883

border-right: 4px solid transparent;

1101

border-bottom: 4px solid #cfcfcf;

884

border-bottom: 4px solid #cfcfcf;

1102

transform: scaleY(-1);

885

transform: scaleY(-1);

1103

margin-top: 10px;

886

margin-top: 10px;

1104

}

887

}

1105

.headMid {

888

.headMid {

1106

// font-family: PingFangSC-Regular;

889

// font-family: PingFangSC-Regular;

1107

font-size: 10px;

890

font-size: 10px;

1108

color: #999999;

891

color: #999999;

1109

letter-spacing: -0.19px;

892

letter-spacing: -0.19px;

1110

margin-left: -120rpx;

893

margin-left: -120rpx;

1111

}

894

}

1112

.headRight {

895

.headRight {

1113

width: 0;

896

width: 0;

1114

height: 0;

897

height: 0;

1115

border-left: 4px solid transparent;

898

border-left: 4px solid transparent;

1116

border-right: 4px solid transparent;

899

border-right: 4px solid transparent;

1117

border-bottom: 4px solid #cfcfcf;

900

border-bottom: 4px solid #cfcfcf;

1118

margin-top: 10px;

901

margin-top: 10px;

1119

}

902

}

1120

}

903

}

1121

.body {

904

.body {

1122

// font-family: PingFangSC-Regular;

905

// font-family: PingFangSC-Regular;

1123

font-size: 12px;

906

font-size: 12px;

1124

color: #666666;

907

color: #666666;

1125

letter-spacing: 0;

908

letter-spacing: 0;

1126

.bodyBox {

909

.bodyBox {

1127

margin-top: 15px;

910

margin-top: 15px;

1128

.names {

911

.names {

1129

// font-family: PingFangSC-Regular;

912

// font-family: PingFangSC-Regular;

1130

font-size: 12px;

913

font-size: 12px;

1131

color: #151515;

914

color: #151515;

1132

letter-spacing: 0;

915

letter-spacing: 0;

1133

text-align: justify;

916

text-align: justify;

1134

line-height: 17px;

917

line-height: 17px;

1135

margin-left: 5px;

918

margin-left: 5px;

1136

margin-right: 10px;

919

margin-right: 10px;

1137

}

920

}

1138

text {

921

text {

1139

// font-family: PingFangSC-Regular;

922

// font-family: PingFangSC-Regular;

1140

font-size: 12px;

923

font-size: 12px;

1141

color: #666666;

924

color: #666666;

1142

letter-spacing: 0;

925

letter-spacing: 0;

1143

text-align: justify;

926

text-align: justify;

1144

}

927

}

1145

}

928

}

1146

}

929

}

1147

930

1148

// .goods-form {

931

// .goods-form {

1149

// display: flex;

932

// display: flex;

1150

// flex-direction: column;

933

// flex-direction: column;

1151

// align-items: center;

934

// align-items: center;

1152

// justify-content: center;

935

// justify-content: center;

1153

// background-color: #fff;

936

// background-color: #fff;

1154

// width: 100%;

937

// width: 100%;

1155

// .p1 {

938

// .p1 {

1156

// font-size: 16px;

939

// font-size: 16px;

1157

// color: #333333;

940

// color: #333333;

1158

// letter-spacing: -0.3px;

941

// letter-spacing: -0.3px;

1159

// text-align: justify;

942

// text-align: justify;

1160

// line-height: 24px;

943

// line-height: 24px;

1161

// margin: 4px 0;

944

// margin: 4px 0;

1162

// }

945

// }

1163

// .p2 {

946

// .p2 {

1164

// font-size: 12px;

947

// font-size: 12px;

1165

// color: #999999;

948

// color: #999999;

1166

// letter-spacing: -0.23px;

949

// letter-spacing: -0.23px;

1167

// margin-bottom: 18rpx;

950

// margin-bottom: 18rpx;

1168

// }

951

// }

1169

// image {

952

// image {

1170

// width: 28rpx;

953

// width: 28rpx;

1171

// height: 26rpx;

954

// height: 26rpx;

1172

// }

955

// }

1173

// .confirm {

956

// .confirm {

1174

// display: flex;

957

// display: flex;

1175

// align-items: center;

958

// align-items: center;

1176

// font-size: 12px;

959

// font-size: 12px;

1177

// color: #666666;

960

// color: #666666;

1178

// letter-spacing: -0.23px;

961

// letter-spacing: -0.23px;

1179

// width: 684rpx;

962

// width: 684rpx;

1180

// image {

963

// image {

1181

// margin-right: 25rpx;

964

// margin-right: 25rpx;

1182

// }

965

// }

1183

// }

966

// }

1184

// .picker {

967

// .picker {

1185

// display: flex;

968

// display: flex;

1186

// flex-direction: column;

969

// flex-direction: column;

1187

// justify-content: center;

970

// justify-content: center;

1188

// align-items: center;

971

// align-items: center;

1189

// width: 100%;

972

// width: 100%;

1190

// image {

973

// image {

1191

// width: 10px;

974

// width: 10px;

1192

// height: 10px;

975

// height: 10px;

1193

// margin-right: 5px;

976

// margin-right: 5px;

1194

// }

977

// }

1195

// .picker-choice {

978

// .picker-choice {

1196

// display: flex;

979

// display: flex;

1197

// width: 684rpx;

980

// width: 684rpx;

1198

// align-items: center;

981

// align-items: center;

1199

// margin-bottom: 40rpx;

982

// margin-bottom: 40rpx;

1200

// .choice-left {

983

// .choice-left {

1201

// width: 210rpx;

984

// width: 210rpx;

1202

// .p11 {

985

// .p11 {

1203

// font-size: 14px;

986

// font-size: 14px;

1204

// color: #333333;

987

// color: #333333;

1205

// letter-spacing: -0.26px;

988

// letter-spacing: -0.26px;

1206

// text-align: justify;

989

// text-align: justify;

1207

// line-height: 24px;

990

// line-height: 24px;

1208

// }

991

// }

1209

// .p12 {

992

// .p12 {

1210

// font-size: 10px;

993

// font-size: 10px;

1211

// color: #3f3f3f;

994

// color: #3f3f3f;

1212

// letter-spacing: -0.19px;

995

// letter-spacing: -0.19px;

1213

// text-align: justify;

996

// text-align: justify;

1214

// line-height: 24px;

997

// line-height: 24px;

1215

// }

998

// }

1216

// }

999

// }

1217

// .p13 {

1000

// .p13 {

1218

// font-size: 10px;

1001

// font-size: 10px;

1219

// color: #999999;

1002

// color: #999999;

1220

// letter-spacing: -0.19px;

1003

// letter-spacing: -0.19px;

1221

// margin-right: 10px;

1004

// margin-right: 10px;

1222

// }

1005

// }

1223

// .p13-date {

1006

// .p13-date {

1224

// font-size: 10px;

1007

// font-size: 10px;

1225

// color: #999999;

1008

// color: #999999;

1226

// letter-spacing: -0.19px;

1009

// letter-spacing: -0.19px;

1227

// margin-right: 5px;

1010

// margin-right: 5px;

1228

// }

1011

// }

1229

// .p14 {

1012

// .p14 {

1230

// font-size: 14px;

1013

// font-size: 14px;

1231

// color: #666666;

1014

// color: #666666;

1232

// letter-spacing: -0.26px;

1015

// letter-spacing: -0.26px;

1233

// text-align: center;

1016

// text-align: center;

1234

// width: 124rpx;

1017

// width: 124rpx;

1235

// border-bottom: 1px solid #cfcfcf;

1018

// border-bottom: 1px solid #cfcfcf;

1236

// }

1019

// }

1237

// }

1020

// }

1238

// }

1021

// }

1239

// }

1022

// }

1240

.goods-form {

1023

.goods-form {

1241

display: flex;

1024

display: flex;

1242

flex-direction: column;

1025

flex-direction: column;

1243

align-items: center;

1026

align-items: center;

1244

justify-content: center;

1027

justify-content: center;

1245

background-color: #fff;

1028

background-color: #fff;

1246

width: 100%;

1029

width: 100%;

1247

padding: 40rpx 0;

1030

padding: 40rpx 0;

1248

.p1 {

1031

.p1 {

1249

font-size: 16px;

1032

font-size: 16px;

1250

color: #333333;

1033

color: #333333;

1251

letter-spacing: -0.3px;

1034

letter-spacing: -0.3px;

1252

text-align: justify;

1035

text-align: justify;

1253

line-height: 24px;

1036

line-height: 24px;

1254

margin: 4px 0;

1037

margin: 4px 0;

1255

1038

1256

}

1039

}

1257

.p2 {

1040

.p2 {

1258

font-size: 12px;

1041

font-size: 12px;

1259

color: #999999;

1042

color: #999999;

1260

letter-spacing: -0.23px;

1043

letter-spacing: -0.23px;

1261

margin-bottom: 32rpx;

1044

margin-bottom: 32rpx;

1262

}

1045

}

1263

.image2{

1046

.image2{

1264

width: 42rpx;

1047

width: 42rpx;

1265

height: 34rpx;

1048

height: 34rpx;

1266

margin-right: 12rpx;

1049

margin-right: 12rpx;

1267

}

1050

}

1268

.confirm {

1051

.confirm {

1269

display: flex;

1052

display: flex;

1270

align-items: center;

1053

align-items: center;

1271

font-size: 12px;

1054

font-size: 12px;

1272

color: #666666;

1055

color: #666666;

1273

letter-spacing: -0.23px;

1056

letter-spacing: -0.23px;

1274

width: 684rpx;

1057

width: 684rpx;

1275

.image1{

1058

.image1{

1276

margin-right:25rpx;

1059

margin-right:25rpx;

1277

width: 42rpx;

1060

width: 42rpx;

1278

height: 38rpx;

1061

height: 38rpx;

1279

}

1062

}

1280

}

1063

}

1281

.picker{

1064

.picker{

1282

display: flex;

1065

display: flex;

1283

flex-direction: column;

1066

flex-direction: column;

1284

justify-content: center;

1067

justify-content: center;

1285

align-items: center;

1068

align-items: center;

1286

width: 100%;

1069

width: 100%;

1287

1070

1288

.picker-choice{

1071

.picker-choice{

1289

display: flex;

1072

display: flex;

1290

width: 684rpx;

1073

width: 684rpx;

1291

align-items: center;

1074

align-items: center;

1292

margin-bottom: 40rpx;

1075

margin-bottom: 40rpx;

1293

.input{

1076

.input{

1294

border-bottom: 1px solid #CFCFCF;

1077

border-bottom: 1px solid #CFCFCF;

1295

height: 40rpx;

1078

height: 40rpx;

1296

}

1079

}

1297

.choice-left{

1080

.choice-left{

1298

width: 210rpx;

1081

width: 210rpx;

1299

.pd{

1082

.pd{

1300

font-size: 14px;

1083

font-size: 14px;

1301

color: #333333;

1084

color: #333333;

1302

letter-spacing: -0.26px;

1085

letter-spacing: -0.26px;

1303

text-align: justify;

1086

text-align: justify;

1304

line-height: 24px;

1087

line-height: 24px;

1305

margin-right: 44rpx;

1088

margin-right: 44rpx;

1306

}

1089

}

1307

.p11 {

1090

.p11 {

1308

font-size: 14px;

1091

font-size: 14px;

1309

color: #333333;

1092

color: #333333;

1310

letter-spacing: -0.26px;

1093

letter-spacing: -0.26px;

1311

text-align: justify;

1094

text-align: justify;

1312

line-height: 24px;

1095

line-height: 24px;

1313

// margin-right: 10px;

1096

// margin-right: 10px;

1314

}

1097

}

1315

.p12 {

1098

.p12 {

1316

font-size: 10px;

1099

font-size: 10px;

1317

color: #3F3F3F;

1100

color: #3F3F3F;

1318

letter-spacing: -0.19px;

1101

letter-spacing: -0.19px;

1319

text-align: justify;

1102

text-align: justify;

1320

line-height: 24px;

1103

line-height: 24px;

1321

}

1104

}

1322

1105

1323

1106

1324

}

1107

}

1325

.p13 {

1108

.p13 {

1326

font-size: 10px;

1109

font-size: 10px;

1327

color: #999999;

1110

color: #999999;

1328

letter-spacing: -0.19px;

1111

letter-spacing: -0.19px;

1329

margin-right: 10px;

1112

margin-right: 10px;

1330

}

1113

}

1331

.p13-date {

1114

.p13-date {

1332

font-size: 10px;

1115

font-size: 10px;

1333

color: #999999;

1116

color: #999999;

1334

letter-spacing: -0.19px;

1117

letter-spacing: -0.19px;

1335

margin-right: 5px;

1118

margin-right: 5px;

1336

}

1119

}

1337

picker{

1120

picker{

1338

width: 144rpx;

1121

width: 144rpx;

1339

height: 40rpx;

1122

height: 40rpx;

1340

display: flex;

1123

display: flex;

1341

position: relative;

1124

position: relative;

1342

.p14 {

1125

.p14 {

1343

font-size: 14px;

1126

font-size: 14px;

1344

color: #666666;

1127

color: #666666;

1345

letter-spacing: -0.26px;

1128

letter-spacing: -0.26px;

1346

text-align: center;

1129

text-align: center;

1347

width: 124rpx;

1130

width: 124rpx;

1348

border-bottom: 1px solid #CFCFCF;

1131

border-bottom: 1px solid #CFCFCF;

1349

height: 38rpx;

1132

height: 38rpx;

1350

}

1133

}

1351

image{

1134

image{

1352

width: 20rpx;

1135

width: 20rpx;

1353

height: 20rpx;

1136

height: 20rpx;

1354

position: absolute;

1137

position: absolute;

1355

right: 20rpx;

1138

right: 20rpx;

1356

top: 8rpx;

1139

top: 8rpx;

1357

}

1140

}

1358

}

1141

}

1359

1142

1360

1143

1361

}

1144

}

1362

}

1145

}

1363

}

1146

}

1364

}

1147

}

1365

}

1148

}

1366

.choose {

1149

.choose {

1367

width: 100%;

1150

width: 100%;

1368

background: #ffffff;

1151

background: #ffffff;

1369

border-radius: 12rpx;

1152

border-radius: 12rpx;

1370

margin-top: 20rpx;

1153

margin-top: 20rpx;

1371

padding: 40rpx 40rpx 112rpx 40rpx;

1154

padding: 40rpx 40rpx 112rpx 40rpx;

1372

box-sizing: border-box;

1155

box-sizing: border-box;

1373

.chooseItem {

1156

.chooseItem {

1374

width: 100%;

1157

width: 100%;

1375

padding-bottom: 32rpx;

1158

padding-bottom: 32rpx;

1376

border-bottom: 1px solid #e9e9e9;

1159

border-bottom: 1px solid #e9e9e9;

1377

margin-bottom: 28rpx;

1160

margin-bottom: 28rpx;

1378

}

1161

}

1379

.chooseRes {

1162

.chooseRes {

1380

font-size: 12px;

1163

font-size: 12px;

1381

color: #666666;

1164

color: #666666;

1382

}

1165

}

1383

.itemsWrap {

1166

.itemsWrap {

1384

display: flex;

1167

display: flex;

1385

flex-direction: row;

1168

flex-direction: row;

1386

flex-wrap: wrap;

1169

flex-wrap: wrap;

1387

justify-content: flex-start;

1170

justify-content: flex-start;

1388

align-items: center;

1171

align-items: center;

1389

padding-top: 24rpx;

1172

padding-top: 24rpx;

1390

.item1 {

1173

.item1 {

1391

width: 64rpx;

1174

width: 64rpx;

1392

height: 64rpx;

1175

height: 64rpx;

1393

border-radius: 32rpx;

1176

border-radius: 32rpx;

1394

margin: 0 36rpx 24rpx 0;

1177

margin: 0 36rpx 24rpx 0;

1395

transition: all 0.3s;

1178

transition: all 0.3s;

1396

border: 1px solid #ffffff;

1179

border: 1px solid #ffffff;

1397

}

1180

}

1398

.item2 {

1181

.item2 {

1399

// width: 100rpx;

1182

// width: 100rpx;

1400

padding: 0 30rpx;

1183

padding: 0 30rpx;

1401

height: 60rpx;

1184

height: 60rpx;

1402

margin: 0 20rpx 20rpx 0;

1185

margin: 0 20rpx 20rpx 0;

1403

transition: all 0.3s;

1186

transition: all 0.3s;

1404

background: #f2f2f2;

1187

background: #f2f2f2;

1405

border-radius: 2px;

1188

border-radius: 2px;

1406

border-radius: 2px;

1189

border-radius: 2px;

1407

line-height: 60rpx;

1190

line-height: 60rpx;

1408

text-align: center;

1191

text-align: center;

1409

color: #666666;

1192

color: #666666;

1410

font-size: 12px;

1193

font-size: 12px;

1411

}

1194

}

1412

.active1 {

1195

.active1 {

1413

opacity: 0.7;

1196

opacity: 0.7;

1414

border: 1px solid #ff6b4a;

1197

border: 1px solid #ff6b4a;

1415

}

1198

}

1416

.active2 {

1199

.active2 {

1417

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

1200

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

1418

color: #ff6b4a;

1201

color: #ff6b4a;

1419

}

1202

}

1420

}

1203

}

1421

}

1204

}

1422

.button {

1205

.button {

1423

width: 100%;

1206

width: 100%;

1424

height: 112rpx;

1207

height: 112rpx;

1425

background-color: #ff6b4a;

1208

background-color: #ff6b4a;

1426

font-size: 16px;

1209

font-size: 16px;

1427

color: #ffffff;

1210

color: #ffffff;

1428

line-height: 112rpx;

1211

line-height: 112rpx;

1429

text-align: center;

1212

text-align: center;

1430

position: fixed;

1213

position: fixed;

GITLAB

Adam / gulu-vue

验光填充逻辑补充

 <template>
   <view class="content">
     <view class="goodInfo">
       <view class="imageWrap">
         <image
           src="../../static/img/detail/d1.png"
           mode="aspectFill"
           style="width: 188rpx;height: 168rpx;"
         ></image>
       </view>
       <view class="infoRight">
         <text class="goodName">商品名称商品名称商品名称名称名称商品名称名商品名称名</text>
         <text class="remarks">支持7天无理由退货 顺丰发货</text>
         <view class="priceBox">
           <view class="price">￥198</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="goods-data">
       <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="confirm">
 					<image class="image1" :src="confirm ? tabicon[0] : tabicon[1]" @tap="changeConfirm"></image>
 					<text>确认以上输入信息来源于我的验光数据!</text>
 				</view>
 			</view>
-            <!-- <view class="goods-form">
-              <view class="data-title">
-                <image src="../../static/icon-data.png"></image>
-                <text class="p1">填写验光数据</text>
-              </view>
-              <text class="p2">没有验光数据？请到线下眼镜店验光哦～</text>
-              <view class="picker">
-                <view class="picker-choice">
-                  <view class="choice-left">
-                    <text class="p11">验光单取名:</text>
-                  </view>
-                  <input
-                    class="choice-name uni-input"
-                    :value="dataName"
-                    @blur="fillData"
-                    placeholder="下系"
-                  />
-                </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"
-                  >
-                    <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"
-                  >
-                    <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"
-                  >
-                    <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"
-                  >
-                    <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>
-                  <text class="p14">{{pickerInfoList[2].nameArray1[pickerInfoList[2].nameIndex1]}}</text>
-                  <picker
-                    @change="bindPickerChange21"
-                    :value="pickerInfoList[2].nameIndex1"
-                    :range="pickerInfoList[2].nameArray1"
-                  >
-                    <image src="../../static/detail-tabicon.png"></image>
-                  </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"
-                  >
-                    <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[3].nameC}}</text>
-                    <text class="p12">{{pickerInfoList[3].nameE}}</text>
-                  </view>
-                  <text class="p13">左&nbsp;&nbsp;&nbsp;(OD)</text>
-                  <text class="p14">{{pickerInfoList[3].nameArray1[pickerInfoList[3].nameIndex1]}}</text>
-                  <picker
-                    @change="bindPickerChange31"
-                    :value="pickerInfoList[3].nameIndex1"
-                    :range="pickerInfoList[3].nameArray1"
-                  >
-                    <image src="../../static/detail-tabicon.png"></image>
-                  </picker>
-                  <text class="p13">右&nbsp;&nbsp;&nbsp;(OS)</text>
-                  <text class="p14">{{pickerInfoList[3].nameArray2[pickerInfoList[3].nameIndex2]}}</text>
-                  <picker
-                    @change="bindPickerChange32"
-                    :value="pickerInfoList[3].nameIndex2"
-                    :range="pickerInfoList[3].nameArray2"
-                  >
-                    <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[4].nameC}}</text>
-                  </view>
-                  <text class="p13-date">年&nbsp;&nbsp;&nbsp;(Y)</text>
-                  <text
-                    class="p14"
-                    style="width: 34px;"
-                  >{{pickerInfoList[4].nameArray1[pickerInfoList[4].nameIndex1]}}</text>
-                  <picker
-                    @change="bindPickerChange41"
-                    :value="pickerInfoList[4].nameIndex1"
-                    :range="pickerInfoList[4].nameArray1"
-                  >
-                    <image src="../../static/detail-tabicon.png"></image>
-                  </picker>
-                  <text class="p13-date">月&nbsp;&nbsp;&nbsp;(M)</text>
-                  <text
-                    class="p14"
-                    style="width: 30px;"
-                  >{{pickerInfoList[4].nameArray2[pickerInfoList[4].nameIndex2]}}</text>
-                  <picker
-                    @change="bindPickerChange42"
-                    :value="pickerInfoList[4].nameIndex2"
-                    :range="pickerInfoList[4].nameArray2"
-                  >
-                    <image src="../../static/detail-tabicon.png"></image>
-                  </picker>
-                  <text class="p13-date">日&nbsp;&nbsp;&nbsp;(D)</text>
-                  <text
-                    class="p14"
-                    style="width: 30px;"
-                  >{{pickerInfoList[4].nameArray3[pickerInfoList[4].nameIndex3]}}</text>
-                  <picker
-                    @change="bindPickerChange43"
-                    :value="pickerInfoList[4].nameIndex3"
-                    :range="pickerInfoList[4].nameArray3"
-                  >
-                    <image src="../../static/detail-tabicon.png"></image>
-                  </picker>
-                </view>
-              </view>
-              <view class="confirm">
-                <image
-                  :src="tablist.confirm ? tabicon[0] : tabicon[1]"
-                  @click="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="change(index)">
           <UniCollapseItem
             :open="show[index]"
             :title="item.meta_name"
             showAnimation=false
           >
             <view class="chooseItem_1_content">
               <view class="itemsWrap">
                 <view
                   class="item2"
                   v-for="(one,i) in item.attr"
                   :key="i"
                   :class="{ active2: current[index] === i }"
                   @click="onClickItem(index, i)"
                 >{{one.name}}</view>
               </view>
             </view>
           </UniCollapseItem>
         </UniCollapse>
         <view
           class="chooseRes"
           v-show="!show[index]"
         >* {{attrList[index].attr[current[index]].name}}</view>
       </view>
       <!-- <view class="chooseItem_1 chooseItem">
         <UniCollapse @change="change(1)">
           <UniCollapseItem
             open=true
             title="款式挑选"
             showAnimation=false
           >
             <view
               class="chooseRes"
               v-show="show[1]"
             >* {{chooseRes1}}</view>
             <view class="chooseItem_1_content">
               <view class="itemsWrap">
                 <view
                   class="item1"
                   v-for="(item,index) in chooseItem1"
                   :key="index"
                   :style="item.style"
                   :class="{ active1: current1 === index }"
                   @click="onClickItem1(index)"
                 ></view>
               </view>
             </view>
           </UniCollapseItem>
         </UniCollapse>
         <view
           class="chooseRes"
           v-show="show[1]"
         >* {{chooseRes1}}</view>
       </view>
       <view class="chooseItem_2 chooseItem ">
         <UniCollapse @change="change(2)">
           <UniCollapseItem
             open=true
             title="直径"
             showAnimation=false
           >
             <view class="chooseItem_1_content">
               <view class="itemsWrap">
                 <view
                   class="item2"
                   v-for="(item,index) in chooseItem2"
                   :key="index"
                   :class="{ active2: current2 === index }"
                   @click="onClickItem2(index)"
                 >{{item.num}}</view>
               </view>
             </view>
           </UniCollapseItem>
         </UniCollapse>
         <view
           class="chooseRes"
           v-show="show[2]"
         >* {{chooseRes2}}</view>
       </view>
       <view class="chooseItem_3 chooseItem">
         <UniCollapse @change="change(3)">
           <UniCollapseItem
             open=true
             title="度数"
             showAnimation=false
           >
             <view class="chooseItem_1_content">
               <view class="itemsWrap">
                 <view
                   class="item2"
                   v-for="(item,index) in chooseItem3"
                   :key="index"
                   :class="{ active2: current3 === index }"
                   @click="onClickItem3(index)"
                 >{{item}}</view>
               </view>
             </view>
           </UniCollapseItem>
         </UniCollapse>
         <view
           class="chooseRes"
           v-show="show[3]"
         >* {{chooseRes3}}</view>
       </view> -->
     </view>
     <view
       class="button"
       @click="toComfirmOrder"
     >
       立即结算
     </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
   },
   data() {
     return {
       count: 1,
       pid: 0,
       maxCount: 20,
       dataName: '', // 验光数据人员名称
       isDataName: false, // 是否是已存在的人员数据
       dataConfirm: false, // 已确认所输入验光数据
       opIsOpen: true,
       addDisabled: false,
       desDisabled: false,
       current1: 0,
       current2: 0,
       current3: 0,
       current: [],
       show: [],
       chooseRes1: {
         sku_name: 'Miss 黑二代【减龄自然】',
         sk_id: '128'
       },
       checkedData: {
       },
       chooseRes2: '14.0',
       chooseRes3: 0,
       chooseItem1: [
         { style: 'opacity: 0.7;background-image: radial-gradient(50% 148%, #ECEAEA 50%, #8D8C8C 100%);', describ: 'Miss 黑1代【减龄自然】' },
         { style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑二代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 148%, #FDF8F6 50%, #94380B 100%);', describ: 'Miss 黑3代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },
         { style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },
         { style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 148%, #FFFFFF 50%, #324A05 100%);', describ: 'Miss 黑4代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #624B3F 100%);', describ: 'Miss 黑5代【防紫外线】' },
         { style: 'opacity: 0.7;background-image: radial-gradient(50% 150%, #F0EEE7 50%, #6F0838 100%);', describ: 'Miss 黑6代【防紫外线】' },
         { style: 'background-image: radial-gradient(50% 143%, #AEA8A8 45%, #370B4E 100%);', describ: 'Miss 黑7代【防紫外线】' }
       ],
       chooseItem2: [
         { num: '14.0' },
         { num: '14.2' },
         { num: '14.4' },
         { num: '14.5' }
       ],
       chooseItem3: [0, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 425, 450, 470, 500, 525, 550, 575, 600, 1000],
       // 度数相关数据
 	  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 ,
 	  	}
 	  },
 	  pd: '',// 瞳距
 	  oldpd: '',// 用于判断用户是否改变瞳距
 	  kinds:1, // kinds=1，提交为新增验光，2为修改
 	  mp_id: Number
     }
   },
   computed: {
     attrList() {
       return this.$store.state.read.goodInfo.attrList
     },
     skuList() {
       return this.$store.state.read.goodInfo.skuList
     },
     mpList() {
       return this.$store.state.myLoveList.loveList
     }
   },
   onLoad({ pid }) {
     this.pid = pid
     store.dispatch('read/fetch', {
       pid
     }).then(() => {
       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
     })
     store.dispatch('myLoveList/getLoveList')
 	// 初始化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)
 	}
 	// 初始化年份前后五年
 	let myDate = new Date();
 	let nowYear = myDate.getFullYear();
 	for(let i=0;i<5;i++){
 		this.pickerInfoList[3].nameArray1.push(nowYear-i)
 	}
   },
   methods: {
 	  // picker相关功能
 	handleInput(e){
 		this.name=e.target.value
 		this.isDataName = false
 		console.log('e---->', e)
 		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: ({ confirm }) => {
+		      success: (res) => {
-		        if (confirm) {
+		        if (res.confirm) {
 				  this.kinds=2
 				  console.log('args===>',index)
 				  // const mpList=Object.assign({},this.$store.state.mympList.mpList)
 				  console.log('mpList===>',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]
 	},
-    //  是否填充人员数据
-    // fillData(e) {
-    //   this.isDataName = false
-    //   console.log('e---->', e)
-    //   const mpList = this.mpList
-// <<<<<<< HEAD
-    //   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: ({ confirm }) => {
-    //           if (confirm) {
-    //             this.checkedData = mpList[index]
-    //             console.log('checkedData', this.checkedData)
-    //           }
-    //         }
-    //       })
-    //     }
-    //   }
-    // },
-// =======
-    //   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: ({ confirm }) => {
-    //           if (confirm) {
-    //             this.checkedData = mpList[index]
-    //             console.log('checkedData', this.checkedData)
-    //           }
-    //         }
-    //       })
-    //     }
-    //   }
-    // },
-    // // 确认验光数据
-    // changeConfirm() {
-    // },
-// >>>>>>> 3a0878cc773855146d390a935b133980a5c0ee88
     change(num) {
       this.show[num] = !this.show[num]
       this.$forceUpdate()
     },
     onClickItem(index, i) {
       if (this.current[index] !== i) {
         this.current[index] = i
       }
       this.$forceUpdate()
     },
     onClickItem1(index) {
       if (this.current1 !== index) {
         this.current1 = index
         this.chooseRes1 = this.chooseItem1[index].describ
       }
     },
     onClickItem2(index) {
       if (this.current2 !== index) {
         this.current2 = index
         this.chooseRes2 = this.chooseItem2[index].num
       }
     },
     onClickItem3(index) {
       if (this.current3 !== index) {
         this.current3 = index
         this.chooseRes3 = this.chooseItem3[index]
       }
     },
     counter(isadd) {
       if (isadd) {
         this.count >= this.maxCount ? this.addDisabled = true : this.count++
       } else {
         this.count <= 1 ? this.desDisabled = true : this.count--
       }
     },
     toComfirmOrder() {
 	  // 先处理验光部分的逻辑，如果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){
 	  			// 添加用户验光单
 	  			console.log('kinds====>',this.pickerInfoChioce.leftSph)
 	  			console.log('kinds====>',this.pickerInfoChioce.leftSph==Number)
 	  			console.log('kinds====>',this.pickerInfoChioce.rightSph==Number)
 	  			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/",
 	  					});
-	  					store.dispatch('myLoveList/getLoveList', {
-	  						uid: this.$store.state.user.userInfo.uid,
-	  					});
 	  					flag=1
 	  				} else{
 	  					uni.showToast({
 	  						title:"请确认您的验光数据",
 	  						icon: "none",
 	  						duration: 3000,
 	  					})
 	  				}
 	  			}
 	  		}
 	  		if(this.kinds==2){
 	  			// console.log('kinds====>',this.kinds)
 	  			// console.log('pickerindex=====>',this.pickerInfoList[0].nameIndex1)
 	  			// console.log('this.pickerInfoChioce====>',type(this.pickerInfoChioce))
 	  			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,
 						})
 					}
 	  				if(flag!=0){
 	  					store.dispatch('myLoveList/getLoveList', {
 	  						uid: this.$store.state.user.userInfo.uid,
 	  					});
 	  				}
 	  			} 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) {
 	        console.log('----', this.current[index], this.attrList[1].attr.length, this.attrList)
 	        i = this.current[index] * this.attrList[1].attr.length
 	      } else {
 	        i += this.current[index]
 	      }
 	      console.log('i', i)
 	    }
 	    console.log('i------>', i)
 	    // 判断是否其输入的人员数据是否已存在
 	    store.dispatch('order/saveParams', {
 	      sk_id_arr: this.skuList[i],
 	      current: this.current
 	    })
 	    uni.navigateTo({
 	      url: `../confirmOrder/confirmOrder?pid=${this.pid}`
 	    })
 	  }
     }
   }
 }
 </script>
 <style lang="scss">
 .content {
   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;
     .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;
       .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;
           }
         }
       }
     }
   }
   .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-family: PingFangSC-Regular;
           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-family: PingFangSC-Regular;
         font-size: 12px;
         color: #666666;
         letter-spacing: 0;
         .bodyBox {
           margin-top: 15px;
           .names {
             // font-family: PingFangSC-Regular;
             font-size: 12px;
             color: #151515;
             letter-spacing: 0;
             text-align: justify;
             line-height: 17px;
             margin-left: 5px;
             margin-right: 10px;
           }
           text {
             // font-family: PingFangSC-Regular;
             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%;
       //   .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: 18rpx;
       //   }
       //   image {
       //     width: 28rpx;
       //     height: 26rpx;
       //   }
       //   .confirm {
       //     display: flex;
       //     align-items: center;
       //     font-size: 12px;
       //     color: #666666;
       //     letter-spacing: -0.23px;
       //     width: 684rpx;
       //     image {
       //       margin-right: 25rpx;
       //     }
       //   }
       //   .picker {
       //     display: flex;
       //     flex-direction: column;
       //     justify-content: center;
       //     align-items: center;
       //     width: 100%;
       //     image {
       //       width: 10px;
       //       height: 10px;
       //       margin-right: 5px;
       //     }
       //     .picker-choice {
       //       display: flex;
       //       width: 684rpx;
       //       align-items: center;
       //       margin-bottom: 40rpx;
       //       .choice-left {
       //         width: 210rpx;
       //         .p11 {
       //           font-size: 14px;
       //           color: #333333;
       //           letter-spacing: -0.26px;
       //           text-align: justify;
       //           line-height: 24px;
       //         }
       //         .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;
       //       }
       //       .p14 {
       //         font-size: 14px;
       //         color: #666666;
       //         letter-spacing: -0.26px;
       //         text-align: center;
       //         width: 124rpx;
       //         border-bottom: 1px solid #cfcfcf;
       //       }
       //     }
       //   }
       // }
 	  .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;
 	  			}
 	  		}
 	  	}
 	  }
 	  }
     }
   }
   .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: fixed;