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',
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,
duration: 3
})
return response.data3
return response.data
}
}

@ -9,7 +9,7 @@
</div>
<el-form :model="search" class="search_top_form">
<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
v-for="item in course_list"
:key="item.value"
@ -44,9 +44,9 @@
:header-cell-style="table_header"
: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 prop="create_time" label="创建时间" width="280">
<el-table-column prop="createTime" label="创建时间" width="280">
</el-table-column>
<el-table-column prop="course_type" label="流程类型" width="280">
</el-table-column>
@ -57,9 +57,9 @@
</div>
</template>
</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 prop="person" label="未操作者" width="280">
<el-table-column prop="nextNodeUsers" label="未操作者" width="280">
</el-table-column>
<el-table-column prop="operation" label="操作">
<template slot-scope="scope">
@ -92,21 +92,22 @@
</div>
</template>
<script>
import { get_my_course } from "@/api/closeLoopDispose";
export default {
name: "MyCourse",
data() {
return {
search: {
course_select: "待审核",
course_num: "1", //
course_status: "",
procStatus: "0", //
course_time: [this.get_today(), this.get_tomorrow()],
word: "",
},
course_list: [
{ label: "待审核", value: "1" },
{ label: "通过", value: "2" },
{ label: "进行中", value: "1" },
{ label: "审核通过", value: "2" },
{ label: "驳回", value: "3" },
{ label: "处置中", value: "4" },
// { label: "", value: "4" },
],
pickerOptions: {
shortcuts: [
@ -139,63 +140,43 @@ export default {
},
],
},
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: "王伟、李勋勋",
},
],
table_data: [],
pageSize: 10,
pageNum: 1,
total: 0,
};
},
created() {},
created() {
this.search_data();
},
methods: {
change_course(val) {
this.search.course_num = this.course_list.find((item) => {
item.label === val;
}).value;
this.search.procStatus = this.course_list.find(
(item) => item.label === val
).value;
},
//
search_data() {
console.log("this.search.course_time", this.search.course_time);
let param = {
startTime:
this.search.course_time == null
? ""
: this.dateConversion(this.search.course_time[0]),
endTime:
this.search.course_time == null
? ""
: this.dateConversion(this.search.course_time[1]),
pageSize: this.pageSize,
page: this.pageNum,
// isAsc: "desc",
// orderByColumn: "id",
startTime: this.dateConversion(this.search.course_time[0]),
endTime: this.dateConversion(this.search.course_time[1]),
searchKey: this.search.word,
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() {
this.search.course_select = "待审核";
this.search.course_num = "1";
this.search.procStatus = "0";
this.search.course_status = "";
this.search.course_time = [this.get_today(), this.get_tomorrow()];
this.search.word = "";
this.search_data();
@ -203,7 +184,7 @@ export default {
//
check_details(val) {
console.log(val);
this.$emit("change_to_detail");
this.$emit("change_to_detail" ,val); //
},
//
dateConversion(value) {
@ -297,11 +278,9 @@ export default {
#2f6363 5%,
#233b38 80%
) !important;
& th {
background-color: transparent;
}
& tr {
background-color: transparent;
}
@ -311,6 +290,19 @@ export default {
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,
.el-table th.el-table__cell.is-leaf {
border: 0.1px solid #3f5564;

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

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

@ -2,13 +2,15 @@
<!-- 流程记录 -->
<div class="record_body">
<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_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>
</div>
<!-- 进度线 -->
<div class="step_line"></div>
</div>
<div class="step_table">
@ -57,72 +59,57 @@
</div>
</template>
<script>
import { get_my_course_record } from "@/api/closeLoopDispose";
export default {
name: "MyCourseDetailRecords",
props: {
send_detail: {},
},
data() {
return {
record_list: [
{
id: "1",
name: "卫健部门",
opeartion_num: "2",
have_opeartion_num: "1",
not_opeartion_num: "1",
table_list: [
{
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秒",
},
{
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: "发布人",
},
// {
// id: "1",
// name: "",
// opeartion_num: "2",
// have_opeartion_num: "1",
// not_opeartion_num: "1",
// table_list: [
// {
// 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"),
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: {
//
table_header({ row, rowIndex }) {
@ -203,7 +190,7 @@ export default {
width: 90vw;
// height: 30vh;
.step_table_top {
// border: 0.1px solid #fff;
// border: 0.1px solid #fff;
width: 90vw;
height: 5vh;
display: flex;

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

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

@ -3,11 +3,12 @@
<el-table
:data="table_data"
class="company_table"
height="660"
:stripe="stripe"
:header-cell-style="table_header"
: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 prop="score" label="平安指数"> </el-table-column>
<el-table-column label="指标得分">
@ -119,7 +120,7 @@ export default {
<style lang="less" scoped>
/deep/.company_table.el-table {
// width: 85.2vw;
height: 65vh;
// height: 61vh;
background: rgba(0, 0, 0, 0);
border: 0.1px solid #3f5564;
thead {
@ -167,4 +168,17 @@ export default {
.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;
}
</style>

@ -7,16 +7,14 @@
{{ this.input_text }}
</div>
<div class="input_body">
<el-input
v-model="person_input"
placeholder="请输入数量 (人)"
></el-input>
<el-button>提交</el-button>
<el-input v-model="person_input" placeholder="请输入数量" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"></el-input>
<el-button @click="add_detail"></el-button>
</div>
<div class="table_body">
<el-table
:data="detail_table_data"
class="company_table"
height="320"
:header-cell-style="table_header"
:cell-style="{ background: 'revert', 'text-align': 'center' }"
>
@ -24,6 +22,7 @@
v-for="item in table_list"
:key="item.prop"
:label="item.label"
:prop="item.prop"
>
</el-table-column>
<el-table-column prop="operation" label="操作">
@ -31,7 +30,7 @@
<el-button size="small" class="operation" @click="open(scope.row)"
>编辑
</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>
</template>
@ -43,6 +42,7 @@
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:page-sizes="[4]"
:pager-count="5"
:page-size="pageSize"
:current-page="pageNum"
layout="total, sizes, prev, pager, next, jumper"
@ -51,14 +51,25 @@
</el-pagination>
</div>
</div>
<DetailsTableDialog ref="detailsTableDialog" @refresh="refresh"></DetailsTableDialog>
<DetailsTableDelete ref="detailsTableDelete" @refresh="refresh"></DetailsTableDelete>
</div>
</template>
<script>
import bus from "@/assets/js/eventBus.js";
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 {
name: "DetailsTable",
components:{
DetailsTableDialog,
DetailsTableDelete
},
props: {
company_id: {
type: String,
@ -77,36 +88,64 @@ export default {
person_input: "",
table_list: [
{
prop: "time",
prop: "updateTime",
label: "填报时间",
width: "200",
},
{
prop: "person_num",
label: "填报数量(人)",
width: "200",
prop: "numValue",
label: "疫苗接种数",
width: "280",
},
{
prop: "warning",
prop: "alarmLevel",
label: "预警情况",
width: "200",
width: "140",
},
{
prop: "person",
prop: "userName",
label: "填报人",
},
],
detail_table_data:[],
detail_table_data: [],
pageSize: 10,
pageNum: 1,
total: 0,
};
},
created() {
this.get_data();
async created() {
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() {
bus.$on("send_three", (data) => {
this.detail_table_data = []
console.log("dataaaa", data);
this.three_level_id = data.safeRuleId; // id
const new_arr = this.three_level_arr.filter(
@ -114,8 +153,9 @@ export default {
);
this.note = JSON.parse(new_arr[0].note);
this.input_text = new_arr[0].levelIndexThree;
this.table_list[1].label = new_arr[0].levelIndexThree
this.massage_title = this.note.titleNote;
this.get_detail_data()
this.get_detail_data();
});
},
methods: {
@ -143,13 +183,49 @@ export default {
let param = {
companyId: this.company_id,
safeRuleId: this.three_level_id,
pageSize : this.pageSize,
pageNum : this.pageNum,
pageSize: this.pageSize,
pageNum: this.pageNum,
};
getSafeCompanyDetail(param).then(res=>{
this.detail_table_data = res.rows
this.total = res.total
})
getSafeCompanyDetail(param).then((res) => {
this.detail_table_data = res.rows;
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 }) {
@ -254,7 +330,7 @@ export default {
}
/deep/.el-table {
// width: 85.2vw;
height: 29vh;
// height: 29vh;
background: rgba(0, 0, 0, 0);
border: 0.1px solid #3f5564;
thead {
@ -281,9 +357,28 @@ export default {
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 {
width: 51vw;
height: 5vh;
display: flex;
flex-direction: row-reverse;
/deep/.el-input--suffix .el-input__inner {
color: #fff;
border: 0.1px solid #34a6a6;
@ -299,7 +394,6 @@ export default {
height: 2.6vh;
}
/deep/.el-pagination {
margin-left: 50%;
margin-top: 1vh;
.el-pagination__total {
color: #fff;
@ -307,20 +401,24 @@ export default {
.el-input__inner {
border-radius: 0px;
background: #3c4b4a;
border: 0.1px solid #277f79;
color: #fff;
}
.btn-prev {
border-radius: 0px;
background: #3c4b4a;
border: 0.1px solid #277f79;
color: #fff;
}
ul {
li {
border: 0.1px solid #277f79;
background: #3c4b4a;
color: #fff;
}
}
.btn-next {
border: 0.1px solid #277f79;
border-radius: 0px;
background: #3c4b4a;
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>
</template>
<script>
import { getIndexTable } from "@/api/systemManagement/safeIndex";
// import { getIndexTable } from "@/api/systemManagement/safeIndex";
import bus from "@/assets/js/eventBus.js";
export default {
name: "IndexTable",
@ -450,7 +450,7 @@ export default {
};
},
created() {
this.getData();
// this.getData();
},
methods: {
// table_header() {
@ -460,12 +460,12 @@ export default {
// };
// },
//
getData() {
getIndexTable().then((res) => {
console.log("res", res);
this.display_data = res.data;
});
},
// getData() {
// getIndexTable().then((res) => {
// console.log("res", res);
// this.display_data = res.data;
// });
// },
//
click_onelevel(id) {
let obj = document.querySelectorAll("td");
@ -479,12 +479,12 @@ export default {
item.className = "";
});
obj[index].className = "lightcolor";
const massage = {
safeRuleId: id,
level: "1",
};
this.$emit("back", massage);
bus.$emit("send", massage); //
// const massage = {
// safeRuleId: id,
// level: "1",
// };
// this.$emit("back", massage);
// bus.$emit("send", massage); //
},
//
click_twolevel(id) {
@ -499,12 +499,12 @@ export default {
item.className = "";
});
obj[index].className = "lightcolor";
const massage = {
safeRuleId: id,
level: "2",
};
this.$emit("back", massage);
bus.$emit("send", massage); //
// const massage = {
// safeRuleId: id,
// level: "2",
// };
// this.$emit("back", massage);
// bus.$emit("send", massage); //
},
//
click_threelevel(id, num) {
@ -525,7 +525,7 @@ export default {
item.className = "";
});
obj[index].className = "lightcolor";
this.$emit("back", massage);
// this.$emit("back", massage);
bus.$emit("send_three", massage); //
},
},

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

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

Loading…
Cancel
Save