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">

172

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

173

173

174

174

175

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

175

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

176

</view>

176

</view>

177

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

177

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

178

178

179

179

180

180

181

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

181

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

182

</view>

182

</view>

183

<input

183

<input

184

class="choice-name uni-input"

184

class="choice-name uni-input"

185

:value="dataName"

185

:value="dataName"

186

@blur="fillData"

186

@blur="fillData"

187

placeholder="下系"

187

placeholder="下系"

188

/>

188

/>

189

</view>

189

</view>

190

</view>

190

</view>

191

191

192

192

193

193

194

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

194

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

195

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

195

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

196

</view>

196

</view>

197

197

198

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

198

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

199

<picker

199

<picker

200

@change="bindPickerChange01"

200

@change="bindPickerChange01"

201

:value="pickerInfoList[0].nameIndex1"

201

:value="pickerInfoList[0].nameIndex1"

202

:range="pickerInfoList[0].nameArray1"

202

:range="pickerInfoList[0].nameArray1"

203

>

203

>

204

204

205

</picker>

205

</picker>

206

206

207

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

207

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

208

<picker

208

<picker

209

@change="bindPickerChange02"

209

@change="bindPickerChange02"

210

:value="pickerInfoList[0].nameIndex2"

210

:value="pickerInfoList[0].nameIndex2"

211

:range="pickerInfoList[0].nameArray2"

211

:range="pickerInfoList[0].nameArray2"

212

>

212

>

213

213

214

</picker>

214

</picker>

215

</view>

215

</view>

216

</view>

216

</view>

217

217

218

218

219

219

220

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

220

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

221

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

221

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

222

</view>

222

</view>

223

223

224

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

224

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

225

<picker

225

<picker

226

@change="bindPickerChange11"

226

@change="bindPickerChange11"

227

:value="pickerInfoList[1].nameIndex1"

227

:value="pickerInfoList[1].nameIndex1"

228

:range="pickerInfoList[1].nameArray1"

228

:range="pickerInfoList[1].nameArray1"

229

>

229

>

230

230

231

</picker>

231

</picker>

232

232

233

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

233

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

234

<picker

234

<picker

235

@change="bindPickerChange12"

235

@change="bindPickerChange12"

236

:value="pickerInfoList[1].nameIndex2"

236

:value="pickerInfoList[1].nameIndex2"

237

:range="pickerInfoList[1].nameArray2"

237

:range="pickerInfoList[1].nameArray2"

238

>

238

>

239

239

240

</picker>

240

</picker>

241

</view>

241

</view>

242

</view>

242

</view>

243

243

244

244

245

245

246

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

246

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

247

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

247

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

248

</view>

248

</view>

249

249

250

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

250

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

251

<picker

251

<picker

252

@change="bindPickerChange21"

252

@change="bindPickerChange21"

253

:value="pickerInfoList[2].nameIndex1"

253

:value="pickerInfoList[2].nameIndex1"

254

:range="pickerInfoList[2].nameArray1"

254

:range="pickerInfoList[2].nameArray1"

255

>

255

>

256

256

257

</picker>

257

</picker>

258

258

259

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

259

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

260

<picker

260

<picker

261

@change="bindPickerChange22"

261

@change="bindPickerChange22"

262

:value="pickerInfoList[2].nameIndex2"

262

:value="pickerInfoList[2].nameIndex2"

263

:range="pickerInfoList[2].nameArray2"

263

:range="pickerInfoList[2].nameArray2"

264

>

264

>

265

265

266

</picker>

266

</picker>

267

</view>

267

</view>

268

</view>

268

</view>

269

269

270

270

271

271

272

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

272

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

273

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

273

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

274

</view>

274

</view>

275

275

276

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

276

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

277

<picker

277

<picker

278

@change="bindPickerChange31"

278

@change="bindPickerChange31"

279

:value="pickerInfoList[3].nameIndex1"

279

:value="pickerInfoList[3].nameIndex1"

280

:range="pickerInfoList[3].nameArray1"

280

:range="pickerInfoList[3].nameArray1"

281

>

281

>

282

282

283

</picker>

283

</picker>

284

284

285

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

285

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

286

<picker

286

<picker

287

@change="bindPickerChange32"

287

@change="bindPickerChange32"

288

:value="pickerInfoList[3].nameIndex2"

288

:value="pickerInfoList[3].nameIndex2"

289

:range="pickerInfoList[3].nameArray2"

289

:range="pickerInfoList[3].nameArray2"

290

>

290

>

291

291

292

</picker>

292

</picker>

293

</view>

293

</view>

294

</view>

294

</view>

295

295

296

296

297

297

298

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

298

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

299

</view>

299

</view>

300

300

301

<text

301

<text

302

class="p14"

302

class="p14"

303

style="width: 34px;"

303

style="width: 34px;"

304

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

304

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

305

<picker

305

<picker

306

@change="bindPickerChange41"

306

@change="bindPickerChange41"

307

:value="pickerInfoList[4].nameIndex1"

307

:value="pickerInfoList[4].nameIndex1"

308

:range="pickerInfoList[4].nameArray1"

308

:range="pickerInfoList[4].nameArray1"

309

>

309

>

310

310

311

</picker>

311

</picker>

312

312

313

<text

313

<text

314

class="p14"

314

class="p14"

315

style="width: 30px;"

315

style="width: 30px;"

316

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

316

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

317

<picker

317

<picker

318

@change="bindPickerChange42"

318

@change="bindPickerChange42"

319

:value="pickerInfoList[4].nameIndex2"

319

:value="pickerInfoList[4].nameIndex2"

320

:range="pickerInfoList[4].nameArray2"

320

:range="pickerInfoList[4].nameArray2"

321

>

321

>

322

322

323

</picker>

323

</picker>

324

324

325

<text

325

<text

326

class="p14"

326

class="p14"

327

style="width: 30px;"

327

style="width: 30px;"

328

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

328

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

329

<picker

329

<picker

330

@change="bindPickerChange43"

330

@change="bindPickerChange43"

331

:value="pickerInfoList[4].nameIndex3"

331

:value="pickerInfoList[4].nameIndex3"

332

:range="pickerInfoList[4].nameArray3"

332

:range="pickerInfoList[4].nameArray3"

333

>

333

>

334

334

335

</picker>

335

</picker>

336

</view>

336

</view>

337

</view>

337

</view>

338

338

339

<image

339

<image

340

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

340

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

341

@click="changeConfirm"

341

@click="changeConfirm"

342

></image>

342

></image>

343

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

343

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

344

</view>

344

</view>

345

</view> -->

345

</view> -->

346

347

</template>

347

</template>

348

348

349

<view

349

<view

350

v-for="item in pickerInfoList"

350

v-for="item in pickerInfoList"

351

:key="item.key"

351

:key="item.key"

352

class="bodyBox"

352

class="bodyBox"

353

>

353

>

354

354

355

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

355

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

356

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

356

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

357

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

357

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

358

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

358

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

359

</template>

359

</template>

360

360

361

361

362

362

363

</template>

363

</template>

364

365

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

365

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

366

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

366

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

367

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

367

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

368

</template>

368

</template>

369

</view>

369

</view>

370

</template>

370

</template>

371

</view>

371

</view>

372

</view>

372

</view>

373

</view>

373

</view>

374

374

375

<view

375

<view

376

class="chooseItem_1_content"

376

class="chooseItem_1_content"

377

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

377

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

378

:key="index"

378

:key="index"

379

>

379

>

380

380

381

<UniCollapseItem

381

<UniCollapseItem

382

:open="show[index]"

382

:open="show[index]"

383

:title="item.meta_name"

383

:title="item.meta_name"

384

showAnimation=false

384

showAnimation=false

385

>

385

>

386

386

387

387

388

<view

388

<view

389

class="item2"

389

class="item2"

390

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

390

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

391

:key="i"

391

:key="i"

392

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

392

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

393

@click="onClickItem(index, i)"

393

@click="onClickItem(index, i)"

394

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

394

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

395

</view>

395

</view>

396

</view>

396

</view>

397

</UniCollapseItem>

397

</UniCollapseItem>

398

</UniCollapse>

398

</UniCollapse>

399

<view

399

<view

400

class="chooseRes"

400

class="chooseRes"

401

v-show="!show[index]"

401

v-show="!show[index]"

402

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

402

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

403

</view>

403

</view>

404

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

404

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

405

405

406

<UniCollapseItem

406

<UniCollapseItem

407

open=true

407

open=true

408

title="款式挑选"

408

title="款式挑选"

409

showAnimation=false

409

showAnimation=false

410

>

410

>

411

<view

411

<view

412

class="chooseRes"

412

class="chooseRes"

413

v-show="show[1]"

413

v-show="show[1]"

414

>* {{chooseRes1}}</view>

414

>* {{chooseRes1}}</view>

415

415

416

416

417

<view

417

<view

418

class="item1"

418

class="item1"

419

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

419

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

420

:key="index"

420

:key="index"

421

:style="item.style"

421

:style="item.style"

422

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

422

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

423

@click="onClickItem1(index)"

423

@click="onClickItem1(index)"

424

></view>

424

></view>

425

</view>

425

</view>

426

</view>

426

</view>

427

</UniCollapseItem>

427

</UniCollapseItem>

428

</UniCollapse>

428

</UniCollapse>

429

<view

429

<view

430

class="chooseRes"

430

class="chooseRes"

431

v-show="show[1]"

431

v-show="show[1]"

432

>* {{chooseRes1}}</view>

432

>* {{chooseRes1}}</view>

433

</view>

433

</view>

434

434

435

435

436

<UniCollapseItem

436

<UniCollapseItem

437

open=true

437

open=true

438

title="直径"

438

title="直径"

439

showAnimation=false

439

showAnimation=false

440

>

440

>

441

441

442

442

443

<view

443

<view

444

class="item2"

444

class="item2"

445

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

445

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

446

:key="index"

446

:key="index"

447

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

447

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

448

@click="onClickItem2(index)"

448

@click="onClickItem2(index)"

449

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

449

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

450

</view>

450

</view>

451

</view>

451

</view>

452

</UniCollapseItem>

452

</UniCollapseItem>

453

</UniCollapse>

453

</UniCollapse>

454

<view

454

<view

455

class="chooseRes"

455

class="chooseRes"

456

v-show="show[2]"

456

v-show="show[2]"

457

>* {{chooseRes2}}</view>

457

>* {{chooseRes2}}</view>

458

</view>

458

</view>

459

459

460

460

461

<UniCollapseItem

461

<UniCollapseItem

462

open=true

462

open=true

463

title="度数"

463

title="度数"

464

showAnimation=false

464

showAnimation=false

465

>

465

>

466

466

467

467

468

<view

468

<view

469

class="item2"

469

class="item2"

470

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

470

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

471

:key="index"

471

:key="index"

472

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

472

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

473

@click="onClickItem3(index)"

473

@click="onClickItem3(index)"

474

>{{item}}</view>

474

>{{item}}</view>

475

</view>

475

</view>

476

</view>

476

</view>

477

</UniCollapseItem>

477

</UniCollapseItem>

478

</UniCollapse>

478

</UniCollapse>

479

<view

479

<view

480

class="chooseRes"

480

class="chooseRes"

481

v-show="show[3]"

481

v-show="show[3]"

482

>* {{chooseRes3}}</view>

482

>* {{chooseRes3}}</view>

483

</view> -->

483

</view> -->

484

</view>

484

</view>

485

<view

485

<view

486

class="button"

486

class="button"

487

@click="toComfirmOrder"

487

@click="toComfirmOrder"

488

>

488

>

489

立即结算

489

立即结算

490

</view>

490

</view>

491

</view>

491

</view>

492

</template>

492

</template>

493

494

494

495

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

495

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

496

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

496

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

497

import store from '@/store'

497

import store from '@/store'

498

499

export default {

499

export default {

500

components: {

500

components: {

501

UniCollapse,

501

UniCollapse,

502

UniCollapseItem

502

UniCollapseItem

503

},

503

},

504

data() {

504

data() {

505

return {

505

return {

506

506

507

pid: 0,

507

pid: 0,

508

maxCount: 20,

508

maxCount: 20,

509

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

509

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

510

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

510

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

511

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

511

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

512

opIsOpen: true,

512

opIsOpen: true,

513

addDisabled: false,

513

addDisabled: false,

514

desDisabled: false,

514

desDisabled: false,

515

current1: 0,

515

current1: 0,

516

current2: 0,

516

current2: 0,

517

current3: 0,

517

current3: 0,

518

current: [],

518

current: [],

519

show: [],

519

show: [],

520

chooseRes1: {

520

chooseRes1: {

521

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

521

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

522

sk_id: '128'

522

sk_id: '128'

523

},

523

},

524

checkedData: {

524

checkedData: {

525

526

},

526

},

527

chooseRes2: '14.0',

527

chooseRes2: '14.0',

528

chooseRes3: 0,

528

chooseRes3: 0,

529

chooseItem1: [

529

chooseItem1: [

530

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

530

{ 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 黑二代【防紫外线】' },

531

{ 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代【防紫外线】' },

532

{ 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代【防紫外线】' },

533

{ 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代【防紫外线】' },

534

{ 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代【防紫外线】' },

535

{ 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代【防紫外线】' },

536

{ 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代【防紫外线】' },

537

{ 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代【防紫外线】' },

538

{ 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代【防紫外线】' },

539

{ 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代【防紫外线】' },

540

{ 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代【防紫外线】' },

541

{ 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代【防紫外线】' },

542

{ 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代【防紫外线】' },

543

{ 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代【防紫外线】' }

544

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

545

],

545

],

546

chooseItem2: [

546

chooseItem2: [

547

{ num: '14.0' },

547

{ num: '14.0' },

548

{ num: '14.2' },

548

{ num: '14.2' },

549

{ num: '14.4' },

549

{ num: '14.4' },

550

{ num: '14.5' }

550

{ num: '14.5' }

551

],

551

],

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],

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],

553

// 度数相关数据

553

// 度数相关数据

554

pickerInfoList:[

554

pickerInfoList:[

555

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

555

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

556

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

556

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

557

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

557

{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}

558

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

559

],

559

],

560

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

560

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

561

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

561

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

562

562

563

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

563

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

564

pickerInfoChioce:{

564

pickerInfoChioce:{

565

"leftSph": '',

565

"leftSph": '',

566

"rightSph": '',

566

"rightSph": '',

567

"leftCyl": '',

567

"leftCyl": '',

568

"rightCyl": '',

568

"rightCyl": '',

569

"leftAxi": '',

569

"leftAxi": '',

570

"rightAxi": '',

570

"rightAxi": '',

571

"time":{

571

"time":{

572

"year":0,

572

"year":0,

573

"month": 0,

573

"month": 0,

574

"day":0 ,

574

"day":0 ,

575

}

575

}

576

},

576

},

577

pd: '',// 瞳距

577

pd: '',// 瞳距

578

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

578

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

579

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

579

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

580

mp_id: Number

580

mp_id: Number

581

}

581

}

582

},

582

},

583

computed: {

583

computed: {

584

attrList() {

584

attrList() {

585

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

585

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

586

},

586

},

587

skuList() {

587

skuList() {

588

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

588

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

589

},

589

},

590

mpList() {

590

mpList() {

591

return this.$store.state.myLoveList.loveList

591

return this.$store.state.myLoveList.loveList

592

}

592

}

593

},

593

},

594

onLoad({ pid }) {

594

onLoad({ pid }) {

595

this.pid = pid

595

this.pid = pid

596

store.dispatch('read/fetch', {

596

store.dispatch('read/fetch', {

597

pid

597

pid

598

}).then(() => {

598

}).then(() => {

599

const current = []

599

const current = []

600

const show = []

600

const show = []

601

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

601

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

602

current.push(0)

602

current.push(0)

603

show.push(true)

603

show.push(true)

604

}

604

}

605

this.current = current

605

this.current = current

606

this.show = show

606

this.show = show

607

})

607

})

608

store.dispatch('myLoveList/getLoveList')

608

store.dispatch('myLoveList/getLoveList')

609

610

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

610

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

611

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

611

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

612

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

612

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

613

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

613

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

614

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

614

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

615

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

615

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

616

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

616

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

617

if(i>=-6){

617

if(i>=-6){

618

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

618

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

619

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

619

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

620

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

620

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

621

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

621

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

622

}

622

}

623

if(i==5){

623

if(i==5){

624

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

624

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

625

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

625

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

626

}

626

}

627

}

627

}

628

}

628

}

629

// 初始化日期值

629

// 初始化日期值

630

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

630

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

631

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

631

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

632

}

632

}

633

// 初始化年份前后五年

633

// 初始化年份前后五年

634

let myDate = new Date();

634

let myDate = new Date();

635

let nowYear = myDate.getFullYear();

635

let nowYear = myDate.getFullYear();

636

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

636

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

637

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

637

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

638

}

638

}

639

},

639

},

640

methods: {

640

methods: {

641

// picker相关功能

641

// picker相关功能

642

handleInput(e){

642

handleInput(e){

643

this.name=e.target.value

643

this.name=e.target.value

644

this.isDataName = false

644

this.isDataName = false

645

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

645

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

646

const mpList = this.mpList

646

const mpList = this.mpList

647

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

647

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

648

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

648

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

649

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

649

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

650

this.isDataName = true

650

this.isDataName = true

651

uni.showModal({

651

uni.showModal({

652

title: '提示',

652

title: '提示',

653

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

653

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

654

success: ({ confirm }) => {

654

success: ({ confirm }) => {

655

if (confirm) {

655

if (confirm) {

656

this.kinds=2

656

this.kinds=2

657

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

657

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

658

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

658

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

659

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

659

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

660

this.name=mpList[index].name

660

this.name=mpList[index].name

661

this.pd=mpList[index].pd

661

this.pd=mpList[index].pd

662

this.mp_id=mpList[index].mp_id

662

this.mp_id=mpList[index].mp_id

663

this.oldname=mpList[index].name

663

this.oldname=mpList[index].name

664

this.oldpd=mpList[index].pd

664

this.oldpd=mpList[index].pd

665

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

665

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

666

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

666

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

667

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

667

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

668

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

668

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

669

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

669

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

670

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

670

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

671

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

671

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

672

673

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

673

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

674

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

674

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

675

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

675

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

676

} else{

676

} else{

677

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

677

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

678

}

678

}

679

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

679

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

680

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

680

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

681

} else{

681

} else{

682

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

682

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

683

}

683

}

684

// this.checkedData = mpList[index]

684

// this.checkedData = mpList[index]

685

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

685

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

686

}

686

}

687

}

687

}

688

})

688

})

689

}

689

}

690

}

690

}

691

},

691

},

692

handleInputPd(e){

692

handleInputPd(e){

693

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

693

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

694

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

694

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

695

this.pd=e.target.value

695

this.pd=e.target.value

696

} else {

696

} else {

697

uni.showToast({

697

uni.showToast({

698

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

698

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

699

icon: "none",

699

icon: "none",

700

duration: 2000,

700

duration: 2000,

701

})

701

})

702

this.pd = ''

702

this.pd = ''

703

}

703

}

704

705

},

705

},

706

changeConfirm() {

706

changeConfirm() {

707

this.confirm = !this.confirm

707

this.confirm = !this.confirm

708

},

708

},

709

bindPickerChange01: function(e) {

709

bindPickerChange01: function(e) {

710

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

710

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

711

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

711

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

712

},

712

},

713

bindPickerChange02: function(e) {

713

bindPickerChange02: function(e) {

714

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

714

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

715

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

715

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

716

},

716

},

717

718

bindPickerChange11: function(e) {

718

bindPickerChange11: function(e) {

719

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

719

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

720

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

720

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

721

},

721

},

722

bindPickerChange12: function(e) {

722

bindPickerChange12: function(e) {

723

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

723

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

724

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

724

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

725

},

725

},

726

727

bindPickerChange21: function(e) {

727

bindPickerChange21: function(e) {

728

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

728

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

729

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

729

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

730

},

730

},

731

bindPickerChange22: function(e) {

731

bindPickerChange22: function(e) {

732

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

732

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

733

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

733

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

734

},

734

},

735

736

bindPickerChange41: function(e) {

736

bindPickerChange41: function(e) {

737

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

737

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

738

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

738

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

739

},

739

},

740

bindPickerChange42: function(e) {

740

bindPickerChange42: function(e) {

741

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

741

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

742

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

742

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

743

},

743

},

744

bindPickerChange43: function(e) {

744

bindPickerChange43: function(e) {

745

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

745

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

746

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

746

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

747

},

747

},

748

749

// 是否填充人员数据

749

// 是否填充人员数据

750

// fillData(e) {

750

// fillData(e) {

751

// this.isDataName = false

751

// this.isDataName = false

752

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

752

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

753

// const mpList = this.mpList

753

// const mpList = this.mpList

754

755

<<<<<<< HEAD

755

// <<<<<<< HEAD

756

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

756

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

757

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

757

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

758

// this.isDataName = true

758

// this.isDataName = true

759

// uni.showModal({

759

// uni.showModal({

760

// title: '提示',

760

// title: '提示',

761

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

761

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

762

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

762

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

763

// if (confirm) {

763

// if (confirm) {

764

// this.checkedData = mpList[index]

764

// this.checkedData = mpList[index]

765

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

765

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

766

// }

766

// }

767

// }

767

// }

768

// })

768

// })

769

// }

769

// }

770

// }

770

// }

771

// },

771

// },

772

=======

772

// =======

773

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

773

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

774

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

774

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

775

this.isDataName = true

775

// this.isDataName = true

776

uni.showModal({

776

// uni.showModal({

777

title: '提示',

777

// title: '提示',

778

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

778

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

779

success: ({ confirm }) => {

779

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

780

if (confirm) {

780

// if (confirm) {

781

this.checkedData = mpList[index]

781

// this.checkedData = mpList[index]

782

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

782

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

783

}

783

// }

784

}

784

// }

785

})

785

// })

786

}

786

// }

787

}

787

// }

788

},

788

// },

789

// 确认验光数据

789

// // 确认验光数据

790

changeConfirm() {

790

// changeConfirm() {

791

792

},

792

// },

793

>>>>>>> 3a0878cc773855146d390a935b133980a5c0ee88

793

// >>>>>>> 3a0878cc773855146d390a935b133980a5c0ee88

794

change(num) {

794

change(num) {

795

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

795

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

796

this.$forceUpdate()

796

this.$forceUpdate()

797

},

797

},

798

onClickItem(index, i) {

798

onClickItem(index, i) {

799

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

799

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

800

this.current[index] = i

800

this.current[index] = i

801

}

801

}

802

this.$forceUpdate()

802

this.$forceUpdate()

803

},

803

},

804

onClickItem1(index) {

804

onClickItem1(index) {

805

if (this.current1 !== index) {

805

if (this.current1 !== index) {

806

this.current1 = index

806

this.current1 = index

807

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

807

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

808

}

808

}

809

},

809

},

810

onClickItem2(index) {

810

onClickItem2(index) {

811

if (this.current2 !== index) {

811

if (this.current2 !== index) {

812

this.current2 = index

812

this.current2 = index

813

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

813

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

814

}

814

}

815

},

815

},

816

onClickItem3(index) {

816

onClickItem3(index) {

817

if (this.current3 !== index) {

817

if (this.current3 !== index) {

818

this.current3 = index

818

this.current3 = index

819

this.chooseRes3 = this.chooseItem3[index]

819

this.chooseRes3 = this.chooseItem3[index]

820

}

820

}

821

},

821

},

822

counter(isadd) {

822

counter(isadd) {

823

if (isadd) {

823

if (isadd) {

824

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

824

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

825

} else {

825

} else {

826

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

826

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

827

}

827

}

828

},

828

},

829

toComfirmOrder() {

829

toComfirmOrder() {

830

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

830

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

831

let flag=0;

831

let flag=0;

832

if(this.name==''){

832

if(this.name==''){

833

uni.showToast({

833

uni.showToast({

834

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

834

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

835

icon: "none",

835

icon: "none",

836

duration: 2000,

836

duration: 2000,

837

})

837

})

838

}else{

838

}else{

839

840

if(this.pd==''){

840

if(this.pd==''){

841

uni.showToast({

841

uni.showToast({

842

title:"请输入瞳距",

842

title:"请输入瞳距",

843

icon: "none",

843

icon: "none",

844

duration: 2000,

844

duration: 2000,

845

})

845

})

846

}else{

846

}else{

847

848

if(this.kinds==1){

848

if(this.kinds==1){

849

// 添加用户验光单

849

// 添加用户验光单

850

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

850

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

851

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

851

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

852

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

852

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

853

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

853

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

854

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

854

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

855

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

855

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

856

){

856

){

857

uni.showToast({

857

uni.showToast({

858

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

858

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

859

icon: "none",

859

icon: "none",

860

duration: 2000,

860

duration: 2000,

861

})

861

})

862

}else{

862

}else{

863

if(this.confirm){

863

if(this.confirm){

864

store.dispatch('myLoveList/addMylove', {

864

store.dispatch('myLoveList/addMylove', {

865

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

865

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

866

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

866

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

867

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

867

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

868

leftSph: this.pickerInfoChioce.leftSph,

868

leftSph: this.pickerInfoChioce.leftSph,

869

rightSph: this.pickerInfoChioce.rightSph,

869

rightSph: this.pickerInfoChioce.rightSph,

870

leftCyl: this.pickerInfoChioce.leftCyl,

870

leftCyl: this.pickerInfoChioce.leftCyl,

871

rightCyl: this.pickerInfoChioce.rightCyl,

871

rightCyl: this.pickerInfoChioce.rightCyl,

872

leftAxi: this.pickerInfoChioce.leftAxi,

872

leftAxi: this.pickerInfoChioce.leftAxi,

873

rightAxi: this.pickerInfoChioce.rightAxi,

873

rightAxi: this.pickerInfoChioce.rightAxi,

874

pd: this.pd,// 瞳距

874

pd: this.pd,// 瞳距

875

mp_name:this.name,

875

mp_name:this.name,

876

// time: this.pickerInfoChioce.time,

876

// time: this.pickerInfoChioce.time,

877

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

877

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

878

});

878

});

879

store.dispatch('myLoveList/getLoveList', {

879

store.dispatch('myLoveList/getLoveList', {

880

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

880

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

881

});

881

});

882

flag=1

882

flag=1

883

} else{

883

} else{

884

uni.showToast({

884

uni.showToast({

885

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

885

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

886

icon: "none",

886

icon: "none",

887

duration: 3000,

887

duration: 3000,

888

})

888

})

889

}

889

}

890

}

890

}

891

}

891

}

892

if(this.kinds==2){

892

if(this.kinds==2){

893

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

893

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

894

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

894

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

895

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

895

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

896

if(this.confirm){

896

if(this.confirm){

897

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

897

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

898

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

898

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

899

// let flag=0;

899

// let flag=0;

900

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

900

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

901

store.dispatch('myLoveList/updateMylove', {

901

store.dispatch('myLoveList/updateMylove', {

902

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

902

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

903

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

903

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

904

mp_id: this.mp_id,

904

mp_id: this.mp_id,

905

keyname: 'name',

905

keyname: 'name',

906

keyvalue: this.name,

906

keyvalue: this.name,

907

});

907

});

908

flag=1

908

flag=1

909

}

909

}

910

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

910

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

911

store.dispatch('myLoveList/updateMylove', {

911

store.dispatch('myLoveList/updateMylove', {

912

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

912

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

913

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

913

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

914

mp_id: this.mp_id,

914

mp_id: this.mp_id,

915

keyname: 'pd',

915

keyname: 'pd',

916

keyvalue: this.pd,

916

keyvalue: this.pd,

917

});

917

});

918

flag=1

918

flag=1

919

}

919

}

920

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

920

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

921

let q= true;

921

let q= true;

922

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

922

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

923

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

923

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

924

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

924

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

925

}

925

}

926

if(q){

926

if(q){

927

928

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

928

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

929

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

929

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

930

store.dispatch('myLoveList/updateMylove', {

930

store.dispatch('myLoveList/updateMylove', {

931

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

931

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

932

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

932

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

933

mp_id: this.mp_id,

933

mp_id: this.mp_id,

934

keyname: leftList[j],

934

keyname: leftList[j],

935

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

935

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

936

});

936

});

937

}

937

}

938

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

938

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

939

store.dispatch('myLoveList/updateMylove', {

939

store.dispatch('myLoveList/updateMylove', {

940

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

940

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

941

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

941

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

942

mp_id: this.mp_id,

942

mp_id: this.mp_id,

943

keyname: rightList[j],

943

keyname: rightList[j],

944

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

944

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

945

});

945

});

946

}

946

}

947

flag=1;

947

flag=1;

948

}

948

}

949

}else{

949

}else{

950

flag=0;

950

flag=0;

951

uni.showToast({

951

uni.showToast({

952

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

952

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

953

icon: "none",

953

icon: "none",

954

duration: 2000,

954

duration: 2000,

955

})

955

})

956

957

}

957

}

958

if(flag!=0){

958

if(flag!=0){

959

store.dispatch('myLoveList/getLoveList', {

959

store.dispatch('myLoveList/getLoveList', {

960

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

960

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

961

});

961

});

962

}

962

}

963

964

} else{

964

} else{

965

uni.showToast({

965

uni.showToast({

966

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

966

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

967

icon: "none",

967

icon: "none",

968

duration: 3000,

968

duration: 3000,

969

})

969

})

970

}

970

}

971

}

971

}

972

}

972

}

973

974

}

974

}

975

if(flag!=0){

975

if(flag!=0){

976

let i = 0

976

let i = 0

977

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

977

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

978

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

978

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

979

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

979

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

980

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

980

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

981

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

981

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

982

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

982

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

983

} else {

983

} else {

984

i += this.current[index]

984

i += this.current[index]

985

}

985

}

986

console.log('i', i)

986

console.log('i', i)

987

}

987

}

988

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

988

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

989

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

989

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

990

store.dispatch('order/saveParams', {

990

store.dispatch('order/saveParams', {

991

sk_id_arr: this.skuList[i],

991

sk_id_arr: this.skuList[i],

992

current: this.current

992

current: this.current

993

})

993

})

994

995

uni.navigateTo({

995

uni.navigateTo({

996

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

996

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

997

})

997

})

998

}

998

}

999

1000

}

1000

}

1001

}

1001

}

1002

}

1002

}

1003

</script>

1003

</script>

1004

1005

1005

1006

.content {

1006

.content {

1007

min-height: 100vh;

1007

min-height: 100vh;

1008

background-color: #f2f2f2;

1008

background-color: #f2f2f2;

1009

// padding-top: 20rpx;

1009

// padding-top: 20rpx;

1010

.goodInfo {

1010

.goodInfo {

1011

width: 100%;

1011

width: 100%;

1012

height: 272rpx;

1012

height: 272rpx;

1013

border-radius: 16rpx;

1013

border-radius: 16rpx;

1014

background-color: #ffffff;

1014

background-color: #ffffff;

1015

box-sizing: border-box;

1015

box-sizing: border-box;

1016

padding: 36rpx;

1016

padding: 36rpx;

1017

display: flex;

1017

display: flex;

1018

flex-direction: row;

1018

flex-direction: row;

1019

justify-content: flex-start;

1019

justify-content: flex-start;

1020

.imageWrap {

1020

.imageWrap {

1021

height: 188rpx;

1021

height: 188rpx;

1022

width: 188rpx;

1022

width: 188rpx;

1023

margin-right: 28rpx;

1023

margin-right: 28rpx;

1024

image {

1024

image {

1025

height: 188rpx;

1025

height: 188rpx;

1026

width: 188rpx;

1026

width: 188rpx;

1027

}

1027

}

1028

}

1028

}

1029

.infoRight {

1029

.infoRight {

1030

display: flex;

1030

display: flex;

1031

flex-direction: column;

1031

flex-direction: column;

1032

align-items: flex-start;

1032

align-items: flex-start;

1033

justify-content: space-between;

1033

justify-content: space-between;

1034

.goodName {

1034

.goodName {

1035

font-size: 28rpx;

1035

font-size: 28rpx;

1036

color: #333333;

1036

color: #333333;

1037

}

1037

}

1038

.remarks {

1038

.remarks {

1039

font-size: 20rpx;

1039

font-size: 20rpx;

1040

color: #999999;

1040

color: #999999;

1041

}

1041

}

1042

.priceBox {

1042

.priceBox {

1043

display: flex;

1043

display: flex;

1044

justify-content: space-between;

1044

justify-content: space-between;

1045

align-items: center;

1045

align-items: center;

1046

width: 100%;

1046

width: 100%;

1047

font-size: 14px;

1047

font-size: 14px;

1048

color: #999999;

1048

color: #999999;

1049

.price {

1049

.price {

1050

color: #ff6b4a;

1050

color: #ff6b4a;

1051

font-size: 28rpx;

1051

font-size: 28rpx;

1052

}

1052

}

1053

.counter {

1053

.counter {

1054

display: flex;

1054

display: flex;

1055

flex-direction: row;

1055

flex-direction: row;

1056

justify-content: space-between;

1056

justify-content: space-between;

1057

align-items: center;

1057

align-items: center;

1058

font-size: 28rpx;

1058

font-size: 28rpx;

1059

color: #333333;

1059

color: #333333;

1060

width: 122rpx;

1060

width: 122rpx;

1061

.btn {

1061

.btn {

1062

display: flex;

1062

display: flex;

1063

justify-content: center;

1063

justify-content: center;

1064

line-height: 32rpx;

1064

line-height: 32rpx;

1065

height: 32rpx;

1065

height: 32rpx;

1066

width: 32rpx;

1066

width: 32rpx;

1067

background-color: #f2f2f2;

1067

background-color: #f2f2f2;

1068

color: #cfcfcf;

1068

color: #cfcfcf;

1069

}

1069

}

1070

}

1070

}

1071

}

1071

}

1072

}

1072

}

1073

}

1073

}

1074

.goods-data {

1074

.goods-data {

1075

width: 100%;

1075

width: 100%;

1076

box-sizing: border-box;

1076

box-sizing: border-box;

1077

padding: 37rpx 40rpx 0 40rpx;

1077

padding: 37rpx 40rpx 0 40rpx;

1078

background: #ffffff;

1078

background: #ffffff;

1079

border-radius: 12rpx;

1079

border-radius: 12rpx;

1080

.opCollapse {

1080

.opCollapse {

1081

width: 100%;

1081

width: 100%;

1082

padding-bottom: 28rpx;

1082

padding-bottom: 28rpx;

1083

margin-top: 7px;

1083

margin-top: 7px;

1084

border-bottom: 1px solid #e9e9e9;

1084

border-bottom: 1px solid #e9e9e9;

1085

.head {

1085

.head {

1086

display: flex;

1086

display: flex;

1087

justify-content: space-between;

1087

justify-content: space-between;

1088

height: 24px;

1088

height: 24px;

1089

// font-family: PingFangSC-Medium;

1089

// font-family: PingFangSC-Medium;

1090

font-size: 16px;

1090

font-size: 16px;

1091

color: #333333;

1091

color: #333333;

1092

letter-spacing: -0.3px;

1092

letter-spacing: -0.3px;

1093

text-align: justify;

1093

text-align: justify;

1094

line-height: 24px;

1094

line-height: 24px;

1095

margin-bottom: 18rpx;

1095

margin-bottom: 18rpx;

1096

.headRighted {

1096

.headRighted {

1097

width: 0;

1097

width: 0;

1098

height: 0;

1098

height: 0;

1099

border-left: 4px solid transparent;

1099

border-left: 4px solid transparent;

1100

border-right: 4px solid transparent;

1100

border-right: 4px solid transparent;

1101

border-bottom: 4px solid #cfcfcf;

1101

border-bottom: 4px solid #cfcfcf;

1102

transform: scaleY(-1);

1102

transform: scaleY(-1);

1103

margin-top: 10px;

1103

margin-top: 10px;

1104

}

1104

}

1105

.headMid {

1105

.headMid {

1106

// font-family: PingFangSC-Regular;

1106

// font-family: PingFangSC-Regular;

1107

font-size: 10px;

1107

font-size: 10px;

1108

color: #999999;

1108

color: #999999;

1109

letter-spacing: -0.19px;

1109

letter-spacing: -0.19px;

1110

margin-left: -120rpx;

1110

margin-left: -120rpx;

1111

}

1111

}

1112

.headRight {

1112

.headRight {

1113

width: 0;

1113

width: 0;

1114

height: 0;

1114

height: 0;

1115

border-left: 4px solid transparent;

1115

border-left: 4px solid transparent;

1116

border-right: 4px solid transparent;

1116

border-right: 4px solid transparent;

1117

border-bottom: 4px solid #cfcfcf;

1117

border-bottom: 4px solid #cfcfcf;

1118

margin-top: 10px;

1118

margin-top: 10px;

1119

}

1119

}

1120

}

1120

}

1121

.body {

1121

.body {

1122

// font-family: PingFangSC-Regular;

1122

// font-family: PingFangSC-Regular;

1123

font-size: 12px;

1123

font-size: 12px;

1124

color: #666666;

1124

color: #666666;

1125

letter-spacing: 0;

1125

letter-spacing: 0;

1126

.bodyBox {

1126

.bodyBox {

1127

margin-top: 15px;

1127

margin-top: 15px;

1128

.names {

1128

.names {

1129

// font-family: PingFangSC-Regular;

1129

// font-family: PingFangSC-Regular;

1130

font-size: 12px;

1130

font-size: 12px;

1131

color: #151515;

1131

color: #151515;

1132

letter-spacing: 0;

1132

letter-spacing: 0;

1133

text-align: justify;

1133

text-align: justify;

1134

line-height: 17px;

1134

line-height: 17px;

1135

margin-left: 5px;

1135

margin-left: 5px;

1136

margin-right: 10px;

1136

margin-right: 10px;

1137

}

1137

}

1138

text {

1138

text {

1139

// font-family: PingFangSC-Regular;

1139

// font-family: PingFangSC-Regular;

1140

font-size: 12px;

1140

font-size: 12px;

1141

color: #666666;

1141

color: #666666;

1142

letter-spacing: 0;

1142

letter-spacing: 0;

1143

text-align: justify;

1143

text-align: justify;

1144

}

1144

}

1145

}

1145

}

1146

}

1146

}

1147

1148

// .goods-form {

1148

// .goods-form {

1149

// display: flex;

1149

// display: flex;

1150

// flex-direction: column;

1150

// flex-direction: column;

1151

// align-items: center;

1151

// align-items: center;

1152

// justify-content: center;

1152

// justify-content: center;

1153

// background-color: #fff;

1153

// background-color: #fff;

1154

// width: 100%;

1154

// width: 100%;

1155

// .p1 {

1155

// .p1 {

1156

// font-size: 16px;

1156

// font-size: 16px;

1157

// color: #333333;

1157

// color: #333333;

1158

// letter-spacing: -0.3px;

1158

// letter-spacing: -0.3px;

1159

// text-align: justify;

1159

// text-align: justify;

1160

// line-height: 24px;

1160

// line-height: 24px;

1161

// margin: 4px 0;

1161

// margin: 4px 0;

1162

// }

1162

// }

1163

// .p2 {

1163

// .p2 {

1164

// font-size: 12px;

1164

// font-size: 12px;

1165

// color: #999999;

1165

// color: #999999;

1166

// letter-spacing: -0.23px;

1166

// letter-spacing: -0.23px;

1167

// margin-bottom: 18rpx;

1167

// margin-bottom: 18rpx;

1168

// }

1168

// }

1169

// image {

1169

// image {

1170

// width: 28rpx;

1170

// width: 28rpx;

1171

// height: 26rpx;

1171

// height: 26rpx;

1172

// }

1172

// }

1173

// .confirm {

1173

// .confirm {

1174

// display: flex;

1174

// display: flex;

1175

// align-items: center;

1175

// align-items: center;

1176

// font-size: 12px;

1176

// font-size: 12px;

1177

// color: #666666;

1177

// color: #666666;

1178

// letter-spacing: -0.23px;

1178

// letter-spacing: -0.23px;

1179

// width: 684rpx;

1179

// width: 684rpx;

1180

// image {

1180

// image {

1181

// margin-right: 25rpx;

1181

// margin-right: 25rpx;

1182

// }

1182

// }

1183

// }

1183

// }

1184

// .picker {

1184

// .picker {

1185

// display: flex;

1185

// display: flex;

1186

// flex-direction: column;

1186

// flex-direction: column;

1187

// justify-content: center;

1187

// justify-content: center;

1188

// align-items: center;

1188

// align-items: center;

1189

// width: 100%;

1189

// width: 100%;

1190

// image {

1190

// image {

1191

// width: 10px;

1191

// width: 10px;

1192

// height: 10px;

1192

// height: 10px;

1193

// margin-right: 5px;

1193

// margin-right: 5px;

1194

// }

1194

// }

1195

// .picker-choice {

1195

// .picker-choice {

1196

// display: flex;

1196

// display: flex;

1197

// width: 684rpx;

1197

// width: 684rpx;

1198

// align-items: center;

1198

// align-items: center;

1199

// margin-bottom: 40rpx;

1199

// margin-bottom: 40rpx;

1200

// .choice-left {

1200

// .choice-left {

1201

// width: 210rpx;

1201

// width: 210rpx;

1202

// .p11 {

1202

// .p11 {

1203

// font-size: 14px;

1203

// font-size: 14px;

1204

// color: #333333;

1204

// color: #333333;

1205

// letter-spacing: -0.26px;

1205

// letter-spacing: -0.26px;

1206

// text-align: justify;

1206

// text-align: justify;

1207

// line-height: 24px;

1207

// line-height: 24px;

1208

// }

1208

// }

1209

// .p12 {

1209

// .p12 {

1210

// font-size: 10px;

1210

// font-size: 10px;

1211

// color: #3f3f3f;

1211

// color: #3f3f3f;

1212

// letter-spacing: -0.19px;

1212

// letter-spacing: -0.19px;

1213

// text-align: justify;

1213

// text-align: justify;

1214

// line-height: 24px;

1214

// line-height: 24px;

1215

// }

1215

// }

1216

// }

1216

// }

1217

// .p13 {

1217

// .p13 {

1218

// font-size: 10px;

1218

// font-size: 10px;

1219

// color: #999999;

1219

// color: #999999;

1220

// letter-spacing: -0.19px;

1220

// letter-spacing: -0.19px;

1221

// margin-right: 10px;

1221

// margin-right: 10px;

1222

// }

1222

// }

1223

// .p13-date {

1223

// .p13-date {

1224

// font-size: 10px;

1224

// font-size: 10px;

1225

// color: #999999;

1225

// color: #999999;

1226

// letter-spacing: -0.19px;

1226

// letter-spacing: -0.19px;

1227

// margin-right: 5px;

1227

// margin-right: 5px;

1228

// }

1228

// }

1229

// .p14 {

1229

// .p14 {

1230

// font-size: 14px;

1230

// font-size: 14px;

1231

// color: #666666;

1231

// color: #666666;

1232

// letter-spacing: -0.26px;

1232

// letter-spacing: -0.26px;

1233

// text-align: center;

1233

// text-align: center;

1234

// width: 124rpx;

1234

// width: 124rpx;

1235

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

1235

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

1236

// }

1236

// }

1237

// }

1237

// }

1238

// }

1238

// }

1239

// }

1239

// }

1240

.goods-form {

1240

.goods-form {

1241

display: flex;

1241

display: flex;

1242

flex-direction: column;

1242

flex-direction: column;

1243

align-items: center;

1243

align-items: center;

1244

justify-content: center;

1244

justify-content: center;

1245

background-color: #fff;

1245

background-color: #fff;

1246

width: 100%;

1246

width: 100%;

1247

padding: 40rpx 0;

1247

padding: 40rpx 0;

1248

.p1 {

1248

.p1 {

1249

font-size: 16px;

1249

font-size: 16px;

1250

color: #333333;

1250

color: #333333;

1251

letter-spacing: -0.3px;

1251

letter-spacing: -0.3px;

1252

text-align: justify;

1252

text-align: justify;

1253

line-height: 24px;

1253

line-height: 24px;

1254

margin: 4px 0;

1254

margin: 4px 0;

1255

1256

}

1256

}

1257

.p2 {

1257

.p2 {

1258

font-size: 12px;

1258

font-size: 12px;

1259

color: #999999;

1259

color: #999999;

1260

letter-spacing: -0.23px;

1260

letter-spacing: -0.23px;

1261

margin-bottom: 32rpx;

1261

margin-bottom: 32rpx;

1262

}

1262

}

1263

.image2{

1263

.image2{

1264

width: 42rpx;

1264

width: 42rpx;

1265

height: 34rpx;

1265

height: 34rpx;

1266

margin-right: 12rpx;

1266

margin-right: 12rpx;

1267

}

1267

}

1268

.confirm {

1268

.confirm {

1269

display: flex;

1269

display: flex;

1270

align-items: center;

1270

align-items: center;

1271

font-size: 12px;

1271

font-size: 12px;

1272

color: #666666;

1272

color: #666666;

1273

letter-spacing: -0.23px;

1273

letter-spacing: -0.23px;

1274

width: 684rpx;

1274

width: 684rpx;

1275

.image1{

1275

.image1{

1276

margin-right:25rpx;

1276

margin-right:25rpx;

1277

width: 42rpx;

1277

width: 42rpx;

1278

height: 38rpx;

1278

height: 38rpx;

1279

}

1279

}

1280

}

1280

}

1281

.picker{

1281

.picker{

1282

display: flex;

1282

display: flex;

1283

flex-direction: column;

1283

flex-direction: column;

1284

justify-content: center;

1284

justify-content: center;

1285

align-items: center;

1285

align-items: center;

1286

width: 100%;

1286

width: 100%;

1287

1288

.picker-choice{

1288

.picker-choice{

1289

display: flex;

1289

display: flex;

1290

width: 684rpx;

1290

width: 684rpx;

1291

align-items: center;

1291

align-items: center;

1292

margin-bottom: 40rpx;

1292

margin-bottom: 40rpx;

1293

.input{

1293

.input{

1294

border-bottom: 1px solid #CFCFCF;

1294

border-bottom: 1px solid #CFCFCF;

1295

height: 40rpx;

1295

height: 40rpx;

1296

}

1296

}

1297

.choice-left{

1297

.choice-left{

1298

width: 210rpx;

1298

width: 210rpx;

1299

.pd{

1299

.pd{

1300

font-size: 14px;

1300

font-size: 14px;

1301

color: #333333;

1301

color: #333333;

1302

letter-spacing: -0.26px;

1302

letter-spacing: -0.26px;

1303

text-align: justify;

1303

text-align: justify;

1304

line-height: 24px;

1304

line-height: 24px;

1305

margin-right: 44rpx;

1305

margin-right: 44rpx;

1306

}

1306

}

1307

.p11 {

1307

.p11 {

1308

font-size: 14px;

1308

font-size: 14px;

1309

color: #333333;

1309

color: #333333;

1310

letter-spacing: -0.26px;

1310

letter-spacing: -0.26px;

1311

text-align: justify;

1311

text-align: justify;

1312

line-height: 24px;

1312

line-height: 24px;

1313

// margin-right: 10px;

1313

// margin-right: 10px;

1314

}

1314

}

1315

.p12 {

1315

.p12 {

1316

font-size: 10px;

1316

font-size: 10px;

1317

color: #3F3F3F;

1317

color: #3F3F3F;

1318

letter-spacing: -0.19px;

1318

letter-spacing: -0.19px;

1319

text-align: justify;

1319

text-align: justify;

1320

line-height: 24px;

1320

line-height: 24px;

1321

}

1321

}

1322

1323

1324

}

1324

}

1325

.p13 {

1325

.p13 {

1326

font-size: 10px;

1326

font-size: 10px;

1327

color: #999999;

1327

color: #999999;

1328

letter-spacing: -0.19px;

1328

letter-spacing: -0.19px;

1329

margin-right: 10px;

1329

margin-right: 10px;

1330

}

1330

}

1331

.p13-date {

1331

.p13-date {

1332

font-size: 10px;

1332

font-size: 10px;

1333

color: #999999;

1333

color: #999999;

1334

letter-spacing: -0.19px;

1334

letter-spacing: -0.19px;

1335

margin-right: 5px;

1335

margin-right: 5px;

1336

}

1336

}

1337

picker{

1337

picker{

1338

width: 144rpx;

1338

width: 144rpx;

1339

height: 40rpx;

1339

height: 40rpx;

1340

display: flex;

1340

display: flex;

1341

position: relative;

1341

position: relative;

1342

.p14 {

1342

.p14 {

1343

font-size: 14px;

1343

font-size: 14px;

1344

color: #666666;

1344

color: #666666;

1345

letter-spacing: -0.26px;

1345

letter-spacing: -0.26px;

1346

text-align: center;

1346

text-align: center;

1347

width: 124rpx;

1347

width: 124rpx;

1348

border-bottom: 1px solid #CFCFCF;

1348

border-bottom: 1px solid #CFCFCF;

1349

height: 38rpx;

1349

height: 38rpx;

1350

}

1350

}

1351

image{

1351

image{

1352

width: 20rpx;

1352

width: 20rpx;

1353

height: 20rpx;

1353

height: 20rpx;

1354

position: absolute;

1354

position: absolute;

1355

right: 20rpx;

1355

right: 20rpx;

1356

top: 8rpx;

1356

top: 8rpx;

1357

}

1357

}

1358

}

1358

}

1359

1360

1361

}

1361

}

1362

}

1362

}

1363

}

1363

}

1364

}

1364

}

1365

}

1365

}

1366

.choose {

1366

.choose {

1367

width: 100%;

1367

width: 100%;

1368

background: #ffffff;

1368

background: #ffffff;

1369

border-radius: 12rpx;

1369

border-radius: 12rpx;

1370

margin-top: 20rpx;

1370

margin-top: 20rpx;

1371

padding: 40rpx 40rpx 112rpx 40rpx;

1371

padding: 40rpx 40rpx 112rpx 40rpx;

1372

box-sizing: border-box;

1372

box-sizing: border-box;

1373

.chooseItem {

1373

.chooseItem {

1374

width: 100%;

1374

width: 100%;

1375

padding-bottom: 32rpx;

1375

padding-bottom: 32rpx;

1376

border-bottom: 1px solid #e9e9e9;

1376

border-bottom: 1px solid #e9e9e9;

1377

margin-bottom: 28rpx;

1377

margin-bottom: 28rpx;

1378

}

1378

}

1379

.chooseRes {

1379

.chooseRes {

1380

font-size: 12px;

1380

font-size: 12px;

1381

color: #666666;

1381

color: #666666;

1382

}

1382

}

1383

.itemsWrap {

1383

.itemsWrap {

1384

display: flex;

1384

display: flex;

1385

flex-direction: row;

1385

flex-direction: row;

1386

flex-wrap: wrap;

1386

flex-wrap: wrap;

1387

justify-content: flex-start;

1387

justify-content: flex-start;

1388

align-items: center;

1388

align-items: center;

1389

padding-top: 24rpx;

1389

padding-top: 24rpx;

1390

.item1 {

1390

.item1 {

1391

width: 64rpx;

1391

width: 64rpx;

1392

height: 64rpx;

1392

height: 64rpx;

1393

border-radius: 32rpx;

1393

border-radius: 32rpx;

1394

margin: 0 36rpx 24rpx 0;

1394

margin: 0 36rpx 24rpx 0;

1395

transition: all 0.3s;

1395

transition: all 0.3s;

1396

border: 1px solid #ffffff;

1396

border: 1px solid #ffffff;

1397

}

1397

}

1398

.item2 {

1398

.item2 {

1399

// width: 100rpx;

1399

// width: 100rpx;

1400

padding: 0 30rpx;

1400

padding: 0 30rpx;

1401

height: 60rpx;

1401

height: 60rpx;

1402

margin: 0 20rpx 20rpx 0;

1402

margin: 0 20rpx 20rpx 0;

1403

transition: all 0.3s;

1403

transition: all 0.3s;

1404

background: #f2f2f2;

1404

background: #f2f2f2;

1405

border-radius: 2px;

1405

border-radius: 2px;

1406

border-radius: 2px;

1406

border-radius: 2px;

1407

line-height: 60rpx;

1407

line-height: 60rpx;

1408

text-align: center;

1408

text-align: center;

1409

color: #666666;

1409

color: #666666;

1410

font-size: 12px;

1410

font-size: 12px;

1411

}

1411

}

1412

.active1 {

1412

.active1 {

1413

opacity: 0.7;

1413

opacity: 0.7;

1414

border: 1px solid #ff6b4a;

1414

border: 1px solid #ff6b4a;

1415

}

1415

}

1416

.active2 {

1416

.active2 {

1417

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

1417

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

1418

color: #ff6b4a;

1418

color: #ff6b4a;

1419

}

1419

}

1420

}

1420

}

1421

}

1421

}

1422

.button {

1422

.button {

1423

width: 100%;

1423

width: 100%;

1424

height: 112rpx;

1424

height: 112rpx;

1425

background-color: #ff6b4a;

1425

background-color: #ff6b4a;

1426

font-size: 16px;

1426

font-size: 16px;

1427

color: #ffffff;

1427

color: #ffffff;

1428

line-height: 112rpx;

1428

line-height: 112rpx;

1429

text-align: center;

1429

text-align: center;

1430

position: fixed;

1430

position: fixed;

1431

bottom: 0;

1431

bottom: 0;

1432

left: 0;

1432

left: 0;

1433

}

1433

}

1434

}

1434

}

1435

</style>

1435

</style>

1436

GITLAB

Adam / gulu-vue

验光的填充