xuhaoyun 1 year ago
commit bd60367823

@ -0,0 +1,18 @@
// 闭环处置
import request from '@/utils/request'
// 我的流程查询
export function get_my_course(data) {
return request({
url: '/workflow/external/ownList',
method: 'post',
data
})
}
// 我的流程流转记录查询
export function get_my_course_record(data) {
return request({
url: '/workflow/external/workDetail',
method: 'post',
data
})
}

@ -15,4 +15,27 @@ export function getSafeCompanyDetail(params) {
method: 'post', method: 'post',
params params
}) })
}
// 增加企业赋分上报数据
export function addSafeCompanyDetail(data) {
return request({
url: '/safety/system/tbSafeCompanyScoreDetail',
method: 'post',
data
})
}
// 编辑企业赋分上报数据
export function changeSafeCompanyDetail(data) {
return request({
url: '/safety/system/tbSafeCompanyScoreDetail',
method: 'put',
data
})
}
// 删除企业赋分上报数据
export function deleteSafeCompanyDetail(params) {
return request({
url: '/safety/system/tbSafeCompanyScoreDetail?' + params,
method: 'delete',
})
} }

@ -73,7 +73,7 @@ request.interceptors.response.use(
content: response.data.msg, content: response.data.msg,
duration: 3 duration: 3
}) })
return response.data3 return response.data
} }
} }

@ -9,7 +9,7 @@
</div> </div>
<el-form :model="search" class="search_top_form"> <el-form :model="search" class="search_top_form">
<el-form-item label="流程状态"> <el-form-item label="流程状态">
<el-select v-model="search.course_select" @change="change_course"> <el-select v-model="search.course_status" @change="change_course">
<el-option <el-option
v-for="item in course_list" v-for="item in course_list"
:key="item.value" :key="item.value"
@ -44,9 +44,9 @@
:header-cell-style="table_header" :header-cell-style="table_header"
:cell-style="{ background: 'revert', 'text-align': 'center' }" :cell-style="{ background: 'revert', 'text-align': 'center' }"
> >
<el-table-column prop="course_name" label="流程名称" width="420"> <el-table-column prop="procDefName" label="流程名称" width="420">
</el-table-column> </el-table-column>
<el-table-column prop="create_time" label="创建时间" width="280"> <el-table-column prop="createTime" label="创建时间" width="280">
</el-table-column> </el-table-column>
<el-table-column prop="course_type" label="流程类型" width="280"> <el-table-column prop="course_type" label="流程类型" width="280">
</el-table-column> </el-table-column>
@ -57,9 +57,9 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="tips" label="当前节点" width="220"> <el-table-column prop="taskName" label="当前节点" width="220">
</el-table-column> </el-table-column>
<el-table-column prop="person" label="未操作者" width="280"> <el-table-column prop="nextNodeUsers" label="未操作者" width="280">
</el-table-column> </el-table-column>
<el-table-column prop="operation" label="操作"> <el-table-column prop="operation" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
@ -92,21 +92,22 @@
</div> </div>
</template> </template>
<script> <script>
import { get_my_course } from "@/api/closeLoopDispose";
export default { export default {
name: "MyCourse", name: "MyCourse",
data() { data() {
return { return {
search: { search: {
course_select: "待审核", course_status: "",
course_num: "1", // procStatus: "0", //
course_time: [this.get_today(), this.get_tomorrow()], course_time: [this.get_today(), this.get_tomorrow()],
word: "", word: "",
}, },
course_list: [ course_list: [
{ label: "待审核", value: "1" }, { label: "进行中", value: "1" },
{ label: "通过", value: "2" }, { label: "审核通过", value: "2" },
{ label: "驳回", value: "3" }, { label: "驳回", value: "3" },
{ label: "处置中", value: "4" }, // { label: "", value: "4" },
], ],
pickerOptions: { pickerOptions: {
shortcuts: [ shortcuts: [
@ -139,63 +140,43 @@ export default {
}, },
], ],
}, },
table_data: [ table_data: [],
{
course_name: "宁波市北越石化有限公司-核酸检测率-异常处置",
create_time: "2023-06-06 12:53:30",
course_type: "防疫安全",
course_status: "进行中",
tips: "治安大队",
person: "王伟、李勋勋",
},
{
course_name: "宁波市北越石化有限公司-核酸检测率-异常处置",
create_time: "2023-06-06 12:53:30",
course_type: "防疫安全",
course_status: "处置成功",
tips: "治安大队",
person: "王伟、李勋勋",
},
{
course_name: "宁波市北越石化有限公司-核酸检测率-异常处置",
create_time: "2023-06-06 12:53:30",
course_type: "防疫安全",
course_status: "处置失败",
tips: "治安大队",
person: "王伟、李勋勋",
},
],
pageSize: 10, pageSize: 10,
pageNum: 1, pageNum: 1,
total: 0, total: 0,
}; };
}, },
created() {}, created() {
this.search_data();
},
methods: { methods: {
change_course(val) { change_course(val) {
this.search.course_num = this.course_list.find((item) => { this.search.procStatus = this.course_list.find(
item.label === val; (item) => item.label === val
}).value; ).value;
}, },
// //
search_data() { search_data() {
console.log("this.search.course_time", this.search.course_time);
let param = { let param = {
startTime: pageSize: this.pageSize,
this.search.course_time == null page: this.pageNum,
? "" // isAsc: "desc",
: this.dateConversion(this.search.course_time[0]), // orderByColumn: "id",
endTime: startTime: this.dateConversion(this.search.course_time[0]),
this.search.course_time == null endTime: this.dateConversion(this.search.course_time[1]),
? "" searchKey: this.search.word,
: this.dateConversion(this.search.course_time[1]), procStatus: this.search.procStatus,
}; };
console.log("param", param); get_my_course(param).then((res) => {
console.log("get_data", res);
this.table_data = res.rows;
this.total = res.total;
});
}, },
// //
reset() { reset() {
this.search.course_select = "待审核"; this.search.procStatus = "0";
this.search.course_num = "1"; this.search.course_status = "";
this.search.course_time = [this.get_today(), this.get_tomorrow()]; this.search.course_time = [this.get_today(), this.get_tomorrow()];
this.search.word = ""; this.search.word = "";
this.search_data(); this.search_data();
@ -203,7 +184,7 @@ export default {
// //
check_details(val) { check_details(val) {
console.log(val); console.log(val);
this.$emit("change_to_detail"); this.$emit("change_to_detail" ,val); //
}, },
// //
dateConversion(value) { dateConversion(value) {
@ -297,11 +278,9 @@ export default {
#2f6363 5%, #2f6363 5%,
#233b38 80% #233b38 80%
) !important; ) !important;
& th { & th {
background-color: transparent; background-color: transparent;
} }
& tr { & tr {
background-color: transparent; background-color: transparent;
} }
@ -311,6 +290,19 @@ export default {
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
} }
} }
/deep/.el-table__body-wrapper::-webkit-scrollbar {
display: none;
width: 6px;
background-color: #5e666a;
border-radius: 4px;
}
/deep/.el-table__body-wrapper::-webkit-scrollbar-thumb {
display: none;
width: 5px;
background-color: #3c4b4a;
border-radius: 4px;
}
/deep/ .el-table td.el-table__cell, /deep/ .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf { .el-table th.el-table__cell.is-leaf {
border: 0.1px solid #3f5564; border: 0.1px solid #3f5564;

@ -3,13 +3,13 @@
<div> <div>
<el-tabs v-model="activeName"> <el-tabs v-model="activeName">
<el-tab-pane label="表单信息" name="first"> <el-tab-pane label="表单信息" name="first">
<MyCourseDetailForm ref="myCourseDetailForm"></MyCourseDetailForm> <MyCourseDetailForm ref="myCourseDetailForm" :send_detail="send_detail"></MyCourseDetailForm>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="流程图" name="second"> <el-tab-pane label="流程图" name="second">
<MyCourseDetailPicture ref="myCourseDetailPicture"></MyCourseDetailPicture> <MyCourseDetailPicture ref="myCourseDetailPicture"></MyCourseDetailPicture>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="流转记录" name="third"> <el-tab-pane label="流转记录" name="third">
<MyCourseDetailRecords ref="myCourseDetailRecords"></MyCourseDetailRecords> <MyCourseDetailRecords ref="myCourseDetailRecords" :send_detail="send_detail"></MyCourseDetailRecords>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -25,11 +25,15 @@ export default {
MyCourseDetailPicture, MyCourseDetailPicture,
MyCourseDetailRecords MyCourseDetailRecords
}, },
props:{
send_detail:{}, // -> myCourse
},
data() { data() {
return { return {
activeName: "first", activeName: "first",
}; };
}, },
methods:{},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

@ -13,10 +13,10 @@
<!-- 此列为数据展示 --> <!-- 此列为数据展示 -->
<div class="basic_message_value_one"> <div class="basic_message_value_one">
<div class="basic_message_value"> <div class="basic_message_value">
宁波市北越石化有限公司-核酸检测率-异常处置 {{ this.send_detail.procDefName }}
</div> </div>
<div class="basic_message_value">防疫安全</div> <div class="basic_message_value">防疫安全</div>
<div class="basic_message_value">2023-06-06 12:53:30</div> <div class="basic_message_value">{{ this.send_detail.createTime }}</div>
<div class="basic_message_value">二级</div> <div class="basic_message_value">二级</div>
</div> </div>
<div class="basic_message_text_two"> <div class="basic_message_text_two">
@ -83,6 +83,9 @@
<script> <script>
export default { export default {
name: "MyCourseDetailForm", name: "MyCourseDetailForm",
props:{
send_detail:{}
},
data() { data() {
return { return {
attachment_show: true, // attachment_show: true, //
@ -128,6 +131,10 @@ export default {
], ],
}; };
}, },
created() {
console.log('send_detail',this.send_detail); // -> myCourse
},
methods:{},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

@ -2,13 +2,15 @@
<!-- 流程记录 --> <!-- 流程记录 -->
<div class="record_body"> <div class="record_body">
<div class="all_step"> <div class="all_step">
<div class="record_step" v-for="item in record_list" :key="item.id"> <div class="record_step" v-for="item in record_list" :key="item.taskId">
<!-- 侧边进度图标 --> <!-- 侧边进度图标 -->
<div class="step"> <div class="step">
<div class="step_icon"> <div class="step_icon">
<i v-if="icon_show" class="el-icon-success"></i> <!-- assigneeId为空的时候为待选图标,为数值的时候为确定图标 -->
<i v-if="item.assigneeId != ''" class="el-icon-success"></i>
<i v-else class="el-icon-time"></i> <i v-else class="el-icon-time"></i>
</div> </div>
<!-- 进度线 -->
<div class="step_line"></div> <div class="step_line"></div>
</div> </div>
<div class="step_table"> <div class="step_table">
@ -57,72 +59,57 @@
</div> </div>
</template> </template>
<script> <script>
import { get_my_course_record } from "@/api/closeLoopDispose";
export default { export default {
name: "MyCourseDetailRecords", name: "MyCourseDetailRecords",
props: {
send_detail: {},
},
data() { data() {
return { return {
record_list: [ record_list: [
{ // {
id: "1", // id: "1",
name: "卫健部门", // name: "",
opeartion_num: "2", // opeartion_num: "2",
have_opeartion_num: "1", // have_opeartion_num: "1",
not_opeartion_num: "1", // not_opeartion_num: "1",
table_list: [ // table_list: [
{ // {
change: "吴沁", // change: "",
under_change: "治安大队", // under_change: "",
type: "已操作", // type: "",
load_time: "2023-06-06 12:53:30", // load_time: "2023-06-06 12:53:30",
time: "2023-06-06 12:53:30", // time: "2023-06-06 12:53:30",
use_time: "2秒", // use_time: "2",
}, // },
{ // ],
change: "吴沁", // },
under_change: "治安大队", // {
type: "已操作", // id: "2",
load_time: "2023-06-06 12:53:30", // },
time: "2023-06-06 12:53:30", // {
use_time: "2秒", // id: "3",
}, // name: "",
{ // },
change: "吴沁",
under_change: "治安大队",
type: "已操作",
load_time: "2023-06-06 12:53:30",
time: "2023-06-06 12:53:30",
use_time: "2秒",
},
{
change: "吴沁",
under_change: "治安大队",
type: "已操作",
load_time: "2023-06-06 12:53:30",
time: "2023-06-06 12:53:30",
use_time: "2秒",
},
{
change: "吴沁",
under_change: "治安大队",
type: "已操作",
load_time: "2023-06-06 12:53:30",
time: "2023-06-06 12:53:30",
use_time: "2秒",
},
],
},
{
id: "2",
},
{
id: "3",
name: "发布人",
},
], ],
src: require("../../../assets/companyFile/loadtrue.png"), src: require("../../../assets/companyFile/loadtrue.png"),
icon_show: true, // icon_show: true, //
}; };
}, },
created() {
console.log("send_detail2", this.send_detail);
let param = {
definitionId: this.send_detail.procDefId,
deployId: this.send_detail.deployId,
procInsId: this.send_detail.procInsId,
taskId: this.send_detail.taskId,
};
get_my_course_record(param).then((res) => {
this.record_list = res.data.wfDetailVo.historyTaskList
console.log('this.record_list',this.record_list);
});
},
methods: { methods: {
// //
table_header({ row, rowIndex }) { table_header({ row, rowIndex }) {
@ -203,7 +190,7 @@ export default {
width: 90vw; width: 90vw;
// height: 30vh; // height: 30vh;
.step_table_top { .step_table_top {
// border: 0.1px solid #fff; // border: 0.1px solid #fff;
width: 90vw; width: 90vw;
height: 5vh; height: 5vh;
display: flex; display: flex;

@ -24,6 +24,7 @@
<el-tab-pane label="抄送我的" name="fourth">抄送我的</el-tab-pane> <el-tab-pane label="抄送我的" name="fourth">抄送我的</el-tab-pane>
</el-tabs> </el-tabs>
<MyCourseDetail <MyCourseDetail
:send_detail="send_detail"
ref="myCourseDetail" ref="myCourseDetail"
v-else-if="is_flag === '1'" v-else-if="is_flag === '1'"
></MyCourseDetail> ></MyCourseDetail>
@ -42,12 +43,14 @@ export default {
return { return {
activeName: "first", activeName: "first",
is_flag: "0", // tab is_flag: "0", // tab
send_detail: {},
}; };
}, },
methods: { methods: {
// 使 // 使
change_to_detail() { change_to_detail(val) {
this.is_flag = "1"; this.is_flag = "1";
this.send_detail = val; // -> myCourseDetailForm
}, },
// //
back_home_page() { back_home_page() {

@ -138,7 +138,7 @@
<div class="company_bottom"> <div class="company_bottom">
<div class="left_table"> <div class="left_table">
<div class="left_table_title">赋分</div> <div class="left_table_title">赋分</div>
<IndexTable ref="indexTable"></IndexTable> <IndexTableDetail ref="indexTableDetail"></IndexTableDetail>
</div> </div>
<div class="right_table"> <div class="right_table">
<DetailsTable <DetailsTable
@ -152,14 +152,14 @@
</template> </template>
<script> <script>
import Season from "./season"; import Season from "./season";
import IndexTable from "./indexTable"; import IndexTableDetail from "./indexTableDetail";
import DetailsTable from "./detailsTable"; import DetailsTable from "./detailsTable";
import { getSafeCompany } from "@/api/systemManagement/companyScore"; import { getSafeCompany } from "@/api/systemManagement/companyScore";
export default { export default {
name: "CompanyDetails", name: "CompanyDetails",
components: { components: {
Season, Season,
IndexTable, IndexTableDetail,
DetailsTable, DetailsTable,
}, },
data() { data() {
@ -478,7 +478,7 @@ export default {
height: 7vh; height: 7vh;
// border: 0.1px solid #4d8f89; // border: 0.1px solid #4d8f89;
color: #fff; color: #fff;
font-size: 30px; font-size: 65px;
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
line-height: 7vh; line-height: 7vh;
@ -574,7 +574,7 @@ export default {
height: 4vh; height: 4vh;
// border: 0.1px solid #4d8f89; // border: 0.1px solid #4d8f89;
color: #fff; color: #fff;
font-size: 20px; font-size: 16px;
font-weight: 500; font-weight: 500;
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64); text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
text-align: center; text-align: center;
@ -587,7 +587,7 @@ export default {
text-align: center; text-align: center;
line-height: 4vh; line-height: 4vh;
color: #fff; color: #fff;
font-size: 18px; font-size: 35px;
font-weight: 700; font-weight: 700;
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64); text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
} }

@ -3,11 +3,12 @@
<el-table <el-table
:data="table_data" :data="table_data"
class="company_table" class="company_table"
height="660"
:stripe="stripe" :stripe="stripe"
:header-cell-style="table_header" :header-cell-style="table_header"
:cell-style="{ background: 'revert', 'text-align': 'center' }" :cell-style="{ background: 'revert', 'text-align': 'center' }"
> >
<el-table-column prop="companyName" label="企业名称" width="240"> <el-table-column prop="companyName" label="企业名称" width="280">
</el-table-column> </el-table-column>
<el-table-column prop="score" label="平安指数"> </el-table-column> <el-table-column prop="score" label="平安指数"> </el-table-column>
<el-table-column label="指标得分"> <el-table-column label="指标得分">
@ -119,7 +120,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
/deep/.company_table.el-table { /deep/.company_table.el-table {
// width: 85.2vw; // width: 85.2vw;
height: 65vh; // height: 61vh;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
border: 0.1px solid #3f5564; border: 0.1px solid #3f5564;
thead { thead {
@ -167,4 +168,17 @@ export default {
.el-table th.el-table__cell.is-leaf { .el-table th.el-table__cell.is-leaf {
border: 0.1px solid #3f5564; border: 0.1px solid #3f5564;
} }
/deep/.el-table__body-wrapper::-webkit-scrollbar {
display: none;
width: 6px;
background-color: #5e666a;
border-radius: 4px;
}
/deep/.el-table__body-wrapper::-webkit-scrollbar-thumb {
display: none;
width: 5px;
background-color: #3c4b4a;
border-radius: 4px;
}
</style> </style>

@ -7,16 +7,14 @@
{{ this.input_text }} {{ this.input_text }}
</div> </div>
<div class="input_body"> <div class="input_body">
<el-input <el-input v-model="person_input" placeholder="请输入数量" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"></el-input>
v-model="person_input" <el-button @click="add_detail"></el-button>
placeholder="请输入数量 (人)"
></el-input>
<el-button>提交</el-button>
</div> </div>
<div class="table_body"> <div class="table_body">
<el-table <el-table
:data="detail_table_data" :data="detail_table_data"
class="company_table" class="company_table"
height="320"
:header-cell-style="table_header" :header-cell-style="table_header"
:cell-style="{ background: 'revert', 'text-align': 'center' }" :cell-style="{ background: 'revert', 'text-align': 'center' }"
> >
@ -24,6 +22,7 @@
v-for="item in table_list" v-for="item in table_list"
:key="item.prop" :key="item.prop"
:label="item.label" :label="item.label"
:prop="item.prop"
> >
</el-table-column> </el-table-column>
<el-table-column prop="operation" label="操作"> <el-table-column prop="operation" label="操作">
@ -31,7 +30,7 @@
<el-button size="small" class="operation" @click="open(scope.row)" <el-button size="small" class="operation" @click="open(scope.row)"
>编辑 >编辑
</el-button> </el-button>
<el-button size="small" class="operation" @click="open(scope.row)" <el-button size="small" class="operation" @click="open_delete(scope.row)"
>删除 >删除
</el-button> </el-button>
</template> </template>
@ -43,6 +42,7 @@
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:page-sizes="[4]" :page-sizes="[4]"
:pager-count="5"
:page-size="pageSize" :page-size="pageSize"
:current-page="pageNum" :current-page="pageNum"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
@ -51,14 +51,25 @@
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
<DetailsTableDialog ref="detailsTableDialog" @refresh="refresh"></DetailsTableDialog>
<DetailsTableDelete ref="detailsTableDelete" @refresh="refresh"></DetailsTableDelete>
</div> </div>
</template> </template>
<script> <script>
import bus from "@/assets/js/eventBus.js"; import bus from "@/assets/js/eventBus.js";
import { getIndexTable } from "@/api/systemManagement/safeIndex"; import { getIndexTable } from "@/api/systemManagement/safeIndex";
import { getSafeCompanyDetail } from "@/api/systemManagement/companyScore"; import {
getSafeCompanyDetail,
addSafeCompanyDetail,
} from "@/api/systemManagement/companyScore";
import DetailsTableDialog from './detailsTableDialog'
import DetailsTableDelete from './detailsTableDelete'
export default { export default {
name: "DetailsTable", name: "DetailsTable",
components:{
DetailsTableDialog,
DetailsTableDelete
},
props: { props: {
company_id: { company_id: {
type: String, type: String,
@ -77,36 +88,64 @@ export default {
person_input: "", person_input: "",
table_list: [ table_list: [
{ {
prop: "time", prop: "updateTime",
label: "填报时间", label: "填报时间",
width: "200", width: "200",
}, },
{ {
prop: "person_num", prop: "numValue",
label: "填报数量(人)", label: "疫苗接种数",
width: "200", width: "280",
}, },
{ {
prop: "warning", prop: "alarmLevel",
label: "预警情况", label: "预警情况",
width: "200", width: "140",
}, },
{ {
prop: "person", prop: "userName",
label: "填报人", label: "填报人",
}, },
], ],
detail_table_data:[], detail_table_data: [],
pageSize: 10, pageSize: 10,
pageNum: 1, pageNum: 1,
total: 0, total: 0,
}; };
}, },
created() { async created() {
this.get_data(); await getIndexTable().then((res) => {
console.log("res", res.data);
this.note_arr = res.data;
for (let i = 0; i < this.note_arr.length; i++) {
//
this.two_level_arr = this.two_level_arr.concat(
this.note_arr[i].tbSafeRuleTwoVoList
);
}
for (let i = 0; i < this.two_level_arr.length; i++) {
//
this.three_level_arr = this.three_level_arr.concat(
this.two_level_arr[i].tbSafeRuleThreeVoList
);
}
console.log("this.three_level_arr", this.three_level_arr);
});
//
this.three_level_id = "5";
const new_arr = this.three_level_arr.filter(
(item) => item.id == this.three_level_id
);
console.log("new_arr", new_arr);
this.note = JSON.parse(new_arr[0].note);
this.input_text = new_arr[0].levelIndexThree;
this.massage_title = this.note.titleNote;
//
this.get_detail_data();
}, },
mounted() { mounted() {
bus.$on("send_three", (data) => { bus.$on("send_three", (data) => {
this.detail_table_data = []
console.log("dataaaa", data); console.log("dataaaa", data);
this.three_level_id = data.safeRuleId; // id this.three_level_id = data.safeRuleId; // id
const new_arr = this.three_level_arr.filter( const new_arr = this.three_level_arr.filter(
@ -114,8 +153,9 @@ export default {
); );
this.note = JSON.parse(new_arr[0].note); this.note = JSON.parse(new_arr[0].note);
this.input_text = new_arr[0].levelIndexThree; this.input_text = new_arr[0].levelIndexThree;
this.table_list[1].label = new_arr[0].levelIndexThree
this.massage_title = this.note.titleNote; this.massage_title = this.note.titleNote;
this.get_detail_data() this.get_detail_data();
}); });
}, },
methods: { methods: {
@ -143,13 +183,49 @@ export default {
let param = { let param = {
companyId: this.company_id, companyId: this.company_id,
safeRuleId: this.three_level_id, safeRuleId: this.three_level_id,
pageSize : this.pageSize, pageSize: this.pageSize,
pageNum : this.pageNum, pageNum: this.pageNum,
}; };
getSafeCompanyDetail(param).then(res=>{ getSafeCompanyDetail(param).then((res) => {
this.detail_table_data = res.rows this.detail_table_data = res.rows;
this.total = res.total this.total = res.total;
}) });
},
//
add_detail() {
let param = {
companyId: this.company_id,
safeRuleId: this.three_level_id,
pageSize: this.pageSize,
pageNum: this.pageNum,
numValue: this.person_input,
levelIndexThree: this.input_text
};
addSafeCompanyDetail(param)
.then((res) => {
console.log(res);
this.$message.success("新增成功");
this.get_detail_data(); //
})
.catch((err) => {
console.log(err);
this.$message.warning("今日记录已经存在记录,可使用编辑功能修改");
this.get_detail_data(); //
});
this.person_input = '' // input
},
open(val) {
console.log('valll',val);
this.$refs.detailsTableDialog.open(val)
},
open_delete(val) {
console.log('valll2',val);
this.$refs.detailsTableDelete.open(val)
},
//
refresh() {
this.get_detail_data()
this.person_input = ''
}, },
// //
table_header({ row, rowIndex }) { table_header({ row, rowIndex }) {
@ -254,7 +330,7 @@ export default {
} }
/deep/.el-table { /deep/.el-table {
// width: 85.2vw; // width: 85.2vw;
height: 29vh; // height: 29vh;
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
border: 0.1px solid #3f5564; border: 0.1px solid #3f5564;
thead { thead {
@ -281,9 +357,28 @@ export default {
background: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);
} }
} }
/deep/ .el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
border: 0.1px solid #3f5564;
}
/deep/.el-table__body-wrapper::-webkit-scrollbar {
display: none;
width: 6px;
background-color: #5e666a;
border-radius: 4px;
}
/deep/.el-table__body-wrapper::-webkit-scrollbar-thumb {
display: none;
width: 5px;
background-color: #3c4b4a;
border-radius: 4px;
}
.table_pagination { .table_pagination {
width: 51vw; width: 51vw;
height: 5vh; height: 5vh;
display: flex;
flex-direction: row-reverse;
/deep/.el-input--suffix .el-input__inner { /deep/.el-input--suffix .el-input__inner {
color: #fff; color: #fff;
border: 0.1px solid #34a6a6; border: 0.1px solid #34a6a6;
@ -299,7 +394,6 @@ export default {
height: 2.6vh; height: 2.6vh;
} }
/deep/.el-pagination { /deep/.el-pagination {
margin-left: 50%;
margin-top: 1vh; margin-top: 1vh;
.el-pagination__total { .el-pagination__total {
color: #fff; color: #fff;
@ -307,20 +401,24 @@ export default {
.el-input__inner { .el-input__inner {
border-radius: 0px; border-radius: 0px;
background: #3c4b4a; background: #3c4b4a;
border: 0.1px solid #277f79;
color: #fff; color: #fff;
} }
.btn-prev { .btn-prev {
border-radius: 0px; border-radius: 0px;
background: #3c4b4a; background: #3c4b4a;
border: 0.1px solid #277f79;
color: #fff; color: #fff;
} }
ul { ul {
li { li {
border: 0.1px solid #277f79;
background: #3c4b4a; background: #3c4b4a;
color: #fff; color: #fff;
} }
} }
.btn-next { .btn-next {
border: 0.1px solid #277f79;
border-radius: 0px; border-radius: 0px;
background: #3c4b4a; background: #3c4b4a;
color: #fff; color: #fff;

@ -0,0 +1,102 @@
<template>
<el-dialog
class="dialog"
title="删除"
:visible.sync="visible"
:close-on-click-modal="false"
width="500px"
@close="close"
>
<div class="main_text">确认删除该数据</div>
<div class="form_btn" slot="footer">
<el-button @click="save_delete"> </el-button>
<el-button @click="close"> </el-button>
</div>
</el-dialog>
</template>
<script>
import { deleteSafeCompanyDetail } from "@/api/systemManagement/companyScore";
export default {
name: "DetailsTableDelete",
data() {
return {
visible: false,
id:''
};
},
methods:{
open(val) {
this.visible = true
this.id = val.id
},
save_delete() {
let params = `idList=${this.id}`;
deleteSafeCompanyDetail(params).then((res) => {
console.log(res);
this.$message.success("删除成功");
this.$emit("refresh");
this.visible = false;
}).catch(err=>{
console.log(err);
this.$message.warning('删除失败')
this.$emit("refresh");
this.visible = false;
});
},
close() {
this.visible = false;
},
}
};
</script>
<style lang="less" scoped>
/deep/.el-dialog {
.el-dialog__title {
color: #fff;
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
}
background-image: url("~@/assets/companyFile/dialogBack.png");
background-size: 100% 100%;
background-repeat: no-repeat;
height: 400px;
/* 关闭弹窗叉号 */
.el-dialog__headerbtn {
.el-dialog__close {
color: #fff;
font-size: 18px;
}
}
.el-dialog__body {
padding: 0px;
padding-left: 15px;
padding-right: 15px;
p {
font-size: 16px;
color: #fff;
}
.main_text {
width: 470px;
height: 280px;
color: #fff;
text-align: center;
line-height: 280px;
font-size: 30px;
font-weight: 500;
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
}
}
.el-button {
width: 120px;
border: 1px solid #4a6072;
color: #fff;
border-radius: 0px !important;
background: #323f43;
}
.el-button:focus,
.el-button:hover {
color: #34e1b3;
background: url("~@/assets/companyFile/891771.png") no-repeat !important;
background-size: 100% 100% !important;
}
}
</style>

@ -0,0 +1,145 @@
<template>
<!-- 编辑三级指标详情 -->
<el-dialog
class="dialog"
title="编辑"
:visible.sync="visible"
:close-on-click-modal="false"
width="500px"
@close="close"
>
<div class="main_text">
<div class="input_title">{{ this.input_title }}</div>
<div class="input">
<el-input v-model="input_num" placeholder="请输入数量" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"></el-input>
</div>
</div>
<div class="form_btn" slot="footer">
<el-button @click="save"> </el-button>
<el-button @click="close"> </el-button>
</div>
</el-dialog>
</template>
<script>
import { changeSafeCompanyDetail } from "@/api/systemManagement/companyScore";
export default {
name: "DetailsTableDialog",
data() {
return {
visible: false,
input_title: "",
input_num: "",
param: {},
};
},
methods: {
open(val) {
this.visible = true;
console.log("val", val);
this.input_title = val.levelIndexThree;
this.input_num = val.numValue;
this.param = {
companyId: val.companyId,
safeRuleId: val.safeRuleId,
numValue: val.numValue,
levelIndexThree: val.levelIndexThree
}
},
close() {
this.visible = false;
},
save() {
this.param.numValue = this.input_num
console.log('this.param',this.param);
changeSafeCompanyDetail(this.param).then(res=>{
console.log(res);
this.$message.success('编辑成功')
this.visible = false;
this.$emit("refresh");
}).catch(err=>{
console.log(err);
this.$message.warning('编辑失败')
this.visible = false;
this.$emit("refresh");
});
},
},
};
</script>
<style lang="less" scoped>
/deep/.el-dialog {
.el-dialog__title {
color: #fff;
text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
}
background-image: url("~@/assets/companyFile/dialogBack.png");
background-size: 100% 100%;
background-repeat: no-repeat;
height: 300px;
/* 关闭弹窗叉号 */
.el-dialog__headerbtn {
.el-dialog__close {
color: #fff;
font-size: 18px;
}
}
.el-dialog__body {
padding: 0px;
padding-left: 15px;
padding-right: 15px;
p {
font-size: 16px;
color: #fff;
}
.main_text {
width: 470px;
height: 180px;
color: #fff;
// border: 1px solid #fff;
// text-align: center;
// line-height: 280px;
// font-size: 35px;
// font-weight: 500;
// text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
.input_title {
margin-left: 20px;
color: #fff;
width: 440px;
height: 60px;
line-height: 60px;
font-size: 18px;
}
.input {
margin-left: 20px;
width: 440px;
height: 60px;
}
}
}
.el-button {
width: 120px;
border: 1px solid #4a6072;
color: #fff;
border-radius: 0px !important;
background: #323f43;
}
.el-button:focus,
.el-button:hover {
color: #34e1b3;
background: url("~@/assets/companyFile/891771.png") no-repeat !important;
background-size: 100% 100% !important;
}
}
.el-input {
width: 18vw;
height: 4.5vh;
}
/deep/.el-input__inner {
width: 15vw;
height: 4.5vh;
border-radius: 0px;
color: #fff;
border: 0.1px solid #374956;
background: #212d2f;
}
</style>

@ -433,7 +433,7 @@
</div> </div>
</template> </template>
<script> <script>
import { getIndexTable } from "@/api/systemManagement/safeIndex"; // import { getIndexTable } from "@/api/systemManagement/safeIndex";
import bus from "@/assets/js/eventBus.js"; import bus from "@/assets/js/eventBus.js";
export default { export default {
name: "IndexTable", name: "IndexTable",
@ -450,7 +450,7 @@ export default {
}; };
}, },
created() { created() {
this.getData(); // this.getData();
}, },
methods: { methods: {
// table_header() { // table_header() {
@ -460,12 +460,12 @@ export default {
// }; // };
// }, // },
// //
getData() { // getData() {
getIndexTable().then((res) => { // getIndexTable().then((res) => {
console.log("res", res); // console.log("res", res);
this.display_data = res.data; // this.display_data = res.data;
}); // });
}, // },
// //
click_onelevel(id) { click_onelevel(id) {
let obj = document.querySelectorAll("td"); let obj = document.querySelectorAll("td");
@ -479,12 +479,12 @@ export default {
item.className = ""; item.className = "";
}); });
obj[index].className = "lightcolor"; obj[index].className = "lightcolor";
const massage = { // const massage = {
safeRuleId: id, // safeRuleId: id,
level: "1", // level: "1",
}; // };
this.$emit("back", massage); // this.$emit("back", massage);
bus.$emit("send", massage); // // bus.$emit("send", massage); //
}, },
// //
click_twolevel(id) { click_twolevel(id) {
@ -499,12 +499,12 @@ export default {
item.className = ""; item.className = "";
}); });
obj[index].className = "lightcolor"; obj[index].className = "lightcolor";
const massage = { // const massage = {
safeRuleId: id, // safeRuleId: id,
level: "2", // level: "2",
}; // };
this.$emit("back", massage); // this.$emit("back", massage);
bus.$emit("send", massage); // // bus.$emit("send", massage); //
}, },
// //
click_threelevel(id, num) { click_threelevel(id, num) {
@ -525,7 +525,7 @@ export default {
item.className = ""; item.className = "";
}); });
obj[index].className = "lightcolor"; obj[index].className = "lightcolor";
this.$emit("back", massage); // this.$emit("back", massage);
bus.$emit("send_three", massage); // bus.$emit("send_three", massage); //
}, },
}, },

@ -68,6 +68,7 @@
@size-change="handleSizeChange" @size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:page-sizes="[5, 10]" :page-sizes="[5, 10]"
:pager-count="5"
:page-size="pageSize" :page-size="pageSize"
:current-page="pageNum" :current-page="pageNum"
layout="total, sizes, prev, pager, next, jumper" layout="total, sizes, prev, pager, next, jumper"
@ -260,7 +261,7 @@ export default {
.search_right { .search_right {
display: flex; display: flex;
.el-button { .el-button {
font-size: 18px; font-size: 17px;
height: 4vh; height: 4vh;
border-radius: 0px; border-radius: 0px;
color: #fff; color: #fff;
@ -306,8 +307,10 @@ export default {
} }
} }
.table_pagination { .table_pagination {
width: 64vw; width: 85.2vw;
height: 5vh; height: 5vh;
display: flex;
flex-direction: row-reverse;
/deep/.el-input--suffix .el-input__inner { /deep/.el-input--suffix .el-input__inner {
color: #fff; color: #fff;
border: 0.1px solid #34a6a6; border: 0.1px solid #34a6a6;
@ -323,34 +326,38 @@ export default {
height: 2.6vh; height: 2.6vh;
} }
/deep/.el-pagination { /deep/.el-pagination {
margin-left: 70%; margin-top: 1vh;
margin-top: 2vh;
.el-pagination__total { .el-pagination__total {
color: #fff; color: #fff;
} }
.el-input__inner { .el-input__inner {
border-radius: 0px; border-radius: 0px;
border: 0.1px solid #277f79;
background: #3c4b4a; background: #3c4b4a;
color: #fff; color: #fff;
} }
.btn-prev { .btn-prev {
border-radius: 0px; border-radius: 0px;
border: 0.1px solid #277f79;
background: #3c4b4a; background: #3c4b4a;
color: #fff; color: #fff;
} }
ul { ul {
li { li {
border: 0.1px solid #277f79;
background: #3c4b4a; background: #3c4b4a;
color: #fff; color: #fff;
} }
} }
.btn-next { .btn-next {
border: 0.1px solid #277f79;
border-radius: 0px; border-radius: 0px;
background: #3c4b4a; background: #3c4b4a;
color: #fff; color: #fff;
} }
.el-pager { .el-pager {
li { li {
border: 0.1px solid #34a6a6;
background: #3c4b4a !important; background: #3c4b4a !important;
} }
} }

@ -563,12 +563,14 @@ export default {
background: #233438 !important; background: #233438 !important;
} }
/deep/.el-table__body-wrapper.is-scrolling-none::-webkit-scrollbar { /deep/.el-table__body-wrapper.is-scrolling-none::-webkit-scrollbar {
display: none;
width: 6px; width: 6px;
background-color: #5e666a; background-color: #5e666a;
border-radius: 4px; border-radius: 4px;
} }
/deep/.el-table__body-wrapper.is-scrolling-none::-webkit-scrollbar-thumb { /deep/.el-table__body-wrapper.is-scrolling-none::-webkit-scrollbar-thumb {
display: none;
width: 5px; width: 5px;
background-color: #3c4b4a; background-color: #3c4b4a;
border-radius: 4px; border-radius: 4px;

Loading…
Cancel
Save