@@ -620,3 +620,73 @@ export function addOnrecord(data) { | |||||
data: data | data: data | ||||
}) | }) | ||||
} | } | ||||
// 新增立案信息 | |||||
export function addPutrecord(data) { | |||||
return request({ | |||||
url: '/enforce/putrecord/add', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 修改立案信息 | |||||
export function updatePutrecord(data) { | |||||
return request({ | |||||
url: '/enforce/putrecord/edit', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 新增抽样信息 | |||||
export function addSampling(data) { | |||||
return request({ | |||||
url: '/enforce/sampling/add', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 修改抽样信息 | |||||
export function updateSampling(data) { | |||||
return request({ | |||||
url: '/enforce/sampling/edit', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 新增农业执法-案件-取证信息 | |||||
export function addEvidence(data) { | |||||
return request({ | |||||
url: '/enforce/evidence/add', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 修改农业执法-案件-取证信息 | |||||
export function updateEvidence(data) { | |||||
return request({ | |||||
url: '/enforce/evidence/edit', | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 查询处理流程关联办理人员列表 | |||||
export function caseHandlerList(query) { | |||||
return request({ | |||||
url: '/enforce/caseHandler/caseHandlerList', | |||||
method: 'get', | |||||
params: query | |||||
}) | |||||
} | |||||
// 删除案件登记 | |||||
export function delCase(id) { | |||||
return request({ | |||||
url: '/enforce/case/remove/' + id, | |||||
method: 'get' | |||||
}) | |||||
} |
@@ -2359,15 +2359,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/lawEnforcement/index'], resolve) | component: (resolve) => require(['@/views/lawEnforcement/index'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/lawEnforcement/caseList', | |||||
name: 'caseList', | |||||
meta: { | |||||
title: '案件', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/lawEnforcement/case/caseList'], resolve) | |||||
}, | |||||
// { | |||||
// path: '/lawEnforcement/caseList', | |||||
// name: 'caseList', | |||||
// meta: { | |||||
// title: '案件', | |||||
// hidden: true, | |||||
// }, | |||||
// component: (resolve) => require(['@/views/lawEnforcement/case/caseList'], resolve) | |||||
// }, | |||||
{ | { | ||||
path: '/lawEnforcement/productsList', | path: '/lawEnforcement/productsList', | ||||
name: 'caseList', | name: 'caseList', | ||||
@@ -3829,15 +3829,25 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseAdd'], resolve) | component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseAdd'], resolve) | ||||
}, | }, | ||||
{ ////农业执法(新)-- 巡查登记 | |||||
path: '/lawEnforcement/caseEdit', | |||||
name: 'lawEnforcementCaseEdit', | |||||
meta: { | |||||
title: '登记修改', | |||||
hidden: true, | |||||
keepAlive: true | |||||
}, | |||||
component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseEdit'], resolve) | |||||
}, | |||||
{ ////农业执法(新)-- 巡查登记列表 | { ////农业执法(新)-- 巡查登记列表 | ||||
path: '/lawEnforcement/caseList', | |||||
path: '/lawEnforcement/caseListNew', | |||||
name: 'lawEnforcementCaseListNew', | name: 'lawEnforcementCaseListNew', | ||||
meta: { | meta: { | ||||
title: '巡查登记', | |||||
title: '登记列表', | |||||
hidden: true, | hidden: true, | ||||
keepAlive: true | keepAlive: true | ||||
}, | }, | ||||
component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseList'], resolve) | |||||
component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseListNew'], resolve) | |||||
}, | }, | ||||
{ ////农业执法(新)-- 记录查看 | { ////农业执法(新)-- 记录查看 | ||||
path: '/lawEnforcement/taskSignInSee', | path: '/lawEnforcement/taskSignInSee', | ||||
@@ -3857,6 +3867,15 @@ export const constantRoutes = [ | |||||
keepAlive: true | keepAlive: true | ||||
}, | }, | ||||
component: (resolve) => require(['@/views/lawEnforcement/task/taskHandle'], resolve) | component: (resolve) => require(['@/views/lawEnforcement/task/taskHandle'], resolve) | ||||
}, | |||||
{ ////农业执法(新)-- 案件处理 | |||||
path: '/lawEnforcement/caseEnforceList', | |||||
name: 'lawEnforcementCaseEnforceList', | |||||
meta: { | |||||
title: '添加执法人员', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/lawEnforcement/caseAllocation/caseEnforceList'], resolve) | |||||
} | } | ||||
]; | ]; | ||||
@@ -260,7 +260,7 @@ | |||||
</template> | </template> | ||||
<p style="color: #FE1313;text-align: center;margin-top: 5PX;font-size: .3rem">*请上传不超过5MB 格式为doc/xls/png/jpg/jpeg的文件</p> | <p style="color: #FE1313;text-align: center;margin-top: 5PX;font-size: .3rem">*请上传不超过5MB 格式为doc/xls/png/jpg/jpeg的文件</p> | ||||
<div class="cf"> | <div class="cf"> | ||||
<van-uploader v-model="fileList" multiple /> | |||||
<van-uploader v-model="form.attachementList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
</div> | </div> | ||||
</van-collapse-item> | </van-collapse-item> | ||||
</van-collapse> | </van-collapse> | ||||
@@ -298,7 +298,7 @@ | |||||
</div> | </div> | ||||
<div class="submit_box"> | <div class="submit_box"> | ||||
<p class="submitButton" @click="$refs.form.submit()">保存</p> | <p class="submitButton" @click="$refs.form.submit()">保存</p> | ||||
<p class="submitButton">保存并打卡</p> | |||||
<p class="submitButton" @click="keepSubmit()">保存并提交</p> | |||||
</div> | </div> | ||||
</van-form> | </van-form> | ||||
@@ -306,7 +306,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import { addCase , addProgress , treeselect , schemeList , addSurvey } from "@/api/lawEnforcement/index"; | |||||
import { addCase , addProgress , treeselect , schemeList , addSurvey , commonUpload } from "@/api/lawEnforcement/index"; | |||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
export default { | export default { | ||||
name: "programmeDetail", | name: "programmeDetail", | ||||
@@ -404,6 +404,9 @@ | |||||
}, | }, | ||||
methods: { | methods: { | ||||
goSubmit(){ | goSubmit(){ | ||||
if (typeof this.form.attachement != 'string'){ | |||||
this.form.attachement = this.form.attachement.join(','); | |||||
} | |||||
addCase(this.form).then(response => { | addCase(this.form).then(response => { | ||||
if(response.code=="200"){ | if(response.code=="200"){ | ||||
var progressParam = { | var progressParam = { | ||||
@@ -484,6 +487,40 @@ | |||||
this.birthday = data; | this.birthday = data; | ||||
this.showBirthday = false; | this.showBirthday = false; | ||||
}, | }, | ||||
keepSubmit(){ | |||||
this.form.caseId = this.form.id; | |||||
this.form.caseStatus = "1"; | |||||
this.form.caseProgress = "2"; // 勘察 | |||||
this.form.caseProgressName = this.selectDictLabel(this.caseProgressOptions, this.form.caseProgress); // 勘察 | |||||
if (typeof this.form.attachement != 'string'){ | |||||
this.form.attachement = this.form.attachement.join(','); | |||||
} | |||||
var _this = this; | |||||
this.$dialog.confirm({ | |||||
message: '提交后案件将进入后续流程并且不能修改,是否确认提交?', | |||||
}).then(function () { | |||||
// 更新案件的节点和状态 | |||||
updateCase(_this.form).then(response => { | |||||
_this.$notify({ type: 'success', message: '提交成功' }); | |||||
setTimeout(function(){ | |||||
history.back(-1); | |||||
},2000) | |||||
}); | |||||
}); | |||||
}, | |||||
afterReadEvidenceForm(file){ | |||||
let params1 = new FormData(); | |||||
params1.append("file", file.file); | |||||
commonUpload(params1).then((r1) => { | |||||
// this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | |||||
this.form.attachement.push(r1.fileName) | |||||
}) | |||||
}, | |||||
deleteFileEvidenceForm(file,detail) { | |||||
this.form.attachement.splice(detail.index,1); | |||||
this.form.attachementList.splice(detail.index,1); | |||||
}, | |||||
}, | }, | ||||
watch: { | watch: { | ||||
$route (to, from ) { | $route (to, from ) { | ||||
@@ -28,7 +28,7 @@ | |||||
<template #label> | <template #label> | ||||
<p>{{item.caseSource}}</p> | <p>{{item.caseSource}}</p> | ||||
<p>第{{item.belongTeam}}</p> | <p>第{{item.belongTeam}}</p> | ||||
<p>{{item.surveyStartTime}}</p> | |||||
<p>{{item.shouanDate}}</p> | |||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<template #right> | <template #right> | ||||
@@ -58,20 +58,8 @@ | |||||
<span class="custom-title">附件<i class="bgBlue"></i></span> | <span class="custom-title">附件<i class="bgBlue"></i></span> | ||||
</template> | </template> | ||||
<div class="cf"> | <div class="cf"> | ||||
<van-row> | |||||
<van-col :span="6"> | |||||
<van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" /> | |||||
<p>产品确认</p> | |||||
<p>通知书</p> | |||||
</van-col> | |||||
<van-col :span="6"> | |||||
<van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" /> | |||||
<p>产品确认</p> | |||||
<p>通知书</p> | |||||
</van-col> | |||||
<van-col :span="6"></van-col> | |||||
<van-col :span="6"></van-col> | |||||
</van-row> | |||||
<van-uploader v-model="form.attachementList" :show-upload="false" :deletable="false" /> | |||||
<van-empty v-if="form.attachement == null " description="暂无文件" /> | |||||
</div> | </div> | ||||
</van-collapse-item> | </van-collapse-item> | ||||
</van-collapse> | </van-collapse> | ||||
@@ -179,6 +167,17 @@ | |||||
getDeptName(response.data.deptId).then(res => { | getDeptName(response.data.deptId).then(res => { | ||||
response.data.deptId = res.data.deptName | response.data.deptId = res.data.deptName | ||||
}); | }); | ||||
if (response.data.attachement){ | |||||
response.data.attachementList = []; | |||||
var attachement = response.data.attachement.split( "," ); | |||||
attachement.forEach(responseAttach=>{ | |||||
response.data.attachementList.push({ | |||||
url:'/api' + responseAttach, | |||||
isImage: true | |||||
}); | |||||
}) | |||||
// process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API | |||||
} | |||||
this.form = response.data; | this.form = response.data; | ||||
}); | }); | ||||
getSurveyByCaseId(this.$route.query.id).then((response) => { | getSurveyByCaseId(this.$route.query.id).then((response) => { | ||||
@@ -57,20 +57,8 @@ | |||||
<span class="custom-title">附件<i class="bgBlue"></i></span> | <span class="custom-title">附件<i class="bgBlue"></i></span> | ||||
</template> | </template> | ||||
<div class="cf"> | <div class="cf"> | ||||
<van-row> | |||||
<van-col :span="6"> | |||||
<van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" /> | |||||
<p>产品确认</p> | |||||
<p>通知书</p> | |||||
</van-col> | |||||
<van-col :span="6"> | |||||
<van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" /> | |||||
<p>产品确认</p> | |||||
<p>通知书</p> | |||||
</van-col> | |||||
<van-col :span="6"></van-col> | |||||
<van-col :span="6"></van-col> | |||||
</van-row> | |||||
<van-uploader v-model="form.attachementList" :show-upload="false" :deletable="false" /> | |||||
<van-empty v-if="form.attachement == null " description="暂无文件" /> | |||||
</div> | </div> | ||||
</van-collapse-item> | </van-collapse-item> | ||||
</van-collapse> | </van-collapse> | ||||
@@ -180,6 +168,17 @@ | |||||
getDeptName(response.data.deptId).then(res => { | getDeptName(response.data.deptId).then(res => { | ||||
response.data.deptId = res.data.deptName | response.data.deptId = res.data.deptName | ||||
}); | }); | ||||
if (response.data.attachement){ | |||||
response.data.attachementList = []; | |||||
var attachement = response.data.attachement.split( "," ); | |||||
attachement.forEach(responseAttach=>{ | |||||
response.data.attachementList.push({ | |||||
url:'/api' + responseAttach, | |||||
isImage: true | |||||
}); | |||||
}) | |||||
// process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API | |||||
} | |||||
this.form = response.data; | this.form = response.data; | ||||
}); | }); | ||||
getSurveyByCaseId(this.$route.query.id).then((response) => { | getSurveyByCaseId(this.$route.query.id).then((response) => { | ||||
@@ -220,7 +219,19 @@ | |||||
console.log(val) | console.log(val) | ||||
console.log(index) | console.log(index) | ||||
this.tEnforceCaseHandlerList[index].enforcerLeader = val ? 'Y' : '' | this.tEnforceCaseHandlerList[index].enforcerLeader = val ? 'Y' : '' | ||||
} | |||||
}, | |||||
afterReadEvidenceForm(file){ | |||||
let params1 = new FormData(); | |||||
params1.append("file", file.file); | |||||
commonUpload(params1).then((r1) => { | |||||
// this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | |||||
this.form.attachement.push(r1.fileName) | |||||
}) | |||||
}, | |||||
deleteFileEvidenceForm(file,detail) { | |||||
this.form.attachement.splice(detail.index,1); | |||||
this.form.attachementList.splice(detail.index,1); | |||||
}, | |||||
}, | }, | ||||
watch: { | watch: { | ||||
$route (to, from ) { | $route (to, from ) { | ||||
@@ -0,0 +1,726 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<div class="header_main"> | |||||
登记修改 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div style="height: 58px;"></div> | |||||
<van-form @submit="goSubmit" :show-error-message="false" ref="form"> | |||||
<div class="main_box"> | |||||
<van-cell> | |||||
<template #title> | |||||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_zxfa.png" size="20"></van-icon> | |||||
<span class="custom-title">登记<i class="bgBlue"></i></span> | |||||
</template> | |||||
</van-cell> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择案件来源' }]" | |||||
v-model="caseSource" | |||||
label="案件来源" | |||||
placeholder="请选择案件来源" | |||||
@click="showCaseSource = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showCaseSource" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="caseSourceOptions" | |||||
@confirm="onConfirmCaseSource" | |||||
@cancel="showCaseSource = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择关联方案' }]" | |||||
v-model="scheme" | |||||
label="关联方案" | |||||
placeholder="请选择关联方案" | |||||
@click="showScheme = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showScheme" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="schemeOptions" | |||||
@confirm="onConfirmScheme" | |||||
@cancel="showScheme = false" | |||||
/> | |||||
</van-popup> | |||||
<!-- <van-field v-model="form.schemeId" label="关联方案" placeholder="请输入关联方案" :border="false" label-width="auto" input-align="right" />--> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择案件属地' }]" | |||||
v-model="deptName" | |||||
label="案件属地" | |||||
placeholder="请选择案件属地" | |||||
@click="showDeptId = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showDeptId" position="bottom"> | |||||
<van-cascader | |||||
v-model="villageValue" | |||||
title="请选择案件属地" | |||||
:options="deptOptions" | |||||
@close="showDeptId = false" | |||||
@finish="onConfirmDept" | |||||
active-color="#1989fa" | |||||
:field-names="hcAreaInfoFieldName" | |||||
/> | |||||
</van-popup> | |||||
<!-- <van-field v-model="form.deptId" label="案件属地" placeholder="请输入案件属地" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" />--> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择执行主体' }]" | |||||
v-model="belongTeam" | |||||
label="执行主体" | |||||
placeholder="请选择执行主体" | |||||
@click="showBelongTeam = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showBelongTeam" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="belongTeamOptions" | |||||
@confirm="onConfirmBelongTeam" | |||||
@cancel="showBelongTeam = false" | |||||
/> | |||||
</van-popup> | |||||
<!-- <van-field v-model="form.belongTeam" label="执行主体" placeholder="请输入执行主体" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" />--> | |||||
<van-field v-model="form.caseName" required :rules="[{ required: true , message:'请输入案件名称' }]" label="案件名称" placeholder="请输入案件名称" :border="false" label-width="auto" input-align="right" /> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择登记日期' }]" | |||||
v-model="form.registerDate" | |||||
label="登记日期" | |||||
placeholder="请选择登记日期" | |||||
@click="showRegisterDate = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showRegisterDate" position="bottom"> | |||||
<van-datetime-picker | |||||
v-model="registerDate" | |||||
type="date" | |||||
title="选择年月日" | |||||
:min-date="minDate" | |||||
@confirm="onConfirmRegisterDate" | |||||
@cancel="showRegisterDate = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择执法类别' }]" | |||||
v-model="enforceCategory" | |||||
label="执法类别" | |||||
placeholder="请选择执法类别" | |||||
@click="showEnforceCategory = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showEnforceCategory" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="enforceCategoryOptions" | |||||
@confirm="onConfirmEnforceCategory" | |||||
@cancel="showEnforceCategory = false" | |||||
/> | |||||
</van-popup> | |||||
<!-- <van-field v-model="form.enforceCategory" label="执法类别" placeholder="请输入执法类别" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" />--> | |||||
<van-field v-model="form.caseDescribe" label="案件简述" placeholder="请输入案件简述" :border="false" label-width="auto" input-align="right" /> | |||||
</div> | |||||
<div class="main_box" style="margin-top: 10px;"> | |||||
<van-collapse v-model="activeNames"> | |||||
<van-collapse-item name="1"> | |||||
<template #title> | |||||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_dsr.png" size="20"></van-icon> | |||||
<span class="custom-title">当事人<i class="bgBlue"></i></span> | |||||
</template> | |||||
<van-field v-model="form.type" label="当事人类型" :border="false" label-width="auto" input-align="right" > | |||||
<template #input> | |||||
<van-radio-group v-model="form.type" direction="horizontal"> | |||||
<van-radio name="1">个人/个体工商户</van-radio> | |||||
<van-radio name="2">企业</van-radio> | |||||
</van-radio-group> | |||||
</template> | |||||
</van-field> | |||||
<template v-if="form.type=='1'"> | |||||
<van-field v-model="form.name" required :rules="[{ required: true , message:'请输入当事人姓名' }]" label="当事人姓名" placeholder="请输入当事人姓名" :border="false" label-width="auto" input-align="right" /> | |||||
<van-field v-model="form.sex" label="性别" placeholder="请输入性别" :border="false" label-width="auto" input-align="right" > | |||||
<template #input> | |||||
<van-radio-group v-model="form.sex" direction="horizontal"> | |||||
<van-radio name="1">男</van-radio> | |||||
<van-radio name="2">女</van-radio> | |||||
</van-radio-group> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="form.cardNum" required :rules="[{ required: true , message:'请输入身份证号' }]" label="身份证号" placeholder="请输入身份证号" :border="false" label-width="auto" input-align="right" /> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
v-model="form.birthday" | |||||
label="出生日期" | |||||
placeholder="请选择出生日期" | |||||
@click="showBirthday = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showBirthday" position="bottom"> | |||||
<van-datetime-picker | |||||
v-model="birthday" | |||||
type="date" | |||||
title="选择年月日" | |||||
:min-date="minDate" | |||||
@confirm="onConfirmBirthday" | |||||
@cancel="showBirthday = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
v-model="nation" | |||||
label="民族" | |||||
placeholder="请选择民族" | |||||
@click="showNation = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showNation" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="nationOptions" | |||||
@confirm="onConfirmNation" | |||||
@cancel="showNation = false" | |||||
/> | |||||
</van-popup> | |||||
<!-- <van-field v-model="form.nation" label="民族" placeholder="请输入民族" :border="false" label-width="auto" input-align="right" is-link arrow-direction="down" />--> | |||||
<van-field v-model="form.companyPosition" label="工作单位及职务" placeholder="请输入工作单位及职务" :border="false" label-width="auto" input-align="right" /> | |||||
<van-field v-model="form.zihao" label="字号名称" placeholder="请输入字号名称" :border="false" label-width="auto" input-align="right" /> | |||||
</template> | |||||
<template v-if="form.type=='2'"> | |||||
<van-field v-model="form.companyName" :rules="[{ required: true , message:'请输入企业名称' }]" label="企业名称" placeholder="请输入企业名称" :border="false" label-width="auto" input-align="right" /> | |||||
<van-field v-model="form.legalName" label="法人/负责人" placeholder="请输入法人/负责人" :border="false" label-width="auto" input-align="right" /> | |||||
</template> | |||||
<van-field v-model="form.phone" label="联系电话" placeholder="请输入联系电话" :border="false" label-width="auto" input-align="right" /> | |||||
<van-field v-model="form.address" label="联系地址" placeholder="请输入联系地址" :border="false" label-width="auto" input-align="right" /> | |||||
<van-field v-model="form.uniformCode" label="统一社会信用代码" placeholder="请输入统一社会信用代码" :border="false" label-width="auto" input-align="right" /> | |||||
</van-collapse-item> | |||||
</van-collapse> | |||||
</div> | |||||
<div class="main_box" style="margin-top: 10px;"> | |||||
<van-collapse v-model="activeNames1"> | |||||
<van-collapse-item name="1"> | |||||
<template #title> | |||||
<van-icon name="../../../static/images/lawEnforcement/icon/icon_ajwd.png" size="20"></van-icon> | |||||
<span class="custom-title">附件<i class="bgBlue"></i></span> | |||||
</template> | |||||
<p style="color: #FE1313;text-align: center;margin-top: 5PX;font-size: .3rem">*请上传不超过5MB 格式为doc/xls/png/jpg/jpeg的文件</p> | |||||
<div class="cf"> | |||||
<van-uploader v-model="form.attachementList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
</div> | |||||
</van-collapse-item> | |||||
</van-collapse> | |||||
</div> | |||||
<!-- <div class="main_box" style="margin-top: 10px;">--> | |||||
<!-- <van-collapse v-model="activeNames2">--> | |||||
<!-- <van-collapse-item name="1">--> | |||||
<!-- <template #title>--> | |||||
<!-- <van-icon name="../../../static/images/lawEnforcement/icon/icon_zxry.png" size="20"></van-icon>--> | |||||
<!-- <span class="custom-title">执法人员<i class="bgBlue"></i></span>--> | |||||
<!-- </template>--> | |||||
<!-- <div class="peopleList">--> | |||||
<!-- <van-row class="peoplett">--> | |||||
<!-- <van-col :span="4">序号</van-col>--> | |||||
<!-- <van-col :span="6">执行人员</van-col>--> | |||||
<!-- <van-col :span="10">执法证号</van-col>--> | |||||
<!-- <van-col :span="4">带队人</van-col>--> | |||||
<!-- </van-row>--> | |||||
<!-- <van-row v-for="(item,index) in tEnforceCaseHandlerList" :key="index" >--> | |||||
<!-- <van-col :span="4">{{index+1}}</van-col>--> | |||||
<!-- <van-col :span="6">{{item.enforcerName}}</van-col>--> | |||||
<!-- <van-col :span="10">{{item.enforcerNum}}</van-col>--> | |||||
<!-- <van-col :span="4">--> | |||||
<!-- <div class="icon_box">--> | |||||
<!-- <van-checkbox v-model="item.enforcerLeader" shape="square" @change="checkBoxChange(item.enforcerLeader,index)"></van-checkbox>--> | |||||
<!-- <van-icon name="../../../static/images/lawEnforcement/icon/icon_delete.png" size="20" @click="removePeople(index)"></van-icon>--> | |||||
<!-- </div>--> | |||||
<!-- </van-col>--> | |||||
<!-- </van-row>--> | |||||
<!-- <img src="../../../../static/images/lawEnforcement/new/addPeop_btn.png" style="margin: 0 auto;" @click="$router.push({name:'lawEnforcementCaseLawEnforcer'})">--> | |||||
<!-- </div>--> | |||||
<!-- </van-collapse-item>--> | |||||
<!-- </van-collapse>--> | |||||
<!-- </div>--> | |||||
<div class="submit_box"> | |||||
<p class="submitButton" @click="$refs.form.submit()">保存</p> | |||||
<p class="submitButton" @click="keepSubmit()">保存并提交</p> | |||||
</div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { updateCase , addProgress , treeselect , schemeList , addSurvey , getCase , getDeptName , getSurveyByCaseId , commonUpload } from "@/api/lawEnforcement/index"; | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "programmeDetail", | |||||
data() { | |||||
return { | |||||
showCaseSource:false, | |||||
showBelongTeam:false, | |||||
showEnforceCategory:false, | |||||
showDeptId:false, | |||||
showScheme:false, | |||||
showNation:false, | |||||
showBirthday:false, | |||||
showRegisterDate:false, | |||||
form:{ | |||||
type:'1', | |||||
sex:'1', | |||||
registerDate:this.format(new Date(),'yyyy-MM-dd'), | |||||
caseProgress:'1', | |||||
caseStatus:'1', | |||||
}, | |||||
registerDate:new Date(), | |||||
birthday:new Date(), | |||||
caseSource : '', | |||||
belongTeam : '', | |||||
enforceCategory : '', | |||||
nation : '', | |||||
deptName : '', | |||||
scheme : '', | |||||
villageValue : '', | |||||
tEnforceSchemeHandlerList:[], | |||||
minDate: new Date(1900, 0, 1), | |||||
activeNames: ['1'], | |||||
activeNames1: ['1'], | |||||
activeNames2: ['1'], | |||||
caseSourceOptions:[], | |||||
belongTeamOptions:[], | |||||
enforceCategoryOptions:[], | |||||
nationOptions:[], | |||||
deptOptions:[], | |||||
caseProgressOptions:[], | |||||
schemeOptions:[], | |||||
tEnforceCaseHandlerList:[], | |||||
radio:'', | |||||
fileList: [], | |||||
hcAreaInfoFieldName: { | |||||
text: "label", | |||||
value: "value", | |||||
children: "children", | |||||
}, | |||||
deptId:'' | |||||
}; | |||||
}, | |||||
created() { | |||||
//案件来源 | |||||
this.getDicts("case_source").then(response => { | |||||
for (var i = 0; i < response.data.length; i++) { | |||||
this.caseSourceOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||||
} | |||||
this.caseSourceOptions2 = response.data; | |||||
}); | |||||
//执行主体 | |||||
this.getDicts("team_category").then(response => { | |||||
for (var i = 0; i < response.data.length; i++) { | |||||
this.belongTeamOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||||
} | |||||
this.belongTeamOptions2 = response.data; | |||||
}); | |||||
//执法类别 | |||||
this.getDicts("enforce_category").then(response => { | |||||
for (var i = 0; i < response.data.length; i++) { | |||||
this.enforceCategoryOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||||
} | |||||
this.enforceCategoryOptions2 = response.data; | |||||
}); | |||||
//民族 | |||||
this.getDicts("nationality").then(response => { | |||||
for (var i = 0; i < response.data.length; i++) { | |||||
this.nationOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||||
} | |||||
this.nationOptions2 = response.data; | |||||
}); | |||||
this.getDicts("case_node").then(response => { | |||||
this.caseProgressOptions = response.data; | |||||
}); | |||||
var schemeQueryParam = { | |||||
applyStatus: "1" | |||||
}; | |||||
schemeList(schemeQueryParam).then((response) => { | |||||
for (var i = 0; i < response.rows.length; i++) { | |||||
this.schemeOptions.push({text: response.rows[i].schemeName, value: response.rows[i].id}); | |||||
} | |||||
}); | |||||
this.getBookList() | |||||
}, | |||||
methods: { | |||||
goSubmit(){ | |||||
if (typeof this.form.attachement != 'string'){ | |||||
this.form.attachement = this.form.attachement.join(','); | |||||
} | |||||
updateCase(this.form).then(response => { | |||||
if(response.code=="200"){ | |||||
this.$notify({ type: 'success', message: '保存成功' }); | |||||
setTimeout(function(){ | |||||
history.back(-1); | |||||
},2000) | |||||
// var progressParam = { | |||||
// caseId: response.data, | |||||
// caseStatus:"1", | |||||
// caseProgress:"1", | |||||
// caseProgressName:"登记" | |||||
// }; | |||||
// | |||||
// addProgress(progressParam).then(response2 => { | |||||
// let surveyForm = {}; | |||||
// surveyForm.tEnforceCaseHandlerList = this.tEnforceCaseHandlerList; | |||||
// surveyForm.caseId = response.data; | |||||
// addSurvey(surveyForm).then(response => { | |||||
// }); | |||||
// }); | |||||
} | |||||
}); | |||||
}, | |||||
keepSubmit(){ | |||||
this.form.caseId = this.form.id; | |||||
this.form.caseStatus = "1"; | |||||
this.form.caseProgress = "2"; // 勘察 | |||||
this.form.caseProgressName = this.selectDictLabel(this.caseProgressOptions, this.form.caseProgress); // 勘察 | |||||
if (typeof this.form.attachement != 'string'){ | |||||
this.form.attachement = this.form.attachement.join(','); | |||||
} | |||||
var _this = this; | |||||
this.$dialog.confirm({ | |||||
message: '提交后案件将进入后续流程并且不能修改,是否确认提交?', | |||||
}).then(function () { | |||||
// 更新案件的节点和状态 | |||||
updateCase(_this.form).then(response => { | |||||
_this.$notify({ type: 'success', message: '提交成功' }); | |||||
setTimeout(function(){ | |||||
history.back(-1); | |||||
},2000) | |||||
}); | |||||
}); | |||||
}, | |||||
getBookList(){ | |||||
treeselect().then((response) => { | |||||
if (response.code == 200) { | |||||
this.deptOptions = response.data; | |||||
this.getDetail(); | |||||
} | |||||
}) | |||||
}, | |||||
//选择案件来源 | |||||
onConfirmCaseSource(data){ | |||||
this.form.caseSource = data.value; | |||||
this.caseSource = data.text; | |||||
this.showCaseSource = false; | |||||
}, | |||||
//选择案件属地 | |||||
onConfirmDept({ selectedOptions }){ | |||||
console.log(selectedOptions[selectedOptions.length-1]) | |||||
this.form.deptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.deptName = selectedOptions[selectedOptions.length-1].label; | |||||
this.showDeptId = false | |||||
}, | |||||
//选择执行主体 | |||||
onConfirmBelongTeam(data){ | |||||
this.form.belongTeam = data.value; | |||||
this.belongTeam = data.text; | |||||
this.showBelongTeam = false; | |||||
}, | |||||
//选择执法类别 | |||||
onConfirmEnforceCategory(data){ | |||||
this.form.enforceCategory = data.text; | |||||
this.enforceCategory = data.text; | |||||
this.showEnforceCategory = false; | |||||
}, | |||||
//选择民族 | |||||
onConfirmNation(data){ | |||||
this.form.nation = data.value; | |||||
this.nation = data.text; | |||||
this.showNation = false; | |||||
}, | |||||
//选择关联方案 | |||||
onConfirmScheme(data){ | |||||
this.form.schemeId = data.value; | |||||
this.scheme = data.text; | |||||
this.showScheme = false; | |||||
}, | |||||
//选择登记时间 | |||||
onConfirmRegisterDate(data){ | |||||
this.form.registerDate = this.format(data,'yyyy-MM-dd'); | |||||
this.registerDate = data; | |||||
this.showRegisterDate = false; | |||||
}, | |||||
//选择出生日期 | |||||
onConfirmBirthday(data){ | |||||
this.form.birthday = this.format(data,'yyyy-MM-dd'); | |||||
this.birthday = data; | |||||
this.showBirthday = false; | |||||
}, | |||||
getDetail(){ | |||||
getCase(this.$route.query.id).then((response) => { | |||||
this.caseSource = response.data.caseSource == '' ? '' : this.selectDictLabel(this.caseSourceOptions2, response.data.caseSource); | |||||
this.belongTeam = response.data.belongTeam == '' ? '' : this.selectDictLabel(this.belongTeamOptions2, response.data.belongTeam); | |||||
this.nation = response.data.nation == '' ? '' : this.selectDictLabel(this.nationOptions2, response.data.nation); | |||||
this.scheme = response.data.schemeId == '' ? '' : this.schemeOptions.filter(function (e) { return e.value == response.data.schemeId; })[0].text; | |||||
this.enforceCategory = response.data.enforceCategory; | |||||
if (response.data.attachement){ | |||||
response.data.attachementList = []; | |||||
var attachement = response.data.attachement.split( "," ); | |||||
attachement.forEach(responseAttach=>{ | |||||
response.data.attachementList.push({ | |||||
url:'/api' + responseAttach, | |||||
isImage: true | |||||
}); | |||||
}) | |||||
// process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API | |||||
}else{ | |||||
response.data.attachement = []; | |||||
} | |||||
getDeptName(response.data.deptId).then(res => { | |||||
this.deptName = res.data.deptName | |||||
}); | |||||
this.form = response.data; | |||||
}); | |||||
getSurveyByCaseId(this.$route.query.id).then((response) => { | |||||
if(response.data != undefined){ | |||||
this.tEnforceCaseHandlerList = response.data.tEnforceCaseHandlerList; | |||||
} | |||||
}); | |||||
}, | |||||
afterReadEvidenceForm(file){ | |||||
let params1 = new FormData(); | |||||
params1.append("file", file.file); | |||||
commonUpload(params1).then((r1) => { | |||||
// this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | |||||
this.form.attachement.push(r1.fileName) | |||||
}) | |||||
}, | |||||
deleteFileEvidenceForm(file,detail) { | |||||
this.form.attachement.splice(detail.index,1); | |||||
this.form.attachementList.splice(detail.index,1); | |||||
}, | |||||
}, | |||||
watch: { | |||||
$route (to, from ) { | |||||
// 监听路由变化, 实现类似 小程序的 onShow 事件 | |||||
if (to.path === '/lawEnforcement/caseAdd') { | |||||
console.log('abc') | |||||
// do anything you want | |||||
if (Cookies.get('enforcer')){ | |||||
JSON.parse(Cookies.get('enforcer')).map((res,index)=>{ | |||||
this.tEnforceCaseHandlerList.push(res) | |||||
}) | |||||
} | |||||
} | |||||
} | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.app-container { | |||||
padding: 2% 0; | |||||
} | |||||
/deep/ .van-collapse-item__content{ | |||||
padding: 0; | |||||
} | |||||
.cf{ | |||||
padding: 0 3%; | |||||
margin-top: 20PX; | |||||
margin-bottom: 20PX; | |||||
.van-row{ | |||||
background: #F0F3F5; | |||||
.van-col{ | |||||
padding: 5PX 0; | |||||
font-size: 12PX!important; | |||||
text-align: center; | |||||
p{ | |||||
color: #1D6FE9; | |||||
} | |||||
} | |||||
&:first-child{ | |||||
background: transparent; | |||||
} | |||||
} | |||||
} | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
z-index: 999; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
/deep/ .van-radio--horizontal{ | |||||
margin-left: 0.32rem; | |||||
margin-right: 0; | |||||
} | |||||
.peopleList{ | |||||
padding: 3%; | |||||
text-align: center; | |||||
.van-row{ | |||||
margin-bottom: 10PX; | |||||
background: rgba(196,218,249,0.3); | |||||
border-radius: 5PX; | |||||
.van-col{ | |||||
text-align: center; | |||||
font-size: 14PX; | |||||
color: #333333; | |||||
padding: 5PX 0; | |||||
} | |||||
&:first-child{ | |||||
background: none; | |||||
.van-col{ | |||||
padding: 0; | |||||
color: #1D6FE9; | |||||
} | |||||
} | |||||
} | |||||
.icon_box{ | |||||
display: flex; | |||||
justify-content: space-around; | |||||
/deep/ .van-checkbox{ | |||||
justify-content: center; | |||||
} | |||||
} | |||||
} | |||||
.main_title{ | |||||
font-size: 0.4rem; | |||||
color: #1D6FE9; | |||||
margin: 0.2rem 6%; | |||||
margin-top: 0; | |||||
position: relative; | |||||
} | |||||
.main_box{ | |||||
width: 96%; | |||||
margin: 0 auto; | |||||
border-radius: 10PX; | |||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||||
overflow: hidden; | |||||
background-color: #FFF; | |||||
.van-icon{ | |||||
vertical-align: middle; | |||||
} | |||||
.custom-title{ | |||||
font-size: 17PX; | |||||
color: #333333; | |||||
vertical-align: middle; | |||||
line-height: 1; | |||||
position: relative; | |||||
} | |||||
.tap{ | |||||
color: #1D6FE9; | |||||
} | |||||
.bgBlue{ | |||||
display: block; | |||||
position: absolute; | |||||
width: 17PX; | |||||
height: 17PX; | |||||
border-radius: 50%; | |||||
background-color: rgba(29,111,233,0.26); | |||||
top: -2PX; | |||||
right: -8PX; | |||||
} | |||||
} | |||||
.submitButton{ | |||||
width: 40%; | |||||
margin: 0 auto; | |||||
background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
text-align: center; | |||||
color: #ffffff; | |||||
height: 70px; | |||||
line-height: 70px; | |||||
border-radius: 8PX; | |||||
margin-top: 25PX; | |||||
} | |||||
.submit_box{ | |||||
display: flex; | |||||
} | |||||
.addFamily{ | |||||
position: absolute; | |||||
top: -2px; | |||||
right: 0; | |||||
border-radius: 50%; | |||||
} | |||||
</style> |
@@ -0,0 +1,331 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<div class="header_main"> | |||||
执行人员 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div style="height: 58px;"></div> | |||||
<div class="search_box"> | |||||
<van-popover | |||||
v-model="showPopover" | |||||
trigger="click" | |||||
:actions="belongTeamOptions" | |||||
@select="popChange" | |||||
placement="bottom-start" | |||||
> | |||||
<template #reference> | |||||
<div class="select_box"> | |||||
<p>{{popValue}}</p> | |||||
<van-icon name="arrow-down" color="#1D6FE9" /> | |||||
</div> | |||||
</template> | |||||
</van-popover> | |||||
<div class="search"> | |||||
<input type="text" placeholder="请输入执行人姓名/证号" v-model="queryParams.nameOrEnforceNum" /> | |||||
<img src="../../../../static/images/lawEnforcement/new/index_icon_19.png" @click="goSearch"> | |||||
</div> | |||||
</div> | |||||
<div class="main_box" style="margin-top: 10px;"> | |||||
<div class="peopleList"> | |||||
<van-row class="peoplett"> | |||||
<van-col :span="4">执行主体</van-col> | |||||
<van-col :span="20">执行人员</van-col> | |||||
</van-row> | |||||
<van-checkbox-group v-model="result"> | |||||
<van-row v-for="(item,index) in enforcerList" :key="index" > | |||||
<van-col :span="4">{{item.belongTeam}}</van-col> | |||||
<van-col :span="6">{{item.name}}</van-col> | |||||
<van-col :span="10">{{item.enforceNum}}</van-col> | |||||
<van-col :span="4"> | |||||
<div class="icon_box"> | |||||
<van-checkbox :name="item" shape="square"></van-checkbox> | |||||
</div> | |||||
</van-col> | |||||
</van-row> | |||||
</van-checkbox-group> | |||||
</div> | |||||
</div> | |||||
<p class="submitButton" @click="choiceEnforcer">确定</p> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { listEnforcer , getCase , updateSurvey , getSurveyByCaseId } from "@/api/lawEnforcement/index"; | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "programmeDetail", | |||||
data() { | |||||
return { | |||||
showPopover: false, | |||||
form:{}, | |||||
result:[], | |||||
queryParams: { | |||||
// 分页 | |||||
pageNum: 1, | |||||
pageSize: 999, | |||||
// 查询排序 | |||||
orderByColumn: "id", | |||||
isAsc: "desc", | |||||
nameOrEnforceNum: null, // 搜索参数-执行人姓名或证件号 | |||||
belongTeam: '1', // 搜索参数-所在中队 | |||||
}, | |||||
enforcerList:[], | |||||
searchInput:'', | |||||
belongTeamOptions:[], | |||||
belongTeamOptions2:[], | |||||
popValue:'一中队', | |||||
surveyForm:{} | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getDicts("team_category").then(response => { | |||||
for (var i = 0; i < response.data.length; i++) { | |||||
this.belongTeamOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||||
} | |||||
this.belongTeamOptions2 = response.data; | |||||
}); | |||||
this.getDictionaries() | |||||
this.getDetail(); | |||||
}, | |||||
methods: { | |||||
getDictionaries(){ | |||||
listEnforcer(this.queryParams).then((response) => { | |||||
response.rows.map(res=>{ | |||||
res.belongTeam = res.belongTeam == '' ? '' : this.selectDictLabel(this.belongTeamOptions2, res.belongTeam); | |||||
this.enforcerList.push(res); | |||||
}) | |||||
}); | |||||
}, | |||||
goSearch(){ | |||||
this.enforcerList = []; | |||||
this.getDictionaries() | |||||
}, | |||||
popChange(action,index){ | |||||
this.popValue = action.text; | |||||
this.queryParams.belongTeam = action.value; | |||||
this.enforcerList = []; | |||||
this.getDictionaries(); | |||||
}, | |||||
choiceEnforcer(){ | |||||
const list = []; | |||||
this.result.map(res=>{ | |||||
let obj = {}; | |||||
obj.relationType = "2"; | |||||
obj.enforcerId = res.id; // 执法人员ID -- 执法人员选择页面带回值 | |||||
obj.enforcerName = res.name; // 执法人员姓名 -- 执法人员选择页面带回值 | |||||
obj.enforcerNum = res.enforceNum; // 执法证号 -- 执法人员选择页面带回值 | |||||
obj.enforcerLeader = ""; // 是否带队 --勾选赋值 | |||||
list.push(obj) | |||||
}) | |||||
this.surveyForm.tEnforceCaseHandlerList = list; | |||||
this.surveyForm.caseId = this.form.id; | |||||
getSurveyByCaseId(this.surveyForm.caseId).then(responseSurvey => { | |||||
this.surveyForm.id = responseSurvey.data.id; | |||||
updateSurvey(this.surveyForm).then(response => { | |||||
this.$notify({ type: 'success', message: '保存成功' }); | |||||
setTimeout(function(){ | |||||
history.back(-1); | |||||
},2000) | |||||
}); | |||||
}); | |||||
}, | |||||
getDetail(){ | |||||
getCase(this.$route.query.id).then((response) => { | |||||
this.form = response.data; | |||||
}); | |||||
}, | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.app-container { | |||||
padding: 2% 0; | |||||
} | |||||
/deep/ .van-collapse-item__content{ | |||||
padding: 0; | |||||
} | |||||
/deep/ .van-checkbox{ | |||||
justify-content: center; | |||||
} | |||||
.icon_box{ | |||||
display: flex; | |||||
justify-content: space-around; | |||||
} | |||||
.search_box{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 92%; | |||||
margin: 0PX auto; | |||||
.select_box{ | |||||
border: 1px solid #1D6FE9; | |||||
border-radius: 8PX; | |||||
padding: 0 12PX ; | |||||
background: #ffffff; | |||||
height: 30PX; | |||||
line-height: 30PX; | |||||
display: flex; | |||||
justify-content: space-around; | |||||
align-items: center; | |||||
} | |||||
.search{ | |||||
flex: 1; | |||||
background: #ffffff; | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 70%; | |||||
margin: 10PX 0 10PX 10PX; | |||||
border: 1px solid #1D6FE9; | |||||
padding: 1PX 1PX 1PX 12PX ; | |||||
border-radius: 8PX; | |||||
input{ | |||||
flex: 1; | |||||
background: transparent; | |||||
} | |||||
} | |||||
} | |||||
.cf{ | |||||
padding: 0 3%; | |||||
margin-top: 20PX; | |||||
margin-bottom: 20PX; | |||||
.van-row{ | |||||
background: #F0F3F5; | |||||
.van-col{ | |||||
padding: 5PX 0; | |||||
font-size: 12PX!important; | |||||
text-align: center; | |||||
p{ | |||||
color: #1D6FE9; | |||||
} | |||||
} | |||||
&:first-child{ | |||||
background: transparent; | |||||
} | |||||
} | |||||
} | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
z-index: 999; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
/deep/ .van-radio--horizontal{ | |||||
margin-left: 0.32rem; | |||||
margin-right: 0; | |||||
} | |||||
.peopleList{ | |||||
padding: 3%; | |||||
text-align: center; | |||||
.van-row{ | |||||
margin-bottom: 10PX; | |||||
background: rgba(196,218,249,0.3); | |||||
border-radius: 5PX; | |||||
.van-col{ | |||||
text-align: center; | |||||
font-size: 14PX; | |||||
color: #333333; | |||||
padding: 5PX 0; | |||||
} | |||||
} | |||||
.peoplett{ | |||||
background: none; | |||||
.van-col{ | |||||
padding: 0; | |||||
color: #1D6FE9; | |||||
} | |||||
} | |||||
} | |||||
.main_title{ | |||||
font-size: 0.4rem; | |||||
color: #1D6FE9; | |||||
margin: 0.2rem 6%; | |||||
margin-top: 0; | |||||
position: relative; | |||||
} | |||||
.main_box{ | |||||
width: 96%; | |||||
margin: 0 auto; | |||||
border-radius: 10PX; | |||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||||
overflow: hidden; | |||||
background-color: #FFF; | |||||
.van-icon{ | |||||
vertical-align: middle; | |||||
} | |||||
.custom-title{ | |||||
font-size: 17PX; | |||||
color: #333333; | |||||
vertical-align: middle; | |||||
line-height: 1; | |||||
position: relative; | |||||
} | |||||
.tap{ | |||||
color: #1D6FE9; | |||||
} | |||||
.bgBlue{ | |||||
display: block; | |||||
position: absolute; | |||||
width: 17PX; | |||||
height: 17PX; | |||||
border-radius: 50%; | |||||
background-color: rgba(29,111,233,0.26); | |||||
top: -2PX; | |||||
right: -8PX; | |||||
} | |||||
} | |||||
.submitButton{ | |||||
width: 45%; | |||||
margin: 0 auto; | |||||
background-image: linear-gradient(to right, #2E79E9 , #77A6EF); | |||||
text-align: center; | |||||
color: #ffffff; | |||||
height: 70px; | |||||
line-height: 70px; | |||||
border-radius: 8PX; | |||||
margin-top: 25PX; | |||||
} | |||||
.addFamily{ | |||||
position: absolute; | |||||
top: -2px; | |||||
right: 0; | |||||
border-radius: 50%; | |||||
} | |||||
</style> |
@@ -1,311 +0,0 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<div class="header_main"> | |||||
登记列表 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div class="jg"></div> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
@load="getList" | |||||
> | |||||
<van-swipe-cell v-for="(item,index) in list" :key="index"> | |||||
<van-cell center :to="{name:'lawEnforcementTaskDetail', query: {id:item.id}}"> | |||||
<template #title> | |||||
<span>{{item.caseName}}</span> | |||||
<div class="first"> | |||||
<span>{{item.caseSource}}</span> | |||||
<span>分配时间:{{item.registerDate}}</span> | |||||
</div> | |||||
</template> | |||||
<template #label> | |||||
<div class="label"> | |||||
<p>执法人:{{item.legalName}}</p> | |||||
<p>{{item.caseProgress}}</p> | |||||
</div> | |||||
</template> | |||||
</van-cell> | |||||
<template #right> | |||||
<van-row> | |||||
<van-col> | |||||
<van-button square color="#FFA63E" text="打卡" :to="{name:'lawEnforcementCaseReturn', query: {id:item.id}}" class="delete-button" /> | |||||
</van-col> | |||||
<van-col> | |||||
<van-button square color="#1CB8B1" :to="{name:'lawEnforcementCaseDistribution', query: {id:item.id}}" class="delete-button" >上传<br/>文件</van-button> | |||||
</van-col> | |||||
<van-col> | |||||
<van-button square color="#1D6FE9" :to="{name:'lawEnforcementCaseDistribution', query: {id:item.id}}" class="delete-button" >案件<br/>处理</van-button> | |||||
</van-col> | |||||
</van-row> | |||||
</template> | |||||
</van-swipe-cell> | |||||
</van-list> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { caseTasklist } from "@/api/lawEnforcement/index"; | |||||
export default { | |||||
name: "caseAllocation", | |||||
data() { | |||||
return { | |||||
loading: false, | |||||
finished: false, | |||||
searchInput:'', | |||||
queryParams: { | |||||
// 分页 | |||||
pageNum: 1, | |||||
pageSize: 10, | |||||
// 查询排序 | |||||
orderByColumn: "id", | |||||
isAsc: "desc", | |||||
}, | |||||
list:[] | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getDicts("case_source").then(response => { | |||||
this.caseSourceOptions = response.data; | |||||
}); | |||||
this.getDicts("case_node").then(response => { | |||||
this.caseProgressOptions = response.data; | |||||
}); | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
var _this = this; | |||||
caseTasklist(_this.queryParams).then(response => { | |||||
response.rows.map(res=>{ | |||||
res.caseSource = res.caseSource == '' ? '' : this.selectDictLabel(this.caseSourceOptions, res.caseSource); | |||||
res.caseProgress = res.caseProgress == '' ? '' : this.selectDictLabel(this.caseProgressOptions, res.caseProgress); | |||||
this.list.push(res); | |||||
}) | |||||
if(this.list.length >= response.total){ | |||||
this.finished = true; | |||||
return; | |||||
}else{ | |||||
this.loading = false; | |||||
this.queryParams.pageNum += 1 ; | |||||
} | |||||
}); | |||||
}, | |||||
tabClick(year){ | |||||
this.queryParams.year = year ; | |||||
this.applicationList = []; | |||||
this.getList(); | |||||
}, | |||||
tabShow(){ | |||||
this.showTab = !this.showTab; | |||||
}, | |||||
/** 删除按钮操作 */ | |||||
handleDelete(row,index) { | |||||
let assetStatus = row.assetStatus ? row.assetStatus : data[0].assetStatus; | |||||
if (assetStatus === '2' || assetStatus === '3') { | |||||
this.$notify({ | |||||
message: "不允许删除已出售或已报废的资产", | |||||
type: "warning", | |||||
}); | |||||
return; | |||||
} | |||||
let useType = row.useType; | |||||
if(useType == 3) { | |||||
this.$notify({ | |||||
message: "出租或出借的资产不允许删除", | |||||
type: "warning", | |||||
}); | |||||
return ; | |||||
} | |||||
const ids = row.id || this.ids; | |||||
this.$dialog.alert( | |||||
{ | |||||
message:'是否确认删除固定资产?', | |||||
title:"警告", | |||||
confirmButtonText: "确定", | |||||
cancelButtonText: "取消", | |||||
} | |||||
) | |||||
.then(function () { | |||||
return delPermanent(ids); | |||||
}) | |||||
.then(() => { | |||||
this.applicationList.splice(index, 1); | |||||
this.$notify({ type: 'success', message: '删除成功' }); | |||||
}); | |||||
}, | |||||
goAdd(){ | |||||
this.$router.push('/sunVillage_info/list_finance_add') | |||||
}, | |||||
goDetail(id){ | |||||
this.$router.push({path:'/sunVillage_info/list_finance_detail',query: {id:id,type:'finance'}}) | |||||
}, | |||||
goRanking(id,time){ | |||||
this.$router.push({path:'/sunVillage_info/list_finance_ranking',query: {id:id,time:time}}) | |||||
}, | |||||
goEdit(id){ | |||||
this.$router.push({path:'/sunVillage_info/list_finance_edit',query: {id:id,type:'finance'}}) | |||||
}, | |||||
goRemove(id){ | |||||
this.$dialog.alert({ | |||||
title: '提示', | |||||
message: '确认删除?', | |||||
showCancelButton:true, | |||||
}) | |||||
.then(() => { | |||||
openRemove(id).then(response => { | |||||
this.$notify({ type: 'success', message: '删除成功' }); | |||||
this.getList() | |||||
}); | |||||
}) | |||||
.catch(() => { | |||||
// on cancel | |||||
}); | |||||
} | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.jg{ | |||||
height: 116px; | |||||
} | |||||
.home_wrapper{ | |||||
background: #e9e9e9; | |||||
min-height: 100vh; | |||||
width: 100vw; | |||||
padding: 0 2% 0.2rem; | |||||
.search_box{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 92%; | |||||
margin: 0PX auto; | |||||
.search{ | |||||
background: #ffffff; | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 80%; | |||||
margin: 10PX auto; | |||||
border: 1px solid #1D6FE9; | |||||
padding: 1PX 1PX 1PX 12PX ; | |||||
border-radius: 50PX; | |||||
input{ | |||||
flex: 1; | |||||
background: transparent; | |||||
} | |||||
} | |||||
} | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
z-index: 999; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | |||||
/deep/.van-cell__title{ | |||||
.first{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
span{ | |||||
color: #FE1313; | |||||
&:last-child{ | |||||
color: #B4B0B0; | |||||
} | |||||
} | |||||
} | |||||
span{ | |||||
font-family: Arial; | |||||
font-size: 0.35rem; | |||||
font-weight: normal; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
} | |||||
} | |||||
/deep/.van-cell__label .label { | |||||
display: flex; | |||||
justify-content: space-between; | |||||
p{ | |||||
display: inline-block; | |||||
font-size: 0.35rem; | |||||
&:first-child{ | |||||
color: #333333; | |||||
} | |||||
&:last-child{ | |||||
padding: 0 7PX; | |||||
border: 1px solid #1D6FE9; | |||||
color: #1D6FE9; | |||||
border-radius: 1rem; | |||||
} | |||||
} | |||||
} | |||||
/deep/.van-cell__value{ | |||||
flex: 0.3; | |||||
color: #1D6FE9; | |||||
font-weight: bold; | |||||
} | |||||
/deep/.van-cell{ | |||||
/*margin-bottom: 0.2rem;*/ | |||||
/*overflow: hidden;*/ | |||||
} | |||||
/deep/.van-cell:first-child{ | |||||
/*margin-top: 0.2rem;*/ | |||||
} | |||||
/deep/van-ellipsis{ | |||||
font-weight: bold; | |||||
} | |||||
/deep/ .van-swipe-cell{ | |||||
margin-bottom: 0.3rem; | |||||
border-radius: 0.2rem; | |||||
overflow: hidden; | |||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||||
&:first-child{ | |||||
margin-top: 0.3rem; | |||||
} | |||||
} | |||||
/deep/ .van-swipe-cell__right{ | |||||
right: -1PX; | |||||
} | |||||
.van-row{ | |||||
height: 100%; | |||||
} | |||||
.van-col{ | |||||
height: 100%; | |||||
} | |||||
.delete-button { | |||||
height: 100%; | |||||
} | |||||
</style> |
@@ -0,0 +1,274 @@ | |||||
<template> | |||||
<div class="home_wrapper"> | |||||
<div class="header_main"> | |||||
登记列表 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div style="height: 58px;"></div> | |||||
<div class="search_box"> | |||||
<div class="search"> | |||||
<input type="text" v-model="searchInput" placeholder="请输入登记名称" /> | |||||
<img src="../../../../static/images/lawEnforcement/new/index_icon_04.png" @click="goSearch"> | |||||
</div> | |||||
<img src="../../../../static/images/lawEnforcement/new/list_icon_03.png" @click="$router.push({name:'lawEnforcementCaseAdd'})"/> | |||||
</div> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
@load="getList" | |||||
> | |||||
<van-swipe-cell v-for="(item,index) in list" :key="index"> | |||||
<van-cell :title="item.caseName" center :to="{name:'lawEnforcementCaseDetailNew', query: {id:item.id}}"> | |||||
<template #icon> | |||||
<van-icon name="../../../../static/images/lawEnforcement/new/list_icon_01.png" size="20" color="#FF4646" style="margin-right: 10px;" /> | |||||
</template> | |||||
<template #label> | |||||
<p>{{item.caseSourceText}}</p> | |||||
<p>第{{item.belongTeamText}}</p> | |||||
<p>{{item.registerDate}}</p> | |||||
</template> | |||||
</van-cell> | |||||
<template #right> | |||||
<van-row> | |||||
<van-col> | |||||
<van-button v-if="item.caseProgress == 1" square text="修改" type="info" :to="{name:'lawEnforcementCaseEdit', query: {id:item.id}}" class="delete-button" /> | |||||
</van-col> | |||||
<van-col> | |||||
<van-button v-if="item.caseProgress == 1" square text="删除" type="danger" @click="deleteCase(item.id)" class="delete-button" /> | |||||
</van-col> | |||||
<van-col> | |||||
<van-button v-if="item.caseProgress == 1" color="#FFA63E" square text="提交" type="info" @click="submitCase(item)" class="delete-button" /> | |||||
</van-col> | |||||
<van-col> | |||||
<van-button v-if="item.caseProgress != 1" color="#1CB8B1" square type="info" :to="{name:'lawEnforcementCaseEnforceList', query: {id:item.id}}" class="delete-button" >添加<br/>执法<br/>员</van-button> | |||||
</van-col> | |||||
</van-row> | |||||
</template> | |||||
</van-swipe-cell> | |||||
</van-list> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { listCase , delCase , updateCase } from "@/api/lawEnforcement/index"; | |||||
export default { | |||||
name: "caseAllocation", | |||||
data() { | |||||
return { | |||||
loading: false, | |||||
finished: false, | |||||
searchInput:'', | |||||
queryApplyParams: { | |||||
// 分页 | |||||
pageNum: 1, | |||||
pageSize: 10, | |||||
// 查询排序 | |||||
orderByColumn: "id", | |||||
isAsc: "desc", | |||||
caseName: null, | |||||
caseProgress: "1", | |||||
createBy: "use", | |||||
}, | |||||
list:[], | |||||
belongTeamOptions:[], | |||||
caseSourceOptions:[], | |||||
caseProgressOptions:[], | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getDicts("case_source").then(response => { | |||||
this.caseSourceOptions = response.data; | |||||
}); | |||||
this.getDicts("team_category").then(response => { | |||||
this.belongTeamOptions = response.data; | |||||
}); | |||||
this.getDicts("case_node").then(response => { | |||||
this.caseProgressOptions = response.data; | |||||
}); | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
var _this = this; | |||||
listCase(_this.queryApplyParams).then(response => { | |||||
response.rows.map(res=>{ | |||||
res.caseSourceText = res.caseSource == '' ? '' : this.selectDictLabel(this.caseSourceOptions, res.caseSource); | |||||
res.belongTeamText = res.belongTeam == '' ? '' : this.selectDictLabel(this.belongTeamOptions, res.belongTeam); | |||||
this.list.push(res); | |||||
}) | |||||
console.log(this.list.length) | |||||
if(this.list.length >= response.total){ | |||||
this.finished = true; | |||||
return; | |||||
}else{ | |||||
this.loading = false; | |||||
this.queryApplyParams.pageNum += 1 ; | |||||
} | |||||
}); | |||||
}, | |||||
goSearch(){ | |||||
// if (this.searchInput == ''){ | |||||
// location.reload() | |||||
// } | |||||
this.list = []; | |||||
this.queryApplyParams.caseName = this.searchInput; | |||||
this.queryApplyParams.pageNum = 1 ; | |||||
this.loading = false; | |||||
this.finished = false; | |||||
// this.getList(); | |||||
}, | |||||
deleteCase(id){ | |||||
this.$dialog.confirm({ | |||||
message: '是否确认删除案件登记标识为"' + id + '"的数据项?', | |||||
}).then(function () { | |||||
return delCase(id); | |||||
}).then(() => { | |||||
this.list = []; | |||||
this.loading = false; | |||||
this.finished = false; | |||||
this.queryApplyParams.pageNum = 1 ; | |||||
this.getList(); | |||||
this.$notify({ type: 'success', message: '删除成功' }); | |||||
}).catch(() => {}); | |||||
}, | |||||
submitCase(data){ | |||||
var _this = this; | |||||
data.caseId = data.id; | |||||
data.caseStatus = "1"; | |||||
data.caseProgress = "2"; // 勘察 | |||||
data.caseProgressName = this.selectDictLabel(this.caseProgressOptions, data.caseProgress); // 勘察 | |||||
this.$dialog.confirm({ | |||||
message: '提交后案件将进入后续流程并且不能修改,是否确认提交?', | |||||
}).then(function () { | |||||
// 更新案件的节点和状态 | |||||
updateCase(data).then(response => { | |||||
_this.$notify({ type: 'success', message: '提交成功' }); | |||||
}); | |||||
}).then(() => { | |||||
this.list = []; | |||||
this.loading = false; | |||||
this.finished = false; | |||||
this.queryApplyParams.pageNum = 1 ; | |||||
this.getList(); | |||||
this.$notify({ type: 'success', message: '提交成功' }); | |||||
}).catch(() => {}); | |||||
} | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.home_wrapper{ | |||||
background: #e9e9e9; | |||||
min-height: 100vh; | |||||
width: 100vw; | |||||
padding: 0 3% 0.2rem; | |||||
.search_box{ | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 92%; | |||||
margin: 0PX auto; | |||||
.search{ | |||||
background: #ffffff; | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
width: 100%; | |||||
margin: 10PX auto; | |||||
border: 1px solid #1D6FE9; | |||||
padding: 1PX 1PX 1PX 12PX ; | |||||
border-radius: 50PX; | |||||
margin-right: 10PX; | |||||
input{ | |||||
flex: 1; | |||||
background: transparent; | |||||
} | |||||
} | |||||
} | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../static/images/lawEnforcement/new/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
z-index: 999; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | |||||
/deep/.van-cell__title span{ | |||||
font-family: Arial; | |||||
font-size: 0.4rem; | |||||
font-weight: normal; | |||||
color: #666666; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden; | |||||
} | |||||
/deep/.van-cell__label { | |||||
display: flex; | |||||
justify-content: space-between; | |||||
p{ | |||||
display: inline-block; | |||||
&:first-child{ | |||||
background: rgba(28,184,177,0.2); | |||||
padding: 0 5PX; | |||||
border-radius: 3PX; | |||||
color: #1CB8B1; | |||||
} | |||||
} | |||||
} | |||||
/deep/.van-cell__value{ | |||||
flex: 0.3; | |||||
color: #1D6FE9; | |||||
font-weight: bold; | |||||
} | |||||
/deep/.van-swipe-cell{ | |||||
margin-bottom: 0.2rem; | |||||
border-radius: 0.2rem; | |||||
overflow: hidden; | |||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); | |||||
.van-swipe-cell__right{ | |||||
right: -2PX; | |||||
} | |||||
} | |||||
/deep/van-ellipsis{ | |||||
font-weight: bold; | |||||
} | |||||
.van-row{ | |||||
height: 100%; | |||||
} | |||||
.van-col{ | |||||
height: 100%; | |||||
} | |||||
.delete-button { | |||||
height: 100%; | |||||
} | |||||
</style> |
@@ -266,9 +266,6 @@ export default { | |||||
box-shadow: 0px 3PX 6PX rgba(0,0,0,0.16); | box-shadow: 0px 3PX 6PX rgba(0,0,0,0.16); | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
overflow: hidden; | overflow: hidden; | ||||
&:nth-child(2){ | |||||
margin: 0 10PX; | |||||
} | |||||
} | } | ||||
/deep/ .van-grid-item__content{ | /deep/ .van-grid-item__content{ | ||||
p{ | p{ | ||||
@@ -22,7 +22,7 @@ | |||||
</template> | </template> | ||||
<template #label> | <template #label> | ||||
<div class="label"> | <div class="label"> | ||||
<p>执法人:{{item.legalName}}</p> | |||||
<p>执法人:{{item.handlerNameStr}}</p> | |||||
<p>{{item.caseProgressName}}</p> | <p>{{item.caseProgressName}}</p> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
@@ -258,11 +258,13 @@ | |||||
/deep/.van-cell__label .label { | /deep/.van-cell__label .label { | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
align-items: center; | |||||
p{ | p{ | ||||
display: inline-block; | display: inline-block; | ||||
font-size: 0.35rem; | font-size: 0.35rem; | ||||
&:first-child{ | &:first-child{ | ||||
color: #333333; | color: #333333; | ||||
width: 70%; | |||||
} | } | ||||
&:last-child{ | &:last-child{ | ||||
padding: 0 7PX; | padding: 0 7PX; | ||||
@@ -59,20 +59,8 @@ | |||||
<span class="custom-title">附件<i class="bgBlue"></i></span> | <span class="custom-title">附件<i class="bgBlue"></i></span> | ||||
</template> | </template> | ||||
<div class="cf"> | <div class="cf"> | ||||
<van-row> | |||||
<van-col :span="6"> | |||||
<van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" /> | |||||
<p>产品确认</p> | |||||
<p>通知书</p> | |||||
</van-col> | |||||
<van-col :span="6"> | |||||
<van-image src="../../../../static/images/lawEnforcement/icon/icon_fj.png" width="50" /> | |||||
<p>产品确认</p> | |||||
<p>通知书</p> | |||||
</van-col> | |||||
<van-col :span="6"></van-col> | |||||
<van-col :span="6"></van-col> | |||||
</van-row> | |||||
<van-uploader v-model="form.attachementList" :show-upload="false" :deletable="false" /> | |||||
<van-empty v-if="form.attachement == null " description="暂无文件" /> | |||||
</div> | </div> | ||||
</van-collapse-item> | </van-collapse-item> | ||||
</van-collapse> | </van-collapse> | ||||
@@ -181,6 +169,17 @@ | |||||
getDeptName(response.data.deptId).then(res => { | getDeptName(response.data.deptId).then(res => { | ||||
response.data.deptId = res.data.deptName | response.data.deptId = res.data.deptName | ||||
}); | }); | ||||
if (response.data.attachement){ | |||||
response.data.attachementList = []; | |||||
var attachement = response.data.attachement.split( "," ); | |||||
attachement.forEach(responseAttach=>{ | |||||
response.data.attachementList.push({ | |||||
url:'/api' + responseAttach, | |||||
isImage: true | |||||
}); | |||||
}) | |||||
// process.env.VUE_APP_BASE_ROUTING_URL + process.env.VUE_APP_BASE_API | |||||
} | |||||
this.form = response.data; | this.form = response.data; | ||||
}); | }); | ||||
getSurveyByCaseId(this.$route.query.id).then((response) => { | getSurveyByCaseId(this.$route.query.id).then((response) => { | ||||