supervision
/
supervision-vue
4
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fit: 问题录入区分二级录的和市局录入数据。 

fit: 风险人员库，增加人员标签和高风险因素标签的查询条件；
fit: 预警问题，增加批量加入“问题分发”列表的功能；
fit: 核查办理，当“问题类型”选择“其他”时，需要填写其他具体问题类型
main
wxc 1 year ago
parent
203866421b
commit
c1525b9c57
8 changed files with 1751 additions and 1615 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 44
      src/components/negative/add.vue
  2. 8
      src/components/negative/verify-description.vue
  3. 290
      src/components/negative/verify.vue
  4. 32
      src/components/problem-type-select.vue
  5. 97
      src/views/sensitivePerception/Model.vue
  6. 95
      src/views/sensitivePerception/ModelClueManual.vue
  7. 190
      src/views/sensitivePerception/RiskPersonnel.vue
  8. 26
      src/views/work/Query.vue

44
src/components/negative/add.vue
Unescape View File

@ -45,28 +45,6 @@
message: '请选择业务类别', message: '请选择业务类别',
trigger: ['blur'], trigger: ['blur'],
}" }"
content="梳理出13个业务类别和18种涉嫌问题，这个结合事情的简要描述来判断。一般情况下可与问题来源对应：<br />
信访投诉（督察支队）：<br />
业务类别——除了支撑保障外都可能涉及；<br />
涉嫌问题——主要是不作为、慢作为、乱作为、违法违纪违规，最大限度遵循系统原来确定的。<br />
警务调查（督察支队）：<br />
业务类别——110接处警、122接处警、人境窗口服务、车驾管服务、交警执法、执法办案；<br />
涉嫌问题——主要是自动回访不满意、处警速度不满意、办事态度不满意、办事效率不满意、现场处置不满意、调查取证不满意、公正廉洁不满意。<br />
警意调查（警令部）：<br />
业务类别——支撑保障；<br />
涉嫌问题——主要是警意调查不满意、警意调查满意率低（食堂测评）<br />
执法监督（法制支队）：<br />
业务类别——执法办案；<br />
涉嫌问题——主要是调查取证不满意、公正廉洁不满意、执法安全、不作为、慢作为、乱作为、违法违纪违规、业务工作问题突出<br />
钉钉考勤（机关纪委）：<br />
业务类别——队伍管理；<br />
涉嫌问题——主要是弄虚作假。<br />
监督管理（纪检组、政治部、机关党委、机关纪委）：<br />
业务类别——队伍管理；<br />
涉嫌问题——主要是违法违纪违规、队伍管理问题。<br />
检查考核（六大中心）：<br />
业务类别——都可包含；<br />
涉嫌问题——主要是业务工作问题突出。"
> >
<el-select <el-select
v-model="form.businessTypeCode" v-model="form.businessTypeCode"
@ -143,28 +121,6 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item <el-form-item
label="涉嫌问题" label="涉嫌问题"
content="梳理出13个业务类别和18种涉嫌问题，这个结合事情的简要描述来判断。一般情况下可与问题来源对应：<br />
信访投诉（督察支队）：<br />
业务类别——除了支撑保障外都可能涉及；<br />
涉嫌问题——主要是不作为、慢作为、乱作为、违法违纪违规，最大限度遵循系统原来确定的。<br />
警务调查（督察支队）：<br />
业务类别——110接处警、122接处警、人境窗口服务、车驾管服务、交警执法、执法办案；<br />
涉嫌问题——主要是自动回访不满意、处警速度不满意、办事态度不满意、办事效率不满意、现场处置不满意、调查取证不满意、公正廉洁不满意。<br />
警意调查（警令部）：<br />
业务类别——支撑保障；<br />
涉嫌问题——主要是警意调查不满意、警意调查满意率低（食堂测评）<br />
执法监督（法制支队）：<br />
业务类别——执法办案；<br />
涉嫌问题——主要是调查取证不满意、公正廉洁不满意、执法安全、不作为、慢作为、乱作为、违法违纪违规、业务工作问题突出<br />
钉钉考勤（机关纪委）：<br />
业务类别——队伍管理；<br />
涉嫌问题——主要是弄虚作假。<br />
监督管理（纪检组、政治部、机关党委、机关纪委）：<br />
业务类别——队伍管理；<br />
涉嫌问题——主要是违法违纪违规、队伍管理问题。<br />
检查考核（六大中心）：<br />
业务类别——都可包含；<br />
涉嫌问题——主要是业务工作问题突出。"
prop="involveProblem" prop="involveProblem"
:rules="{ :rules="{
required: true, required: true,

8
src/components/negative/verify-description.vue
Unescape View File

@ -75,7 +75,9 @@
<span <span
>{{ problem.oneLevelContent }} / >{{ problem.oneLevelContent }} /
{{ problem.twoLevelContent }} / {{ problem.twoLevelContent }} /
{{ problem.threeLevelContent }}</span {{ problem.threeLevelContent }}
{{ problem.threeLevelContent === '其他' && problem.threeLevelContentOther ? `(${problem.threeLevelContentOther})` : ''}}
</span
> >
</div> </div>
</div> </div>
@ -186,7 +188,9 @@
<span <span
>{{ problem.oneLevelContent }} / >{{ problem.oneLevelContent }} /
{{ problem.twoLevelContent }} / {{ problem.twoLevelContent }} /
{{ problem.threeLevelContent }}</span {{ problem.threeLevelContent }}
{{ problem.threeLevelContent === '其他' && problem.threeLevelContentOther ? `(${problem.threeLevelContentOther})` : ''}}
</span
> >
</div> </div>
</div> </div>

290
src/components/negative/verify.vue
Unescape View File

@ -48,8 +48,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -79,8 +78,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -97,16 +95,13 @@
trigger: ['blur'], trigger: ['blur'],
}" }"
> >
<el-radio-group <el-radio-group v-model="form.accountabilityTarget">
v-model="form.accountabilityTarget"
>
<el-radio <el-radio
v-for="item in dict.accountabilityTarget" v-for="item in dict.accountabilityTarget"
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -126,7 +121,7 @@
trigger: ['blur'], trigger: ['blur'],
}" }"
> >
<el-input-number v-model="form.rectifyRestrictionDays"/> <el-input-number v-model="form.rectifyRestrictionDays" />
<span class="ml-8">天</span> <span class="ml-8">天</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -149,7 +144,10 @@
<el-form-item <el-form-item
label="问题整改情况" label="问题整改情况"
prop="rectifyDesc" prop="rectifyDesc"
v-if="form.checkStatus !== InspectCase.FALSE && form.isRectifyCode === InspectCase.TRUE" v-if="
form.checkStatus !== InspectCase.FALSE &&
form.isRectifyCode === InspectCase.TRUE
"
:rules="{ :rules="{
required: true, required: true,
message: '请输入问题整改情况', message: '请输入问题整改情况',
@ -200,8 +198,7 @@
text text
class="ml-10" class="ml-10"
>删除 >删除
</el-button </el-button>
>
</div> </div>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -216,13 +213,21 @@
> >
<police-select <police-select
:host-level="negative.hostLevel" :host-level="negative.hostLevel"
:depart-id="negative.hostLevel === HostLevel.SECOND :depart-id="
negative.hostLevel === HostLevel.SECOND
? negative.handleSecondDepartId ? negative.handleSecondDepartId
: negative.handleThreeDepartId : negative.handleThreeDepartId
" "
v-model="item.blameEmpNo" v-model="item.blameEmpNo"
:disabldKeys="form.blames.filter(obj => obj.blameEmpNo).map(obj => obj.blameEmpNo)" :disabldKeys="
@change="(police) => handleChangePolice(police, item)" form.blames
.filter((obj) => obj.blameEmpNo)
.map((obj) => obj.blameEmpNo)
"
@change="
(police) =>
handleChangePolice(police, item)
"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -287,8 +292,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -303,11 +307,10 @@
v-if="form.checkStatus !== InspectCase.FALSE" v-if="form.checkStatus !== InspectCase.FALSE"
style="margin-bottom: 0" style="margin-bottom: 0"
> >
<el-row style="width: 98%"> <div
<el-col
:span="24"
v-for="(problem, j) in item.problems" v-for="(problem, j) in item.problems"
:key="j" :key="j"
style="width: 98%"
> >
<el-form-item <el-form-item
:label="`问题类型${j + 1}`" :label="`问题类型${j + 1}`"
@ -318,10 +321,8 @@
trigger: ['blur'], trigger: ['blur'],
}" }"
> >
<div <div class="flex between" style="width: 100%">
class="flex between" <div class="flex gap">
style="width: 90%"
>
<problem-type-select <problem-type-select
v-model="problem.threeLevelCode" v-model="problem.threeLevelCode"
@change=" @change="
@ -332,23 +333,58 @@
) )
" "
/> />
<div <div style="width: 140px">
class="flex center v-center" <el-form-item
style="width: 90px" label-position="top"
:prop="`blames.${index}.problems.${j}.threeLevelContentOther`"
:rules="{
required: true,
message: '请输入',
trigger: ['blur'],
}"
style="margin-bottom: 0"
v-if="
problem.threeLevelContent ===
'其他'
"
> >
<el-input
placeholder="其他类型详细描述"
v-model="
problem.threeLevelContentOther
"
/>
</el-form-item>
</div>
<div>
<span>{{
problem.oneLevelContent
? problem.oneLevelContent +
" / "
: ""
}}</span>
<span>{{
problem.twoLevelContent
? problem.twoLevelContent +
" / "
: ""
}}</span>
<span>{{
problem.threeLevelContent
}}</span>
</div>
</div>
<div class="flex center v-center">
<el-button <el-button
type="danger" type="danger"
plain plain
@click=" @click="item.problems.splice(j, 1)"
item.problems.splice(j, 1)
"
v-if="j !== 0" v-if="j !== 0"
size="small" size="small"
> >
<template #icon> <template #icon>
<icon <icon name="el-icon-Delete" />
name="el-icon-Delete"
/>
</template> </template>
删除问题 删除问题
</el-button> </el-button>
@ -360,19 +396,14 @@
size="small" size="small"
> >
<template #icon> <template #icon>
<icon <icon name="el-icon-Plus" />
name="el-icon-Plus" </template>
/>
</template
>
添加问题 添加问题
</el-button </el-button>
>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </div>
</el-row>
</el-form-item> </el-form-item>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -402,8 +433,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -436,8 +466,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
<el-form-item <el-form-item
:prop="`blames.${index}.subjectiveAspectName`" :prop="`blames.${index}.subjectiveAspectName`"
@ -528,8 +557,7 @@
} }
" "
>{{ dictItem.dictLabel }} >{{ dictItem.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -559,8 +587,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -568,18 +595,15 @@
</el-row> </el-row>
</div> </div>
<div class="flex center" style="width: 100%"> <div class="flex center" style="width: 100%">
<el-button type="primary" plain @click="handleAddPersomal" <el-button type="primary" plain @click="handleAddPersomal">
>
<template #icon> <template #icon>
<icon name="el-icon-Plus"/> <icon name="el-icon-Plus" />
</template </template>
>
添加涉及人员 添加涉及人员
</el-button </el-button>
>
</div> </div>
</el-form-item> </el-form-item>
<el-divider/> <el-divider />
<el-form-item <el-form-item
label-position="top" label-position="top"
prop="blameLeaders" prop="blameLeaders"
@ -599,8 +623,7 @@
text text
class="ml-10" class="ml-10"
>删除 >删除
</el-button </el-button>
>
</div> </div>
<el-row style="background: #f9faff"> <el-row style="background: #f9faff">
@ -624,7 +647,11 @@
:key="obj.blameIdCode" :key="obj.blameIdCode"
:label="obj.blameName" :label="obj.blameName"
:value="obj.blameIdCode" :value="obj.blameIdCode"
:checked="item.blameIdCodes.includes(obj.blameIdCode)" :checked="
item.blameIdCodes.includes(
obj.blameIdCode
)
"
@change=" @change="
(bool) => (bool) =>
handleCheckboxChange( handleCheckboxChange(
@ -725,8 +752,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -793,8 +819,7 @@
} }
" "
>{{ dictItem.dictLabel }} >{{ dictItem.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -825,8 +850,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -846,15 +870,13 @@
@click="handleAddBlameLeader" @click="handleAddBlameLeader"
> >
<template #icon> <template #icon>
<icon name="el-icon-Plus"/> <icon name="el-icon-Plus" />
</template </template>
>
添加涉及领导 添加涉及领导
</el-button </el-button>
>
</div> </div>
</el-form-item> </el-form-item>
<el-divider/> <el-divider />
</div> </div>
<el-form-item <el-form-item
label-position="top" label-position="top"
@ -923,8 +945,7 @@
<el-radio-group v-model="item.ivPersonTypeCode"> <el-radio-group v-model="item.ivPersonTypeCode">
<el-radio :value="PersonType.POLICE" <el-radio :value="PersonType.POLICE"
>民警 >民警
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -952,8 +973,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -968,11 +988,10 @@
v-if="form.checkStatus !== InspectCase.FALSE" v-if="form.checkStatus !== InspectCase.FALSE"
style="margin-bottom: 0" style="margin-bottom: 0"
> >
<el-row style="width: 80%"> <div
<el-col
:span="24"
v-for="(problem, j) in item.problems" v-for="(problem, j) in item.problems"
:key="j" :key="j"
style="width: 98%"
> >
<el-form-item <el-form-item
:label="`问题类型${j + 1}`" :label="`问题类型${j + 1}`"
@ -983,10 +1002,8 @@
trigger: ['blur'], trigger: ['blur'],
}" }"
> >
<div <div class="flex between" style="width: 100%">
class="flex between" <div class="flex gap">
style="width: 90%"
>
<problem-type-select <problem-type-select
v-model="problem.threeLevelCode" v-model="problem.threeLevelCode"
@change=" @change="
@ -997,23 +1014,58 @@
) )
" "
/> />
<div <div style="width: 140px">
class="flex center v-center" <el-form-item
style="width: 90px" label-position="top"
:prop="`blames.${index}.problems.${j}.threeLevelContentOther`"
:rules="{
required: true,
message: '请输入',
trigger: ['blur'],
}"
style="margin-bottom: 0"
v-if="
problem.threeLevelContent ===
'其他'
"
> >
<el-input
placeholder="其他类型详细描述"
v-model="
problem.threeLevelContentOther
"
/>
</el-form-item>
</div>
<div>
<span>{{
problem.oneLevelContent
? problem.oneLevelContent +
" / "
: ""
}}</span>
<span>{{
problem.twoLevelContent
? problem.twoLevelContent +
" / "
: ""
}}</span>
<span>{{
problem.threeLevelContent
}}</span>
</div>
</div>
<div class="flex center v-center">
<el-button <el-button
type="danger" type="danger"
plain plain
@click=" @click="item.problems.splice(j, 1)"
item.problems.splice(j, 1)
"
v-if="j !== 0" v-if="j !== 0"
size="small" size="small"
> >
<template #icon> <template #icon>
<icon <icon name="el-icon-Delete" />
name="el-icon-Delete"
/>
</template> </template>
删除问题 删除问题
</el-button> </el-button>
@ -1025,19 +1077,14 @@
size="small" size="small"
> >
<template #icon> <template #icon>
<icon <icon name="el-icon-Plus" />
name="el-icon-Plus" </template>
/>
</template
>
添加问题 添加问题
</el-button </el-button>
>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </div>
</el-row>
</el-form-item> </el-form-item>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -1066,8 +1113,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -1099,8 +1145,7 @@
:key="item.dictCode" :key="item.dictCode"
:value="item.dictValue" :value="item.dictValue"
>{{ item.dictLabel }} >{{ item.dictLabel }}
</el-radio </el-radio>
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -1170,7 +1215,8 @@
class="link" class="link"
:href="`${BASE_PATH}/templates/《警务评议容错免责申请表》.docx`" :href="`${BASE_PATH}/templates/《警务评议容错免责申请表》.docx`"
target="__blank" target="__blank"
>下载链接</a> >下载链接</a
>
</p> </p>
<p> <p>
３、针对群众不满意的原因，请提交无过错的音视频、微信或短信截图等证明材料； ３、针对群众不满意的原因，请提交无过错的音视频、微信或短信截图等证明材料；
@ -1190,12 +1236,12 @@
:problemSourcesCode="negative.problemSourcesCode" :problemSourcesCode="negative.problemSourcesCode"
/> />
</div> </div>
<file-list v-model:files="form.files" :removeEnable="true"/> <file-list v-model:files="form.files" :removeEnable="true" />
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import {BASE_PATH} from "@/api/request"; import { BASE_PATH } from "@/api/request";
import { import {
InspectCase, InspectCase,
IsRectify, IsRectify,
@ -1296,11 +1342,14 @@ function handleChangeLead(val, blame) {
} }
// 更改追责对象 // 更改追责对象
watch(() => form.value.accountabilityTarget, (val) => { watch(
() => form.value.accountabilityTarget,
(val) => {
if ( if (
val === AccountabilityTarget.PERSONAL && val === AccountabilityTarget.PERSONAL &&
!form.value.blames.filter((item) => item.type === BlameType.PERSONAL) !form.value.blames.filter(
.length (item) => item.type === BlameType.PERSONAL
).length
) { ) {
handleAddPersomal(); handleAddPersomal();
form.value.blames.forEach((item) => { form.value.blames.forEach((item) => {
@ -1308,7 +1357,6 @@ watch(() => form.value.accountabilityTarget, (val) => {
handleRemovePersonal(item); handleRemovePersonal(item);
} }
}); });
} }
if (val === AccountabilityTarget.DEPARTMENT) { if (val === AccountabilityTarget.DEPARTMENT) {
form.value.blames.forEach((item) => { form.value.blames.forEach((item) => {
@ -1326,7 +1374,7 @@ watch(() => form.value.accountabilityTarget, (val) => {
problems: [{}], problems: [{}],
}); });
} }
form.value.blameLeaders = [] form.value.blameLeaders = [];
} }
if (val === AccountabilityTarget.PERSONAL_AND_DEPARTMENT) { if (val === AccountabilityTarget.PERSONAL_AND_DEPARTMENT) {
if ( if (
@ -1347,7 +1395,8 @@ watch(() => form.value.accountabilityTarget, (val) => {
}); });
} }
} }
}) }
);
function handleChangeCheckStatus(val, item) { function handleChangeCheckStatus(val, item) {
form.value.checkStatusName = dict.inspectCase.filter( form.value.checkStatusName = dict.inspectCase.filter(
@ -1379,6 +1428,7 @@ function handleChangeSubjectiveAspect(val, item) {
} }
function handleChangeProblem(node, problem) { function handleChangeProblem(node, problem) {
debugger;
if (node.level === 3) { if (node.level === 3) {
problem.threeLevelContent = node.label; problem.threeLevelContent = node.label;
problem.oneLevelCode = node.parent.parent.key; problem.oneLevelCode = node.parent.parent.key;
@ -1404,13 +1454,17 @@ const formRef = ref(null);
async function validate() { async function validate() {
const flag = await formRef.value.validate(); const flag = await formRef.value.validate();
if (flag) { if (flag) {
if (form.value.accountabilityTarget !== AccountabilityTarget.DEPARTMENT) { if (
form.value.accountabilityTarget !== AccountabilityTarget.DEPARTMENT
) {
let arr = []; let arr = [];
form.value.blameLeaders.forEach((item) => { form.value.blameLeaders.forEach((item) => {
arr = arr.concat(item.blameIdCodes); arr = arr.concat(item.blameIdCodes);
}); });
const blame = form.value.blames.filter( const blame = form.value.blames.filter(
(item) => item.type === BlameType.PERSONAL && !arr.includes(item.blameIdCode) (item) =>
item.type === BlameType.PERSONAL &&
!arr.includes(item.blameIdCode)
); );
if (blame.length) { if (blame.length) {
throw new Error( throw new Error(

32
src/components/problem-type-select.vue
Unescape View File

@ -1,5 +1,4 @@
<template> <template>
<div class="flex">
<el-tree-select <el-tree-select
v-model="value" v-model="value"
:data="dictContent" :data="dictContent"
@ -11,42 +10,33 @@
clearable clearable
filterable filterable
accordion accordion
style="width: 420px" style="width: 320px"
@current-change="handleChange" @current-change="handleChange"
/> />
<div class="ml-16">
<span>{{ activeNode.parent?.parent?.label ? activeNode.parent.parent.label + ' / ': '' }}</span>
<span>{{ activeNode.parent?.label ? activeNode.parent.label + ' / ': '' }}</span>
<span>{{ activeNode.label }}</span>
</div>
</div>
</template> </template>
<script setup> <script setup>
import useCatchStore from "@/stores/modules/catch"; import useCatchStore from "@/stores/modules/catch";
const catchSotre = useCatchStore(); const catchSotre = useCatchStore();
const dictContent = catchSotre.getDictContent(); const dictContent = catchSotre.getDictContent();
const activeNode = ref({})
const props = defineProps({ const props = defineProps({
modelValue: { modelValue: {
type: String type: String,
} },
}) });
const emit = defineEmits(['update:modelValue', 'change']) const emit = defineEmits(["update:modelValue", "change"]);
const value = ref(props.modelValue) const value = ref(props.modelValue);
watch(props.modelValue, (val) => { watch(props.modelValue, (val) => {
value.value = val value.value = val;
}) });
watch(value, (val) => { watch(value, (val) => {
emit('update:modelValue', val) emit("update:modelValue", val);
}) });
function handleChange(nodeData, node) { function handleChange(nodeData, node) {
activeNode.value = node emit("change", node);
emit('change', node)
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

97
src/views/sensitivePerception/Model.vue
Unescape View File

@ -228,7 +228,7 @@
prop="modelDataType" prop="modelDataType"
v-if="form.classId === GRJDBLFX_CLASS_ID" v-if="form.classId === GRJDBLFX_CLASS_ID"
> >
<el-checkbox value="2" label="提醒通知" /> <el-checkbox value="2" label="预警通知" />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="数据类型" label="数据类型"
@ -249,7 +249,24 @@
> >
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item
label="预警通知处置"
prop="modelDataType"
:rules="{
required: true,
message: '请选择数据类型',
}"
v-if="form.modelDataType === '2'"
>
<el-select
style="width: 280px"
clearable
v-model="form.warningHandling"
>
<el-option label="预警处置" :value="1" />
<el-option label="提醒通知" :value="2" />
</el-select>
</el-form-item>
<el-form-item <el-form-item
label="分发方式" label="分发方式"
prop="distributionMethod" prop="distributionMethod"
@ -341,6 +358,65 @@
</el-form-item> </el-form-item>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item
label="业务类别"
prop="businessTypeCode"
:rules="{
required: true,
message: '请选择业务类别',
trigger: ['blur'],
}"
>
<el-select v-model="form.businessTypeCode" style="width: 280px">
<el-option
v-for="item in dict.businessType"
:key="item.id"
:label="item.dictLabel"
:value="item.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item
label="涉嫌问题"
prop="involveProblem"
:rules="{
required: true,
message: '请选择涉嫌问题',
trigger: ['blur'],
}"
>
<el-select
v-model="form.involveProblemCode"
multiple
@change="handleSelectInvolveProblem"
clearable
style="width: 280px"
>
<el-option
v-for="item in dict.suspectProblem"
:key="item.id"
:label="item.dictLabel"
:value="item.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="涉及警种" prop="policeType">
<el-select
v-model="form.policeType"
clearable
style="width: 280px"
>
<el-option
v-for="item in dict.policeType"
:key="item.id"
:label="item.dictLabel"
:value="item.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="问题类型" prop="">
<problem-type-select />
</el-form-item>
<el-form-item <el-form-item
label="办理时限" label="办理时限"
prop="timeLimit" prop="timeLimit"
@ -767,6 +843,19 @@ function goClue() {
}); });
} }
} }
function handleSelectInvolveProblem(vals) {
form.value.involveProblem = vals.map((val) => {
const dictItem = dict.suspectProblem.filter(
(item) => item.dictValue === val
)[0];
return {
dictType: "suspectProblem",
dictLabel: dictItem.dictLabel,
dictValue: dictItem.dictValue,
};
});
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.menu { .menu {
@ -774,13 +863,13 @@ function goClue() {
height: 47px; height: 47px;
line-height: 47px; line-height: 47px;
padding-left: 36px; padding-left: 36px;
white-space: nowrap;
text-overflow: ellipsis;
&:hover, &:hover,
&[active="true"] { &[active="true"] {
background: #e1e5ff; background: #e1e5ff;
cursor: pointer; cursor: pointer;
} }
white-space: nowrap;
text-overflow: ellipsis;
} }
} }
.model-card { .model-card {

95
src/views/sensitivePerception/ModelClueManual.vue
Unescape View File

@ -35,14 +35,22 @@
</el-row> </el-row>
</el-form> </el-form>
<div class="flex between mb-20"> <div class="flex between mb-20">
<div class="flex gap">
<el-button type="primary" @click="handleBathJoin">
<template #icon>
<icon name="el-icon-Plus" />
</template>
批量加入</el-button
>
<el-badge :value="manualList.length"> <el-badge :value="manualList.length">
<el-button <el-button
type="primary" type="primary"
:disabled="manualList.length === 0" :disabled="manualList.length === 0"
@click="manualShow = true" @click="manualShow = true"
>问题分发</el-button >分发列表</el-button
> >
</el-badge> </el-badge>
</div>
<div> <div>
<el-button type="primary" @click="getList"> <el-button type="primary" @click="getList">
<template #icon> <template #icon>
@ -55,7 +63,8 @@
</div> </div>
</header> </header>
<div class="table-container"> <div class="table-container">
<el-table :data="list"> <el-table :data="list" ref="tableRef">
<el-table-column type="selection" width="55" />
<el-table-column <el-table-column
label="预警时间" label="预警时间"
prop="createTime" prop="createTime"
@ -64,7 +73,7 @@
<el-table-column <el-table-column
label="预警模型" label="预警模型"
prop="modelName" prop="modelName"
width="160" width="180"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
@ -80,7 +89,7 @@
<el-table-column <el-table-column
label="涉及人员" label="涉及人员"
prop="involvePoliceName" prop="involvePoliceName"
width="120" width="100"
/> />
<el-table-column <el-table-column
label="预警内容" label="预警内容"
@ -94,7 +103,11 @@
> >
<template #default="{ row }"> <template #default="{ row }">
<span <span
:class="row.involveDepartId ? '' : 'text-warning'" :class="
row.involveDepartId
? ''
: 'text-warning'
"
>{{ >{{
getDictLable( getDictLable(
dict.distributionState, dict.distributionState,
@ -104,7 +117,7 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="240"> <el-table-column label="操作" width="200">
<template #default="{ row }"> <template #default="{ row }">
<el-button <el-button
type="primary" type="primary"
@ -124,7 +137,7 @@
v-else v-else
>从分发列表移除</el-button >从分发列表移除</el-button
> >
<el-button <!-- <el-button
type="danger" type="danger"
link link
@click="handleNotProcessed(row)" @click="handleNotProcessed(row)"
@ -134,7 +147,7 @@
).length === 0 ).length === 0
" "
>暂不处理</el-button >暂不处理</el-button
> > -->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -351,22 +364,29 @@
</el-dialog> </el-dialog>
<el-dialog title="配置涉及单位" v-model="editDepartShow" width="500"> <el-dialog title="配置涉及单位" v-model="editDepartShow" width="500">
<el-form :label-width="120" :model="editDepartForm" ref="editDepartFormRef"> <el-form
<el-form-item label="涉及单位" :rules="{ :label-width="120"
:model="editDepartForm"
ref="editDepartFormRef"
>
<el-form-item
label="涉及单位"
:rules="{
required: true, required: true,
message: '请选择涉及单位', message: '请选择涉及单位',
}"> }"
<depart-tree-select v-model="editDepartForm.departId" @node-click="(node) => editDepartForm.name = node.shortName" /> >
<depart-tree-select
v-model="editDepartForm.departId"
@node-click="
(node) => (editDepartForm.name = node.shortName)
"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<footer class="flex end mt-40"> <footer class="flex end mt-40">
<el-button <el-button @click="editDepartShow = false">取消</el-button>
@click="editDepartShow = false" <el-button type="primary" @click="handleUpdatDepartModelClue"
>取消</el-button
>
<el-button
type="primary"
@click="handleUpdatDepartModelClue"
>确认</el-button >确认</el-button
> >
</footer> </footer>
@ -377,7 +397,7 @@ import { DistributionMethod } from "@/enums/dictEnums";
import { import {
listModelClue, listModelClue,
manuelModelClueTask, manuelModelClueTask,
updateDepartModelClue updateDepartModelClue,
} from "@/api/sensitivePerception/modelClue"; } from "@/api/sensitivePerception/modelClue";
import useCatchStore from "@/stores/modules/catch"; import useCatchStore from "@/stores/modules/catch";
@ -427,10 +447,13 @@ const manualList = ref([]);
async function handleAddManuel(row) { async function handleAddManuel(row) {
if (!row.involveDepartId) { if (!row.involveDepartId) {
activeModelClueId = row.id activeModelClueId = row.id;
await feedback.confirm(`该数据的"涉及单位"为空，请先配置"涉及单位"再下发`, '去配置'); await feedback.confirm(
editDepartShow.value = true `该数据的"涉及单位"为空，请先配置"涉及单位"再下发`,
return "去配置"
);
editDepartShow.value = true;
return;
} }
manualList.value.push(row); manualList.value.push(row);
} }
@ -511,18 +534,28 @@ async function handleSubmitManuelModelClueTask() {
getList(); getList();
} }
const editDepartShow = ref(false) const editDepartShow = ref(false);
const editDepartForm = ref({}) const editDepartForm = ref({});
const editDepartFormRef = ref() const editDepartFormRef = ref();
let activeModelClueId = 0; let activeModelClueId = 0;
async function handleUpdatDepartModelClue() { async function handleUpdatDepartModelClue() {
await editDepartFormRef.value.validate() await editDepartFormRef.value.validate();
await updateDepartModelClue(activeModelClueId, editDepartForm.value) await updateDepartModelClue(activeModelClueId, editDepartForm.value);
editDepartShow.value = false editDepartShow.value = false;
editDepartForm.value = {} editDepartForm.value = {};
getList(); getList();
} }
const tableRef = ref();
function handleBathJoin() {
const rows = tableRef.value.getSelectionRows();
rows.forEach((row) => {
if (manualList.value.filter((item) => item.id === row.id).length === 0) {
manualList.value.push(row);
}
});
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
</style> </style>

190
src/views/sensitivePerception/RiskPersonnel.vue
Unescape View File

@ -40,24 +40,33 @@
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6">
<el-form-item label="人员标签">
<el-input v-model="query.tags" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="高风险因素">
<el-input v-model="query.smallTags" />
</el-form-item>
</el-col>
</el-row> </el-row>
</el-form> </el-form>
<div class="mb-25 flex end"> <div class="mb-25 flex end">
<div> <div>
<el-button type="primary" @click="getList"> <el-button type="primary" @click="getList">
<template #icon> <template #icon>
<icon name="el-icon-Search"/> <icon name="el-icon-Search" />
</template> </template>
查询 查询
</el-button </el-button>
>
<el-button @click="reset">重置</el-button> <el-button @click="reset">重置</el-button>
</div> </div>
</div> </div>
</header> </header>
<div class="table-container"> <div class="table-container">
<el-table :data="list"> <el-table :data="list">
<el-table-column label="姓名" prop="name" width="100"/> <el-table-column label="姓名" prop="name" width="100" />
<el-table-column <el-table-column
label="性别" label="性别"
prop="gender" prop="gender"
@ -68,8 +77,8 @@
<span>{{ getGender(row.gender) }}</span> <span>{{ getGender(row.gender) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="年龄" prop="age" width="60"/> <el-table-column label="年龄" prop="age" width="60" />
<el-table-column label="身份证号" prop="idCode" width="180"/> <el-table-column label="身份证号" prop="idCode" width="180" />
<el-table-column <el-table-column
label="手机号" label="手机号"
prop="mobileNumber" prop="mobileNumber"
@ -82,26 +91,24 @@
/> />
<el-table-column label="人员标签" show-overflow-tooltip> <el-table-column label="人员标签" show-overflow-tooltip>
<template #default="{ row }"> <template #default="{ row }">
<div class="flex gap" v-if="row.tags"> <div class="flex gap-4 wrap" v-if="row.tags">
<el-tag <el-tag
v-for="item in row.tags.split(',')" v-for="item in row.tags.split(',')"
:key="item" :key="item"
>{{ item }} >{{ item }}
</el-tag </el-tag>
>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="高风险因素" show-overflow-tooltip> <el-table-column label="高风险因素" show-overflow-tooltip>
<template #default="{ row }"> <template #default="{ row }">
<div class="flex gap" v-if="row.smallTags"> <div class="flex gap-4 wrap" v-if="row.smallTags">
<el-tag <el-tag
type="danger" type="danger"
v-for="item in row.smallTags" v-for="item in row.smallTags"
:key="item" :key="item"
>{{ item }} >{{ item }}
</el-tag </el-tag>
>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -118,8 +125,7 @@
link link
@click="handleShowDesc(row)" @click="handleShowDesc(row)"
>查看详情 >查看详情
</el-button </el-button>
>
<el-button <el-button
type="primary" type="primary"
link link
@ -150,10 +156,7 @@
<el-row> <el-row>
<el-col :span="1"></el-col> <el-col :span="1"></el-col>
<el-col :span="18"> <el-col :span="18">
<el-col :span="18"> <el-col :span="18">
<div class="col col-20"> <div class="col col-20">
<div class="person-photo"> <div class="person-photo">
<img src="@/assets/images/defaultPhoto.png" /> <img src="@/assets/images/defaultPhoto.png" />
@ -178,7 +181,9 @@
</div> </div>
<div class="col col-8"> <div class="col col-8">
<label>管控单位</label> <label>管控单位</label>
<span>{{ activeRow.controlDepartName }}</span> <span>{{
activeRow.controlDepartName
}}</span>
</div> </div>
<div class="col col-10"> <div class="col col-10">
<label>电话</label> <label>电话</label>
@ -213,15 +218,14 @@
width="160" width="160"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column label="风险内容" show-overflow-tooltip>
label="风险内容"
show-overflow-tooltip
>
<template #default="{ row }"> <template #default="{ row }">
<span style="white-space: pre-wrap;">{{ row.data }}</span> <span style="white-space: pre-wrap">{{
row.data
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="80" label="分值" prop="score"/> <el-table-column width="80" label="分值" prop="score" />
</el-table> </el-table>
</div> </div>
</div> </div>
@ -234,9 +238,9 @@
v-model="formData2.alarmTypeId" v-model="formData2.alarmTypeId"
style="min-width: 185px" style="min-width: 185px"
> >
<el-option :value="1" label="预警问题"/> <el-option :value="1" label="预警问题" />
<el-option :value="2" label="风险问题"/> <el-option :value="2" label="风险问题" />
<el-option :value="3" label="提醒通知"/> <el-option :value="3" label="提醒通知" />
</el-select> </el-select>
</div> </div>
</el-form-item> </el-form-item>
@ -252,7 +256,7 @@
<depart-tree-select <depart-tree-select
v-model="formData2.involveDepartId" v-model="formData2.involveDepartId"
:check-strictly="true" :check-strictly="true"
@node-click=" (row) => changeDepart(row)" @node-click="(row) => changeDepart(row)"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -279,9 +283,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="提醒内容">
label="提醒内容"
>
<el-input <el-input
type="textarea" type="textarea"
v-model="formData2.alarmContent" v-model="formData2.alarmContent"
@ -295,11 +297,12 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<footer class="flex end"> <footer class="flex end">
<el-button @click="showNotification = false" size="large">取消</el-button> <el-button @click="showNotification = false" size="large"
>取消</el-button
>
<el-button type="primary" @click="handleNotification" size="large" <el-button type="primary" @click="handleNotification" size="large"
>提交 >提交
</el-button </el-button>
>
</footer> </footer>
</el-dialog> </el-dialog>
</template> </template>
@ -308,46 +311,45 @@ import {
listRiskPersonnel, listRiskPersonnel,
getRiskPersonnel, getRiskPersonnel,
} from "@/api/sensitivePerception/riskPersonnel"; } from "@/api/sensitivePerception/riskPersonnel";
import {ref} from "vue"; import { ref } from "vue";
import {alarmNotificationCommit} from "~/api/work/alarm"; import { alarmNotificationCommit } from "~/api/work/alarm";
import feedback from "~/utils/feedback"; import feedback from "~/utils/feedback";
import {listPoliceAll} from "~/api/system/police"; import { listPoliceAll } from "~/api/system/police";
const query = ref({}); const query = ref({});
const list = ref<any[]>([]); const list = ref<any[]>([]);
const total = ref(0); const total = ref(0);
const show = ref(false); const show = ref(false);
let showNotification = ref(false) let showNotification = ref(false);
let formData2 = ref({ let formData2 = ref({
alarmTypeId: 1, alarmTypeId: 1,
involveDepartId: '', involveDepartId: "",
involveDepartName: '', involveDepartName: "",
alarmContent: '', alarmContent: "",
blameName: '', blameName: "",
blameIdCode: '', blameIdCode: "",
blameEmpNo: '', blameEmpNo: "",
blames: {}, blames: {},
level: -1 level: -1,
}) });
let police = ref({}) let police = ref({});
let polices = ref([]) let polices = ref([]);
const handleShowNotification = () => { const handleShowNotification = () => {
showNotification.value = true showNotification.value = true;
} };
const handleNotification = async () => { const handleNotification = async () => {
if(formData2.value.involveDepartId == '') { if (formData2.value.involveDepartId == "") {
feedback.msgWarning("请选择被提醒单位"); feedback.msgWarning("请选择被提醒单位");
return; return;
} }
if(formData2.value.alarmContent == '') { if (formData2.value.alarmContent == "") {
feedback.msgWarning("请填写提醒内容"); feedback.msgWarning("请填写提醒内容");
return; return;
} }
if(formData2.value.policeIdCode == '') { if (formData2.value.policeIdCode == "") {
feedback.msgWarning("请选择被提醒民警"); feedback.msgWarning("请选择被提醒民警");
return; return;
} }
@ -358,50 +360,50 @@ const handleNotification = async () => {
alarmContent: formData2.value.alarmContent, alarmContent: formData2.value.alarmContent,
policeName: police.value.name, policeName: police.value.name,
policeIdCode: police.value.idCode, policeIdCode: police.value.idCode,
policeNo: police.value.empNo policeNo: police.value.empNo,
} };
await alarmNotificationCommit(data); await alarmNotificationCommit(data);
showNotification.value = false; showNotification.value = false;
feedback.msgSuccess("操作成功"); feedback.msgSuccess("操作成功");
initFormData2(); initFormData2();
} };
const initFormData2 = () => { const initFormData2 = () => {
formData2.value = { formData2.value = {
alarmTypeId: 1, alarmTypeId: 1,
involveDepartId: '', involveDepartId: "",
involveDepartName: '', involveDepartName: "",
alarmContent: '', alarmContent: "",
blameName: '', blameName: "",
blameIdCode: '', blameIdCode: "",
blameEmpNo: '', blameEmpNo: "",
blames: {}, blames: {},
level: -1 level: -1,
} };
} };
const changeDepart = (row) => { const changeDepart = (row) => {
formData2.value.involveDepartName = row.shortName; formData2.value.involveDepartName = row.shortName;
formData2.value.level = row.level formData2.value.level = row.level;
police.value = {} police.value = {};
getPolices(row.id); getPolices(row.id);
} };
const changePolice = (data) => { const changePolice = (data) => {
police.value = { police.value = {
idCode: data.idCode, idCode: data.idCode,
empNo: data.empNo, empNo: data.empNo,
name: data.name name: data.name,
} };
} };
function getPolices(departId) { function getPolices(departId) {
if(departId=='') { if (departId == "") {
return; return;
} }
listPoliceAll(departId).then(res => { listPoliceAll(departId).then((res) => {
polices.value = res polices.value = res;
}) });
} }
function getList() { function getList() {
@ -434,37 +436,37 @@ async function handleShowDesc(row) {
const filterJsonData = (row) => { const filterJsonData = (row) => {
if (row.data == undefined) { if (row.data == undefined) {
return '' return "";
} }
try { try {
let j = JSON.parse(row.data) let j = JSON.parse(row.data);
if (j.sourceData != undefined) { if (j.sourceData != undefined) {
j = JSON.parse(row.sourceData) j = JSON.parse(row.sourceData);
} }
let str = '' let str = "";
for (let key in j) { for (let key in j) {
if (key == 'eventTime') { if (key == "eventTime") {
continue continue;
} }
if (key == 'idCode') { if (key == "idCode") {
continue continue;
} }
if (key == 'departId') { if (key == "departId") {
continue continue;
} }
if (key == 'personId') { if (key == "personId") {
continue continue;
} }
if (key == 'name') { if (key == "name") {
continue continue;
} }
str += j[key] + '\n' str += j[key] + "\n";
} }
return str return str;
} catch (e) { } catch (e) {
return row.data return row.data;
} }
} };
function getGender(val) { function getGender(val) {
if (val == 1) { if (val == 1) {

26
src/views/work/Query.vue
Unescape View File

@ -91,14 +91,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<query-select-row
v-for="(item, index) in queryItems"
:key="index"
:label="item.label"
:data="item.data"
v-model="query[item.key]"
@update="getList"
/>
<div class="form-row flex"> <div class="form-row flex">
<label class="text-center">其他选项</label> <label class="text-center">其他选项</label>
<div class="flex wrap query-box"> <div class="flex wrap query-box">
@ -222,6 +215,22 @@
</el-select> </el-select>
<el-input placeholder="通报期数" size="small" style="width: 146px" v-model="query.reportNumber" clearable /> <el-input placeholder="通报期数" size="small" style="width: 146px" v-model="query.reportNumber" clearable />
<!-- <el-input placeholder="任务ID" size="small" style="width: 146px" clearable /> --> <!-- <el-input placeholder="任务ID" size="small" style="width: 146px" clearable /> -->
<el-select
size="small"
style="width: 146px"
placeholder="下发单位的层级"
clearable
v-model="query.crtDepartLevel"
>
<el-option
label="市局下发"
:value="0"
/>
<el-option
label="二级机构下发"
:value="2"
/>
</el-select>
</div> </div>
</div> </div>
</el-form> </el-form>
@ -753,7 +762,6 @@ const flowNodes = catchStore.getFlowNodes();
const dictProblemSources = catchStore.getDictProblemSources(); const dictProblemSources = catchStore.getDictProblemSources();
const queryCrumbs = ref([]); const queryCrumbs = ref([]);
const queryItems = ref([]);
const query = ref({ const query = ref({
current: 1, current: 1,
size: 10, size: 10,

Write Preview
Loading…
Cancel
Save