zhangzl
/
nsgk_mobile
2
0
Derivar 0
Código Questões 0 Pedidos de integração 0 Lançamentos 0 Wiki Trabalho
移动端
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
264 Cometimentos
7 Ramos
79 MiB
 
 
Árvore: 2adb2f6367
Ramos Etiquetas
${ item.name }
Criar ramo ${ searchTerm }
de '2adb2f6367'
${ noResults }
nsgk_mobile/src/views/lawEnforcement/case/caseDetail.vue

2111 linhas
76 KiB
Em bruto Responsabilidade Histórico 

  1. <template>

  2.   <div class="app-container">

  3.     <van-nav-bar

  4.       title="案件详情"

  5.       fixed

  6.       placeholder

  7.       left-arrow

  8.       @click-left="onClickLeft"

  9.     />

  10.     <van-tabs type="card" :duration="0.2" animated background="transparent" v-model="caseProgress">

  11.       <!--      登记-->

  12.       <van-tab :disabled="0 <= caseActive ? false : true">

  13.         <template #title>

  14.           <div

  15.             :class="{ finish: 1 <= caseActive , notStarted: 1 > caseActive , ongoing: 0 == caseActive }"

  16.           >

  17.             <p>登记</p>

  18.             <p>

  19.               <van-icon name="success" v-if="1 <= caseActive"/>

  20.               <van-icon name="circle" v-if="caseActive == 0"/>

  21.             </p>

  22.           </div>

  23.         </template>

  24.         <div class="main_box">

  25.           <van-cell>

  26.             <template #title>

  27.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>

  28.               <span class="custom-title">登记<i class="bgBlue"></i></span>

  29.             </template>

  30.           </van-cell>

  31.           <van-cell title="案件来源" :value="form.caseSource"/>

  32.           <van-cell title="关联方案" :value="form.schemeId"/>

  33.         </div>

  34. 

  35.         <div class="main_box">

  36.           <van-cell>

  37.             <template #title>

  38.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>

  39.               <span class="custom-title">案件信息<i class="bgBlue"></i></span>

  40.             </template>

  41.           </van-cell>

  42.           <van-cell title="案件编码" :value="form.caseNum"/>

  43.           <van-cell title="案件名称" :value="form.caseName"/>

  44.           <van-cell title="登记日期" :value="form.registerDate" right-icon="calendar-o" />

  45.           <van-cell title="执法类别" :value="form.enforceCategory"/>

  46.           <van-cell title="当事人类型" :value="form.typeLable"/>

  47. 

  48. 

  49.           <template v-if="form.type=='1'">

  50.             <van-cell title="当事人姓名" :value="form.name"/>

  51.             <van-cell title="性别" :value="form.sex"/>

  52.             <van-cell title="民族" :value="form.nation" />

  53.             <van-cell title="出生日期" :value="form.birthday" />

  54.             <van-cell title="身份证号" :value="form.cardNum" />

  55.             <van-cell title="工作单位及职务" :value="form.companyPosition" />

  56.             <van-cell title="所在地区" :value="form.deptId" />

  57.             <van-cell title="联系电话" :value="form.phone" />

  58.             <van-cell title="联系地址" :value="form.address" />

  59.             <van-cell title="统一社会信用代码" :value="form.uniformCode" />

  60.             <van-cell title="字号名称" :value="form.zihao" />

  61.           </template>

  62. 

  63.           <template v-if="form.type=='2'">

  64.             <van-cell title="企业名称" :value="form.companyName"/>

  65.             <van-cell title="法人/负责人" :value="form.legalName"/>

  66.             <van-cell title="所在地区" :value="form.deptId" />

  67.             <van-cell title="联系地址" :value="form.address" />

  68.             <van-cell title="联系电话" :value="form.phone" />

  69.             <van-cell title="统一社会信用代码" :value="form.uniformCode" />

  70.           </template>

  71.         </div>

  72. 

  73.         <div class="main_box" style="margin-top: 10px;">

  74.           <van-cell>

  75.             <template #title>

  76.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>

  77.               <span class="custom-title">案件文档<i class="bgBlue"></i></span>

  78.             </template>

  79.           </van-cell>

  80.           <van-uploader v-model="fileList" multiple :show-upload="false" :deletable="false" />

  81.         </div>

  82.       </van-tab>

  83.       <!--      勘察-->

  84.       <van-tab :disabled="1 <= caseActive ? false : true">

  85.         <template #title>

  86.           <div

  87.             :class="{ finish: 2 <= caseActive , notStarted: 2 > caseActive , ongoing: 1 == caseActive }"

  88.           >

  89.             <p>勘察</p>

  90.             <p>

  91.               <van-icon name="success" v-if="2 <= caseActive"/>

  92.               <van-icon name="circle" v-if="caseActive == 1"/>

  93.             </p>

  94.           </div>

  95.         </template>

  96.         <div class="main_box">

  97.           <van-cell>

  98.             <template #title>

  99.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>

  100.               <span class="custom-title">勘察<i class="bgBlue"></i></span>

  101.             </template>

  102.           </van-cell>

  103.           <van-cell title="案件名称" v-model="surveyForm.caseName"/>

  104.           <van-cell title="关联方案" v-model="surveyForm.schemeId"/>

  105.         </div>

  106. 

  107.         <div class="main_box" style="margin-top: 10px;">

  108.           <van-cell>

  109.             <template #title>

  110.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>

  111.               <span class="custom-title">执行人员<i class="bgBlue"></i></span>

  112.             </template>

  113.           </van-cell>

  114.           <div class="peopleList">

  115.             <van-row>

  116.               <van-col :span="4">序号</van-col>

  117.               <van-col :span="10">执行人员</van-col>

  118.               <van-col :span="10">执法证号</van-col>

  119.             </van-row>

  120. 

  121.             <van-row v-for="(item,index) in tEnforceCaseHandlerList" :key="index">

  122.               <van-col :span="4">{{index+1}}</van-col>

  123.               <van-col :span="10">{{item.enforcerName}}</van-col>

  124.               <van-col :span="10">{{item.enforcerNum}}</van-col>

  125.             </van-row>

  126. 

  127.           </div>

  128.         </div>

  129. 

  130.         <div class="main_box">

  131.           <van-cell>

  132.             <template #title>

  133.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>

  134.               <span class="custom-title">现场检查<i class="bgBlue"></i></span>

  135.             </template>

  136.           </van-cell>

  137.           <van-cell title="勘察开始时间" v-model="surveyForm.surveyStartTime" />

  138.           <van-cell title="勘察结束时间" v-model="surveyForm.surveyEndTime" />

  139.           <van-cell title="当事人" v-model="surveyForm.dangshiren"/>

  140.           <van-cell title="记录人" v-model="surveyForm.recorder"/>

  141.           <van-cell title="检查(勘察)地点" v-model="surveyForm.surveyAddr"/>

  142.           <van-cell title="现场检查(勘察)情况" :label="surveyForm.surveyDescription" />

  143.         </div>

  144. 

  145.         <div class="main_box">

  146.           <van-cell>

  147.             <template #title>

  148.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>

  149.               <span class="custom-title">询问信息<i class="bgBlue"></i></span>

  150.             </template>

  151.           </van-cell>

  152.           <van-cell title="询问开始时间" v-model="surveyForm.askStartTime"/>

  153.           <van-cell title="询问结束时间" v-model="surveyForm.askEndTime"/>

  154.           <van-cell title="询问地点" v-model="surveyForm.askAddr"/>

  155.           <van-cell title="询问记录人" v-model="surveyForm.askRecorder"/>

  156.           <van-cell title="被询问人姓名"v-model="surveyForm.askedName"/>

  157.           <van-cell title="被询问人电话" v-model="surveyForm.askedPhone"/>

  158.           <van-cell title="身份证号" v-model="surveyForm.idCard"/>

  159.           <van-cell title="性别" v-model="surveyForm.gender"/>

  160.           <van-cell title="工作单位" v-model="surveyForm.workCompany" />

  161.           <van-cell title="职务" v-model="surveyForm.workPosition" />

  162.           <van-cell title="住址" v-model="surveyForm.address" />

  163.           <van-cell title="询问问题" :label="surveyForm.question" />

  164.           <van-cell title="被询问人员证件是否清楚" v-model="surveyForm.isClear == 'Y' ? '是' : '否'" />

  165.           <van-cell title="是否申请调查人员回避" v-model="surveyForm.isAvoid == 'Y' ? '是' : '否'" />

  166.           <van-cell title="被询问人回答内容" :label="surveyForm.answer" />

  167.         </div>

  168. 

  169.         <div class="main_box">

  170.           <van-cell>

  171.             <template #title>

  172.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_xccj.png" size="20"></van-icon>

  173.               <span class="custom-title">现场抽检选项<i class="bgBlue"></i></span>

  174.             </template>

  175.           </van-cell>

  176.           <van-cell title="是否现场抽检" v-model="surveyForm.isSpotCheck == 'Y' ? '是' : '否'"/>

  177.         </div>

  178. 

  179.         <div class="main_box">

  180.           <van-cell>

  181.             <template #title>

  182.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>

  183.               <span class="custom-title">案件信息<i class="bgBlue"></i></span>

  184.             </template>

  185.           </van-cell>

  186.           <van-cell title="受理时间" v-model="surveyForm.handleDate" />

  187.           <van-cell title="受案时间" v-model="surveyForm.shouanDate" />

  188.           <van-cell title="简要案情及立案（不予立案）理由" :label="surveyForm.reason" />

  189.           <van-cell title="是否审批" v-model="surveyForm.isApprove == 'Y' ? '是' : '否'"/>

  190.           <van-cell title="审批程序设置" v-model="surveyForm.surveyResult" />

  191.         </div>

  192. 

  193.         <div class="main_box" style="margin-top: 10px;">

  194.           <van-cell>

  195.             <template #title>

  196.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>

  197.               <span class="custom-title">案件文档<i class="bgBlue"></i></span>

  198.             </template>

  199.           </van-cell>

  200.           <van-uploader v-model="fileList" multiple :show-upload="false" :deletable="false" />

  201.         </div>

  202. 

  203.         <p class="splcTit">审批流程</p>

  204.         <div class="main_box2">

  205.           <van-row v-for="(item,index) in historyList" :key="index">

  206.             <van-col :span="4">

  207.               <p class="index">{{index+1}}</p>

  208.               <div class="indexBorder" :class="{'indexCenter':index==0 ? false : true}">

  209.                 <p class="ssT" v-if="index>0"></p>

  210.                 <p class="yq"></p>

  211.                 <p class="ss" v-if="historyList.length != index+1"></p>

  212.               </div>

  213.             </van-col>

  214.             <van-col :span="20">

  215.               <van-cell :title="item.activityName" center>

  216.                 <template #label>

  217.                   <p>{{ item.endTime }}</p>

  218.                 </template>

  219.                 <template #default>

  220.                   <p style="color: #666666;">{{ item.assigneeName }}

  221.                     <span

  222.                       class="bq"

  223.                       :style="{

  224.                         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)' : '',

  225.                         color:item.comment == '提交申请' ? '#1D6FE9' : item.comment == '同意' ? '#1DCC80' :  item.comment == '自动结束' ? '#FFA63E' : ''

  226.                       }"

  227.                     >{{ item.comment }}</span>

  228.                   </p>

  229.                   <p style="color: #999999;">{{ item.durationInMillis }}</p>

  230.                 </template>

  231.               </van-cell>

  232.             </van-col>

  233.           </van-row>

  234.         </div>

  235. 

  236.         <div class="main_box examine_box" v-if="caseActive == 1 && type == 'waiting'">

  237.           <van-row type="flex" justify="space-between" align="center">

  238.             <van-col span="5">审批<br/>意见</van-col>

  239.             <van-col span="19">

  240.               <van-radio-group v-model="pass" direction="horizontal">

  241.                 <van-radio name="true">同意</van-radio>

  242.                 <van-radio name="false">驳回</van-radio>

  243.               </van-radio-group>

  244.               <van-field rows="2" autosize v-model="comment" type="textarea" placeholder="审批意见"/>

  245.             </van-col>

  246.           </van-row>

  247.         </div>

  248.         <div style="margin: 16px 2%;" v-if="caseActive == 1 && type == 'waiting'">

  249.           <van-row>

  250.             <van-col span="24" align="center">

  251.               <van-button type="info" native-type="submit" @click="submitCase" class="submitButtonActive">提交</van-button>

  252.             </van-col>

  253.           </van-row>

  254.           <div class="clear"></div>

  255.         </div>

  256.       </van-tab>

  257.       <!--      立案-->

  258.       <van-tab :disabled="2 <= caseActive ? false : true">

  259.         <template #title>

  260.           <div

  261.             :class="{ finish: 3 <= caseActive , notStarted: 3 > caseActive , ongoing: 2 == caseActive }"

  262.           >

  263.             <p>立案</p>

  264.             <p>

  265.               <van-icon name="success" v-if="3 <= caseActive"/>

  266.               <van-icon name="circle" v-if="caseActive == 2"/>

  267.             </p>

  268.           </div>

  269.         </template>

  270.         <div class="main_box">

  271.           <van-cell>

  272.             <template #title>

  273.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>

  274.               <span class="custom-title">立案<i class="bgBlue"></i></span>

  275.             </template>

  276.           </van-cell>

  277.           <van-cell title="案件名称" :value="putRecordForm.caseName" />

  278.           <van-cell title="关联方案" :value="putRecordForm.schemeId" />

  279.         </div>

  280. 

  281.         <div class="main_box" style="margin-top: 10px;">

  282.           <van-cell>

  283.             <template #title>

  284.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>

  285.               <span class="custom-title">办理人员<i class="bgBlue"></i></span>

  286.             </template>

  287.           </van-cell>

  288.           <div class="peopleList">

  289.             <van-row>

  290.               <van-col :span="4">序号</van-col>

  291.               <van-col :span="10">执行人员</van-col>

  292.               <van-col :span="10">执法证号</van-col>

  293.             </van-row>

  294. 

  295.             <van-row v-for="(item,index) in tEnforcePutRecordHandlerList" :key="index">

  296.               <van-col :span="4">{{index+1}}</van-col>

  297.               <van-col :span="10">{{item.enforcerName}}</van-col>

  298.               <van-col :span="10">{{item.enforcerNum}}</van-col>

  299.             </van-row>

  300. 

  301.           </div>

  302.         </div>

  303. 

  304.         <div class="main_box">

  305.           <van-cell>

  306.             <template #title>

  307.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.png" size="20"></van-icon>

  308.               <span class="custom-title">查封扣押<i class="bgBlue"></i></span>

  309.             </template>

  310.           </van-cell>

  311.           <van-cell title="涉嫌违法行为" :value="putRecordForm.illegalAct" />

  312.           <van-cell title="处罚依据及内容" :value="putRecordForm.punishContent" />

  313.           <van-cell title="查封日期" :value="putRecordForm.sealDate" />

  314.           <van-cell title="查封时效" :value="putRecordForm.sealTimeliness" />

  315.           <van-cell title="查封天数" :value="putRecordForm.sealDays" />

  316.           <van-cell title="产品保存地点" :value="putRecordForm.savePlace" />

  317.           <van-cell title="现场情况" :value="putRecordForm.sceneCondition" />

  318.           <van-cell title="上诉单位" :value="putRecordForm.appealUnit" />

  319.           <van-cell title="复议单位" :value="putRecordForm.administrativeDept"  />

  320.           <van-cell title="诉讼单位" :value="putRecordForm.lawsuitDept"  />

  321.           <div class="peopleList cf">

  322.             <van-row>

  323.               <van-col :span="5">财务名称</van-col>

  324.               <van-col :span="3">规格</van-col>

  325.               <van-col :span="3">数量</van-col>

  326.               <van-col :span="6">生产日期</van-col>

  327.               <van-col :span="7">生产经营单位</van-col>

  328.             </van-row>

  329. 

  330.             <van-row v-for="(item,index) in tEnforceDetainHandlerList" :key="index">

  331.               <van-col :span="5">{{item.name}}</van-col>

  332.               <van-col :span="3">{{item.size}}</van-col>

  333.               <van-col :span="3">{{item.propertyNum}}</van-col>

  334.               <van-col :span="6">{{item.productTimeNum}}</van-col>

  335.               <van-col :span="7">{{item.productUnit}}</van-col>

  336.             </van-row>

  337. 

  338.           </div>

  339. 

  340.           <div class="cf">

  341.             <van-row>

  342.               <van-col :span="6">

  343.                 <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />

  344.                 <p>证据先行</p>

  345.                 <p>保存通知书</p>

  346.               </van-col>

  347.               <van-col :span="6">

  348.                 <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />

  349.                 <p>查封扣押</p>

  350.                 <p>现场笔录</p>

  351.               </van-col>

  352.               <van-col :span="6">

  353.                 <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />

  354.                 <p>查封扣押</p>

  355.                 <p>决定书</p>

  356.               </van-col>

  357.               <van-col :span="6"></van-col>

  358.             </van-row>

  359.           </div>

  360.         </div>

  361. 

  362.         <div class="main_box">

  363.           <van-cell>

  364.             <template #title>

  365.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.png" size="20"></van-icon>

  366.               <span class="custom-title">抽样信息<i class="bgBlue"></i></span>

  367.             </template>

  368.           </van-cell>

  369.           <van-cell title="抽样现场人员" :value="samplingForm.samplingScene" />

  370.           <van-cell title="抽样时间" :value="samplingForm.samplingTime" />

  371.           <van-cell title="抽样地点" :value="samplingForm.samplingPlace" />

  372.           <van-cell title="联系人" :value="samplingForm.linkman" />

  373.           <van-cell title="联系电话" :value="samplingForm.linkPhone" />

  374. 

  375.           <div v-for="(item,index) in tEnforceSamplingGoodsList" :key="index">

  376.             <van-cell title="" value=" " />

  377.             <van-cell title="物品名称" :value="item.goodsName" />

  378.             <van-cell title="商标" :value="item.goodsIcon" />

  379.             <van-cell title="生产单位" :value="item.productUnit" />

  380.             <van-cell title="厂家确认期限" :value="item.timeliness"  />

  381.             <van-cell title="产品许可证" :value="item.productLicenseNum"  />

  382.             <van-cell title="单位许可证" :value="item.unitLicenseNum"  />

  383.             <van-cell title="生产日期" :value="item.productTimeNum"  />

  384.             <van-cell title="样品规格" :value="item.specs"  />

  385.             <van-cell title="样品基数" :value="item.basenum"  />

  386.             <van-cell title="抽样数量" :value="item.samplingNum"  />

  387.             <van-cell title="产品确认期限" :value="item.confirmTimeliness"  />

  388.             <van-cell title="抽样产品附件" :value="item.attachement"  />

  389. 

  390.             <div class="cf">

  391.               <van-row>

  392.                 <van-col :span="6">

  393.                   <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />

  394.                   <p>产品确认</p>

  395.                   <p>通知书</p>

  396.                 </van-col>

  397.                 <van-col :span="6">

  398.                   <van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" />

  399.                   <p>抽样取证</p>

  400.                   <p>凭证</p>

  401.                 </van-col>

  402.                 <van-col :span="6"></van-col>

  403.                 <van-col :span="6"></van-col>

  404.               </van-row>

  405.             </div>

  406.           </div>

  407.         </div>

  408.         <div class="main_box">

  409.           <van-cell>

  410.             <template #title>

  411.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>

  412.               <span class="custom-title">案件信息<i class="bgBlue"></i></span>

  413.             </template>

  414.           </van-cell>

  415.           <van-cell title="立案程序" value="一般程序"  />

  416.           <van-cell title="案件进展" :label="putRecordForm.progressCase"  />

  417.         </div>

  418. 

  419.         <div class="main_box" style="margin-top: 10px;margin-bottom: 20PX;">

  420.           <van-cell>

  421.             <template #title>

  422.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>

  423.               <span class="custom-title">案件文档<i class="bgBlue"></i></span>

  424.             </template>

  425.           </van-cell>

  426.           <van-uploader v-model="fileList" multiple />

  427.         </div>

  428.       </van-tab>

  429.       <!--      取证-->

  430.       <van-tab :disabled="3 <= caseActive ? false : true">

  431.         <template #title>

  432.           <div

  433.             :class="{ finish: 4 <= caseActive , notStarted: 4 > caseActive , ongoing: 3 == caseActive }"

  434.           >

  435.             <p>取证</p>

  436.             <p>

  437.               <van-icon name="success" v-if="4 <= caseActive"/>

  438.               <van-icon name="circle" v-if="caseActive == 3"/>

  439.             </p>

  440.           </div>

  441.         </template>

  442.         <div class="main_box">

  443.           <van-cell>

  444.             <template #title>

  445.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>

  446.               <span class="custom-title">取证<i class="bgBlue"></i></span>

  447.             </template>

  448.           </van-cell>

  449.           <van-cell title="案件名称" v-model="evidenceForm.caseName"/>

  450.           <van-cell title="关联方案" v-model="evidenceForm.schemeId"/>

  451.         </div>

  452. 

  453.         <div class="main_box" style="margin-top: 10px;">

  454.           <van-cell>

  455.             <template #title>

  456.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>

  457.               <span class="custom-title">办理人员<i class="bgBlue"></i></span>

  458.             </template>

  459.           </van-cell>

  460.           <div class="peopleList">

  461.             <van-row>

  462.               <van-col :span="4">序号</van-col>

  463.               <van-col :span="10">执行人员</van-col>

  464.               <van-col :span="10">执法证号</van-col>

  465.             </van-row>

  466. 

  467.             <van-row v-for="(item,index) in tEnforceEvidenceHandlerList" :key="index">

  468.               <van-col :span="4">{{index+1}}</van-col>

  469.               <van-col :span="10">{{item.enforcerName}}</van-col>

  470.               <van-col :span="10">{{item.enforcerNum}}</van-col>

  471.             </van-row>

  472. 

  473.           </div>

  474.         </div>

  475. 

  476.         <div class="main_box">

  477.           <van-cell>

  478.             <template #title>

  479.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>

  480.               <span class="custom-title">检测结果<i class="bgBlue"></i></span>

  481.             </template>

  482.           </van-cell>

  483.           <div v-for="(item,index) in detectResults" :key="index">

  484.             <van-cell title="产品名称" v-model="item.goodsName" />

  485.             <van-cell title="检测报告编号" v-model="item.reportNum" />

  486.             <van-cell title="质量判定" v-model="item.qualityStatus"/>

  487.             <van-cell title="检测结果附件" v-model="item.attachement"/>

  488.           </div>

  489.           <van-cell title="检测结果" v-model="evidenceForm.detectionResult" />

  490.           <van-cell title="申请复检单位" v-model="evidenceForm.reviewUnit" />

  491.           <van-cell title="复检时效" v-model="evidenceForm.reviewTime"/>

  492.           <van-cell title="联系人" v-model="evidenceForm.linkman"/>

  493.           <van-cell title="联系电话" v-model="evidenceForm.linkPhone"/>

  494.         </div>

  495. 

  496.         <div class="main_box">

  497.           <van-cell>

  498.             <template #title>

  499.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>

  500.               <span class="custom-title">案件信息<i class="bgBlue"></i></span>

  501.             </template>

  502.           </van-cell>

  503.           <van-cell title="案件调查过程" v-model="evidenceForm.investigationProcess" />

  504.           <van-cell title="涉嫌违法事实" v-model="evidenceForm.allegedIllegal" />

  505.           <van-cell title="违反条例" v-model="evidenceForm.violationRegulations" />

  506.           <van-cell title="处罚依据" v-model="evidenceForm.punishmentBase"/>

  507.           <van-cell title="证据材料" v-model="evidenceForm.caseDocuments" />

  508.           <van-cell title="调查结论" v-model="evidenceForm.conclusion" />

  509.           <van-cell title="处罚决定" :label="evidenceForm.penaltyDecision" />

  510.         </div>

  511. 

  512.         <div class="main_box" style="margin-top: 10px;">

  513.           <van-cell>

  514.             <template #title>

  515.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>

  516.               <span class="custom-title">案件文档<i class="bgBlue"></i></span>

  517.             </template>

  518.           </van-cell>

  519.           <van-uploader v-model="fileList" multiple :show-upload="false" :deletable="false" />

  520.         </div>

  521. 

  522.         <p class="splcTit">审批流程</p>

  523.         <div class="main_box2">

  524.           <van-row v-for="(item,index) in evidencHistoryList" :key="index">

  525.             <van-col :span="4">

  526.               <p class="index">{{index+1}}</p>

  527.               <div class="indexBorder" :class="{'indexCenter':index==0 ? false : true}">

  528.                 <p class="ssT" v-if="index>0"></p>

  529.                 <p class="yq"></p>

  530.                 <p class="ss" v-if="evidencHistoryList.length != index+1"></p>

  531.               </div>

  532.             </van-col>

  533.             <van-col :span="20">

  534.               <van-cell :title="item.activityName" center>

  535.                 <template #label>

  536.                   <p>{{ item.endTime }}</p>

  537.                 </template>

  538.                 <template #default>

  539.                   <p style="color: #666666;">{{ item.assigneeName }}

  540.                     <span

  541.                       class="bq"

  542.                       :style="{

  543.                         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)' : '',

  544.                         color:item.comment == '提交申请' ? '#1D6FE9' : item.comment == '同意' ? '#1DCC80' :  item.comment == '自动结束' ? '#FFA63E' : ''

  545.                       }"

  546.                     >{{ item.comment }}</span>

  547.                   </p>

  548.                   <p style="color: #999999;">{{ item.durationInMillis }}</p>

  549.                 </template>

  550.               </van-cell>

  551.             </van-col>

  552.           </van-row>

  553.         </div>

  554. 

  555.         <div class="main_box examine_box" v-if="caseActive == 3 && type == 'waiting'">

  556.           <van-row type="flex" justify="space-between" align="center">

  557.             <van-col span="5">审批<br/>意见</van-col>

  558.             <van-col span="19">

  559.               <van-radio-group v-model="pass" direction="horizontal">

  560.                 <van-radio name="true">同意</van-radio>

  561.                 <van-radio name="false">驳回</van-radio>

  562.               </van-radio-group>

  563.               <van-field rows="2" autosize v-model="comment" type="textarea" placeholder="审批意见"/>

  564.             </van-col>

  565.           </van-row>

  566.         </div>

  567.         <div style="margin: 16px 2%;" v-if="caseActive == 3 && type == 'waiting'">

  568.           <van-row>

  569.             <van-col span="24" align="center">

  570.               <van-button type="info" native-type="submit" @click="submitEvidence" class="submitButtonActive">提交</van-button>

  571.             </van-col>

  572.           </van-row>

  573.           <div class="clear"></div>

  574.         </div>

  575.       </van-tab>

  576.       <!--      处理-->

  577.       <van-tab :disabled="4 <= caseActive ? false : true">

  578.         <template #title>

  579.           <div

  580.             :class="{ finish: 5 <= caseActive , notStarted: 5 > caseActive , ongoing: 4 == caseActive }"

  581.           >

  582.             <p>处理</p>

  583.             <p>

  584.               <van-icon name="success" v-if="5 <= caseActive"/>

  585.               <van-icon name="circle" v-if="caseActive == 4"/>

  586.             </p>

  587.           </div>

  588.         </template>

  589.         <div class="main_box">

  590.           <van-cell>

  591.             <template #title>

  592.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>

  593.               <span class="custom-title">处理<i class="bgBlue"></i></span>

  594.             </template>

  595.           </van-cell>

  596.           <van-cell title="案件名称" v-model="treatForm.caseName"/>

  597.           <van-cell title="关联方案" v-model="treatForm.schemeId"/>

  598.         </div>

  599. 

  600.         <div class="main_box" style="margin-top: 10px;">

  601.           <van-cell>

  602.             <template #title>

  603.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>

  604.               <span class="custom-title">办理人员<i class="bgBlue"></i></span>

  605.             </template>

  606.           </van-cell>

  607.           <div class="peopleList">

  608.             <van-row>

  609.               <van-col :span="4">序号</van-col>

  610.               <van-col :span="10">执行人员</van-col>

  611.               <van-col :span="10">执法证号</van-col>

  612.             </van-row>

  613. 

  614.             <van-row v-for="(item,index) in tEnforceTreatHandlerList" :key="index">

  615.               <van-col :span="4">{{index+1}}</van-col>

  616.               <van-col :span="10">{{item.enforcerName}}</van-col>

  617.               <van-col :span="10">{{item.enforcerNum}}</van-col>

  618.             </van-row>

  619. 

  620.           </div>

  621.         </div>

  622. 

  623.         <div class="main_box">

  624.           <van-cell>

  625.             <template #title>

  626.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>

  627.               <span class="custom-title">听证<i class="bgBlue"></i></span>

  628.             </template>

  629.           </van-cell>

  630.           <van-cell title="是否听证" v-model="treatForm.isHearing" />

  631.           <div v-if="treatForm.isHearing=='Y'">

  632.             <van-cell title="听证开始时间" v-model="treatForm.hearingStartTime" />

  633.             <van-cell title="听证结束时间" v-model="treatForm.hearingEndTime" />

  634.             <van-cell title="听证地点" v-model="treatForm.place"/>

  635.             <van-cell title="申请人" v-model="treatForm.proposer"/>

  636.             <van-cell title="法人代表(负责人)" v-model="treatForm.director" />

  637.             <van-cell title="证件类型" v-model="treatForm.documentType" />

  638.             <van-cell title="证件号码" v-model="treatForm.documentNumber"/>

  639.             <van-cell title="联系方式" v-model="treatForm.phoneNumber"/>

  640.             <van-cell title="通讯地址" v-model="treatForm.postalAddress"/>

  641. 

  642.             <van-cell title="委托代理人" v-model="treatForm.agent"/>

  643.             <van-cell title="代理人证件类型" v-model="treatForm.agentDocumentType"/>

  644.             <van-cell title="代理人证件号码" v-model="treatForm.agentDocumentNumber"/>

  645.             <van-cell title="代理人联系方式" v-model="treatForm.agentPhoneNumber"/>

  646.             <van-cell title="代理人通讯地址" v-model="treatForm.agentPostalAddress"/>

  647.             <van-cell title="听证主持人" v-model="treatForm.hearingHost"/>

  648.             <van-cell title="听证主持人执法证号" v-model="treatForm.hearingHostNum"/>

  649.             <van-cell title="听证记录人" v-model="treatForm.hearingRecorder"/>

  650.             <van-cell title="听证记录人执法证号" v-model="treatForm.hearingRecorderNum"/>

  651.             <van-cell title="主持听证机关" v-model="treatForm.hearingAuthority"/>

  652.             <van-cell title="听证记录" :label="treatForm.hearingRecord"/>

  653.             <van-cell title="听证会报告事项" :label="treatForm.hearingReportMatters"/>

  654.           </div>

  655.         </div>

  656. 

  657.         <div class="main_box">

  658.           <van-cell>

  659.             <template #title>

  660.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>

  661.               <span class="custom-title">案件处理意见<i class="bgBlue"></i></span>

  662.             </template>

  663.           </van-cell>

  664.           <van-cell title="案件事实及依据" :label="treatForm.caseEvidence" />

  665.           <van-cell title="裁量依据及理由" :label="treatForm.caseReason" />

  666.           <van-cell title="陈述申辩或听证情况" :label="treatForm.caseSituation" />

  667.           <van-cell title="处罚意见" :label="treatForm.caseOpinion"/>

  668.           <van-cell title="处罚决定" :label="treatForm.caseDecision" />

  669.         </div>

  670. 

  671.         <div class="main_box" style="margin-top: 10px;">

  672.           <van-cell>

  673.             <template #title>

  674.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>

  675.               <span class="custom-title">案件文档<i class="bgBlue"></i></span>

  676.             </template>

  677.           </van-cell>

  678.           <van-uploader v-model="fileList" multiple :show-upload="false" :deletable="false" />

  679.         </div>

  680. 

  681.         <p class="splcTit">审批流程</p>

  682.         <div class="main_box2">

  683.           <van-row v-for="(item,index) in treatHistoryList" :key="index">

  684.             <van-col :span="4">

  685.               <p class="index">{{index+1}}</p>

  686.               <div class="indexBorder" :class="{'indexCenter':index==0 ? false : true}">

  687.                 <p class="ssT" v-if="index>0"></p>

  688.                 <p class="yq"></p>

  689.                 <p class="ss" v-if="treatHistoryList.length != index+1"></p>

  690.               </div>

  691.             </van-col>

  692.             <van-col :span="20">

  693.               <van-cell :title="item.activityName" center>

  694.                 <template #label>

  695.                   <p>{{ item.endTime }}</p>

  696.                 </template>

  697.                 <template #default>

  698.                   <p style="color: #666666;">{{ item.assigneeName }}

  699.                     <span

  700.                       class="bq"

  701.                       :style="{

  702.                         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)' : '',

  703.                         color:item.comment == '提交申请' ? '#1D6FE9' : item.comment == '同意' ? '#1DCC80' :  item.comment == '自动结束' ? '#FFA63E' : ''

  704.                       }"

  705.                     >{{ item.comment }}</span>

  706.                   </p>

  707.                   <p style="color: #999999;">{{ item.durationInMillis }}</p>

  708.                 </template>

  709.               </van-cell>

  710.             </van-col>

  711.           </van-row>

  712.         </div>

  713. 

  714.         <div class="main_box examine_box" v-if="caseActive == 4 && type == 'waiting'">

  715.           <van-row type="flex" justify="space-between" align="center">

  716.             <van-col span="5">审批<br/>意见</van-col>

  717.             <van-col span="19">

  718.               <van-radio-group v-model="pass" direction="horizontal">

  719.                 <van-radio name="true">同意</van-radio>

  720.                 <van-radio name="false">驳回</van-radio>

  721.               </van-radio-group>

  722.               <van-field rows="2" autosize v-model="comment" type="textarea" placeholder="审批意见"/>

  723.             </van-col>

  724.           </van-row>

  725.         </div>

  726.         <div style="margin: 16px 2%;" v-if="caseActive == 4 && type == 'waiting'">

  727.           <van-row>

  728.             <van-col span="24" align="center">

  729.               <van-button type="info" native-type="submit" @click="submitTreat" class="submitButtonActive">提交</van-button>

  730.             </van-col>

  731.           </van-row>

  732.           <div class="clear"></div>

  733.         </div>

  734.       </van-tab>

  735.       <!--      裁决-->

  736.       <van-tab :disabled="5 <= caseActive ? false : true">

  737.         <template #title>

  738.           <div

  739.             :class="{ finish: 6 <= caseActive , notStarted: 6 > caseActive , ongoing: 5 == caseActive }"

  740.           >

  741.             <p>裁决</p>

  742.             <p>

  743.               <van-icon name="success" v-if="6 <= caseActive"/>

  744.               <van-icon name="circle" v-if="caseActive == 5"/>

  745.             </p>

  746.           </div>

  747.         </template>

  748.         <div class="main_box">

  749.           <van-cell>

  750.             <template #title>

  751.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>

  752.               <span class="custom-title">裁决<i class="bgBlue"></i></span>

  753.             </template>

  754.           </van-cell>

  755.           <van-cell title="案件名称" v-model="decisionForm.caseName"/>

  756.           <van-cell title="关联方案" v-model="decisionForm.schemeId"/>

  757.         </div>

  758. 

  759.         <div class="main_box" style="margin-top: 10px;">

  760.           <van-cell>

  761.             <template #title>

  762.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>

  763.               <span class="custom-title">送达回证人员<i class="bgBlue"></i></span>

  764.             </template>

  765.           </van-cell>

  766.           <div class="peopleList">

  767.             <van-row>

  768.               <van-col :span="4">序号</van-col>

  769.               <van-col :span="10">执行人员</van-col>

  770.               <van-col :span="10">执法证号</van-col>

  771.             </van-row>

  772. 

  773.             <van-row v-for="(item,index) in tEnforceDecisionHandlerList" :key="index">

  774.               <van-col :span="4">{{index+1}}</van-col>

  775.               <van-col :span="10">{{item.enforcerName}}</van-col>

  776.               <van-col :span="10">{{item.enforcerNum}}</van-col>

  777.             </van-row>

  778. 

  779.           </div>

  780.         </div>

  781. 

  782.         <div class="main_box">

  783.           <van-cell>

  784.             <template #title>

  785.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>

  786.               <span class="custom-title">送达文书<i class="bgBlue"></i></span>

  787.             </template>

  788.           </van-cell>

  789.           <van-cell title="送达文书名称" v-model="decisionForm.deliveryName" />

  790.           <van-cell title="送达文书编号" v-model="decisionForm.deliveryNum" />

  791.           <van-cell title="受送达人姓名或名称" v-model="decisionForm.deliveryPersonName"/>

  792.           <van-cell title="送达单位" v-model="decisionForm.deliveryUnit"/>

  793.           <van-cell title="送达方式" v-model="decisionForm.deliveryWay" />

  794.           <van-cell title="送达时间" v-model="decisionForm.deliveryTime" />

  795.           <van-cell title="送达地点" v-model="decisionForm.deliveryAddress"/>

  796.         </div>

  797. 

  798.         <div class="main_box">

  799.           <van-cell>

  800.             <template #title>

  801.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>

  802.               <span class="custom-title">行政处罚<i class="bgBlue"></i></span>

  803.             </template>

  804.           </van-cell>

  805.           <van-cell title="缴款时间" v-model="decisionForm.payTime" />

  806.           <van-cell title="缴款地点" v-model="decisionForm.payAddress" />

  807.           <van-cell title="上诉部门" v-model="decisionForm.appealDept"/>

  808.           <van-cell title="行政部门" v-model="decisionForm.administrativeDept"/>

  809.           <van-cell title="诉讼部门" v-model="decisionForm.lawsuitDept" />

  810.         </div>

  811. 

  812.         <div class="main_box">

  813.           <van-cell>

  814.             <template #title>

  815.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>

  816.               <span class="custom-title">案件信息<i class="bgBlue"></i></span>

  817.             </template>

  818.           </van-cell>

  819.           <van-cell title="备案" label="行政处罚" />

  820.           <van-cell title="案件当前状态" :label="decisionForm.surveyStatus" />

  821.         </div>

  822. 

  823.         <div class="main_box" style="margin-top: 10px;">

  824.           <van-cell>

  825.             <template #title>

  826.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>

  827.               <span class="custom-title">案件文档<i class="bgBlue"></i></span>

  828.             </template>

  829.           </van-cell>

  830.           <van-uploader v-model="fileList" multiple :show-upload="false" :deletable="false" />

  831.         </div>

  832.       </van-tab>

  833.       <!--      执行-->

  834.       <van-tab :disabled="6 <= caseActive ? false : true">

  835.         <template #title>

  836.           <div

  837.             :class="{ finish: 7 <= caseActive , notStarted: 7 > caseActive , ongoing: 6 == caseActive }"

  838.           >

  839.             <p>执行</p>

  840.             <p>

  841.               <van-icon name="success" v-if="7 <= caseActive"/>

  842.               <van-icon name="circle" v-if="caseActive == 6"/>

  843.             </p>

  844.           </div>

  845.         </template>

  846.         <div class="main_box">

  847.           <van-cell>

  848.             <template #title>

  849.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>

  850.               <span class="custom-title">执行<i class="bgBlue"></i></span>

  851.             </template>

  852.           </van-cell>

  853.           <van-cell title="案件名称" v-model="executeForm.caseName"/>

  854.           <van-cell title="关联方案" v-model="executeForm.schemeId"/>

  855.         </div>

  856. 

  857.         <div class="main_box" style="margin-top: 10px;">

  858.           <van-cell>

  859.             <template #title>

  860.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>

  861.               <span class="custom-title">办理人员<i class="bgBlue"></i></span>

  862.             </template>

  863.           </van-cell>

  864.           <div class="peopleList">

  865.             <van-row>

  866.               <van-col :span="4">序号</van-col>

  867.               <van-col :span="10">执行人员</van-col>

  868.               <van-col :span="10">执法证号</van-col>

  869.             </van-row>

  870. 

  871.             <van-row v-for="(item,index) in tEnforceExecuteHandlerList" :key="index">

  872.               <van-col :span="4">{{index+1}}</van-col>

  873.               <van-col :span="10">{{item.enforcerName}}</van-col>

  874.               <van-col :span="10">{{item.enforcerNum}}</van-col>

  875.             </van-row>

  876. 

  877.           </div>

  878.         </div>

  879. 

  880.         <div class="main_box">

  881.           <van-cell>

  882.             <template #title>

  883.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_xwxx.png" size="20"></van-icon>

  884.               <span class="custom-title">处罚催告<i class="bgBlue"></i></span>

  885.             </template>

  886.           </van-cell>

  887.           <van-cell title="滞纳罚款日期" v-model="executeForm.fineTime" />

  888.           <van-cell title="加处罚款金额(元)" v-model="executeForm.fineMoney" />

  889.         </div>

  890. 

  891.         <div class="main_box" style="margin-top: 10px;">

  892.           <van-cell>

  893.             <template #title>

  894.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>

  895.               <span class="custom-title">案件文档<i class="bgBlue"></i></span>

  896.             </template>

  897.           </van-cell>

  898.           <van-uploader v-model="fileList" multiple :show-upload="false" :deletable="false" />

  899.         </div>

  900.       </van-tab>

  901.       <!--      结案-->

  902.       <van-tab :disabled="7 <= caseActive ? false : true">

  903.         <template #title>

  904.           <div

  905.             :class="{ finish: 8 <= caseActive , notStarted: 8 > caseActive , ongoing: 7 == caseActive }"

  906.           >

  907.             <p>结案</p>

  908.             <p>

  909.               <van-icon name="success" v-if="8 <= caseActive"/>

  910.               <van-icon name="circle" v-if="caseActive == 7"/>

  911.             </p>

  912.           </div>

  913.         </template>

  914.         <div class="main_box">

  915.           <van-cell>

  916.             <template #title>

  917.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon>

  918.               <span class="custom-title">结案<i class="bgBlue"></i></span>

  919.             </template>

  920.           </van-cell>

  921.           <van-cell title="案件名称" :value="endingForm.caseName"/>

  922.           <van-cell title="关联方案" :value="endingForm.schemeId"/>

  923.         </div>

  924. 

  925.         <div class="main_box">

  926.           <van-cell>

  927.             <template #title>

  928.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_cfky.png" size="20"></van-icon>

  929.               <span class="custom-title">罚没物品处理<i class="bgBlue"></i></span>

  930.             </template>

  931.           </van-cell>

  932.           <van-cell title="执行人" :value="endingForm.executeName"/>

  933.           <van-cell title="记录人" :value="endingForm.recordName"/>

  934.           <van-cell title="处理日期" :value="endingForm.dealDate"/>

  935.           <van-cell title="处理地点" :value="endingForm.dealAddress"/>

  936.           <van-cell title="处理物品" :value="endingForm.dealGoods"/>

  937.           <van-cell title="处理来源" :value="endingForm.goodsSource"/>

  938.           <van-cell title="处理情况" :label="endingForm.dealCondition"/>

  939.         </div>

  940. 

  941.         <div class="main_box">

  942.           <van-cell>

  943.             <template #title>

  944.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajxx.png" size="20"></van-icon>

  945.               <span class="custom-title">案件信息<i class="bgBlue"></i></span>

  946.             </template>

  947.           </van-cell>

  948.           <van-cell title="结案" value="已执行"/>

  949.           <van-cell title="案件结果" :label="endingForm.surveyResult"/>

  950.           <van-cell title="罚款缴纳类型" :value="endingForm.agingStatus"/>

  951. 

  952.           <div v-if="endingForm.agingStatus=='1'">

  953.             <van-cell title="申请时间" :value="endingForm.applyTime"/>

  954.             <van-cell title="总金额" :value="endingForm.totalMoney"/>

  955.             <van-cell title="分期缴纳期数" :value="endingForm.agingNum"/>

  956.             <van-cell title="缴纳时间" :value="endingForm.payTime"/>

  957.             <van-cell title="每期缴纳金额" :value="endingForm.payMoney"/>

  958.           </div>

  959. 

  960.           <div v-if="endingForm.agingStatus=='2'">

  961.             <van-cell title="申请时间" :value="endingForm.applyTime"/>

  962.             <van-cell title="缴纳期限时间" :value="endingForm.payDeadline"/>

  963.           </div>

  964.         </div>

  965. 

  966.         <div class="main_box" style="margin-top: 10px;">

  967.           <van-cell>

  968.             <template #title>

  969.               <van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon>

  970.               <span class="custom-title">案件文档<i class="bgBlue"></i></span>

  971.             </template>

  972.           </van-cell>

  973.           <van-uploader v-model="fileList" multiple />

  974.         </div>

  975.       </van-tab>

  976.     </van-tabs>

  977. 

  978.   </div>

  979. </template>

  980. <script>

  981. import {

  982.   getCase ,

  983.   schemeOptionList ,

  984.   treeselect ,

  985.   getSurveyByCaseId ,

  986.   getputRecordByCaseId ,

  987.   getSamplingByCaseId ,

  988.   getEvidenceByCaseId ,

  989.   getReportByGoodsId ,

  990.   getEnforcerList ,

  991.   getTreatByCaseId ,

  992.   getDecisionByCaseId ,

  993.   getExecuteByCaseId ,

  994.   getEndingByCaseId ,

  995.   progressList ,

  996. } from "@/api/lawEnforcement/index";

  997. import law from "@/components/common/law_footer";

  998. import request from "@/utils/request";

  999. export default {

  1000.   name: "index",

  1001.   components: {

  1002.     law

  1003.   },

  1004.   data() {

  1005.     return {

  1006.       showBankType:false,

  1007.       showPayeeType:false,

  1008.       showPicker:false,

  1009.       form:{},

  1010.       caseProgress:0,

  1011.       caseActive:0,

  1012. 

  1013.       bankType:'',

  1014.       payeeType:'',

  1015.       value:'',

  1016.       type:'',

  1017. 

  1018.       pass: "true",

  1019.       comment: "同意",

  1020. 

  1021.       bankTypeOptions:[],

  1022.       payeeTypeOptions:[],

  1023.       minDate: new Date(2020, 0, 1),

  1024.       maxDate: new Date(2025, 10, 1),

  1025.       currentDate: new Date(2021, 0, 17),

  1026.       fileList: [

  1027.         { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },

  1028.         // Uploader 根据文件后缀来判断是否为图片文件

  1029.         // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明

  1030.         { url: 'https://cloud-image', isImage: true },

  1031.       ],

  1032. 

  1033.       // 勘察表单参数

  1034.       surveyForm: {

  1035.         id: null,

  1036.         caseId: null,

  1037.         surveyStartTime: null,

  1038.         surveyEndTime: null,

  1039.         dangshiren: null,

  1040.         recorder: null,

  1041.         askRecorder: null,

  1042.         surveyAddr: null,

  1043.         surveyDescription: null,

  1044.         isSpotCheck: "N",

  1045.         handleDate: null,

  1046.         reason: null,

  1047.         shouanDate: null,

  1048.         isApprove: "Y",

  1049.         surveyResult: "4",

  1050.         askStartTime: null,

  1051.         askEndTime: null,

  1052.         askAddr: null,

  1053.         recorder: null,

  1054.         askedName: null,

  1055.         askedPhone: null,

  1056.         handleDate: null,

  1057.         idCard: null,

  1058.         gender: "1",

  1059.         workCompany: null,

  1060.         workPosition: null,

  1061.         address: null,

  1062.         question: null,

  1063.         answer: null,

  1064.         isClear: "Y",

  1065.         isAvoid: "N",

  1066.         attachement: null,

  1067.         applyUserId: null,

  1068.         applyUserName: null,

  1069.         applyTime: null,

  1070.         instanceId: null,

  1071.         processKey: null,

  1072.         createBy: null,

  1073.         createTime: null,

  1074.         updateBy: null,

  1075.         updateTime: null,

  1076.         caseName: "",

  1077.         schemeId: "",

  1078.       },

  1079. 

  1080.       // 立案表单参数

  1081.       putRecordForm: {

  1082.         id: null,

  1083.         caseId: null,

  1084.         illegalAct: null,

  1085.         punishContent: null,

  1086.         sealDate: null,

  1087.         sealDays: null,

  1088.         sealTimeliness: null,

  1089.         savePlace: "1",

  1090.         savePlaceAddress: null,

  1091.         sceneCondition: null,

  1092.         appealUnit: null,

  1093.         progressCase: null,

  1094.         attachement: null,

  1095.         createBy: null,

  1096.         createTime: null,

  1097.         updateBy: null,

  1098.         updateTime: null,

  1099.         caseName: "",

  1100.         schemeId: "",

  1101.       },

  1102.       samplingForm:{

  1103.         id: null,

  1104.         caseId: null,

  1105.         samplingType: '2', // 此为立案页面,type默认为2立案抽样

  1106.         samplingScene: '1',

  1107.         samplingTime: null,

  1108.         samplingPlace: null,

  1109.         linkman: null,

  1110.         linkPhone: null,

  1111.         createBy: null,

  1112.         createTime: null,

  1113.         updateBy: null,

  1114.         updateTime: null

  1115.       },

  1116.       // 取证表单参数

  1117.       evidenceForm: {

  1118.         id: null,

  1119.         caseId: null,

  1120.         detectionResult: null,

  1121.         reviewUnit: null,

  1122.         reviewTime: null,

  1123.         linkman: null,

  1124.         linkPhone: null,

  1125.         investigationProcess: null,

  1126.         allegedIllegal: null,

  1127.         violationRegulations: null,

  1128.         punishmentBase: null,

  1129.         caseDocuments: null,

  1130.         conclusion: "1",

  1131.         penaltyDecision: null,

  1132.         attachement: null,

  1133.         applyUserId: null,

  1134.         applyUserName: null,

  1135.         applyTime: null,

  1136.         instanceId: null,

  1137.         processKey: null,

  1138.         createBy: null,

  1139.         createTime: null,

  1140.         updateBy: null,

  1141.         updateTime: null

  1142.       },

  1143.       // 检测报告表单参数

  1144.       reportForm: {

  1145.         id: null,

  1146.         goodsId: null,

  1147.         reportNum: null,

  1148.         qualityStatus: null,

  1149.         attachement: null,

  1150.         createBy: null,

  1151.         createTime: null,

  1152.         updateBy: null,

  1153.         updateTime: null

  1154.       },

  1155.       // 处理表单参数

  1156.       treatForm: {

  1157.         id: null,

  1158.         caseId: null,

  1159.         isHearing: "Y",

  1160.         hearingStartTime: null,

  1161.         hearingEndTime: null,

  1162.         place: null,

  1163.         proposer: null,

  1164.         director: null,

  1165.         documentType: null,

  1166.         documentNumber: null,

  1167.         phoneNumber: null,

  1168.         postalAddress: null,

  1169.         agent: null,

  1170.         agentDocumentType: null,

  1171.         agentDocumentNumber: null,

  1172.         agentPhoneNumber: null,

  1173.         agentPostalAddress: null,

  1174.         hearingHost: null,

  1175.         hearingHostNum: null,

  1176.         hearingRecorder: null,

  1177.         hearingRecorderNum: null,

  1178.         hearingAuthority: null,

  1179.         hearingRecord: null,

  1180.         hearingReportMatters: null,

  1181.         caseEvidence: null,

  1182.         caseReason: null,

  1183.         caseSituation: null,

  1184.         caseOpinion: "1",

  1185.         caseDecision: null,

  1186.         attachement: null,

  1187.         applyUserId: null,

  1188.         applyUserName: null,

  1189.         applyTime: null,

  1190.         instanceId: null,

  1191.         processKey: null,

  1192.         createBy: null,

  1193.         createTime: null,

  1194.         updateBy: null,

  1195.         updateTime: null,

  1196.         caseName: "",

  1197.         schemeId: "",

  1198.       },

  1199.       // 裁决表单参数

  1200.       decisionForm: {

  1201.         id: null,

  1202.         caseId: null,

  1203.         deliveryName: null,

  1204.         deliveryNum: null,

  1205.         deliveryPersonName: null,

  1206.         deliveryUnit: null,

  1207.         deliveryWay: null,

  1208.         deliveryTime: null,

  1209.         deliveryAddress: null,

  1210.         payTime: null,

  1211.         payAddress: null,

  1212.         appealDept: null,

  1213.         administrativeDept: null,

  1214.         lawsuitDept: null,

  1215.         surveyStatus: null,

  1216.         attachement: null,

  1217.         createBy: null,

  1218.         createTime: null,

  1219.         updateBy: null,

  1220.         updateTime: null,

  1221.         caseName: "",

  1222.         schemeId: "",

  1223.       },

  1224.       // 执行表单参数

  1225.       executeForm: {

  1226.         id: null,

  1227.         caseId: null,

  1228.         fineTime: null,

  1229.         fineMoney: null,

  1230.         attachement: null,

  1231.         createBy: null,

  1232.         createTime: null,

  1233.         updateBy: null,

  1234.         updateTime: null,

  1235.         caseName: "",

  1236.         schemeId: "",

  1237.       },

  1238.       // 表单参数

  1239.       endingForm: {

  1240.         id: null,

  1241.         caseId: null,

  1242.         executeName: null,

  1243.         recordName: null,

  1244.         dealDate: null,

  1245.         dealAddress: null,

  1246.         dealGoods: null,

  1247.         goodsSource: null,

  1248.         dealCondition: null,

  1249.         surveyResult: null,

  1250.         agingStatus: "3",

  1251.         applyTime: null,

  1252.         totalMoney: null,

  1253.         agingNum: null,

  1254.         payTime: null,

  1255.         payMoney: null,

  1256.         payDeadline: null,

  1257.         attachement: null,

  1258.         createBy: null,

  1259.         createTime: null,

  1260.         updateBy: null,

  1261.         updateTime: null,

  1262.         caseName: "",

  1263.         schemeId: "",

  1264.       },

  1265.       // 办理人员列表

  1266.       tEnforceCaseHandlerList: [],

  1267.       tEnforcePutRecordHandlerList: [],

  1268.       tEnforceSamplingGoodsList: [],

  1269.       tEnforceDetainHandlerList: [],

  1270.       tEnforceEvidenceHandlerList: [],

  1271.       tEnforceTreatHandlerList: [],

  1272.       tEnforceDecisionHandlerList: [],

  1273.       tEnforceExecuteHandlerList: [],

  1274.       getDecisionByCaseId: [],

  1275.       historyList: [],

  1276.       evidencHistoryList: [],

  1277.       treatHistoryList: [],

  1278.       // 检测结果数据

  1279.       detectResults: [],

  1280.       decisionEnforcers: [],

  1281.       executeEnforcers: [],

  1282.       endingEnforcers: [],

  1283.       treatEnforcers: [],

  1284. 

  1285.       // 案件执法进度 1:登记 2:勘察 3:立案 4:取证 5:处理 6:裁决 7:执行 8:备案 9:结案字典

  1286.       caseProgressOptions: [],

  1287.       successActive:0, // 当前节点的前一个已完成节点

  1288.       active: 1,  // 当前节点

  1289.     };

  1290.   },

  1291.   created() {

  1292.     if (parseInt(this.$route.query.caseProgress)>7){

  1293.       this.caseProgress = 7;

  1294.       this.caseActive = 7 ;

  1295.     }else{

  1296.       this.caseProgress = parseInt(this.$route.query.caseProgress)-1;

  1297.       this.caseActive = parseInt(this.$route.query.caseProgress)-1 ;

  1298.     }

  1299.     this.type = this.$route.query.type;

  1300.     console.log(this.caseProgress)

  1301.     this.getDicts("case_source").then(response => {

  1302.       this.caseSourceOptions = response.data;

  1303.     });

  1304.     this.getDicts("enforce_body_type").then(response => {

  1305.       this.typeOptions = response.data;

  1306.     });

  1307.     this.getDicts("sex").then(response => {

  1308.       this.sexOptions = response.data;

  1309.     });

  1310.     this.getDicts("nationality").then(response => {

  1311.       this.nationOptions = response.data;

  1312.     });

  1313.     this.getDicts("case_status").then(response => {

  1314.       this.caseStatusOptions = response.data;

  1315.     });

  1316.     this.getDicts("case_node").then(response => {

  1317.       this.caseProgressOptions = response.data;

  1318.     });

  1319.     this.getDicts("enforce_category").then(response => {

  1320.       this.enforceCategoryOptions = response.data;

  1321.     });

  1322.     this.getDicts("approve_type").then(response => {

  1323.       this.surveyResultOptions = response.data;

  1324.     });

  1325.     // 关联方案下拉框

  1326.     var schemeQueryParam = {

  1327.       applyStatus: "1"

  1328.     };

  1329.     schemeOptionList(schemeQueryParam).then((response) => {

  1330.       console.log(response)

  1331.       this.schemeOptions = response.data;

  1332.       this.getInformation();

  1333.     });

  1334. 

  1335.     // treeselect().then((response) => {

  1336.     //   this.deptOptions = response.data;

  1337.     // });

  1338. 

  1339.   },

  1340.   methods: {

  1341.     /** 保存审批意见提交 */

  1342.     submitCase() {

  1343.       const data = {

  1344.         taskId: this.surveyForm.taskId,

  1345.         instanceId: this.surveyForm.instanceId,

  1346.         variables: JSON.stringify({

  1347.           comment: this.comment,

  1348.           pass: this.pass,

  1349.           //"formData": this.row,

  1350.         }),

  1351.       };

  1352.       return request({

  1353.         url: "/activiti/process/complete",

  1354.         method: "post",

  1355.         params: data,

  1356.       }).then((response) => {

  1357.         if (response.code == 200 && response.msg == "操作成功") {

  1358.           this.$notify({ type: 'success' , message: "操作成功" });

  1359.         } else {

  1360.           this.$notify({ type: 'danger' , message: "操作失败" });

  1361.         }

  1362.       });

  1363.     },

  1364.     /** 保存审批意见提交 */

  1365.     submitEvidence() {

  1366.       const data = {

  1367.         taskId: this.evidenceForm.taskId,

  1368.         instanceId: this.evidenceForm.instanceId,

  1369.         variables: JSON.stringify({

  1370.           comment: this.comment,

  1371.           pass: this.pass,

  1372.           //"formData": this.row,

  1373.         }),

  1374.       };

  1375.       return request({

  1376.         url: "/activiti/process/complete",

  1377.         method: "post",

  1378.         params: data,

  1379.       }).then((response) => {

  1380.         if (response.code == 200 && response.msg == "操作成功") {

  1381.           this.$notify({ type: 'success' , message: "操作成功" });

  1382.         } else {

  1383.           this.$notify({ type: 'danger' , message: "操作失败" });

  1384.         }

  1385.       });

  1386.     },

  1387.     /** 保存审批意见提交 */

  1388.     submitTreat() {

  1389.       const data = {

  1390.         taskId: this.treatForm.taskId,

  1391.         instanceId: this.treatForm.instanceId,

  1392.         variables: JSON.stringify({

  1393.           comment: this.comment,

  1394.           pass: this.pass,

  1395.           //"formData": this.row,

  1396.         }),

  1397.       };

  1398.       return request({

  1399.         url: "/activiti/process/complete",

  1400.         method: "post",

  1401.         params: data,

  1402.       }).then((response) => {

  1403.         if (response.code == 200 && response.msg == "操作成功") {

  1404.           this.$notify({ type: 'success' , message: "操作成功" });

  1405.         } else {

  1406.           this.$notify({ type: 'danger' , message: "操作失败" });

  1407.         }

  1408.       });

  1409.     },

  1410.     getInformation(){

  1411.       getCase(this.$route.query.id).then(response => {

  1412.         response.data.caseSource = this.selectDictLabel(this.caseSourceOptions, response.data.caseSource);

  1413.         response.data.schemeId = this.selectDictScheme(this.schemeOptions, response.data.schemeId);

  1414.         response.data.typeLable = this.selectDictLabel(this.typeOptions, response.data.type);

  1415.         response.data.sex = this.selectDictLabel(this.sexOptions, response.data.sex);

  1416.         response.data.nation = this.selectDictLabel(this.nationOptions, response.data.nation);

  1417.         // response.data.deptId = this.selectDictDeptId(this.deptOptions, response.data.deptId);

  1418.         this.form = response.data;

  1419. 

  1420.         console.log(this.caseActive)

  1421.         if(this.caseActive >= 1){//勘察

  1422.           console.log("勘察")

  1423.           this.caseSurvey();

  1424.         }

  1425.         if(this.caseActive >= 2){// 立案

  1426.           console.log("立案")

  1427.           this.getFileCase();

  1428.         }

  1429.         if(this.caseActive >= 3){//取证

  1430.           console.log("取证")

  1431.           this.getEvidenceCase();

  1432.         }

  1433.         if(this.caseActive >= 4){ // 处理

  1434.           console.log("处理")

  1435.           this.getTreat();

  1436.         }

  1437.         if(this.caseActive >= 5){// 裁决

  1438.           console.log("裁决")

  1439.           this.getDecision();

  1440.         }

  1441.         if(this.caseActive >= 6){// 执行

  1442.           console.log("执行")

  1443.           this.getExecuteCase();

  1444.         }

  1445.         if(this.caseActive >= 7){// 结案

  1446.           console.log("结案")

  1447.           this.getEndingForm();

  1448.         }

  1449. 

  1450.       });

  1451.     },

  1452.     //勘察表单查询

  1453.     caseSurvey(){

  1454.       // 查询勘察表单数据

  1455.       var _this = this;

  1456.       if (this.form.id != null && this.form.id != "") {

  1457.         this.surveyForm.caseId = this.form.id;

  1458.         getSurveyByCaseId(this.form.id).then(responseSurvey => {

  1459.           console.log(responseSurvey)

  1460.           if (responseSurvey.data != undefined) {

  1461.             _this.surveyForm = responseSurvey.data;

  1462.             _this.instanceId = responseSurvey.data.instanceId;

  1463.             _this.tEnforceCaseHandlerList = responseSurvey.data.tEnforceCaseHandlerList;

  1464.           }

  1465.           _this.surveyForm.gender = this.selectDictLabel(this.sexOptions, _this.surveyForm.gender);

  1466.           _this.surveyForm.surveyResult = this.selectDictLabel(this.surveyResultOptions, _this.surveyForm.surveyResult);

  1467.           _this.surveyForm.caseName = this.form.caseName;

  1468.           _this.surveyForm.schemeId = this.form.schemeId;

  1469.           // 查询审批历史记录

  1470.           _this.getHistoryList(_this.surveyForm,'');

  1471. 

  1472.         });

  1473.       }

  1474.     },

  1475. 

  1476.     //查询立案表单数据

  1477.     getFileCase(){

  1478.       var _this = this;

  1479.       if(this.form.id != null && this.form.id !=""){

  1480.         this.putRecordForm.caseId = this.form.id;

  1481.         getputRecordByCaseId(_this.form.id).then(responsePutRecord => {

  1482.           getSamplingByCaseId(_this.form.id).then(responseSampling => {

  1483.             if(responsePutRecord.data != undefined){

  1484.               _this.putRecordForm = responsePutRecord.data;

  1485.               _this.tEnforcePutRecordHandlerList = responsePutRecord.data.tEnforceCaseHandlerList;

  1486.               _this.tEnforceDetainHandlerList = responsePutRecord.data.tEnforceDetainHandlerList;

  1487.             }

  1488.             if(responseSampling.data != undefined) {

  1489.               _this.samplingForm = responseSampling.data;

  1490.               _this.tEnforceSamplingGoodsList = responseSampling.data.tEnforceSamplingGoodsList;

  1491.             }

  1492.             _this.putRecordForm.caseName = this.form.caseName;

  1493.             _this.putRecordForm.schemeId = this.form.schemeId;

  1494.           });

  1495.         });

  1496.       }

  1497.     },

  1498. 

  1499.     //查询取证表单数据

  1500.     getEvidenceCase(){

  1501.       var _this = this;

  1502.       if (this.form.id != null && this.form.id != "") {

  1503.         this.evidenceForm.caseId = this.form.id;

  1504.         getEvidenceByCaseId(this.form.id).then(responseEvidence => {

  1505.           getSamplingByCaseId(this.form.id).then(responseSampling => {

  1506.             for (var i = 0; i < responseSampling.data.tEnforceSamplingGoodsList.length; i++) {

  1507.               let goodsId = responseSampling.data.tEnforceSamplingGoodsList[i].id;

  1508.               let goodsName = responseSampling.data.tEnforceSamplingGoodsList[i].goodsName;

  1509.               getReportByGoodsId(goodsId).then(responseReport => {

  1510.                 if (responseReport.data != undefined) {

  1511.                   responseReport.data.goodsId = goodsId;

  1512.                   responseReport.data.goodsName = goodsName;

  1513.                   _this.detectResults.push(responseReport.data);

  1514.                 } else {

  1515.                   var goodsObj = {

  1516.                     "goodsId": goodsId,

  1517.                     "goodsName": goodsName

  1518.                   };

  1519.                   _this.detectResults.push(goodsObj);

  1520.                 }

  1521.               });

  1522.             }

  1523.             if (responseEvidence.data != undefined) {

  1524.               _this.evidenceForm = responseEvidence.data;

  1525.               _this.tEnforceEvidenceHandlerList = responseEvidence.data.tEnforceCaseHandlerList;

  1526.             }

  1527.             _this.evidenceForm.caseName = this.form.caseName;

  1528.             _this.evidenceForm.schemeId = this.form.schemeId;

  1529.             // 查询审批历史记录

  1530.             _this.getHistoryList(this.evidenceForm,'evidence');

  1531.           });

  1532.         });

  1533.       }

  1534.     },

  1535. 

  1536.     //查询取证表单数据

  1537.     getTreat(){

  1538.       // 执行人员列表查询

  1539.       getEnforcerList().then(response => {

  1540.         const data = response.enforcerList;

  1541.         for (let i = 0; i < data.length; i++) {

  1542.           const res = {

  1543.             enforcerId: data[i].id,

  1544.             enforcerName: data[i].name,

  1545.             enforcerNum: data[i].enforceNum,

  1546.             value: data[i].name,

  1547.           };

  1548.           this.treatEnforcers.push(res);

  1549.         }

  1550.       });

  1551.       // 查询处理表单数据

  1552.       var _this = this;

  1553.       if (this.form.id != null && this.form.id != "") {

  1554.         this.treatForm.caseId = this.form.id;

  1555.         getTreatByCaseId(this.form.id).then(responseTreat => {

  1556.           if (responseTreat.data != undefined) {

  1557.             _this.treatForm = responseTreat.data;

  1558.             _this.tEnforceTreatHandlerList = responseTreat.data.tEnforceCaseHandlerList;

  1559.           }

  1560.           _this.treatForm.caseName = this.form.caseName;

  1561.           _this.treatForm.schemeId = this.form.schemeId;

  1562. 

  1563.           // 查询审批历史记录

  1564.           _this.getHistoryList(_this.treatForm,'treat');

  1565.         });

  1566.       }

  1567.     },

  1568. 

  1569.     getDecision(){

  1570.       // 执行人员列表查询

  1571.       getEnforcerList().then(response => {

  1572.         const data = response.enforcerList;

  1573.         for (let i = 0; i < data.length; i++) {

  1574.           const res = {

  1575.             enforcerId: data[i].id,

  1576.             enforcerName: data[i].name,

  1577.             enforcerNum: data[i].enforceNum,

  1578.             value: data[i].name,

  1579.           };

  1580.           this.decisionEnforcers.push(res);

  1581.         }

  1582.       });

  1583.       // 查询立案表单数据

  1584.       var _this = this;

  1585.       if (this.form.id != null && this.form.id != "") {

  1586.         this.decisionForm.caseId = this.form.id;

  1587.         getDecisionByCaseId(this.form.id).then(responseDecision => {

  1588.           if (responseDecision.data != undefined) {

  1589.             _this.decisionForm = responseDecision.data;

  1590.             _this.tEnforceDecisionHandlerList = responseDecision.data.tEnforceCaseHandlerList;

  1591.           }

  1592.           _this.decisionForm.caseName = this.form.caseName;

  1593.           _this.decisionForm.schemeId = this.form.schemeId;

  1594.         });

  1595.       }

  1596.     },

  1597. 

  1598.     getExecuteCase(){

  1599.       // 执行人员列表查询

  1600.       getEnforcerList().then(response => {

  1601.         const data = response.enforcerList;

  1602.         for (let i = 0; i < data.length; i++) {

  1603.           const res = {

  1604.             enforcerId: data[i].id,

  1605.             enforcerName: data[i].name,

  1606.             enforcerNum: data[i].enforceNum,

  1607.             value: data[i].name,

  1608.           };

  1609.           this.executeEnforcers.push(res);

  1610.         }

  1611.       });

  1612. 

  1613.       // 查询表单数据

  1614.       var _this = this;

  1615.       if (this.form.id != null && this.form.id != "") {

  1616.         this.executeForm.caseId = this.form.id;

  1617.         getExecuteByCaseId(this.form.id).then(responseExecute => {

  1618.           if (responseExecute.data != undefined) {

  1619.             _this.executeForm = responseExecute.data;

  1620.             _this.tEnforceExecuteHandlerList = responseExecute.data.tEnforceCaseHandlerList;

  1621.           }

  1622.           _this.executeForm.caseName = this.form.caseName;

  1623.           _this.executeForm.schemeId = this.form.schemeId;

  1624.         });

  1625.       }

  1626.     },

  1627. 

  1628.     getEndingForm(){

  1629.       // 执行人员列表查询

  1630.       getEnforcerList().then(response => {

  1631.         const data = response.enforcerList;

  1632.         for (let i = 0; i < data.length; i++) {

  1633.           const res = {

  1634.             enforcerId: data[i].id,

  1635.             enforcerName: data[i].name,

  1636.             enforcerNum: data[i].enforceNum,

  1637.             value: data[i].name,

  1638.           };

  1639.           this.endingEnforcers.push(res);

  1640.         }

  1641.       });

  1642.       // 查询结案表单数据

  1643.       var _this = this;

  1644.       if (this.form.id != null && this.form.id != "") {

  1645.         this.endingForm.caseId = this.form.id;

  1646.         getEndingByCaseId(this.form.id).then(responseEnding => {

  1647.           if (responseEnding.data != undefined) {

  1648.             _this.endingForm = responseEnding.data;

  1649.           }

  1650.           _this.endingForm.caseName = this.form.caseName;

  1651.           _this.endingForm.schemeId = this.form.schemeId;

  1652.         });

  1653.       }

  1654.     },

  1655. 

  1656.     progressSpeed(){

  1657.       console.log(this.form)

  1658.       if(this.form.caseProgress != undefined && this.form !="add"){

  1659.         this.active = this.form.caseProgress;

  1660.         this.successActive = this.form.caseProgress -1;

  1661. 

  1662.         if((this.form.caseStatus == "2" || this.form.caseStatus == "3") &&

  1663.           (this.form.caseProgress=="8" || this.form.caseProgress=="9")){

  1664.           this.successActive = this.form.caseProgress;

  1665.         }

  1666.       } else{

  1667.         this.form.caseProgress = undefined;

  1668.       }

  1669. 

  1670.       if((this.form.caseStatus == "2" || this.form.caseStatus == "3") &&

  1671.         (this.form.caseProgress=="8" || this.form.caseProgress=="9")){

  1672.         // 已结束备案或者结案阶段的案件,查询显示已保存案件的历史流程节点

  1673.         var progressParam = {

  1674.           "caseId": this.form.id

  1675.         };

  1676.         progressList(progressParam).then(response => {

  1677.           for (var i = 0; i < response.data.length; i++) {

  1678.             var obj={

  1679.               dictLabel:response.data[i].caseProgressName,

  1680.               dictValue:response.data[i].caseProgress

  1681.             }

  1682.             this.caseProgressOptions.push(obj);

  1683.           }

  1684.         });

  1685.       } else if(this.form.caseProgress=="8" && this.form.caseStatus == "1"){

  1686.         // 进行中的案件到达备案阶段显示历史节点和备案节点

  1687.         var progressParam = {

  1688.           "caseId": this.form.id

  1689.         };

  1690.         progressList(progressParam).then(response => {

  1691.           for (var i = 0; i < response.data.length; i++) {

  1692.             var obj = {

  1693.               dictLabel: response.data[i].caseProgressName,

  1694.               dictValue: response.data[i].caseProgress

  1695.             }

  1696.             this.caseProgressOptions.push(obj);

  1697.           }

  1698.           var onrecordObj = {

  1699.             dictLabel: "备案",

  1700.             dictValue: "8"

  1701.           }

  1702.           this.caseProgressOptions.push(onrecordObj);

  1703.         });

  1704.       } else{

  1705.         // 非备案或者结案阶段的案件,显示所有节点判断状态

  1706.         this.getDicts("case_node").then(response => {

  1707.           if (this.form.caseProgress == "9") { // 结案状态

  1708.             for (var i = 0; i < response.data.length; i++) {

  1709.               if (response.data[i].dictValue != "8") { // 如果是结案,步骤条不显示备案

  1710.                 this.caseProgressOptions.push(response.data[i]);

  1711.               }

  1712.             }

  1713.           } else{

  1714.             this.caseProgressOptions = response.data;

  1715.           }

  1716. 

  1717.         });

  1718.       }

  1719.       console.log(this.caseProgressOptions)

  1720.     },

  1721. 

  1722.     /** 查询审批历史展示步骤条 */

  1723.     getHistoryList(formData,type) {

  1724.       if (formData.instanceId != null && formData.instanceId != "") {

  1725.         var queryParams = {

  1726.           processInstanceId: formData.instanceId

  1727.         };

  1728.         return request({

  1729.           url: "/activiti/process/listHistory",

  1730.           method: "post",

  1731.           data: queryParams,

  1732.         }).then((response) => {

  1733.           if (type == 'evidence'){

  1734.             this.evidencHistoryList = response.rows;

  1735.             this.evidencHistoryList.forEach((row) => {

  1736.               row.startTime = this.format(row.startTime, "yyyy-MM-dd HH:mm:ss");

  1737.               row.endTime = this.format(row.endTime, "yyyy-MM-dd HH:mm:ss");

  1738.               row.durationInMillis = this.formatTotalDateSub(

  1739.                 row.durationInMillis / 1000

  1740.               );

  1741.             });

  1742.           }else if (type == 'treat'){

  1743.             this.treatHistoryList = response.rows;

  1744.             this.treatHistoryList.forEach((row) => {

  1745.               row.startTime = this.format(row.startTime, "yyyy-MM-dd HH:mm:ss");

  1746.               row.endTime = this.format(row.endTime, "yyyy-MM-dd HH:mm:ss");

  1747.               row.durationInMillis = this.formatTotalDateSub(

  1748.                 row.durationInMillis / 1000

  1749.               );

  1750.             });

  1751.           }else{

  1752.             this.historyList = response.rows;

  1753.             this.historyList.forEach((row) => {

  1754.               row.startTime = this.format(row.startTime, "yyyy-MM-dd HH:mm:ss");

  1755.               row.endTime = this.format(row.endTime, "yyyy-MM-dd HH:mm:ss");

  1756.               row.durationInMillis = this.formatTotalDateSub(

  1757.                 row.durationInMillis / 1000

  1758.               );

  1759.             });

  1760.           }

  1761.         });

  1762.       }else{

  1763.         this.spanNum = 5;

  1764.       }

  1765.     },

  1766. 

  1767.     format(time, format) {

  1768.       var t = new Date(time);

  1769.       var tf = function (i) { return (i < 10 ? '0' : '') + i };

  1770.       return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {

  1771.         switch (a) {

  1772.           case 'yyyy':

  1773.             return tf(t.getFullYear());

  1774.             break;

  1775.           case 'MM':

  1776.             return tf(t.getMonth() + 1);

  1777.             break;

  1778.           case 'mm':

  1779.             return tf(t.getMinutes());

  1780.             break;

  1781.           case 'dd':

  1782.             return tf(t.getDate());

  1783.             break;

  1784.           case 'HH':

  1785.             return tf(t.getHours());

  1786.             break;

  1787.           case 'ss':

  1788.             return tf(t.getSeconds());

  1789.             break;

  1790.         }

  1791.       })

  1792.     },

  1793.     /**

  1794.      * 计算出相差天数

  1795.      * @param secondSub

  1796.      */

  1797.     formatTotalDateSub (secondSub) {

  1798.       var days = Math.floor(secondSub / (24 * 3600));     // 计算出小时数

  1799.       var leave1 = secondSub % (24*3600) ;                // 计算天数后剩余的毫秒数

  1800.       var hours = Math.floor(leave1 / 3600);              // 计算相差分钟数

  1801.       var leave2 = leave1 % (3600);                       // 计算小时数后剩余的毫秒数

  1802.       var minutes = Math.floor(leave2 / 60);              // 计算相差秒数

  1803.       var leave3 = leave2 % 60;                           // 计算分钟数后剩余的毫秒数

  1804.       var seconds = Math.round(leave3);

  1805.       return days + "天" + hours + "时" + minutes + "分" + seconds + '秒';

  1806.     }

  1807. 

  1808.   },

  1809. };

  1810. </script>

  1811. 

  1812. <style scoped lang="scss">

  1813. @font-face {

  1814.   font-family: SourceHanSansCNBold;

  1815.   src: url("../../../assets/fonts/SourceHanSansCN-Bold.otf");

  1816. }

  1817. .app-container {

  1818.   padding: 0;

  1819. }

  1820. .examine_box{

  1821.   background-color: #1D6FE9!important;

  1822.   padding: 0.18rem!important;

  1823.   padding-left: 0!important;

  1824.   border-radius: 0.15rem!important;

  1825.   margin-top: 0.3rem!important;

  1826. }

  1827. .examine_box .van-col:first-child{

  1828.   color: #FFF!important;

  1829.   font-size: 0.45rem!important;

  1830.   text-align: center!important;

  1831. }

  1832. .examine_box .van-col:last-child{

  1833.   background-color: #FFF!important;

  1834.   border-radius: 0.15rem!important;

  1835.   overflow: hidden!important;

  1836.   .van-radio-group--horizontal{

  1837.     padding: 0.2rem 0;

  1838.     border-bottom: 1px solid #eee;

  1839.   }

  1840. }

  1841. /deep/.van-radio--horizontal{

  1842.   margin-left: 20px;

  1843.   margin-right: 0;

  1844. }

  1845. .submitButtonActive{

  1846.   width: 100%;

  1847.   margin: 0 auto;

  1848. }

  1849. .van-uploader {

  1850.   padding: 15PX;

  1851. }

  1852. /deep/ .van-nav-bar--fixed{

  1853.   background: url("../../../../static/images/lawEnforcement/head_bg.png") 100%;

  1854. }

  1855. /deep/ .van-nav-bar .van-icon{

  1856.   color: #ffffff;

  1857. }

  1858. /deep/ .van-nav-bar__title{

  1859.   color: #ffffff;

  1860. }

  1861. /deep/ .van-tabs__nav--complete{

  1862.   padding: 0;

  1863.   border: none;

  1864.   height: auto;

  1865. }

  1866. /deep/ .van-tabs__nav--card .van-tab{

  1867.   border: none;

  1868. }

  1869. /deep/ .van-tabs--card>.van-tabs__wrap{

  1870.   height: auto;

  1871.   margin-top: 10PX;

  1872. }

  1873. /deep/ .van-tabs__nav--card .van-tab.van-tab--active{

  1874.   background: transparent;

  1875.   .van-tab__text{

  1876.     width: 56PX;

  1877.     height: 56PX;

  1878.     line-height: 56PX;

  1879.   }

  1880.   .finish,.ongoing,.notStarted{

  1881.     padding: 15PX 0;

  1882.   }

  1883. }

  1884. /deep/ .van-tab__text{

  1885.   display: block;

  1886.   width: 44PX;

  1887.   height: 44PX;

  1888.   background: #FFF;

  1889.   border-radius: 50%;

  1890.   border: 1px solid #C9C9C9;

  1891.   color: #C9C9C9;

  1892.   text-align: center;

  1893.   padding: 0;

  1894.   p{

  1895.     line-height: 1;

  1896.   }

  1897. }

  1898. .finish{

  1899.   border-radius: 50%;

  1900.   border: 1px solid #1DCC80;

  1901.   color: #1DCC80;

  1902.   padding: 10PX 0;

  1903.   height: 100%;

  1904. }

  1905. .ongoing{

  1906.   border-radius: 50%;

  1907.   border: 1px solid #1D6FE9;

  1908.   color: #1D6FE9;

  1909.   padding: 10PX 0;

  1910.   height: 100%;

  1911. }

  1912. .notStarted{

  1913.   padding: 10PX 0;

  1914.   height: 100%;

  1915. }

  1916. .typeBox{

  1917.   width: 44PX;

  1918.   height: 44PX;

  1919.   background: #ffffff;

  1920.   text-align: center;

  1921.   font-size: 14PX;

  1922.   border-radius: 50%;

  1923.   border: 1px solid #1DCC80;

  1924.   color: #1DCC80;

  1925.   margin: 0 auto;

  1926.   padding: 10PX 0px;

  1927.   line-height: 1;

  1928.   position: relative;

  1929.   top: 50%;

  1930.   transform: translateY(-50%);

  1931. }

  1932. .noActive{

  1933.   border: 1px solid #1D6FE9;

  1934.   color: #1D6FE9;

  1935. }

  1936. .doActive{

  1937.   border: 1px solid #C9C9C9;

  1938.   color: #C9C9C9;

  1939. }

  1940. .active{

  1941.   width: 56PX;

  1942.   height: 56PX;

  1943.   padding: 15PX 0px;

  1944. }

  1945. /deep/ .van-radio--horizontal{

  1946.   margin-left: 0.32rem;

  1947.   margin-right: 0;

  1948. }

  1949. .peopleList{

  1950.   padding: 0 3%;

  1951.   margin-top: 10PX;

  1952.   .van-row{

  1953.     margin-bottom: 10PX;

  1954.     .van-col{

  1955.       text-align: center;

  1956.       font-size: 14PX;

  1957.     }

  1958.     &:first-child{

  1959.       .van-col{

  1960.         color: #1D6FE9;

  1961.       }

  1962.     }

  1963.   }

  1964. }

  1965. .cf{

  1966.   padding: 0 3%;

  1967.   margin-top: 20PX;

  1968.   margin-bottom: 20PX;

  1969.   .van-row{

  1970.     background: #F0F3F5;

  1971.     .van-col{

  1972.       padding: 5PX 0;

  1973.       font-size: 12PX!important;

  1974.       text-align: center;

  1975.       p{

  1976.         color: #1D6FE9;

  1977.       }

  1978.     }

  1979.     &:first-child{

  1980.       background: transparent;

  1981.     }

  1982.   }

  1983. }

  1984. .main_title{

  1985.   font-size: 0.4rem;

  1986.   color: #1D6FE9;

  1987.   margin: 0.2rem 6%;

  1988.   margin-top: 0;

  1989.   position: relative;

  1990. }

  1991. .main_box{

  1992.   width: 96%;

  1993.   margin: 0 auto;

  1994.   border-radius: 6PX;

  1995.   box-shadow: 0PX 3PX 6PX 0PX rgba(0,0,0,0.16);

  1996.   overflow: hidden;

  1997.   background-color: #FFF;

  1998.   margin-top: 10PX;

  1999.   .van-icon{

  2000.     vertical-align: middle;

  2001.   }

  2002.   .custom-title{

  2003.     font-size: 17PX;

  2004.     color: #333333;

  2005.     vertical-align: middle;

  2006.     line-height: 1;

  2007.     position: relative;

  2008.     margin-left: 5PX;

  2009.   }

  2010.   .tap{

  2011.     color: #1D6FE9;

  2012.   }

  2013.   .bgBlue{

  2014.     display: block;

  2015.     position: absolute;

  2016.     width: 17PX;

  2017.     height: 17PX;

  2018.     border-radius: 50%;

  2019.     background-color: rgba(29,111,233,0.26);

  2020.     top: -2PX;

  2021.     right: -8PX;

  2022.   }

  2023. }

  2024. .submitButton{

  2025.   width: 80%;

  2026.   margin: 0 auto;

  2027.   background-color: #1D6FE9;

  2028. }

  2029. 

  2030. .addFamily{

  2031.   position: absolute;

  2032.   top: -2px;

  2033.   right: 0;

  2034.   border-radius: 50%;

  2035. }

  2036. .main_box2{

  2037.   width: 96%;

  2038.   margin: 0 auto;

  2039.   background: #ffffff;

  2040.   border-radius: 6PX;

  2041.   overflow: hidden;

  2042.   margin-top: 10PX;

  2043.   margin-bottom: 20PX;

  2044.   box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);

  2045.   .van-col{

  2046.     height: 76PX;

  2047.     position: relative;

  2048.   }

  2049.   .van-row:nth-child(2n){

  2050.     background: rgba(29,111,233,0.1);

  2051.   }

  2052.   /deep/ .van-cell{

  2053.     background: transparent;

  2054.     padding: 10Px;

  2055.   }

  2056.   .bq{

  2057.     display: inline-block;

  2058.     padding: 4PX 10PX;

  2059.     border-radius: 5PX;

  2060.   }

  2061.   .index{

  2062.     background: #1D6FE9;

  2063.     color: #ffffff;

  2064.     text-align: center;

  2065.     width: 20PX;

  2066.     height: 20PX;

  2067.     line-height: 20PX;

  2068.     border-radius: 50%;

  2069.     position: absolute;

  2070.     left: 50%;

  2071.     top: 50%;

  2072.     transform: translate(-50%,-50%);

  2073.   }

  2074.   .indexCenter{

  2075.     top: 0!important;

  2076.   }

  2077.   .indexBorder{

  2078.     width: 10PX;

  2079.     position: absolute;

  2080.     right: 0;

  2081.     top: calc(50% - 5PX);

  2082.     .yq{

  2083.       height: 10PX;

  2084.       width: 10PX;

  2085.       background: #C9C9C9;

  2086.       border-radius: 50%;

  2087.     }

  2088.     .ss{

  2089.       height: 33PX;

  2090.       width: 2PX;

  2091.       background: #C9C9C9;

  2092.       position: relative;

  2093.       left: 4PX;

  2094.     }

  2095.     .ssT{

  2096.       height: 33PX;

  2097.       width: 2PX;

  2098.       background: #C9C9C9;

  2099.       position: relative;

  2100.       left: 4PX;

  2101.     }

  2102.   }

  2103. }

  2104. .splcTit{

  2105.   font-size: 17PX;

  2106.   text-align: center;

  2107.   margin-top: 25PX;

  2108.   margin-bottom: 5PX;

  2109. }

  2110. </style>