提交

liuwh

2024-09-13 6613c11627b5e0be1629f3784acf0245a8040ea1

 gz-wxparty/pages/register/index.wxml

@@ -6,238 +6,302 @@
<van-toast id="van-toast" />

<common-page bind:onCancelPicker="handleClosePopup" bind:onChangePicker="handleChangeColumns" bind:onClosePopup="handleClosePopup" bind:onConfirmPicker="handleConfirmPicker" popup="{{ popup }}">
  <!-- 步骤条 -->
  <view class="steps">
    <steps stepsActive="{{ stepsActive }}" stepsData="{{ steps }}" stepsType="picture" />
  </view>
  <!-- 未提交前 -->
  <block wx:if="{{ stepsActive !== 2 }}">
    <!-- 填写申请 -->

  <!-- 未提交 -->
  <block wx:if="{{ !saveStatus }}">
    <!-- 步骤条 -->
    <view class="steps">
      <steps stepsActive="{{ stepsActive }}" stepsData="{{ steps }}" stepsType="picture" />
    </view>

    <!-- 填写人员-->
    <block wx:if="{{ stepsActive === 0 }}">
      <!-- 意向调解组织 or 意向调解员 -->
      <view class="card" style="background: linear-gradient(95deg,rgba(173,198,255,0.50) 0%, rgba(214,228,255,0.80) 4%, rgba(214,228,255,0.55) 100%)" wx:if="{{ submitData.wantUserId || submitData.wantUnitId }}">
        <view class="cell">
          <view class="cell-title">意向{{ submitData.wantUserId ? '调解员' : '调解组织' }}</view>
          <view class="cell-select">{{ submitData.wantUserId ? submitData.wantUserName : submitData.wantUnitName }}</view>
          <view bind:tap="handleDeleteWant" class="wantUser-delete second-font">删除</view>
      <view style="padding:24rpx">
        <view wx:for="{{oneList}}" data-item="{{ item }}" data-index="{{ index }}" wx:key="index">
          <view class='one-list' wx:if="{{item.perType==='15_020008-1'||item.perType==='24_00006-1'}}">
            <view bindtap="oneEditPerson" data-item="{{ item }}" data-index="{{ index }}" class="one-list-l green">申请方</view>
            <view bindtap="oneEditPerson" data-item="{{ item }}" data-index="{{ index }}" class="one-list-r">
              <view class="one-list-r-t">
                <view class="one-list-text">{{item.trueName}}</view>
                <view class="one-list-phone">{{item.mobile}}</view>
                <view wx:if="{{item.perType==='24_00006-1'}}" class="one-list-tag">代理人</view>
              </view>
              <view class="one-list-r-b">{{item.perClassName}} | {{item.certiNo}} </view>
            </view>
            <view class="one-list-del">
              <image class="one-list-del-2" src="{{ imgUrl }}del_bg.png" mode="" />
            </view>
            <view class="one-list-del-1" data-index="{{index}}" data-item="{{item}}" bindtap="oneDelPerson">
              <image class="one-list-del-1" src="{{ imgUrl }}del.png" mode="" />
            </view>
          </view>
          <view class='one-list' wx:else>
            <view bindtap="oneEditPerson" data-item="{{ item }}" data-index="{{ index }}" class="one-list-l orange"><text>被申\n请方</text></view>
            <view bindtap="oneEditPerson" data-item="{{ item }}" data-index="{{ index }}" class="one-list-r">
              <view class="one-list-r-t">
                <view class="one-list-text">{{item.trueName}}</view>
                <view class="one-list-phone">{{item.mobile}}</view>
                <view wx:if="{{item.perType==='24_00006-2'}}" class="one-list-tag-orange">代理人</view>
              </view>
              <view class="one-list-r-b">{{item.perClassName}} |{{item.certiNo}}</view>
            </view>
            <view class="one-list-del">
              <image class="one-list-del-2" src="{{ imgUrl }}del_bg.png" mode="" />
            </view>
            <view class="one-list-del-1" data-index="{{index}}" data-item="{{item}}" bindtap="oneDelPerson">
              <image class="one-list-del-1" src="{{ imgUrl }}del.png" mode="" />
            </view>
          </view>
        </view>
        <view class="party-oneAdd">
          <van-button bind:click="oneAddPerson" block custom-style="border: 1px dashed #1a6fb8; color:#1A6FB8" icon="{{ imgUrl }}add.png">添加当事人</van-button>
        </view>
        <view class="submitButton" catch:tap="">
          <view style="flex: 1;">
            <van-button bind:click="handleNext" block data-type="next" type="primary">下一步</van-button>
            <view class="safeHeight" />
          </view>
        </view>
      </view>
      <!-- 纠纷信息 -->
      <view class="card" style="padding-bottom:32rpx">
        <view bindtap="handleShowPopup" class="cell" data-title="纠纷发生地" data-type="location">
          <view class="cell-title">
            纠纷发生地
            <text class="cell-required">（必填）</text>
          </view>
          <view class="{{ !submitData.prov ? 'cell-placeholder' : '' }} cell-select">{{ submitData.prov ? wxs.showLocation(submitData) : '未选择' }}</view>
          <view class="cell-arrow">
            <van-icon name="arrow" />
          </view>
        </view>
        <view class="cell2 cell-noPadding">
          <view class="cell-title-line">纠纷发生地详址</view>
          <van-field bind:change="handleChange" border="{{ false }}" custom-style="padding:0;" data-key="addr" placeholder="填写后优先推荐附近的调解组织" value="{{ submitData.addr }}" />
        </view>
        <view bindtap="handleShowPopup" class="cell cell-noPadding" data-title="纠纷类型" data-type="caseCause">
          <view class="cell-title">纠纷类型</view>
    </block>

    <!-- 描述纠纷 -->
    <view class="page-flex" wx:elif="{{stepsActive === 1}}">
      <view class="popupMsg-form">
        <view bindtap="caseTypeGoPage" data-url="../../pages/caseType/index" class="cell cell-item" data-title="纠纷类型" data-key="certiType" data-type="cardType">
          <view class="cell-title"><text><text class="cell-required">*</text> 纠纷类型</text></view>
          <view class="{{ !submitData.caseTypeName ? 'cell-placeholder' : '' }} cell-select">{{ submitData.caseTypeName ? submitData.caseTypeName : '未选择' }}</view>
          <view class="cell-arrow">
            <van-icon name="arrow" />
          </view>
        </view>
        <block>
          <view class="cell2 cell-noPadding">
            <view class="cell-title-line">
              纠纷描述
              <text class="cell-required">（必填）</text>
            </view>
            <van-field autosize="{{ { maxHeight: 88, minHeight: 22 } }}" bind:change="handleChange" border="{{ false }}" custom-style="padding:0;" data-key="caseDes" placeholder="请简要描述纠纷发生的时间、地点及经过" type="textarea" value="{{ submitData.caseDes }}" />
            <!-- <view class="case">
              <view class="img-case_2">
                <image src="/img/case_1.png" class="img1"></image>
              </view>
              <view>您在纠纷描述中提到了租赁合同，但您并未上传对应材料，请核实并补充对应材料。</view>
            </view> -->
        <view bindtap="handleShowPopup" class="cell cell-item" data-title="纠纷发生时间" data-key="occurTime" data-type="occurTime">
          <view class="cell-title"><text><text class="cell-required">*</text> 纠纷发生时间</text></view>
          <view class="{{ !submitData.occurTimeName ? 'cell-placeholder' : '' }} cell-select">
            {{ submitData.occurTimeName ? submitData.occurTimeName: '未选择' }}
          </view>
          <recording bind:getwords="handleGetWords" bind:onVisible="handleVisibleRecording" data-type="caseDes" />
        </block>
        <block>
          <view class="cell2">
            <view class="cell-title-line">
              调解请求
              <text class="cell-required">（必填）</text>
            </view>
            <van-field autosize="{{ { maxHeight: 88, minHeight: 22 } }}" bind:change="handleChange" bind:focus="handlecaseClaimFocus" border="{{ false }}" custom-style="padding:0;" data-key="caseClaim" placeholder="请逐条描述您的调解请求，如请求1...请求2..." placeholder-style="color: rgba(0, 0, 0, 0.5)" type="textarea" value="{{ submitData.caseClaim }}" />
            <view wx:if="{{tipData.caseList.length}}" class="case">
              <view style="display:'flex'">
                <view class="img-case_2">
                  <image src="/img/case_1.png" class="img1"></image>
                  <view>请参考类案中的请求:</view>
                </view>
                <view>
                  可能不合理或不完整的请求:
                </view>
                <view style="white-space: pre-line;" data-index="{{ index }}" data-item="{{ item }}" wx:for="{{tipData.caseList}}" wx:key="index">{{item}}
                </view>
                <view>
                  类案中的请求:
                </view>
                <view data-index="{{ index }}" data-item="{{ item }}" wx:for="{{tipData.guideList}}" wx:key="index">{{item}}
                </view>
              </view>
            </view>
            <block wx:if="{{showCase}}">
              <view class="caseBox-content" catch:tap="_case">
                <view class="caseBox-dot">类案</view>
                <!--【相似度80.3%】黑山县刘某某与张某某黑山县刘某某与张某某黑山县刘某某与张某某-->
                <view class="caseBox-Item">{{similarity}}{{caseText}}</view>
                <view class="caseBox-arrow">
                  <van-icon name="arrow-down" size="8" wx:if="{{showDetail}}" />
                  <van-icon name="arrow-up" size="8" wx:else />
                </view>

              </view>
              <view wx:if="{{showDetail}}">
                <view style="display:flex;font-size:12px;justify-content: center;">{{caseTitle}}</view>
                <view style="background-color: #fff;font-size: 12px;display: flex;">{{caseText}}</view>
              </view>

            </block>
          </view>
          <recording bind:getwords="handleGetWords" bind:onVisible="handleVisibleRecording" data-type="caseClaim" />
        </block>
      </view>
      <!-- 申请/被申请人信息 -->
      <view class="card" style="padding:16rpx 16rpx 16rpx 32rpx;">
        <!-- 申请人 -->
        <block wx:for="{{ submitData.plaintiffList }}" wx:key="index">
          <view class="party">
            <view class="party-img party-img-shen">申请</view>
            <view bind:tap="handleEditParty" class="party-content" data-edittype="edit" data-formtype="plaintiffList" data-index="{{index}}">
              <view class="party-content-title">
                <view class="party-content-title-name">
                  <ellipsis-text content="{{ item.trueName }}" />
                </view>
                <view class="party-content-title-phone">{{ item.mobile }}</view>
              </view>
              <view class="party-content-subTitle">
                <ellipsis-text content="{{ titleShow[item.perClass][0] }}{{ item.deputy ? ' | ' : '' }}{{ item.deputy || '' }}{{ item.certiNo ? ' | ' : '' }}{{ item.certiNo || '' }}" fontsize="24" />
              </view>
            </view>
            <view bind:tap="handleEditParty" class="party-add second-font" data-formtype="plaintiffList">增加</view>
          </view>
          <!-- 代理人 -->
          <view class="party" wx:if="{{ !!item.agent }}">
            <view class="party-img party-img-shen">申请</view>
            <view bind:tap="handleEditParty" class="party-content" data-agent="{{true}}" data-edittype="edit" data-formtype="plaintiffList" data-index="{{index}}">
              <view class="party-content-title">
                <view class="party-content-title-name">
                  <ellipsis-text content="{{ item.agent.trueName }}" />
                </view>
                <view class="party-content-title-phone">{{ item.agent.mobile }}</view>
                <view class="tag tag-cyan" style="margin-left:12rpx">代理人</view>
              </view>
              <view class="party-content-subTitle">
                <ellipsis-text content="代理对象 | {{ item.trueName }}" fontsize="24" />
              </view>
            </view>
            <view bind:tap="handleEditParty" class="party-add second-font" data-formtype="plaintiffList">增加</view>
          </view>
        </block>
        <!-- 新增申请人button -->
        <block wx:if="{{ submitData.plaintiffList.length === 0 }}">
          <view class="party">
            <view class="party-img party-img-shen">申请</view>
            <view class="party-noneAdd">
              <van-button bind:click="handleEditParty" block custom-style="border: 2rpx dashed rgba(0,0,0,0.20)" data-formtype="plaintiffList" icon="{{ imgUrl }}register-add-party.png">增加申请人信息</van-button>
            </view>
          </view>
        </block>
        <!-- 被申请人 -->
        <block wx:for="{{ submitData.defendantList }}" wx:key="index">
          <view class="party">
            <view class="party-img party-img-bei">被申</view>
            <view bind:tap="handleEditParty" class="party-content" data-edittype="edit" data-formtype="defendantList" data-index="{{index}}">
              <view class="party-content-title">
                <view class="party-content-title-name">
                  <ellipsis-text content="{{ item.trueName }}" />
                </view>
                <view class="party-content-title-phone">{{ item.mobile }}</view>
              </view>
              <view class="party-content-subTitle">
                <ellipsis-text content="{{ titleShow[item.perClass][0] }}{{ item.deputy ? ' | ' : '' }}{{ item.deputy || '' }}{{ item.certiNo ? ' | ' : '' }}{{ item.certiNo || '' }}" fontsize="24" />
              </view>
            </view>
            <view bind:tap="handleEditParty" class="party-add second-font" data-formtype="defendantList">增加</view>
          </view>
          <!-- 代理人 -->
          <view class="party" wx:if="{{ !!item.agent }}">
            <view class="party-img party-img-bei">被申</view>
            <view bind:tap="handleEditParty" class="party-content" data-agent="{{true}}" data-edittype="edit" data-formtype="defendantList" data-index="{{index}}">
              <view class="party-content-title">
                <view class="party-content-title-name">
                  <ellipsis-text content="{{ item.agent.trueName }}" />
                </view>
                <view class="party-content-title-phone">{{ item.agent.mobile }}</view>
                <view class="tag tag-orange" style="margin-left:12rpx">代理人</view>
              </view>
              <view class="party-content-subTitle">
                <ellipsis-text content="代理对象 | {{ item.trueName }}" fontsize="24" />
              </view>
            </view>
            <view bind:tap="handleEditParty" class="party-add second-font" data-formtype="defendantList">增加</view>
          </view>
        </block>
        <!-- 新增被申请人button -->
        <block wx:if="{{ submitData.defendantList.length === 0 }}">
          <view class="party">
            <view class="party-img party-img-bei">被申</view>
            <view class="party-noneAdd">
              <van-button bind:click="handleEditParty" block custom-style="border: 2rpx dashed rgba(0,0,0,0.20)" data-formtype="defendantList" icon="{{ imgUrl }}register-add-party.png">增加被申请人信息</van-button>
            </view>
          </view>
        </block>
      </view>
      <!-- 纠纷材料 -->
      <view class="card">
        <view bindtap="handleGoToMaterial" class="cell" data-title="纠纷发生地" data-type="location">
          <view class="cell-title">纠纷材料</view>
          <view class="{{ !materialNum ? 'cell-placeholder' : '' }} cell-select">{{ materialNum ? materialNum + '份资料' : '未上传' }}</view>
          <view class="cell-arrow">
            <van-icon name="arrow" />
          </view>
        </view>
        <view wx:if="{{!submitData.addr}}" bindtap="openmap" data-url="../../pages/caseType/index" class="cell cell-item" data-title="纠纷发生地" data-type="location">
          <view class="cell-title"><text><text class="cell-required">*</text> 纠纷发生地</text></view>
          <view class="cell-placeholder cell-select">未选择</view>
          <view wx:if="{{!submitData.addr}}" class="cell-arrow">
            <van-icon name="arrow" />
          </view>
        </view>
        <view wx:else class="cell-item" data-title="纠纷发生地" data-type="location">
          <view bindtap="openmap" class="cell-title"><text><text class="cell-required">*</text> 纠纷发生地</text></view>
          <view class="two-addr">
            <view>
              {{submitData.addr}}
            </view>
            <view bindtap="delAddress" class="two-addr-img">
              <image src="{{imgUrl}}address-del.png" mode="" />
            </view>
          </view>
        </view>
        <view class="cell-item">
          <view class="cell-title1">涉及人数（人）</view>
          <view class="cell-select">
            <van-field type='number' bind:change="handleChange" border="{{ false }}" custom-style="padding:0" data-key="peopleNum" input-align="right" placeholder="请填写" value="{{ submitData.peopleNum || '' }}" />
          </view>
        </view>
        <view class="cell-item">
          <view class="cell-title1">涉及金额（元）</view>
          <view class="cell-select">
            <van-field type='number' bind:change="handleChange" border="{{ false }}" custom-style="padding:0" data-key="amount" input-align="right" placeholder="请填写" value="{{ submitData.amount || '' }}" />
          </view>
        </view>
        <view style="height: 16rpx;"></view>
        <block>
          <view class="cell-item">
            <view class="cell-title"><text><text class="cell-required">*</text> 事项概况</text></view>
            <van-field custom-style="padding:0 20rpx;line-height:90rpx" autosize="{{ { maxHeight: 88, minHeight: 88 } }}" bind:change="handleChange" border="{{ false }}" maxlength='2000' data-key="caseDes" placeholder="请完整描述事项概况，应具备5要素：发生时间+发生地点+人物情况+事项起因+事项经过" type="textarea" value="{{ submitData.caseDes }}" />
          </view>
          <view class="textarea-foot">
            <view class="textarea-limit">{{caseDesNum||0}}/2000字</view>
            <view class="textarea-ability">
              <view bindtap="ocrClick" data-keyNum="caseDesNum" data-key="caseDes" class=" textarea-img">
                <image src="{{imgUrl}}imgOcr.png" mode="" />识别图片
              </view>
              <view style="padding: 0 8rpx;">|</view>
              <view bindtap="caseTypeGoPage" data-url="../../pages/speechToText/index?type=caseDes" class="textarea-img">
                <image src="{{imgUrl}}voiceOcr.png" mode="" />语音描述
              </view>
            </view>
          </view>
        </block>
        <view style="height: 16rpx;"></view>
        <block>
          <view class="cell-item">
            <view class="cell-title"><text><text class="cell-required">*</text> 事项申请</text></view>
            <van-field custom-style="padding:0 20rpx;line-height:90rpx" autosize="{{ { maxHeight: 88, minHeight: 88 } }}" bind:change="handleChange" border="{{ false }}" maxlength='500' data-key="caseClaim" placeholder="希望相关部门如何处理，建议分条描述，如请求1，请求2..." type="textarea" value="{{ submitData.caseClaim }}" />
          </view>
          <view class="textarea-foot">
            <view class="textarea-limit">{{caseClaimNum||0}}/500字</view>
            <view class="textarea-ability">
              <view bindtap="ocrClick" data-keyNum="caseClaimNum" data-key="caseClaim" class="textarea-img">
                <image src="{{imgUrl}}imgOcr.png" mode="" />识别图片
              </view>
              <view style="padding: 0 8rpx;">|</view>
              <view bindtap="caseTypeGoPage" data-url="../../pages/speechToText/index?type=caseClaim" class="textarea-img">
                <image src="{{imgUrl}}voiceOcr.png" mode="" />语音描述
              </view>
            </view>
          </view>
        </block>
        <view style="height: 16rpx;"></view>
        <block>
          <view style="padding-left: 32rpx;" bindtap="handleUploadFile" data-id="{{ownerId}}" data-type="22_00018-101" class="cell-item">
            <view class="upload-title">
              事件材料
              <image src="{{imgUrl}}upload-add.png" mode="" />
            </view>
            <view class="upload-text">
              说明：请上传与您的申请事项相关的证据材料，如合同、转账记录、聊天记录、鉴定结果等
            </view>
          </view>
          <view class="fileList" wx:for="{{fileList}}" wx:key="index" data-item="{{item}}" data-index="{{index}}">
            <image class="fileList_img" src="{{imgUrl}}image_1.png" mode="" />
            <view class="flex_1">
              <view style="margin-bottom: 10rpx;">{{item.name}}</view>
              <view style="display: flex;gap:16rpx"><text class="fileList_title">{{item.size}}{{item.unit}}</text><text data-item="{{item}}" data-index="{{index}}" bindtap="handlePreviewImage" class="public-color">预览</text></view>
            </view>
            <image data-id="{{item.id}}" data-type="22_00018-101" data-item="{{item}}" data-index="{{index}}" bindtap="handleDelImage" class="fileList_img_del" src="{{imgUrl}}image_del.png" mode="" />
          </view>
        </block>
      </view>
    </block>
    <!-- 核实申请 -->
    <block wx:if="{{ stepsActive === 1 }}">
      <mediate-detail caseData="{{ submitData }}" materialNum="{{ materialNum }}" pageType="3" />
    </block>
    <!-- 隔离出下层固定dom的高度便于page滚动 -->
    <view class="height-none" catch:tap="_searchCase" />
    <!-- 按钮 -->
    <view class="submitButton" catch:tap="">
      <view style="margin-right: 48rpx;" wx:if="{{ stepsActive === 1 }}">
        <van-button bind:click="handleNext" block custom-class="btn" custom-style="width:240rpx;" data-type="back" type="default">修改</van-button>
      <view class="submitButton" catch:tap="">
        <view style="flex: 1;">
          <view class="two-button">
            <view class="two-button-flex1">
              <van-button color="#1A6FB8" plain bind:click="handleNext" block data-type="back">上一步</van-button>
            </view>
            <view class="two-button-flex2">
              <van-button bind:click="handleNext" block data-type="next" type="primary">下一步</van-button>
            </view>
          </view>
          <view class="safeHeight" />
        </view>
      </view>
      <view style="flex: 1;">
        <van-button bind:click="handleNext" block data-type="next" type="primary">{{ stepsActive === 1 ? '提交' : '预览申请' }}</van-button>
        <view class="safeHeight" />
    </view>

    <!-- 提交申请 -->
    <view class="page-flex" wx:elif="{{stepsActive === 2}}">
      <view class="popupMsg-form">
        <view class="three-tag">
          <van-tabs animated bind:click="threeTagChange" active="{{threeAvtice}}">
            <!-- 人员信息 -->
            <van-tab title="人员信息" name="1">
              <view style="padding:24rpx">
                <view wx:for="{{oneList}}" data-item="{{ item }}" data-index="{{ index }}" wx:key="index">
                  <view class='one-list' wx:if="{{item.perType==='15_020008-1'||item.perType==='24_00006-1'}}">
                    <view class="one-list-l green">申请方</view>
                    <view class="one-list-r">
                      <view class="one-list-r-t">
                        <view class="one-list-text">{{item.trueName}}</view>
                        <view class="one-list-phone">{{item.mobile}}</view>
                        <view wx:if="{{item.perType==='24_00006-1'}}" class="one-list-tag">代理人</view>
                      </view>
                      <view class="one-list-r-b">{{item.perClassName}} | {{item.certiNo}} </view>
                    </view>
                  </view>
                  <view class='one-list' wx:else>
                    <view class="one-list-l orange"><text>被申\n请方</text></view>
                    <view class="one-list-r">
                      <view class="one-list-r-t">
                        <view class="one-list-text">{{item.trueName}}</view>
                        <view class="one-list-phone">{{item.mobile}}</view>
                        <view wx:if="{{item.perType==='24_00006-2'}}" class="one-list-tag-orange">代理人</view>
                      </view>
                      <view class="one-list-r-b">{{item.perClassName}} |{{item.certiNo}}</view>
                    </view>
                  </view>
                </view>
              </view>
            </van-tab>
            <van-tab title="纠纷信息" name="2">
              <view class="three-tag2">
                <view class="cell3">
                  <view class="cell-title-placeholder">纠纷类型</view>
                  <view>{{ submitData.caseTypeName || '-' }}</view>
                </view>
                <view class="cell3">
                  <view class="cell-title-placeholder">纠纷发生时间</view>
                  <view>{{ submitData.occurTimeName || '-' }}</view>
                </view>
                <view class="cell3">
                  <view class="cell-title-placeholder">纠纷发生地点</view>
                  <view>{{ submitData.addr || '-' }}</view>
                </view>
                <view class="cell3">
                  <view class="cell-title-placeholder">涉及人数（人）</view>
                  <view>{{ submitData.peopleNum || '-' }}</view>
                </view>
                <view class="cell3">
                  <view class="cell-title-placeholder">涉及金额（元）</view>
                  <view>{{ submitData.amount || '-' }}</view>
                </view>
                <view class="cell3">
                  <view class="cell-title-placeholder">事项概况</view>
                  <view>{{ submitData.caseDes || '-' }}</view>
                </view>
                <view class="cell3">
                  <view class="cell-title-placeholder">事项申请</view>
                  <view>{{ submitData.caseClaim || '-' }}</view>
                </view>
                <!-- 人工智能提醒 -->
                <!-- <view class="Ai_tip"> -->
                <view class="Ai_tip" wx:if="{{AIData.isClaimRisk===1}}">
                  <view class="Ai_tip_title">{{AIData.analysisProcess||''}}</view>
                  <view class="Ai_tip_line"></view>
                  <view class="Ai_tip_text">内容依据人工智能技术和相关法律数据提供，仅供参考</view>
                </view>
              </view>

            </van-tab>
            <van-tab title="事件材料" name="3">
              <view style="height: 16rpx;">

              </view>
              <view style="padding: 24rpx 32rpx 0; background-color: #fff;" wx:for="{{fileList}}" wx:key="index" data-item="{{item}}" data-index="{{index}}">
                <view class="fileList_border">
                  <image class="fileList_img" src="{{imgUrl}}image_1.png" mode="" />
                  <view class="flex_1">
                    <view style="margin-bottom: 10rpx;">{{item.name}}</view>
                    <view style="display: flex;gap:16rpx"><text class="fileList_title">{{item.size}}{{item.unit}}</text><text data-item="{{item}}" data-index="{{index}}" bindtap="handlePreviewImage" class="public-color">预览</text></view>
                  </view>
                </view>
              </view>
            </van-tab>
          </van-tabs>
        </view>
      </view>
      <view class="submitButton" catch:tap="">
        <view style="flex: 1;">
          <view class="two-button">
            <view class="two-button-flex1">
              <van-button color="#1A6FB8" plain bind:click="handleNext" block data-type="back">上一步</van-button>
            </view>
            <view class="two-button-flex2">
              <van-button bind:click="handleNext" block data-type="next" type="primary">提交申请</van-button>
            </view>
          </view>
          <view class="safeHeight" />
        </view>
      </view>
    </view>
  </block>

  <!-- 已提交 -->
  <block wx:else>
    <view class="success">
      <van-icon color="#07c160" name="checked" size="106rpx" />
      <view class="success-title">申请已经提交</view>
      <view class="success-subTitle">可通过小程序首页<navigator class="success-link" style="display: inline;" url="/pages/myMediate/index">我的调解</navigator>功能跟进调解进度</view>
      <view class="success-NewButton">
        <view class="success-RedButton">
          <navigator url="/pages/myMediate/index" style="color: #fff;font-size: 14px;">我的调解</navigator>
        </view>
      </view>
      <view>
      <van-icon name="{{imgUrl}}success.png" size="200rpx" />
      <view class="success-title">申请已提交</view>
      <view class="success-subTitle">您已成功提交申请，请保持联系方式畅通。您可以通过“穗好办”微信公众号了解处理进度</view>
      <view style="margin-top: 40rpx;">
        <navigator class="success-link" style="display: inline;" url="/pages/homePage/index">返回首页</navigator>
      </view>
      <!-- <view class="success-button">
@@ -245,107 +309,84 @@
         </view> -->
    </view>
  </block>
  <!-- 消息提醒 and 新增当事人form -->
  <van-popup bind:close="handleClosePopupMsg" closeable custom-style="background-color:{{ popupMsg.partyTabActive === '1' ? '#e5e5e5' : '#ffffff'}}" position="bottom" round show="{{ popupMsg.show }}" title="{{ popupMsg.title || '' }}" zIndex="999">
    <view class="popupMsg-draft" wx:if="{{ popupMsg.type === 1 }}">检测到存在过往草稿申请记录，是否为您恢复？</view>
    <!-- 新增当事人form -->
    <view class="popupMsg" wx:else>
      <view class="popupMsg-tab" style="padding-bottom:{{ popupMsg.partyTabActive === '2' ? 0 : undefind }}" wx:if="{{ popupMsg.partyTabActive }}">
        <van-tabs active="{{ popupMsg.partyTabActive }}" bind:click="handleChangeTab" disabled="{{ popupMsg.editType === 'edit' ? true : false }}" line-width="54rpx" nav-class="{{ popupMsg.partyTabActive === '1' ? 'popupMsg-nav-class' : 'popupMsg-nav-class2'}}" tab-active-class="tab-active-class">
          <van-tab name="1" title="当事人" />
          <van-tab name="2" title="代理人" />
        </van-tabs>
      </view>
      <view class="popupMsg-tab-card" wx:if="{{ popupMsg.partyTabActive === '1' }}">
        <view bind:tap="handleChangePerClass" class="popupMsg-tab-card-item {{ popupMsg.data.perClass === item.value ? 'popupMsg-tab-card-item-active' : '' }}" data-index="{{ index }}" data-item="{{ item }}" wx:for="{{ popupMsg.partyArr }}" wx:key="index">
          <view class="popupMsg-tab-card-item-bg" style="border-bottom-left-radius:{{ index === popupMsg.perClassIndex + 1 ? '20rpx' : '0' }};border-bottom-right-radius:{{ index === popupMsg.perClassIndex - 1 ? '20rpx' : '0' }};">{{ item.label }}</view>
        </view>
      </view>
      <view class="popupMsg-form">
        <view class="cell">
          <view class="cell-title">
            {{ titleShow[popupMsg.data.perClass][1] }}
            <text class="cell-required">（必填）</text>
          </view>
          <view class="cell-select">
            <van-field bind:change="handleChange" border="{{ false }}" custom-style="padding:0" data-formtype="popupMsg" data-key="trueName" input-align="right" placeholder="请输入{{ titleShow[popupMsg.data.perClass][2] }}" value="{{ popupMsg.data.trueName || '' }}" />
          </view>
          <view bind:tap="handleVisiblePopupSelect" class="popupMsg-check" data-type="open">选择</view>
        </view>
        <view class="cell cell-noPadding" wx:if="{{ popupMsg.data.perClass !== '09_01001-1' && popupMsg.partyTabActive === '1' }}">
          <view class="cell-title">
            {{ titleShow[popupMsg.data.perClass][3] }}
            <text class="cell-required">（必填）</text>
          </view>
          <view class="cell-select">
            <van-field bind:change="handleChange" border="{{ false }}" custom-style="padding:0" data-formtype="popupMsg" data-key="deputy" input-align="right" placeholder="请输入真实姓名" value="{{ popupMsg.data.deputy || '' }}" />
          </view>
        </view>
        <view class="cell cell-noPadding">
          <view class="cell-title">
            手机号码
            <text wx:if="{{ popupMsg.type === 2 || popupMsg.partyTabActive === '2' }}" class="cell-required">（必填）</text>
          </view>
          <view class="cell-select">
            <van-field bind:change="handleChange" border="{{ false }}" custom-style="padding:0" data-formtype="popupMsg" data-key="mobile" input-align="right" placeholder="请输入常用的手机号码" value="{{ popupMsg.data.mobile || '' }}" />
          </view>
        </view>
        <view class="cell cell-noPadding">
          <view class="cell-title">身份证号码</view>
          <view class="cell-select">
            <van-field bind:change="handleChange" border="{{ false }}" custom-style="padding:0" data-formtype="popupMsg" data-key="certiNo" input-align="right" placeholder="根据调解实名规定，需要填写此项" value="{{ popupMsg.data.certiNo || '' }}" />
          </view>
        </view>
      </view>
      <view class="popupMsg-ocrButton">
        <van-button bind:click="handleOCR" block color="#F2F2F2" custom-style="color:rgba(0,0,0,85)" icon="{{ imgUrl }}camera.png" type="primary">拍照识别身份证</van-button>
      </view>
      <!-- 代理对象 -->
      <view class="popupMsg-agent" wx:if="{{ popupMsg.partyTabActive === '2' }}">
        <view class="cell-title">
          代理对象
          <text class="cell-required">（必填）</text>
        </view>
        <view class="popupMsg-agent-content">
          <view bind:tap="handleSelectAgent" class="popupMsg-agent-item {{ index === popupMsg.partyIndex ? 'popupMsg-agent-item-active' : '' }}" data-index="{{ index }}" wx:for="{{ submitData[popupMsg.type === 2 ? 'plaintiffList' : 'defendantList' ] }}" wx:if="{{ !!item.trueName }}" wx:key="index">
            <view>{{ item.trueName || '无' }}</view>
            <van-icon name="success" wx:if="{{ index === popupMsg.partyIndex }}" />
          </view>
          <block wx:if="{{ submitData[popupMsg.type === 2 ? 'plaintiffList' : 'defendantList' ].length === 0 }}">
            <van-empty class="popupMsg-agent-none" description="尚未添加当事人" />
          </block>
        </view>
      </view>
    </view>
    <view class="popupMsg-button">
      <view style="margin-right:48rpx" wx:if="{{ popupMsg.editType === 'edit' }}">
        <van-button bind:click="handleEditParty" block custom-class="btn btn-white" custom-style="width:240rpx;background-color:#f2f2f2;" data-edittype="delete" type="primary">删除</van-button>
      </view>
      <view style="flex:1">
        <van-button bind:click="handleClickPopupMsg" block type="primary">{{ popupMsg.buttonText }}</van-button>
        <view class="safeHeight" />
      </view>
    </view>
  </van-popup>
  <!-- 选择人员 -->
  <van-popup bind:close="handleVisiblePopupSelect" data-type="close" round show="{{ popupSelect.show }}" zIndex="999">
    <view class="popupSelect">
      <scroll-view scroll-y="{{true}}" style="max-height:600rpx;padding:64rpx 0;">
        <view bind:tap="handleSelectPerson" class="popupSelect-item" data-index="{{ index }}" wx:for="{{ popupSelect.data }}" wx:key="index">
          <view class="popupSelect-item-content">
            <view>{{ item.trueName }}</view>
            <view class="popupSelect-item-content-subTitle">{{ titleShow[item.perClass][0] }}{{ !!item.deputy ? ' | ' : '' }}{{ item.deputy || '' }} | {{ item.mobile }}</view>
          </view>
          <view class="popupSelect-item-icon" wx:if="{{ index === popupSelect.activeIndex }}">
            <van-icon name="success" size="20" />
          </view>
        </view>
        <van-empty description="暂无历史人员数据" wx:if="{{ popupSelect.data.length === 0 }}" />
</common-page>

<!-- 用户须知 -->
<van-popup class="popup-scroll-xz" round show="{{ popupVisible }}" z-index="990">
  <view class="popup-scroll">
    <view style='padding: 32rpx;'>
      <view class="popup-scroll-head">广州解纷码<text class="public-color">用户须知</text></view>
      <scroll-view bindscrolltolower="handlescrolltolower" style="height:980rpx" scroll-y>
        <view>尊敬的用户，您好！</view>
        <view>欢迎使用“广州解纷码”微信小程序，在使用广州解纷码提供的服务之前，请仔细阅读并理解以下条款。一旦您开始使用广州解纷码的服务，即表示您同意遵守以下所有规定：</view>
        <view>1、个人信息保护</view>
        <view>（1）我们承诺尊重并保护您的隐私。我们会按照相关法律法规的规定收集、使用和保护您的个人信息。</view>
        <view>（2）在调解过程中，您提供的个人信息将仅用于解决您所涉及的纠纷，不会用于任何其他目的或被泄露给第三方，除非法律另有要求。</view>
        <view>2、服务范围</view>
        <view>（1）广州解纷码主要提供线上调解服务，包括但不限于在线咨询、申请事项进度查询等。</view>
        <view>（2）平台不提供法律意见或代表任何一方参与法律诉讼过程。</view>
        <view>3、用户行为规范</view>
        <view>（1）用户应当诚实、准确地提供信息，并对所提供信息的真实性负责。</view>
        <view>（2）用户不得上传或传播任何违法、侵犯他人权利的内容。</view>
        <view>（3）用户在使用过程中应遵守国家法律法规和社会公德。</view>
        <view>4、调解程序</view>
        <view>（1）调解过程遵循自愿原则，双方均需同意参与调解才能启动程序。</view>
        <view>（2）调解结果不具备强制执行力，但达成协议后，双方应自觉履行协议内容。</view>
        <view>5、免责声明</view>
        <view>（1）广州解纷码尽力提供准确的信息和服务，但不对调解结果承担任何法律责任。</view>
        <view>（2）如有任何疑问或争议，建议咨询专业法律顾问。</view>
        <view>6、知识产权声明</view>
        <view>（1）广州解纷码的所有内容，包括但不限于文字、图片、音频、视频等，均受著作权法保护。</view>
        <view>（2）未经广州解纷码书面许可，任何人不得复制、转载、改编或以其他方式使用上述内容。 通过点击“同意”按钮或继续使用广州解纷码的服务，即视为接受并同意上述所有条款。如果您不同意上述任何一项内容，将无法使用广州解纷码的相关服务。</view>
      </scroll-view>
      <view class="popupSelect-button">
        <view bind:tap="handleVisiblePopupSelect" class="popupSelect-button-item" data-type="close">取消</view>
        <view bind:tap="handleConfirmPerson" class="popupSelect-button-item">确定</view>
      </view>
    </view>
  </van-popup>
</common-page>
  </view>
  <view class="popup-button">
    <van-button custom-style="border-radius:8px" disabled="{{stepText > 0}}" bind:click="handleAgree" block data-type="agree" round type="primary">
      我已阅读并接受用户须知{{stepText>0?'（'+stepText+'秒）':''}}</van-button>
  </view>
</van-popup>

<!-- 自动添加申请人提醒 -->
<van-popup class="one-add-me-tip" round show="{{ addMePlaintiff }}" z-index="990">
  <view class="one-add-me">
    <view class="one-add-me-title">
      自动添加申请人提醒
    </view>
    <view class="one-add-me-content">
      是否将您自动登记为本次申请方的当事人？
    </view>
    <view class="one-add-me-button">
      <van-button type="primary" bind:click="oneAddMe" block round data-formtype="yes">是</van-button>
      <view bindtap="oneAddMe" data-formtype="no"> 否 </view>
    </view>
  </view>
</van-popup>

<!-- 添加当事人 -->
<van-popup class="one-add-person-tip" bind:close="addClosePopup" data-key='addPerson' round show="{{ addPerson }}" z-index="990">
  <view class="one-add-person">
    <view class="one-add-person-title">添加当事人</view>
    <view class="one-add-person-flex">
      <text class="one-add-person-text">申请方当事人</text>
      <van-button class="one-add-person-button" type="primary" bind:click="oneAddPerson" block data-perTypeName="申请方当事人" data-perType="15_020008-1">添加</van-button>
    </view>
    <view class="one-add-person-flex">
      <text class="one-add-person-text">申请方代理人</text>
      <van-button class="one-add-person-button" type="primary" bind:click="oneAddPerson" block data-perTypeName="申请方代理人" data-perType="24_00006-1">添加</van-button>
    </view>
    <view class="one-add-person-flex">
      <text class="one-add-person-text">被申请方当事人</text>
      <van-button class="one-add-person-button" type="primary" bind:click="oneAddPerson" block data-perTypeName="被申请方当事人" data-perType="15_020008-2">添加</van-button>
    </view>
    <view class="one-add-person-flex">
      <text class="one-add-person-text">被申请方代理人</text>
      <van-button class="one-add-person-button" type="primary" bind:click="oneAddPerson" block data-perTypeName="被申请方代理人" data-perType="24_00006-2">添加</van-button>
    </view>
  </view>
</van-popup>

<!-- 时间选择器 -->
<van-popup position="bottom" bind:close="addClosePopup" data-key='timePicker' show="{{timePicker}}" z-index="990">
  <van-datetime-picker type="date" value="{{ submitData.occurTime}}" data-key='timePicker' bind:confirm="onInput" max-date="{{ maxDate }}" />
</van-popup>