diff --git a/src/router/index.js b/src/router/index.js
index 94b208ba..f89c8f54 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1662,6 +1662,24 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/complaint/indexComplaint'], resolve)
   },
+  {
+    path: '/lawEnforcement/userCaseDetail',
+    name: 'userCaseDetail',
+    meta: {
+      title: '案件审批',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/user/caseDetail'], resolve)
+  },
+  {
+    path: '/lawEnforcement/userCaseList',
+    name: 'userCaseList',
+    meta: {
+      title: '案件审批列表',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/user/caseList'], resolve)
+  },
   {
     path: '/lawEnforcement/schemeDetail',
     name: 'schemeDetail',
diff --git a/src/views/lawEnforcement/case/caseList.vue b/src/views/lawEnforcement/case/caseList.vue
index bb8aed2e..a4acf25f 100644
--- a/src/views/lawEnforcement/case/caseList.vue
+++ b/src/views/lawEnforcement/case/caseList.vue
@@ -409,6 +409,11 @@ export default {
   font-family: Arial;
   font-size: 0.4rem;
   font-weight: normal;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
 }
 /deep/.van-cell__value{
   flex: 0.3;
diff --git a/src/views/lawEnforcement/user/caseDetail.vue b/src/views/lawEnforcement/user/caseDetail.vue
new file mode 100644
index 00000000..4f3d6150
--- /dev/null
+++ b/src/views/lawEnforcement/user/caseDetail.vue
@@ -0,0 +1,2544 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      :title="type == 'waiting' ? '案件审批':'案件详情'"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <van-tabs type="card" :duration="0.2" animated background="transparent" style="border: none;" v-model="caseProgress">
+      <!--      登记-->
+      <van-tab :disabled="0 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 1 <= caseActive , notStarted: 1 > caseActive , ongoing: 0 == caseActive }"
+          >
+            <p>登记</p>
+            <p>
+              <van-icon name="success" v-if="1 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 0"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">登记<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件来源" :value="form.caseSource"/>
+          <van-cell title="关联方案" :value="form.schemeId"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件编号" :value="form.caseNumPart1 + '农' + form.caseNumPart2 + '[' + form.caseNumPart3 + ']' +form.caseNum + '号'"/>
+          <van-cell title="案件名称" :value="form.caseName"/>
+          <van-cell title="登记日期" :value="form.registerDate" right-icon="calendar-o" />
+          <van-cell title="执法类别" :value="form.enforceCategory"/>
+          <van-cell title="当事人类型" :value="form.typeLable"/>
+
+
+          <template v-if="form.type=='1'">
+            <van-cell title="当事人姓名" :value="form.name"/>
+            <van-cell title="性别" :value="form.sex"/>
+            <van-cell title="民族" :value="form.nation" />
+            <van-cell title="出生日期" :value="form.birthday" />
+            <van-cell title="身份证号" :value="form.cardNum" />
+            <van-cell title="工作单位及职务" :value="form.companyPosition" />
+            <van-cell title="所在地区" :value="form.deptId" />
+            <van-cell title="联系电话" :value="form.phone" />
+            <van-cell title="联系地址" :value="form.address" />
+            <van-cell title="统一社会信用代码" :value="form.uniformCode" />
+            <van-cell title="字号名称" :value="form.zihao" />
+          </template>
+
+          <template v-if="form.type=='2'">
+            <van-cell title="企业名称" :value="form.companyName"/>
+            <van-cell title="法人/负责人" :value="form.legalName"/>
+            <van-cell title="所在地区" :value="form.deptId" />
+            <van-cell title="联系地址" :value="form.address" />
+            <van-cell title="联系电话" :value="form.phone" />
+            <van-cell title="统一社会信用代码" :value="form.uniformCode" />
+          </template>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="form.attachement != null" v-model="attachementOption" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+      </van-tab>
+      <!--      勘察-->
+      <van-tab v-show="progressLength>=3" v-if="zhenchaShow" :disabled="1 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 2 <= caseActive , notStarted: 2 > caseActive , ongoing: 1 == caseActive }"
+          >
+            <p>勘察</p>
+            <p>
+              <van-icon name="success" v-if="2 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 1"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">勘察<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件名称" v-model="surveyForm.caseName"/>
+          <van-cell title="关联方案" v-model="surveyForm.schemeId"/>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+              <span class="custom-title">执行人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="10">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in tEnforceCaseHandlerList" :key="index">
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="10">{{item.enforcerName}}</van-col>
+              <van-col :span="10">{{item.enforcerNum}}</van-col>
+            </van-row>
+
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">现场检查<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="勘察开始时间" v-model="surveyForm.surveyStartTime" />
+          <van-cell title="勘察结束时间" v-model="surveyForm.surveyEndTime" />
+          <van-cell title="当事人" v-model="surveyForm.dangshiren"/>
+          <van-cell title="记录人" v-model="surveyForm.recorder"/>
+          <van-cell title="检查(勘察)地点" v-model="surveyForm.surveyAddr"/>
+          <van-cell title="现场检查(勘察)情况" :label="surveyForm.surveyDescription" />
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">询问信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="询问开始时间" v-model="surveyForm.askStartTime"/>
+          <van-cell title="询问结束时间" v-model="surveyForm.askEndTime"/>
+          <van-cell title="询问地点" v-model="surveyForm.askAddr"/>
+          <van-cell title="询问记录人" v-model="surveyForm.askRecorder"/>
+          <van-cell title="被询问人姓名"v-model="surveyForm.askedName"/>
+          <van-cell title="被询问人电话" v-model="surveyForm.askedPhone"/>
+          <van-cell title="身份证号" v-model="surveyForm.idCard"/>
+          <van-cell title="性别" v-model="surveyForm.gender"/>
+          <van-cell title="工作单位" v-model="surveyForm.workCompany" />
+          <van-cell title="职务" v-model="surveyForm.workPosition" />
+          <van-cell title="住址" v-model="surveyForm.address" />
+          <van-cell title="询问问题" :label="surveyForm.question" />
+          <van-cell title="被询问人员证件是否清楚" v-model="surveyForm.isClear == 'Y' ? '是' : '否'" />
+          <van-cell title="是否申请调查人员回避" v-model="surveyForm.isAvoid == 'Y' ? '是' : '否'" />
+          <van-cell title="被询问人回答内容" :label="surveyForm.answer" />
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xccj.png" size="20"></van-icon>
+              <span class="custom-title">现场抽检选项<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="是否现场抽检" v-model="surveyForm.isSpotCheck == 'Y' ? '是' : '否'"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="受理时间" v-model="surveyForm.handleDate" />
+          <van-cell title="受案时间" v-model="surveyForm.shouanDate" />
+          <van-cell title="简要案情及立案（不予立案）理由" :label="surveyForm.reason" />
+          <van-cell title="是否审批" v-model="surveyForm.isApprove == 'Y' ? '是' : '否'"/>
+          <van-cell title="审批程序设置" v-model="surveyForm.surveyResult" />
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="surveyForm.attachement != null" v-model="surveyOption" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+
+        <p class="splcTit">审批流程</p>
+        <div class="main_box2">
+          <van-row v-for="(item,index) in historyList" :key="index">
+            <van-col :span="4">
+              <p class="index">{{index+1}}</p>
+              <div class="indexBorder" :class="{'indexCenter':index==0 ? false : true}">
+                <p class="ssT" v-if="index>0"></p>
+                <p class="yq"></p>
+                <p class="ss" v-if="historyList.length != index+1"></p>
+              </div>
+            </van-col>
+            <van-col :span="20">
+              <van-cell :title="item.activityName" center :border="false">
+                <template #default>
+                  <p style="color: #666666;">{{ item.assigneeName }}</p>
+                </template>
+              </van-cell>
+
+              <van-cell center :border="false">
+                <template #title>
+                  <p style="color: #999999;">{{ item.endTime }}</p>
+                </template>
+                <template #default>
+                  <p style="color: #999999;">{{ item.durationInMillis }}</p>
+                </template>
+              </van-cell>
+
+              <p class="bq">审批意见：{{ item.comment }}</p>
+            </van-col>
+          </van-row>
+        </div>
+
+        <div class="main_box examine_box" v-if="caseActive == 1 && type == 'waiting'">
+          <van-row type="flex" justify="space-between" align="center">
+            <van-col span="5">审批<br/>意见</van-col>
+            <van-col span="19">
+              <van-radio-group v-model="pass" direction="horizontal" @change="radioChange">
+                <van-radio name="true">同意</van-radio>
+                <van-radio name="false">驳回</van-radio>
+              </van-radio-group>
+              <van-field rows="2" autosize v-model="comment" type="textarea" placeholder="审批意见"/>
+            </van-col>
+          </van-row>
+        </div>
+        <div style="margin: 16px 2%;" v-if="caseActive == 1 && type == 'waiting'">
+          <van-row>
+            <van-col span="24" align="center">
+              <van-button type="info" native-type="submit" @click="submitCase" class="submitButtonActive">提交</van-button>
+            </van-col>
+          </van-row>
+          <div class="clear"></div>
+        </div>
+      </van-tab>
+      <!--      立案-->
+      <van-tab v-show="progressLength>=4" v-if="lianShow" :disabled="2 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 3 <= caseActive , notStarted: 3 > caseActive , ongoing: 2 == caseActive }"
+          >
+            <p>立案</p>
+            <p>
+              <van-icon name="success" v-if="3 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 2"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">立案<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件名称" :value="putRecordForm.caseName" />
+          <van-cell title="关联方案" :value="putRecordForm.schemeId" />
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+              <span class="custom-title">办理人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="10">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in tEnforcePutRecordHandlerList" :key="index">
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="10">{{item.enforcerName}}</van-col>
+              <van-col :span="10">{{item.enforcerNum}}</van-col>
+            </van-row>
+
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.png" size="20"></van-icon>
+              <span class="custom-title">查封扣押<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="涉嫌违法行为" :value="putRecordForm.illegalAct" />
+          <van-cell title="处罚依据及内容" :value="putRecordForm.punishContent" />
+          <van-cell title="查封日期" :value="putRecordForm.sealDate" />
+          <van-cell title="查封时效" :value="putRecordForm.sealTimeliness" />
+          <van-cell title="查封天数" :value="putRecordForm.sealDays" />
+          <van-cell title="产品保存地点" :value="selectDictLabel(savePlaceOptions, putRecordForm.savePlace)" />
+          <van-cell title="现场情况" :value="putRecordForm.sceneCondition" />
+          <van-cell title="上诉单位" :value="putRecordForm.appealUnit" />
+          <van-cell title="复议单位" :value="putRecordForm.administrativeDept"  />
+          <van-cell title="诉讼单位" :value="putRecordForm.lawsuitDept"  />
+          <div class="peopleList cf">
+            <van-row>
+              <van-col :span="5">财务名称</van-col>
+              <van-col :span="3">规格</van-col>
+              <van-col :span="3">数量</van-col>
+              <van-col :span="6">生产日期</van-col>
+              <van-col :span="7">生产经营单位</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in tEnforceDetainHandlerList" :key="index">
+              <van-col :span="5">{{item.name}}</van-col>
+              <van-col :span="3">{{item.size}}</van-col>
+              <van-col :span="3">{{item.propertyNum}}</van-col>
+              <van-col :span="6">{{item.productTimeNum}}</van-col>
+              <van-col :span="7">{{item.productUnit}}</van-col>
+            </van-row>
+
+          </div>
+
+          <div class="cf">
+            <van-row>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>证据先行</p>
+                <p>保存通知书</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>查封扣押</p>
+                <p>现场笔录</p>
+              </van-col>
+              <van-col :span="6">
+                <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                <p>查封扣押</p>
+                <p>决定书</p>
+              </van-col>
+              <van-col :span="6"></van-col>
+            </van-row>
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.png" size="20"></van-icon>
+              <span class="custom-title">抽样信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="抽样现场人员" :value="selectDictLabel(samplingSceneOptions, samplingForm.samplingScene)" />
+          <van-cell title="抽样时间" :value="samplingForm.samplingTime" />
+          <van-cell title="抽样地点" :value="samplingForm.samplingPlace" />
+          <van-cell title="联系人" :value="samplingForm.linkman" />
+          <van-cell title="联系电话" :value="samplingForm.linkPhone" />
+
+          <div v-for="(item,index) in tEnforceSamplingGoodsList" :key="index">
+            <van-cell title="物品名称" :value="item.goodsName" />
+            <van-cell title="商标" :value="item.goodsIcon" />
+            <van-cell title="生产单位" :value="item.productUnit" />
+            <van-cell title="厂家确认期限" :value="item.timeliness"  />
+            <van-cell title="产品许可证" :value="item.productLicenseNum"  />
+            <van-cell title="单位许可证" :value="item.unitLicenseNum"  />
+            <van-cell title="生产日期" :value="item.productTimeNum"  />
+            <van-cell title="样品规格" :value="item.specs"  />
+            <van-cell title="样品基数" :value="item.basenum"  />
+            <van-cell title="抽样数量" :value="item.samplingNum"  />
+            <van-cell title="产品确认期限" :value="item.confirmTimeliness"  />
+            <van-cell title="抽样产品附件" />
+            <van-uploader v-if="item.attachement != null" v-model="item.attachementList" multiple :show-upload="false" :deletable="false" />
+            <van-empty v-else description="暂无文件" />
+
+            <div class="cf">
+              <van-row>
+                <van-col :span="6">
+                  <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                  <p>产品确认</p>
+                  <p>通知书</p>
+                </van-col>
+                <van-col :span="6">
+                  <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />
+                  <p>抽样取证</p>
+                  <p>凭证</p>
+                </van-col>
+                <van-col :span="6"></van-col>
+                <van-col :span="6"></van-col>
+              </van-row>
+            </div>
+          </div>
+        </div>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="立案程序" value="一般程序"  />
+          <van-cell title="案件进展" :label="putRecordForm.progressCase"  />
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;margin-bottom: 20PX;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="samplingForm.attachement != null" v-model="samplingOption" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+      </van-tab>
+      <!--      取证-->
+      <van-tab v-show="progressLength>=5" v-if="quzhengShow" :disabled="3 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 4 <= caseActive , notStarted: 4 > caseActive , ongoing: 3 == caseActive }"
+          >
+            <p>取证</p>
+            <p>
+              <van-icon name="success" v-if="4 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 3"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">取证<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件名称" v-model="evidenceForm.caseName"/>
+          <van-cell title="关联方案" v-model="evidenceForm.schemeId"/>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+              <span class="custom-title">办理人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="10">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in tEnforceEvidenceHandlerList" :key="index">
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="10">{{item.enforcerName}}</van-col>
+              <van-col :span="10">{{item.enforcerNum}}</van-col>
+            </van-row>
+
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">检测结果<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div v-for="(item,index) in detectResults" :key="index">
+            <van-cell title="产品名称" v-model="item.goodsName" />
+            <van-cell title="检测报告编号" v-model="item.reportNum" />
+            <van-cell title="质量判定" v-model="item.qualityStatus == '1' ? '合格':'不合格'"/>
+            <van-cell title="检测结果附件" v-model="item.attachement"/>
+            <van-uploader v-if="item.attachement != null" v-model="item.attachementList" multiple :show-upload="false" :deletable="false" />
+            <van-empty v-else description="暂无文件" />
+          </div>
+          <van-cell title="检测结果" v-model="evidenceForm.detectionResult" />
+          <van-cell title="申请复检单位" v-model="evidenceForm.reviewUnit" />
+          <van-cell title="复检时效" v-model="evidenceForm.reviewTime"/>
+          <van-cell title="联系人" v-model="evidenceForm.linkman"/>
+          <van-cell title="联系电话" v-model="evidenceForm.linkPhone"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件调查过程" v-model="evidenceForm.investigationProcess" />
+          <van-cell title="涉嫌违法事实" v-model="evidenceForm.allegedIllegal" />
+          <van-cell title="违反条例" v-model="evidenceForm.violationRegulations" />
+          <van-cell title="处罚依据" v-model="evidenceForm.punishmentBase"/>
+          <van-cell title="证据材料" v-model="evidenceForm.caseDocuments" />
+          <van-cell title="调查结论" v-model="evidenceForm.conclusion" />
+          <van-cell title="处罚决定" :label="evidenceForm.penaltyDecision" />
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="evidenceForm.attachement != null" v-model="evidenceForm.attachementList" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+
+        <p class="splcTit">审批流程</p>
+        <div class="main_box2">
+          <van-row v-for="(item,index) in evidencHistoryList" :key="index">
+            <van-col :span="4">
+              <p class="index">{{index+1}}</p>
+              <div class="indexBorder" :class="{'indexCenter':index==0 ? false : true}">
+                <p class="ssT" v-if="index>0"></p>
+                <p class="yq"></p>
+                <p class="ss" v-if="evidencHistoryList.length != index+1"></p>
+              </div>
+            </van-col>
+            <van-col :span="20">
+              <van-cell :title="item.activityName" center :border="false">
+                <template #default>
+                  <p style="color: #666666;">{{ item.assigneeName }}</p>
+                </template>
+              </van-cell>
+
+              <van-cell center :border="false">
+                <template #title>
+                  <p style="color: #999999;">{{ item.endTime }}</p>
+                </template>
+                <template #default>
+                  <p style="color: #999999;">{{ item.durationInMillis }}</p>
+                </template>
+              </van-cell>
+
+              <p class="bq">审批意见：{{ item.comment }}</p>
+            </van-col>
+          </van-row>
+        </div>
+
+
+        <div class="main_box examine_box" v-if="caseActive == 3 && type == 'waiting'">
+          <van-row type="flex" justify="space-between" align="center">
+            <van-col span="5">审批<br/>意见</van-col>
+            <van-col span="19">
+              <van-radio-group v-model="pass" direction="horizontal" @change="radioChange">
+                <van-radio name="true">同意</van-radio>
+                <van-radio name="false">驳回</van-radio>
+              </van-radio-group>
+              <van-field rows="2" autosize v-model="comment" type="textarea" placeholder="审批意见"/>
+            </van-col>
+          </van-row>
+        </div>
+        <div style="margin: 16px 2%;" v-if="caseActive == 3 && type == 'waiting'">
+          <van-row>
+            <van-col span="24" align="center">
+              <van-button type="info" native-type="submit" @click="submitEvidence" class="submitButtonActive">提交</van-button>
+            </van-col>
+          </van-row>
+          <div class="clear"></div>
+        </div>
+      </van-tab>
+      <!--      处理-->
+      <van-tab v-show="progressLength>=6" v-if="chuliShow" :disabled="4 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 5 <= caseActive , notStarted: 5 > caseActive , ongoing: 4 == caseActive }"
+          >
+            <p>处理</p>
+            <p>
+              <van-icon name="success" v-if="5 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 4"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">处理<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件名称" v-model="treatForm.caseName"/>
+          <van-cell title="关联方案" v-model="treatForm.schemeId"/>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+              <span class="custom-title">办理人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="10">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in tEnforceTreatHandlerList" :key="index">
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="10">{{item.enforcerName}}</van-col>
+              <van-col :span="10">{{item.enforcerNum}}</van-col>
+            </van-row>
+
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">听证<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="是否听证" v-model="treatForm.isHearing == 'Y' ? '是':'否'" />
+          <div v-if="treatForm.isHearing=='Y'">
+            <van-cell title="听证开始时间" v-model="treatForm.hearingStartTime" />
+            <van-cell title="听证结束时间" v-model="treatForm.hearingEndTime" />
+            <van-cell title="听证地点" v-model="treatForm.place"/>
+            <van-cell title="申请人" v-model="treatForm.proposer"/>
+            <van-cell title="法人代表(负责人)" v-model="treatForm.director" />
+            <van-cell title="证件类型" v-model="treatForm.documentType" />
+            <van-cell title="证件号码" v-model="treatForm.documentNumber"/>
+            <van-cell title="联系方式" v-model="treatForm.phoneNumber"/>
+            <van-cell title="通讯地址" v-model="treatForm.postalAddress"/>
+
+            <van-cell title="委托代理人" v-model="treatForm.agent"/>
+            <van-cell title="代理人证件类型" v-model="treatForm.agentDocumentType"/>
+            <van-cell title="代理人证件号码" v-model="treatForm.agentDocumentNumber"/>
+            <van-cell title="代理人联系方式" v-model="treatForm.agentPhoneNumber"/>
+            <van-cell title="代理人通讯地址" v-model="treatForm.agentPostalAddress"/>
+            <van-cell title="听证主持人" v-model="treatForm.hearingHost"/>
+            <van-cell title="听证主持人执法证号" v-model="treatForm.hearingHostNum"/>
+            <van-cell title="听证记录人" v-model="treatForm.hearingRecorder"/>
+            <van-cell title="听证记录人执法证号" v-model="treatForm.hearingRecorderNum"/>
+            <van-cell title="主持听证机关" v-model="treatForm.hearingAuthority"/>
+            <van-cell title="听证记录" :label="treatForm.hearingRecord"/>
+            <van-cell title="听证会报告事项" :label="treatForm.hearingReportMatters"/>
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件处理意见<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件事实及依据" :label="treatForm.caseEvidence" />
+          <van-cell title="裁量依据及理由" :label="treatForm.caseReason" />
+          <van-cell title="陈述申辩或听证情况" :label="treatForm.caseSituation" />
+          <van-cell title="处罚意见" :label="treatForm.caseOpinion"/>
+          <van-cell title="处罚决定" :label="treatForm.caseDecision" />
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="treatForm.attachement != null" v-model="treatForm.attachementList" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+
+        <p class="splcTit">审批流程</p>
+        <div class="main_box2">
+          <van-row v-for="(item,index) in treatHistoryList" :key="index">
+            <van-col :span="4">
+              <p class="index">{{index+1}}</p>
+              <div class="indexBorder" :class="{'indexCenter':index==0 ? false : true}">
+                <p class="ssT" v-if="index>0"></p>
+                <p class="yq"></p>
+                <p class="ss" v-if="treatHistoryList.length != index+1"></p>
+              </div>
+            </van-col>
+            <van-col :span="20">
+              <van-cell :title="item.activityName" center :border="false">
+                <template #default>
+                  <p style="color: #666666;">{{ item.assigneeName }}</p>
+                </template>
+              </van-cell>
+
+              <van-cell center :border="false">
+                <template #title>
+                  <p style="color: #999999;">{{ item.endTime }}</p>
+                </template>
+                <template #default>
+                  <p style="color: #999999;">{{ item.durationInMillis }}</p>
+                </template>
+              </van-cell>
+
+              <p class="bq">审批意见：{{ item.comment }}</p>
+            </van-col>
+          </van-row>
+        </div>
+
+        <div class="main_box examine_box" v-if="caseActive == 4 && type == 'waiting'">
+          <van-row type="flex" justify="space-between" align="center">
+            <van-col span="5">审批<br/>意见</van-col>
+            <van-col span="19">
+              <van-radio-group v-model="pass" direction="horizontal" @change="radioChange">
+                <van-radio name="true">同意</van-radio>
+                <van-radio name="false">驳回</van-radio>
+              </van-radio-group>
+              <van-field rows="2" autosize v-model="comment" type="textarea" placeholder="审批意见"/>
+            </van-col>
+          </van-row>
+        </div>
+        <div style="margin: 16px 2%;" v-if="caseActive == 4 && type == 'waiting'">
+          <van-row>
+            <van-col span="24" align="center">
+              <van-button type="info" native-type="submit" @click="submitTreat" class="submitButtonActive">提交</van-button>
+            </van-col>
+          </van-row>
+          <div class="clear"></div>
+        </div>
+      </van-tab>
+      <!--      裁决-->
+      <van-tab v-show="progressLength>=7" v-if="caijueShow" :disabled="5 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 6 <= caseActive , notStarted: 6 > caseActive , ongoing: 5 == caseActive }"
+          >
+            <p>裁决</p>
+            <p>
+              <van-icon name="success" v-if="6 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 5"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">裁决<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件名称" v-model="decisionForm.caseName"/>
+          <van-cell title="关联方案" v-model="decisionForm.schemeId"/>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+              <span class="custom-title">送达回证人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="10">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in tEnforceDecisionHandlerList" :key="index">
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="10">{{item.enforcerName}}</van-col>
+              <van-col :span="10">{{item.enforcerNum}}</van-col>
+            </van-row>
+
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">送达文书<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="送达文书名称" v-model="decisionForm.deliveryName" />
+          <van-cell title="送达文书编号" v-model="decisionForm.deliveryNum" />
+          <van-cell title="受送达人姓名或名称" v-model="decisionForm.deliveryPersonName"/>
+          <van-cell title="送达单位" v-model="decisionForm.deliveryUnit"/>
+          <van-cell title="送达方式" v-model="decisionForm.deliveryWay" />
+          <van-cell title="送达时间" v-model="decisionForm.deliveryTime" />
+          <van-cell title="送达地点" v-model="decisionForm.deliveryAddress"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">行政处罚<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="缴款时间" v-model="decisionForm.payTime" />
+          <van-cell title="缴款地点" v-model="decisionForm.payAddress" />
+          <van-cell title="上诉部门" v-model="decisionForm.appealDept"/>
+          <van-cell title="行政部门" v-model="decisionForm.administrativeDept"/>
+          <van-cell title="诉讼部门" v-model="decisionForm.lawsuitDept" />
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="备案" label="行政处罚" />
+          <van-cell title="案件当前状态" :label="decisionForm.surveyStatus" />
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="decisionForm.attachement != null" v-model="decisionForm.attachementList" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+      </van-tab>
+      <!--      执行-->
+      <van-tab v-show="progressLength>=8" v-if="zhixingShow" :disabled="6 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 7 <= caseActive , notStarted: 7 > caseActive , ongoing: 6 == caseActive }"
+          >
+            <p>执行</p>
+            <p>
+              <van-icon name="success" v-if="7 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 6"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">执行<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件名称" v-model="executeForm.caseName"/>
+          <van-cell title="关联方案" v-model="executeForm.schemeId"/>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>
+              <span class="custom-title">办理人员<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div class="peopleList">
+            <van-row>
+              <van-col :span="4">序号</van-col>
+              <van-col :span="10">执行人员</van-col>
+              <van-col :span="10">执法证号</van-col>
+            </van-row>
+
+            <van-row v-for="(item,index) in tEnforceExecuteHandlerList" :key="index">
+              <van-col :span="4">{{index+1}}</van-col>
+              <van-col :span="10">{{item.enforcerName}}</van-col>
+              <van-col :span="10">{{item.enforcerNum}}</van-col>
+            </van-row>
+
+          </div>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">处罚催告<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="滞纳罚款日期" v-model="executeForm.fineTime" />
+          <van-cell title="加处罚款金额(元)" v-model="executeForm.fineMoney" />
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="executeForm.attachement != null" v-model="executeForm.attachementList" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+      </van-tab>
+      <!--      备案-->
+      <van-tab v-if="caseActive == 7" :disabled="7 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 8 <= caseActive , notStarted: 8 > caseActive , ongoing: 7 == caseActive }"
+          >
+            <p>备案</p>
+            <p>
+              <van-icon name="success" v-if="8 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 7"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">执行<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件名称" v-model="onrecordForm.caseName"/>
+          <van-cell title="关联方案" v-model="onrecordForm.schemeId"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <div v-if="onrecordForm.recordType=='1'">
+            <van-cell title="备案" value="交办执法" />
+            <van-cell title="交办原因" :label="onrecordForm.assignReason" />
+            <van-divider>交办单位</van-divider>
+            <van-cell title="交办单位" v-model="onrecordForm.assignDept" />
+            <van-cell title="辖区名称" v-model="onrecordForm.regionName" />
+          </div>
+          <div v-if="onrecordForm.recordType=='2'">
+            <van-cell title="备案" value="无违法行为" />
+            <van-cell title="案件结果" v-model="onrecordForm.surveyResult" />
+          </div>
+          <div v-if="onrecordForm.recordType=='3'">
+            <van-cell title="备案" value="刑事追责" />
+            <van-cell title="案件状态" v-model="onrecordForm.caseStatus" />
+            <van-divider>移送信息</van-divider>
+            <van-cell title="移送公安局" v-model="onrecordForm.transferPolice" />
+            <van-cell title="抄送" v-model="onrecordForm.transferCopy" />
+            <van-cell title="联系人" v-model="onrecordForm.contacts" />
+            <van-cell title="联系电话" v-model="onrecordForm.phone" />
+          </div>
+          <div v-if="onrecordForm.recordType=='4'">
+            <van-divider>办理人员</van-divider>
+            <div class="peopleList">
+              <van-row>
+                <van-col :span="4">序号</van-col>
+                <van-col :span="10">执行人员</van-col>
+                <van-col :span="10">执法证号</van-col>
+              </van-row>
+
+              <van-row v-for="(item,index) in tEnforceOnrecordHandlerList" :key="index">
+                <van-col :span="4">{{index+1}}</van-col>
+                <van-col :span="10">{{item.enforcerName}}</van-col>
+                <van-col :span="10">{{item.enforcerNum}}</van-col>
+              </van-row>
+            </div>
+            <van-divider>处罚整改</van-divider>
+            <van-cell title="处罚时间" v-model="onrecordForm.punishStartTime" />
+            <van-cell title="责令整改期限" v-model="onrecordForm.rectifyTime" />
+            <van-cell title="违法事实" v-model="onrecordForm.breakFact" />
+            <van-cell title="处罚依据" v-model="onrecordForm.punishmentBase" />
+            <van-cell title="违反条例" v-model="onrecordForm.punishContent" />
+            <van-cell title="告知事项">
+              <template #label>
+                <p>1、当事人应当对违法行为立即或者在{{onrecordForm.correctDays}}日内予以纠正；</p>
+                <p>2、当事人必须在收到处罚决定书之日起15日内持本决定书到 {{onrecordForm.punishAddress}} 缴纳罚款。逾期不缴纳的,每日按罚款数额的3%加处罚款；</p>
+                <p>3、对本处罚决定不服的，可以在收到本处罚决定书之日起60日内向 {{onrecordForm.peopleGov}} 人民政府或者
+                  {{onrecordForm.reviewGov}} 申请行政复议；或者六个月内向
+                  {{onrecordForm.peopleCourt}} 人民法院提起行政诉讼。
+                </p>
+              </template>
+            </van-cell>
+            <van-cell title="是否当场执行" v-model="onrecordForm.spotExecute" />
+            <van-cell title="其他执行方式" v-model="onrecordForm.executModes" />
+            <van-cell title="拒不改正办法" v-model="onrecordForm.refusalCorrect" />
+            <van-cell title="改正违法行为" v-model="onrecordForm.unillegal" />
+            <van-cell title="联系人" v-model="onrecordForm.contacts" />
+            <van-cell title="联系电话" v-model="onrecordForm.phone" />
+            <van-divider>案件信息</van-divider>
+            <van-cell title="备案" value="简易程序" />
+            <van-cell title="案件结果" v-model="onrecordForm.surveyResult" />
+          </div>
+          <div v-if="onrecordForm.recordType=='5'">
+            <van-cell title="备案" value="违法不予立案" />
+            <van-cell title="案件结果" v-model="onrecordForm.surveyResult" />
+          </div>
+          <div v-if="onrecordForm.recordType=='6'">
+            <van-cell title="备案" value="撤销立案" />
+            <van-cell title="案件结果" v-model="onrecordForm.surveyResult" />
+          </div>
+          <div v-if="onrecordForm.recordType=='7'">
+            <van-cell title="备案" value="不予行政处罚" />
+            <van-cell title="案件结果" v-model="onrecordForm.surveyResult" />
+          </div>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="executeForm.attachement != null" v-model="executeForm.attachementList" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+      </van-tab>
+      <!--      结案-->
+      <van-tab v-if="caseActive == 8" :disabled="8 <= caseActive ? false : true">
+        <template #title>
+          <div
+            :class="{ finish: 9 <= caseActive , notStarted: 9 > caseActive , ongoing: 8 == caseActive }"
+          >
+            <p>结案</p>
+            <p>
+              <van-icon name="success" v-if="9 <= caseActive"/>
+              <van-icon name="circle" v-if="caseActive == 8"/>
+            </p>
+          </div>
+        </template>
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>
+              <span class="custom-title">结案<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="案件名称" :value="endingForm.caseName"/>
+          <van-cell title="关联方案" :value="endingForm.schemeId"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.png" size="20"></van-icon>
+              <span class="custom-title">罚没物品处理<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="执行人" :value="endingForm.executeName"/>
+          <van-cell title="记录人" :value="endingForm.recordName"/>
+          <van-cell title="处理日期" :value="endingForm.dealDate"/>
+          <van-cell title="处理地点" :value="endingForm.dealAddress"/>
+          <van-cell title="处理物品" :value="endingForm.dealGoods"/>
+          <van-cell title="处理来源" :value="endingForm.goodsSource"/>
+          <van-cell title="处理情况" :label="endingForm.dealCondition"/>
+        </div>
+
+        <div class="main_box">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>
+              <span class="custom-title">案件信息<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-cell title="结案" value="已执行"/>
+          <van-cell title="案件结果" :label="endingForm.surveyResult"/>
+          <van-cell title="罚款缴纳类型" :value="endingForm.agingStatus"/>
+
+          <div v-if="endingForm.agingStatus=='1'">
+            <van-cell title="申请时间" :value="endingForm.applyTime"/>
+            <van-cell title="总金额" :value="endingForm.totalMoney"/>
+            <van-cell title="分期缴纳期数" :value="endingForm.agingNum"/>
+            <van-cell title="缴纳时间" :value="endingForm.payTime"/>
+            <van-cell title="每期缴纳金额" :value="endingForm.payMoney"/>
+          </div>
+
+          <div v-if="endingForm.agingStatus=='2'">
+            <van-cell title="申请时间" :value="endingForm.applyTime"/>
+            <van-cell title="缴纳期限时间" :value="endingForm.payDeadline"/>
+          </div>
+        </div>
+
+        <div class="main_box" style="margin-top: 10px;">
+          <van-cell>
+            <template #title>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
+            </template>
+          </van-cell>
+          <van-uploader v-if="endingForm.attachement != null" v-model="endingForm.attachementList" multiple :show-upload="false" :deletable="false" />
+          <van-empty v-else description="暂无文件" />
+        </div>
+      </van-tab>
+    </van-tabs>
+
+  </div>
+</template>
+<script>
+import {
+  getCase ,
+  schemeOptionList ,
+  treeselect ,
+  getSurveyByCaseId ,
+  getputRecordByCaseId ,
+  getSamplingByCaseId ,
+  getEvidenceByCaseId ,
+  getReportByGoodsId ,
+  getEnforcerList ,
+  getTreatByCaseId ,
+  getDecisionByCaseId ,
+  getExecuteByCaseId ,
+  getEndingByCaseId ,
+  progressList ,
+  getOnrecordByCaseId
+} from "@/api/lawEnforcement/index";
+import law from "@/components/common/law_footer";
+import request from "@/utils/request";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      showBankType:false,
+      showPayeeType:false,
+      showPicker:false,
+      form:{},
+      caseProgress:0,
+      caseActive:0,
+
+      bankType:'',
+      payeeType:'',
+      value:'',
+      type:'',
+      progressLength:0,
+
+      zhenchaShow:true,
+      lianShow:true,
+      quzhengShow:true,
+      chuliShow:true,
+      caijueShow:true,
+      zhixingShow:true,
+
+      pass: "true",
+      comment: "同意",
+
+      bankTypeOptions:[],
+      payeeTypeOptions:[],
+      attachementOption:[],
+      savePlaceOptions:[],
+      qualityStatusOptions:[],
+      samplingSceneOptions:[],
+      conclusionOptions:[],
+      minDate: new Date(2020, 0, 1),
+      maxDate: new Date(2025, 10, 1),
+      currentDate: new Date(2021, 0, 17),
+      fileList: [
+        { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },
+        // Uploader 根据文件后缀来判断是否为图片文件
+        // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
+        { url: 'https://cloud-image', isImage: true },
+      ],
+
+      // 勘察表单参数
+      surveyForm: {
+        id: null,
+        caseId: null,
+        surveyStartTime: null,
+        surveyEndTime: null,
+        dangshiren: null,
+        recorder: null,
+        askRecorder: null,
+        surveyAddr: null,
+        surveyDescription: null,
+        isSpotCheck: "N",
+        handleDate: null,
+        reason: null,
+        shouanDate: null,
+        isApprove: "Y",
+        surveyResult: "4",
+        askStartTime: null,
+        askEndTime: null,
+        askAddr: null,
+        recorder: null,
+        askedName: null,
+        askedPhone: null,
+        handleDate: null,
+        idCard: null,
+        gender: "1",
+        workCompany: null,
+        workPosition: null,
+        address: null,
+        question: null,
+        answer: null,
+        isClear: "Y",
+        isAvoid: "N",
+        attachement: null,
+        applyUserId: null,
+        applyUserName: null,
+        applyTime: null,
+        instanceId: null,
+        processKey: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        caseName: "",
+        schemeId: "",
+      },
+
+      // 立案表单参数
+      putRecordForm: {
+        id: null,
+        caseId: null,
+        illegalAct: null,
+        punishContent: null,
+        sealDate: null,
+        sealDays: null,
+        sealTimeliness: null,
+        savePlace: "1",
+        savePlaceAddress: null,
+        sceneCondition: null,
+        appealUnit: null,
+        progressCase: null,
+        attachement: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        caseName: "",
+        schemeId: "",
+      },
+      //勘察表单参数
+      samplingForm:{
+        id: null,
+        caseId: null,
+        samplingType: '2', // 此为立案页面,type默认为2立案抽样
+        samplingScene: '1',
+        samplingTime: null,
+        samplingPlace: null,
+        linkman: null,
+        linkPhone: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      },
+      // 取证表单参数
+      evidenceForm: {
+        id: null,
+        caseId: null,
+        detectionResult: null,
+        reviewUnit: null,
+        reviewTime: null,
+        linkman: null,
+        linkPhone: null,
+        investigationProcess: null,
+        allegedIllegal: null,
+        violationRegulations: null,
+        punishmentBase: null,
+        caseDocuments: null,
+        conclusion: "1",
+        penaltyDecision: null,
+        attachement: null,
+        applyUserId: null,
+        applyUserName: null,
+        applyTime: null,
+        instanceId: null,
+        processKey: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      },
+      // 检测报告表单参数
+      reportForm: {
+        id: null,
+        goodsId: null,
+        reportNum: null,
+        qualityStatus: null,
+        attachement: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      },
+      // 处理表单参数
+      treatForm: {
+        id: null,
+        caseId: null,
+        isHearing: "Y",
+        hearingStartTime: null,
+        hearingEndTime: null,
+        place: null,
+        proposer: null,
+        director: null,
+        documentType: null,
+        documentNumber: null,
+        phoneNumber: null,
+        postalAddress: null,
+        agent: null,
+        agentDocumentType: null,
+        agentDocumentNumber: null,
+        agentPhoneNumber: null,
+        agentPostalAddress: null,
+        hearingHost: null,
+        hearingHostNum: null,
+        hearingRecorder: null,
+        hearingRecorderNum: null,
+        hearingAuthority: null,
+        hearingRecord: null,
+        hearingReportMatters: null,
+        caseEvidence: null,
+        caseReason: null,
+        caseSituation: null,
+        caseOpinion: "1",
+        caseDecision: null,
+        attachement: null,
+        applyUserId: null,
+        applyUserName: null,
+        applyTime: null,
+        instanceId: null,
+        processKey: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        caseName: "",
+        schemeId: "",
+      },
+      // 裁决表单参数
+      decisionForm: {
+        id: null,
+        caseId: null,
+        deliveryName: null,
+        deliveryNum: null,
+        deliveryPersonName: null,
+        deliveryUnit: null,
+        deliveryWay: null,
+        deliveryTime: null,
+        deliveryAddress: null,
+        payTime: null,
+        payAddress: null,
+        appealDept: null,
+        administrativeDept: null,
+        lawsuitDept: null,
+        surveyStatus: null,
+        attachement: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        caseName: "",
+        schemeId: "",
+      },
+      // 执行表单参数
+      executeForm: {
+        id: null,
+        caseId: null,
+        fineTime: null,
+        fineMoney: null,
+        attachement: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        caseName: "",
+        schemeId: "",
+      },
+      // 结案表单参数
+      endingForm: {
+        id: null,
+        caseId: null,
+        executeName: null,
+        recordName: null,
+        dealDate: null,
+        dealAddress: null,
+        dealGoods: null,
+        goodsSource: null,
+        dealCondition: null,
+        surveyResult: null,
+        agingStatus: "3",
+        applyTime: null,
+        totalMoney: null,
+        agingNum: null,
+        payTime: null,
+        payMoney: null,
+        payDeadline: null,
+        attachement: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        caseName: "",
+        schemeId: "",
+      },
+      // 备案表单参数
+      onrecordForm: {
+        id: null,
+        caseId: null,
+        surveyResult: null,
+        recordType: null,
+        punishStartTime: null,
+        rectifyTime: null,
+        breakFact: null,
+        punishmentBase: null,
+        punishContent: null,
+        correctDays: null,
+        punishAddress: null,
+        peopleGov: null,
+        reviewGov: null,
+        peopleCourt: null,
+        spotExecute: "0",
+        executModes: null,
+        refusalCorrect: null,
+        unillegal: null,
+        assignReason: null,
+        assignDept: null,
+        regionName: null,
+        caseStatus: "0",
+        transferPolice: null,
+        transferCopy: null,
+        contacts: null,
+        phone: null,
+        attachement: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      },
+      // 办理人员列表
+      tEnforceCaseHandlerList: [],
+      tEnforcePutRecordHandlerList: [],
+      tEnforceSamplingGoodsList: [],
+      tEnforceDetainHandlerList: [],
+      tEnforceEvidenceHandlerList: [],
+      tEnforceTreatHandlerList: [],
+      tEnforceDecisionHandlerList: [],
+      tEnforceExecuteHandlerList: [],
+      tEnforceOnrecordHandlerList: [],
+      getDecisionByCaseId: [],
+      historyList: [],
+      evidencHistoryList: [],
+      treatHistoryList: [],
+      // 检测结果数据
+      detectResults: [],
+      decisionEnforcers: [],
+      executeEnforcers: [],
+      endingEnforcers: [],
+      treatEnforcers: [],
+      surveyOption: [],
+      samplingOption: [],
+      putRecordOption: [],
+      documentTypeOptions: [],
+      agingStatusOptions: [],
+
+      // 案件执法进度 1:登记 2:勘察 3:立案 4:取证 5:处理 6:裁决 7:执行 8:备案 9:结案字典
+      caseProgressOptions: [],
+      successActive:0, // 当前节点的前一个已完成节点
+      active: 1,  // 当前节点
+    };
+  },
+
+  created() {
+    this.caseProgress = parseInt(this.$route.query.caseProgress)-1;
+    this.caseActive = parseInt(this.$route.query.caseProgress)-1 ;
+    // if (parseInt(this.$route.query.caseProgress)>7){
+    //   this.caseProgress = 7;
+    //   this.caseActive = 7 ;
+    // }else{
+    //   this.caseProgress = parseInt(this.$route.query.caseProgress)-1;
+    //   this.caseActive = parseInt(this.$route.query.caseProgress)-1 ;
+    // }
+    this.type = this.$route.query.type;
+    console.log(this.caseProgress)
+    this.getDicts("case_source").then(response => {
+      this.caseSourceOptions = response.data;
+    });
+    this.getDicts("enforce_body_type").then(response => {
+      this.typeOptions = response.data;
+    });
+    this.getDicts("sex").then(response => {
+      this.sexOptions = response.data;
+    });
+    this.getDicts("nationality").then(response => {
+      this.nationOptions = response.data;
+    });
+    this.getDicts("case_status").then(response => {
+      this.caseStatusOptions = response.data;
+    });
+    // this.getDicts("case_node").then(response => {
+    //   this.caseProgressOptions = response.data;
+    // });
+    this.getDicts("enforce_category").then(response => {
+      this.enforceCategoryOptions = response.data;
+    });
+    this.getDicts("approve_type").then(response => {
+      this.surveyResultOptions = response.data;
+    });
+    this.getDicts("goods_location").then(response => {
+      this.savePlaceOptions = response.data;
+    });
+    this.getDicts("sampling_person_type").then(response => {
+      this.samplingSceneOptions = response.data;
+    });
+    this.getDicts("quality_type").then(response => {
+      this.qualityStatusOptions = response.data;
+    });
+    this.getDicts("conclusion_type").then(response => {
+      this.conclusionOptions = response.data;
+    });
+    this.getDicts("cert_type").then(response => {
+      this.documentTypeOptions = response.data;
+    });
+    this.getDicts("aging_status").then(response => {
+      this.agingStatusOptions = response.data;
+    });
+    // 关联方案下拉框
+    var schemeQueryParam = {
+      applyStatus: "1"
+    };
+    schemeOptionList(schemeQueryParam).then((response) => {
+      console.log(response)
+      this.schemeOptions = response.data;
+      this.getInformation();
+    });
+
+
+
+    // treeselect().then((response) => {
+    //   this.deptOptions = response.data;
+    // });
+
+  },
+  methods: {
+    /** 保存审批意见提交 */
+    submitCase() {
+      const data = {
+        taskId: this.surveyForm.taskId,
+        instanceId: this.surveyForm.instanceId,
+        variables: JSON.stringify({
+          comment: this.comment,
+          pass: this.pass,
+          //"formData": this.row,
+        }),
+      };
+      return request({
+        url: "/activiti/process/complete",
+        method: "post",
+        params: data,
+      }).then((response) => {
+        if (response.code == 200 && response.msg == "操作成功") {
+          this.$notify({ type: 'success' , message: "操作成功" });
+          setTimeout(function () {
+            history.back(-1);
+          },1000)
+        } else {
+          this.$notify({ type: 'danger' , message: "操作失败" });
+        }
+      });
+    },
+    /** 保存审批意见提交 */
+    submitEvidence() {
+      const data = {
+        taskId: this.evidenceForm.taskId,
+        instanceId: this.evidenceForm.instanceId,
+        variables: JSON.stringify({
+          comment: this.comment,
+          pass: this.pass,
+          //"formData": this.row,
+        }),
+      };
+      return request({
+        url: "/activiti/process/complete",
+        method: "post",
+        params: data,
+      }).then((response) => {
+        if (response.code == 200 && response.msg == "操作成功") {
+          this.$notify({ type: 'success' , message: "操作成功" });
+          setTimeout(function () {
+            history.back(-1);
+          },1000)
+        } else {
+          this.$notify({ type: 'danger' , message: "操作失败" });
+        }
+      });
+    },
+    /** 保存审批意见提交 */
+    submitTreat() {
+      const data = {
+        taskId: this.treatForm.taskId,
+        instanceId: this.treatForm.instanceId,
+        variables: JSON.stringify({
+          comment: this.comment,
+          pass: this.pass,
+          //"formData": this.row,
+        }),
+      };
+      return request({
+        url: "/activiti/process/complete",
+        method: "post",
+        params: data,
+      }).then((response) => {
+        if (response.code == 200 && response.msg == "操作成功") {
+          this.$notify({ type: 'success' , message: "操作成功" });
+          setTimeout(function () {
+            history.back(-1);
+          },1000)
+        } else {
+          this.$notify({ type: 'danger' , message: "操作失败" });
+        }
+      });
+    },
+    getInformation(){
+      getCase(this.$route.query.id).then(response => {
+        console.log(response)
+        response.data.caseSource = this.selectDictLabel(this.caseSourceOptions, response.data.caseSource);
+        response.data.schemeId = this.selectDictScheme(this.schemeOptions, response.data.schemeId);
+        response.data.typeLable = this.selectDictLabel(this.typeOptions, response.data.type);
+        response.data.sex = this.selectDictLabel(this.sexOptions, response.data.sex);
+        response.data.nation = this.selectDictLabel(this.nationOptions, response.data.nation);
+        if (response.data.attachement){
+          var attachement = response.data.attachement.split( "," );
+          attachement.forEach(res=>{
+            this.attachementOption.push({
+              url:res
+            });
+          })
+        }
+
+        // response.data.deptId = this.selectDictDeptId(this.deptOptions, response.data.deptId);
+        this.form = response.data;
+        this.progressSpeed()
+        // if (this.caseActive == 7){//判断是否为备案
+        //
+        // }else{
+        //   if( this.caseActive >= 1 ){//勘察
+        //     console.log("勘察")
+        //     this.caseSurvey();
+        //   }
+        //   if( this.caseActive >= 2 ){//立案
+        //     console.log("立案")
+        //     this.getFileCase();
+        //   }
+        //   if( this.caseActive >= 3 ){//取证
+        //     console.log("取证")
+        //     this.getEvidenceCase();
+        //   }
+        //   if( this.caseActive >= 4 ){//处理
+        //     console.log("处理")
+        //     this.getTreat();
+        //   }
+        //   if( this.caseActive >= 5 ){//裁决
+        //     console.log("裁决")
+        //     this.getDecision();
+        //   }
+        //   if( this.caseActive >= 6 ){//执行
+        //     console.log("执行")
+        //     this.getExecuteCase();
+        //   }
+        //   if( this.caseActive >= 7 ){//备案
+        //     console.log("备案")
+        //     this.getOnrecord();
+        //   }
+        //   if( this.caseActive >= 8 ){//结案
+        //     console.log("结案")
+        //     this.getEndingForm();
+        //   }
+        // }
+      });
+    },
+    //勘察表单查询
+    caseSurvey(){
+      // 查询勘察表单数据
+      var _this = this;
+      if (this.form.id != null && this.form.id != "") {
+        this.surveyForm.caseId = this.form.id;
+        getSurveyByCaseId(this.form.id).then(responseSurvey => {
+          console.log(responseSurvey)
+          if (responseSurvey.data != undefined) {
+            _this.surveyForm = responseSurvey.data;
+            _this.instanceId = responseSurvey.data.instanceId;
+            _this.tEnforceCaseHandlerList = responseSurvey.data.tEnforceCaseHandlerList;
+          }
+          if (responseSurvey.data.attachement){
+            var attachement = responseSurvey.data.attachement.split( "," );
+            attachement.forEach(response=>{
+              this.surveyOption.push({
+                url:response
+              });
+            })
+          }
+          _this.surveyForm.gender = this.selectDictLabel(this.sexOptions, _this.surveyForm.gender);
+          _this.surveyForm.surveyResult = this.selectDictLabel(this.surveyResultOptions, _this.surveyForm.surveyResult);
+          _this.surveyForm.caseName = this.form.caseName;
+          _this.surveyForm.schemeId = this.form.schemeId;
+          // 查询审批历史记录
+          _this.getHistoryList(_this.surveyForm,'');
+        });
+      }
+    },
+
+    //查询立案表单数据
+    getFileCase(){
+      var _this = this;
+      if(this.form.id != null && this.form.id !=""){
+        this.putRecordForm.caseId = this.form.id;
+        getputRecordByCaseId(_this.form.id).then(responsePutRecord => {
+          getSamplingByCaseId(_this.form.id).then(responseSampling => {
+            if(responsePutRecord.data != undefined){
+              _this.putRecordForm = responsePutRecord.data;
+              _this.tEnforcePutRecordHandlerList = responsePutRecord.data.tEnforceCaseHandlerList;
+              _this.tEnforceDetainHandlerList = responsePutRecord.data.tEnforceDetainHandlerList;
+            }
+            if(responseSampling.data != undefined) {
+              _this.samplingForm = responseSampling.data;
+              _this.tEnforceSamplingGoodsList = responseSampling.data.tEnforceSamplingGoodsList;
+
+              for (var i = 0 ; i < responseSampling.data.tEnforceSamplingGoodsList.length ; i++){
+                if (responseSampling.data.tEnforceSamplingGoodsList[i].attachement){
+                  responseSampling.data.tEnforceSamplingGoodsList[i].attachementList = [];
+                  var Sampling = responseSampling.data.tEnforceSamplingGoodsList[i].attachement.split( "," );
+                  Sampling.forEach(response=>{
+                    responseSampling.data.tEnforceSamplingGoodsList[i].attachementList.push({
+                      url:process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API + response,
+                    });
+                  })
+                }
+              }
+              console.log(responseSampling.data.tEnforceSamplingGoodsList)
+            }
+            if (responsePutRecord.data.attachement){
+              var attachement = responsePutRecord.data.attachement.split( "," );
+              attachement.forEach(response=>{
+                this.samplingOption.push({
+                  url:process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API + response,
+                });
+              })
+            }
+            _this.putRecordForm.caseName = this.form.caseName;
+            _this.putRecordForm.schemeId = this.form.schemeId;
+          });
+        });
+      }
+    },
+
+    //查询取证表单数据
+    getEvidenceCase(){
+      var _this = this;
+      if (this.form.id != null && this.form.id != "") {
+        this.evidenceForm.caseId = this.form.id;
+        getEvidenceByCaseId(this.form.id).then(responseEvidence => {
+          getSamplingByCaseId(this.form.id).then(responseSampling => {
+            for (var i = 0; i < responseSampling.data.tEnforceSamplingGoodsList.length; i++) {
+              let goodsId = responseSampling.data.tEnforceSamplingGoodsList[i].id;
+              let goodsName = responseSampling.data.tEnforceSamplingGoodsList[i].goodsName;
+              getReportByGoodsId(goodsId).then(responseReport => {
+                console.log(responseReport)
+                if (responseReport.data != undefined) {
+                  responseReport.data.goodsId = goodsId;
+                  responseReport.data.goodsName = goodsName;
+                  responseReport.data.attachementList = [];
+
+                  _this.detectResults.push(responseReport.data);
+                } else {
+                  var goodsObj = {
+                    "goodsId": goodsId,
+                    "goodsName": goodsName
+                  };
+                  _this.detectResults.push(goodsObj);
+                }
+              });
+            }
+            if (responseEvidence.data != undefined) {
+              responseEvidence.data.attachementList = [];
+
+              responseEvidence.data.conclusion = this.selectDictLabel(this.conclusionOptions,responseEvidence.data.conclusion)
+
+              _this.evidenceForm = responseEvidence.data;
+              _this.tEnforceEvidenceHandlerList = responseEvidence.data.tEnforceCaseHandlerList;
+              console.log(responseEvidence.data)
+              if (responseEvidence.data.attachement){
+                var Evidence = responseEvidence.data.attachement.split( "," );
+                Evidence.forEach(response=>{
+                  responseEvidence.data.attachementList.push({
+                    url:process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API + response,
+                  });
+                })
+              }
+            }
+            setTimeout(function () {
+              for (var i = 0 ; i < responseSampling.data.tEnforceSamplingGoodsList.length ; i++){
+                console.log(_this.detectResults[0])
+                if (responseSampling.data.tEnforceSamplingGoodsList[i].attachement){
+                  var Sampling = responseSampling.data.tEnforceSamplingGoodsList[i].attachement.split( "," );
+                  Sampling.forEach(response=>{
+                    _this.detectResults[i].attachementList.push({
+                      url:process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API + response,
+                    });
+                  })
+                }
+              }
+            },1000)
+            _this.evidenceForm.caseName = this.form.caseName;
+            _this.evidenceForm.schemeId = this.form.schemeId;
+            // 查询审批历史记录
+            _this.getHistoryList(this.evidenceForm,'evidence');
+          });
+        });
+      }
+    },
+
+    //查询处理表单数据
+    getTreat(){
+      // 执行人员列表查询
+      getEnforcerList().then(response => {
+        const data = response.enforcerList;
+        for (let i = 0; i < data.length; i++) {
+          const res = {
+            enforcerId: data[i].id,
+            enforcerName: data[i].name,
+            enforcerNum: data[i].enforceNum,
+            value: data[i].name,
+          };
+          this.treatEnforcers.push(res);
+        }
+      });
+      // 查询处理表单数据
+      var _this = this;
+      if (this.form.id != null && this.form.id != "") {
+        this.treatForm.caseId = this.form.id;
+        getTreatByCaseId(this.form.id).then(responseTreat => {
+          console.log(responseTreat)
+          if (responseTreat.data != undefined) {
+            responseTreat.data.attachementList = [];
+            responseTreat.data.documentType = this.selectDictLabel(this.documentTypeOptions,responseTreat.data.documentType)
+            responseTreat.data.agentDocumentType = this.selectDictLabel(this.documentTypeOptions,responseTreat.data.agentDocumentType)
+            _this.treatForm = responseTreat.data;
+            _this.tEnforceTreatHandlerList = responseTreat.data.tEnforceCaseHandlerList;
+
+            if (responseTreat.data.attachement){
+              var Treat = responseTreat.data.attachement.split( "," );
+              Treat.forEach(response=>{
+                responseTreat.data.attachementList.push({
+                  url:process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API + response,
+                });
+              })
+            }
+          }
+          _this.treatForm.caseName = this.form.caseName;
+          _this.treatForm.schemeId = this.form.schemeId;
+
+          // 查询审批历史记录
+          _this.getHistoryList(_this.treatForm,'treat');
+        });
+      }
+    },
+
+    //查询裁决表单数据
+    getDecision(){
+      // 执行人员列表查询
+      getEnforcerList().then(response => {
+        const data = response.enforcerList;
+        for (let i = 0; i < data.length; i++) {
+          const res = {
+            enforcerId: data[i].id,
+            enforcerName: data[i].name,
+            enforcerNum: data[i].enforceNum,
+            value: data[i].name,
+          };
+          this.decisionEnforcers.push(res);
+        }
+      });
+      // 查询裁决表单数据
+      var _this = this;
+      if (this.form.id != null && this.form.id != "") {
+        this.decisionForm.caseId = this.form.id;
+        getDecisionByCaseId(this.form.id).then(responseDecision => {
+          if (responseDecision.data != undefined) {
+            console.log(responseDecision)
+            responseDecision.data.attachementList = [];
+            _this.decisionForm = responseDecision.data;
+            _this.tEnforceDecisionHandlerList = responseDecision.data.tEnforceCaseHandlerList;
+
+            if (responseDecision.data.attachement){
+              var Treat = responseDecision.data.attachement.split( "," );
+              Treat.forEach(response=>{
+                responseDecision.data.attachementList.push({
+                  url:process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API + response,
+                });
+              })
+            }
+          }
+          _this.decisionForm.caseName = this.form.caseName;
+          _this.decisionForm.schemeId = this.form.schemeId;
+        });
+      }
+    },
+
+    //查询执行表单数据
+    getExecuteCase(){
+      // 执行人员列表查询
+      getEnforcerList().then(response => {
+        const data = response.enforcerList;
+        for (let i = 0; i < data.length; i++) {
+          const res = {
+            enforcerId: data[i].id,
+            enforcerName: data[i].name,
+            enforcerNum: data[i].enforceNum,
+            value: data[i].name,
+          };
+          this.executeEnforcers.push(res);
+        }
+      });
+
+      // 查询执行表单数据
+      var _this = this;
+      if (this.form.id != null && this.form.id != "") {
+        this.executeForm.caseId = this.form.id;
+        getExecuteByCaseId(this.form.id).then(responseExecute => {
+          if (responseExecute.data != undefined) {
+            responseExecute.data.attachementList = [];
+            _this.executeForm = responseExecute.data;
+            _this.tEnforceExecuteHandlerList = responseExecute.data.tEnforceCaseHandlerList;
+
+            if (responseExecute.data.attachement){
+              var Execute = responseExecute.data.attachement.split( "," );
+              Execute.forEach(response=>{
+                responseExecute.data.attachementList.push({
+                  url:process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API + response,
+                });
+              })
+            }
+          }
+          _this.executeForm.caseName = this.form.caseName;
+          _this.executeForm.schemeId = this.form.schemeId;
+        });
+      }
+    },
+
+    getOnrecord(){
+      // 查询备案表单数据
+      if (this.form.id != null && this.form.id != "") {
+        this.onrecordForm.caseId = this.form.id;
+        getCase(this.form.id).then(response => {
+          getOnrecordByCaseId(this.form.id).then(responseOnrecord => {
+            if (responseOnrecord.data != undefined) {
+              this.onrecordForm = responseOnrecord.data;
+              this.tEnforceOnrecordHandlerList = responseOnrecord.data.tEnforceCaseHandlerList;
+            }
+            this.onrecordForm.caseName = this.form.caseName;
+            this.onrecordForm.schemeId = this.form.schemeId;
+          });
+        });
+      }
+    },
+
+    //查询结案表单数据
+    getEndingForm(){
+      // 执行人员列表查询
+      getEnforcerList().then(response => {
+        const data = response.enforcerList;
+        for (let i = 0; i < data.length; i++) {
+          const res = {
+            enforcerId: data[i].id,
+            enforcerName: data[i].name,
+            enforcerNum: data[i].enforceNum,
+            value: data[i].name,
+          };
+          this.endingEnforcers.push(res);
+        }
+      });
+      // 查询结案表单数据
+      var _this = this;
+      if (this.form.id != null && this.form.id != "") {
+        this.endingForm.caseId = this.form.id;
+        getEndingByCaseId(this.form.id).then(responseEnding => {
+          if (responseEnding.data != undefined) {
+            responseEnding.data.attachementList = [];
+            responseEnding.data.agingStatus = this.selectDictLabel(this.agingStatusOptions,responseEnding.data.agingStatus)
+            _this.endingForm = responseEnding.data;
+
+            if (responseEnding.data.attachement){
+              var Execute = responseEnding.data.attachement.split( "," );
+              Execute.forEach(response=>{
+                responseEnding.data.attachementList.push({
+                  url:process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API + response,
+                });
+              })
+            }
+          }
+          _this.endingForm.caseName = this.form.caseName;
+          _this.endingForm.schemeId = this.form.schemeId;
+        });
+      }
+    },
+
+    progressSpeed(){
+      console.log(this.form)
+      if((this.form.caseStatus == "2" || this.form.caseStatus == "3") &&
+        (this.form.caseProgress=="8" || this.form.caseProgress=="9")){
+        console.log("a")
+        // 已结束备案或者结案阶段的案件,查询显示已保存案件的历史流程节点
+        var progressParam = {
+          "caseId": this.form.id
+        };
+        progressList(progressParam).then(response => {
+          console.log(response)
+          for (var i = 0; i < response.data.length; i++) {
+            var obj={
+              dictLabel:response.data[i].caseProgressName,
+              dictValue:response.data[i].caseProgress
+            }
+            this.caseProgressOptions.push(obj);
+          }
+        });
+      } else if(this.form.caseProgress=="8" && this.form.caseStatus == "1"){
+        console.log("b")
+        // 进行中的案件到达备案阶段显示历史节点和备案节点
+        var progressParam = {
+          "caseId": this.form.id
+        };
+        progressList(progressParam).then(response => {
+          for (var i = 0; i < response.data.length; i++) {
+            var obj = {
+              dictLabel: response.data[i].caseProgressName,
+              dictValue: response.data[i].caseProgress
+            }
+            this.caseProgressOptions.push(obj);
+          }
+          var onrecordObj = {
+            dictLabel: "备案",
+            dictValue: "8"
+          }
+          this.caseProgressOptions.push(onrecordObj);
+        });
+      } else{
+        console.log("c")
+        // 非备案或者结案阶段的案件,显示所有节点判断状态
+        this.getDicts("case_node").then(response => {
+          console.log(this.form.caseProgress)
+          if (this.form.caseProgress == "8") { // 结案状态
+            for (var i = 0; i < response.data.length; i++) {
+              if (response.data[i].dictValue != "8") { // 如果是结案,步骤条不显示备案
+                this.caseProgressOptions.push(response.data[i]);
+              }
+            }
+          } else{
+            this.caseProgressOptions = response.data;
+          }
+        });
+      }
+
+      var that = this ;
+      setTimeout(function () {
+        that.zhenchaShow = false ;
+        that.lianShow = false ;
+        that.quzhengShow = false ;
+        that.chuliShow = false ;
+        that.caijueShow = false ;
+        that.zhixingShow = false ;
+
+        console.log(this.zhenchaShow)
+        console.log(this.lianShow)
+        console.log(this.quzhengShow)
+        console.log(this.chuliShow)
+        console.log(this.caijueShow)
+        console.log(this.zhixingShow)
+        that.progressLength = that.caseProgressOptions.length;
+        console.log(that.caseProgressOptions.length-1)
+        if( that.caseProgressOptions.length >= 3 && that.caseActive >= 1 ){//勘察
+          console.log("勘察")
+          that.caseSurvey();
+          that.zhenchaShow = true ;
+        }
+        if( that.caseProgressOptions.length >= 4 && that.caseActive >= 2 ){//立案
+          console.log("立案")
+          that.getFileCase();
+          that.lianShow = true ;
+        }
+        if( that.caseProgressOptions.length >= 5 && that.caseActive >= 3 ){//取证
+          console.log("取证")
+          that.getEvidenceCase();
+          that.quzhengShow = true ;
+        }
+        if( that.caseProgressOptions.length >= 6 && that.caseActive >= 4 ){//处理
+          console.log("处理")
+          that.getTreat();
+          that.chuliShow = true ;
+        }
+        if( that.caseProgressOptions.length >= 7 && that.caseActive >= 5 ){//裁决
+          console.log("裁决")
+          that.getDecision();
+          that.caijueShow = true ;
+        }
+        if( that.caseProgressOptions.length >= 8 && that.caseActive >= 6 ){//执行
+          console.log("执行")
+          that.getExecuteCase();
+          that.zhixingShow = true ;
+        }
+        if( that.caseActive == 8 ){//执行
+          console.log("结案")
+          that.caseProgress = that.caseProgressOptions.length-1;
+          that.getEndingForm();
+        }
+        if (that.caseActive == 7){//判断是否为备案
+          console.log("备案")
+          that.caseProgress = that.caseProgressOptions.length-1;
+          that.getOnrecord();
+        }else{
+          that.zhenchaShow = true ;
+          that.lianShow = true ;
+          that.quzhengShow = true ;
+          that.chuliShow = true ;
+          that.caijueShow = true ;
+          that.zhixingShow = true ;
+        }
+      },500)
+
+      console.log(this.caseProgressOptions)
+    },
+
+    /** 查询审批历史展示步骤条 */
+    getHistoryList(formData,type) {
+      if (formData.instanceId != null && formData.instanceId != "") {
+        var queryParams = {
+          processInstanceId: formData.instanceId
+        };
+        return request({
+          url: "/activiti/process/listHistory",
+          method: "post",
+          data: queryParams,
+        }).then((response) => {
+          if (type == 'evidence'){
+            this.evidencHistoryList = response.rows;
+            this.evidencHistoryList.forEach((row) => {
+              row.startTime = this.format(row.startTime, "yyyy-MM-dd HH:mm:ss");
+              row.endTime = this.format(row.endTime, "yyyy-MM-dd HH:mm:ss");
+              row.durationInMillis = this.formatTotalDateSub(
+                row.durationInMillis / 1000
+              );
+            });
+
+          }else if (type == 'treat'){
+            this.treatHistoryList = response.rows;
+            this.treatHistoryList.forEach((row) => {
+              row.startTime = this.format(row.startTime, "yyyy-MM-dd HH:mm:ss");
+              row.endTime = this.format(row.endTime, "yyyy-MM-dd HH:mm:ss");
+              row.durationInMillis = this.formatTotalDateSub(
+                row.durationInMillis / 1000
+              );
+            });
+          }else{
+            this.historyList = response.rows;
+            this.historyList.forEach((row) => {
+              row.startTime = this.format(row.startTime, "yyyy-MM-dd HH:mm:ss");
+              row.endTime = this.format(row.endTime, "yyyy-MM-dd HH:mm:ss");
+              row.durationInMillis = this.formatTotalDateSub(
+                row.durationInMillis / 1000
+              );
+            });
+          }
+        });
+      }else{
+        this.spanNum = 5;
+      }
+    },
+
+    format(time, format) {
+      var t = new Date(time);
+      var tf = function (i) { return (i < 10 ? '0' : '') + i };
+      return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
+        switch (a) {
+          case 'yyyy':
+            return tf(t.getFullYear());
+            break;
+          case 'MM':
+            return tf(t.getMonth() + 1);
+            break;
+          case 'mm':
+            return tf(t.getMinutes());
+            break;
+          case 'dd':
+            return tf(t.getDate());
+            break;
+          case 'HH':
+            return tf(t.getHours());
+            break;
+          case 'ss':
+            return tf(t.getSeconds());
+            break;
+        }
+      })
+    },
+    /**
+     * 计算出相差天数
+     * @param secondSub
+     */
+    formatTotalDateSub (secondSub) {
+      var days = Math.floor(secondSub / (24 * 3600));     // 计算出小时数
+      var leave1 = secondSub % (24*3600) ;                // 计算天数后剩余的毫秒数
+      var hours = Math.floor(leave1 / 3600);              // 计算相差分钟数
+      var leave2 = leave1 % (3600);                       // 计算小时数后剩余的毫秒数
+      var minutes = Math.floor(leave2 / 60);              // 计算相差秒数
+      var leave3 = leave2 % 60;                           // 计算分钟数后剩余的毫秒数
+      var seconds = Math.round(leave3);
+      return days + "天" + hours + "时" + minutes + "分" + seconds + '秒';
+    },
+
+    radioChange(value){
+      this.comment = value == 'true' ? '同意' : '驳回' ;
+    },
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0;
+}
+.van-row{
+  display: flex;
+  flex-wrap: wrap;
+}
+.examine_box{
+  background-color: #1D6FE9!important;
+  padding: 0.18rem!important;
+  padding-left: 0!important;
+  border-radius: 0.15rem!important;
+  margin-top: 0.3rem!important;
+}
+.examine_box .van-col:first-child{
+  color: #FFF!important;
+  font-size: 0.45rem!important;
+  text-align: center!important;
+}
+.examine_box .van-col:last-child{
+  background-color: #FFF!important;
+  border-radius: 0.15rem!important;
+  overflow: hidden!important;
+  .van-radio-group--horizontal{
+    padding: 0.2rem 0;
+    border-bottom: 1px solid #eee;
+  }
+}
+/deep/.van-tabs .van-tabs__nav{
+  border: none;
+  height: auto;
+}
+/deep/.van-radio--horizontal{
+  margin-left: 20px;
+  margin-right: 0;
+}
+.submitButtonActive{
+  width: 100%;
+  margin: 0 auto;
+}
+.van-uploader {
+  padding: 15PX;
+}
+/deep/ .van-nav-bar--fixed{
+  background: url("../../../../static/images/lawEnforcement/head_bg.png") 100%;
+}
+/deep/ .van-nav-bar .van-icon{
+  color: #ffffff;
+}
+/deep/ .van-nav-bar__title{
+  color: #ffffff;
+}
+/deep/ .van-tabs__nav--complete{
+  padding: 0;
+  border: none;
+  height: auto;
+}
+/deep/ .van-tabs__nav--card .van-tab{
+  border: none;
+}
+/deep/ .van-tabs--card>.van-tabs__wrap{
+  height: auto;
+  margin-top: 10PX;
+}
+/deep/ .van-tabs__nav--card .van-tab.van-tab--active{
+  background: transparent;
+  .van-tab__text{
+    width: 56PX;
+    height: 56PX;
+    line-height: 56PX;
+  }
+  .finish,.ongoing,.notStarted{
+    padding: 15PX 0;
+  }
+}
+/deep/ .van-tab__text{
+  display: block;
+  width: 44PX;
+  height: 44PX;
+  background: #FFF;
+  border-radius: 50%;
+  border: 1px solid #C9C9C9;
+  color: #C9C9C9;
+  text-align: center;
+  padding: 0;
+  p{
+    line-height: 1;
+  }
+}
+.finish{
+  border-radius: 50%;
+  border: 1px solid #1DCC80;
+  color: #1DCC80;
+  padding: 10PX 0;
+  height: 100%;
+}
+.ongoing{
+  border-radius: 50%;
+  border: 1px solid #1D6FE9;
+  color: #1D6FE9;
+  padding: 10PX 0;
+  height: 100%;
+}
+.notStarted{
+  padding: 10PX 0;
+  height: 100%;
+}
+.typeBox{
+  width: 44PX;
+  height: 44PX;
+  background: #ffffff;
+  text-align: center;
+  font-size: 14PX;
+  border-radius: 50%;
+  border: 1px solid #1DCC80;
+  color: #1DCC80;
+  margin: 0 auto;
+  padding: 10PX 0px;
+  line-height: 1;
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.noActive{
+  border: 1px solid #1D6FE9;
+  color: #1D6FE9;
+}
+.doActive{
+  border: 1px solid #C9C9C9;
+  color: #C9C9C9;
+}
+.active{
+  width: 56PX;
+  height: 56PX;
+  padding: 15PX 0px;
+}
+/deep/ .van-radio--horizontal{
+  margin-left: 0.32rem;
+  margin-right: 0;
+}
+.peopleList{
+  padding: 0 3%;
+  margin-top: 10PX;
+  .van-row{
+    margin-bottom: 10PX;
+    .van-col{
+      text-align: center;
+      font-size: 14PX;
+    }
+    &:first-child{
+      .van-col{
+        color: #1D6FE9;
+      }
+    }
+  }
+}
+.cf{
+  padding: 0 3%;
+  margin-top: 20PX;
+  margin-bottom: 20PX;
+  .van-row{
+    background: #F0F3F5;
+    .van-col{
+      padding: 5PX 0;
+      font-size: 12PX!important;
+      text-align: center;
+      p{
+        color: #1D6FE9;
+      }
+    }
+    &:first-child{
+      background: transparent;
+    }
+  }
+}
+.main_title{
+  font-size: 0.4rem;
+  color: #1D6FE9;
+  margin: 0.2rem 6%;
+  margin-top: 0;
+  position: relative;
+}
+.main_box{
+  width: 96%;
+  margin: 0 auto;
+  border-radius: 6PX;
+  box-shadow: 0PX 3PX 6PX 0PX rgba(0,0,0,0.16);
+  overflow: hidden;
+  background-color: #FFF;
+  margin-top: 10PX;
+  .van-icon{
+    vertical-align: middle;
+  }
+  .custom-title{
+    font-size: 17PX;
+    color: #333333;
+    vertical-align: middle;
+    line-height: 1;
+    position: relative;
+    margin-left: 5PX;
+  }
+  .tap{
+    color: #1D6FE9;
+  }
+  .bgBlue{
+    display: block;
+    position: absolute;
+    width: 17PX;
+    height: 17PX;
+    border-radius: 50%;
+    background-color: rgba(29,111,233,0.26);
+    top: -2PX;
+    right: -8PX;
+  }
+}
+.submitButton{
+  width: 80%;
+  margin: 0 auto;
+  background-color: #1D6FE9;
+}
+
+.addFamily{
+  position: absolute;
+  top: -2px;
+  right: 0;
+  border-radius: 50%;
+}
+.main_box2{
+  width: 96%;
+  margin: 0 auto;
+  background: #ffffff;
+  border-radius: 6PX;
+  overflow: hidden;
+  margin-top: 10PX;
+  margin-bottom: 20PX;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  .van-col{
+    position: relative;
+  }
+  .van-col--20{
+    padding: 12PX 0;
+  }
+  .van-row:nth-child(2n){
+    background: rgba(29,111,233,0.1);
+  }
+  /deep/ .van-cell{
+    background: transparent;
+    padding: 0 10Px;
+  }
+  .bq{
+    display: inline-block;
+    padding: 0PX 10PX;
+    line-height: 0.64rem;
+    border-radius: 5PX;
+  }
+  .index{
+    background: #1D6FE9;
+    color: #ffffff;
+    text-align: center;
+    width: 20PX;
+    height: 20PX;
+    line-height: 20PX;
+    border-radius: 50%;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+  }
+  .indexCenter{
+    top: 0!important;
+  }
+  .van-row:first-child{
+    .van-col:first-child{
+      .indexBorder {
+        top: calc(50% - 5px);
+      }
+    }
+  }
+  .indexBorder{
+    width: 10PX;
+    position: absolute;
+    right: 0;
+    top: 0;
+    height: 100%;
+    .yq{
+      height: 10PX;
+      width: 10PX;
+      background: #C9C9C9;
+      border-radius: 50%;
+    }
+    .ss{
+      height: calc(50% - 5PX);
+      width: 2PX;
+      background: #C9C9C9;
+      position: relative;
+      left: 4PX;
+    }
+    .ssT{
+      height: calc(50% - 5PX);
+      width: 2PX;
+      background: #C9C9C9;
+      position: relative;
+      left: 4PX;
+    }
+  }
+}
+.splcTit{
+  font-size: 17PX;
+  text-align: center;
+  margin-top: 25PX;
+  margin-bottom: 5PX;
+}
+</style>
diff --git a/src/views/lawEnforcement/user/caseList.vue b/src/views/lawEnforcement/user/caseList.vue
new file mode 100644
index 00000000..cadd95df
--- /dev/null
+++ b/src/views/lawEnforcement/user/caseList.vue
@@ -0,0 +1,511 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar title="案件" fixed placeholder
+                 left-arrow
+                 @click-left="onClickLeft"/>
+    <template  v-if="loginType">
+      <div style="display: flex;padding: 0 3% 0.2rem;">
+        <form action="#" style="flex: 0.75;">
+          <van-search
+            v-model="queryParams.caseOrPartyName"
+            placeholder="案件名称或当事人姓名"
+            :search="handleQuery"
+            v-on:input="handleQuery"
+          >
+          </van-search>
+        </form>
+        <van-button type="info" @click="sheetShow = true"  style="flex: 0.25;border-radius: 30PX;height: 0.95rem;">
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_ssbt.png" size="17" style="vertical-align: middle;margin-right: 5px;" />筛选
+        </van-button>
+      </div>
+      <van-row style="padding: 0.2rem 3%;" v-show="showSxtj">
+        <van-col :span="20"><p style="line-height: 20px;font-size: 14px;color: #878787;">筛选条件：{{showType}} {{showCaseStatus}} {{showCaseProgress}}</p></van-col>
+        <van-col :span="4" align="right"><van-icon name="close" size="20" @click="resetQuery"/></van-col>
+      </van-row>
+      <van-action-sheet v-model="sheetShow" title="筛选" duration="0.2" close-icon="arrow-down">
+          <div class="sheetContent">
+            <van-field
+              readonly
+              clickable
+              name="picker"
+              v-model="showType"
+              label="当事人类型"
+              placeholder="点击选择当事人类型"
+              @click="showDsrlx = true"
+            />
+            <van-popup v-model="showDsrlx" position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="typeColumns"
+                @confirm="onConfirmDsrlx"
+                @cancel="showDsrlx = false"
+              />
+            </van-popup>
+            <van-field
+              readonly
+              clickable
+              name="picker"
+              v-model="showCaseStatus"
+              label="案件状态"
+              placeholder="点击选择案件状态"
+              @click="showAjzt = true"
+            />
+            <van-popup v-model="showAjzt" position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="caseStatusColumns"
+                @confirm="onConfirmAjzt"
+                @cancel="showAjzt = false"
+              />
+            </van-popup>
+            <van-field
+              readonly
+              clickable
+              name="picker"
+              v-model="showCaseProgress"
+              label="案件执法进度"
+              placeholder="点击选择案件执法进度"
+              @click="showAjzfjd = true"
+            />
+            <van-popup v-model="showAjzfjd" position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="caseProgressColumns"
+                @confirm="onConfirmAjzfjd"
+                @cancel="showAjzfjd = false"
+              />
+            </van-popup>
+  <!--          <p class="sheetTitle">当事人类型</p>-->
+  <!--          <van-row>-->
+  <!--            <van-col :span="6"><p class="active">全部</p></van-col>-->
+  <!--            <van-col :span="12"><p>个人/个体工商户</p></van-col>-->
+  <!--            <van-col :span="6"><p>企业</p></van-col>-->
+  <!--          </van-row>-->
+  <!--          <p class="sheetTitle">案件状态</p>-->
+  <!--          <van-row>-->
+  <!--            <van-col :span="6"><p class="active">全部</p></van-col>-->
+  <!--            <van-col :span="6"><p>进行中</p></van-col>-->
+  <!--            <van-col :span="6"><p>结束</p></van-col>-->
+  <!--            <van-col :span="6"><p>中断</p></van-col>-->
+  <!--          </van-row>-->
+  <!--          <p class="sheetTitle">案件执法进度</p>-->
+  <!--          <van-row>-->
+  <!--            <van-col :span="6"><p class="active">全部</p></van-col>-->
+  <!--            <van-col :span="6"><p>登记</p></van-col>-->
+  <!--            <van-col :span="6"><p>勘察</p></van-col>-->
+  <!--            <van-col :span="6"><p>立案</p></van-col>-->
+  <!--          </van-row>-->
+  <!--          <van-row>-->
+  <!--            <van-col :span="6"><p>取证</p></van-col>-->
+  <!--            <van-col :span="6"><p>处理</p></van-col>-->
+  <!--            <van-col :span="6"><p>裁决</p></van-col>-->
+  <!--            <van-col :span="6"><p>执行</p></van-col>-->
+  <!--          </van-row>-->
+  <!--          <van-row>-->
+  <!--            <van-col :span="6"><p>备案</p></van-col>-->
+  <!--            <van-col :span="6"><p>结案</p></van-col>-->
+  <!--          </van-row>-->
+          </div>
+          <van-row>
+            <van-col :span="12" align="center"><van-button type="default" style="width: 90%;height: 1.2rem;border-radius: 4PX;" @click="resetQuery">重置</van-button></van-col>
+            <van-col :span="12" align="center"><van-button type="info" style="width: 90%;height: 1.2rem;border-radius: 4PX;" @click="handleQuery">确定</van-button></van-col>
+          </van-row>
+        </van-action-sheet>
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="getUser"
+      >
+        <van-swipe-cell v-for="(item,index) in caseList" :key="index">
+          <van-cell :title="item.caseName" :value="22222" center :to="{name:'caseDetail',query:{id:item.id,caseProgress:item.caseProgress}}">
+            <template #icon>
+              <van-icon name="../../../static/images/lawEnforcement/icon/icon_aj.png" size="30" color="#539FFD" style="margin-right: 10px;" />
+            </template>
+            <template #label>
+              <p>{{item.caseNumPart1}}农{{item.caseNumPart2}}[{{item.caseNumPart3}}]{{item.caseNum}}号<i style="margin-right: 0.5rem;"></i>{{item.name}}</p>
+            </template>
+            <template #default>
+              <p>{{item.caseStatus}}</p>
+              <p style="color: #1D6FE9;">{{selectDictLabel(caseProgressOptions, item.caseProgress)}}</p>
+            </template>
+          </van-cell>
+        </van-swipe-cell>
+      </van-list>
+    </template>
+    <van-empty v-else description="请登录查看更多内容" >
+      <van-button icon="friends" color="#1D6FE9" style="padding: 0 30PX;border-radius: 5PX" to="/lawEnforcement/login">
+        立即登录
+      </van-button>
+    </van-empty>
+  </div>
+</template>
+<script>
+import { getUserProfile , listCase , getPersonalByUserId , getCompanyByUserId } from "@/api/lawEnforcement/index";
+import law from "@/components/common/law_footer";
+import Cookies from "js-cookie";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      value:'',
+      radio:'',
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      sheetShow: false,
+      showDsrlx: false,
+      showAjzt: false,
+      showAjzfjd: false,
+      showSxtj: false,
+      loginType:true,
+      // 查询参数
+      queryParams: {
+        // 分页
+        pageNum: 1,
+        pageSize: 10,
+        // 查询排序
+        orderByColumn: "id",
+        isAsc: "desc",
+        caseNum: null,
+        type: null,
+        caseStatus: null,
+        caseProgress: null,
+        caseOrPartyName: '',
+      },
+      //新闻集合
+      newList:[],
+      // 案件登记表格数据
+      caseList: [],
+      caseStatusOptions:[],
+      caseProgressOptions:[],
+      typeOptions:[],
+      typeColumns:[],
+      caseStatusColumns:[],
+      caseProgressColumns:[],
+      showType : '',
+      showCaseStatus : '',
+      showCaseProgress : '',
+    };
+  },
+  created() {
+    this.getDicts("enforce_body_type").then(response => {
+      this.typeOptions = response.data;
+      for (var i = 0 ; i < response.data.length ; i++){
+        this.typeColumns.push({text: response.data[i].dictLabel, value: response.data[i].dictValue})
+
+      }
+    });
+    this.getDicts("case_status").then(response => {
+      this.caseStatusOptions = response.data;
+      for (var i = 0 ; i < response.data.length ; i++){
+        this.caseStatusColumns.push({text: response.data[i].dictLabel, value: response.data[i].dictValue})
+      }
+    });
+    this.getDicts("case_node").then(response => {
+      this.caseProgressOptions = response.data;
+      for (var i = 0 ; i < response.data.length ; i++){
+        this.caseProgressColumns.push({text: response.data[i].dictLabel, value: response.data[i].dictValue})
+      }
+    });
+  },
+  methods: {
+    getUser() {
+      if(!Cookies.get("User-Token")){
+        this.loginType = false ;
+        this.loading = false;
+        this.finished = true;
+        return
+      }
+      getUserProfile().then(response => {
+        this.loginType = true;
+        if (response.data.roles.length < 1){
+          this.tabShow = false;
+        }else{
+          response.data.roles.forEach(res=>{
+            if (res.roleKey == 'personal_user'){//个体用户
+              getPersonalByUserId(response.data.userId).then( item => {
+                console.log(item.id)
+                if (item.data.id != undefined && item.data.id != null && item.data.id != ``){
+                  console.log('aaa')
+                  this.queryParams.type = "1";
+                  this.queryParams.bodyId = item.data.id;
+                  this.getList();
+                }else{
+                  this.loading = false;
+                  this.finished = true;
+                }
+
+              })
+            } else if (res.roleKey == 'company_user'){//企业用户
+              getCompanyByUserId(response.data.userId).then( item => {
+                console.log(item.id)
+                if (item.data.id != undefined && item.data.id != null && item.data.id != ``){
+                  console.log('bbb')
+                  this.queryParams.type = "2";
+                  this.queryParams.bodyId = item.data.id;
+                  this.getList();
+                }else{
+                  this.loading = false;
+                  this.finished = true;
+                }
+              })
+            } else {
+              console.log("ccc")
+              this.getList();
+            }
+          })
+        }
+      });
+    },
+    getList(){
+      this.loginType = true ;
+      this.loading = true;
+      listCase(this.queryParams).then(response => {
+        for (var i = 0; i < response.rows.length; i++) {
+          response.rows[i].caseStatus = this.selectDictLabel(this.caseStatusOptions, response.rows[i].caseStatus);
+          this.caseList.push(response.rows[i])
+        }
+        if(this.caseList.length >= response.total){
+          this.finished = true;
+          return;
+        }
+        this.queryParams.pageNum += 1 ;
+        this.loading = false;
+      });
+    },
+    goDetail(id){
+      console.log(id)
+      window.location = 'news/newDetail?id='+id;
+    },
+    onConfirmDsrlx(data){
+      this.queryParams.type = data.value;
+      this.showType = data.text;
+      this.showDsrlx = false;
+    },
+    onConfirmAjzt(data){
+      this.queryParams.caseStatus = data.value;
+      this.showCaseStatus = data.text
+      this.showAjzt = false;
+    },
+    onConfirmAjzfjd(data){
+      this.queryParams.caseProgress = data.value;
+      this.showCaseProgress = data.text
+      this.showAjzfjd = false;
+    },
+    resetQuery(){
+      this.queryParams = {
+        // 分页
+        pageNum: 1,
+        pageSize: 10,
+        // 查询排序
+        orderByColumn: "id",
+        isAsc: "desc",
+        caseNum: null,
+        type: null,
+        caseStatus: null,
+        caseProgress: null,
+      };
+      this.showType = '';
+      this.showCaseStatus = '';
+      this.showCaseProgress = '';
+      this.showSxtj = false;
+      this.getList()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      if(this.showType != '' || this.showCaseStatus != '' || this.showCaseProgress != ''){
+        this.showSxtj = true;
+      }
+      this.caseList = [];
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0.2rem 3%;
+}
+/deep/ .van-action-sheet__content{
+  padding-bottom: 0.5rem;
+}
+/deep/ .van-nav-bar .van-icon{
+  color: #ffffff;
+}
+.sheetContent{
+  padding: 10PX 1% 0;
+  margin-bottom: 0.5rem;
+  .sheetTitle{
+    font-size: 0.42rem;
+    background-color: transparent;
+    width:auto;
+    color: #333333;
+    border:none;
+    margin-bottom: 10PX;
+    padding: 0 15px;
+  }
+  /deep/ .van-row{
+    margin-bottom: 10PX;
+  }
+  /deep/ .van-col{
+    text-align: center;
+    padding: 0 15px;
+  }
+  .active{
+    background-color: #1D6FE9;
+    color: #FFFFFF;
+    border: none;
+  }
+  p{
+    font-size: 0.42rem;
+    padding: 0.2rem 0;
+    color: #666666;
+    border-radius: 4PX;
+    border: 1px solid #B4B0B0;
+  }
+}
+/deep/ .van-action-sheet__header{
+  border-bottom: 8PX solid #eeeeee;
+}
+/deep/.van-swipe-cell{
+  margin-bottom: 0.2rem;
+  border-radius: 0.2rem;
+  overflow: hidden;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+}
+/deep/ .van-search__content{
+  background-color: #ffffff;
+  border-radius: 20PX;
+  border: 1px solid #cccccc;
+  margin-right: 2%;
+}
+/deep/ .van-search__action{
+  background-color: #1D6FE9;
+  border-radius: 20PX;
+  text-align: center;
+  color: #ffffff;
+}
+/deep/ .van-search{
+  background-color: transparent;
+  padding: 0;
+}
+.van-cell__title{
+  color: #666666;
+}
+/deep/ .van-nav-bar--fixed{
+  background: url("../../../../static/images/lawEnforcement/head_bg.png") 100%;
+}
+/deep/.van-cell__title{
+  flex: 0.7;
+}
+/deep/.van-cell__title span{
+  font-family: Arial;
+  font-size: 0.4rem;
+  font-weight: normal;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
+}
+/deep/.van-cell__value{
+  flex: 0.3;
+}
+/deep/ .van-nav-bar__title{
+  display: flex;
+  max-width: initial;
+  color: #ffffff;
+  p{
+    line-height: 30Px;
+    margin-left: 6Px;
+    font-size: 21Px;
+    color: #D60303;
+    font-family: SourceHanSansCNBold;
+  }
+}
+/deep/ .van-tabs__content{
+  width: 96%;
+  margin: 0 auto;
+}
+/deep/ van-tab__pane-wrapper{
+  padding: 0 2%;
+}
+/deep/ .van-tab{
+  border: none;
+  color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  border-radius: 30Px;
+  box-shadow: 0px 5px 5px #ccc;
+  background-color: #FE1313!important;
+}
+/deep/ .van-tabs--card>.van-tabs__wrap{
+  height: 0.9rem;
+  margin: 10Px 0;
+}
+/deep/ .van-tab__pane{
+  background: #FFF;
+  border-radius: 8Px;
+  overflow: hidden;
+}
+/deep/ .van-tabs__nav--card{
+  padding: 3Px 2%;
+  border: none;
+  border-radius: 1rem;
+  height: 0.9rem;
+}
+.bannerTit{
+  position: absolute;
+  bottom: 10px;
+  background: rgba(255,255,255,0.3);
+  width: 100%;
+  height: 0.8rem;
+  line-height: 0.8rem;
+  color: #fff;
+  overflow: hidden;
+  padding: 0 3%;
+  font-size: 16Px;
+}
+.link{
+  color: #000;
+}
+.my-swipe {
+  border-radius: 8Px;
+}
+.my-swipe .van-swipe-item .van-image{
+  width: 100%;
+}
+.van-grid-item p{
+  margin-top: 10px;
+}
+.newTit{
+  font-size: 0.45rem;
+  margin: 0.4rem 0;
+  font-family: Source Han Sans SC, Source Han Sans SC-Medium;
+  font-weight: 500;
+  text-align: left;
+  color: #333333;
+}
+.newContent{
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-break: break-all;
+  overflow: hidden;
+}
+.search-icon {
+  line-height: inherit;
+  margin-left: 10px;
+}
+</style>
diff --git a/src/views/lawEnforcement/user/index.vue b/src/views/lawEnforcement/user/index.vue
index 6c25e7ce..4b3911c4 100644
--- a/src/views/lawEnforcement/user/index.vue
+++ b/src/views/lawEnforcement/user/index.vue
@@ -52,6 +52,12 @@
           <span class="custom-title">方案管理</span>
         </template>
       </van-cell>
+      <van-cell is-link :to="{name:loginType ? 'userCaseList':''}" >
+        <template #title>
+          <van-icon name="../../../static/images/lawEnforcement/icon/icon_fagl.png" size="20"></van-icon>
+          <span class="custom-title">案件审批</span>
+        </template>
+      </van-cell>
       <van-cell is-link :to="{name:loginType ? 'complaint':''}" >
         <template #title>
           <van-icon name="../../../static/images/lawEnforcement/icon/icon_tshf.png" size="20"></van-icon>