Skip to content

罗鑫霖 / vion-tools

Go to a project
Commit 6578b62b by 陈岩
Options

feat: 调整抓拍聚类年龄选项

1 parent a32b352b
Inline Side-by-side
Showing 6 changed files with 383 additions and 241 deletions
src/views/DataRepair/DataRepairApi.js
...@@ -47,6 +47,7 @@ class DataRepairApi { ...@@ -47,6 +47,7 @@ class DataRepairApi {
{ {
method: 'POST', method: 'POST',
url: `/simulation/reid`, url: `/simulation/reid`,
timeout:5*60*1000,
data data
} }
) )
......
src/views/SnapshotCluster/ClusterResult/ClusterResult.vue
...@@ -119,9 +119,9 @@ ...@@ -119,9 +119,9 @@
style="width: 240px"> style="width: 240px">
<a-select-option <a-select-option
v-for="item in childAdultAgeOptions" v-for="item in childAdultAgeOptions"
:key="item.value" :key="item.ageStr"
:value="item.value" :value="item.ageStr"
>{{item.label}}</a-select-option> >{{item.nameCn}}</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="性别：" style="padding: 5px 0"> <a-form-item label="性别：" style="padding: 5px 0">
...@@ -336,6 +336,7 @@ import PersonGroupDialog from "./PersonGroupDialog.vue"; ...@@ -336,6 +336,7 @@ import PersonGroupDialog from "./PersonGroupDialog.vue";
import PersonGroupMover from "./PersonGroupMover.vue"; import PersonGroupMover from "./PersonGroupMover.vue";
import AddPersonnelPool from "./AddPersonnelPool.vue"; import AddPersonnelPool from "./AddPersonnelPool.vue";
import AddEditSnapshotClusterDialog from './components/AddEditSnapshotClusterDialog.vue' import AddEditSnapshotClusterDialog from './components/AddEditSnapshotClusterDialog.vue'
import snapshotRecordApi from "@/views/SnapshotCluster/SnapshotRecord/SnapshotRecordApi";
export default { export default {
components:{ components:{
...@@ -490,6 +491,7 @@ export default { ...@@ -490,6 +491,7 @@ export default {
const onAccountChange = function() { const onAccountChange = function() {
getProductList(1) getProductList(1)
getPlazaList(1) getPlazaList(1)
getChildAdultAgeOptions()
} }
const onPlazaChange = function() { const onPlazaChange = function() {
...@@ -685,6 +687,7 @@ export default { ...@@ -685,6 +687,7 @@ export default {
} }
getPlazaList() getPlazaList()
getProductList() getProductList()
getChildAdultAgeOptions()
} }
} }
} }
...@@ -727,7 +730,7 @@ export default { ...@@ -727,7 +730,7 @@ export default {
maxPic: rawData.maxPic, maxPic: rawData.maxPic,
page: pageNum.value - 1, page: pageNum.value - 1,
pageSize: pageSize.value, pageSize: pageSize.value,
age: rawData.childAdult?rawData.childAdult.toString():'', ageDis: rawData.childAdult?rawData.childAdult.toString():'',
gender: rawData.gender?rawData.gender.toString():'', gender: rawData.gender?rawData.gender.toString():'',
receptionType: rawData.receptionType?rawData.receptionType:0, receptionType: rawData.receptionType?rawData.receptionType:0,
sortType: rawData.sortType?rawData.sortType:0, sortType: rawData.sortType?rawData.sortType:0,
...@@ -796,14 +799,27 @@ export default { ...@@ -796,14 +799,27 @@ export default {
return (personTypeList.value.filter(v => v.value == val)[0] || {label:'--'}).label return (personTypeList.value.filter(v => v.value == val)[0] || {label:'--'}).label
} }
const childAdultAgeOptions = ref([ const childAdultAgeOptions = ref([
{ value: 0, label: '婴儿' }, // { value: 0, label: '婴儿' },
{ value: 1, label: '儿童' }, // { value: 1, label: '儿童' },
{ value: 2, label: '少年' }, // { value: 2, label: '少年' },
{ value: 3, label: '青年' }, // { value: 3, label: '青年' },
{ value: 4, label: '中年' }, // { value: 4, label: '中年' },
{ value: 5, label: '老年' }, // { value: 5, label: '老年' },
{ value: -1, label: '未知' }, // { value: -1, label: '未知' },
]) ])
const getChildAdultAgeOptions = async () => {
try {
queryForm.childAdult = []
const res = await snapshotRecordApi.getAgeDistributionConfig(queryForm.account_id)
childAdultAgeOptions.value = res || []
}catch (e) {
console.log(e)
}
}
const childAdultOptions = ref([ const childAdultOptions = ref([
{ value: 0, label: '儿童' }, { value: 0, label: '儿童' },
{ value: 1, label: '成人' }, { value: 1, label: '成人' },
......
src/views/SnapshotCluster/ClusterResult/components/AddEditSnapshotClusterDialog.vue
...@@ -59,13 +59,23 @@ ...@@ -59,13 +59,23 @@
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="年龄" name="age"> <a-form-item label="年龄" name="age">
<a-select <a-select v-model:value="submitForm.age"
v-model:value="submitForm.age"
placeholder="请选择"
optionFilterProp="label"
show-search show-search
:options="optionsMap['ageList']" placeholder="请选择"
/> style="width: 240px">
<a-select-option
v-for="item in optionsMap['ageList']"
:key="item.ageStr"
:value="item.minAge"
>{{item.nameCn}}</a-select-option>
</a-select>
<!-- <a-select-->
<!-- v-model:value="submitForm.age"-->
<!-- optionFilterProp="label"-->
<!-- -->
<!-- :options=""-->
<!-- />-->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
...@@ -159,6 +169,7 @@ const handleSubmitData = async () => { ...@@ -159,6 +169,7 @@ const handleSubmitData = async () => {
const initDialog = (form, selectOptionsMap) => { const initDialog = (form, selectOptionsMap) => {
submitForm.value = cloneDeep(form) submitForm.value = cloneDeep(form)
optionsMap.value = selectOptionsMap optionsMap.value = selectOptionsMap
console.log(optionsMap,'-=s=s=s==s')
visible.value = true visible.value = true
} }
......
src/views/SnapshotCluster/SnapshotRecord/SnapshotRecord.vue
...@@ -117,9 +117,9 @@ ...@@ -117,9 +117,9 @@
style="width: 240px"> style="width: 240px">
<a-select-option <a-select-option
v-for="item in childAdultAgeOptions" v-for="item in childAdultAgeOptions"
:key="item.value" :key="item.ageStr"
:value="item.value" :value="item.ageStr"
>{{item.label}}</a-select-option> >{{item.nameCn}}</a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="性别：" style="padding: 5px 0"> <a-form-item label="性别：" style="padding: 5px 0">
...@@ -358,6 +358,8 @@ export default { ...@@ -358,6 +358,8 @@ export default {
const onAccountChange = function() { const onAccountChange = function() {
getPlazaList(1) getPlazaList(1)
getProductList(1) getProductList(1)
// 获取当前集团的年龄分裂
getChildAdultAgeOptions()
} }
const onPlazaChange = function() { const onPlazaChange = function() {
...@@ -551,6 +553,7 @@ export default { ...@@ -551,6 +553,7 @@ export default {
} }
getPlazaList() getPlazaList()
getProductList() getProductList()
getChildAdultAgeOptions()
} }
} }
} }
...@@ -599,7 +602,7 @@ export default { ...@@ -599,7 +602,7 @@ export default {
endTime: formatDate(rawData.date) + ' ' + rawData.endTime, endTime: formatDate(rawData.date) + ' ' + rawData.endTime,
page: pageNum.value - 1, page: pageNum.value - 1,
pageSize: pageSize.value, pageSize: pageSize.value,
age: rawData.childAdult?rawData.childAdult.toString():'', ageDis: rawData.childAdult?rawData.childAdult.toString():'',
gender: rawData.gender?rawData.gender.toString():'', gender: rawData.gender?rawData.gender.toString():'',
} }
) )
...@@ -663,14 +666,25 @@ export default { ...@@ -663,14 +666,25 @@ export default {
return (positionList.value.filter(v => v.value == val)[0] || {label:'--'}).label return (positionList.value.filter(v => v.value == val)[0] || {label:'--'}).label
} }
const childAdultAgeOptions = ref([ const childAdultAgeOptions = ref([
{ value: 0, label: '婴儿' }, // { value: 0, label: '婴儿' },
{ value: 1, label: '儿童' }, // { value: 1, label: '儿童' },
{ value: 2, label: '少年' }, // { value: 2, label: '少年' },
{ value: 3, label: '青年' }, // { value: 3, label: '青年' },
{ value: 4, label: '中年' }, // { value: 4, label: '中年' },
{ value: 5, label: '老年' }, // { value: 5, label: '老年' },
{ value: -1, label: '未知' }, // { value: -1, label: '未知' },
]) ])
const getChildAdultAgeOptions = async () => {
try {
queryForm.childAdult = []
const res = await snapshotRecordApi.getAgeDistributionConfig(queryForm.account_id)
childAdultAgeOptions.value = res || []
}catch (e) {
console.log(e)
}
}
const childAdultOptions = ref([ const childAdultOptions = ref([
{ value: 0, label: '儿童' }, { value: 0, label: '儿童' },
{ value: 1, label: '成人' }, { value: 1, label: '成人' },
...@@ -1591,6 +1605,7 @@ export default { ...@@ -1591,6 +1605,7 @@ export default {
genderOptions, genderOptions,
loadAllImages, loadAllImages,
allImagesLoading, allImagesLoading,
getChildAdultAgeOptions
} }
} }
} }
......
src/views/SnapshotCluster/SnapshotRecord/SnapshotRecordApi.js
...@@ -135,6 +135,15 @@ class SnapshotRecordApi { ...@@ -135,6 +135,15 @@ class SnapshotRecordApi {
} }
) )
} }
// 获取集团配置下年龄分类
getAgeDistributionConfig(id) {
return axiosInstance.request(
{
method: 'GET',
url: `/accounts/ageDistributionConfig?accountId=${id}`,
}
)
}
} }
const snapshotRecordApi = new SnapshotRecordApi() const snapshotRecordApi = new SnapshotRecordApi()
......
src/views/SystemLog/index.vue
...@@ -88,218 +88,308 @@ ...@@ -88,218 +88,308 @@
/> />
<!-- <moreDialog ref='moreDialogRef'></moreDialog> --> <!-- <moreDialog ref='moreDialogRef'></moreDialog> -->
</template> </template>
<!--<template>-->
<!-- <a-form :model="queryForm" layout="inline" :label-col="{ style: { width: '80px' } }">-->
<!-- &lt;!&ndash; <a-form-item label="apptype:" style="padding: 5px 0">-->
<!-- <a-select v-model:value="queryForm.apptype"-->
<!-- style="width: 280px"-->
<!-- :options="apptypeList"-->
<!-- optionFilterProp="label"-->
<!-- >-->
<!-- </a-select>-->
<!-- </a-form-item> &ndash;&gt;-->
<!-- <a-form-item label="服务名称:" style="padding: 5px 0">-->
<!-- <a-select v-model:value="queryForm.appname"-->
<!-- style="width: 280px"-->
<!-- :options="appnameList"-->
<!-- optionFilterProp="label"-->
<!-- >-->
<!-- </a-select>-->
<!-- </a-form-item>-->
<!-- <a-form-item label="日志等级:" style="padding: 5px 0">-->
<!-- <a-select v-model:value="queryForm.levels"-->
<!-- style="width: 280px"-->
<!-- mode="multiple"-->
<!-- :maxTagCount="1"-->
<!-- :options="levelList"-->
<!-- optionFilterProp="label"-->
<!-- >-->
<!-- </a-select>-->
<!-- </a-form-item>-->
<!-- -->
<!-- <a-form-item label="选择日期：" style="padding: 5px 0">-->
<!-- <a-date-picker v-model:value="queryForm.date" :format="'YYYY-MM-DD'" style="width: 280px"/>-->
<!-- </a-form-item>-->
<!-- <a-form-item label="选择时间：" style="padding: 5px 0">-->
<!-- <a-time-picker v-model:value="queryForm.startTime" style="width: 140px"/>-->
<!-- <a-time-picker v-model:value="queryForm.endTime" style="width: 140px"/>-->
<!-- </a-form-item>-->
<!-- <a-form-item label="内容：" style="padding: 5px 0">-->
<!-- <a-input v-model:value="queryForm.content_like" placeholder="请输入内容" style="width: 280px"/>-->
<!-- </a-form-item>-->
<!-- <a-form-item style="padding: 5px 0">-->
<!-- <a-button type="primary" @click="confirmSearch(1)" :loading="isLoading">查询</a-button>-->
<!-- &lt;!&ndash; <a-button type="primary" @click="confirmSearch1">弹框</a-button> &ndash;&gt;-->
<!-- </a-form-item>-->
<!-- </a-form>-->
<!-- &lt;!&ndash; <a-table :dataSource="dataList" v-loading="isLoading" :rowKey="dataList => dataList.id" :columns="columns" :pagination="false" :scroll="{ y: contentHeight }">-->
<!-- -->
<!-- </a-table> &ndash;&gt;-->
<!-- <el-table-->
<!-- :data="dataList"-->
<!-- v-loading="isLoading"-->
<!-- :rowKey="id"-->
<!-- :height="contentHeight"-->
<!-- style="width: 100%">-->
<!-- <el-table-column-->
<!-- prop="time"-->
<!-- label="时间"-->
<!-- width="180">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="thread"-->
<!-- label="线程号"-->
<!-- width="180">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="location"-->
<!-- label="日志位置"-->
<!-- width="300">-->
<!-- </el-table-column>-->
<!-- <el-table-column-->
<!-- prop="content"-->
<!-- label="日志内容">-->
<!-- <template #default="{ row }">-->
<!-- <p v-html="stringFormatter(row.content)"></p>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<!-- <a-pagination-->
<!-- v-model:current="pageNum"-->
<!-- v-model:pageSize="pageSize"-->
<!-- :total="total"-->
<!-- :show-total="total => `共 ${total} 条`"-->
<!-- :pageSizeOptions="['20', '50', '100']"-->
<!-- @change="onPageNumChange"-->
<!-- @showSizeChange="onPageSizeChange"-->
<!-- show-size-changer-->
<!-- show-quick-jumper-->
<!-- style="text-align:center"-->
<!-- />-->
<!-- &lt;!&ndash; <moreDialog ref='moreDialogRef'></moreDialog> &ndash;&gt;-->
<!--</template>-->
<script> <!--<script>-->
import {reactive, ref, toRaw} from 'vue' <!--import {reactive, ref, toRaw} from 'vue'-->
import moment from 'moment' <!--import moment from 'moment'-->
import SystemLogApi from '@/views/SystemLog/SystemLog.js' <!--import SystemLogApi from '@/views/SystemLog/SystemLog.js'-->
import {isArray} from '@/PublicUtil/Judgment' <!--import {isArray} from '@/PublicUtil/Judgment'-->
import {filterEmptyValueInObject, formatDate, formatTime} from '@/PublicUtil/PublicUtil' <!--import {filterEmptyValueInObject, formatDate, formatTime} from '@/PublicUtil/PublicUtil'-->
import {PlusOutlined} from '@ant-design/icons-vue' <!--import {PlusOutlined} from '@ant-design/icons-vue'-->
import moreDialog from './moreDialog.vue' <!--import moreDialog from './moreDialog.vue'-->
export default { <!--export default {-->
components: { <!-- components: {-->
PlusOutlined, <!-- PlusOutlined,-->
VNodes: (_, {attrs}) => { <!-- VNodes: (_, {attrs}) => {-->
return attrs.vnodes <!-- return attrs.vnodes-->
}, <!-- },-->
moreDialog <!-- moreDialog-->
}, <!-- },-->
setup() { <!-- setup() {-->
const columns = ref([ <!-- const columns = ref([-->
{ <!-- {-->
title: '时间', <!-- title: '时间',-->
dataIndex: 'time', <!-- dataIndex: 'time',-->
align: 'center', <!-- align: 'center',-->
width: 220 <!-- width: 220-->
}, <!-- },-->
{ <!-- {-->
title: '线程号', <!-- title: '线程号',-->
dataIndex: 'thread', <!-- dataIndex: 'thread',-->
align: 'center', <!-- align: 'center',-->
width: 120 <!-- width: 120-->
}, <!-- },-->
{ <!-- {-->
title: '日志位置', <!-- title: '日志位置',-->
dataIndex: 'location', <!-- dataIndex: 'location',-->
align: 'center', <!-- align: 'center',-->
width: 300 <!-- width: 300-->
}, <!-- },-->
{ <!-- {-->
title: '日志内容', <!-- title: '日志内容',-->
dataIndex: 'content', <!-- dataIndex: 'content',-->
align: 'center', <!-- align: 'center',-->
customRender:({text,record})=>{ <!-- customRender:({text,record})=>{-->
const rawData = toRaw(queryForm) <!-- const rawData = toRaw(queryForm)-->
if (rawData.content_like && rawData.content_like !== '') { <!-- if (rawData.content_like && rawData.content_like !== '') {-->
text = text.split(rawData.content_like).join("<span style='color:red;'>" + rawData.content_like + "</span>") <!-- text = text.split(rawData.content_like).join("<span style='color:red;'>" + rawData.content_like + "</span>")-->
// console.log(str) <!-- // console.log(str)-->
// let pHtml = document.createElement("p"); <!-- // let pHtml = document.createElement("p");-->
return (<p v-html='str'>{text}</p>) <!-- return (<p v-html='str'>{text}</p>)-->
}else{ <!-- }else{-->
return text <!-- return text-->
} <!-- }-->
} <!-- }-->
}, <!-- },-->
// { <!-- // {-->
// title: '日志标识', <!-- // title: '日志标识',-->
// dataIndex: 'id', <!-- // dataIndex: 'id',-->
// align: 'center', <!-- // align: 'center',-->
// } <!-- // }-->
]) <!-- ])-->
//ref <!-- //ref-->
const moreDialogRef = ref() <!-- const moreDialogRef = ref()-->
// scalar <!-- // scalar-->
const isLoading = ref(false) <!-- const isLoading = ref(false)-->
const isSuspended = ref(false) <!-- const isSuspended = ref(false)-->
const pageNum = ref(1) <!-- const pageNum = ref(1)-->
const pageSize = ref(20) <!-- const pageSize = ref(20)-->
const total = ref() <!-- const total = ref()-->
// sequence <!-- // sequence-->
const dataList = ref([]) <!-- const dataList = ref([])-->
const apptypeList = ref([{ <!-- const apptypeList = ref([{-->
value: 'store', <!-- value: 'store',-->
label: 'store', <!-- label: 'store',-->
},{ <!-- },{-->
value: 'mall', <!-- value: 'mall',-->
label: 'mall', <!-- label: 'mall',-->
}]) <!-- }])-->
const appnameList = ref([{ <!-- const appnameList = ref([{-->
value: 'process', <!-- value: 'process',-->
label: 'process', <!-- label: 'process',-->
},{ <!-- },{-->
value: 'receive', <!-- value: 'receive',-->
label: 'receive', <!-- label: 'receive',-->
},{ <!-- },{-->
value: 'report', <!-- value: 'report',-->
label: 'report', <!-- label: 'report',-->
},{ <!-- },{-->
value: 'openapi', <!-- value: 'openapi',-->
label: 'openapi', <!-- label: 'openapi',-->
}]) <!-- }])-->
const levelList = ref([{ <!-- const levelList = ref([{-->
value: 'info', <!-- value: 'info',-->
label: 'info', <!-- label: 'info',-->
},{ <!-- },{-->
value: 'error', <!-- value: 'error',-->
label: 'error', <!-- label: 'error',-->
},{ <!-- },{-->
value: 'debug', <!-- value: 'debug',-->
label: 'debug', <!-- label: 'debug',-->
},{ <!-- },{-->
value: 'warn', <!-- value: 'warn',-->
label: 'warn', <!-- label: 'warn',-->
}]) <!-- }])-->
const queryForm = reactive( <!-- const queryForm = reactive(-->
{ <!-- {-->
// apptype:'store', <!-- // apptype:'store',-->
appname: 'process', <!-- appname: 'process',-->
levels: ['info','error','debug','warn'], <!-- levels: ['info','error','debug','warn'],-->
content_like: '', <!-- content_like: '',-->
date: moment(moment().format('YYYY-MM-DD'), 'YYYY-MM-DD'), <!-- date: moment(moment().format('YYYY-MM-DD'), 'YYYY-MM-DD'),-->
startTime: moment('00:00:00', 'HH:mm:ss'), <!-- startTime: moment('00:00:00', 'HH:mm:ss'),-->
endTime: moment('23:59:59', 'HH:mm:ss'), <!-- endTime: moment('23:59:59', 'HH:mm:ss'),-->
} <!-- }-->
) <!-- )-->
const onPageNumChange = function(num) { <!-- const onPageNumChange = function(num) {-->
pageNum.value = num <!-- pageNum.value = num-->
confirmSearch() <!-- confirmSearch()-->
} <!-- }-->
<!-- -->
<!-- const onPageSizeChange = function(current, size) {-->
<!-- pageNum.value = 1-->
<!-- pageSize.value = size-->
<!-- confirmSearch()-->
<!-- }-->
<!-- const confirmSearch = function(val){-->
<!-- isLoading.value = true-->
<!-- const rawData = toRaw(queryForm)-->
<!-- pageNum.value = val?1:pageNum.value-->
<!-- const data = filterEmptyValueInObject(-->
<!-- {-->
<!-- // apptype: rawData.apptype,-->
<!-- appname: rawData.appname,-->
<!-- levels: rawData.levels?rawData.levels.toString():null,-->
<!-- content_like: rawData.content_like,-->
<!-- startTime: formatDate(rawData.date) + ' ' + formatTime(rawData.startTime),-->
<!-- endTime: formatDate(rawData.date) + ' ' + formatTime(rawData.endTime),-->
<!-- page: pageNum.value,-->
<!-- pageSize: pageSize.value,-->
<!-- }-->
<!-- )-->
<!-- SystemLogApi.getLogSelect(data).then(-->
<!-- (r) => {-->
<!-- isLoading.value = false-->
<!-- dataList.value = []-->
<!-- if(r.code==200){-->
<!-- // r.forEach((item,index)=>{-->
<!-- // item.index = index+1-->
<!-- // })-->
<!-- if(r.data){-->
<!-- dataList.value = r.data.list-->
<!-- total.value = r.data.total-->
<!-- }-->
<!-- -->
<!-- }-->
<!-- -->
<!-- }-->
<!-- )-->
<!-- }-->
<!-- const stringFormatter = function(text){-->
<!-- const rawData = toRaw(queryForm)-->
<!-- if (rawData.content_like && rawData.content_like !== '') {-->
<!-- let str = text.split(rawData.content_like).join("<span style='color:red;'>" + rawData.content_like + "</span>")-->
<!-- return str-->
<!-- }else{-->
<!-- return text-->
<!-- }-->
<!-- }-->
<!-- const contentHeight = ref(0)-->
<!-- const __main = function() {-->
<!-- contentHeight.value = window.innerHeight - 230-->
<!-- // confirmSearch()-->
<!-- }-->
<!-- const confirmSearch1 = function(){-->
<!-- moreDialogRef.value.initDialog();-->
<!-- }-->
<!-- __main()-->
<!-- return {-->
<!-- // scalar-->
<!-- isLoading,-->
<!-- pageNum,-->
<!-- pageSize,-->
<!-- total,-->
<!-- contentHeight,-->
<!-- // sequence-->
<!-- apptypeList,-->
<!-- appnameList,-->
<!-- levelList,-->
<!-- dataList,-->
<!-- queryForm,-->
<!-- columns,-->
<!-- // function-->
<!-- confirmSearch,-->
<!-- confirmSearch1,-->
<!-- stringFormatter,-->
<!-- onPageNumChange,-->
<!-- onPageSizeChange,-->
<!-- //ref-->
<!-- moreDialogRef-->
<!-- }-->
<!-- }-->
<!--}-->
<!--</script>-->
const onPageSizeChange = function(current, size) { <!--<style lang="less" scoped>-->
pageNum.value = 1 <!-- .success {-->
pageSize.value = size <!-- color: #26ff29;-->
confirmSearch() <!-- }-->
} <!-- // /deep/.el-table{-->
const confirmSearch = function(val){ <!-- // th,tr{-->
isLoading.value = true <!-- // background-color: #fafafa;-->
const rawData = toRaw(queryForm) <!-- // }-->
pageNum.value = val?1:pageNum.value <!-- // }-->
const data = filterEmptyValueInObject( <!-- .failed {-->
{ <!-- color: red;-->
// apptype: rawData.apptype, <!-- }-->
appname: rawData.appname, <!--</style>-->
levels: rawData.levels?rawData.levels.toString():null,
content_like: rawData.content_like,
startTime: formatDate(rawData.date) + ' ' + formatTime(rawData.startTime),
endTime: formatDate(rawData.date) + ' ' + formatTime(rawData.endTime),
page: pageNum.value,
pageSize: pageSize.value,
}
)
SystemLogApi.getLogSelect(data).then(
(r) => {
isLoading.value = false
dataList.value = []
if(r.code==200){
// r.forEach((item,index)=>{
// item.index = index+1
// })
if(r.data){
dataList.value = r.data.list
total.value = r.data.total
}
}
}
)
}
const stringFormatter = function(text){
const rawData = toRaw(queryForm)
if (rawData.content_like && rawData.content_like !== '') {
let str = text.split(rawData.content_like).join("<span style='color:red;'>" + rawData.content_like + "</span>")
return str
}else{
return text
}
}
const contentHeight = ref(0)
const __main = function() {
contentHeight.value = window.innerHeight - 230
// confirmSearch()
}
const confirmSearch1 = function(){
moreDialogRef.value.initDialog();
}
__main()
return {
// scalar
isLoading,
pageNum,
pageSize,
total,
contentHeight,
// sequence
apptypeList,
appnameList,
levelList,
dataList,
queryForm,
columns,
// function
confirmSearch,
confirmSearch1,
stringFormatter,
onPageNumChange,
onPageSizeChange,
//ref
moreDialogRef
}
}
}
</script>
<style lang="less" scoped>
.success {
color: #26ff29;
}
// /deep/.el-table{
// th,tr{
// background-color: #fafafa;
// }
// }
.failed {
color: red;
}
</style>
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!