From 7b98a27e2241d915e95aa97a96e07f910fd51841 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Fri, 26 Nov 2021 17:27:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/lawEnforcement/index.js               |  123 ++
 src/main.js                                   |    3 +-
 src/permission.js                             |    2 +
 src/router/index.js                           |   18 +
 src/utils/utils.js                            |   11 +
 src/views/lawEnforcement/case/caseDetail.vue  | 1575 ++++++++++++-----
 src/views/lawEnforcement/case/caseList.vue    |   61 +-
 .../complaint/indexComplaint.vue              |  161 ++
 src/views/lawEnforcement/index.vue            |    2 +-
 src/views/lawEnforcement/login.vue            |   44 +-
 .../lawEnforcement/scheme/schemeDetail.vue    |  420 +++++
 .../lawEnforcement/workDynamics/workList.vue  |    2 +-
 12 files changed, 1970 insertions(+), 452 deletions(-)
 create mode 100644 src/views/lawEnforcement/complaint/indexComplaint.vue
 create mode 100644 src/views/lawEnforcement/scheme/schemeDetail.vue

diff --git a/src/api/lawEnforcement/index.js b/src/api/lawEnforcement/index.js
index 682aaa42..0e7d903b 100644
--- a/src/api/lawEnforcement/index.js
+++ b/src/api/lawEnforcement/index.js
@@ -68,3 +68,126 @@ export function schemeList(query) {
     params: query
   })
 }
+
+//获取方案管理详细信息
+export function schemeDetail(id) {
+  return request({
+    url: '/enforce/website/scheme/get/'+id,
+    method: 'get'
+  })
+}
+
+// 查询案件登记列表
+export function listCase(query) {
+  return request({
+    url: '/enforce/case/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询案件登记详细
+export function getCase(id) {
+  return request({
+    url: '/enforce/case/get/' + id,
+    method: 'get'
+  })
+}
+
+// 查询方案管理列表不分页
+export function schemeOptionList(query) {
+  return request({
+    url: '/enforce/scheme/schemeList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询部门下拉树结构
+export function treeselect() {
+  return request({
+    url: '/system/dept/treeselect',
+    method: 'get'
+  })
+}
+
+// 查询案件勘察详细
+export function getSurveyByCaseId(caseId) {
+  return request({
+    url: '/enforce/survey/getSurveyByCaseId/' + caseId,
+    method: 'get'
+  })
+}
+
+// 查询立案信息详细
+export function getputRecordByCaseId(caseId) {
+  return request({
+    url: '/enforce/putrecord/getputRecordByCaseId/' + caseId,
+    method: 'get'
+  })
+}
+
+// caseId查询抽样信息详细
+export function getSamplingByCaseId(caseId) {
+  return request({
+    url: '/enforce/sampling/getSamplingByCaseId/' + caseId,
+    method: 'get'
+  })
+}
+
+// 查询农业执法-案件-取证信息详细
+export function getEvidenceByCaseId(caseId) {
+  return request({
+    url: '/enforce/evidence/getEvidenceByCaseId/' + caseId,
+    method: 'get'
+  })
+}
+
+// 查询抽样产品检测结果详细
+export function getReportByGoodsId(goodsId) {
+  return request({
+    url: '/enforce/report/getReportByGoodsId/' + goodsId,
+    method: 'get'
+  })
+}
+
+// 查询执法人员管理列表
+export function getEnforcerList(query) {
+  return request({
+    url: '/enforce/enforcer/allList',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询农业执法-案件-处理信息详细
+export function getTreatByCaseId(caseId) {
+  return request({
+    url: '/enforce/treat/getTreatByCaseId/' + caseId,
+    method: 'get'
+  })
+}
+
+// 查询裁决信息详细
+export function getDecisionByCaseId(caseId) {
+  return request({
+    url: '/enforce/decision/getDecisionByCaseId/' + caseId,
+    method: 'get'
+  })
+}
+
+// 查询执行信息详细
+export function getExecuteByCaseId(caseId) {
+  return request({
+    url: '/enforce/execute/getExecuteByCaseId/' + caseId,
+    method: 'get'
+  })
+}
+
+// 查询结案信息详细
+export function getEndingByCaseId(caseId) {
+  return request({
+    url: '/enforce/ending/getEndingByCaseId/' + caseId,
+    method: 'get'
+  })
+}
diff --git a/src/main.js b/src/main.js
index 7f3aaa00..0edb13f5 100644
--- a/src/main.js
+++ b/src/main.js
@@ -18,12 +18,13 @@ import global from '@/utils/global';
 
 import { getDicts } from "@/utils/data";
 import { houseGetDicts } from '@/utils/data';
-import { selectDictLabel , onClickLeft , getNowFormatDate , format } from "@/utils/utils";
+import { selectDictLabel , selectDictScheme , onClickLeft , getNowFormatDate , format } from "@/utils/utils";
 
 //全局方法挂载
 Vue.prototype.getDicts = getDicts
 Vue.prototype.houseGetDicts = houseGetDicts
 Vue.prototype.selectDictLabel = selectDictLabel
+Vue.prototype.selectDictScheme = selectDictScheme
 Vue.prototype.onClickLeft = onClickLeft
 Vue.prototype.getNowFormatDate = getNowFormatDate
 Vue.prototype.format = format
diff --git a/src/permission.js b/src/permission.js
index 4495d643..6b93c9b7 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -56,6 +56,8 @@ const whiteList = [
   '/lawEnforcement/workDetail',
   '/lawEnforcement/caseDetail',
   '/lawEnforcement/login',
+  '/lawEnforcement/indexComplaint',
+  '/lawEnforcement/schemeDetail',
 ]
 
 router.beforeEach((to, from, next) => {
diff --git a/src/router/index.js b/src/router/index.js
index 07bcbe9e..300210a7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1617,6 +1617,24 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/lawEnforcement/login'], resolve)
   },
+  {
+    path: '/lawEnforcement/indexComplaint',
+    name: 'indexComplaint',
+    meta: {
+      title: '投诉建议',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/complaint/indexComplaint'], resolve)
+  },
+  {
+    path: '/lawEnforcement/schemeDetail',
+    name: 'schemeDetail',
+    meta: {
+      title: '方案详情',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/lawEnforcement/scheme/schemeDetail'], resolve)
+  },
 ];
 
 
diff --git a/src/utils/utils.js b/src/utils/utils.js
index cff5d851..76837ee2 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -10,6 +10,17 @@ export function selectDictLabel(datas, value) {
   return actions.join('');
 }
 
+export function selectDictScheme(datas, value) {
+  var actions = [];
+  Object.keys(datas).some((key) => {
+    if (datas[key].id == ('' + value)) {
+      actions.push(datas[key].schemeName);
+      return true;
+    }
+  })
+  return actions.join('');
+}
+
 //回退
 export function onClickLeft(){
   history.back(-1);
diff --git a/src/views/lawEnforcement/case/caseDetail.vue b/src/views/lawEnforcement/case/caseDetail.vue
index 5cf26121..5b05c542 100644
--- a/src/views/lawEnforcement/case/caseDetail.vue
+++ b/src/views/lawEnforcement/case/caseDetail.vue
@@ -8,6 +8,7 @@
       @click-left="onClickLeft"
     />
     <van-tabs type="card" :duration="0.2" animated background="transparent">
+      <!--      登记-->
       <van-tab>
         <template #title>
           <div class="finish">
@@ -22,8 +23,8 @@
               <span class="custom-title">登记<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="案件来源" value="现场检查" input-align="right" label-width="auto"/>
-          <van-field label="关联方案" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
+          <van-cell title="案件来源" :value="form.caseSource"/>
+          <van-cell title="关联方案" :value="form.schemeId"/>
         </div>
 
         <div class="main_box">
@@ -33,48 +34,48 @@
               <span class="custom-title">案件信息<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="案件编码" value="123456789" input-align="right" label-width="auto"/>
-          <van-field label="案件名称" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
-          <van-field
-            readonly
-            clickable
-            name="picker"
-            value="2021-11-08"
-            label="登记日期"
-            placeholder="点击选择开始日期"
-            @click="showPicker = true"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-popup v-model="showPicker" position="bottom">
-            <van-datetime-picker
-              v-model="showPicker"
-              type="date"
-              title="选择年月日"
-              :min-date="minDate"
-              :max-date="maxDate"
-            />
-          </van-popup>
-          <van-field label="执法类别" value="农药" input-align="right" label-width="auto"/>
-          <van-field label="当事人类型" value="企业" input-align="right" label-width="auto"/>
-          <van-field label="企业名称" value="企业名称名称名称" input-align="right" label-width="auto"/>
-          <van-field label="法人/负责人" value="李四" input-align="right" label-width="auto"/>
-          <van-field label="所在地区" value="埇桥区三里湾街道淮河路社区居委会" input-align="right" label-width="auto" readonly/>
-          <van-field label="联系地址" value="龙泉花园91号701室" input-align="right" label-width="auto" readonly/>
-          <van-field label="联系电话" value="13006311234" input-align="right" label-width="auto" readonly/>
-          <van-field label="统一社会信用代码" value="467245653FG324642" input-align="right" label-width="auto" readonly/>
+          <van-cell title="案件编码" :value="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>
+              <span class="custom-title">案件文档<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-uploader v-model="fileList" multiple />
+          <van-uploader v-model="fileList" multiple :show-upload="false" :deletable="false" />
         </div>
       </van-tab>
+      <!--      勘察-->
       <van-tab>
         <template #title>
           <div class="finish">
@@ -89,9 +90,10 @@
               <span class="custom-title">勘察<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="案件来源" value="现场检查" input-align="right" label-width="auto"/>
-          <van-field label="关联方案" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
+          <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>
@@ -106,20 +108,30 @@
               <van-col :span="10">执法证号</van-col>
             </van-row>
 
-            <van-row>
-              <van-col :span="4">1</van-col>
-              <van-col :span="10">张薇</van-col>
-              <van-col :span="10">456444666123A0FW</van-col>
+            <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>
 
-            <van-row>
-              <van-col :span="4">2</van-col>
-              <van-col :span="10">张薇</van-col>
-              <van-col :span="10">456444666123A0FW</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>
@@ -127,34 +139,21 @@
               <span class="custom-title">询问信息<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field
-            readonly
-            value="2021-11-08"
-            label="询问开始时间"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-field
-            readonly
-            value="2021-11-08"
-            label="讯问结束时间"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-field label="询问地点" value="环翠区世昌大道15号" input-align="right" label-width="auto"/>
-          <van-field label="询问记录人" value="胡明" input-align="right" label-width="auto"/>
-          <van-field label="被询问人姓名" value="张三" input-align="right" label-width="auto"/>
-          <van-field label="被询问人电话" value="13006311234" input-align="right" label-width="auto"/>
-          <van-field label="身份证号" value="371481199001011213" input-align="right" label-width="auto"/>
-          <van-field label="性别" value="男" input-align="right" label-width="auto"/>
-          <van-field label="工作单位" value="农燊高科信息技术有限公司" input-align="right" label-width="auto" readonly/>
-          <van-field label="职务" value="程序员" input-align="right" label-width="auto" readonly/>
-          <van-field label="住址" value="环翠区文化路92号" input-align="right" label-width="auto" readonly/>
-          <van-field label="询问问题" value="问题名字问题名字" input-align="right" label-width="auto" readonly/>
-          <van-field label="被询问人员证件是否清楚" value="是" input-align="right" label-width="auto" readonly/>
-          <van-field label="是否申请调查人员回避" value="是" input-align="right" label-width="auto" readonly/>
-          <van-field label="被询问人回答内容" input-align="right" label-width="auto" readonly/>
-          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
+          <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="询问问题" v-model="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">
@@ -164,14 +163,7 @@
               <span class="custom-title">现场抽检选项<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field name="radio" label="是否公开" input-align="right">
-          <template #input>
-            <van-radio-group v-model="radio" direction="horizontal">
-              <van-radio name="1">是</van-radio>
-              <van-radio name="2">否</van-radio>
-            </van-radio-group>
-          </template>
-        </van-field>
+          <van-cell title="是否现场抽检" v-model="surveyForm.isSpotCheck == 'Y' ? '是' : '否'"/>
         </div>
 
         <div class="main_box">
@@ -181,57 +173,11 @@
               <span class="custom-title">案件信息<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field
-            readonly
-            clickable
-            name="picker"
-            value="2021-11-08"
-            label="受理时间"
-            placeholder="点击选择开始日期"
-            @click="showPicker = true"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-popup v-model="showPicker" position="bottom">
-            <van-datetime-picker
-              v-model="showPicker"
-              type="date"
-              title="选择年月日"
-              :min-date="minDate"
-              :max-date="maxDate"
-            />
-          </van-popup>
-          <van-field
-            readonly
-            clickable
-            name="picker"
-            value="2021-11-08"
-            label="受案时间"
-            placeholder="点击选择开始日期"
-            @click="showPicker = true"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-popup v-model="showPicker" position="bottom">
-            <van-datetime-picker
-              v-model="showPicker"
-              type="date"
-              title="选择年月日"
-              :min-date="minDate"
-              :max-date="maxDate"
-            />
-          </van-popup>
-          <van-field label="简要案情及立案（不予立案）理由" input-align="right" label-width="auto" readonly/>
-          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
-          <van-field name="radio" label="是否审批" input-align="right">
-            <template #input>
-              <van-radio-group v-model="radio" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="2">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field label="审批程序设置" value="一般程序" input-align="right" label-width="auto" readonly/>
+          <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;">
@@ -241,95 +187,43 @@
               <span class="custom-title">案件文档<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-uploader v-model="fileList" multiple />
+          <van-uploader v-model="fileList" multiple :show-upload="false" :deletable="false" />
         </div>
 
         <p class="splcTit">审批流程</p>
         <div class="main_box2">
-          <van-row>
+          <van-row v-for="(item,index) in historyList">
             <van-col :span="4">
-              <p class="index">1</p>
-              <div class="indexBorder">
+              <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"></p>
+                <p class="ss" v-if="historyList.length != index+1"></p>
               </div>
             </van-col>
             <van-col :span="20">
-              <van-cell title="开始" :value="22222" center :to="{name:'programmeDetail'}">
+              <van-cell :title="item.activityName" center :to="{name:'programmeDetail'}">
                 <template #label>
-                  <p>2021.10.01-2021.10.02</p>
+                  <p>{{ item.endTime }}</p>
                 </template>
                 <template #default>
-                  <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,111,233,0.2);color:#1D6FE9">提交申请</span></p>
-                  <p style="color: #999999;">1天0时0分0秒</p>
-                </template>
-              </van-cell>
-            </van-col>
-          </van-row>
-          <van-row>
-            <van-col :span="4">
-              <p class="index">2</p>
-              <div class="indexBorder indexCenter">
-                <p class="ssT"></p>
-                <p class="yq"></p>
-                <p class="ss"></p>
-              </div>
-            </van-col>
-            <van-col :span="20">
-              <van-cell title="执法队长审批" :value="22222" center :to="{name:'programmeDetail'}">
-                <template #label>
-                  <p>2021.10.01-2021.10.02</p>
-                </template>
-                <template #default>
-                  <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,204,128,0.2);color:#1DCC80">同意</span></p>
-                  <p style="color: #999999;">1天0时0分0秒</p>
-                </template>
-              </van-cell>
-            </van-col>
-          </van-row>
-          <van-row>
-            <van-col :span="4">
-              <p class="index">3</p>
-              <div class="indexBorder indexCenter">
-                <p class="ssT"></p>
-                <p class="yq"></p>
-                <p class="ss"></p>
-              </div>
-            </van-col>
-            <van-col :span="20">
-              <van-cell title="执法队长负责人审批" :value="22222" center :to="{name:'programmeDetail'}">
-                <template #label>
-                  <p>2021.10.01-2021.10.02</p>
-                </template>
-                <template #default>
-                  <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(29,204,128,0.2);color:#1DCC80">同意</span></p>
-                  <p style="color: #999999;">1天0时0分0秒</p>
-                </template>
-              </van-cell>
-            </van-col>
-          </van-row>
-          <van-row>
-            <van-col :span="4">
-              <p class="index">4</p>
-              <div class="indexBorder indexCenter">
-                <p class="ssT"></p>
-                <p class="yq"></p>
-              </div>
-            </van-col>
-            <van-col :span="20">
-              <van-cell title="结束" :value="22222" center :to="{name:'programmeDetail'}">
-                <template #label>
-                  <p>2021.10.01-2021.10.02</p>
-                </template>
-                <template #default>
-                  <p style="color: #666666;">李维嘉 <span class="bq" style="background:rgba(255,166,62,0.2);color:#FFA63E">自动结束</span></p>
-                  <p style="color: #999999;">1天0时0分0秒</p>
+                  <p style="color: #666666;">{{ item.assigneeName }}
+                    <span
+                      class="bq"
+                      :style="{
+                        background:item.comment == '提交申请' ? 'rgba(29,111,233,0.2)' : item.comment == '同意' ? 'rgba(29,204,128,0.2)' :  item.comment == '自动结束' ? 'rgba(255,166,62,0.2)' : '',
+                        color:item.comment == '提交申请' ? '#1D6FE9' : item.comment == '同意' ? '#1DCC80' :  item.comment == '自动结束' ? '#FFA63E' : ''
+                      }"
+                    >{{ item.comment }}</span>
+                  </p>
+                  <p style="color: #999999;">{{ item.durationInMillis }}</p>
                 </template>
               </van-cell>
             </van-col>
           </van-row>
         </div>
       </van-tab>
+      <!--      立案-->
       <van-tab>
         <template #title>
           <div class="finish">
@@ -344,8 +238,8 @@
               <span class="custom-title">立案<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="案件来源" value="现场检查" input-align="right" label-width="auto"/>
-          <van-field label="关联方案" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
+          <van-cell title="案件名称" :value="putRecordForm.caseName" />
+          <van-cell title="关联方案" :value="putRecordForm.schemeId" />
         </div>
 
         <div class="main_box" style="margin-top: 10px;">
@@ -362,17 +256,12 @@
               <van-col :span="10">执法证号</van-col>
             </van-row>
 
-            <van-row>
-              <van-col :span="4">1</van-col>
-              <van-col :span="10">张薇</van-col>
-              <van-col :span="10">456444666123A0FW</van-col>
+            <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>
 
-            <van-row>
-              <van-col :span="4">2</van-col>
-              <van-col :span="10">张薇</van-col>
-              <van-col :span="10">456444666123A0FW</van-col>
-            </van-row>
           </div>
         </div>
 
@@ -383,27 +272,16 @@
               <span class="custom-title">查封扣押<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="涉嫌违法行为" value="行为行为行为" input-align="right" label-width="auto"/>
-          <van-field label="处罚依据及内容" value="内容内容内容" input-align="right" label-width="auto"/>
-          <van-field
-            readonly
-            value="2021-11-08"
-            label="查封日期"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-field
-            readonly
-            value="2021-11-08"
-            label="查封时效"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-field label="查封天数" value="1" input-align="right" label-width="auto"/>
-          <van-field label="产品保存地点" value="本地" input-align="right" label-width="auto"/>
-          <van-field label="现场情况" value="情况情况情况情况" input-align="right" label-width="auto"/>
-          <van-field label="上诉单位" value="单位单位单位单位" input-align="right" label-width="auto"/>
-          <van-field label="复议单位" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
+          <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="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>
@@ -413,21 +291,14 @@
               <van-col :span="7">生产经营单位</van-col>
             </van-row>
 
-            <van-row>
-              <van-col :span="5">张薇</van-col>
-              <van-col :span="3">张薇</van-col>
-              <van-col :span="3">11</van-col>
-              <van-col :span="6">2021-11-12</van-col>
-              <van-col :span="7">单位名称</van-col>
+            <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>
 
-            <van-row>
-              <van-col :span="5">张薇</van-col>
-              <van-col :span="3">张薇</van-col>
-              <van-col :span="3">11</van-col>
-              <van-col :span="6">2021-11-12</van-col>
-              <van-col :span="7">单位名称</van-col>
-            </van-row>
           </div>
 
           <div class="cf">
@@ -459,57 +330,45 @@
               <span class="custom-title">抽样信息<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="抽样现场人员" value="当事人" input-align="right" label-width="auto"/>
-          <van-field
-            readonly
-            value="2021-11-08"
-            label="抽样时间"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-field label="抽样地点" value="内容内容内容" input-align="right" label-width="auto"/>
-          <van-field label="联系人" value="1" input-align="right" label-width="auto"/>
-          <van-field label="联系电话" value="本地" input-align="right" label-width="auto"/>
-
-          <van-field label="" value="" input-align="right" label-width="auto"/>
-
-          <van-field label="物品名称" value="物品名称" input-align="right" label-width="auto"/>
-          <van-field label="商标" value="情况情况情况情况" input-align="right" label-width="auto"/>
-          <van-field label="生产单位" value="单位单位单位单位" input-align="right" label-width="auto"/>
-          <van-field label="厂家确认期限" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
-          <van-field label="产品许可证" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
-          <van-field label="单位许可证" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
-          <van-field
-            readonly
-            value="2021-11-08"
-            label="生产日期"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-field label="样品规格" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
-          <van-field label="样品技术" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
-          <van-field label="抽样数量" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
-          <van-field label="产品确认期限" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
-          <van-field label="抽样产品附件" value="单位单位单位单位" input-align="right" label-width="auto" readonly/>
+          <van-cell title="抽样现场人员" :value="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 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 v-for="(item,index) in tEnforceSamplingGoodsList" :key="index">
+            <van-cell title="" value=" " />
+            <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="抽样产品附件" :value="item.attachement"  />
+
+            <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>
@@ -517,28 +376,8 @@
               <span class="custom-title">案件信息<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field
-            readonly
-            clickable
-            name="picker"
-            value="2021-11-08"
-            label="立案程序"
-            placeholder="点击选择开始日期"
-            @click="showPicker = true"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-popup v-model="showPicker" position="bottom">
-            <van-datetime-picker
-              v-model="showPicker"
-              type="date"
-              title="选择年月日"
-              :min-date="minDate"
-              :max-date="maxDate"
-            />
-          </van-popup>
-          <van-field label="案件进展" input-align="right" label-width="auto" readonly/>
-          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
+          <van-cell title="立案程序" value="一般程序"  />
+          <van-cell title="案件进展" :label="putRecordForm.progressCase"  />
         </div>
 
         <div class="main_box" style="margin-top: 10px;margin-bottom: 20PX;">
@@ -551,6 +390,7 @@
           <van-uploader v-model="fileList" multiple />
         </div>
       </van-tab>
+      <!--      取证-->
       <van-tab>
         <template #title>
           <div class="ongoing">
@@ -558,8 +398,120 @@
             <p><van-icon name="circle" /></p>
           </div>
         </template>
-        内容 2
+        <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">
+            <van-cell title="产品名称" v-model="item.goodsName" />
+            <van-cell title="检测报告编号" v-model="item.reportNum" />
+            <van-cell title="质量判定" v-model="item.qualityStatus"/>
+            <van-cell title="检测结果附件" v-model="item.attachement"/>
+          </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-model="fileList" multiple :show-upload="false" :deletable="false" />
+        </div>
+
+        <p class="splcTit">审批流程</p>
+        <div class="main_box2">
+          <van-row v-for="(item,index) in evidencHistoryList">
+            <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 :to="{name:'programmeDetail'}">
+                <template #label>
+                  <p>{{ item.endTime }}</p>
+                </template>
+                <template #default>
+                  <p style="color: #666666;">{{ item.assigneeName }}
+                    <span
+                      class="bq"
+                      :style="{
+                        background:item.comment == '提交申请' ? 'rgba(29,111,233,0.2)' : item.comment == '同意' ? 'rgba(29,204,128,0.2)' :  item.comment == '自动结束' ? 'rgba(255,166,62,0.2)' : '',
+                        color:item.comment == '提交申请' ? '#1D6FE9' : item.comment == '同意' ? '#1DCC80' :  item.comment == '自动结束' ? '#FFA63E' : ''
+                      }"
+                    >{{ item.comment }}</span>
+                  </p>
+                  <p style="color: #999999;">{{ item.durationInMillis }}</p>
+                </template>
+              </van-cell>
+            </van-col>
+          </van-row>
+        </div>
       </van-tab>
+      <!--      处理-->
       <van-tab>
         <template #title>
           <div class="notStarted">
@@ -567,8 +519,132 @@
             <p><van-icon name="success" /></p>
           </div>
         </template>
-        内容 2
+        <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" />
+          <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-model="fileList" multiple :show-upload="false" :deletable="false" />
+        </div>
+
+        <p class="splcTit">审批流程</p>
+        <div class="main_box2">
+          <van-row v-for="(item,index) in treatHistoryList">
+            <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 :to="{name:'programmeDetail'}">
+                <template #label>
+                  <p>{{ item.endTime }}</p>
+                </template>
+                <template #default>
+                  <p style="color: #666666;">{{ item.assigneeName }}
+                    <span
+                      class="bq"
+                      :style="{
+                        background:item.comment == '提交申请' ? 'rgba(29,111,233,0.2)' : item.comment == '同意' ? 'rgba(29,204,128,0.2)' :  item.comment == '自动结束' ? 'rgba(255,166,62,0.2)' : '',
+                        color:item.comment == '提交申请' ? '#1D6FE9' : item.comment == '同意' ? '#1DCC80' :  item.comment == '自动结束' ? '#FFA63E' : ''
+                      }"
+                    >{{ item.comment }}</span>
+                  </p>
+                  <p style="color: #999999;">{{ item.durationInMillis }}</p>
+                </template>
+              </van-cell>
+            </van-col>
+          </van-row>
+        </div>
       </van-tab>
+      <!--      裁决-->
       <van-tab>
         <template #title>
           <div class="notStarted">
@@ -576,8 +652,92 @@
             <p><van-icon name="success" /></p>
           </div>
         </template>
-        内容 2
+        <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-model="fileList" multiple :show-upload="false" :deletable="false" />
+        </div>
       </van-tab>
+      <!--      执行-->
       <van-tab>
         <template #title>
           <div class="notStarted">
@@ -585,9 +745,63 @@
             <p><van-icon name="success" /></p>
           </div>
         </template>
-        内容 2
+        <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-model="fileList" multiple :show-upload="false" :deletable="false" />
+        </div>
       </van-tab>
-      <van-tab title="结案">
+      <!--      结案-->
+      <van-tab>
         <template #title>
           <div class="notStarted">
             <p>结案</p>
@@ -601,8 +815,8 @@
               <span class="custom-title">结案<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="案件名称" value="案件名称案件名称" input-align="right" label-width="auto"/>
-          <van-field label="关联方案" value="方案名称名称名称名称名称" input-align="right" label-width="auto"/>
+          <van-cell title="案件名称" :value="endingForm.caseName"/>
+          <van-cell title="关联方案" :value="endingForm.schemeId"/>
         </div>
 
         <div class="main_box">
@@ -612,33 +826,13 @@
               <span class="custom-title">罚没物品处理<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="执行人" value="张三" input-align="right" label-width="auto"/>
-          <van-field label="记录人" value="李四" input-align="right" label-width="auto"/>
-          <van-field
-            readonly
-            clickable
-            name="picker"
-            value="2021-11-08"
-            label="处理日期"
-            placeholder="点击选择开始日期"
-            @click="showPicker = true"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-popup v-model="showPicker" position="bottom">
-            <van-datetime-picker
-              v-model="showPicker"
-              type="date"
-              title="选择年月日"
-              :min-date="minDate"
-              :max-date="maxDate"
-            />
-          </van-popup>
-          <van-field label="处理地点" value="131213123123" input-align="right" label-width="auto"/>
-          <van-field label="处理物品" value="46456546456" input-align="right" label-width="auto"/>
-          <van-field label="处理来源" value="798789789879" input-align="right" label-width="auto"/>
-          <van-field label="处理情况" value="" input-align="right" label-width="auto"/>
-          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
+          <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">
@@ -648,34 +842,22 @@
               <span class="custom-title">案件信息<i class="bgBlue"></i></span>
             </template>
           </van-cell>
-          <van-field label="结案" value="已执行" input-align="right" label-width="auto"/>
-          <van-field label="罚款缴纳类型" value="分期缴纳" input-align="right" label-width="auto"/>
-          <van-field
-            readonly
-            clickable
-            name="picker"
-            value="2021-11-08"
-            label="申请时间"
-            placeholder="点击选择开始日期"
-            @click="showPicker = true"
-            input-align="right"
-            right-icon="calendar-o"
-          />
-          <van-popup v-model="showPicker" position="bottom">
-            <van-datetime-picker
-              v-model="showPicker"
-              type="date"
-              title="选择年月日"
-              :min-date="minDate"
-              :max-date="maxDate"
-            />
-          </van-popup>
-          <van-field label="总金额" value="131213123123" input-align="right" label-width="auto"/>
-          <van-field label="分期缴纳期数" value="46456546456" input-align="right" label-width="auto"/>
-          <van-field label="缴纳时间" value="798789789879" input-align="right" label-width="auto"/>
-          <van-field label="每期缴纳金额" value="1111" input-align="right" label-width="auto"/>
-          <van-field label="案件结果" value="" input-align="right" label-width="auto"/>
-          <van-field type="textarea" value="调查商户种子问题调查商户种子问题调查商户种子问调查商户种子问题调查商户种子问题。" rows="3" label-width="auto"/>
+          <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;">
@@ -693,8 +875,23 @@
   </div>
 </template>
 <script>
-import { newList } from "@/api/index";
+import {
+  getCase ,
+  schemeOptionList ,
+  treeselect ,
+  getSurveyByCaseId ,
+  getputRecordByCaseId ,
+  getSamplingByCaseId ,
+  getEvidenceByCaseId ,
+  getReportByGoodsId ,
+  getEnforcerList ,
+  getTreatByCaseId ,
+  getDecisionByCaseId ,
+  getExecuteByCaseId ,
+  getEndingByCaseId ,
+} from "@/api/lawEnforcement/index";
 import law from "@/components/common/law_footer";
+import request from "@/utils/request";
 export default {
   name: "index",
   components: {
@@ -722,52 +919,603 @@ export default {
         // 如果图片 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: "",
+      },
+      // 办理人员列表
+      tEnforceCaseHandlerList: [],
+      tEnforcePutRecordHandlerList: [],
+      tEnforceSamplingGoodsList: [{}],
+      tEnforceDetainHandlerList: [],
+      tEnforceEvidenceHandlerList: [],
+      tEnforceTreatHandlerList: [],
+      tEnforceDecisionHandlerList: [],
+      tEnforceExecuteHandlerList: [],
+      getDecisionByCaseId: [],
+      historyList: [],
+      evidencHistoryList: [],
+      treatHistoryList: [],
+      // 检测结果数据
+      detectResults: [],
+      decisionEnforcers: [],
+      executeEnforcers: [],
+      endingEnforcers: [],
     };
   },
   created() {
-
+    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;
+    });
+    // 关联方案下拉框
+    var schemeQueryParam = {
+      applyStatus: "1"
+    };
+    schemeOptionList(schemeQueryParam).then((response) => {
+      this.schemeOptions = response.data;
+      this.getInformation();
+    });
+    treeselect().then((response) => {
+      this.deptOptions = response.data;
+    });
   },
   methods: {
-    getList(){
-      this.loading = true;
-      this.queryParams.number = 2 ;
-      this.queryParams.pageSize = 5 ;
-      newList(this.queryParams).then(response => {
-        for (var i = 0; i < response.rows.length; i++) {
-          this.newList.push(response.rows[i]);
-          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
-          if (imgStrs != null && imgStrs != '') {
-            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+    getInformation(){
+      getCase(this.$route.query.id).then(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);
+        // response.data.deptId = this.selectDictDeptId(this.deptOptions, response.data.deptId);
+        this.form = response.data;
+        this.caseSurvey();
+        this.getEvidenceCase();
+        this.getTreat();
+        this.getDecision();
+        this.getExecuteCase();
+        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 => {
+          if (responseSurvey.data != undefined) {
+            _this.surveyForm = responseSurvey.data;
+            _this.instanceId = responseSurvey.data.instanceId;
+            _this.tEnforceCaseHandlerList = responseSurvey.data.tEnforceCaseHandlerList;
           }
+          _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,'');
+          _this.getFileCase();
+        });
+      }
+    },
+
+    //查询立案表单数据
+    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;
+            }
+            _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 => {
+                if (responseReport.data != undefined) {
+                  responseReport.data.goodsId = goodsId;
+                  responseReport.data.goodsName = goodsName;
+                  _this.detectResults.push(responseReport.data);
+                } else {
+                  var goodsObj = {
+                    "goodsId": goodsId,
+                    "goodsName": goodsName
+                  };
+                  _this.detectResults.push(goodsObj);
+                }
+              });
+            }
+            if (responseEvidence.data != undefined) {
+              _this.evidenceForm = responseEvidence.data;
+              _this.tEnforceEvidenceHandlerList = responseEvidence.data.tEnforceCaseHandlerList;
+            }
+            _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);
         }
-        console.log(this.newList)
-        if(this.newList.length >= response.total){
-          this.finished = true;
-          return;
+      });
+      // 查询处理表单数据
+      var _this = this;
+      if (this.form.id != null && this.form.id != "") {
+        this.treatForm.caseId = this.form.id;
+        getTreatByCaseId(this.form.id).then(responseTreat => {
+          if (responseTreat.data != undefined) {
+            _this.treatForm = responseTreat.data;
+            _this.tEnforceTreatHandlerList = responseTreat.data.tEnforceCaseHandlerList;
+          }
+          _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);
         }
-        this.queryParams.pageNum += 1 ;
-        this.loading = false;
       });
+      // 查询立案表单数据
+      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) {
+            _this.decisionForm = responseDecision.data;
+            _this.tEnforceDecisionHandlerList = responseDecision.data.tEnforceCaseHandlerList;
+          }
+          _this.decisionForm.caseName = this.form.caseName;
+          _this.decisionForm.schemeId = this.form.schemeId;
+        });
+      }
     },
-    getBanner(){
-      this.loading = true;
-      this.queryParams.number = 1 ;
-      this.queryParams.pageSize = 5 ;
-      newList(this.queryParams).then(response => {
-        this.bannerList = response.rows;
-        for (var i = 0; i < response.rows.length; i++) {
-          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
-          if (imgStrs != null && imgStrs != '') {
-            this.bannerList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
+
+    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) {
+            _this.executeForm = responseExecute.data;
+            _this.tEnforceExecuteHandlerList = responseExecute.data.tEnforceCaseHandlerList;
           }
+          _this.executeForm.caseName = this.form.caseName;
+          _this.executeForm.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);
         }
-        this.loading = false;
       });
+      // 查询结案表单数据
+      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) {
+            _this.endingForm = responseEnding.data;
+          }
+          _this.endingForm.caseName = this.form.caseName;
+          _this.endingForm.schemeId = this.form.schemeId;
+        });
+      }
+    },
+
+    /** 查询审批历史展示步骤条 */
+    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;
+      }
     },
-    goDetail(id){
-      console.log(id)
-      window.location = 'news/newDetail?id='+id;
+
+    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 + '秒';
     }
+
   },
 };
 </script>
@@ -881,7 +1629,7 @@ export default {
   margin-right: 0;
 }
 .peopleList{
-  padding-right: 3%;
+  padding: 0 3%;
   margin-top: 10PX;
   .van-row{
     margin-bottom: 10PX;
@@ -985,6 +1733,7 @@ export default {
   }
   /deep/ .van-cell{
     background: transparent;
+    padding: 10Px;
   }
   .bq{
     display: inline-block;
diff --git a/src/views/lawEnforcement/case/caseList.vue b/src/views/lawEnforcement/case/caseList.vue
index 54d3f458..40a1d936 100644
--- a/src/views/lawEnforcement/case/caseList.vue
+++ b/src/views/lawEnforcement/case/caseList.vue
@@ -56,19 +56,22 @@
         </van-row>
       </van-action-sheet>
     <van-list
+      v-model="loading"
+      :finished="finished"
       finished-text="没有更多了"
+      @load="getList"
     >
-      <van-swipe-cell v-for="(item,index) in 10" :key="index">
-        <van-cell title="案件名称名称名称" :value="22222" center to="/lawEnforcement/caseDetail">
+      <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}}">
           <template #icon>
             <van-icon name="../../../static/images/lawEnforcement/icon/icon_aj.png" size="30" color="#539FFD" style="margin-right: 10px;" />
           </template>
           <template #label>
-            <p>4232343242<i style="margin-right: 0.5rem;"></i><i style="margin-right: 0.5rem;"></i>李伟杰</p>
+            <p>{{item.caseNum}}<i style="margin-right: 0.5rem;"></i><i style="margin-right: 0.5rem;"></i>{{item.name}}</p>
           </template>
           <template #default>
-            <p>勘察</p>
-            <p style="color: #1D6FE9;">进行中</p>
+            <p>{{item.caseStatus}}</p>
+            <p style="color: #1D6FE9;">{{item.caseProgress}}</p>
           </template>
         </van-cell>
       </van-swipe-cell>
@@ -77,7 +80,7 @@
   </div>
 </template>
 <script>
-import { newList } from "@/api/index";
+import { getTopDeptId , listCase } from "@/api/lawEnforcement/index";
 import law from "@/components/common/law_footer";
 export default {
   name: "index",
@@ -93,37 +96,49 @@ export default {
       //是否滚动到底部
       finished: false,
       sheetShow: false,
-      //查询参数
+      // 查询参数
       queryParams: {
+        // 分页
         pageNum: 1,
-        pageSize: 5,
-        deptId:100,
-        number:2
+        pageSize: 10,
+        // 查询排序
+        orderByColumn: "id",
+        isAsc: "desc",
+        caseNum: null,
+        type: null,
+        caseStatus: null,
+        caseProgress: null,
       },
       //新闻集合
       newList:[],
-      //轮播图集合
-      bannerList:''
+      // 案件登记表格数据
+      caseList: [],
+      caseStatusOptions:[],
+      caseProgressOptions:[],
+      typeOptions:[],
     };
   },
   created() {
-
+    this.getDicts("enforce_body_type").then(response => {
+      this.typeOptions = response.data;
+    });
+    this.getDicts("case_status").then(response => {
+      this.caseStatusOptions = response.data;
+    });
+    this.getDicts("case_node").then(response => {
+      this.caseProgressOptions = response.data;
+    });
   },
   methods: {
     getList(){
       this.loading = true;
-      this.queryParams.number = 2 ;
-      this.queryParams.pageSize = 5 ;
-      newList(this.queryParams).then(response => {
+      listCase(this.queryParams).then(response => {
         for (var i = 0; i < response.rows.length; i++) {
-          this.newList.push(response.rows[i]);
-          var imgStrs = response.rows[i].content.match(/<IMG src=\"([^\"]*?)\">/gi)
-          if (imgStrs != null && imgStrs != '') {
-            this.newList[i].img = imgStrs[0].substr(10,(imgStrs[0].length-12));
-          }
+          response.rows[i].caseStatus = this.selectDictLabel(this.caseStatusOptions, response.rows[i].caseStatus);
+          response.rows[i].caseProgress = this.selectDictLabel(this.caseProgressOptions, response.rows[i].caseProgress);
+          this.caseList.push(response.rows[i])
         }
-        console.log(this.newList)
-        if(this.newList.length >= response.total){
+        if(this.caseList.length >= response.total){
           this.finished = true;
           return;
         }
diff --git a/src/views/lawEnforcement/complaint/indexComplaint.vue b/src/views/lawEnforcement/complaint/indexComplaint.vue
new file mode 100644
index 00000000..35457099
--- /dev/null
+++ b/src/views/lawEnforcement/complaint/indexComplaint.vue
@@ -0,0 +1,161 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="投诉回复"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="getNewList"
+    >
+      <div class="tabsBox" v-for="(item,index) in schemeList" :key="index">
+        <van-cell :title="item.name" :label="'待回复 · ' + item.replyTime" center :to="{name:'programmeDetail'}">
+          <template #icon>
+            <van-icon name="../../../static/images/lawEnforcement/12.jpg" size="36" color="#539FFD" style="margin-right: 10px;border-radius: 50%;overflow: hidden;" />
+          </template>
+          <template #default>
+            <p style="color: #1D6FE9;"><van-icon name="phone" />{{item.phone}}</p>
+          </template>
+        </van-cell>
+        <van-row>
+          <van-col :span="5">类型：</van-col>
+          <van-col :span="19">{{item.communicateType}}</van-col>
+        </van-row>
+        <van-row>
+          <van-col :span="5">标题：</van-col>
+          <van-col :span="19">{{item.title}}</van-col>
+        </van-row>
+        <van-row>
+          <van-col :span="5">内容：</van-col>
+          <van-col :span="19">{{item.content}}</van-col>
+        </van-row>
+
+        <van-row v-if="item.reply">
+          <van-col :span="24" style="border-top: 1px solid rgba(112,112,112,0.3)"></van-col>
+        </van-row>
+
+        <van-row v-if="item.reply">
+          <van-col :span="5">回复：</van-col>
+          <van-col :span="19">{{item.reply}}</van-col>
+        </van-row>
+        <van-row v-if="item.reply">
+          <van-col :span="5">回复人：</van-col>
+          <van-col :span="19">{{item.replyName}}</van-col>
+        </van-row>
+        <van-row v-if="item.reply">
+          <van-col :span="12"><p style="color: #cccccc;font-size: 12px">{{item.replyTime}}</p></van-col>
+          <van-col :span="12"></van-col>
+        </van-row>
+      </div>
+    </van-list>
+  </div>
+</template>
+<script>
+import { getTopDeptId , schemeDetail } from "@/api/lawEnforcement/index";
+export default {
+  name: "index",
+  data() {
+    return {
+      active:0,
+      //查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 5,
+        deptId:100,
+      },
+      schemeList:[],
+      //是否显示加载
+      loading: false,
+      //是否滚动到底部
+      finished: false,
+      communicateOptions:[]
+    };
+  },
+  created() {
+    //转出方式字典
+    this.getDicts("communicate_type").then(res => {
+      this.communicateOptions = res.data;
+    });
+  },
+  methods: {
+    getNewList(){
+      this.loading = true;
+      getTopDeptId().then(response => {
+        this.queryParams.deptId = response.data ;
+        communicate(this.queryParams).then(response => {
+          for (var i = 0; i < response.rows.length; i++) {
+            response.rows[i].replyTime = response.rows[i].replyTime == '' ? '' : response.rows[i].replyTime.substr(0,10);
+
+            response.rows[i].communicateType = this.selectDictLabel(this.communicateOptions,response.rows[i].communicateType)
+            this.schemeList.push(response.rows[i]);
+          }
+          if(this.schemeList.length >= response.total){
+            this.finished = true;
+            return;
+          }
+          this.queryParams.pageNum += 1 ;
+          this.loading = false;
+        })
+      })
+
+    },
+
+
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container{
+  padding: 5% 2%;
+}
+/deep/ .van-tabs__line{
+  background-color: #1D6FE9;
+}
+/deep/ .van-tab--active{
+  color: #1D6FE9;
+}
+/deep/.van-cell__title{
+  flex: 0.63;
+  line-height: 1;
+}
+/deep/.van-cell__value{
+  flex: 0.37;
+  line-height: 1;
+}
+/deep/.van-cell__label{
+  line-height: 1;
+}
+/deep/.van-cell{
+  padding: 0;
+}
+/deep/.van-row{
+  margin-top: 15PX;
+  .van-col{
+    font-size: 0.4rem;
+  }
+}
+.tabsBox{
+  padding: 5% 4%;
+  background-color: #FFF;
+  border-radius: 8PX;
+  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  margin-bottom: 15PX;
+}
+  .van-tab__pane-wrapper{
+    padding: 5% 2%;
+  }
+  .answerBtn{
+    padding: 5PX 15PX;
+    height:auto;
+  }
+</style>
diff --git a/src/views/lawEnforcement/index.vue b/src/views/lawEnforcement/index.vue
index d6bb8fd1..eb2bb62f 100644
--- a/src/views/lawEnforcement/index.vue
+++ b/src/views/lawEnforcement/index.vue
@@ -76,7 +76,7 @@
     </van-cell-group>
 
     <van-cell-group class="listBox">
-      <van-cell value="全部" is-link>
+      <van-cell value="全部" is-link :to="{name:'indexComplaint'}">
         <template #title>
           <van-icon name="../../../static/images/lawEnforcement/icon/icon_ts.png" size="20"></van-icon>
           <span class="custom-title">投诉建议<i class="bgBlue"></i></span>
diff --git a/src/views/lawEnforcement/login.vue b/src/views/lawEnforcement/login.vue
index 4024a634..9e18e3f1 100644
--- a/src/views/lawEnforcement/login.vue
+++ b/src/views/lawEnforcement/login.vue
@@ -9,6 +9,7 @@
         v-model="formData.username"
         placeholder="请输入手机号/账号"
         :rules="[{ required: true, message:''  }]"
+        clearable
       />
       <van-field
         v-model="formData.password"
@@ -16,17 +17,22 @@
         style="margin: 20px 0"
         placeholder="请输入密码"
         :rules="[{ required: true, message:''  }]"
-      />
-      <van-field
-        v-model="formData.code"
-        center
         clearable
-        placeholder="图形验证码"
-      >
-        <template #button>
-          <img style="width: 100px;display: block;" :src="codeUrl" @click="getCode" />
-        </template>
-      </van-field>
+      />
+      <van-row>
+        <van-col :span="16">
+          <van-field
+            v-model="formData.code"
+            center
+            clearable
+            placeholder="图形验证码"
+          />
+        </van-col>
+        <van-col :span="8">
+          <img style="width: 100px;display: block;margin-left: 10px;" :src="codeUrl" @click="getCode" />
+        </van-col>
+      </van-row>
+
 
       <van-checkbox style="margin-top:20px;margin-left:20px;" v-model="formData.rememberMe" shape="square">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox>
 
@@ -41,16 +47,28 @@
     font-family: zqkhyt;
     src: url("../../assets/fonts/zqkhyt.TTF");
   }
+
+  input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
+    -webkit-text-fill-color: #ededed !important;
+    -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
+    background-color:transparent;
+    background-image: none;
+    transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
+  }
+  input {
+    background-color:transparent;
+  }
   .app-container{
     background: #fff;
     height: 100vh;
   }
   /deep/ .van-cell{
     padding: 0;
+    border: 1px solid #F1F0F5;
+    padding: 0.2rem 0.5rem;
+    border-radius: 0.5rem;
     .van-field__control{
-      border: 1px solid #F1F0F5;
-      padding: 0.2rem 0.5rem;
-      border-radius: 0.5rem;
+
     }
     &:after{
       border: none;
diff --git a/src/views/lawEnforcement/scheme/schemeDetail.vue b/src/views/lawEnforcement/scheme/schemeDetail.vue
new file mode 100644
index 00000000..7a03d9ed
--- /dev/null
+++ b/src/views/lawEnforcement/scheme/schemeDetail.vue
@@ -0,0 +1,420 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      title="案件详情"
+      fixed
+      placeholder
+      left-arrow
+      @click-left="onClickLeft"
+    />
+    <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="方案名称：" :label="schemeOption.schemeName" />
+      <van-cell title="检查方式：" :value="schemeOption.checkMethod" />
+      <van-cell title="检查部门：" :value="schemeOption.checkDepartment" />
+      <van-cell title="检查时间：" :value="schemeOption.checkStartDate" />
+      <van-cell title="检查类型：" :value="schemeOption.checkType" />
+      <van-cell title="检查事项：" :label="schemeOption.checkList" />
+      <van-cell title="方案描述：" :label="schemeOption.checkContent" />
+
+    </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 schemeOption.tenforceSchemeHandlerList">
+          <van-col :span="4">{{index+1}}</van-col>
+          <van-col :span="10">{{item.name}}</van-col>
+          <van-col :span="10">{{item.enforceNum}}</van-col>
+        </van-row>
+      </div>
+    </div>
+
+    <div class="main_box2">
+      <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-row v-for="(item,index) in schemeOption.historicActivityList">
+        <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="schemeOption.historicActivityList.length != index+1"></p>
+          </div>
+        </van-col>
+        <van-col :span="20">
+          <van-cell :title="item.activityName" center>
+            <template #label>
+              <p>{{item.time}}</p>
+            </template>
+            <template #default>
+              <p style="color: #999999;">{{item.assigneeName == null ? '(空)' : item.assigneeName}}</p>
+              <p style="color: #666666;">
+                <span
+                  class="bq"
+                  :style="{
+                    background:item.comment == '提交申请' ? 'rgba(29,111,233,0.2)' : item.comment == '同意' ? 'rgba(29,204,128,0.2)' :  item.comment == '自动结束' ? 'rgba(255,166,62,0.2)' : '',
+                    color:item.comment == '提交申请' ? '#1D6FE9' : item.comment == '同意' ? '#1DCC80' :  item.comment == '自动结束' ? '#FFA63E' : ''
+                  }"
+                >
+                  {{item.comment}}
+                </span>
+              </p>
+            </template>
+          </van-cell>
+        </van-col>
+      </van-row>
+
+    </div>
+  </div>
+</template>
+<script>
+import { getTopDeptId , schemeDetail } from "@/api/lawEnforcement/index";
+import law from "@/components/common/law_footer";
+export default {
+  name: "index",
+  components: {
+    law
+  },
+  data() {
+    return {
+      showBankType:false,
+      showPayeeType:false,
+      showPicker:false,
+      form:{},
+
+      bankType:'',
+      payeeType:'',
+      value:'',
+
+      schemeOption:[]
+
+    };
+  },
+  created() {
+    this.getDetail()
+  },
+  methods: {
+    getDetail(){
+      schemeDetail(this.$route.query.id).then(response => {
+        this.schemeOption = response.data;
+      });
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+@font-face {
+  font-family: SourceHanSansCNBold;
+  src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");
+}
+.app-container {
+  padding: 0;
+}
+.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-right: 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-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;
+  }
+  .van-col{
+    height: 76PX;
+    position: relative;
+  }
+  .van-row:nth-child(2n){
+    background: rgba(29,111,233,0.1);
+  }
+  /deep/ .van-cell{
+    background: transparent;
+  }
+  .bq{
+    display: inline-block;
+    padding: 4PX 10PX;
+    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;
+  }
+  .indexBorder{
+    width: 10PX;
+    position: absolute;
+    right: 0;
+    top: calc(50% - 5PX);
+    .yq{
+      height: 10PX;
+      width: 10PX;
+      background: #C9C9C9;
+      border-radius: 50%;
+    }
+    .ss{
+      height: 33PX;
+      width: 2PX;
+      background: #C9C9C9;
+      position: relative;
+      left: 4PX;
+    }
+    .ssT{
+      height: 33PX;
+      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/workDynamics/workList.vue b/src/views/lawEnforcement/workDynamics/workList.vue
index 366a0039..9971d914 100644
--- a/src/views/lawEnforcement/workDynamics/workList.vue
+++ b/src/views/lawEnforcement/workDynamics/workList.vue
@@ -19,7 +19,7 @@
           :key="index"
           :title="pageType == 'scheme' ? item.schemeName : item.title"
           :value="pageType == 'scheme' ? item.applyTime : item.newsTime"
-          :to="{name:'workDetail',query:{id:item.id}}"
+          :to="{name:pageType == 'scheme' ? 'schemeDetail':'workDetail',query:{id:item.id}}"
         />
       </van-cell-group>
     </van-list>