This commit is contained in:
曹前明 2022-10-26 22:34:35 +08:00
commit 4322fb1108
7 changed files with 100 additions and 150 deletions

View File

@ -8,43 +8,18 @@
--> -->
<template> <template>
<div <div class="scTable" :style="{ height: _height }" ref="scTableMain" v-loading="loading">
class="scTable"
:style="{ height: _height }"
ref="scTableMain"
v-loading="loading"
>
<div class="scTable-table" :style="{ height: _table_height }"> <div class="scTable-table" :style="{ height: _table_height }">
<el-table <el-table v-bind="$attrs" :data="tableData" :row-key="rowKey" :key="toggleIndex" ref="scTable"
v-bind="$attrs" :height="height == 'auto' ? null : '100%'" :size="config.size" :border="config.border" :stripe="config.stripe"
:data="tableData" :summary-method="remoteSummary ? remoteSummaryMethod : summaryMethod" @sort-change="sortChange"
:row-key="rowKey" @filter-change="filterChange">
:key="toggleIndex"
ref="scTable"
:height="height == 'auto' ? null : '100%'"
:size="config.size"
:border="config.border"
:stripe="config.stripe"
:summary-method="remoteSummary ? remoteSummaryMethod : summaryMethod"
@sort-change="sortChange"
@filter-change="filterChange"
>
<slot></slot> <slot></slot>
<template v-for="(item, index) in userColumn" :key="index"> <template v-for="(item, index) in userColumn" :key="index">
<el-table-column <el-table-column v-if="!item.hide" :column-key="item.prop" :label="item.label" :prop="item.prop"
v-if="!item.hide" :width="item.width" :sortable="item.sortable" :fixed="item.fixed" :filters="item.filters" :filter-method="
:column-key="item.prop"
:label="item.label"
:prop="item.prop"
:width="item.width"
:sortable="item.sortable"
:fixed="item.fixed"
:filters="item.filters"
:filter-method="
remoteFilter || !item.filters ? null : filterHandler remoteFilter || !item.filters ? null : filterHandler
" " :show-overflow-tooltip="item.showOverflowTooltip">
:show-overflow-tooltip="item.showOverflowTooltip"
>
<template #default="scope"> <template #default="scope">
<slot :name="item.prop" v-bind="scope"> <slot :name="item.prop" v-bind="scope">
{{ scope.row[item.prop] }} {{ scope.row[item.prop] }}
@ -60,92 +35,37 @@
</div> </div>
<div class="scTable-page" v-if="!hidePagination || !hideDo"> <div class="scTable-page" v-if="!hidePagination || !hideDo">
<div class="scTable-pagination"> <div class="scTable-pagination">
<el-pagination <el-pagination v-if="!hidePagination" background :small="true" :layout="paginationLayout" :total="total"
v-if="!hidePagination" :page-size="scPageSize" :page-sizes="pageSizes" v-model:currentPage="currentPage"
background @current-change="paginationChange" @update:page-size="pageSizeChange"></el-pagination>
:small="true"
:layout="paginationLayout"
:total="total"
:page-size="scPageSize"
:page-sizes="pageSizes"
v-model:currentPage="currentPage"
@current-change="paginationChange"
@update:page-size="pageSizeChange"
></el-pagination>
</div> </div>
<div class="scTable-do" v-if="!hideDo"> <div class="scTable-do" v-if="!hideDo">
<el-button <el-button v-if="!hideRefresh" @click="refresh" icon="el-icon-refresh" circle style="margin-left: 15px">
v-if="!hideRefresh" </el-button>
@click="refresh" <el-button v-if="!hideRefresh" @click="reload" icon="el-icon-refresh-right" circle style="margin-left: 15px">
icon="el-icon-refresh" </el-button>
circle <el-popover v-if="column" placement="top" title="列设置" :width="500" trigger="click" :hide-after="0"
style="margin-left: 15px" @show="customColumnShow = true" @after-leave="customColumnShow = false">
></el-button>
<el-button
v-if="!hideRefresh"
@click="reload"
icon="el-icon-refresh-right"
circle
style="margin-left: 15px"
></el-button>
<el-popover
v-if="column"
placement="top"
title="列设置"
:width="500"
trigger="click"
:hide-after="0"
@show="customColumnShow = true"
@after-leave="customColumnShow = false"
>
<template #reference> <template #reference>
<el-button <el-button icon="el-icon-set-up" circle style="margin-left: 15px"></el-button>
icon="el-icon-set-up"
circle
style="margin-left: 15px"
></el-button>
</template> </template>
<columnSetting <columnSetting v-if="customColumnShow" ref="columnSetting" @userChange="columnSettingChange"
v-if="customColumnShow" @save="columnSettingSave" @back="columnSettingBack" :column="userColumn"></columnSetting>
ref="columnSetting"
@userChange="columnSettingChange"
@save="columnSettingSave"
@back="columnSettingBack"
:column="userColumn"
></columnSetting>
</el-popover> </el-popover>
<el-popover <el-popover v-if="!hideSetting" placement="top" title="表格设置" :width="400" trigger="click" :hide-after="0">
v-if="!hideSetting"
placement="top"
title="表格设置"
:width="400"
trigger="click"
:hide-after="0"
>
<template #reference> <template #reference>
<el-button <el-button icon="el-icon-setting" circle style="margin-left: 15px"></el-button>
icon="el-icon-setting"
circle
style="margin-left: 15px"
></el-button>
</template> </template>
<el-form label-width="80px" label-position="left"> <el-form label-width="80px" label-position="left">
<el-form-item label="表格尺寸"> <el-form-item label="表格尺寸">
<el-radio-group <el-radio-group v-model="config.size" size="small" @change="configSizeChange">
v-model="config.size"
size="small"
@change="configSizeChange"
>
<el-radio-button label="large"></el-radio-button> <el-radio-button label="large"></el-radio-button>
<el-radio-button label="default">正常</el-radio-button> <el-radio-button label="default">正常</el-radio-button>
<el-radio-button label="small"></el-radio-button> <el-radio-button label="small"></el-radio-button>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="样式"> <el-form-item label="样式">
<el-checkbox <el-checkbox v-model="config.border" label="纵向边框"></el-checkbox>
v-model="config.border"
label="纵向边框"
></el-checkbox>
<el-checkbox v-model="config.stripe" label="斑马纹"></el-checkbox> <el-checkbox v-model="config.stripe" label="斑马纹"></el-checkbox>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -166,9 +86,9 @@ export default {
}, },
props: { props: {
tableName: { type: String, default: "" }, tableName: { type: String, default: "" },
apiObj: { type: Object, default: () => {} }, apiObj: { type: Object, default: () => { } },
params: { type: Object, default: () => ({}) }, params: { type: Object, default: () => ({}) },
data: { type: Object, default: () => {} }, data: { type: Object, default: () => { } },
height: { type: [String, Number], default: "100%" }, height: { type: [String, Number], default: "100%" },
size: { type: String, default: "default" }, size: { type: String, default: "default" },
border: { type: Boolean, default: false }, border: { type: Boolean, default: false },
@ -182,7 +102,7 @@ export default {
parseData: { type: Function, default: config.parseData }, parseData: { type: Function, default: config.parseData },
rowKey: { type: String, default: "" }, rowKey: { type: String, default: "" },
summaryMethod: { type: Function, default: null }, summaryMethod: { type: Function, default: null },
column: { type: Object, default: () => {} }, column: { type: Object, default: () => { } },
remoteSort: { type: Boolean, default: false }, remoteSort: { type: Boolean, default: false },
remoteFilter: { type: Boolean, default: false }, remoteFilter: { type: Boolean, default: false },
remoteSummary: { type: Boolean, default: false }, remoteSummary: { type: Boolean, default: false },
@ -287,34 +207,36 @@ export default {
} }
Object.assign(reqData, this.tableParams); Object.assign(reqData, this.tableParams);
try { try {
var res = await this.apiObj.req(reqData); if (this.apiObj) {
var response = this.parseData(res); var res = await this.apiObj.req(reqData);
if (response.total === 0) { var response = this.parseData(res);
this.emptyText = "暂无数据"; if (response.total === 0) {
this.emptyText = "暂无数据";
}
let dataList = null;
if (this.hidePagination) {
dataList = response.data || [];
} else {
dataList = response.rows;
}
if (this.isTree) {
this.tableData = this.redata(dataList);
} else {
this.tableData = dataList || [];
}
this.total = response.total || 0;
this.summary = response.summary || {};
this.loading = false;
// if(!this.hidePagination){
// this.$refs.scTable.setScrollTop(0);
// }
this.$emit("dataChange", res, this.tableData);
} }
let dataList = null;
if (this.hidePagination) {
dataList = response.data || [];
} else {
dataList = response.rows;
}
if (this.isTree) {
this.tableData = this.redata(dataList);
} else {
this.tableData = dataList || [];
}
this.total = response.total || 0;
this.summary = response.summary || {};
this.loading = false;
if(!this.hidePagination){
this.$refs.scTable.setScrollTop(0);
}
this.$emit("dataChange", res, this.tableData);
} catch (error) { } catch (error) {
this.loading = false; this.loading = false;
if(error.response && error.response.data){ if (error.response && error.response.data) {
this.emptyText = error.response.data.err_msg; this.emptyText = error.response.data.err_msg;
}else{ } else {
this.emptyText = error.statusText || "数据格式错误"; this.emptyText = error.statusText || "数据格式错误";
} }
return false; return false;
@ -550,11 +472,12 @@ export default {
</script> </script>
<style scoped> <style scoped>
.scTable { .scTable {}
}
.scTable-table { .scTable-table {
height: calc(100% - 50px); height: calc(100% - 50px);
} }
.scTable-page { .scTable-page {
height: 50px; height: 50px;
display: flex; display: flex;
@ -562,16 +485,20 @@ export default {
justify-content: space-between; justify-content: space-between;
padding: 0 15px; padding: 0 15px;
} }
.scTable-do { .scTable-do {
white-space: nowrap; white-space: nowrap;
} }
.scTable:deep(.el-table__footer) .cell { .scTable:deep(.el-table__footer) .cell {
font-weight: bold; font-weight: bold;
} }
.scTable:deep(.el-table__body-wrapper) .el-scrollbar__bar.is-horizontal { .scTable:deep(.el-table__body-wrapper) .el-scrollbar__bar.is-horizontal {
height: 12px; height: 12px;
border-radius: 12px; border-radius: 12px;
} }
.scTable:deep(.el-table__body-wrapper) .el-scrollbar__bar.is-vertical { .scTable:deep(.el-table__body-wrapper) .el-scrollbar__bar.is-vertical {
width: 12px; width: 12px;
border-radius: 12px; border-radius: 12px;

View File

@ -81,6 +81,16 @@
<div class="suggestion-select-ul"></div> <div class="suggestion-select-ul"></div>
</div> --> </div> -->
</div> </div>
<div style="text-align: right;margin-top: 15px;">
<div v-if="tracking&&!screenUser" class="danger-btn-bg btn-item" @click="userUnTrack">
<span class="trackImg"></span>
<span>取消跟踪</span>
</div>
<div v-if="lineTracking&&!screenUser" class="simple-btn-bg btn-item" @click="userLineTrackCancel">
<span class="viewImg"></span>
<span>取消轨迹</span>
</div>
</div>
</div> </div>
</div> </div>
<!--人员统计/事件统计/部门统计--> <!--人员统计/事件统计/部门统计-->
@ -409,19 +419,27 @@
</div> </div>
</div> </div>
<div class="basic-btn-group"> <div class="basic-btn-group">
<div v-if="tracking" class="danger-btn-bg btn-item" @click="userUnTrack"> <div v-if="!tracking&&!lineTracking" class="danger-btn-bg btn-item" @click="userTrack">
<span class="trackImg"></span>
<span>取消跟踪</span>
</div>
<div v-else class="danger-btn-bg btn-item" @click="userTrack">
<span class="trackImg"></span> <span class="trackImg"></span>
<span>跟踪</span> <span>跟踪</span>
</div> </div>
<div v-if="!lineTracking" class="simple-btn-bg btn-item" @click="userLineTrack"> <div v-else-if="!tracking&&lineTracking" class="danger-btn-bg btn-item">
<span class="trackImg"></span>
<span>跟踪</span>
</div>
<div v-else-if="tracking" class="danger-btn-bg btn-item" @click="userUnTrack">
<span class="trackImg"></span>
<span>取消跟踪</span>
</div>
<div v-if="!lineTracking&&!tracking" class="simple-btn-bg btn-item" @click="userLineTrack">
<span class="viewImg"></span> <span class="viewImg"></span>
<span>轨迹</span> <span>轨迹</span>
</div> </div>
<div v-else class="simple-btn-bg btn-item" @click="userLineTrackCancel"> <div v-if="!lineTracking&&tracking" class="simple-btn-bg btn-item">
<span class="viewImg"></span>
<span>轨迹</span>
</div>
<div v-else-if="lineTracking" class="simple-btn-bg btn-item" @click="userLineTrackCancel">
<span class="viewImg"></span> <span class="viewImg"></span>
<span>取消轨迹</span> <span>取消轨迹</span>
</div> </div>

View File

@ -54,12 +54,13 @@
@resetQuery="resetQuery" @resetQuery="resetQuery"
> >
<el-table-column label="#" type="index" width="50"></el-table-column> <el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="事件种类" width="200"> <el-table-column label="事件种类" width="240" :show-overflow-tooltip="true">
<template #default="scope"> <template #default="scope">
<el-tag <el-tag
v-for="item in scope.row.cates_" v-for="item in scope.row.cates_"
:key="item.id" :key="item.id"
type="warning" type="warning"
effect="plain"
>{{ item.name }}</el-tag >{{ item.name }}</el-tag
> >
</template> </template>
@ -92,14 +93,14 @@
<!-- <el-table-column label="处理时间" prop="handle_time"></el-table-column> --> <!-- <el-table-column label="处理时间" prop="handle_time"></el-table-column> -->
<el-table-column label="事件标记" prop="mark"> <el-table-column label="事件标记" prop="mark">
<template #default="scope"> <template #default="scope">
<el-span v-if="scope.row.mark == 20" color="red">误报</el-span> <el-tag v-if="scope.row.mark == 20" type="warning" effect="plain">误报</el-tag>
<el-span v-else color="green">正常</el-span> <el-tag v-else type="success" effect="plain">正常</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="处理超时"> <el-table-column label="处理超时">
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.is_timeout" type="warning"></el-tag> <el-tag v-if="scope.row.is_timeout" type="warning"></el-tag>
<el-tag v-else type="success"></el-tag> <el-tag v-else type="success" effect="plain"></el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -212,7 +213,7 @@ export default {
}) })
}, },
handleSuccess(){ handleSuccess(){
this.$refs.table.refresh();
}, },
// //

View File

@ -262,7 +262,7 @@ export default {
}, },
onSubmit() { onSubmit() {
this.$API.ecm.event.handle.req(this.form.id, this.form).then((res) => { this.$API.ecm.event.handle.req(this.form.id, this.form).then((res) => {
this.$router.go(-1); this.$emit("success");
this.$message.success("操作成功"); this.$message.success("操作成功");
return res; return res;
}); });

View File

@ -54,7 +54,7 @@
@resetQuery="resetQuery" @resetQuery="resetQuery"
> >
<el-table-column label="#" type="index" width="50"></el-table-column> <el-table-column label="#" type="index" width="50"></el-table-column>
<el-table-column label="事件种类" width="200"> <el-table-column label="事件种类" width="240" :show-overflow-tooltip="true">
<template #default="scope"> <template #default="scope">
<el-tag v-for="item in scope.row.event_.cates_" <el-tag v-for="item in scope.row.event_.cates_"
:key="item.id" type="warning">{{item.name}}</el-tag> :key="item.id" type="warning">{{item.name}}</el-tag>
@ -71,6 +71,7 @@
label="警报信息" label="警报信息"
prop="event_.voice_msg" prop="event_.voice_msg"
width="200" width="200"
:show-overflow-tooltip="true"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
@ -192,6 +193,7 @@ export default {
}); });
}, },
handleSuccess(){ handleSuccess(){
this.$refs.table.refresh();
this.dialog.handle = false this.dialog.handle = false
}, },
// //

View File

@ -127,7 +127,7 @@
<el-row> <el-row>
<el-form-item label="最近定位信息"> <el-form-item label="最近定位信息">
<span v-if="form.location">{{form.location.area_fix_name}}- <span v-if="form.location">{{form.location.area_fix_name}}-
<span v-if="form.location.xx_detail">经纬度(form.location.xx_detail.longitude, form.location.xx_detail.latitude)</span> <span v-if="form.location.xx_detail">经纬度({{form.location.xx_detail.longitude}}, {{form.location.xx_detail.latitude}})</span>
</span> </span>
</el-form-item> </el-form-item>
</el-row> </el-row>
@ -302,9 +302,11 @@
//debugger; //debugger;
// console.log(defaultForm); // console.log(defaultForm);
// this.form = defaultForm; // this.form = defaultForm;
this.loading = true;
this.$API.hrm.employee.item.req(data.id).then(res=>{ this.$API.hrm.employee.item.req(data.id).then(res=>{
this.loading = false;
this.form = res this.form = res
}) }).catch(e=>{this.loading = false;})
// Object.assign(this.form, data); // Object.assign(this.form, data);
}, },
// //

View File

@ -100,7 +100,7 @@
<span>{{userTypeOptions[scope.row.type]}}</span> <span>{{userTypeOptions[scope.row.type]}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="部门" prop="belong_dept_name"> <el-table-column label="部门" prop="belong_dept_name" :show-overflow-tooltip="true">
</el-table-column> </el-table-column>
<el-table-column label="岗位" prop="post_name"> <el-table-column label="岗位" prop="post_name">
</el-table-column> </el-table-column>