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[123456789]\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[123456789]\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>