更新
This commit is contained in:
@ -1,82 +1,54 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- 弹框 -->
|
<!-- 弹框 -->
|
||||||
<el-dialog v-model="dialogVisible" title="智能解析数据" width="80vw">
|
<el-dialog v-model="dialogVisible" title="智能解析数据" width="80vw">
|
||||||
<div style="max-height: 250px; overflow-y: auto; padding-right: 8px">
|
<div class="infoCnt">
|
||||||
<div
|
<div class="baseInfo">
|
||||||
v-for="(item, index) in tableData"
|
<div v-for="(item, index) in tableData" :key="index" >
|
||||||
:key="index"
|
发掘文本{{ index + 1 }}:<span class="text-danger">{{ item.fjWb }}</span>
|
||||||
style="font-weight: 700; font-size: 20px; margin-bottom: 20px"
|
</div>
|
||||||
>
|
|
||||||
发掘文本{{ index + 1 }}:<span class="text-danger">
|
|
||||||
{{ item.fjWb }}</span
|
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<MyTable
|
||||||
|
:tableData="pageData.dtoList"
|
||||||
<MyTable
|
:tableColumn="pageData.tableColumn"
|
||||||
:tableData="pageData.dtoList"
|
:tableHeight="pageData.tableHeight"
|
||||||
:tableColumn="pageData.tableColumn"
|
:key="pageData.keyCount"
|
||||||
:tableHeight="pageData.tableHeight"
|
:tableConfiger="pageData.tableConfiger"
|
||||||
:key="pageData.keyCount"
|
:controlsWidth="pageData.controlsWidth"
|
||||||
:tableConfiger="pageData.tableConfiger"
|
:row-class-name="({ row }) => (row.status ? '' : 'row-deleted')"
|
||||||
:controlsWidth="pageData.controlsWidth"
|
|
||||||
:row-class-name="({ row }) => (row.status ? '' : 'row-deleted')"
|
|
||||||
>
|
|
||||||
<!-- 管辖单位 -->
|
|
||||||
<template #gxDwDm="{ row }">
|
|
||||||
<el-select
|
|
||||||
v-model="row.gxDwDm"
|
|
||||||
placeholder="请选择管辖单位"
|
|
||||||
style="width: 130px"
|
|
||||||
@change="handleDeptChange('gxDwMc', $event, row)"
|
|
||||||
:disabled="!row.status"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in deptList"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.label"
|
|
||||||
:value="item.value.toString()"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</template>
|
|
||||||
<!-- 是否关注 -->
|
|
||||||
<template #sfGz="{ row }">
|
|
||||||
<el-radio-group v-model="row.sfGz">
|
|
||||||
<el-radio
|
|
||||||
v-for="(item, index) in D_BZ_SF"
|
|
||||||
size="large"
|
|
||||||
:key="item.value"
|
|
||||||
:label="item.zdmc || item.label"
|
|
||||||
:value="item.dm || item.value"
|
|
||||||
></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</template>
|
|
||||||
<!-- 管辖单位 -->
|
|
||||||
<template #ryFjZp="{ row }"> 照片上传 </template>
|
|
||||||
<template
|
|
||||||
v-for="item in pageData.tableColumn.filter(
|
|
||||||
(col) => !['gxDwDm', 'sfGz', 'ryFjZp'].includes(col.prop)
|
|
||||||
)"
|
|
||||||
#[item.prop]="{ row }"
|
|
||||||
>
|
>
|
||||||
<el-input
|
<!-- 管辖单位 -->
|
||||||
style="width: 100px"
|
<template #gxDwDm="{ row }">
|
||||||
v-model="row[item.prop]"
|
<el-select
|
||||||
:placeholder="'请输入' + item.label"
|
v-model="row.gxDwDm"
|
||||||
:disabled="!row.status"
|
placeholder="请选择管辖单位"
|
||||||
/>
|
style="width: 130px"
|
||||||
</template>
|
@change="handleDeptChange('gxDwMc', $event, row)"
|
||||||
<!-- 操作列 -->
|
:disabled="!row.status"
|
||||||
<template #controls="{ row, $index }">
|
>
|
||||||
<el-link v-if="row.status" type="danger" @click="delDictItem($index)">
|
<el-option v-for="item in deptList" :key="item.value" :label="item.label" :value="item.value.toString()"/>
|
||||||
删除
|
</el-select>
|
||||||
</el-link>
|
</template>
|
||||||
<el-link v-else type="primary" @click="recover($index)"> 恢复 </el-link>
|
<!-- 是否关注 -->
|
||||||
</template>
|
<template #sfGz="{ row }">
|
||||||
</MyTable>
|
<el-radio-group v-model="row.sfGz">
|
||||||
<div class="stats">
|
<el-radio v-for="(item, index) in D_BZ_SF" size="large" :key="index" :label="item.zdmc || item.label" :value="item.dm || item.value"></el-radio>
|
||||||
共 {{ pageData.dtoList.length }} 条数据, 其中
|
</el-radio-group>
|
||||||
{{ pageData.dtoList.filter((x) => !x.status).length }} 条已标记删除
|
</template>
|
||||||
|
<!-- 管辖单位 -->
|
||||||
|
<template #ryFjZp="{ row }"> 照片上传 </template>
|
||||||
|
<template :key="idx" v-for="(item,idx) in pageData.tableColumn.filter((col) => !['gxDwDm', 'sfGz', 'ryFjZp'].includes(col.prop) )" #[item.prop]="{ row }">
|
||||||
|
<el-input style="width: 100px" v-model="row[item.prop]" :placeholder="'请输入' + item.label" :disabled="!row.status" />
|
||||||
|
</template>
|
||||||
|
<!-- 操作列 -->
|
||||||
|
<template #controls="{ row, $index }">
|
||||||
|
<el-link v-if="row.status" type="danger" @click="delDictItem($index)">删除</el-link>
|
||||||
|
<el-link v-else type="primary" @click="recover($index)"> 恢复 </el-link>
|
||||||
|
</template>
|
||||||
|
</MyTable>
|
||||||
|
<div class="stats">
|
||||||
|
共 {{ pageData.dtoList.length }} 条数据, 其中
|
||||||
|
{{ pageData.dtoList.filter((x) => !x.status).length }} 条已标记删除
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
@ -90,13 +62,7 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||||
import {
|
import { reactive, ref, defineEmits,onMounted, getCurrentInstance, defineExpose } from "vue";
|
||||||
reactive,
|
|
||||||
ref,
|
|
||||||
onMounted,
|
|
||||||
getCurrentInstance,
|
|
||||||
defineExpose
|
|
||||||
} from "vue";
|
|
||||||
import { selectUserDeptPage } from "@/api/user-manage";
|
import { selectUserDeptPage } from "@/api/user-manage";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
const { proxy } = getCurrentInstance();
|
const { proxy } = getCurrentInstance();
|
||||||
@ -107,6 +73,7 @@ const props = defineProps({
|
|||||||
default: () => []
|
default: () => []
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
const emit = defineEmits(['onSearch'])
|
||||||
const dialogVisible = ref(false);
|
const dialogVisible = ref(false);
|
||||||
const pageData = reactive({
|
const pageData = reactive({
|
||||||
dtoList: [],
|
dtoList: [],
|
||||||
@ -116,15 +83,13 @@ const pageData = reactive({
|
|||||||
showSelectType: "checkBox",
|
showSelectType: "checkBox",
|
||||||
loading: false
|
loading: false
|
||||||
},
|
},
|
||||||
|
tableHeight: 330,
|
||||||
tableHeight: 500,
|
|
||||||
total: 0,
|
total: 0,
|
||||||
pageConfiger: {
|
pageConfiger: {
|
||||||
pageSize: 20,
|
pageSize: 20,
|
||||||
pageCurrent: 1
|
pageCurrent: 1
|
||||||
},
|
},
|
||||||
controlsWidth: 80,
|
controlsWidth: 80,
|
||||||
|
|
||||||
tableColumn: [
|
tableColumn: [
|
||||||
{ label: "管辖单位", prop: "gxDwDm", showSolt: true, width: 200 },
|
{ label: "管辖单位", prop: "gxDwDm", showSolt: true, width: 200 },
|
||||||
{ label: "姓名", prop: "ryXm", showSolt: true, width: 130 },
|
{ label: "姓名", prop: "ryXm", showSolt: true, width: 130 },
|
||||||
@ -142,7 +107,6 @@ const pageData = reactive({
|
|||||||
{ label: "附件照片", prop: "ryFjZp", showSolt: true, width: 130 }
|
{ label: "附件照片", prop: "ryFjZp", showSolt: true, width: 130 }
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
||||||
const deptList = ref([]); //部门列表
|
const deptList = ref([]); //部门列表
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getdepartmentList();
|
getdepartmentList();
|
||||||
@ -158,26 +122,17 @@ const getdepartmentList = () => {
|
|||||||
};
|
};
|
||||||
const handleDeptChange = (nameField, selectedValue, row) => {
|
const handleDeptChange = (nameField, selectedValue, row) => {
|
||||||
// 找到选中的部门
|
// 找到选中的部门
|
||||||
const selectedDept = deptList.value.find(
|
const selectedDept = deptList.value.find((item) => item.value.toString() === selectedValue);
|
||||||
(item) => item.value.toString() === selectedValue
|
|
||||||
);
|
|
||||||
// 更新名称
|
// 更新名称
|
||||||
row[nameField] = selectedDept ? selectedDept.label : "";
|
row[nameField] = selectedDept ? selectedDept.label : "";
|
||||||
};
|
};
|
||||||
const init = () => {
|
const init = () => {
|
||||||
dialogVisible.value = true;
|
dialogVisible.value = true;
|
||||||
let url = "/mosty-gsxt/tbGsxtRqfjRy/createCbfj";
|
qcckGet({}, "/mosty-gsxt/tbGsxtRqfjRy/createCbfj").then((res) => {
|
||||||
qcckGet({}, url)
|
pageData.dtoList = res.map((item) => ({ ...item, status: true }));
|
||||||
.then((res) => {
|
}).catch(() => {
|
||||||
console.log(res);
|
pageData.tableConfiger.loading = false;
|
||||||
pageData.dtoList = res.map((item) => ({
|
});
|
||||||
...item,
|
|
||||||
status: true
|
|
||||||
}));
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
pageData.tableConfiger.loading = false;
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
// 删除方法
|
// 删除方法
|
||||||
const delDictItem = (index) => {
|
const delDictItem = (index) => {
|
||||||
@ -192,14 +147,12 @@ const recover = (index) => {
|
|||||||
// 提交
|
// 提交
|
||||||
const submitData = () => {
|
const submitData = () => {
|
||||||
const validData = pageData.dtoList.filter((item) => item.status);
|
const validData = pageData.dtoList.filter((item) => item.status);
|
||||||
qcckPost(validData, "/mosty-gsxt/tbGsxtRqfjRy/saveList")
|
qcckPost(validData, "/mosty-gsxt/tbGsxtRqfjRy/saveList").then((res) => {
|
||||||
.then((res) => {
|
ElMessage.success("新增成功");
|
||||||
ElMessage.success("新增成功");
|
dialogVisible.value = false;
|
||||||
dialogVisible.value = false;
|
emit("onSearch");
|
||||||
emit("onSearch");
|
close();
|
||||||
close();
|
})
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
defineExpose({ init });
|
defineExpose({ init });
|
||||||
@ -211,7 +164,23 @@ defineExpose({ init });
|
|||||||
background-color: #fef0f0;
|
background-color: #fef0f0;
|
||||||
color: #f56c6c;
|
color: #f56c6c;
|
||||||
}
|
}
|
||||||
.text-danger {
|
|
||||||
font-weight: 500;
|
|
||||||
|
.infoCnt{
|
||||||
|
height: 63vh;
|
||||||
|
}
|
||||||
|
.baseInfo{
|
||||||
|
font-size: 16px;
|
||||||
|
max-height: 230px;
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
line-height: 24px;
|
||||||
|
color: #000;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
.text-danger {
|
||||||
|
color: #333;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -1,129 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="dialog" v-if="dialogForm">
|
|
||||||
<div class="head_box">
|
|
||||||
<span class="title">3D打印业务信息详情</span>
|
|
||||||
<div>
|
|
||||||
<el-button size="small" @click="close">关闭</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="cntinfo">
|
|
||||||
<el-form :model="listQuery" :label-width="230" label-position="left">
|
|
||||||
<div class="form-row">
|
|
||||||
<el-form-item label="业务流水号码">
|
|
||||||
<el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="单位名称">
|
|
||||||
<el-input v-model="listQuery.dwmc" placeholder="老王打印店"/>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-row">
|
|
||||||
<el-form-item label="场所名称">
|
|
||||||
<el-input v-model="listQuery.csmc" placeholder="老王打印店"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="3D打印设备品牌型号">
|
|
||||||
<el-input v-model="listQuery.sbppxh" placeholder="sa5421321321"/>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-row">
|
|
||||||
<el-form-item label="3D打印设备号码">
|
|
||||||
<el-input v-model="listQuery.sbhm" placeholder="1002"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="3D打印设备数量">
|
|
||||||
<el-input v-model="listQuery.sbsl" placeholder="5"/>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-row">
|
|
||||||
<el-form-item label="3D打印材料名称">
|
|
||||||
<el-input v-model="listQuery.clmc" placeholder="塑料"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="申请单位单位名称">
|
|
||||||
<el-input v-model="listQuery.sqdwmc" placeholder="xxxxx单位"/>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, reactive } from 'vue';
|
|
||||||
|
|
||||||
const dialogForm = ref(false);
|
|
||||||
const listQuery = ref({});
|
|
||||||
|
|
||||||
// 初始化数据
|
|
||||||
const init = (type, row) => {
|
|
||||||
dialogForm.value = true;
|
|
||||||
// 根据type和row初始化表单数据
|
|
||||||
};
|
|
||||||
|
|
||||||
const close = () => {
|
|
||||||
dialogForm.value = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
defineExpose({init})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.dialog {
|
|
||||||
padding: 20px;
|
|
||||||
|
|
||||||
:deep(.el-form-item__label) {
|
|
||||||
background-color: #F7FAFB;
|
|
||||||
padding: 0px 8px;
|
|
||||||
color: #000;
|
|
||||||
font-weight: 500;
|
|
||||||
border: 1px solid #E3E7ED;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head_box {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.cntinfo{
|
|
||||||
height: calc(100% - 70px);
|
|
||||||
overflow: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-row {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.el-form-item {
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.image-group {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
|
|
||||||
.image-item {
|
|
||||||
width: 150px;
|
|
||||||
height: 150px;
|
|
||||||
border: 1px solid #dcdfe6;
|
|
||||||
|
|
||||||
.el-image {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-input__inner{
|
|
||||||
height: 36px !important;
|
|
||||||
line-height: 36px !important;
|
|
||||||
border-radius: 0;
|
|
||||||
color: #777575;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.el-form-item--default{
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
</style>
|
|
@ -0,0 +1,81 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog v-model="modelValue" title="等级切换" width="500px" @close="handleClose">
|
||||||
|
<el-form :model="listQuery" ref="formValidate" :rules="rules">
|
||||||
|
<el-form-item prop="fxDj" label="风险等级" v-if="props.type == '级别变更'">
|
||||||
|
<MOSTY.Select filterable v-model="listQuery.fxDj" :dictEnum="props.dic.D_GS_RQFJ_FXDJ" width="100%" clearable placeholder="请选择风险等级"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="ssbmdm" label="所属部门" v-if="props.type == '警种变更'">
|
||||||
|
<MOSTY.Department filterable v-model="listQuery.ssbmdm" width="100%" clearable placeholder="请选择所属部门"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item prop="uid" label="选择民警" v-if="props.type == '指定分配'">
|
||||||
|
<MOSTY.Other @click="chooseUserVisible = true" readonly v-model="listQuery.uidMc" width="100%" clearable placeholder="请选择选择民警"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<div class="tc">
|
||||||
|
<el-button @click="handleClose">取消</el-button>
|
||||||
|
<el-button type="primary" @click="submitForm">确定</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
<ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds" />
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import ChooseUser from "@/components/MyComponents/ChooseUser/index.vue";
|
||||||
|
import { ElMessage } from "element-plus";
|
||||||
|
import { qcckPost } from "@/api/qcckApi.js";
|
||||||
|
import * as MOSTY from "@/components/MyComponents/index";
|
||||||
|
import { ref ,defineProps,defineEmits, reactive} from 'vue';
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue:{
|
||||||
|
type:Boolean,
|
||||||
|
default:false
|
||||||
|
},
|
||||||
|
ids:{
|
||||||
|
type:Array,
|
||||||
|
default:[]
|
||||||
|
},
|
||||||
|
type:String,
|
||||||
|
dic:Object
|
||||||
|
})
|
||||||
|
const chooseUserVisible = ref(false)
|
||||||
|
const roleIds = ref([])
|
||||||
|
const emits = defineEmits(["update:modelValue",'getDepValue']);
|
||||||
|
const formValidate = ref()
|
||||||
|
const rules = reactive({
|
||||||
|
fxDj: [{ required: true, message: "请选择风险等级", trigger: "change" }],
|
||||||
|
ssbmdm: [{ required: true, message: "请选择所属部门", trigger: "change" }],
|
||||||
|
uid: [{ required: true, message: "请选择民警", trigger: "change" }],
|
||||||
|
})
|
||||||
|
const listQuery = ref({});
|
||||||
|
|
||||||
|
const handleUserSelected = (val) => {
|
||||||
|
listQuery.value.uid = val[0].id;
|
||||||
|
listQuery.value.uidMc = val[0].userName;
|
||||||
|
roleIds.value = [val[0].id]
|
||||||
|
}
|
||||||
|
|
||||||
|
const submitForm = () =>{
|
||||||
|
formValidate.value.validate((valid) => {
|
||||||
|
if (!valid) return false;
|
||||||
|
let params = { ids:props.ids, ...listQuery.value }
|
||||||
|
let url = props.type == '指定分配' ? '/mosty-gsxt/tbGsxtRqfjRy/updateByMj':'/mosty-gsxt/tbGsxtRqfjRy/updateByFxDj'
|
||||||
|
qcckPost(params,url).then(res=>{
|
||||||
|
ElMessage.success("修改成功");
|
||||||
|
emits('update:modelValue',false)
|
||||||
|
emits('change')
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleClose = () =>{
|
||||||
|
emits('update:modelValue',false)
|
||||||
|
formValidate.value.resetFields();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
|
</style>
|
@ -1,34 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="statistical-analysis">
|
<div class="statistical-analysis">
|
||||||
<!-- 左侧树形菜单 -->
|
<!-- 左侧树形菜单 -->
|
||||||
<ul class="left-menu">
|
<div class="left-menu">
|
||||||
<li class="f20">重点人初步发掘</li>
|
<CheckBox :data="checkData" customClass="all" @changeData="changeData"></CheckBox>
|
||||||
<li class="left-menu-item" v-for="(it, idx) in btnsList" :key="idx">
|
</div>
|
||||||
{{ it }}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<!-- 右侧内容区 -->
|
<!-- 右侧内容区 -->
|
||||||
<div class="right-content">
|
<div class="right-content">
|
||||||
<Search
|
<Search :searchArr="searchConfiger" @submit="onSearch"> </Search>
|
||||||
:searchArr="searchConfiger"
|
<div class="tableCnt1 mb10 pl10 pr10">
|
||||||
@submit="onSearch"
|
|
||||||
@reset="onReset"
|
|
||||||
:key="pageData.keyCount"
|
|
||||||
>
|
|
||||||
<template #defaultSlot>
|
|
||||||
<CheckBox :data="checkData" @changeData="changeData"></CheckBox>
|
|
||||||
</template>
|
|
||||||
</Search>
|
|
||||||
<div class="tableCnt mb10 pl10 pr10">
|
|
||||||
<PageTitle title="发掘内容" style="color: #333">
|
<PageTitle title="发掘内容" style="color: #333">
|
||||||
<el-button type="primary" size="small" @click="addEdit('add', '')">
|
<el-button type="primary" size="small" @click="handleData('add', '')">
|
||||||
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
|
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
|
||||||
<span style="vertical-align: middle" @click="addEdit('add', '')"
|
<span style="vertical-align: middle" @click="handleData('add', '')" >新增</span>
|
||||||
>新增</span
|
|
||||||
>
|
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" size="small" @click="importData">
|
<el-button type="primary" size="small" @click="importData">
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">导入内容</span>
|
<span style="vertical-align: middle">导入内容</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="danger" size="small" @click="exportData">
|
<el-button type="danger" size="small" @click="exportData">
|
||||||
@ -36,93 +21,33 @@
|
|||||||
<span style="vertical-align: middle">删除</span>
|
<span style="vertical-align: middle">删除</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
</PageTitle>
|
</PageTitle>
|
||||||
<div>
|
<MyTable
|
||||||
<MyTable
|
:tableData="pageData.tableData"
|
||||||
:tableData="pageData.tableData"
|
:tableColumn="pageData.tableColumn"
|
||||||
:tableColumn="pageData.tableColumn"
|
:tableHeight="pageData.tableHeight"
|
||||||
:tableHeight="pageData.tableHeight"
|
:key="pageData.keyCount"
|
||||||
:key="pageData.keyCount"
|
:tableConfiger="pageData.tableConfiger0"
|
||||||
:tableConfiger="pageData.tableConfiger"
|
:controlsWidth="pageData.controlsWidth"
|
||||||
:controlsWidth="pageData.controlsWidth"
|
@chooseData="chooseData"
|
||||||
@chooseData="chooseData"
|
>
|
||||||
>
|
<template #fjLx="{ row }">
|
||||||
<template #fjLx="{ row }">
|
<DictTag :tag="false" :value="row.fjLx" :options="D_GS_RQFJ_LX" />
|
||||||
<DictTag :tag="false" :value="row.fjLx" :options="D_GS_RQFJ_LX" />
|
</template>
|
||||||
</template>
|
<!-- 操作 -->
|
||||||
<!-- 操作 -->
|
<template #controls="{ row }">
|
||||||
<template #controls="{ row }">
|
<el-link size="small" type="success" @click="handleData('edit', row)">编辑</el-link>
|
||||||
<el-link size="small" type="success" @click="addEdit('edit', row)"
|
<el-link size="small" type="primary" @click="handleData('info', row)">查看</el-link>
|
||||||
>编辑</el-link
|
<el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
|
||||||
>
|
</template>
|
||||||
<el-link size="small" type="primary" @click="addEdit('info', row)"
|
</MyTable>
|
||||||
>查看</el-link
|
<div class="ww100 flex just-center mt8">
|
||||||
>
|
<el-button type="primary" @click="intelligent">智能解析</el-button>
|
||||||
<el-link size="small" type="danger" @click="deleteRow(row)"
|
|
||||||
>删除</el-link
|
|
||||||
>
|
|
||||||
</template>
|
|
||||||
</MyTable>
|
|
||||||
<div class="ww100 flex just-center mt8">
|
|
||||||
<el-button type="primary" @click="intelligent()"
|
|
||||||
>智能解析</el-button
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tableCnt mb10 pl10 pr10">
|
<div class="tableCnt mb10 pl10 pr10">
|
||||||
<PageTitle
|
<PageTitle title="模型智能识别/LP解析结果" style="color: #333" ></PageTitle>
|
||||||
title="模型智能识别/LP解析结果"
|
|
||||||
style="color: #333"
|
|
||||||
></PageTitle>
|
|
||||||
<div ref="searchBox" class="mb8">
|
<div ref="searchBox" class="mb8">
|
||||||
<el-button type="primary" size="small" @click="addEdit('add', '')">
|
<el-button :type="it == '批量删除' ? 'danger':'primary'" size="small" v-for="it in btnsList" :key="it" @click="chooseType(it)"> {{ it }} </el-button>
|
||||||
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
|
|
||||||
<span style="vertical-align: middle">新增</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">一件布控</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">级别变更</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">警种变更</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">指定分配</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">添加标签</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">协控申请</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">撤控申请</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">移交管控</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">批量导入</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" size="small" @click="importData">
|
|
||||||
<el-icon style="vertical-align: middle"><Upload /></el-icon>
|
|
||||||
<span style="vertical-align: middle">导出</span>
|
|
||||||
</el-button>
|
|
||||||
<el-button type="danger" size="small" @click="exportData">
|
|
||||||
<el-icon style="vertical-align: middle"><Delete /></el-icon>
|
|
||||||
<span style="vertical-align: middle">批量删除</span>
|
|
||||||
</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<MyTable
|
<MyTable
|
||||||
@ -130,9 +55,9 @@
|
|||||||
:tableColumn="pageData.tableColumn2"
|
:tableColumn="pageData.tableColumn2"
|
||||||
:tableHeight="pageData.tableHeight2"
|
:tableHeight="pageData.tableHeight2"
|
||||||
:key="pageData.keyCount"
|
:key="pageData.keyCount"
|
||||||
:tableConfiger="pageData.tableConfiger2"
|
:tableConfiger="pageData.tableConfiger"
|
||||||
:controlsWidth="pageData.controlsWidth"
|
:controlsWidth="pageData.controlsWidth"
|
||||||
@chooseData="chooseData"
|
@chooseData="chooseDataBottom"
|
||||||
>
|
>
|
||||||
<template #fxDj="{ row }">
|
<template #fxDj="{ row }">
|
||||||
<DictTag
|
<DictTag
|
||||||
@ -159,12 +84,8 @@
|
|||||||
</template>
|
</template>
|
||||||
<!-- 操作 -->
|
<!-- 操作 -->
|
||||||
<template #controls="{ row }">
|
<template #controls="{ row }">
|
||||||
<el-link size="small" type="danger" @click="deleteRow(row)"
|
<el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
|
||||||
>删除</el-link
|
<el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
|
||||||
>
|
|
||||||
<el-link size="small" type="primary" @click="viewDetails(row)"
|
|
||||||
>查看</el-link
|
|
||||||
>
|
|
||||||
</template>
|
</template>
|
||||||
</MyTable>
|
</MyTable>
|
||||||
<Pages
|
<Pages
|
||||||
@ -173,19 +94,14 @@
|
|||||||
:tableHeight="pageData.tableHeight2"
|
:tableHeight="pageData.tableHeight2"
|
||||||
:pageConfiger="{
|
:pageConfiger="{
|
||||||
...pageData.pageConfiger,
|
...pageData.pageConfiger,
|
||||||
total: pageData.total2
|
total: pageData.total }"></Pages>
|
||||||
}"
|
|
||||||
></Pages>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 弹窗智能分析 -->
|
||||||
<IntelligentParsing
|
<IntelligentParsing :tableData="pageData.tableData" ref="IntelligentParsingRef" />
|
||||||
:tableData="pageData.tableData"
|
<addForm ref="addFormDiloag" @onSearch="getModelList" />
|
||||||
ref="IntelligentParsingRef"
|
<Jbbg v-model="isShow" :type="chooselx" :ids="ids" @change="getModelList" :dic="{D_GS_RQFJ_FXDJ}"></Jbbg>
|
||||||
/>
|
|
||||||
|
|
||||||
<addForm ref="addFormDiloag" @onSearch="onSearch" />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -196,43 +112,28 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
|
|||||||
import Pages from "@/components/aboutTable/Pages.vue";
|
import Pages from "@/components/aboutTable/Pages.vue";
|
||||||
import Search from "@/components/aboutTable/Search.vue";
|
import Search from "@/components/aboutTable/Search.vue";
|
||||||
import addForm from "./components/addForm.vue";
|
import addForm from "./components/addForm.vue";
|
||||||
|
import Jbbg from "./components/model.vue";
|
||||||
import IntelligentParsing from "./components/IntelligentParsing.vue";
|
import IntelligentParsing from "./components/IntelligentParsing.vue";
|
||||||
import { ElMessage } from "element-plus";
|
import { ElMessage } from "element-plus";
|
||||||
|
import { qcckGet } from "@/api/qcckApi.js";
|
||||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
|
||||||
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
|
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
|
||||||
import { Delete } from "@element-plus/icons";
|
|
||||||
import { fa } from "element-plus/es/locale.mjs";
|
|
||||||
const { proxy } = getCurrentInstance();
|
const { proxy } = getCurrentInstance();
|
||||||
const { D_GS_RQFJ_LX, D_GS_RQFJ_FXDJ, D_BZ_SF, D_GS_RQFJ_FXLB } = proxy.$dict(
|
const { D_GS_RQFJ_LX, D_GS_RQFJ_FXDJ, D_BZ_SF, D_GS_RQFJ_FXLB } = proxy.$dict('D_GS_RQFJ_FXDJ',"D_GS_RQFJ_LX","D_GS_RQFJ_FXDJ","D_BZ_SF","D_GS_RQFJ_FXLB"); //获取字典数据
|
||||||
"D_GS_RQFJ_LX",
|
|
||||||
"D_GS_RQFJ_FXDJ",
|
|
||||||
"D_BZ_SF",
|
|
||||||
"D_GS_RQFJ_FXLB"
|
|
||||||
); //获取字典数据
|
|
||||||
const searchConfiger = ref([
|
const searchConfiger = ref([
|
||||||
{
|
{ label: "管辖部门", prop: "ssbm", placeholder: "请选择管辖部门", showType: "department" },
|
||||||
label: "管辖部门",
|
{ label: "是否关注", prop: "sfgz", placeholder: "请选择是否关注", showType: "select", options:D_BZ_SF },
|
||||||
prop: "department",
|
|
||||||
placeholder: "请选择管辖部门",
|
|
||||||
showType: "select"
|
|
||||||
},
|
|
||||||
{ label: "是否关注", prop: "sfgz", showType: "defaultSlot" }
|
|
||||||
]);
|
]);
|
||||||
const addFormDiloag = ref();
|
|
||||||
|
|
||||||
const checkData = reactive({
|
const checkData = reactive({
|
||||||
list: ["是", "否"],
|
hasChoose: ["警情"],
|
||||||
hasChoose: ["是", "否"]
|
list: ["警情","人力情报","线索","民警处置文本", "交通事故"],
|
||||||
});
|
});
|
||||||
const btnsList = ref([
|
const btnsList = reactive(['级别变更','警种变更','指定分配','添加标签','批量导入','导出','批量删除'])
|
||||||
"全部",
|
|
||||||
"警情",
|
const chooselx = ref('')
|
||||||
"人力情报",
|
const isShow = ref(false)
|
||||||
"线索",
|
const ids = ref([])
|
||||||
"民警处置文本",
|
|
||||||
"交通事故"
|
const addFormDiloag = ref();
|
||||||
]);
|
|
||||||
const IntelligentParsingRef = ref();
|
const IntelligentParsingRef = ref();
|
||||||
const searchBox = ref();
|
const searchBox = ref();
|
||||||
const queryFrom = ref({});
|
const queryFrom = ref({});
|
||||||
@ -240,20 +141,18 @@ const pageData = reactive({
|
|||||||
tableData: [],
|
tableData: [],
|
||||||
tableData2: [],
|
tableData2: [],
|
||||||
keyCount: 0,
|
keyCount: 0,
|
||||||
|
tableConfiger0: {
|
||||||
|
rowHieght: 61,
|
||||||
|
showSelectType: "null",
|
||||||
|
loading: false
|
||||||
|
},
|
||||||
tableConfiger: {
|
tableConfiger: {
|
||||||
rowHieght: 61,
|
rowHieght: 61,
|
||||||
showSelectType: "checkBox",
|
showSelectType: "checkBox",
|
||||||
loading: false
|
loading: false
|
||||||
},
|
},
|
||||||
tableConfiger2: {
|
tableHeight: 190,
|
||||||
rowHieght: 61,
|
|
||||||
showSelectType: "checkBox",
|
|
||||||
loading: false,
|
|
||||||
showIndex: false
|
|
||||||
},
|
|
||||||
tableHeight: 230,
|
|
||||||
total: 0,
|
total: 0,
|
||||||
total2: 0,
|
|
||||||
pageConfiger: {
|
pageConfiger: {
|
||||||
pageSize: 20,
|
pageSize: 20,
|
||||||
pageCurrent: 1
|
pageCurrent: 1
|
||||||
@ -261,46 +160,24 @@ const pageData = reactive({
|
|||||||
controlsWidth: 160,
|
controlsWidth: 160,
|
||||||
tableColumn: [
|
tableColumn: [
|
||||||
{ label: "发掘类型", prop: "fjLx", showSolt: true },
|
{ label: "发掘类型", prop: "fjLx", showSolt: true },
|
||||||
{ label: "发掘文本 ", prop: "fjWb" }
|
{ label: "发掘文本 ", prop: "fjWb",showOverflowTooltip:true }
|
||||||
],
|
],
|
||||||
tableColumn2: [
|
tableColumn2: [
|
||||||
{ label: "姓名", prop: "ryXm" },
|
{ label: "姓名", prop: "ryXm",showOverflowTooltip:true },
|
||||||
{ label: "英文姓名", prop: "ryXmYw" },
|
{ label: "手机号码", prop: "rySjhm",showOverflowTooltip:true },
|
||||||
{ label: "别名", prop: "ryBm" },
|
{ label: "身份证号码", prop: "rySfzh",showOverflowTooltip:true },
|
||||||
{ label: "网名", prop: "ryWm" },
|
{ label: "户籍地址", prop: "ryHjdz" ,showOverflowTooltip:true},
|
||||||
{ label: "绰号", prop: "ryCh" },
|
{ label: "护照号码", prop: "ryHzhm" ,showOverflowTooltip:true},
|
||||||
{ label: "手机号码", prop: "rySjhm" },
|
{ label: "现住地址", prop: "ryXzdz" ,showOverflowTooltip:true},
|
||||||
{ label: "身份证号码", prop: "rySfzh" },
|
{ label: "附件照片", prop: "ryFjZp" ,showOverflowTooltip:true},
|
||||||
{ label: "户籍地址", prop: "ryHjdz" },
|
{ label: "管辖单位", prop: "gxDwDm" ,showOverflowTooltip:true},
|
||||||
{ label: "护照号码", prop: "ryHzhm" },
|
{ label: "风险等级", prop: "fxDj",showOverflowTooltip:true, showSolt: true },
|
||||||
{ label: "现住地址", prop: "ryXzdz" },
|
{ label: "风险类别", prop: "fxLb",showOverflowTooltip:true, showSolt: true },
|
||||||
{ label: "银行卡号", prop: "ryYhkh" },
|
{ label: "是否关注", prop: "sfGz",showOverflowTooltip:true, showSolt: true },
|
||||||
{ label: "附件照片", prop: "ryFjZp" },
|
{ label: "是否转布控人员", prop: "sfZbkry",showOverflowTooltip:true, showSolt: true },
|
||||||
{ label: "管辖单位", prop: "gxDwDm" },
|
{ label: "是否转重点人员", prop: "sfZzdry",showOverflowTooltip:true, showSolt: true }
|
||||||
{ label: "风险等级", prop: "fxDj", showSolt: true },
|
|
||||||
{ label: "风险类别", prop: "fxLb", showSolt: true },
|
|
||||||
{ label: "是否关注", prop: "sfGz", showSolt: true },
|
|
||||||
{ label: "是否转布控人员", prop: "sfZbkry", showSolt: true },
|
|
||||||
{ label: "是否转重点人员", prop: "sfZzdry", showSolt: true }
|
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
// 树形菜单数据
|
|
||||||
const treeData = ref([
|
|
||||||
{
|
|
||||||
label: "林芝市公安局(200)",
|
|
||||||
children: [
|
|
||||||
{ label: "工布江达县公安局(100)" },
|
|
||||||
{ label: "工布江达城区派出所(10)" },
|
|
||||||
{ label: "某某某派出所(10)" },
|
|
||||||
{ label: "某某某公安局(100)" }
|
|
||||||
]
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
|
|
||||||
const defaultProps = {
|
|
||||||
children: "children",
|
|
||||||
label: "label"
|
|
||||||
};
|
|
||||||
|
|
||||||
// 搜索
|
// 搜索
|
||||||
const onSearch = (val) => {
|
const onSearch = (val) => {
|
||||||
@ -308,6 +185,7 @@ const onSearch = (val) => {
|
|||||||
pageData.pageConfiger.pageCurrent = 1;
|
pageData.pageConfiger.pageCurrent = 1;
|
||||||
getList();
|
getList();
|
||||||
};
|
};
|
||||||
|
|
||||||
const changeNo = (val) => {
|
const changeNo = (val) => {
|
||||||
pageData.pageConfiger.pageCurrent = val;
|
pageData.pageConfiger.pageCurrent = val;
|
||||||
getModelList();
|
getModelList();
|
||||||
@ -316,72 +194,60 @@ const changeSize = (val) => {
|
|||||||
pageData.pageConfiger.pageSize = val;
|
pageData.pageConfiger.pageSize = val;
|
||||||
getModelList();
|
getModelList();
|
||||||
};
|
};
|
||||||
|
|
||||||
// 获取内容列表
|
// 获取内容列表
|
||||||
const getList = (val) => {
|
const getList = (val) => {
|
||||||
pageData.tableConfiger.loading = true;
|
pageData.tableConfiger.loading = true;
|
||||||
let data = { ...queryFrom.value };
|
let data = { ...queryFrom.value };
|
||||||
let url = "/mosty-gsxt/tbGsxtRqfjNr/selectPage";
|
let url = "/mosty-gsxt/tbGsxtRqfjNr/selectPage";
|
||||||
qcckGet(data, url)
|
qcckGet(data, url).then((res) => {
|
||||||
.then((res) => {
|
pageData.tableData = res.records || [];
|
||||||
pageData.tableData = res.records || [];
|
pageData.tableConfiger.loading = false;
|
||||||
pageData.tableConfiger.loading = false;
|
}).catch(() => {
|
||||||
})
|
pageData.tableConfiger.loading = false;
|
||||||
.catch(() => {
|
});
|
||||||
pageData.tableConfiger.loading = false;
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
//获取模型识别列表
|
//获取模型识别列表
|
||||||
const getModelList = (val) => {
|
const getModelList = (val) => {
|
||||||
pageData.tableConfiger2.loading = true;
|
|
||||||
let data = { ...pageData.pageConfiger };
|
let data = { ...pageData.pageConfiger };
|
||||||
let url = "/mosty-gsxt/tbGsxtRqfjRy/selectPage";
|
let url = "/mosty-gsxt/tbGsxtRqfjRy/selectPage";
|
||||||
qcckGet(data, url)
|
qcckGet(data, url).then((res) => {
|
||||||
.then((res) => {
|
pageData.tableData2 = res.records || [];
|
||||||
pageData.tableData2 = res.records || [];
|
pageData.total = res.total;
|
||||||
pageData.total2 = res.total;
|
})
|
||||||
pageData.tableConfiger2.loading = false;
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
pageData.tableConfiger2.loading = false;
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
//新增编辑
|
//新增- 编辑
|
||||||
const addEdit = (type, row) => {
|
const handleData = (type, row) => {
|
||||||
addFormDiloag.value.init(type, row);
|
addFormDiloag.value.init(type, row);
|
||||||
};
|
};
|
||||||
|
// 智能解析
|
||||||
const intelligent = () => {
|
const intelligent = () => {
|
||||||
IntelligentParsingRef.value.init();
|
IntelligentParsingRef.value.init();
|
||||||
};
|
};
|
||||||
const submitData = () => {
|
|
||||||
dialogVisible.value = false;
|
|
||||||
};
|
|
||||||
// 事件处理函数
|
|
||||||
const handleNodeClick = (data) => {
|
|
||||||
console.log(data);
|
|
||||||
};
|
|
||||||
//删除操作
|
//删除操作
|
||||||
const deleteRow = (row) => {
|
const deleteRow = (row) => {
|
||||||
qcckGet({}, "/mosty-gsxt/tbGsxtRqfjNr/closeById/" + row.id)
|
qcckGet({}, "/mosty-gsxt/tbGsxtRqfjNr/closeById/" + row.id).then((res) => {
|
||||||
.then((res) => {
|
ElMessage.success("删除成功");
|
||||||
ElMessage.success("删除成功");
|
getList();
|
||||||
getList();
|
})
|
||||||
})
|
|
||||||
.catch(() => {});
|
|
||||||
};
|
|
||||||
const handleDateChange = () => {
|
|
||||||
// 处理日期变化
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleExport = () => {
|
|
||||||
// 处理导出
|
// 选择数据
|
||||||
};
|
const chooseDataBottom = (val) =>{
|
||||||
|
if(Array.isArray(val)) ids.value = val.map(item=>item.id);
|
||||||
|
}
|
||||||
|
|
||||||
|
const chooseType = (val)=>{
|
||||||
|
if(ids.value.length == 0) return ElMessage.warning("请选择对应的数据");
|
||||||
|
chooselx.value = val;
|
||||||
|
isShow.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
const tabHeightFn = () => {
|
const tabHeightFn = () => {
|
||||||
pageData.tableHeight2 =
|
pageData.tableHeight2 = window.innerHeight - searchBox.value.offsetHeight - 650;
|
||||||
window.innerHeight - searchBox.value.offsetHeight - 690;
|
window.onresize = function () { tabHeightFn(); };
|
||||||
window.onresize = function () {
|
|
||||||
tabHeightFn();
|
|
||||||
};
|
|
||||||
};
|
};
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
@ -398,34 +264,53 @@ onMounted(() => {
|
|||||||
.left-menu {
|
.left-menu {
|
||||||
float: left;
|
float: left;
|
||||||
width: 280px;
|
width: 280px;
|
||||||
height: calc(100% - 20px);
|
height: calc(100% - 10px);
|
||||||
padding: 20px;
|
padding: 20px 4px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-right: 1px solid #e8e8e8;
|
border-right: 1px solid #e8e8e8;
|
||||||
color: #333;
|
color: #333;
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
text-align: center;
|
::v-deep .checkBox{
|
||||||
.left-menu-item {
|
flex-direction: column;
|
||||||
border-bottom: 1px solid #e8e8e8;
|
.checkall{
|
||||||
&:hover {
|
margin: 0;
|
||||||
color: #409eff;
|
|
||||||
background: rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
::v-deep .el-checkbox-group{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
::v-deep .is-checked{
|
||||||
|
background: rgb(242, 249, 255);
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
::v-deep .el-checkbox{
|
||||||
|
padding-left: 8px;
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
.all{
|
||||||
|
width: calc(100% - 4px);
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.right-content {
|
.right-content {
|
||||||
float: left;
|
float: left;
|
||||||
width: calc(100% - 402px);
|
width: calc(100% - 290px);
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0 20px 0;
|
padding: 0 20px 0;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
.tableCnt1{
|
||||||
|
height: 290px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
.tableCnt {
|
.tableCnt {
|
||||||
height: calc((100vh - 253px) / 2);
|
height: calc(100vh - 257px - 290px);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user