zhangzl
/
nsgk_mobile
2
0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
移动端
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
771 Revīzija
7 Atzari
79 MiB
 
 
Koks: 4241082692
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no '4241082692'
${ noResults }
nsgk_mobile/src/views/lawEnforcement/caseAllocation/caseEdit.vue

728 rindas
26 KiB
Neapstrādāts Vainot Vēsture 

  1. <template>

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

  3.     <div class="header_main">

  4.       登记修改

  5.       <div class="return_btn" @click="onClickLeft"></div>

  6.     </div>

  7.     <div style="height: 58px;"></div>

  8. 

  9.     <van-form @submit="goSubmit" :show-error-message="false" ref="form">

  10.       <div class="main_box">

  11.         <van-cell>

  12.           <template #title>

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

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

  15.           </template>

  16.         </van-cell>

  17. 

  18.         <van-field

  19.           readonly

  20.           clickable

  21.           required

  22.           :rules="[{ required: true , message:'请选择案件来源'  }]"

  23.           v-model="caseSource"

  24.           label="案件来源"

  25.           placeholder="请选择案件来源"

  26.           @click="showCaseSource = true"

  27.           input-align="right"

  28.           right-icon="arrow-down"

  29.           :border="false"

  30.           label-width="auto"

  31.         />

  32.         <van-popup v-model="showCaseSource" position="bottom">

  33.           <van-picker

  34.             show-toolbar

  35.             :columns="caseSourceOptions"

  36.             @confirm="onConfirmCaseSource"

  37.             @cancel="showCaseSource = false"

  38.           />

  39.         </van-popup>

  40. 

  41.         <van-field

  42.           readonly

  43.           clickable

  44.           v-model="scheme"

  45.           label="关联方案"

  46.           placeholder="请选择关联方案"

  47.           @click="showScheme = true"

  48.           input-align="right"

  49.           right-icon="arrow-down"

  50.           :border="false"

  51.           label-width="auto"

  52.         />

  53.         <van-popup v-model="showScheme" position="bottom">

  54.           <van-picker

  55.             show-toolbar

  56.             :columns="schemeOptions"

  57.             @confirm="onConfirmScheme"

  58.             @cancel="showScheme = false"

  59.           />

  60.         </van-popup>

  61.   <!-- <van-field v-model="form.schemeId" label="关联方案" placeholder="请输入关联方案" :border="false" label-width="auto" input-align="right" />-->

  62. 

  63.         <van-field

  64.           readonly

  65.           clickable

  66.           required

  67.           :rules="[{ required: true , message:'请选择案件属地'  }]"

  68.           v-model="deptName"

  69.           label="案件属地"

  70.           placeholder="请选择案件属地"

  71.           @click="showDeptId = true"

  72.           input-align="right"

  73.           right-icon="arrow-down"

  74.           :border="false"

  75.           label-width="auto"

  76.         />

  77.         <van-popup v-model="showDeptId" position="bottom">

  78.           <van-cascader

  79.             v-model="villageValue"

  80.             title="请选择案件属地"

  81.             :options="deptOptions"

  82.             @close="showDeptId = false"

  83.             @finish="onConfirmDept"

  84.             active-color="#1989fa"

  85.             :field-names="hcAreaInfoFieldName"

  86.           />

  87.         </van-popup>

  88.   <!--      <van-field v-model="form.deptId" label="案件属地" placeholder="请输入案件属地" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" />-->

  89.         <van-field

  90.           readonly

  91.           clickable

  92.           required

  93.           :rules="[{ required: true , message:'请选择执行主体'  }]"

  94.           v-model="belongTeam"

  95.           label="执行主体"

  96.           placeholder="请选择执行主体"

  97.           @click="showBelongTeam = true"

  98.           input-align="right"

  99.           right-icon="arrow-down"

  100.           :border="false"

  101.           label-width="auto"

  102.         />

  103.         <van-popup v-model="showBelongTeam" position="bottom">

  104.           <van-picker

  105.             show-toolbar

  106.             :columns="belongTeamOptions"

  107.             @confirm="onConfirmBelongTeam"

  108.             @cancel="showBelongTeam = false"

  109.           />

  110.         </van-popup>

  111.   <!--      <van-field v-model="form.belongTeam" label="执行主体" placeholder="请输入执行主体" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" />-->

  112.         <van-field v-model="form.caseName" required :rules="[{ required: true , message:'请输入案件名称'  }]" label="案件名称" placeholder="请输入案件名称" :border="false" label-width="auto" input-align="right" />

  113. 

  114.         <van-field

  115.           readonly

  116.           clickable

  117.           required

  118.           :rules="[{ required: true , message:'请选择登记日期'  }]"

  119.           v-model="form.registerDate"

  120.           label="登记日期"

  121.           placeholder="请选择登记日期"

  122.           @click="showRegisterDate = true"

  123.           input-align="right"

  124.           right-icon="arrow-down"

  125.           :border="false"

  126.           label-width="auto"

  127.         />

  128.         <van-popup v-model="showRegisterDate" position="bottom">

  129.           <van-datetime-picker

  130.             v-model="registerDate"

  131.             type="date"

  132.             title="选择年月日"

  133.             :min-date="minDate"

  134.             @confirm="onConfirmRegisterDate"

  135.             @cancel="showRegisterDate = false"

  136.           />

  137.         </van-popup>

  138. 

  139.         <van-field

  140.           readonly

  141.           clickable

  142.           required

  143.           :rules="[{ required: true , message:'请选择执法类别'  }]"

  144.           v-model="enforceCategory"

  145.           label="执法类别"

  146.           placeholder="请选择执法类别"

  147.           @click="showEnforceCategory = true"

  148.           input-align="right"

  149.           right-icon="arrow-down"

  150.           :border="false"

  151.           label-width="auto"

  152.         />

  153.         <van-popup v-model="showEnforceCategory" position="bottom">

  154.           <van-picker

  155.             show-toolbar

  156.             :columns="enforceCategoryOptions"

  157.             @confirm="onConfirmEnforceCategory"

  158.             @cancel="showEnforceCategory = false"

  159.           />

  160.         </van-popup>

  161.   <!--      <van-field v-model="form.enforceCategory" label="执法类别" placeholder="请输入执法类别" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" />-->

  162.         <van-field v-model="form.caseDescribe" label="案件简述" placeholder="请输入案件简述" :border="false" label-width="auto" input-align="right" />

  163.       </div>

  164. 

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

  166.         <van-collapse v-model="activeNames">

  167.           <van-collapse-item name="1">

  168.             <template #title>

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

  170.               <span class="custom-title">当事人<i class="bgBlue"></i></span>

  171.             </template>

  172. 

  173.             <van-field v-model="form.type" label="当事人类型" :border="false" label-width="auto" input-align="right" >

  174.               <template #input>

  175.                 <van-radio-group v-model="form.type" direction="horizontal">

  176.                   <van-radio name="1">个人/个体工商户</van-radio>

  177.                   <van-radio name="2">企业</van-radio>

  178.                 </van-radio-group>

  179.               </template>

  180.             </van-field>

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

  182.               <van-field v-model="form.name" required :rules="[{ required: true , message:'请输入当事人姓名' }]" label="当事人姓名" placeholder="请输入当事人姓名" :border="false" label-width="auto" input-align="right" />

  183.               <van-field v-if="form.type=='1'" v-model="form.sex" label="性别" placeholder="请输入性别" :border="false" label-width="auto" input-align="right" >

  184.                 <template v-if="form.type=='1'" #input>

  185.                   <van-radio-group v-if="form.type=='1'" v-model="form.sex" direction="horizontal">

  186.                     <van-radio name="1">男</van-radio>

  187.                     <van-radio name="2">女</van-radio>

  188.                   </van-radio-group>

  189.                 </template>

  190.               </van-field>

  191.               <van-field v-model="form.cardNum" required :rules="[{ required: true , message:'请输入身份证号' }]" label="身份证号" placeholder="请输入身份证号" :border="false" label-width="auto" input-align="right" />

  192. 

  193.               <van-field

  194.                 readonly

  195.                 clickable

  196.                 v-model="form.birthday"

  197.                 label="出生日期"

  198.                 placeholder="请选择出生日期"

  199.                 @click="showBirthday = true"

  200.                 input-align="right"

  201.                 right-icon="arrow-down"

  202.                 :border="false"

  203.                 label-width="auto"

  204.               />

  205.               <van-popup v-model="showBirthday" position="bottom">

  206.                 <van-datetime-picker

  207.                   v-model="birthday"

  208.                   type="date"

  209.                   title="选择年月日"

  210.                   :min-date="minDate"

  211.                   @confirm="onConfirmBirthday"

  212.                   @cancel="showBirthday = false"

  213.                 />

  214.               </van-popup>

  215. 

  216.               <van-field

  217.                 readonly

  218.                 clickable

  219.                 v-model="nation"

  220.                 label="民族"

  221.                 placeholder="请选择民族"

  222.                 @click="showNation = true"

  223.                 input-align="right"

  224.                 right-icon="arrow-down"

  225.                 :border="false"

  226.                 label-width="auto"

  227.               />

  228.               <van-popup v-model="showNation" position="bottom">

  229.                 <van-picker

  230.                   show-toolbar

  231.                   :columns="nationOptions"

  232.                   @confirm="onConfirmNation"

  233.                   @cancel="showNation = false"

  234.                 />

  235.               </van-popup>

  236.     <!--          <van-field v-model="form.nation" label="民族" placeholder="请输入民族" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" />-->

  237.               <van-field v-model="form.companyPosition" label="工作单位及职务" placeholder="请输入工作单位及职务" :border="false" label-width="auto" input-align="right" />

  238.               <van-field v-model="form.zihao" label="字号名称" placeholder="请输入字号名称" :border="false" label-width="auto" input-align="right" />

  239.             </template>

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

  241.               <van-field v-model="form.companyName" :rules="[{ required: true , message:'请输入企业名称' }]" label="企业名称" placeholder="请输入企业名称" :border="false" label-width="auto" input-align="right" />

  242.               <van-field v-model="form.legalName" label="法人/负责人" placeholder="请输入法人/负责人" :border="false" label-width="auto" input-align="right" />

  243.             </template>

  244. 

  245.             <van-field v-model="form.phone" label="联系电话" placeholder="请输入联系电话" :border="false" label-width="auto" input-align="right" />

  246.             <van-field v-model="form.address" label="联系地址" placeholder="请输入联系地址" :border="false" label-width="auto" input-align="right" />

  247.             <van-field v-model="form.uniformCode" label="统一社会信用代码" placeholder="请输入统一社会信用代码" :border="false" label-width="auto" input-align="right" />

  248.           </van-collapse-item>

  249.         </van-collapse>

  250.       </div>

  251. 

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

  253.         <van-collapse v-model="activeNames1">

  254.           <van-collapse-item name="1">

  255.             <template #title>

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

  257.               <span class="custom-title">附件<i class="bgBlue"></i></span>

  258.             </template>

  259.             <p style="color: #FE1313;text-align: center;margin-top: 5PX;font-size: .3rem">*请上传不超过5MB 格式为doc/xls/png/jpg/jpeg的文件</p>

  260.             <div class="cf">

  261.               <van-uploader v-model="form.attachementList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" />

  262.             </div>

  263.           </van-collapse-item>

  264.         </van-collapse>

  265.       </div>

  266. 

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

  268. <!--        <van-collapse v-model="activeNames2">-->

  269. <!--          <van-collapse-item name="1">-->

  270. <!--            <template #title>-->

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

  272. <!--              <span class="custom-title">执法人员<i class="bgBlue"></i></span>-->

  273. <!--            </template>-->

  274. <!--            <div class="peopleList">-->

  275. <!--              <van-row class="peoplett">-->

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

  277. <!--                <van-col :span="6">执行人员</van-col>-->

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

  279. <!--                <van-col :span="4">带队人</van-col>-->

  280. <!--              </van-row>-->

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

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

  283. <!--                <van-col :span="6">{{item.enforcerName}}</van-col>-->

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

  285. <!--                <van-col :span="4">-->

  286. <!--                  <div class="icon_box">-->

  287. <!--                    <van-checkbox v-model="item.enforcerLeader" shape="square" @change="checkBoxChange(item.enforcerLeader,index)"></van-checkbox>-->

  288. <!--                    <van-icon name="../../../static/images/lawEnforcement/icon/icon_delete.png" size="20" @click="removePeople(index)"></van-icon>-->

  289. <!--                  </div>-->

  290. <!--                </van-col>-->

  291. <!--              </van-row>-->

  292. <!--              <img src="../../../../static/images/lawEnforcement/new/addPeop_btn.png" style="margin: 0 auto;" @click="$router.push({name:'lawEnforcementCaseLawEnforcer'})">-->

  293. <!--            </div>-->

  294. <!--          </van-collapse-item>-->

  295. <!--        </van-collapse>-->

  296. <!--      </div>-->

  297.       <div class="submit_box">

  298.         <p class="submitButton" @click="$refs.form.submit()">保存</p>

  299.         <p class="submitButton" @click="keepSubmit()">提交</p>

  300.       </div>

  301.     </van-form>

  302. 

  303.   </div>

  304. </template>

  305. 

  306. <script>

  307.   import { updateCase , addProgress , treeselect , schemeList , addSurvey , getCase , getDeptName , getSurveyByCaseId , commonUpload } from "@/api/lawEnforcement/index";

  308.   import Cookies from "js-cookie";

  309.   export default {

  310.     name: "programmeDetail",

  311.     data() {

  312.       return {

  313.         showCaseSource:false,

  314.         showBelongTeam:false,

  315.         showEnforceCategory:false,

  316.         showDeptId:false,

  317.         showScheme:false,

  318.         showNation:false,

  319.         showBirthday:false,

  320.         showRegisterDate:false,

  321.         form:{

  322.           type:'1',

  323.           sex:'1',

  324.           registerDate:this.format(new Date(),'yyyy-MM-dd'),

  325.           caseProgress:'1',

  326.           caseStatus:'1',

  327.         },

  328.         registerDate:new Date(),

  329.         birthday:new Date(),

  330.         caseSource : '',

  331.         belongTeam : '',

  332.         enforceCategory : '',

  333.         nation : '',

  334.         deptName : '',

  335.         scheme : '',

  336.         villageValue : '',

  337. 

  338.         tEnforceSchemeHandlerList:[],

  339.         minDate: new Date(1900, 0, 1),

  340. 

  341.         activeNames: ['1'],

  342.         activeNames1: ['1'],

  343.         activeNames2: ['1'],

  344. 

  345.         caseSourceOptions:[],

  346.         belongTeamOptions:[],

  347.         enforceCategoryOptions:[],

  348.         nationOptions:[],

  349.         deptOptions:[],

  350.         caseProgressOptions:[],

  351.         schemeOptions:[],

  352. 

  353.         tEnforceCaseHandlerList:[],

  354.         radio:'',

  355.         fileList: [],

  356.         hcAreaInfoFieldName: {

  357.           text: "label",

  358.           value: "value",

  359.           children: "children",

  360.         },

  361. 

  362.         deptId:''

  363.       };

  364.     },

  365.     created() {

  366.       //案件来源

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

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

  369.           this.caseSourceOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});

  370.         }

  371.         this.caseSourceOptions2 = response.data;

  372.       });

  373.       //执行主体

  374.       this.getDicts("team_category").then(response => {

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

  376.           this.belongTeamOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});

  377.         }

  378.         this.belongTeamOptions2 = response.data;

  379.       });

  380.       //执法类别

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

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

  383.           this.enforceCategoryOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});

  384.         }

  385.         this.enforceCategoryOptions2 = response.data;

  386.       });

  387.       //民族

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

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

  390.           this.nationOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});

  391.         }

  392.         this.nationOptions2 = response.data;

  393.       });

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

  395.         this.caseProgressOptions = response.data;

  396.       });

  397.       var schemeQueryParam = {

  398.         applyStatus: "1"

  399.       };

  400.       schemeList(schemeQueryParam).then((response) => {

  401.         for (var i = 0; i < response.rows.length; i++) {

  402.           this.schemeOptions.push({text: response.rows[i].schemeName, value: response.rows[i].id});

  403.         }

  404.       });

  405.       this.getBookList()

  406.       var that = this;

  407.       setTimeout(function () {

  408.         that.getDetail();

  409.       },2000)

  410.     },

  411.     methods: {

  412.       goSubmit(){

  413.         if (typeof this.form.attachement != 'string'){

  414.           this.form.attachement = this.form.attachement.join(',');

  415.         }

  416.         updateCase(this.form).then(response => {

  417.           if(response.code=="200"){

  418.             this.$notify({ type: 'success', message: '保存成功' });

  419.             setTimeout(function(){

  420.               history.back(-1);

  421.             },2000)

  422.             // var progressParam = {

  423.             //   caseId: response.data,

  424.             //   caseStatus:"1",

  425.             //   caseProgress:"1",

  426.             //   caseProgressName:"登记"

  427.             // };

  428.             //

  429.             // addProgress(progressParam).then(response2 => {

  430.             //   let surveyForm = {};

  431.             //   surveyForm.tEnforceCaseHandlerList = this.tEnforceCaseHandlerList;

  432.             //   surveyForm.caseId = response.data;

  433.             //   addSurvey(surveyForm).then(response => {

  434.             //   });

  435.             // });

  436.           }

  437.         });

  438.       },

  439.       keepSubmit(){

  440.         this.form.caseId = this.form.id;

  441.         this.form.caseStatus = "1";

  442.         this.form.caseProgress = "2"; // 勘察

  443.         this.form.caseProgressName = this.selectDictLabel(this.caseProgressOptions, this.form.caseProgress); // 勘察

  444. 

  445.         if (typeof this.form.attachement != 'string'){

  446.           this.form.attachement = this.form.attachement.join(',');

  447.         }

  448.         var _this = this;

  449.         this.$dialog.confirm({

  450.           message: '提交后案件将进入后续流程并且不能修改,是否确认提交?',

  451.         }).then(function () {

  452.           // 更新案件的节点和状态

  453.           updateCase(_this.form).then(response => {

  454.             _this.$notify({ type: 'success', message: '提交成功' });

  455.             _this.goSubmit();

  456.           });

  457.         });

  458.       },

  459.       getBookList(){

  460.         treeselect().then((response) => {

  461.           if (response.code == 200) {

  462.             this.deptOptions = response.data;

  463.           }

  464.         })

  465.       },

  466.       //选择案件来源

  467.       onConfirmCaseSource(data){

  468.         this.form.caseSource = data.value;

  469.         this.caseSource = data.text;

  470.         this.showCaseSource = false;

  471.       },

  472.       //选择案件属地

  473.       onConfirmDept({ selectedOptions }){

  474.         console.log(selectedOptions[selectedOptions.length-1])

  475.         this.form.deptId = selectedOptions[selectedOptions.length-1].value;

  476.         this.deptName = selectedOptions[selectedOptions.length-1].label;

  477.         this.showDeptId = false

  478.       },

  479.       //选择执行主体

  480.       onConfirmBelongTeam(data){

  481.         this.form.belongTeam = data.value;

  482.         this.belongTeam = data.text;

  483.         this.showBelongTeam = false;

  484.       },

  485.       //选择执法类别

  486.       onConfirmEnforceCategory(data){

  487.         this.form.enforceCategory = data.text;

  488.         this.enforceCategory = data.text;

  489.         this.showEnforceCategory = false;

  490.       },

  491.       //选择民族

  492.       onConfirmNation(data){

  493.         this.form.nation = data.value;

  494.         this.nation = data.text;

  495.         this.showNation = false;

  496.       },

  497.       //选择关联方案

  498.       onConfirmScheme(data){

  499.         this.form.schemeId = data.value;

  500.         this.scheme = data.text;

  501.         this.showScheme = false;

  502.       },

  503.       //选择登记时间

  504.       onConfirmRegisterDate(data){

  505.         this.form.registerDate = this.format(data,'yyyy-MM-dd');

  506.         this.registerDate = data;

  507.         this.showRegisterDate = false;

  508.       },

  509.       //选择出生日期

  510.       onConfirmBirthday(data){

  511.         this.form.birthday = this.format(data,'yyyy-MM-dd');

  512.         this.birthday = data;

  513.         this.showBirthday = false;

  514.       },

  515.       getDetail(){

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

  517.           this.caseSource = response.data.caseSource == '' ? '' : this.selectDictLabel(this.caseSourceOptions2, response.data.caseSource);

  518.           this.belongTeam = response.data.belongTeam == '' ? '' : this.selectDictLabel(this.belongTeamOptions2, response.data.belongTeam);

  519.           this.nation = response.data.nation == '' ? '' : this.selectDictLabel(this.nationOptions2, response.data.nation);

  520.           console.log(response.data.schemeId)

  521.           console.log(this.schemeOptions)

  522.           this.scheme = response.data.schemeId == null ? '' : this.schemeOptions.filter(function (e) { return e.value == response.data.schemeId; })[0].text;

  523.           this.enforceCategory = response.data.enforceCategory;

  524.           if (response.data.attachement){

  525.             response.data.attachementList = [];

  526.             var attachement = response.data.attachement.split( "," );

  527.             attachement.forEach(responseAttach=>{

  528.               response.data.attachementList.push({

  529.                 url:'/api' + responseAttach,

  530.                 isImage: true

  531.               });

  532.             })

  533.             // process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API

  534.           }else{

  535.             response.data.attachement = [];

  536.           }

  537.           getDeptName(response.data.deptId).then(res => {

  538.             this.deptName = res.data.deptName

  539.           });

  540.           this.form = response.data;

  541.         });

  542.         getSurveyByCaseId(this.$route.query.id).then((response) => {

  543.           if(response.data != undefined){

  544.             this.tEnforceCaseHandlerList = response.data.tEnforceCaseHandlerList;

  545.           }

  546.         });

  547.       },

  548.       afterReadEvidenceForm(file){

  549.         let params1 = new FormData();

  550.         params1.append("file", file.file);

  551.         commonUpload(params1).then((r1) => {

  552.           // this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName);

  553.           this.form.attachement.push(r1.fileName)

  554.         })

  555.       },

  556.       deleteFileEvidenceForm(file,detail) {

  557.         this.form.attachement.splice(detail.index,1);

  558.         this.form.attachementList.splice(detail.index,1);

  559.       },

  560.     },

  561.     watch: {

  562.       $route (to, from ) {

  563.         // 监听路由变化, 实现类似 小程序的 onShow 事件

  564.         if (to.path === '/lawEnforcement/caseAdd') {

  565.           console.log('abc')

  566.           // do anything you want

  567.           if (Cookies.get('enforcer')){

  568.             JSON.parse(Cookies.get('enforcer')).map((res,index)=>{

  569.               this.tEnforceCaseHandlerList.push(res)

  570.             })

  571.           }

  572.         }

  573.       }

  574.     },

  575.   }

  576. </script>

  577. 

  578. <style scoped lang="scss">

  579.   .app-container {

  580.     padding: 2% 0;

  581.   }

  582.   /deep/ .van-collapse-item__content{

  583.     padding: 0;

  584.   }

  585.   .cf{

  586.     padding: 0 3%;

  587.     margin-top: 20PX;

  588.     margin-bottom: 20PX;

  589.     .van-row{

  590.       background: #F0F3F5;

  591.       .van-col{

  592.         padding: 5PX 0;

  593.         font-size: 12PX!important;

  594.         text-align: center;

  595.         p{

  596.           color: #1D6FE9;

  597.         }

  598.       }

  599.       &:first-child{

  600.         background: transparent;

  601.       }

  602.     }

  603.   }

  604.   .header_main{

  605.     height: 116px;

  606.     background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat;

  607.     background-size: 100% 100%;

  608.     position: fixed;

  609.     top: 0;

  610.     left: 0;

  611.     width: 100%;

  612.     font-size: 36px;

  613.     line-height: 116px;

  614.     text-align: center;

  615.     color: #fff;

  616.     z-index: 999;

  617.     .return_btn{

  618.       width: 24px;

  619.       height: 43.2px;

  620.       background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;

  621.       background-size: 20px 36px;

  622.       position: absolute;

  623.       left: 38px;

  624.       top: 36px;

  625.     }

  626.     .add_btn{

  627.       width: 56.4px;

  628.       height: 40.8px;

  629.       background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;

  630.       background-size: 47px 34px;

  631.       position: absolute;

  632.       right: 38px;

  633.       top: 36px;

  634.     }

  635.   }

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

  637.     margin-left: 0.32rem;

  638.     margin-right: 0;

  639.   }

  640.   .peopleList{

  641.     padding: 3%;

  642.     text-align: center;

  643.     .van-row{

  644.       margin-bottom: 10PX;

  645.       background: rgba(196,218,249,0.3);

  646.       border-radius: 5PX;

  647.       .van-col{

  648.         text-align: center;

  649.         font-size: 14PX;

  650.         color: #333333;

  651.         padding: 5PX 0;

  652.       }

  653.       &:first-child{

  654.         background: none;

  655.         .van-col{

  656.           padding: 0;

  657.           color: #1D6FE9;

  658.         }

  659.       }

  660.     }

  661.     .icon_box{

  662.       display: flex;

  663.       justify-content: space-around;

  664.       /deep/ .van-checkbox{

  665.         justify-content: center;

  666.       }

  667.     }

  668.   }

  669.   .main_title{

  670.     font-size: 0.4rem;

  671.     color: #1D6FE9;

  672.     margin: 0.2rem 6%;

  673.     margin-top: 0;

  674.     position: relative;

  675.   }

  676.   .main_box{

  677.     width: 96%;

  678.     margin: 0 auto;

  679.     border-radius: 10PX;

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

  681.     overflow: hidden;

  682.     background-color: #FFF;

  683.     .van-icon{

  684.       vertical-align: middle;

  685.     }

  686.     .custom-title{

  687.       font-size: 17PX;

  688.       color: #333333;

  689.       vertical-align: middle;

  690.       line-height: 1;

  691.       position: relative;

  692.     }

  693.     .tap{

  694.       color: #1D6FE9;

  695.     }

  696.     .bgBlue{

  697.       display: block;

  698.       position: absolute;

  699.       width: 17PX;

  700.       height: 17PX;

  701.       border-radius: 50%;

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

  703.       top: -2PX;

  704.       right: -8PX;

  705.     }

  706.   }

  707.   .submitButton{

  708.     width: 40%;

  709.     margin: 0 auto;

  710.     background-image: linear-gradient(to right, #2E79E9 , #77A6EF);

  711.     text-align: center;

  712.     color: #ffffff;

  713.     height: 70px;

  714.     line-height: 70px;

  715.     border-radius: 8PX;

  716.     margin-top: 25PX;

  717.   }

  718.   .submit_box{

  719.     display: flex;

  720.   }

  721.   .addFamily{

  722.     position: absolute;

  723.     top: -2px;

  724.     right: 0;

  725.     border-radius: 50%;

  726.   }

  727. </style>