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

fix: 样式优化

main
wxc 1 year ago
parent
c8f65cad80
commit
b05367702c
3 changed files with 67 additions and 69 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. 12
      src/components/negative/confirmation-completion.vue
  2. 29
      src/components/negative/verify.vue
  3. 95
      src/views/sensitivePerception/Model.vue

12
src/components/negative/confirmation-completion.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<el-dialog title="认定办结" top="5vh" width="900px" v-model="show"> <el-dialog title="认定办结" width="900px" v-model="show">
<h3>问题赋分情况</h3> <!-- <h3>问题赋分情况</h3>
<p> <p>
基础风险值 + (基础风险值 * 问题严重等级系数 ) + (基础风险值 * 问题发生频次系数) 基础风险值 + (基础风险值 * 问题严重等级系数 ) + (基础风险值 * 问题发生频次系数)
<a <a
@ -10,9 +10,9 @@
> >
<span>查看文档</span> <span>查看文档</span>
</a> </a>
</p> </p> -->
<el-form :label-width="120" ref="formRef" :model="formData"> <el-form :label-width="120" ref="formRef" :model="formData">
<div v-for="(item, index) in blames" :key="index"> <!-- <div v-for="(item, index) in blames" :key="index">
<h5>涉及人员{{ index + 1 }}</h5> <h5>涉及人员{{ index + 1 }}</h5>
<div class="row"> <div class="row">
<div class="col col-6"> <div class="col col-6">
@ -131,7 +131,7 @@
重大影响：当问题导致重大法律责任或产生严重负面社会影响时，分值将在基础分值的基础上增加 重大影响：当问题导致重大法律责任或产生严重负面社会影响时，分值将在基础分值的基础上增加
50%。 50%。
</p> </p>
</div> </div> -->
<h3>认定办结情况</h3> <h3>认定办结情况</h3>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
@ -198,7 +198,7 @@
/> />
</el-form-item> </el-form-item>
</el-form> </el-form>
<footer class="flex end"> <footer class="flex end mt-40">
<el-button size="large">取消</el-button> <el-button size="large">取消</el-button>
<el-button type="primary" size="large" @click="submit" <el-button type="primary" size="large" @click="submit"
>认定办结</el-button >认定办结</el-button

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

@ -1043,7 +1043,7 @@
v-model="item.responsibilityTypeCode" v-model="item.responsibilityTypeCode"
@change=" @change="
(val) => (val) =>
(item.leadResponsibilityTypeName = (item.responsibilityTypeName =
dict.responsibilityType.filter( dict.responsibilityType.filter(
(item) => (item) =>
item.dictValue === val item.dictValue === val
@ -1354,20 +1354,23 @@ 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) {
let arr = []; if (form.value.accountabilityTarget !== AccountabilityTarget.DEPARTMENT) {
form.value.blameLeaders.forEach((item) => { let arr = [];
arr = arr.concat(item.blameIdCodes); form.value.blameLeaders.forEach((item) => {
}); arr = arr.concat(item.blameIdCodes);
const blame = form.value.blames.filter( });
(item) => !arr.includes(item.blameIdCode) const blame = form.value.blames.filter(
); (item) => item.type === BlameType.PERSONAL && !arr.includes(item.blameIdCode)
if (blame.length) {
throw new Error(
`涉及人员【${blame
.map((item) => item.blameName)
.join("、")}】未关联领导`
); );
if (blame.length) {
throw new Error(
`涉及人员【${blame
.map((item) => item.blameName)
.join("、")}】未关联领导`
);
}
} }
return form.value; return form.value;
} }
} }

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

@ -78,43 +78,37 @@
class="model-card-content" class="model-card-content"
style="width: calc(100% - 76px)" style="width: calc(100% - 76px)"
> >
<el-tooltip :content="item.remarks"> <div>
<div> <div class="row">
<div class="row"> <div class="col col-24">
<div class="col"> <label>模型名称</label>
<label>模型名称</label> <span
<span>{{ class="text-nowrap"
:title="item.modelName"
>{{
item.modelName item.modelName
}}</span> }}</span
</div> >
</div> </div>
<div class="row"> </div>
<div class="col"> <div class="row">
<label>创建单位</label> <div class="col col-24">
<span>{{ <label>分发方式</label>
item.createDepartName
}}</span>
</div>
</div>
<div class="row">
<div class="col col-12">
<label>分发方式</label>
<span>{{
getDictLable(
dict.distributionMethod,
item.distributionMethod
)
}}</span>
</div>
</div>
<div class="col">
<label>最近活跃时间</label>
<span>{{ <span>{{
item.updateTime getDictLable(
dict.distributionMethod,
item.distributionMethod
)
}}</span> }}</span>
</div> </div>
</div> </div>
</el-tooltip> <div class="col col-24">
<label>最近活跃时间</label>
<span>{{
item.updateTime
}}</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -520,7 +514,11 @@
" "
>查看线索数据</el-button >查看线索数据</el-button
> >
<el-button type="primary" plain @click="handleDetailConfigShow"> <el-button
type="primary"
plain
@click="handleDetailConfigShow"
>
<template #icon> <template #icon>
<icon name="el-icon-Edit" /> <icon name="el-icon-Edit" />
</template> </template>
@ -534,19 +532,13 @@
<div style="min-height: 300px"> <div style="min-height: 300px">
<div class="table-container"> <div class="table-container">
<el-table :data="tableData" size="small"> <el-table :data="tableData" size="small">
<el-table-column <el-table-column label="同步时间" prop="createTime" />
label="同步时间"
prop="createTime"
/>
<el-table-column <el-table-column
label="预警条数" label="预警条数"
prop="size" prop="size"
align="center" align="center"
/> />
<el-table-column <el-table-column label="分发状态" align="center">
label="分发状态"
align="center"
>
<template #default="{ row }"> <template #default="{ row }">
<el-tag <el-tag
type="success" type="success"
@ -577,8 +569,11 @@
</footer> </footer>
</el-dialog> </el-dialog>
<el-dialog title="线索详细信息配置" v-model="detailConfigShow" width="800px"> <el-dialog
title="线索详细信息配置"
v-model="detailConfigShow"
width="800px"
>
</el-dialog> </el-dialog>
</template> </template>
<script setup> <script setup>
@ -708,20 +703,20 @@ async function openDetail(item) {
detailShow.value = true; detailShow.value = true;
} }
const detailConfigShow = ref(false) const detailConfigShow = ref(false);
const modelClueData = ref({}) const modelClueData = ref({});
async function handleDetailConfigShow() { async function handleDetailConfigShow() {
const data = await listModelClue({ const data = await listModelClue({
modelIds: [activeModel.value.id], modelIds: [activeModel.value.id],
current: 1, current: 1,
size: 1 size: 1,
}) });
if (data.records.length && data.records[0].data) { if (data.records.length && data.records[0].data) {
console.log(data.records) console.log(data.records);
} else { } else {
modelClueData.value = JSON.parse(data.records[0].data) modelClueData.value = JSON.parse(data.records[0].data);
} }
detailConfigShow.value = true detailConfigShow.value = true;
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -729,7 +724,7 @@ async function handleDetailConfigShow() {
> div { > div {
height: 47px; height: 47px;
line-height: 47px; line-height: 47px;
padding: 0 36px; padding-left: 36px;
&:hover, &:hover,
&[active="true"] { &[active="true"] {
background: #e1e5ff; background: #e1e5ff;

Write Preview
Loading…
Cancel
Save