ly.fan
/
ops-fronted
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加备注，优化列表

Browse Source
master
fanluyan 1 year ago
parent cbf3f163f5
commit aafe8eb927
6 changed files with 268 additions and 84 deletions
Show Stats Download Patch File Download Diff File

32
src/App.vue
Unescape Escape View File

@ -82,24 +82,24 @@ body {
font-family: "PingFang SC", "Helvetica Neue", Helvetica, "microsoft yahei", font-family: "PingFang SC", "Helvetica Neue", Helvetica, "microsoft yahei",
arial, STHeiTi, sans-serif; arial, STHeiTi, sans-serif;
} }
/* 整个滚动条 */ // /* 整个滚动条 */
::-webkit-scrollbar { // ::-webkit-scrollbar {
width: 8px; // width: 8px;
height: 8px; // height: 8px;
} // }
/* 滚动条上的滚动滑块 */ // /* 滚动条上的滚动滑块 */
::-webkit-scrollbar-thumb { // ::-webkit-scrollbar-thumb {
background-color: #ccc; // background-color: #ccc;
/* 关键代码 */ // /* 关键代码 */
border-radius: 32px; // border-radius: 32px;
} // }
/* 滚动条轨道 */ // /* 滚动条轨道 */
::-webkit-scrollbar-track { // ::-webkit-scrollbar-track {
background-color: #f0f0f0; // background-color: #f0f0f0;
border-radius: 32px; // border-radius: 32px;
} // }
.el-dialog__headerbtn { .el-dialog__headerbtn {
top: 18px; top: 18px;
.el-dialog__close { .el-dialog__close {

11
src/utils/api/index.js
Unescape Escape View File

@ -159,3 +159,14 @@ export function getqueryActivityApi(data) {
}, },
}); });
} }
export function updComment(data) {
return request({
url: "api/updComment.php",
method: "get",
params: data,
headers: {
"Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
},
});
}

59
src/views/activityList/index.vue
Unescape Escape View File

@ -61,6 +61,13 @@
@click="handleEditClick(scope.row)" @click="handleEditClick(scope.row)"
size="small" size="small"
icon="el-icon-document" icon="el-icon-document"
>修改</el-link
>
<el-link
type="primary"
@click="handleLookClick(scope.row)"
size="small"
icon="el-icon-document"
>详情</el-link >详情</el-link
> >
<el-link <el-link
@ -156,6 +163,7 @@ export default {
65286: "河南郑州", 65286: "河南郑州",
65290: "河南统一视频v2020", 65290: "河南统一视频v2020",
}, },
ActibityId: "", //判断是否是修改
}; };
}, },
computed: {}, computed: {},
@ -171,11 +179,11 @@ export default {
const columnData = this.termsData.map((row) => row[dataField]); const columnData = this.termsData.map((row) => row[dataField]);
console.log(`当前列数据字段：${dataField}`); console.log(`当前列数据字段：${dataField}`);
console.log(`当前列数据值：${columnData}`); console.log(`当前列数据值：${columnData}`);
//this.copyToClipboard(columnData.join("\n")); this.copyToClipboard(columnData.join("\n"));
console.log(columnData); console.log(columnData);
this.activityForm.cmdidArr = columnData.join("\n"); // this.activityForm.cmdidArr = columnData.join("\n");
this.activityForm.title = this.activityNameTitle; // this.activityForm.title = this.activityNameTitle;
this.termsShow = false; //this.termsShow = false;
}, },
copyToClipboard(text) { copyToClipboard(text) {
const textArea = document.createElement("textarea"); const textArea = document.createElement("textarea");
@ -217,8 +225,26 @@ export default {
}) })
.catch((err) => {}); .catch((err) => {});
}, },
//活动详情 //修改活动详情
handleEditClick(row) { handleEditClick(row) {
console.log(row);
getqueryActivityApi({
act: "detail",
id: row.id,
})
.then((res) => {
console.log(res);
this.ActibityId = res.data.activity.id;
this.activityForm.title = res.data.activity.title;
console.log(this.activityForm.title);
const columnData = res.data.terms.map((item) => item.cmdid);
console.log(columnData);
this.activityForm.cmdidArr = columnData.join("\n");
})
.catch((err) => {});
},
//活动详情
handleLookClick(row) {
this.termsShow = true; this.termsShow = true;
this.termsLoading = true; this.termsLoading = true;
this.termsData = []; this.termsData = [];
@ -281,19 +307,32 @@ export default {
this.cmdidFlag = true; this.cmdidFlag = true;
return; return;
} }
console.log(this.activityForm.title); let actParams = {};
console.log(this.activityForm.cmdidArr); if (this.ActibityId !== "") {
//console.log(arrList); console.log(this.ActibityId);
updActivityApi({ actParams = {
id: this.ActibityId,
title: this.activityForm.title,
cmdids: this.activityForm.cmdidArr,
act: "edt",
};
} else {
actParams = {
title: this.activityForm.title, title: this.activityForm.title,
cmdids: this.activityForm.cmdidArr, cmdids: this.activityForm.cmdidArr,
act: "new", act: "new",
}) };
}
console.log(this.activityForm.title);
console.log(this.activityForm.cmdidArr);
//console.log(arrList);
updActivityApi(actParams)
.then((res) => { .then((res) => {
console.log(res); console.log(res);
this.getactivityList(); this.getactivityList();
this.activityForm.title = ""; this.activityForm.title = "";
this.activityForm.cmdidArr = ""; this.activityForm.cmdidArr = "";
this.ActibityId = "";
}) })
.catch((err) => {}); .catch((err) => {});
}, },

4
src/views/homePage/components/rowMsgDialog.vue
Unescape Escape View File

@ -260,7 +260,7 @@ export default {
justify-items: center; justify-items: center;
justify-content: center; justify-content: center;
.el-dialog { .el-dialog {
width: 90%; width: 95%;
height: 83%; height: 83%;
margin-top: 0px !important; margin-top: 0px !important;
@ -299,6 +299,8 @@ export default {
} }
.msgTootip { .msgTootip {
color: #333; color: #333;
overflow: auto;
height: 90%;
p { p {
font-size: 14px; font-size: 14px;
line-height: 22px; line-height: 22px;

225
src/views/homePage/components/tableMain.vue
Unescape Escape View File

@ -47,7 +47,14 @@
>装置总数：<el-tag type="info">{{ tableData.length }}</el-tag></span >装置总数：<el-tag type="info">{{ tableData.length }}</el-tag></span
> >
</p> </p>
<el-button type="primary" @click="handleExport">导出</el-button>
<el-tooltip class="item" effect="dark" content="导出" placement="top">
<el-button
type="primary"
icon="el-icon-tickets"
@click="handleExport"
></el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="扩展列" placement="top"> <el-tooltip class="item" effect="dark" content="扩展列" placement="top">
<el-button <el-button
class="drawBox" class="drawBox"
@ -63,7 +70,7 @@
v-loading="tableLoaidng" v-loading="tableLoaidng"
id="ywTable" id="ywTable"
ref="ywMultipleTable" ref="ywMultipleTable"
:data="tableData" :data="tableDataWithEditing"
border border
:row-style="isRed" :row-style="isRed"
:row-key="getRowKey" :row-key="getRowKey"
@ -78,15 +85,13 @@
<u-table-column <u-table-column
type="selection" type="selection"
:reserve-selection="true" :reserve-selection="true"
width="50" width="30"
fixed fixed
> >
</u-table-column> </u-table-column>
<u-table-column type="index" width="50" label="序号" fixed> <u-table-column type="index" width="40" label="序号" fixed>
</u-table-column> </u-table-column>
<!-- <u-table-column prop="id" label="ID" width="60" sortable> <u-table-column prop="oid" label="出厂ID" width="134" sortable fixed>
</u-table-column> -->
<u-table-column prop="oid" label="出厂ID" width="180" sortable fixed>
<template slot-scope="scope"> <template slot-scope="scope">
<span <span
class="redMlxf" class="redMlxf"
@ -118,9 +123,9 @@
</span> </span>
</template> </template>
</u-table-column> </u-table-column>
<u-table-column prop="cmdid" label="装置编号" width="150" sortable fixed> <u-table-column prop="cmdid" label="装置编号" width="136" sortable fixed>
</u-table-column> </u-table-column>
<u-table-column label="状态" width="72" fixed> <u-table-column label="状态" width="54" fixed>
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag <el-tag
type="success" type="success"
@ -130,13 +135,7 @@
<el-tag type="danger" v-else>离线</el-tag> <el-tag type="danger" v-else>离线</el-tag>
</template> </template>
</u-table-column> </u-table-column>
<u-table-column <u-table-column label="运维" prop="in_maintain" width="68" sortable fixed>
label="运维"
prop="in_maintain"
width="100"
sortable
fixed
>
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
<p :class="ywNumber != 0 ? 'redClass' : 'noClass'"> <p :class="ywNumber != 0 ? 'redClass' : 'noClass'">
{{ ywNumber }}<span> / {{ tableData.length }}</span> {{ ywNumber }}<span> / {{ tableData.length }}</span>
@ -164,7 +163,7 @@
></el-checkbox> ></el-checkbox>
</template> </template>
</u-table-column> </u-table-column>
<u-table-column label="快心跳" prop="quick_hb" width="108" sortable fixed> <u-table-column label="快心跳" prop="quick_hb" width="90" sortable fixed>
<template slot="header" slot-scope="scope"> <template slot="header" slot-scope="scope">
<p :class="kxtNumber != 0 ? 'redClass' : 'noClass'"> <p :class="kxtNumber != 0 ? 'redClass' : 'noClass'">
{{ kxtNumber }}<span> / {{ tableData.length }}</span> {{ kxtNumber }}<span> / {{ tableData.length }}</span>
@ -195,20 +194,22 @@
<u-table-column <u-table-column
prop="last_heartbeat" prop="last_heartbeat"
label="最后心跳" label="最后心跳"
width="142" width="130"
sortable sortable
class-name="hbClass" class-name="hbClass"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="handleMsgClick(scope.row)">{{ <span
scope.row.last_heartbeat @click="handleMsgClick(scope.row)"
}}</span> :title="scope.row.last_heartbeat"
>{{ scope.row.last_heartbeat }}</span
>
</template> </template>
</u-table-column> </u-table-column>
<u-table-column <u-table-column
label="传图" label="传图"
prop="raw_report.pic" prop="raw_report.pic"
width="80" width="50"
class-name="picBg" class-name="picBg"
sortable sortable
> >
@ -229,7 +230,7 @@
{{ protocolMap[scope.row.protocol] }} {{ protocolMap[scope.row.protocol] }}
</template> </template>
</u-table-column> </u-table-column>
<u-table-column label="电池状态" width="138" key="dc" v-if="dccheck"> <u-table-column label="电池状态" width="126" key="dc" v-if="dccheck">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{ <span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{
scope.row.raw_report.battary scope.row.raw_report.battary
@ -245,7 +246,7 @@
<u-table-column label="心跳信息" v-if="xtcheck" key="xt"> <u-table-column label="心跳信息" v-if="xtcheck" key="xt">
<u-table-column <u-table-column
label="次数" label="次数"
min-width="68" min-width="48"
sortable sortable
:sort-method="sortnumberOfHb" :sort-method="sortnumberOfHb"
> >
@ -272,7 +273,7 @@
}}</span> }}</span>
</template> </template>
</u-table-column> </u-table-column>
<u-table-column label="CMA消息" min-width="60"> <u-table-column label="CMA消息" min-width="48">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{ <span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{
scope.row.raw_report.recv scope.row.raw_report.recv
@ -287,7 +288,7 @@
</u-table-column> </u-table-column>
<u-table-column label="拍照" v-if="pzcheck" key="pz"> <u-table-column label="拍照" v-if="pzcheck" key="pz">
<u-table-column label="计划/实际" min-width="60"> <u-table-column label="计划/实际" min-width="48">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{ <span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{
scope.row.raw_report.photoTimes scope.row.raw_report.photoTimes
@ -301,7 +302,7 @@
</u-table-column> </u-table-column>
<u-table-column <u-table-column
label="成功" label="成功"
min-width="70" min-width="48"
sortable sortable
:sort-method="sortSuccess" :sort-method="sortSuccess"
> >
@ -318,7 +319,7 @@
</u-table-column> </u-table-column>
<u-table-column <u-table-column
label="失败" label="失败"
min-width="70" min-width="48"
sortable sortable
:sort-method="sortFailure" :sort-method="sortFailure"
> >
@ -386,7 +387,7 @@
</u-table-column> </u-table-column>
<u-table-column <u-table-column
label="错误" label="错误"
min-width="58" min-width="48"
prop="networkError" prop="networkError"
sortable sortable
:sort-method="sortNumbersErr" :sort-method="sortNumbersErr"
@ -407,7 +408,7 @@
<u-table-column label="重启次数" v-if="cqcheck" key="cq"> <u-table-column label="重启次数" v-if="cqcheck" key="cq">
<u-table-column <u-table-column
label="系统" label="系统"
min-width="58" min-width="48"
prop="rebootTimes" prop="rebootTimes"
sortable sortable
:sort-method="sortNumbers" :sort-method="sortNumbers"
@ -475,7 +476,7 @@
<u-table-column <u-table-column
label="磁盘剩余空间" label="磁盘剩余空间"
v-if="freecheck" v-if="freecheck"
min-width="120" min-width="66"
key="free" key="free"
sortable sortable
:sort-method="sortfreeNumbers" :sort-method="sortfreeNumbers"
@ -491,7 +492,7 @@
}}</span> }}</span>
</template> </template>
</u-table-column> </u-table-column>
<u-table-column label="CMA服务器" v-if="cmacheck" width="160" key="cma"> <u-table-column label="CMA服务器" v-if="cmacheck" width="140" key="cma">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.raw_report.hasOwnProperty('XyDev')"> <span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">
{{ scope.row.raw_report.cma }}</span {{ scope.row.raw_report.cma }}</span
@ -503,7 +504,7 @@
}}</span> }}</span>
</template> </template>
</u-table-column> </u-table-column>
<u-table-column label="I1版本" v-if="i1check" min-width="160" key="I1"> <u-table-column label="I1版本" v-if="i1check" min-width="192" key="I1">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{ <span v-if="scope.row.raw_report.hasOwnProperty('XyDev')">{{
scope.row.raw_report.i1Version scope.row.raw_report.i1Version
@ -518,7 +519,7 @@
<u-table-column <u-table-column
label="运维版本" label="运维版本"
v-if="ywbbcheck" v-if="ywbbcheck"
min-width="260" min-width="248 "
key="ywbb" key="ywbb"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@ -537,7 +538,7 @@
<u-table-column <u-table-column
label="Camera版本" label="Camera版本"
v-if="Cameracheck" v-if="Cameracheck"
width="100" min-width="80"
key="Camera" key="Camera"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@ -548,7 +549,7 @@
}} }}
</template> </template>
</u-table-column> </u-table-column>
<u-table-column label="AI版本" v-if="AIcheck" width="80" key="AI"> <u-table-column label="AI版本" v-if="AIcheck" min-width="80" key="AI">
<template slot-scope="scope"> <template slot-scope="scope">
{{ {{
scope.row.raw_report.msgs.hasOwnProperty("aiVersion") scope.row.raw_report.msgs.hasOwnProperty("aiVersion")
@ -557,7 +558,7 @@
}} }}
</template> </template>
</u-table-column> </u-table-column>
<u-table-column label="MCU版本" v-if="MCUcheck" min-width="180" key="MCU"> <u-table-column label="MCU版本" v-if="MCUcheck" min-width="210" key="MCU">
<template slot-scope="scope"> <template slot-scope="scope">
{{ {{
scope.row.raw_report.msgs.hasOwnProperty("mcu") scope.row.raw_report.msgs.hasOwnProperty("mcu")
@ -566,6 +567,32 @@
}} }}
</template> </template>
</u-table-column> </u-table-column>
<u-table-column
label="备注"
v-if="notecheck"
min-width="210"
key="note"
sortable
:sort-method="sortNote"
>
<template slot-scope="scope">
<div
@click="handlecolEditClick(scope)"
style="height: 22px; cursor: pointer"
>
<el-input
class="noteclass"
v-if="scope.$index == cellIndex"
v-model="scope.row.comment"
@blur="handleCommentBlur(scope)"
placeholder="请输入备注"
></el-input>
<span v-else :title="scope.row.comment">{{
scope.row.comment
}}</span>
</div>
</template>
</u-table-column>
</u-table> </u-table>
<el-drawer <el-drawer
class="drawerBox" class="drawerBox"
@ -625,6 +652,9 @@
<el-checkbox v-model="MCUcheck" @change="saveLocalStorage" <el-checkbox v-model="MCUcheck" @change="saveLocalStorage"
>MCU版本</el-checkbox >MCU版本</el-checkbox
> >
<el-checkbox v-model="notecheck" @change="saveLocalStorage"
>备注</el-checkbox
>
</div> </div>
</div> </div>
</el-drawer> </el-drawer>
@ -816,7 +846,11 @@
</template> </template>
<script> <script>
import { getdoActionApi, getqueryUpgradesApi } from "@/utils/api/index"; import {
getdoActionApi,
getqueryUpgradesApi,
updComment,
} from "@/utils/api/index";
import rowMsgDialog from "./rowMsgDialog.vue"; import rowMsgDialog from "./rowMsgDialog.vue";
import htmlToExcel from "@/utils/htmlToExcel"; import htmlToExcel from "@/utils/htmlToExcel";
import { saveAs } from "file-saver"; import { saveAs } from "file-saver";
@ -894,6 +928,7 @@ export default {
kxtNumber: 0, kxtNumber: 0,
nowTime: new Date().getTime() / 1000, nowTime: new Date().getTime() / 1000,
gycheck: true, gycheck: true,
dccheck: false, dccheck: false,
xtcheck: false, xtcheck: false,
@ -911,6 +946,7 @@ export default {
AIcheck: false, AIcheck: false,
MCUcheck: false, MCUcheck: false,
freecheck: false, freecheck: false,
notecheck: false,
//运维操作列表 //运维操作列表
operateOptions: [ operateOptions: [
{ id: 1, name: "重启设备" }, { id: 1, name: "重启设备" },
@ -1056,6 +1092,7 @@ export default {
], ],
}, },
newupdatatime: null, newupdatatime: null,
cellIndex: null,
}; };
}, },
mounted() { mounted() {
@ -1063,6 +1100,15 @@ export default {
this.calculateHeight(this.showFlag); this.calculateHeight(this.showFlag);
window.addEventListener("resize", this.calculateHeight(this.showFlag)); window.addEventListener("resize", this.calculateHeight(this.showFlag));
}, },
computed: {
// 使用计算属性来扩展数据，为每个项目添加 isEditing 字段
tableDataWithEditing() {
return this.tableData.map((row) => ({
...row, // 复制原始行的所有属性
isEditing: false, // 添加 isEditing 字段并初始化为 false
}));
},
},
watch: { watch: {
tableData: { tableData: {
handler(newVal) { handler(newVal) {
@ -1081,9 +1127,9 @@ export default {
this.showFlag = val; this.showFlag = val;
this.screenHeight = window.innerHeight; // 获取屏幕高度 this.screenHeight = window.innerHeight; // 获取屏幕高度
if (val) { if (val) {
this.tableHeight = this.screenHeight - 240; // 假设你想从屏幕高度中减去270px this.tableHeight = this.screenHeight - 230; // 假设你想从屏幕高度中减去270px
} else { } else {
this.tableHeight = this.screenHeight - 160; // 假设你想从屏幕高度中减去190px this.tableHeight = this.screenHeight - 150; // 假设你想从屏幕高度中减去190px
} }
// 根据你的需求计算高度，这里只是一个简单的示例 // 根据你的需求计算高度，这里只是一个简单的示例
@ -1144,6 +1190,23 @@ export default {
parseInt(b.raw_report.msgs.freeROM) parseInt(b.raw_report.msgs.freeROM)
); );
}, },
sortNote(a, b) {
// 确保 a和b都是字符串，如果不是，则转换为字符串
const aValue = a.comment === null ? "" : String(a.comment);
const bValue = b.comment === null ? "" : String(b.comment);
// const aValue = typeof a === "string" ? a : String(a);
// const bValue = typeof b === "string" ? b : String(b);
// 处理null值，将它们视为最低优先级
if (aValue === "" || bValue === "") {
return aValue === "" ? 1 : -1; // 空字符串排在非空字符串后面
}
console.log(aValue, bValue);
// 使用localeCompare进行中文排序
return aValue.localeCompare(bValue, "zh-Hans-CN", {
sensitivity: "base",
});
},
// sortSignature1(a, b) { // sortSignature1(a, b) {
// return ( // return (
// Number(a.raw_report.msgs.signature1.split("/")[0]) - // Number(a.raw_report.msgs.signature1.split("/")[0]) -
@ -1228,7 +1291,8 @@ export default {
"MCU版本", "MCU版本",
]; ];
// 准备 CSV 文件的内容数据 // 准备 CSV 文件的内容数据
let csvContent = headers.join(",") + "\n"; //let csvContent = headers.join(",") + "\n";
let csvContent = headers.map((header) => `"${header}"`).join(",") + "\n"; // 对所有头部使用双引号
this.tableData.forEach((item) => { this.tableData.forEach((item) => {
const rawReport = item.raw_report; const rawReport = item.raw_report;
const msgs = item.raw_report.msgs; const msgs = item.raw_report.msgs;
@ -1245,7 +1309,8 @@ export default {
msgs.numberOfHb || "", msgs.numberOfHb || "",
msgs.heartbeatDuration || "", msgs.heartbeatDuration || "",
msgs.recv || "", msgs.recv || "",
msgs.photoTimes || "", //msgs.photoTimes || "",
String(msgs.photoTimes + "," || ""), // 确保是字符串
msgs.success || "", msgs.success || "",
msgs.failure || "", msgs.failure || "",
msgs.signature1 || "", msgs.signature1 || "",
@ -1253,8 +1318,10 @@ export default {
msgs.networkError || "", msgs.networkError || "",
msgs.rebootTimes || "", msgs.rebootTimes || "",
msgs.i1RebootTimes || "", msgs.i1RebootTimes || "",
msgs.simcard1 || "", // msgs.simcard1 || "",
msgs.simcard2 || "", // msgs.simcard2 || "",
String(msgs.simcard1 + "," || ""), // 确保是字符串
String(msgs.simcard2 + "," || ""), // 确保是字符串
msgs.freeROM || "", msgs.freeROM || "",
msgs.cma || "", msgs.cma || "",
msgs.i1Version || "", msgs.i1Version || "",
@ -1266,13 +1333,19 @@ export default {
// 如果需要处理 msgs 数据，可以在这里添加逻辑 // 如果需要处理 msgs 数据，可以在这里添加逻辑
// 将数据添加到 CSV 内容中 // 将数据添加到 CSV 内容中
csvContent += rawReportData.join(",") + "\n"; //csvContent += rawReportData.join(",") + "\n";
csvContent +=
rawReportData.map((value) => `"${value}"`).join(",") + "\n"; // 对每个值使用双引号
}); });
// 创建一个 Blob 对象，并指定其类型为 text/csv 以及编码为 UTF-8 // 获取当前时间并格式化
const now = this.$moment(new Date());
const formattedTime = now.format("YYYY年MM月DD日HH时mm分"); // 格式化时间字符串，例如 "2023-04-01_15_30_00"
console.log(formattedTime);
// 创建CSV文件的Blob对象
const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8" }); const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8" });
// 使用 FileSaver 保存文件 // 使用FileSaver.js保存文件，文件名后加上当前时间
saveAs(blob, "运维数据报表.csv"); saveAs(blob, `运维数据报表_${formattedTime}.csv`);
}, },
// 保存选中的数据id,row-key就是要指定一个key标识这一行的数据 // 保存选中的数据id,row-key就是要指定一个key标识这一行的数据
getRowKey(row) { getRowKey(row) {
@ -1646,6 +1719,7 @@ export default {
localStorage.setItem("AIcheck", this.AIcheck); localStorage.setItem("AIcheck", this.AIcheck);
localStorage.setItem("MCUcheck", this.MCUcheck); localStorage.setItem("MCUcheck", this.MCUcheck);
localStorage.setItem("freecheck", this.freecheck); localStorage.setItem("freecheck", this.freecheck);
localStorage.setItem("notecheck", this.notecheck);
this.adjustTableHeight(); this.adjustTableHeight();
}, },
@ -1656,6 +1730,7 @@ export default {
this.checkAllYW = localStorage.getItem("checkAllYW", this.checkAllYW) this.checkAllYW = localStorage.getItem("checkAllYW", this.checkAllYW)
? JSON.parse(localStorage.getItem("checkAllYW")) ? JSON.parse(localStorage.getItem("checkAllYW"))
: false; : false;
this.gycheck = localStorage.getItem("gycheck") this.gycheck = localStorage.getItem("gycheck")
? JSON.parse(localStorage.getItem("gycheck")) ? JSON.parse(localStorage.getItem("gycheck"))
: true; : true;
@ -1705,6 +1780,9 @@ export default {
this.freecheck = localStorage.getItem("freecheck") this.freecheck = localStorage.getItem("freecheck")
? JSON.parse(localStorage.getItem("freecheck")) ? JSON.parse(localStorage.getItem("freecheck"))
: false; : false;
this.notecheck = localStorage.getItem("notecheck")
? JSON.parse(localStorage.getItem("notecheck"))
: false;
console.log( console.log(
"规约：" + this.gycheck, "规约：" + this.gycheck,
@ -1715,7 +1793,7 @@ export default {
"重启次数：" + this.cqcheck, "重启次数：" + this.cqcheck,
"sim卡：" + this.simcheck, "sim卡：" + this.simcheck,
"cma服务器：" + this.cmacheck, "cma服务器：" + this.cmacheck,
"版本：" + this.bbcheck "版本：" + this.ywbbcheck
); );
}, },
adjustTableHeight() { adjustTableHeight() {
@ -1770,6 +1848,30 @@ export default {
} }
} }
}, },
//更新备注
handlecolEditClick({ $index, row }) {
this.cellIndex = $index;
},
handleCommentBlur({ row }) {
console.log(row);
updComment({
id: row.id,
comment: row.comment,
})
.then((res) => {
if (res.data) {
this.cellIndex = null;
} else {
this.$message({
duration: 1500,
showClose: true,
message: res.errorMsg,
type: "error",
});
}
})
.catch((err) => {});
},
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener("resize", this.calculateHeight); window.removeEventListener("resize", this.calculateHeight);
@ -1789,11 +1891,14 @@ export default {
.el-form-item--small.el-form-item { .el-form-item--small.el-form-item {
margin-bottom: 0px; margin-bottom: 0px;
} }
.el-select {
width: 158px;
}
} }
.zzMsg { .zzMsg {
display: flex; display: flex;
margin-left: auto; margin-left: auto;
margin-right: 48px; margin-right: 44px;
.total { .total {
margin-left: 8px; margin-left: 8px;
//width: 100%; //width: 100%;
@ -1802,7 +1907,7 @@ export default {
font-size: 14px; font-size: 14px;
color: #333; color: #333;
span { span {
margin-right: 12px; margin-right: 4px;
} }
.el-tag--info { .el-tag--info {
color: #333; color: #333;
@ -1813,7 +1918,17 @@ export default {
} }
} }
} }
#ywTable {
.el-input--small .el-input__inner {
height: 20px;
line-height: 20px;
}
}
.plTableBox { .plTableBox {
/* 横向滚动条的整体样式 */
// ::-webkit-scrollbar {
// height: 12px; /* 尝试设置滚动条的宽度，但这可能不会在所有浏览器上生效 */
// }
.el-table { .el-table {
thead { thead {
color: #333; color: #333;
@ -1831,8 +1946,8 @@ export default {
text-align: center; text-align: center;
} }
.cell { .cell {
padding-left: 4px; padding-left: 4px !important;
padding-right: 4px; padding-right: 4px !important;
} }
} }
.hbClass { .hbClass {
@ -1850,6 +1965,9 @@ export default {
.has-color td.el-table__cell { .has-color td.el-table__cell {
background: #ffb8b8 !important; background: #ffb8b8 !important;
} }
.el-table__fixed::before {
height: 0px;
}
} }
.ywTableBox { .ywTableBox {
color: #333; color: #333;
@ -1963,6 +2081,7 @@ export default {
right: 0; right: 0;
top: 5px; top: 5px;
} }
.drawerBox { .drawerBox {
.el-drawer { .el-drawer {
width: 240px !important; width: 240px !important;

21
src/views/homePage/index.vue
Unescape Escape View File

@ -178,7 +178,7 @@
> >
<el-button <el-button
type="primary" type="primary"
class="toggleClass" :class="showDiv ? 'toggleClass' : 'toggleClass2'"
:icon="showDiv ? 'el-icon-d-arrow-right' : 'el-icon-d-arrow-left'" :icon="showDiv ? 'el-icon-d-arrow-right' : 'el-icon-d-arrow-left'"
circle circle
@click="toggleDiv" @click="toggleDiv"
@ -651,9 +651,9 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.homeBox { .homeBox {
height: calc(100% - 24px); height: calc(100% - 16px);
width: calc(100% - 24px); width: calc(100% - 24px);
padding: 12px; padding: 12px 12px 4px 12px;
.filterBox { .filterBox {
position: relative; position: relative;
font-size: 12px; font-size: 12px;
@ -662,6 +662,7 @@ export default {
} }
.el-input__inner { .el-input__inner {
font-size: 12px; font-size: 12px;
padding: 0px 24px 0px 4px !important;
} }
.el-form { .el-form {
display: flex; display: flex;
@ -717,6 +718,7 @@ export default {
align-items: center; align-items: center;
.el-input { .el-input {
margin-right: 8px; margin-right: 8px;
width: 150px;
} }
} }
} }
@ -727,7 +729,18 @@ export default {
} }
.toggleClass { .toggleClass {
position: absolute; position: absolute;
right: 0px; right: 2px;
top: 82px;
.el-icon-d-arrow-left {
transform: rotate(-90deg);
}
.el-icon-d-arrow-right {
transform: rotate(-90deg);
}
}
.toggleClass2 {
position: absolute;
right: 2px;
top: 0px; top: 0px;
.el-icon-d-arrow-left { .el-icon-d-arrow-left {
transform: rotate(-90deg); transform: rotate(-90deg);

Write Preview
Loading…
Cancel
Save