storevisit-ui-mobile/src/views/deviceWithin/addStoreVisitP.vue

<template>
	<div>
		<!--        顶部条-->
		<div class="navBarTOP">
			<van-nav-bar
				class="navBar"
				left-arrow
				right-text="保存"
				title="拜访项目"
				@click-left="onClickLeft"
				@click-right="onSubmit"
			/>
		</div>
		<!--        主体内容-->
		<div class="lineGrey"></div>
		<div class="lineGrey"></div>
		<div class="lineGrey"></div>
		<div class="lineGrey"></div>
		<div class="lineGrey"></div>
		<div class="lineGrey"></div>

		<div v-if="taskType == 2" class="container" style="width: 100%; margin: 0 auto; padding: 10px 0">
			<p v-if="infoShow == 0 && unManage != 0" class="isTableMust">
				<van-icon name="info-o" />&nbsp;以下产品列表全部必填！
			</p>
			<p v-if="infoShow == 2 && unManage != 0" class="isTableMust">
				<van-icon name="info-o" />&nbsp;以下产品列表至少填一条！
			</p>
			<p v-if="unManage == 0" class="isTableMust">
				<van-icon name="info-o" />&nbsp;请根据本店实际经营的竞品产品，反馈价格信息！
			</p>
			<el-table :data="tableData1" border class="table-headermd" style="width: 100%">
				<el-table-column label="产品名称" prop="collectionName">
					<template slot-scope="scope">
						<span class="tipTitle" @click="tipTitle(scope.row.collectionName)">{{ scope.row.collectionName }}</span>
					</template>
				</el-table-column>
				<el-table-column prop="name">
					<template slot="header"> <span>进货原价</span><span class="xing">*</span> </template>
					<template slot-scope="scope">
						<van-field
							v-model="scope.row.xdjhyj"
							placeholder="请输入"
							type="number"
							@blur="inputblur(scope.row.xdjhyj, scope.$index, '0')"
						/>
					</template>
				</el-table-column>
				<!--<el-table-column-->
				<!--prop="checked"-->
				<!--align="center"-->
				<!--width="74">-->
				<!--<template slot="header">-->
				<!--<span>不经营</span ><span style="color:red;padding-left: 4px;">*</span>-->
				<!--</template>-->
				<!--<template slot-scope="scope">-->
				<!--<el-checkbox v-model="scope.row.checked"></el-checkbox>-->
				<!--</template>-->
				<!--</el-table-column>-->
				<el-table-column class="t-center" prop="address">
					<template slot="header"> <span>促后净价</span><span class="xing">*</span> </template>
					<template slot-scope="scope">
						<van-field
							v-model="scope.row.xdjhchjj"
							placeholder="请输入"
							type="number"
							@input="inputblurs(scope.row.xdjhchjj, scope.$index, '1')"
						/>
					</template>
				</el-table-column>
				<el-table-column class="t-center" prop="address">
					<template slot="header" class="t-center"> <span>油工拿货价</span><span class="xing">*</span> </template>
					<template slot-scope="scope">
						<van-field
							v-model="scope.row.ygnhj"
							placeholder="请输入"
							type="number"
							@blur="inputblur(scope.row.ygnhj, scope.$index, '2')"
						/>
					</template>
				</el-table-column>
			</el-table>
			<div v-if="unManage == 0" style="margin: 10px">
				<van-checkbox v-model="checked" shape="square">全部不经营</van-checkbox>
			</div>
		</div>
		<div v-if="taskType == 1" class="container" style="width: 94%; margin: 0 auto; border-radius: 6px">
			<van-form ref="tabstoreVal">
				<div v-for="(item, index) in collectionItemList" :key="index">
					<div v-if="item.answerType == 'sz'" class="formLabel z-cell">
						<van-cell>
							<template #title>
								<span v-if="item.isMust == 0" class="van-f-red">*</span>{{ item.collectionName }}
							</template>
							<template #right-icon>
								<span v-if="item.isMustPicture == '0'" style="color: red">图片必填</span>
								<van-icon
									v-if="item.isPicture == '0'"
									color="#666"
									name="photograph"
									size="24"
									@click="imgClick(item,'A', index)"
								/>
								<!--<upload-img :uploadid="uploadid2" v-if="item.isValid==0" :imgArr="imgs" @newimgarr="newimgarr1"></upload-img>-->
							</template>
						</van-cell>
						<van-field
							v-model="item.answerValue"
							:placeholder="item.text"
							type="number"
							@input="numberFn(item, index,'A')"
						></van-field>
						<p style="color: #444; font-size: 12px; margin: 0; padding: 10px 0; text-align: right">
							<van-field
								class="mobile-input"
								v-model="item.collectionOptionList[0].collectionOption"
								autosize
								readonly
								type="textarea"
							/>
						</p>
						<delete-upload-img :imgs="item.fileInfoList"></delete-upload-img>
					</div>
          <div v-if="item.answerType == 'date'" class="formLabel z-cell">
            <van-cell>
              <template #title>
                <span v-if="item.isMust == 0" class="van-f-red">*</span>{{ item.collectionName }}
              </template>
              <template #right-icon>
                <span v-if="item.isMustPicture == '0'" style="color: red">图片必填</span>
                <van-icon
                    v-if="item.isPicture == '0'"
                    color="#666"
                    name="photograph"
                    size="24"
                    @click="imgClick(item,'A', index)"
                />
                <!--<upload-img :uploadid="uploadid2" v-if="item.isValid==0" :imgArr="imgs" @newimgarr="newimgarr1"></upload-img>-->
              </template>
            </van-cell>
            <van-field
                readonly
                clickable
                :value="item.answerValue"
                @click="showPickerTimeFn(index,'A')"
            />
            <p style="color: #444; font-size: 12px; margin: 0; padding: 10px 0; text-align: right">
              <van-field
                  class="mobile-input"
                  v-model="item.collectionOptionList[0].collectionOption"
                  autosize
                  readonly
                  type="textarea"
              />
            </p>
            <delete-upload-img :imgs="item.fileInfoList"></delete-upload-img>
          </div>
          <div v-if="item.answerType == 'tel'" class="formLabel z-cell">
            <van-cell>
              <template #title>
                <span v-if="item.isMust == 0" class="van-f-red">*</span>{{ item.collectionName }}
              </template>
              <template #right-icon>
                <span v-if="item.isMustPicture == '0'" style="color: red">图片必填</span>
                <van-icon
                    v-if="item.isPicture == '0'"
                    color="#666"
                    name="photograph"
                    size="24"
                    @click="imgClick(item,'A', index)"
                />
                <!--<upload-img :uploadid="uploadid2" v-if="item.isValid==0" :imgArr="imgs" @newimgarr="newimgarr1"></upload-img>-->
              </template>
            </van-cell>
            <van-field
                v-model="item.answerValue"
                :placeholder="item.text"
                type="tel"
                @blur="telFn(item, index,'A')"
            ></van-field>
            <p style="color: #444; font-size: 12px; margin: 0; padding: 10px 0; text-align: right">
              <van-field
                  class="mobile-input"
                  v-model="item.collectionOptionList[0].collectionOption"
                  autosize
                  readonly
                  type="textarea"
              />
            </p>
            <delete-upload-img :imgs="item.fileInfoList"></delete-upload-img>
          </div>
					<div v-if="item.answerType == 'zp'" class="formLabel z-cell">
						<van-cell>
							<template #title>
								<span v-if="item.isMust == 0" class="van-f-red">*</span>{{ item.collectionName }}
							</template>
							<template #right-icon>
								<span v-if="item.isMustPicture == '0'" style="color: red">图片必填</span>
								<van-icon
									v-if="item.isPicture == 0"
									color="#666"
									name="photograph"
									size="24"
									@click="imgClick(item,'A', index)"
								/>
							</template>
						</van-cell>
						<delete-upload-img :imgs="item.fileInfoList"></delete-upload-img>
					</div>
					<div v-if="item.answerType == 'wb'" class="formLabel z-cell">
						<van-cell>
							<template #title>
								<span v-if="item.isMust == 0" class="van-f-red">*</span>{{ item.collectionName }}
							</template>
							<template #right-icon>
								<span v-if="item.isMustPicture == '0'" style="color: red">图片必填</span>
								<van-icon
									v-if="item.isPicture == 0"
									color="#666"
									name="photograph"
									size="24"
									@click="imgClick(item,'A', index)"
								/>
							</template>
						</van-cell>
						<van-field v-model="item.answerValue" :formatter="formatter" :placeholder="item.text"></van-field>
						<p style="color: #444; font-size: 12px; margin: 0; text-align: right; position: relative">
							<van-field
								class="mobile-input"
								v-model="item.collectionOptionList[0].collectionOption"
								autosize
								readonly
								type="textarea"
							/>
							<span
								style="color: #00afff; position: absolute; top: 8px; right: 0px"
								v-if="item.showHistory == 1"
								@click="getCollectionShowHistory(item)"
								>回显历史</span
							>
						</p>
						<delete-upload-img :imgs="item.fileInfoList"></delete-upload-img>
					</div>
					<div v-if="item.answerType == 'duox'" class="formLabel z-cell">
						<van-cell>
							<template #title>
								<span v-if="item.isMust == 0" class="van-f-red">*</span>{{ item.collectionName }}
							</template>
							<template #right-icon>
								<span v-if="item.isMustPicture == '0'" style="color: red">图片必填</span>
								<van-icon
									v-if="item.isPicture == 0"
									color="#666"
									name="photograph"
									size="24"
									@click="imgClick(item,'A', index)"
								/>
							</template>
						</van-cell>
						<z-checkbox
							:answerType="item.answerType"
							:checkboxval="item.answerValue"
							:collectionType="item.collectionType"
							:textc="item.collectionCode"
              :childindex="index"
              level="A"
							:zCheckboxcolumns="item.collectionOptionList"
							@zSelectVal="zSelectVal"
						></z-checkbox>
						<delete-upload-img :imgs="item.fileInfoList"></delete-upload-img>
					</div>

					<div v-if="item.answerType == 'dx'" class="formLabel z-cell">
						<div>
							<van-cell>
								<template #title>
									<span v-if="item.isMust == 0" class="van-f-red">*</span>{{ item.collectionName }}
								</template>
								<template #right-icon>
									<span v-if="item.isMustPicture == '0'" style="color: red">图片必填</span>
									<van-icon
										v-if="item.isPicture == 0"
										color="#666"
										name="photograph"
										size="24"
										@click="imgClick(item,'A', index)"
									/>
								</template>
							</van-cell>
							<z-radio
								:answerType="item.answerType"
								:collectionType="item.collectionType"
								:radio="item.answerValue"
                v-model="item.answerValue"
								:textc="item.collectionCode"
								childIndex4="B"
								:zRadiocolumns="item.collectionOptionList"
								:childindex="index"
								@zSelectVal="zSelectVal"
							></z-radio>
							<delete-upload-img :imgs="item.fileInfoList"></delete-upload-img>
							<div v-for="(child, indexc) in item.collectionOptionList" :key="indexc">
								<div v-if="child.isCheck == 1">
									<div v-for="(childitem, childIndex) in child.collectionItems" :key="childIndex">
										<div v-if="childitem.answerType == 'wb'" class="formLabel z-cell">
											<van-cell>
												<template #title>
													<span v-if="childitem.isMust == 0" class="van-f-red">*</span>{{ childitem.collectionName }}
												</template>
												<template #right-icon>
													<span v-if="childitem.isMustPicture == '0'" style="color: red">图片必填</span>
													<van-icon
														v-if="childitem.isPicture == 0"
														color="#666"
														name="photograph"
														size="24"
														@click="imgClick(childitem,'B', index, childIndex)"
													/>
												</template>
											</van-cell>
											<van-field
												v-model="childitem.collectionOptionList[0].answerValue"
												:formatter="formatter"
												:placeholder="childitem.text"
											></van-field>
											<p style="color: #444; font-size: 12px; margin: 0; text-align: right; position: relative">
												<van-field
													class="mobile-input"
													v-model="childitem.collectionOptionList[0].collectionOption"
													autosize
													readonly
													type="textarea"
												/>
												<span
													style="color: #00afff; position: absolute; top: 8px; right: 0px"
													v-if="childitem.showHistory == 1"
													@click="getCollectionShowHistory(childitem)"
													>回显历史</span
												>
											</p>
											<delete-upload-img :imgs="childitem.fileInfoList"></delete-upload-img>
										</div>
										<div v-if="childitem.answerType == 'sz'" class="formLabel z-cell">
											<van-cell>
												<template #title>
													<span v-if="childitem.isMust == 0" class="van-f-red">*</span>{{ childitem.collectionName }}
												</template>
												<template #right-icon>
													<span v-if="childitem.isMustPicture == '0'" style="color: red">图片必填</span>
													<van-icon
														v-if="childitem.isPicture == '0'"
														color="#666"
														name="photograph"
														size="24"
														@click="imgClick(childitem,'B', index, childIndex)"
													/>
													<!--<upload-img :uploadid="uploadid2" v-if="item.isValid==0" :imgArr="imgs" @newimgarr="newimgarr1"></upload-img>-->
												</template>
											</van-cell>
											<van-field
												v-model="childitem.collectionOptionList[0].answerValue"
												:placeholder="item.text"
												type="number"
												@input="numberFn(childitem, index)"
											></van-field>
											<p style="color: #444; font-size: 12px; margin: 0; padding: 10px 0; text-align: right">
												<van-field
													class="mobile-input"
													v-model="childitem.collectionOptionList[0].collectionOption"
													autosize
													readonly
													type="textarea"
												/>
											</p>
											<delete-upload-img :imgs="childitem.fileInfoList"></delete-upload-img>
										</div>
                    <div v-if="childitem.answerType == 'date'" class="formLabel z-cell">
                      <van-cell>
                        <template #title>
                          <span v-if="childitem.isMust == 0" class="van-f-red">*</span>{{ childitem.collectionName }}
                        </template>
                        <template #right-icon>
                          <span v-if="childitem.isMustPicture == '0'" style="color: red">图片必填</span>
                          <van-icon
                              v-if="childitem.isPicture == '0'"
                              color="#666"
                              name="photograph"
                              size="24"
                              @click="imgClick(childitem,'B', index, childIndex)"
                          />
                          <!--<upload-img :uploadid="uploadid2" v-if="item.isValid==0" :imgArr="imgs" @newimgarr="newimgarr1"></upload-img>-->
                        </template>
                      </van-cell>
                      <van-field
                          readonly
                          clickable
                          :value="childitem.collectionOptionList[0].answerValue"
                          :placeholder="childitem.text"
                          @click="showPickerTimeFn(index,'B',indexc, childIndex)"
                      />
                      <p style="color: #444; font-size: 12px; margin: 0; padding: 10px 0; text-align: right">
                        <van-field
                            class="mobile-input"
                            v-model="childitem.collectionOptionList[0].collectionOption"
                            autosize
                            readonly
                            type="textarea"
                        />
                      </p>
                      <delete-upload-img :imgs="childitem.fileInfoList"></delete-upload-img>
                    </div>
                    <div v-if="childitem.answerType == 'tel'" class="formLabel z-cell">
                      <van-cell>
                        <template #title>
                          <span v-if="childitem.isMust == 0" class="van-f-red">*</span>{{ childitem.collectionName }}
                        </template>
                        <template #right-icon>
                          <span v-if="childitem.isMustPicture == '0'" style="color: red">图片必填</span>
                          <van-icon
                              v-if="childitem.isPicture == '0'"
                              color="#666"
                              name="photograph"
                              size="24"
                              @click="imgClick(childitem,'B', index, childIndex)"
                          />
                          <!--<upload-img :uploadid="uploadid2" v-if="item.isValid==0" :imgArr="imgs" @newimgarr="newimgarr1"></upload-img>-->
                        </template>
                      </van-cell>
                      <van-field
                          v-model="childitem.collectionOptionList[0].answerValue"
                          :placeholder="item.text"
                          type="tel"
                          @input="telFn(childitem, index)"
                      ></van-field>
                      <p style="color: #444; font-size: 12px; margin: 0; padding: 10px 0; text-align: right">
                        <van-field
                            class="mobile-input"
                            v-model="childitem.collectionOptionList[0].collectionOption"
                            autosize
                            readonly
                            type="textarea"
                        />
                      </p>
                      <delete-upload-img :imgs="childitem.fileInfoList"></delete-upload-img>
                    </div>
										<div v-if="childitem.answerType == 'zp'" class="formLabel z-cell">
											<van-cell>
												<template #title>
													<span v-if="childitem.isMust == 0" class="van-f-red">*</span>{{ childitem.collectionName }}
												</template>
												<template #right-icon>
													<span v-if="childitem.isMustPicture == '0'" style="color: red">图片必填</span>
													<van-icon
														v-if="childitem.isPicture == 0"
														color="#666"
														name="photograph"
														size="24"
														@click="imgClick(childitem, 'B',index, childIndex)"
													/>
												</template>
											</van-cell>
											<delete-upload-img :imgs="childitem.fileInfoList"></delete-upload-img>
										</div>
										<div v-if="childitem.answerType == 'duox'" class="formLabel z-cell">
											<van-cell>
												<template #title>
													<span v-if="childitem.isMust == 0" class="van-f-red">*</span>{{ childitem.collectionName }}
												</template>
												<template #right-icon>
													<span v-if="childitem.isMustPicture == '0'" style="color: red">图片必填</span>
													<van-icon
														v-if="childitem.isPicture == 0"
														color="#666"
														name="photograph"
														size="24"
														@click="imgClick(childitem, 'B',index, childIndex)"
													/>
												</template>
											</van-cell>
											<z-checkbox
												:answerType="childitem.answerType"
												:checkboxval="childitem.answerValue"
												:collectionType="childitem.collectionType"
												:textc="childitem.collectionCode"
												:zCheckboxcolumns="childitem.collectionOptionList"
                        :childindex="index"
                        :childindex1="indexc"
                        :childindex2="childIndex"
                        level="B"
												@zSelectVal="zSelectVal"
											></z-checkbox>
											<delete-upload-img :imgs="childitem.fileInfoList"></delete-upload-img>
										</div>
										<div v-if="childitem.answerType == 'dx'" class="formLabel z-cell">
											<div>
												<van-cell>
													<template #title>
														<span v-if="childitem.isMust == 0" class="van-f-red">*</span>{{ childitem.collectionName }}
													</template>
													<template #right-icon>
														<span v-if="childitem.isMustPicture == '0'" style="color: red">图片必填</span>
														<van-icon
															v-if="childitem.isPicture == 0"
															color="#666"
															name="photograph"
															size="24"
															@click="imgClick(childitem,'B', index, childIndex)"
														/>
													</template>
												</van-cell>
												<z-radio
													:answerType="childitem.answerType"
													:collectionType="childitem.collectionType"
													:radio="childitem.answerValue"
													:textc="childitem.collectionCode"
                          v-model="childitem.answerValue"
													:childindex="index"
													:childindex1="indexc"
                          childIndex4="A"
													:childindex2="childIndex"
													:zRadiocolumns="childitem.collectionOptionList"
													@zSelectVal="zSelectVal"
												></z-radio>
												<delete-upload-img :imgs="childitem.fileInfoList"></delete-upload-img>
												<div v-for="(child1, indexc1) in childitem.collectionOptionList" :key="indexc1">
													<div v-if="child1.isCheck==1">
														<div v-for="(childitem1, childIndex1) in child1.collectionItems" :key="childIndex1">
															<div v-if="childitem1.answerType == 'wb'" class="formLabel z-cell">
																<van-cell>
																	<template #title>
																		<span v-if="childitem1.isMust == 0" class="van-f-red">*</span
																		>{{ childitem1.collectionName }}
																	</template>
																	<template #right-icon>
																		<span v-if="childitem1.isMustPicture == '0'" style="color: red">图片必填</span>
																		<van-icon
																			v-if="childitem1.isPicture == 0"
																			color="#666"
																			name="photograph"
																			size="24"
                                      @click="imgClick(childitem1,'C', index, childIndex,indexc,indexc1,childIndex1)"
																		/>
																	</template>
																</van-cell>
																<van-field
																	v-model="childitem1.collectionOptionList[0].answerValue"
																	:formatter="formatter"
																	:placeholder="childitem1.text"
																></van-field>
																<p
																	style="color: #444; font-size: 12px; margin: 0; text-align: right; position: relative"
																>
																	<van-field
																		class="mobile-input"
																		v-model="childitem1.collectionOptionList[0].collectionOption"
																		autosize
																		readonly
																		type="textarea"
																	/>
																	<span
																		style="color: #00afff; position: absolute; top: 8px; right: 0px"
																		v-if="childitem1.showHistory == 1"
																		@click="getCollectionShowHistory(childitem1)"
																		>回显历史</span
																	>
																</p>
																<delete-upload-img :imgs="childitem1.fileInfoList"></delete-upload-img>
															</div>
                              <div v-if="childitem1.answerType == 'date'" class="formLabel z-cell">
                                <van-cell>
                                  <template #title>
																		<span v-if="childitem1.isMust == 0" class="van-f-red">*</span
                                    >{{ childitem1.collectionName }}
                                  </template>
                                  <template #right-icon>
                                    <span v-if="childitem1.isMustPicture == '0'" style="color: red">图片必填</span>
                                    <van-icon
                                        v-if="childitem1.isPicture == 0"
                                        color="#666"
                                        name="photograph"
                                        size="24"
                                        @click="imgClick(childitem1,'C', index, childIndex,indexc,indexc1,childIndex1)"
                                    />
                                  </template>
                                </van-cell>
                                <van-field
                                    readonly
                                    clickable
                                    :value="childitem1.collectionOptionList[0].answerValue"
                                    :placeholder="childitem1.text"
                                    @click="showPickerTimeFn(index,'C',indexc,childIndex,indexc1,childIndex1)"
                                />
                                <p
                                    style="color: #444; font-size: 12px; margin: 0; text-align: right; position: relative"
                                >
                                  <van-field
                                      class="mobile-input"
                                      v-model="childitem1.collectionOptionList[0].collectionOption"
                                      autosize
                                      readonly
                                      type="textarea"
                                  />
                                  <span
                                      style="color: #00afff; position: absolute; top: 8px; right: 0px"
                                      v-if="childitem1.showHistory == 1"
                                      @click="getCollectionShowHistory(childitem1)"
                                  >回显历史</span
                                  >
                                </p>
                                <delete-upload-img :imgs="childitem1.fileInfoList"></delete-upload-img>
                              </div>
															<div v-if="childitem1.answerType == 'duox'" class="formLabel z-cell">
																<van-cell>
																	<template #title>
																		<span v-if="childitem1.isMust == 0" class="van-f-red">*</span
																		>{{ childitem1.collectionName }}
																	</template>
																	<template #right-icon>
																		<span v-if="childitem1.isMustPicture == '0'" style="color: red">图片必填</span>
																		<van-icon
																			v-if="childitem1.isPicture == 0"
																			color="#666"
																			name="photograph"
																			size="24"
                                      @click="imgClick(childitem1,'C', index, childIndex,indexc,indexc1,childIndex1)"
																		/>
																	</template>
																</van-cell>
																<z-checkbox
																	:answerType="childitem1.answerType"
																	:checkboxval="childitem1.answerValue"
																	:collectionType="childitem1.collectionType"
																	:textc="childitem1.collectionCode"
                                  :childindex="index"
                                  :childindex1="indexc"
                                  :childindex2="childIndex"
                                  :childindex3="indexc1"
                                  :childindex4="childIndex1"
                                  level="C"
																	:zCheckboxcolumns="childitem1.collectionOptionList"
																	@zSelectVal="zSelectVal"
																></z-checkbox>
																<delete-upload-img :imgs="childitem1.fileInfoList"></delete-upload-img>
															</div>
															<div v-if="childitem1.answerType == 'dx'" class="formLabel z-cell">
																<div>
																	<van-cell>
																		<template #title>
																			<span v-if="childitem1.isMust == 0" class="van-f-red">*</span
																			>{{ childitem1.collectionName }}
																		</template>
																		<template #right-icon>
																			<span v-if="childitem1.isMustPicture == '0'" style="color: red">图片必填</span>
																			<van-icon
																				v-if="childitem1.isPicture == 0"
																				color="#666"
																				name="photograph"
																				size="24"
                                        @click="imgClick(childitem1, 'C',index, childIndex,indexc,indexc1,childIndex1)"
																			/>
																		</template>
																	</van-cell>
																	<z-radio
																		:answerType="childitem1.answerType"
																		:collectionType="childitem1.collectionType"
																		:radio="childitem1.answerValue"
                                    v-model="childitem1.answerValue"
																		:textc="childitem1.collectionCode"
                                    :childindex="index"
                                    :childindex1="indexc"
                                    :childindex2="childIndex"
                                    :childindex3="indexc1"
                                    :childindex5="childIndex1"
                                    childIndex4="D"
																		:zRadiocolumns="childitem1.collectionOptionList"
																		@zSelectVal="zSelectVal"
																	></z-radio>
																	<delete-upload-img :imgs="childitem1.fileInfoList"></delete-upload-img>
																</div>
															</div>
															<div v-if="childitem1.answerType == 'sz'" class="formLabel z-cell">
																<van-cell>
																	<template #title>
																		<span v-if="childitem1.isMust == 0" class="van-f-red">*</span
																		>{{ childitem1.collectionName }}
																	</template>
																	<template #right-icon>
																		<span v-if="childitem1.isMustPicture == '0'" style="color: red">图片必填</span>
																		<van-icon
																			v-if="childitem1.isPicture == '0'"
																			color="#666"
																			name="photograph"
																			size="24"
                                      @click="imgClick(childitem1,'C', index, childIndex,indexc,indexc1,childIndex1)"
																		/>
																		<!--<upload-img :uploadid="uploadid2" v-if="item.isValid==0" :imgArr="imgs" @newimgarr="newimgarr1"></upload-img>-->
																	</template>
																</van-cell>
																<van-field
																	v-model="childitem1.collectionOptionList[0].answerValue"
																	:placeholder="item.text"
																	type="number"
																	@input="numberFn(childitem1, index)"
																></van-field>
																<p style="color: #444; font-size: 12px; margin: 0; padding: 10px 0; text-align: right">
																	<van-field
																		class="mobile-input"
																		v-model="childitem1.collectionOptionList[0].collectionOption"
																		autosize
																		readonly
																		type="textarea"
																	/>
																</p>
																<delete-upload-img :imgs="childitem1.fileInfoList"></delete-upload-img>
															</div>
                              <div v-if="childitem1.answerType == 'tel'" class="formLabel z-cell">
                                <van-cell>
                                  <template #title>
																		<span v-if="childitem1.isMust == 0" class="van-f-red">*</span
                                    >{{ childitem1.collectionName }}
                                  </template>
                                  <template #right-icon>
                                    <span v-if="childitem1.isMustPicture == '0'" style="color: red">图片必填</span>
                                    <van-icon
                                        v-if="childitem1.isPicture == '0'"
                                        color="#666"
                                        name="photograph"
                                        size="24"
                                        @click="imgClick(childitem1,'C', index, childIndex,indexc,indexc1,childIndex1)"
                                    />
                                    <!--<upload-img :uploadid="uploadid2" v-if="item.isValid==0" :imgArr="imgs" @newimgarr="newimgarr1"></upload-img>-->
                                  </template>
                                </van-cell>
                                <van-field
                                    v-model="childitem1.collectionOptionList[0].answerValue"
                                    :placeholder="item.text"
                                    type="tel"
                                    @input="telFn(childitem1, index)"
                                ></van-field>
                                <p style="color: #444; font-size: 12px; margin: 0; padding: 10px 0; text-align: right">
                                  <van-field
                                      class="mobile-input"
                                      v-model="childitem1.collectionOptionList[0].collectionOption"
                                      autosize
                                      readonly
                                      type="textarea"
                                  />
                                </p>
                                <delete-upload-img :imgs="childitem1.fileInfoList"></delete-upload-img>
                              </div>
															<div v-if="childitem1.answerType == 'zp'" class="formLabel z-cell">
																<van-cell>
																	<template #title>
																		<span v-if="childitem1.isMust == 0" class="van-f-red">*</span
																		>{{ childitem1.collectionName }}
																	</template>
																	<template #right-icon>
																		<span v-if="childitem1.isMustPicture == '0'" style="color: red">图片必填</span>
																		<van-icon
																			v-if="childitem1.isPicture == 0"
																			color="#666"
																			name="photograph"
																			size="24"
																			@click="imgClick(childitem1,'C', index, childIndex,indexc,indexc1,childIndex1)"
																		/>
																	</template>
																</van-cell>
																<delete-upload-img :imgs="childitem1.fileInfoList"></delete-upload-img>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
										<br />
									</div>
								</div>
							</div>
						</div>
					</div>
					<br />
				</div>
			</van-form>
		</div>
		<br />
		<van-dialog v-model="show" :show-confirm-button="false" show-cancel-button title="上传图片">
			<van-field
				v-if="indexselect == '1'"
				:value="PhotoTypeText"
				clickable
				name="picker"
				placeholder="选择图片类型"
				readonly
				@click="showPicker = true"
			>
				<template #label> <span class="van-f-red">*</span>图片类型 </template>
			</van-field>
			<van-cell>
				<template #title> <span class="van-f-red">*</span>拍照上传 </template>
				<template #right-icon>
					<upload-img
						:collectionId="collectionId"
						:parentCollectionId="parentCollectionId"
            :secondCollectionId="secondCollectionId"
            :firstCollectionId="firstCollectionId"

						:imgArr="imgs"
						:objectType="PhotoType"
						:shouws="true"
						:storeGroupId="storeGroupId"
						:taskId="taskId"
						:uploadid="uploadid2"
						:visitModel="1 + ''"
						:visitsId="visitId"
						:childIndex="childIndex"
						@newimgarr="newimgarr1"
						@typeshow="typeshow"
					></upload-img>
				</template>
			</van-cell>
		</van-dialog>
		<!--    list-->
		<van-dialog v-model="listShow" title="历史回显" show-cancel-button :showConfirmButton="false">
			<div style="border: 1px solid #eee; margin-top: 18px">
				<div class="itenHhistory" v-for="item in list">
					<p>内容：{{ item.answerValue }}</p>
					<p>拜访人：{{ item.nickName }}</p>
					<p>拜访时间：{{ item.createTime }}</p>
				</div>
			</div>
		</van-dialog>
		<van-popup v-model="sdsd" position="bottom">
			<upload-img
				:collectionId="collectionId"
				:imgArr="imgs"
				:objectType="PhotoType"
				:storeGroupId="storeGroupId"
				:taskId="taskId"
				:uploadid="uploadid2"
				:visitsId="visitId"
				@newimgarr="newimgarr1"
				@typeshow="typeshow"
			></upload-img>
		</van-popup>
		<van-popup v-model="showPicker" capture position="bottom">
			<van-picker :columns="PhotoTypeList" show-toolbar @cancel="showPicker = false" @confirm="onConfirm" />
		</van-popup>
		<van-dialog v-model="logshow" show-cancel-button title="系统提示"> 是否保存信息？ </van-dialog>
		<br />
		<br />
		<br />
		<br />
		<div
			style="
				text-align: center;
				padding: 10px;
				background-color: #ff976a;
				border-radius: 6px;
				color: #fff;
				position: fixed;
				bottom: 16px;
				font-size: 14px;
				left: 14px;
			"
			@click="removeFn"
		>
			<van-icon name="cross" />&nbsp;&nbsp;清空内容
		</div>
    <van-calendar
        @confirm="onConfirmTime"
        v-model="showPickerTime"
    />
	</div>
</template>

<script>
import {
	getPhotoTypeList,
	addCollectionAnswer,
	getStoreGroupTask,
	editDwellTime,
	deleteTaskAnswer,
	getCollectionShowHistory
} from '@/api/index';
import zRadio from '@/components/zRadio';
import zCheckbox from '@/components/zCheckbox';
import uploadImg from '@/components/uploadVNormal';
import deleteUploadImg from '@/components/deleteUploadImg1';

export default {
	name: 'abnormalVisit',
	components: { zRadio, zCheckbox, uploadImg, deleteUploadImg },
	data() {
		return {
			value: '',
			sdsd: false,
			showPicker: false,
      showPickerTime:false,
			logshow: false,
			fromValue: {
				select1: '',
				select3: '',
				checkbox: '1',
				radio: '',
				input: ''
			},
			timer: null,
			flagclick: true,
			listShow: false,
			isMust: '0',
			imgs: [],
			checkboxGroup: [],
			radio: '',
			uploadid2: 'uploadid2',
			collectionItemList: [],
			rdId: '',
			show: false,
			PhotoTypeList: [],
			PhotoType: '',
			PhotoTypeText: '',
			indexselect: 0,
			visitId: '',
			storeGroupId: '',
			taskId: '',
			collectionId: '',
			parentCollectionId: '',
			// form
			storeId: '',
			collectionAnswerlisd: [],
			tableData1: [],
			taskType: 1,
			flag: false,
			indeximg: '',
			childIndex: '',
      childIndex1:"",
      childIndex2:"",
      childIndex3:"",
			link: '3',
			infoShow: '99',
			checked: false,
			unManage: '1',
      pType:"",
			RIndex: '',
			list: [],
      Tindex:"",
      Tindex1:"",
      Tindex2:"",
      Tindex3:"",
      Tindex4:"",
      Ttype:"",
      secondCollectionId:"", firstCollectionId:""
		};
	},
	beforeRouteLeave(to, from, next) {
		if (this.visitId != null && this.visitId != '') {
			this.editDwellTimes();
		}
		next();
	},
	activated() {
		this.flag = false;
		this.link = '3';
		this.taskType = this.$route.query.taskType;
		this.PhotoType = this.$route.query.photoType;
		this.storeCode = this.$route.query.storeCode;
		this.visitId = this.$route.query.visitId + '';
		this.taskId = this.$route.query.taskId + '';
		this.storeId = this.$route.query.storeId + '';
		this.isMust == this.$route.query.isMust + '';
		this.storeGroupId = this.$route.query.storeGroupId + '';
		if (this.$route.query.photoType != null) {
			this.indexselect = 0;
		} else {
			this.indexselect = 1;
		}
		this.getPhotoTypeList();
		this.info();
	},
	created() {
		this.taskType = this.$route.query.taskType;
		this.PhotoType = this.$route.query.photoType;
		this.storeCode = this.$route.query.storeCode;
		this.visitId = this.$route.query.visitId + '';
		this.taskId = this.$route.query.taskId + '';
		this.storeId = this.$route.query.storeId + '';
		this.isMust == this.$route.query.isMust + '';
		this.storeGroupId = this.$route.query.storeGroupId + '';
		if (this.$route.query.photoType != null) {
			this.indexselect = 0;
		} else {
			this.indexselect = 1;
		}
		this.getPhotoTypeList();
		// this.info()
	},
	methods: {
    showPickerTimeFn(index,type,index1,index2,index3,index4){
      this.Tindex=index;
      this.Tindex1=index1;
      this.Tindex2=index2;
      this.Tindex3=index3;
      this.Tindex4=index4;
      this.Ttype=type;
      this.showPickerTime = true;
    },
    onConfirmTime(time) {
      if(this.Ttype=="A"){
        this.collectionItemList[this.Tindex].answerValue=this.parseTime(time, '{y}-{m}-{d}')
      }
      if(this.Ttype=="B"){
        this.collectionItemList[this.Tindex].collectionOptionList[this.Tindex1].collectionItems[this.Tindex2].collectionOptionList[0].answerValue=this.parseTime(time, '{y}-{m}-{d}')
      }
      if(this.Ttype=="C"){
        this.collectionItemList[this.Tindex].collectionOptionList[this.Tindex1].collectionItems[this.Tindex2].collectionOptionList[this.Tindex3].collectionItems[this.Tindex4].answerValue=this.parseTime(time, '{y}-{m}-{d}')
      }
      this.showPickerTime = false;
    },
		// 历史回显
		getCollectionShowHistory(id) {
			getCollectionShowHistory({
				storeId: this.$route.query.storeId,
				collectionId: id.collectionId,
				visitsId: this.$route.query.visitId,
				storeGroupId: this.$route.query.storeGroupId,
				taskId: this.$route.query.taskId
			}).then(res => {
        if(res.data.length>0){
          this.list = res.data;
          this.listShow = true;
        }else{
          this.$toast("暂无历史信息");
        }
			});
		},
		removeFn() {
			var that = this;
			this.$dialog
				.confirm({
					title: '系统提示',
					message: '是否清空任务内容？',
					confirmButtonText: '确定',
					cancelButtonText: '取消'
				})
				.then(() => {
					deleteTaskAnswer({ visitsId: that.$route.query.visitId, taskId: that.$route.query.taskId }).then(res => {
						if (res.code == 200) {
							that.$dialog
								.alert({
									title: '系统提示',
									message: '内容已清空'
								})
								.then(res => {
									that.info();
								});
						}
					});
				});
		},
		formatter(value) {
			return value.replace(
				/[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi,
				''
			);
		},
		editDwellTimes() {
			let dwellTime = this.weekend(localStorage.getItem('startTime'), new Date()) + '';
			editDwellTime({ dwellTime: dwellTime, visitsId: this.visitId }).then(res => {
				if (res.code == 200) {
					localStorage.removeItem('startTime');
					localStorage.setItem('startTime', new Date());
				}
			});
		},
		weekend(time1) {
			var arrtime1 = new Date(time1).getTime();
			var arrtime2 = new Date().getTime();
			return Math.round((arrtime2 - arrtime1) / 1000);
		},
    telFn(val){
      if (!/^1[3456789]\d{9}$/.test(val.answerValue)&&val.answerValue!="") {
        this.$toast(val.collectionName+"格式错误");
      }
    },
		numberFn(val,index,type) {
      if(type=="A"){
        if (!/^[+-]?\d*\.{0,1}\d{0,1}$/.test(this.collectionItemList[index].answerValue)) {
          this.collectionItemList[index].answerValue = this.collectionItemList[index].answerValue.replace(
            /\.\d{2,}$/,
            this.collectionItemList[index].answerValue.substr(this.collectionItemList[index].answerValue.indexOf('.'), 3)
          );
        }
      }else{
        if (!/^[+-]?\d*\.{0,1}\d{0,1}$/.test(this.collectionItemList[index].answerValue)) {
          this.collectionItemList[index].answerValue = this.collectionItemList[index].answerValue.replace(
              /\.\d{2,}$/,
              this.collectionItemList[index].answerValue.substr(this.collectionItemList[index].answerValue.indexOf('.'), 3)
          );
        }
      }
		},
		logshowFN() {
			this.logshow = true;
		},
		info() {
			var insert = '';
			this.collectionItemList = [];
			this.tableData1 = [];
			this.collectionAnswerlisd = [];
			if (this.$route.query.type == 'edit') {
				insert = false;
			} else {
				insert = true;
			}
			if (this.$route.query.type == 'edit') {
				var params = {
					storeId: this.$route.query.storeId,
					storeCode: this.$route.query.storeCode,
					visitEntry: '0',
					lat: '',
					lon: '',
					visitModel: this.visitModel,
					routeDetailsId: '',
					storeGroupId: this.$route.query.storeGroupId,
					visitSource: '1',
          projectVisit:"1",
					insert: insert,
					locationCity: '',
					locationRemark: '',
					locationAccuracy: ''
				};
			} else {
				var params = {
					storeId: this.storeId,
					storeCode: this.$route.query.storeCode,
					visitEntry: '0',
					lat: this.$route.query.lat,
					lon: this.$route.query.lon,
          projectVisit:"1",
					visitModel: this.$route.query.visitModel,
					routeDetailsId: this.$route.query.taskId,
					locationCity: this.$route.query.locationCity,
					insert: insert,
					locationRemark: this.$route.query.locationRemark,
					locationAccuracy: this.$route.query.locationAccuracy,
					visitSource: this.$route.query.visitSource
				};
			}
			if (this.$route.query.visitId != null) {
				params.id = this.$route.query.visitId;
			}
			getStoreGroupTask(params).then(res => {
				var checkUnManage = res.data.sfaTaskList[this.$route.query.ids];
				var collectionItemLists = res.data.sfaTaskList[this.$route.query.ids].collectionItemList;
				if (checkUnManage.checkUnManage != null && checkUnManage.checkUnManage != 'N') {
					this.checked = true;
				} else {
					this.checked = false;
				}
				this.unManage = res.data.sfaTaskList[this.$route.query.ids].unManage;
				this.infoShow = res.data.sfaTaskList[this.$route.query.ids].isMust;
				if (this.$route.query.taskType == 1) {
					for (var q = 0; q < collectionItemLists.length; q++) {
						if (collectionItemLists[q].answerType == 'sz' || collectionItemLists[q].answerType == 'wb'|| collectionItemLists[q].answerType == 'tel'|| collectionItemLists[q].answerType == 'date') {
							collectionItemLists[q].answerValue = collectionItemLists[q].collectionOptionList[0].answerValue;
						}
						if (collectionItemLists[q].answerType == 'duox' || collectionItemLists[q].answerType == 'dx') {
							collectionItemLists[q].answerValue = [];
							for (var qq = 0; qq < collectionItemLists[q].collectionOptionList.length; qq++) {
								if (collectionItemLists[q].collectionOptionList[qq].isCheck == 1) {
									collectionItemLists[q].answerValue.push(
										collectionItemLists[q].collectionOptionList[qq].collectionOptionId
									);
									collectionItemLists[q].collectionOptionList[qq].code = collectionItemLists[q].collectionCode;
									collectionItemLists[q].collectionOptionList[qq].answerType = collectionItemLists[q].answerType;
									// this.collectionAnswerlisd.push(collectionItemLists[q].collectionOptionList[qq]);
								}
								if (collectionItemLists[q].answerType == 'dx') {
									var listchild = collectionItemLists[q].collectionOptionList[qq].collectionItems;
									if (listchild != undefined) {
										for (var qq1 = 0; qq1 < listchild.length; qq1++) {
											if (listchild[qq1].answerType == 'sz') {
												if (listchild[qq1].collectionOptionList[0].answerValue != null) {
													listchild[qq1].answerValue = listchild[qq1].collectionOptionList[0].answerValue;
												}
											}
											if (listchild[qq1].answerType == 'wb') {
												if (listchild[qq1].collectionOptionList[0].answerValue != null) {
													listchild[qq1].answerValue = listchild[qq1].collectionOptionList[0].answerValue;
												} else {
													listchild[qq1].answerValue = '';
												}
											}
                      if (listchild[qq1].answerType == 'tel') {
                        if (listchild[qq1].collectionOptionList[0].answerValue != null) {
                          listchild[qq1].answerValue = listchild[qq1].collectionOptionList[0].answerValue;
                        } else {
                          listchild[qq1].answerValue = '';
                        }
                      }
                      if (listchild[qq1].answerType == 'date') {
                        if (listchild[qq1].collectionOptionList[0].answerValue != null) {
                          listchild[qq1].answerValue = listchild[qq1].collectionOptionList[0].answerValue;
                        } else {
                          listchild[qq1].answerValue = '';
                        }
                      }
											if (listchild[qq1].answerType == 'duox' || listchild[qq1].answerType == 'dx') {
												listchild[qq1].answerValue = [];
												for (var qq2 = 0; qq2 < listchild[qq1].collectionOptionList.length; qq2++) {
													listchild[qq1].collectionOptionList[qq2].code = listchild[qq1].collectionCode;
													listchild[qq1].collectionOptionList[qq2].answerType = listchild[qq1].answerType;
													listchild[qq1].collectionOptionList[qq2].parentCollectionId =
														listchild[qq1].parentCollectionId;
													listchild[qq1].collectionOptionList[qq2].parentOptionId = listchild[qq1].parentOptionId;
                          listchild[qq1].collectionOptionList[qq2].firstCollectionId = listchild[qq1].firstCollectionId;
                          listchild[qq1].collectionOptionList[qq2].secondCollectionId = listchild[qq1].secondCollectionId;
													if (listchild[qq1].collectionOptionList[qq2].isCheck == 1) {
														listchild[qq1].answerValue.push(
															listchild[qq1].collectionOptionList[qq2].collectionOptionId
														);
														// this.collectionAnswerlisd.push(listchild[qq1].collectionOptionList[qq2]);
													}
												}
												listchild[qq1].answerValue = listchild[qq1].answerValue.join();
											}
											if (listchild[qq1].answerType == 'dx') {
												let list3 = listchild[qq1].collectionOptionList;
												for (let l3 = 0; l3 < list3.length; l3++) {
													if (list3[l3].answerType == 'sz') {
														// list3[l3].answerValue = list3[l3].collectionOptionList[0].answerValue;
													}
													if (list3[l3].answerType == 'wb') {
														// list3[l3].answerValue = list3[l3].collectionOptionList[0].answerValue;
													}
													if (list3[l3].answerType == 'duox' || list3[l3].answerType == 'dx') {
														let lis4 = list3[l3].collectionItems;
														if (lis4 != null) {
															for (let l4 = 0; l4 < lis4.length; l4++) {
																lis4[l4].answerValue = [];
																let list5 = lis4[l4].collectionOptionList;
                                if(list5!=undefined&&list5!=null&&list5!=""){
																for (let l5 = 0; l5 < list5.length; l5++) {
																	list5[l5].code = lis4[l4].collectionCode;
																	list5[l5].answerType = lis4[l4].answerType;
																	list5[l5].parentCollectionId = lis4[l4].parentCollectionId;
																	list5[l5].parentOptionId = lis4[l4].parentOptionId;
                                  list5[l5].firstCollectionId = lis4[l4].firstCollectionId;
                                  list5[l5].secondCollectionId = lis4[l4].secondCollectionId;
																	if (list5[l5].isCheck == 1) {
																		lis4[l4].answerValue.push(list5[l5].collectionOptionId);
																		// this.collectionAnswerlisd.push(list5[l5]);
																	}
																}
                                }
																lis4[l4].answerValue = lis4[l4].answerValue.join();
															}
														}
													}
												}
											}
										}
									}
								}
							}
							collectionItemLists[q].answerValue = collectionItemLists[q].answerValue.join();
						}
					}
					this.collectionItemList = collectionItemLists;
					// console.log(this.collectionItemList);
				} else {
					for (var f = 0; f < collectionItemLists.length; f++) {
						var collectionOptionListarr = collectionItemLists[f].collectionOptionList;
						for (var ff = 0; ff < collectionOptionListarr.length; ff++) {
							if (ff == '0') {
								collectionItemLists[f].xdjhyj = collectionOptionListarr[ff].answerValue;
							}
							if (ff == '1') {
								collectionItemLists[f].xdjhchjj = collectionOptionListarr[ff].answerValue;
								if (collectionOptionListarr[ff].answerValue == null) {
									collectionItemLists[f].answerVal = 'T';
								} else {
									collectionItemLists[f].answerVal = '';
								}
							}
							if (ff == '2') {
								collectionItemLists[f].ygnhj = collectionOptionListarr[ff].answerValue;
							}
						}
					}
					this.tableData1 = collectionItemLists;
				}
			});
		},
		tipTitle(val) {
			this.$toast(val);
		},
		inputblurs(val, index, num) {
			// console.log(val);
			if ((val + '').trim() == '') {
				this.tableData1[index].xdjhchjj = '';
			} else {
				if (Number(val) > 10000 || Number(val) <= 0) {
					this.$toast('请输入大于0并且小于10000的两位小数');
					this.tableData1[index].xdjhchjj = '';
				} else if (this.tableData1[index].xdjhyj == '') {
					this.tableData1[index].xdjhchjj = '';
					this.$toast('请输入进货原价');
				} else if (Number(val) > Number(this.tableData1[index].xdjhyj)) {
					this.$toast('请输入小于等于进货原价的数字');
					this.tableData1[index].xdjhchjj = '';
				} else {
					this.tableData1[index].xdjhchjj = val.replace(/[^\d.]/g, ''); //清除"数字"和"."以外的字符
					this.tableData1[index].xdjhchjj = val.replace(/^\./g, ''); //验证第一个字符是数字
					this.tableData1[index].xdjhchjj = val.replace(/\.{2,}/g, '.'); //只保留第一个, 清除多余的
					this.tableData1[index].xdjhchjj = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');
					this.tableData1[index].xdjhchjj = val.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能输入两个小数
				}
			}
		},
		inputblur(val, index, num) {
			if (val.split('.')[1] == '' || (val + '').trim() == '') {
				this.$toast('请输入正确格式数字');
				if (num == '0') {
					this.tableData1[index].xdjhyj = '';
				}
				if (num == '1') {
					this.tableData1[index].xdjhchjj = '';
				}
				if (num == '2') {
					this.tableData1[index].ygnhj = '';
				}
			} else {
				if (!/^\d+(\.\d{1,2})?$/.test(val) || Number(val) > 10000 || Number(val) <= 0) {
					this.$toast('请输入大于0并且小于10000的两位小数');
					if (num == '0') {
						this.tableData1[index].xdjhyj = '';
					}
					if (num == '1') {
						this.tableData1[index].xdjhchjj = '';
					}
					if (num == '2') {
						this.tableData1[index].ygnhj = '';
					}
				} else {
					if (num == '0') {
						if (this.tableData1[index].xdjhyj < this.tableData1[index].xdjhchjj) {
							this.tableData1[index].xdjhyj = '';
							this.$toast('请输入大于等于促后净价的数字');
						}
					}
					if (num == '1') {
						if (this.tableData1[index].xdjhyj == '') {
							this.tableData1[index].xdjhchjj = '';
							this.$toast('请输入进货原价');
						} else {
							if (Number(val) > Number(this.tableData1[index].xdjhyj)) {
								this.$toast('请输入小于等于进货原价的数字');
								this.tableData1[index].xdjhchjj = '';
							}
						}
					}
				}
			}
		},
		afterRead(file) {
			// 此时可以自行将文件上传至服务器
			// console.log(file);
		},
		typeshow(val) {
			this.show = val;
			// console.log(val);
		},
		onConfirm(val) {
			this.indexselect = '1';
			this.PhotoType = val.dictValue;
			this.PhotoTypeText = val.text;
			this.showPicker = false;
			// console.log(this.indexselect);
		},
		getPhotoTypeList() {
			getPhotoTypeList({}).then(res => {
				var PhotoTypeLists = [];
				for (var p = 0; p < res.data.length; p++) {
					PhotoTypeLists.push({
						dictValue: res.data[p].dictValue,
						text: res.data[p].dictLabel
					});
				}
				this.PhotoTypeList = PhotoTypeLists;
			});
		},
		imgClick(val,type, index, childIndex,childIndex1,childIndex2,childIndex3) {
			this.collectionId = val.collectionId + '';
			this.parentCollectionId = val.parentCollectionId + '';
      this.firstCollectionId = val.firstCollectionId;
      this.secondCollectionId = val.secondCollectionId;
			this.indeximg = index;
			this.childIndex = childIndex;
      this.childIndex1 = childIndex1;
      this.childIndex2=childIndex2
      this.childIndex3=childIndex3
      this.pType=type;
			this.show = true;
		},
		newimgarr1(val) {
			this.show = false;
      if(this.pType=='A'||this.pType=="B"){
			var child = false;
			if (this.collectionItemList[this.indeximg].collectionOptionList != null) {
				for (let p = 0; p < this.collectionItemList[this.indeximg].collectionOptionList.length; p++) {
					if (this.collectionItemList[this.indeximg].collectionOptionList[p].collectionItems != undefined) {
						child = true;
					}
				}
			}
			// if(this.collectionItemList[this.indeximg].answerType=="dx"&&this.collectionItemList[this.indeximg].collectionOptionList!=undefined){
			//   if(this.collectionItemList[this.indeximg].collectionOptionList[this.RIndex].collectionItems[this.childIndex].fileInfoList==null||this.collectionItemList[this.indeximg].collectionOptionList[this.RIndex].collectionItems[this.childIndex].fileInfoList==undefined){
			//     this.collectionItemList[this.indeximg].collectionOptionList[this.RIndex].collectionItems[this.childIndex].fileInfoList=[]
			//   }else{
			//     this.collectionItemList[this.indeximg].collectionOptionList[this.RIndex].collectionItems[this.childIndex].fileInfoList.push(val)
			//   }
			// }
			if (child) {
				let childIndex = '';
				for (let child = 0; child < this.collectionItemList[this.indeximg].collectionOptionList.length; child++) {
					if (
						this.collectionItemList[this.indeximg].collectionOptionList[child].collectionItems[this.childIndex]
							.fileInfoList == null ||
						this.collectionItemList[this.indeximg].collectionOptionList[child].collectionItems[this.childIndex]
							.fileInfoList == undefined
					) {
						this.collectionItemList[this.indeximg].collectionOptionList[child].collectionItems[
							this.childIndex
						].fileInfoList = [];
					} else {
						childIndex = child;
					}
				}
				this.collectionItemList[this.indeximg].collectionOptionList[childIndex].collectionItems[
					this.childIndex
				].fileInfoList.push(val);
			} else {
				if (
					this.collectionItemList[this.indeximg].fileInfoList == null ||
					this.collectionItemList[this.indeximg].fileInfoList == undefined
				) {
					this.collectionItemList[this.indeximg].fileInfoList = [];
				}
				this.collectionItemList[this.indeximg].fileInfoList.push(val);
			}
      }else{
       if(this.collectionItemList[this.indeximg].collectionOptionList[this.childIndex1].collectionItems[this.childIndex].collectionOptionList[this.childIndex2].collectionItems[this.childIndex3].fileInfoList==null){
         this.collectionItemList[this.indeximg].collectionOptionList[this.childIndex1].collectionItems[this.childIndex].collectionOptionList[this.childIndex2].collectionItems[this.childIndex3].fileInfoList=[]
       }
        this.collectionItemList[this.indeximg].collectionOptionList[this.childIndex1].collectionItems[this.childIndex].collectionOptionList[this.childIndex2].collectionItems[this.childIndex3].fileInfoList.push(val)
      }
		},
		zSelectVal(value) {
			// for (let aa = 0; aa < this.collectionAnswerlisd.length; aa++) {
			// 	if (this.collectionAnswerlisd[aa].code == value.type) {
			// 		this.collectionAnswerlisd.splice(aa, 1);
			// 		aa--;
			// 	}
			// }
			// for (var a = 0; a < value.value.length; a++) {
			// 	value.value[a].code = value.type;
			// 	value.value[a].answerType = value.answerType;
			// 	value.value[a].collectionType = value.collectionType;
			// 	this.collectionAnswerlisd.push(value.value[a]);
			// }

			if (value.answerType == 'dx') {
				if (value.childIndex4 == 'A') {
					for (
						let op = 0;
						op <
						this.collectionItemList[value.childindex].collectionOptionList[value.childindex1].collectionItems[
							value.childindex2
						].collectionOptionList.length;
						op++
					) {
						if (value.index != op) {
							this.collectionItemList[value.childindex].collectionOptionList[value.childindex1].collectionItems[
								value.childindex2
							].collectionOptionList[op].isCheck = 0;
						}
					}
					this.collectionItemList[value.childindex].collectionOptionList[value.childindex1].collectionItems[
						value.childindex2
					].collectionOptionList[value.index].isCheck = 1;
				}
				if (value.childIndex4 == 'B') {
					// for (let qqw = 0; qqw < this.collectionItemList[value.childindex].collectionOptionList.length; qqw++) {
					// 	for (let aa = 0; aa < this.collectionAnswerlisd.length; aa++) {
					// 		if (
					// 			this.collectionAnswerlisd[aa].parentOptionId ==
					// 			this.collectionItemList[value.childindex].collectionOptionList[qqw].collectionOptionId
					// 		) {
					// 			this.collectionAnswerlisd.splice(aa, 1);
					// 			aa--;
					// 		}
					// 	}
					// }
					// this.collectionItemList[value.childindex].answerValue = value.value[0].collectionOptionId;
					for (let op = 0; op < this.collectionItemList[value.childindex].collectionOptionList.length; op++) {
						if (value.index != op) {
							this.collectionItemList[value.childindex].collectionOptionList[op].isCheck = 0;
						}
					}
					this.RIndex = value.index;
					this.collectionItemList[value.childindex].collectionOptionList[value.index].isCheck = 1;
				}
        if (value.childIndex4 == 'D') {
          // for (let qqw = 0; qqw < this.collectionItemList[value.childindex].collectionOptionList.length; qqw++) {
          // 	for (let aa = 0; aa < this.collectionAnswerlisd.length; aa++) {
          // 		if (
          // 			this.collectionAnswerlisd[aa].parentOptionId ==
          // 			this.collectionItemList[value.childindex].collectionOptionList[qqw].collectionOptionId
          // 		) {
          // 			this.collectionAnswerlisd.splice(aa, 1);
          // 			aa--;
          // 		}
          // 	}
          // }
          // this.collectionItemList[value.childindex].answerValue = value.value[0].collectionOptionId;
        let r5=this.collectionItemList[value.childindex].collectionOptionList[value.childindex1].collectionItems[value.childindex2].collectionOptionList[value.childindex3].collectionItems[value.childindex5].collectionOptionList
          for (let op = 0; op < r5.length; op++) {
            if (value.index != op) {
              r5[op].isCheck=0
            }
          }
          // this.RIndex = value.index;
          r5[value.index].isCheck=1
        }
			}else{
        if(value.level=="A"){
          for (let op = 0; op < this.collectionItemList[value.childindex].collectionOptionList.length; op++) {
            if (value.index != op) {
              this.collectionItemList[value.childindex].collectionOptionList[op].isCheck = 0;
            }
          }
          for (let op = 0; op < this.collectionItemList[value.childindex].collectionOptionList.length; op++) {
            for(let opc=0;opc<value.value.length;opc++){
              if (value.value[opc].collectionOptionId == this.collectionItemList[value.childindex].collectionOptionList[op].collectionOptionId) {
                this.collectionItemList[value.childindex].collectionOptionList[op].isCheck = 1
              }
            }
          }
        }
        if(value.level=="B"){
          var listCData=this.collectionItemList[value.childindex].collectionOptionList[value.childindex1].collectionItems[value.childindex2]
          for (let op = 0; op < listCData.collectionOptionList.length; op++) {
            listCData.collectionOptionList[op].isCheck=0
          }
          for (let op = 0; op < listCData.collectionOptionList.length; op++) {
            for(let opc=0;opc<value.value.length;opc++){
              if (value.value[opc].collectionOptionId == listCData.collectionOptionList[op].collectionOptionId) {
                listCData.collectionOptionList[op].isCheck=1
              }
            }
          }
        }
        if(value.level=="C"){
          var listCData2=this.collectionItemList[value.childindex].collectionOptionList[value.childindex1].collectionItems[value.childindex2].collectionOptionList[value.childindex3].collectionItems[value.childindex4]
          for (let op = 0; op < listCData2.collectionOptionList.length; op++) {
            listCData2.collectionOptionList[op].isCheck=0
          }
          for (let op = 0; op < listCData2.collectionOptionList.length; op++) {
            for(let opc=0;opc<value.value.length;opc++){
              if (value.value[opc].collectionOptionId == listCData2.collectionOptionList[op].collectionOptionId) {
                listCData2.collectionOptionList[op].isCheck=1
              }
            }
          }
        }
      }

		},
		onSubmit() {
			var checkUnManage = 'Y';
			if (this.checked) {
				checkUnManage = 'Y';
			} else {
				checkUnManage = 'N';
			}
			var formData = {
				storeId: this.storeId,
				storeCode: this.$route.query.storeCode,
				storeGroupId: this.storeGroupId,
        projectVisits:1,
				visitsId: this.visitId,
				taskId: this.taskId,
				collectionAnswers: [],
				checkUnManage: checkUnManage
			};

			if (this.$route.query.taskType == 1) {
				// console.log(this.collectionItemList);
				for (var b = 0; b < this.collectionItemList.length; b++) {
					if (this.collectionItemList[b].answerType == 'sz' || this.collectionItemList[b].answerType == 'wb'|| this.collectionItemList[b].answerType == 'tel'|| this.collectionItemList[b].answerType == 'date') {
						formData.collectionAnswers.push({
							collectionId: this.collectionItemList[b].collectionId,
							itemName: this.collectionItemList[b].collectionName,
							collectionType: this.collectionItemList[b].collectionType,
							collectionOptionId: this.collectionItemList[b].collectionOptionList[0].collectionOptionId,
              secondCollectionId: this.collectionItemList[b].secondCollectionId,
              firstCollectionId: this.collectionItemList[b].firstCollectionId,
							answerType: this.collectionItemList[b].answerType,
							answerValue: this.collectionItemList[b].answerValue
						});
					}
          if (this.collectionItemList[b].answerType == 'dx'||this.collectionItemList[b].answerType == 'duox') {
           let onList= this.collectionItemList[b].collectionOptionList
            onList.forEach(item=>{
              if(item.isCheck==1){
                formData.collectionAnswers.push({
                  collectionId: item.collectionId,
                  itemName: item.collectionOption,
                  collectionType: this.collectionItemList[b].collectionType,
                  collectionOptionId: item.collectionOptionId,
                  // parentOptionId: this.collectionAnswerlisd[c].parentOptionId,
                  // parentCollectionId: this.collectionAnswerlisd[c].parentCollectionId,
                  secondCollectionId: item.secondCollectionId,
                  firstCollectionId: item.firstCollectionId,
                  answerType: this.collectionItemList[b].answerType,
                  answerValue: 'Y'
                });
              }
            })
          }
				}
				for (let f = 0; f < this.collectionItemList.length; f++) {
					if (this.collectionItemList[f].answerType == 'dx') {
						var listData = this.collectionItemList[f].collectionOptionList;
						for (let f1 = 0; f1 < listData.length; f1++) {
							var listDatas = listData[f1].collectionItems;
							if (listData[f1].isCheck == '1' && listDatas != undefined&&listDatas!=null) {
								for (let f2 = 0; f2 < listDatas.length; f2++) {
									if (listDatas[f2].answerType == 'sz' || listDatas[f2].answerType == 'wb'|| listDatas[f2].answerType == 'tel'|| listDatas[f2].answerType == 'date') {
										formData.collectionAnswers.push({
											collectionId: listDatas[f2].collectionId,
											itemName: listDatas[f2].collectionName,
											collectionType: listDatas[f2].collectionType,
											collectionOptionId: listDatas[f2].collectionOptionList[0].collectionOptionId,
											answerType: listDatas[f2].answerType,
											answerValue: listDatas[f2].collectionOptionList[0].answerValue,
											parentOptionId: listDatas[f2].parentOptionId,
											parentCollectionId: listDatas[f2].parentCollectionId,
                      secondCollectionId: listDatas[f2].secondCollectionId,
                      firstCollectionId: listDatas[f2].firstCollectionId,
										});
									}
                  if (listDatas[f2].answerType == 'dx'||listDatas[f2].answerType == 'duox') {
                    let onList= listDatas[f2].collectionOptionList
                    onList.forEach(item=>{
                      if(item.isCheck==1){
                        formData.collectionAnswers.push({
                          collectionId: item.collectionId,
                          itemName: item.collectionOption,
                          collectionType: listDatas[f2].collectionType,
                          collectionOptionId: item.collectionOptionId,
                          parentOptionId: item.parentOptionId,
                          parentCollectionId: item.parentCollectionId,
                          secondCollectionId: item.secondCollectionId,
                          firstCollectionId: item.firstCollectionId,
                          answerType: listDatas[f2].answerType,
                          answerValue: 'Y'
                        });
                      }
                    })
                  }
								}
							}
						}
					}
				}
				for (let f = 0; f < this.collectionItemList.length; f++) {
					if (this.collectionItemList[f].answerType == 'dx') {
						let listData = this.collectionItemList[f].collectionOptionList;
						for (let f1 = 0; f1 < listData.length; f1++) {
							let listDatas = listData[f1].collectionItems;
							if (listData[f1].isCheck == '1' && listDatas != undefined&&listDatas!=null) {
								for (let f2 = 0; f2 < listDatas.length; f2++) {
									if (listDatas[f2].answerType == 'dx') {
										let listDatas1 = listDatas[f2].collectionOptionList;
										for (let f11 = 0; f11 < listDatas1.length; f11++) {
											let listDatas2 = listDatas1[f11].collectionItems;
											if (listDatas1[f11].isCheck == '1' && listDatas2 != undefined && listDatas2 != null) {
												for (let f10 = 0; f10 < listDatas2.length; f10++) {
													if (listDatas2[f10].answerType == 'sz' || listDatas2[f10].answerType == 'wb'|| listDatas2[f10].answerType == 'date'|| listDatas2[f10].answerType == 'tel') {
														formData.collectionAnswers.push({
															collectionId: listDatas2[f10].collectionId,
															itemName: listDatas2[f10].collectionName,
															collectionType: listDatas2[f10].collectionType,
															collectionOptionId: listDatas2[f10].collectionOptionList[0].collectionOptionId,
															answerType: listDatas2[f10].answerType,
															answerValue: listDatas2[f10].collectionOptionList[0].answerValue,
															parentOptionId: listDatas2[f10].parentOptionId,
															parentCollectionId: listDatas2[f10].parentCollectionId,
                              secondCollectionId: listDatas2[f10].secondCollectionId,
                              firstCollectionId: listDatas2[f10].firstCollectionId,
														});
													}
                          if (listDatas2[f10].answerType == 'dx'||listDatas2[f10].answerType == 'duox') {
                            let onList= listDatas2[f10].collectionOptionList
                            onList.forEach(item=>{
                              if(item.isCheck==1){
                                formData.collectionAnswers.push({
                                  collectionId: item.collectionId,
                                  itemName: item.collectionOption,
                                  collectionType: listDatas2[f10].collectionType,
                                  collectionOptionId: item.collectionOptionId,
                                  parentOptionId: item.parentOptionId,
                                  parentCollectionId: item.parentCollectionId,
                                  secondCollectionId: item.secondCollectionId,
                                  firstCollectionId: item.firstCollectionId,
                                  answerType: listDatas2[f10].answerType,
                                  answerValue: 'Y'
                                });
                              }
                            })
                          }
												}
											}
										}
									}
								}
							}
						}
					}
				}
				// for (var c = 0; c < this.collectionAnswerlisd.length; c++) {
				// 	formData.collectionAnswers.push({
				// 		collectionId: this.collectionAnswerlisd[c].collectionId,
				// 		itemName: this.collectionAnswerlisd[c].collectionOption,
				// 		collectionType: this.collectionAnswerlisd[c].collectionType,
				// 		collectionOptionId: this.collectionAnswerlisd[c].collectionOptionId,
				// 		parentOptionId: this.collectionAnswerlisd[c].parentOptionId,
				// 		parentCollectionId: this.collectionAnswerlisd[c].parentCollectionId,
				// 		answerType: this.collectionAnswerlisd[c].answerType,
				// 		answerValue: 'Y'
				// 	});
				// }
			} else {
				for (let dy = 0; dy < this.tableData1.length; dy++) {
					if (this.tableData1[dy].xdjhchjj != '') {
						if (
							this.tableData1[dy].xdjhyj == '' ||
							this.tableData1[dy].ygnhj == '' ||
							this.tableData1[dy].xdjhchjj.split('.')[1] == ''
						) {
							this.$dialog.alert({
								title: '系统提示',
								message: '请完善' + this.tableData1[dy].collectionName + '信息或促后竞价格式不正确'
							});
							return false;
						}
					}
					if (this.tableData1[dy].xdjhyj != '') {
						if (this.tableData1[dy].xdjhchjj == '' || this.tableData1[dy].ygnhj == '') {
							this.$dialog.alert({
								title: '系统提示',
								message: '请完善' + this.tableData1[dy].collectionName + '信息'
							});
							return false;
						}
					}
					if (this.tableData1[dy].ygnhj != '') {
						if (this.tableData1[dy].xdjhchjj == '' || this.tableData1[dy].xdjhyj == '') {
							this.$dialog.alert({
								title: '系统提示',
								message: '请完善' + this.tableData1[dy].collectionName + '信息'
							});
							return false;
						}
					}
				}
				for (var d = 0; d < this.tableData1.length; d++) {
					for (var dd = 0; dd < this.tableData1[d].collectionOptionList.length; dd++) {
						if (dd == 0) {
							formData.collectionAnswers.push({
								collectionId: this.tableData1[d].collectionId,
								itemName: this.tableData1[d].collectionName,
								collectionType: 'chanpin',
								collectionOptionId: this.tableData1[d].collectionOptionList[dd].collectionOptionId,
								answerType: 'sz',
								answerValue: this.tableData1[d].xdjhyj
							});
						}
						if (dd == 1) {
							formData.collectionAnswers.push({
								collectionId: this.tableData1[d].collectionId,
								itemName: this.tableData1[d].collectionName,
								collectionType: 'chanpin',
								collectionOptionId: this.tableData1[d].collectionOptionList[dd].collectionOptionId,
								answerType: 'sz',
								answerValue: this.tableData1[d].xdjhchjj
							});
						}
						if (dd == 2) {
							formData.collectionAnswers.push({
								collectionId: this.tableData1[d].collectionId,
								itemName: this.tableData1[d].collectionName,
								collectionType: 'chanpin',
								collectionOptionId: this.tableData1[d].collectionOptionList[dd].collectionOptionId,
								answerType: 'sz',
								answerValue: this.tableData1[d].ygnhj
							});
						}
					}
				}
			}
			if (this.flagclick) {
				this.flagclick = false;
				this.timer = null;
				this.timer = setTimeout(() => {
					this.flagclick = true;
				}, 2000);
        var telVerify=true
        var telName=""
        formData.collectionAnswers.forEach(item=>{
          if(item.answerType=="tel"&&!/^1[3456789]\d{9}$/.test(item.answerValue)&&item.answerValue!=""){
            telVerify=false
            telName=item.itemName+"格式错误"
          }
        })
        if (!telVerify) {
          this.$toast(telName);
        }else{
          addCollectionAnswer(formData).then(res => {
            if (res.code == 200) {
              this.$router.go(-1);
            }else{
              this.$toast(res.msg);
            }
          });
        }
			}
		},
		onClickLeft() {
			this.$router.go(-1);
		}
	}
};
</script>
<style scoped>
.container {
	background-color: white;
}

.van-f-red {
	color: red;
	width: 8px;
	display: inline-block;
	line-height: 26px;
}

.formLabel {
	margin: 0 16px;
	border-bottom: 1px solid #f1f1f1;
}

.formLabel .van-cell {
	padding: 10px 0;
}

.formLabel .van-cell::after {
	border: 0;
}

.formLabel .van-field {
	border: 1px solid #f1f1f1;
	padding: 6px;
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}

.formLabel .van-field__control {
	padding: 0 10px;
}

.formLabel .formLabeltitle {
	position: absolute;
	top: 8px;
}

.lineGrey {
	height: 10px;
	width: 100%;
	background: #f1f1f1;
}

.z-checkbox .van-radio {
	padding: 6px 0;
}

.z-cell .van-cell__title {
	font-size: 16px;
}
</style>
<style>
.table-headermd {
	font-size: 12px;
	text-align: center;
	position: initial;
	width: 98% !important;
	margin: 0 auto;
	border-right: 0;
}

.table-headermd .el-table__header,
.table-headermd .el-table__body {
	width: 100% !important;
}

/*.table-headermd col {width: 6.8rem;}*/
.table-headermd col:nth-child(4) {
	width: 5.6rem;
}

.table-headermd col:nth-child(2),
.table-headermd col:nth-child(3) {
	width: 4.6rem;
}

.table-headermd .van-cell {
	padding: 0 4px;
	height: 100%;
}

.table-headermd th.el-table__cell > .cell {
	padding: 0 4px;
	text-align: center;
}

.table-headermd th.el-table__cell:first-child > .cell {
	text-align: left;
}

.table-headermd th.el-table__cell {
	background-color: #1989fa;
	color: #fff;
}

.table-headermd .el-table__cell {
	padding: 4px 0;
}

.table-headermd.el-table .cell {
	padding: 0;
}

.table-headermd .tipTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.table-headermd::before {
	height: 0;
}

.xing {
	color: red;
	padding-left: 4px;
}

.formLabel .van-radio__label,
.formLabel .van-checkbox__label {
	font-size: 1.4rem;
}

.table-headermd .cell,
.el-table--border .el-table__cell:first-child .cell {
	padding: 0 4px;
}

.van-dialog__confirm,
.van-dialog__confirm:active {
	color: #1989fa;
}

.navBarTOP {
	position: fixed;
	width: 100%;
	z-index: 2;
	top: 0;
}

.isTableMust {
	padding: 4px;
	color: #999;
	margin: 0;
	margin-top: -10px;
}
.mobile-input .van-field__control {
	font-size: 12px;
	color: #999;
	border: 0;
}
.formLabel .mobile-input {
	border: 0 !important;
}
</style>