zy_oyj/sgxt_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新后台

Browse Source
This commit is contained in:
zy_zr
2025-04-23 15:47:01 +08:00
parent aa18dbf3ef
commit 3358aa3e49
29 changed files with 1027 additions and 2163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

206
src/views/backOfficeSystem/CivilExplosives/BlastingAccidents/components/detailForm.vue
View File

@ -1,161 +1,91 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">爆破事故登记{{ title }}</span>
<span class="title">爆破事故登记{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
<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="请输入业务流水号"/>
</el-form-item>
<el-form-item label="发生时间">
<el-date-picker v-model="listQuery.fssj" type="datetime" style="width:100%" placeholder="请选择发生时间"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="民用爆炸物品发生环节">
<el-input v-model="listQuery.mybzwpfshj" placeholder="请输入发生环节"/>
</el-form-item>
<el-form-item label="事故发生地">
<el-input v-model="listQuery.sgfsd" placeholder="请输入事故发生地"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="死亡人数">
<el-input-number v-model="listQuery.swrs" :min="0" style="width:100%;" placeholder="请输入死亡人数"/>
</el-form-item>
<el-form-item label="受伤人数">
<el-input-number v-model="listQuery.ssrs" :min="0" style="width:100%;" placeholder="请输入受伤人数"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="损失价值（人民币万元）">
<el-input-number v-model="listQuery.ssjz" :min="0" style="width:100%;" :precision="2" placeholder="请输入损失价值"/>
</el-form-item>
<el-form-item label="民用爆炸物品爆炸事故原因">
<el-input v-model="listQuery.mybzwpbzsgyy" placeholder="请输入事故原因"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="民用爆炸物品爆炸事故发生区域">
<el-input v-model="listQuery.mybzwpbzsgfsqy" placeholder="请输入事故发生区域"/>
</el-form-item>
<el-form-item label="民用爆炸物品爆炸事故性质">
<el-input v-model="listQuery.mybzwpbzsgxz" placeholder="请输入事故性质"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="登记人姓名">
<el-input v-model="listQuery.djrxm" placeholder="请输入登记人姓名"/>
</el-form-item>
<el-form-item label="登记单位名称">
<el-input v-model="listQuery.djdwmc" placeholder="请输入登记单位名称"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="发生场所部位详细情况">
<el-input type="textarea" v-model="listQuery.fscsxq" :rows="3" placeholder="请输入详细情况"/>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" labelWidth="220px" ref="elform" :rules="rules"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
const title = ref('');
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "爆破事故登记业务流水号", prop: "ywlsh", type: "input",width: "48%" },
{ label: "发生时间", prop: "ssxq", type: "datetime", width: "48%"},
{ label: "民用爆炸物品发生环节", prop: "mybzwpfshj", type: "input",width: "48%" },
{ label: "事故发生地", prop: "sgfsd", type: "input",width: "48%" },
{ label: "死亡人数", prop: "swrs", type: "number" ,width: "48%"},
{ label: "受伤人数", prop: "ssrs", type: "number" ,width: "48%"},
{ label: "损失价值（人民币万元）", prop: "ssjz", type: "number",width: "48%" },
{ label: "民用爆炸物品爆炸事故原因", prop: "mybzwpbzsgyy", type: "textarea" ,width: "100%"},
{ label: "民用爆炸物品爆炸事故发生区域", prop: "mybzwpbzsgfsqy", type: "input",width: "48%" },
{ label: "民用爆炸物品爆炸事故性质", prop: "mybzwpbzsgxz", type: "input",width: "48%" },
{ label: "登记人姓名", prop: "djrxm", type: "input",width: "48%" },
{ label: "登记单位名称", prop: "djdwmc", type: "input",width: "48%" },
{ label: "发生场所部位详细情况", prop: "djdwmc", type: "textarea" ,width: "100%" },
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const rules = reactive({
rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
});
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
title.value = type === 'edit' ? '编辑' : '详情';
listQuery.value = { ...row };
} else {
title.value = '新增';
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 提交
const submit = () => {
elform.value.submit((data)=>{
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
// let params = { ...data }
// qcckPost(params, url).then((res) => {
// proxy.$message({ type: "success", message: title.value + "成功" });
// emit("updateDate");
// close();
// }).catch(() => {});
});
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

8
src/views/backOfficeSystem/CivilExplosives/BlastingAccidents/index.vue
View File

@ -42,9 +42,9 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-button>
<el-button size="small" type="primary" link @click="addEdit('detail', row)">详情</el-button>
<el-button size="small" @click="delDictItem([row.id])" type="danger">删除</el-button >
<el-link size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="primary" link @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" @click="delDictItem([row.id])" type="danger">删除</el-link >
</template>
</MyTable>
<Pages
@ -118,7 +118,7 @@ const pageData = reactive({
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 80,
controlsWidth: 180,
tableColumn: [
{ label: "爆破事故登记业务流水号", prop: "flowNumber" },
{ label: "发生时间", prop: "accidentTime" },

144
src/views/backOfficeSystem/CivilExplosives/BlastingOperations/components/detailForm.vue
View File

@ -6,121 +6,61 @@
<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="请输入业务流水号"/>
</el-form-item>
<el-form-item label="行政区划">
<el-input v-model="listQuery.xzqh" placeholder="请输入行政区划"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="项目名称">
<el-input v-model="listQuery.xmmc" placeholder="请输入项目名称"/>
</el-form-item>
<el-form-item label="项目级别">
<el-input v-model="listQuery.xmjb" placeholder="请输入项目级别"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="委托单位名称">
<el-input v-model="listQuery.wtdwmc" placeholder="请输入委托单位名称"/>
</el-form-item>
<el-form-item label="作业开始时间">
<el-date-picker v-model="listQuery.zyksrq" type="datetime" style="width:100%" placeholder="请选择作业开始时间"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="作业结束时间">
<el-date-picker v-model="listQuery.zyjsrq" type="datetime" style="width:100%" placeholder="请选择作业结束时间"/>
</el-form-item>
<el-form-item label="设计施工单位">
<el-input v-model="listQuery.sjsgdw" placeholder="请输入设计施工单位"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="安全评估单位">
<el-input v-model="listQuery.aqpgdw" placeholder="请输入安全评估单位"/>
</el-form-item>
<el-form-item label="安全监理单位">
<el-input v-model="listQuery.aqjldw" placeholder="请输入安全监理单位"/>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" labelWidth="180px"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "爆破作业项目业务流水号", prop: "ywlsh", type: "input",width: "30%" },
{ label: "行政区划", prop: "xzqh", type: "input",width: "30%" },
{ label: "项目名称", prop: "xmmc", type: "input",width: "30%"},
{ label: "项目级别", prop: "xmjb", type: "input",width: "30%"},
{ label: "委托单位名称", prop: "wtdwmc", type: "input",width: "30%"},
{ label: "作业开始时间", prop: "zyksrq", type: "datetime",width: "30%"},
{ label: "作业结束时间", prop: "zyjsrq", type: "datetime",width: "30%"},
{ label: "设计施工单位", prop: "sjsgdw", type: "input",width: "30%" },
{ label: "安全评估单位", prop: "aqpgdw", type: "input",width: "30%" },
{ label: "安全监理单位", prop: "aqjldw", type: "input",width: "30%" },
]);
const listQuery = ref({}); //表单
const elform = ref();
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
listQuery.value = { ...row };
} else {
listQuery.value = {};
}
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

10
src/views/backOfficeSystem/CivilExplosives/BlastingOperations/index.vue
View File

@ -5,7 +5,11 @@
</div>
<!-- 搜索 -->
<div ref="searchBox">
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
<Search
:searchArr="searchConfiger"
@submit="onSearch"
:key="pageData.keyCount"
/>
</div>
<!-- 表格 -->
<div class="tabBox">
@ -29,8 +33,8 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-button type="primary" link @click="addEdit('detail', row)"
>详情</el-button
<el-link type="primary" link @click="addEdit('detail', row)"
>详情</el-link
>
</template>
</MyTable>

161
src/views/backOfficeSystem/CivilExplosives/ExplosionAccidents/components/detailForm.vue
View File

@ -1,122 +1,85 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">爆炸事故单位信息{{ title }}</span>
<span class="title">爆炸事故单位信息{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
<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.xzqh" placeholder="请输入行政区划"/>
</el-form-item>
<el-form-item label="事故业务流水号码">
<el-input v-model="listQuery.ywlsh" placeholder="请输入事故业务流水号码"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="登记日期">
<el-date-picker v-model="listQuery.djrq" type="date" style="width:100%" placeholder="请选择登记日期"/>
</el-form-item>
<el-form-item label="单位编号_顺序号">
<el-input v-model="listQuery.dwbh" placeholder="请输入单位编号_顺序号"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="单位名称">
<el-input v-model="listQuery.dwmc" placeholder="请输入单位名称"/>
</el-form-item>
<el-form-item label="单位地址">
<el-input v-model="listQuery.dwdz" placeholder="请输入单位地址"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="处理详细情况" label-width="230">
<el-input
type="textarea"
v-model="listQuery.clxxqk"
:rows="4"
placeholder="请输入处理详细情况"
style="width: 100%"
/>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" ref="elform" :rules="rules"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
const title = ref('');
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "行政区划", prop: "xzqh", type: "input" },
{ label: "事故业务流水号码", prop: "ywlsh", type: "input" },
{ label: "登记日期", prop: "djrq", type: "date",},
{ label: "单位编号_顺序号", prop: "dwbh", type: "input" },
{ label: "单位名称", prop: "dwmc", type: "input" },
{ label: "单位地址", prop: "dwdz", type: "input" },
{ label: "处理详细情况", prop: "clxxqk", type: "textarea" ,width: "100%"},
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const rules = reactive({
rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
});
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
title.value = type === 'edit' ? '编辑' : '详情';
listQuery.value = { ...row };
} else {
title.value = '新增';
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 提交
const submit = () => {
elform.value.submit((data)=>{
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
// let params = { ...data }
// qcckPost(params, url).then((res) => {
// proxy.$message({ type: "success", message: title.value + "成功" });
// emit("updateDate");
// close();
// }).catch(() => {});
});
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

8
src/views/backOfficeSystem/CivilExplosives/ExplosionAccidents/index.vue
View File

@ -34,9 +34,9 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-button>
<el-button size="small" type="primary" link @click="addEdit('detail', row)">详情</el-button>
<el-button size="small" @click="delDictItem([row.id])" type="danger">删除</el-button >
<el-link size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="primary" link @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" @click="delDictItem([row.id])" type="danger">删除</el-link >
</template>
</MyTable>
<Pages
@ -136,7 +136,7 @@ const pageData = reactive({
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 80,
controlsWidth: 180,
tableColumn: [
{ label: "单位名称", prop: "unitName" },
{ label: "行政区划", prop: "administrativeArea" },

186
src/views/backOfficeSystem/CivilExplosives/ExplosivesRelated/components/detailForm.vue
View File

@ -1,75 +1,15 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">图片详情</span>
<span class="title">涉爆从业单位管理详情</span>
<div>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<div class="form_cnt">
<el-tabs v-model="activeName">
<el-tab-pane label="图片基本信息" name="first">
<el-form :model="listQuery" :label-width="230" label-position="left">
<div class="form-row">
<el-form-item label="图片名称">
<el-input v-model="listQuery.imageName" disabled/>
</el-form-item>
<el-form-item label="图片类型">
<el-input v-model="listQuery.imageType" disabled/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="上传时间">
<el-input v-model="listQuery.uploadTime" disabled/>
</el-form-item>
<el-form-item label="文件大小">
<el-input v-model="listQuery.fileSize" disabled/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="图片分辨率">
<el-input v-model="listQuery.resolution" disabled/>
</el-form-item>
<el-form-item label="图片格式">
<el-input v-model="listQuery.format" disabled/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="拍摄设备">
<el-input v-model="listQuery.device" disabled/>
</el-form-item>
<el-form-item label="拍摄时间">
<el-input v-model="listQuery.shootTime" disabled/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="拍摄地点">
<el-input v-model="listQuery.location" disabled/>
</el-form-item>
<el-form-item label="图片标签">
<el-input v-model="listQuery.tags" disabled/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="图片描述" :label-width="460">
<el-input type="textarea" v-model="listQuery.description" disabled rows="3"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="图片预览" :label-width="460">
<div class="image-preview">
<img :src="listQuery.imageUrl" alt="图片预览" v-if="listQuery.imageUrl"/>
<div class="no-image" v-else>暂无图片</div>
</div>
</el-form-item>
</div>
</el-form>
<FormMessage :formList="formData" ref="elform"></FormMessage>
</el-tab-pane>
<el-tab-pane label="图片处理记录" name="second">图片处理记录</el-tab-pane>
<el-tab-pane label="使用历史" name="third">使用历史</el-tab-pane>
@ -79,92 +19,60 @@
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const activeName = ref('first');
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "图片名称", prop: "imageName", type: "input" },
{ label: "图片类型", prop: "imageType", type: "input" },
{ label: "上传时间", prop: "uploadTime", type: "date",},
{ label: "文件大小", prop: "fileSize", type: "input" },
{ label: "图片分辨率", prop: "resolution", type: "input" },
{ label: "图片格式", prop: "format", type: "input" },
{ label: "拍摄设备", prop: "device", type: "input" },
{ label: "拍摄时间", prop: "shootTime", type: "date" },
{ label: "拍摄地点", prop: "location", type: "input" },
{ label: "图片标签", prop: "tags", type: "input" },
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const elform = ref();
const title = ref("");
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
listQuery.value = { ...row };
} else {
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
};
defineExpose({init});
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-preview {
width: 100%;
min-height: 300px;
border: 1px solid #E3E7ED;
display: flex;
align-items: center;
justify-content: center;
img {
max-width: 100%;
max-height: 500px;
object-fit: contain;
}
.no-image {
color: #999;
font-size: 14px;
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

4
src/views/backOfficeSystem/CivilExplosives/ExplosivesRelated/index.vue
View File

@ -20,8 +20,8 @@
>
<!-- 操作 -->
<template #controls="{ row }">
<el-button type="primary" link @click="addEdit('detail', row)"
>详情</el-button
<el-link type="primary" @click="addEdit('detail', row)"
>详情</el-link
>
</template>
</MyTable>

164
src/views/backOfficeSystem/CivilExplosives/Illegal/components/detailForm.vue
View File

@ -1,126 +1,84 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">涉爆违章项目信息{{ title }}</span>
<span class="title">涉爆违章项目信息{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
<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.xzqh" placeholder="请输入行政区划"/>
</el-form-item>
<el-form-item label="统一社会信用代码">
<el-input v-model="listQuery.tyshxydm" placeholder="请输入统一社会信用代码"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="登记日期">
<el-date-picker v-model="listQuery.djrq" type="date" style="width:100%" placeholder="请选择登记日期"/>
</el-form-item>
<el-form-item label="顺序号">
<el-input v-model="listQuery.sxh" placeholder="请输入顺序号"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="主要内容顺序号">
<el-input v-model="listQuery.zynrsxh" placeholder="请输入主要内容顺序号"/>
</el-form-item>
<el-form-item label="违章登记日期">
<el-date-picker v-model="listQuery.wzdjrq" type="date" style="width:100%" placeholder="请选择违章登记日期"/>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" ref="elform" :rules="rules"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
const title = ref('');
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "行政区划", prop: "xzqh", type: "input" },
{ label: "统一社会信用代码", prop: "tyshxydm", type: "input" },
{ label: "登记日期", prop: "djrq", type: "date",},
{ label: "顺序号", prop: "dwbh", type: "input" },
{ label: "主要内容顺序号", prop: "dwmc", type: "input" },
{ label: "违章登记日期", prop: "dwdz", type: "date" },
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const rules = reactive({
rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
});
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
title.value = type === 'edit' ? '编辑' : '详情';
listQuery.value = { ...row };
} else {
title.value = '新增';
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 提交
const submit = () => {
elform.value.submit((data)=>{
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
// let params = { ...data }
// qcckPost(params, url).then((res) => {
// proxy.$message({ type: "success", message: title.value + "成功" });
// emit("updateDate");
// close();
// }).catch(() => {});
});
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

6
src/views/backOfficeSystem/CivilExplosives/Illegal/index.vue
View File

@ -42,9 +42,9 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-button>
<el-button size="small" type="primary" link @click="addEdit('detail', row)">详情</el-button>
<el-button size="small" @click="delDictItem([row.id])" type="danger">删除</el-button >
<el-link size="small" type="primary" @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" @click="delDictItem([row.id])" type="danger">删除</el-link >
</template>
</MyTable>
<Pages

274
src/views/backOfficeSystem/CivilExplosives/KeyPersonnel/components/detailForm.vue
View File

@ -1,218 +1,102 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">涉爆重点人员{{ title }}</span>
<span class="title">涉爆重点人员{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
<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="请输入业务流水号"/>
</el-form-item>
<el-form-item label="行政区划">
<el-input v-model="listQuery.xzqh" placeholder="请输入行政区划"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="单位名称">
<el-input v-model="listQuery.dwmc" placeholder="请输入单位名称"/>
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="listQuery.xm" placeholder="请输入姓名"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="别名">
<el-input v-model="listQuery.bm" placeholder="请输入别名"/>
</el-form-item>
<el-form-item label="性别">
<el-select v-model="listQuery.xb" placeholder="请选择性别" style="width:100%">
<el-option label="男" value="男"/>
<el-option label="女" value="女"/>
</el-select>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="出生日期">
<el-date-picker v-model="listQuery.csrq" type="date" style="width:100%" placeholder="请选择出生日期"/>
</el-form-item>
<el-form-item label="民族">
<el-input v-model="listQuery.mz" placeholder="请输入民族"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="文化程度">
<el-input v-model="listQuery.whcd" placeholder="请输入文化程度"/>
</el-form-item>
<el-form-item label="职业">
<el-input v-model="listQuery.zy" placeholder="请输入职业"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="身份证号">
<el-input v-model="listQuery.sfzh" placeholder="请输入身份证号"/>
</el-form-item>
<el-form-item label="户籍地址">
<el-input v-model="listQuery.hjdz" placeholder="请输入户籍地址"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="居住地址">
<el-input v-model="listQuery.jzdz" placeholder="请输入居住地址"/>
</el-form-item>
<el-form-item label="身高">
<el-input v-model="listQuery.sg" placeholder="请输入身高"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="口音">
<el-input v-model="listQuery.ky" placeholder="请输入口音"/>
</el-form-item>
<el-form-item label="移动电话">
<el-input v-model="listQuery.yddh" placeholder="请输入移动电话"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="重点人员体貌特征">
<el-input v-model="listQuery.zdrytz" placeholder="请输入体貌特征"/>
</el-form-item>
<el-form-item label="列管依据_详细情况">
<el-input v-model="listQuery.lgyj" placeholder="请输入列管依据"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="列管日期">
<el-date-picker v-model="listQuery.lgrq" type="date" style="width:100%" placeholder="请选择列管日期"/>
</el-form-item>
<el-form-item label="填报人姓名">
<el-input v-model="listQuery.tbrxm" placeholder="请输入填报人姓名"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="填报日期">
<el-date-picker v-model="listQuery.tbrq" type="date" style="width:100%" placeholder="请选择填报日期"/>
</el-form-item>
<el-form-item label="填报单位名称">
<el-input v-model="listQuery.tbdwmc" placeholder="请输入填报单位名称"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="备注">
<el-input type="textarea" v-model="listQuery.bz" :rows="3" placeholder="请输入备注"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="照片">
<div class="image-group">
<div v-for="(url, index) in listQuery.photos" :key="index" class="image-item">
<el-image :src="url" fit="cover"/>
</div>
</div>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" ref="elform" :rules="rules"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
const title = ref('');
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "业务流水号", prop: "ywlsh", type: "input" },
{ label: "行政区划", prop: "xzqh", type: "input" },
{ label: "单位名称", prop: "dwmc", type: "input" },
{ label: "姓名", prop: "xm", type: "input" },
{ label: "别名", prop: "bm", type: "input" },
{ label: "性别", prop: "xb", type: "select",options: [{ label: "男", value: "1" }, { label: "女", value: "2" }] },
{ label: "出生日期", prop: "csrq", type: "date",},
{ label: "民族", prop: "mz", type: "input" },
{ label: "文化程度", prop: "whcd", type: "input" },
{ label: "职业", prop: "zy", type: "input" },
{ label: "身份证号", prop: "sfzh", type: "input" },
{ label: "户籍地址", prop: "hjdz", type: "input" },
{ label: "居住地址", prop: "jzdz", type: "input" },
{ label: "身高", prop: "sg", type: "input" },
{ label: "口音", prop: "ky", type: "input" },
{ label: "移动电话", prop: "yddh", type: "input" },
{ label: "重点人员体貌特征", prop: "zdrytz", type: "input" },
{ label: "列管依据_详细情况", prop: "lgyj", type: "input" },
{ label: "列管日期", prop: "lgrq", type: "date" },
{ label: "填报人姓名", prop: "tbrxm", type: "input" },
{ label: "填报日期", prop: "tbrq", type: "date" },
{ label: "填报单位名称", prop: "tbdwmc", type: "input" },
{ label: "备注", prop: "bz", type: "textarea",width: '100%' },
{ label: "照片", prop: "zp", type: "upload",width: '100%' },
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const rules = reactive({
rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
});
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
title.value = type === 'edit' ? '编辑' : '详情';
listQuery.value = { ...row };
} else {
title.value = '新增';
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 提交
const submit = () => {
elform.value.submit((data)=>{
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
// let params = { ...data }
// qcckPost(params, url).then((res) => {
// proxy.$message({ type: "success", message: title.value + "成功" });
// emit("updateDate");
// close();
// }).catch(() => {});
});
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

14
src/views/backOfficeSystem/CivilExplosives/KeyPersonnel/index.vue
View File

@ -46,22 +46,20 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-button
<el-link
size="small"
type="primary"
link
@click="addEdit('edit', row)"
>编辑</el-button
>编辑</el-link
>
<el-button
<el-link
size="small"
type="primary"
link
@click="addEdit('detail', row)"
>详情</el-button
>详情</el-link
>
<el-button size="small" @click="delDictItem([row.id])" type="danger"
>删除</el-button
<el-link size="small" @click="delDictItem([row.id])" type="danger"
>删除</el-link
>
</template>
</MyTable>

175
src/views/backOfficeSystem/CivilExplosives/PersonnelInformation/components/detailForm.vue
View File

@ -1,134 +1,87 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">爆炸事故人员信息{{ title }}</span>
<span class="title">爆炸事故人员信息{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
<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.xzqh" placeholder="请输入行政区划"/>
</el-form-item>
<el-form-item label="事故业务流水号码">
<el-input v-model="listQuery.ywlsh" placeholder="请输入事故业务流水号码"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="登记日期">
<el-date-picker v-model="listQuery.djrq" type="date" style="width:100%" placeholder="请选择登记日期"/>
</el-form-item>
<el-form-item label="人员顺序号">
<el-input v-model="listQuery.ryxh" placeholder="请输入人员顺序号"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="姓名">
<el-input v-model="listQuery.xm" placeholder="请输入姓名"/>
</el-form-item>
<el-form-item label="性别">
<el-select v-model="listQuery.xb" placeholder="请选择性别" style="width:100%">
<el-option label="男" value="男"/>
<el-option label="女" value="女"/>
</el-select>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="年龄">
<el-input-number v-model="listQuery.nl" :min="0" style="width:100%" placeholder="请输入年龄"/>
</el-form-item>
<el-form-item label="公民身份证号码">
<el-input v-model="listQuery.sfzh" placeholder="请输入公民身份证号码"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="处理详细情况" label-width="230">
<el-input
type="textarea"
v-model="listQuery.clxxqk"
:rows="4"
placeholder="请输入处理详细情况"
style="width: 100%"
/>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" ref="elform" :rules="rules"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
const title = ref('');
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "行政区划", prop: "xzqh", type: "input" },
{ label: "事故业务流水号码", prop: "ywlsh", type: "input" },
{ label: "登记日期", prop: "djrq", type: "date",},
{ label: "人员顺序号", prop: "ryxh", type: "input" },
{ label: "姓名", prop: "xm", type: "input" },
{ label: "性别", prop: "xb", type: "select",options: [{ label: "男", value: "1" }, { label: "女", value: "2" }] },
{ label: "年龄", prop: "nl", type: "input" },
{ label: "公民身份证号码", prop: "sfzh", type: "input" },
{ label: "处理详细情况", prop: "clxxqk", type: "textarea" ,width: "100%"},
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const rules = reactive({
xm: [{ required: true, message: "请输入姓名", trigger: "blur" }]
});
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
title.value = type === 'edit' ? '编辑' : '详情';
listQuery.value = { ...row };
} else {
title.value = '新增';
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 提交
const submit = () => {
elform.value.submit((data)=>{
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
// let params = { ...data }
// qcckPost(params, url).then((res) => {
// proxy.$message({ type: "success", message: title.value + "成功" });
// emit("updateDate");
// close();
// }).catch(() => {});
});
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

8
src/views/backOfficeSystem/CivilExplosives/PersonnelInformation/index.vue
View File

@ -34,9 +34,9 @@
</template>
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-button>
<el-button size="small" type="primary" link @click="addEdit('detail', row)">详情</el-button>
<el-button size="small" @click="delDictItem([row.id])" type="danger">删除</el-button >
<el-link size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="primary" link @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" @click="delDictItem([row.id])" type="danger">删除</el-link >
</template>
</MyTable>
<Pages
@ -136,7 +136,7 @@ const pageData = reactive({
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 80,
controlsWidth: 180,
tableColumn: [
{ label: "姓名", prop: "name" },
{ label: "事故业务流水号码", prop: "accidentSerialNumber" },

219
src/views/backOfficeSystem/CivilExplosives/SuspensionInfo/components/detailForm.vue
View File

@ -1,173 +1,94 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">停产停业信息{{ title }}</span>
<span class="title">停产停业信息{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
<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="请输入停产停业业务流水号"/>
</el-form-item>
<el-form-item label="统一社会信用代码">
<el-input v-model="listQuery.tyshxydm" placeholder="请输入统一社会信用代码"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="检查人姓名">
<el-input v-model="listQuery.jcrxm" placeholder="请输入检查人姓名"/>
</el-form-item>
<el-form-item label="填发人姓名">
<el-input v-model="listQuery.tfrxm" placeholder="请输入填发人姓名"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="批准人姓名">
<el-input v-model="listQuery.pzrxm" placeholder="请输入批准人姓名"/>
</el-form-item>
<el-form-item label="批准文件证件号码">
<el-input v-model="listQuery.pzwjzjhm" placeholder="请输入批准文件证件号码"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="被通知人姓名">
<el-input v-model="listQuery.btzrxm" placeholder="请输入被通知人姓名"/>
</el-form-item>
<el-form-item label="填发时间">
<el-date-picker v-model="listQuery.tfsj" type="datetime" style="width:100%" placeholder="请选择填发时间"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="登记人姓名">
<el-input v-model="listQuery.djrxm" placeholder="请输入登记人姓名"/>
</el-form-item>
<el-form-item label="登记单位名称">
<el-input v-model="listQuery.djdwmc" placeholder="请输入登记单位名称"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="受理行政区划单位名称">
<el-input v-model="listQuery.slxzqhdwmc" placeholder="请输入受理行政区划单位名称"/>
</el-form-item>
<el-form-item label="办案单位名称">
<el-input v-model="listQuery.badwmc" placeholder="请输入办案单位名称"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="具体修正项目详细情况">
<el-input
type="textarea"
v-model="listQuery.jtxzxmxxqk"
:rows="4"
placeholder="请输入具体修正项目详细情况"
style="width: 100%"
/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="执法依据详细情况">
<el-input
type="textarea"
v-model="listQuery.zfyjxxqk"
:rows="4"
placeholder="请输入执法依据详细情况"
style="width: 100%"
/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="违法犯罪经历描述">
<el-input
type="textarea"
v-model="listQuery.wffzjlms"
:rows="4"
placeholder="请输入违法犯罪经历描述"
style="width: 100%"
/>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" ref="elform" labelWidth="160px" :rules="rules"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "停产停业业务流水号", prop: "ywlsh", type: "input" },
{ label: "统一社会信用代码", prop: "xzqh", type: "input" },
{ label: "检查人姓名", prop: "jcrxm", type: "input" },
{ label: "填发人姓名", prop: "tfrxm", type: "input" },
{ label: "批准人姓名", prop: "pzrxm", type: "input" },
{ label: "批准文件证件号码", prop: "pzwjzjhm", type: "input" },
{ label: "被通知人姓名", prop: "btzrxm", type: "input" },
{ label: "填发时间", prop: "tfsj", type: "datetime" },
{ label: "登记人姓名", prop: "djrxm", type: "input" },
{ label: "登记单位名称", prop: "djdwmc", type: "input" },
{ label: "受理行政区划单位名称", prop: "slxzqhdwmc", type: "input" },
{ label: "办案单位名称", prop: "badwmc", type: "input" },
{ label: "具体修正项目详细情况", prop: "jtxzxmxxqk", type: "textarea",width: '100%' },
{ label: "执法依据详细情况", prop: "zfyjxxqk", type: "textarea" ,width: '100%'},
{ label: "违法犯罪经历描述", prop: "wffzjlms", type: "textarea" ,width: '100%'},
const dialogForm = ref(false);
const listQuery = ref({});
const title = ref('');
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const rules = reactive({
rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
});
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
title.value = type === 'edit' ? '编辑' : '详情';
listQuery.value = { ...row };
} else {
title.value = '新增';
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 提交
const submit = () => {
elform.value.submit((data)=>{
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
// let params = { ...data }
// qcckPost(params, url).then((res) => {
// proxy.$message({ type: "success", message: title.value + "成功" });
// emit("updateDate");
// close();
// }).catch(() => {});
});
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

8
src/views/backOfficeSystem/CivilExplosives/SuspensionInfo/index.vue
View File

@ -25,9 +25,9 @@
>
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-button>
<el-button size="small" type="primary" link @click="addEdit('detail', row)">详情</el-button>
<el-button size="small" type="primary" link>详细</el-button>
<el-link size="small" type="primary" @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" type="primary">详细</el-link>
</template>
</MyTable>
<Pages
@ -132,7 +132,7 @@ const pageData = reactive({
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 220,
controlsWidth: 180,
tableColumn: [
{ label: "停产停业业务流水号", prop: "suspensionSerialNumber" },
{ label: "受理行政区划单位名称", prop: "administrativeUnit" },

211
src/views/backOfficeSystem/CivilExplosives/ViolationPersonnel/components/detailForm.vue
View File

@ -1,165 +1,92 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">违章人员信息{{ title }}</span>
<span class="title">违章人员信息{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
<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.administrativeArea" placeholder="请输入行政区划"/>
</el-form-item>
<el-form-item label="统一社会信用代码">
<el-input v-model="listQuery.socialCreditCode" placeholder="请输入统一社会信用代码"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="登记日期">
<el-date-picker v-model="listQuery.registrationDate" type="date" style="width:100%" placeholder="请选择登记日期"/>
</el-form-item>
<el-form-item label="顺序号">
<el-input v-model="listQuery.sequenceNumber" placeholder="请输入顺序号"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="人员顺序号">
<el-input v-model="listQuery.personSequenceNumber" placeholder="请输入人员顺序号"/>
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="listQuery.name" placeholder="请输入姓名"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="性别">
<el-select v-model="listQuery.gender" placeholder="请选择性别" style="width:100%">
<el-option label="男" value="男"/>
<el-option label="女" value="女"/>
</el-select>
</el-form-item>
<el-form-item label="年龄">
<el-input-number v-model="listQuery.age" :min="0" style="width:100%" placeholder="请输入年龄"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="身份证号码">
<el-input v-model="listQuery.idNumber" placeholder="请输入身份证号码"/>
</el-form-item>
<el-form-item label="联系电话">
<el-input v-model="listQuery.phoneNumber" placeholder="请输入联系电话"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="批准人姓名">
<el-input v-model="listQuery.approverName" placeholder="请输入批准人姓名"/>
</el-form-item>
<el-form-item label="经办人姓名">
<el-input v-model="listQuery.handlerName" placeholder="请输入经办人姓名"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="违章详细情况">
<el-input
type="textarea"
v-model="listQuery.violationDetails"
:rows="4"
placeholder="请输入违章详细情况"
style="width: 100%"
/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="处理详细情况">
<el-input
type="textarea"
v-model="listQuery.processingDetails"
:rows="4"
placeholder="请输入处理详细情况"
style="width: 100%"
/>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" ref="elform" :rules="rules"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
const title = ref('');
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "行政区划", prop: "administrativeArea", type: "input" },
{ label: "统一社会信用代码", prop: "socialCreditCode", type: "input" },
{ label: "登记日期", prop: "registrationDate", type: "date" },
{ label: "顺序号", prop: "sequenceNumber", type: "input" },
{ label: "人员顺序号", prop: "personSequenceNumber", type: "number" },
{ label: "姓名", prop: "name", type: "input" },
{ label: "性别", prop: "gender", type: "select",options: [{value: '男', label: '男'},{value: '女', label: '女'}] },
{ label: "年龄", prop: "age", type: "number" },
{ label: "身份证号码", prop: "idNumber", type: "input" },
{ label: "联系电话", prop: "phoneNumber", type: "input" },
{ label: "批准人姓名", prop: "approverName", type: "input" },
{ label: "经办人姓名", prop: "handlerName", type: "input" },
{ label: "违章详细情况", prop: "violationDetails", type: "textarea",width: '100%' },
{ label: "处理详细情况", prop: "processingDetails", type: "textarea" ,width: '100%'},
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const rules = reactive({
rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
});
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
title.value = type === 'edit' ? '编辑' : '详情';
listQuery.value = { ...row };
} else {
title.value = '新增';
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 提交
const submit = () => {
elform.value.submit((data)=>{
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
// let params = { ...data }
// qcckPost(params, url).then((res) => {
// proxy.$message({ type: "success", message: title.value + "成功" });
// emit("updateDate");
// close();
// }).catch(() => {});
});
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

8
src/views/backOfficeSystem/CivilExplosives/ViolationPersonnel/index.vue
View File

@ -25,9 +25,9 @@
>
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-button>
<el-button size="small" type="primary" link @click="addEdit('detail', row)">详情</el-button>
<el-button size="small" type="primary" link>详细</el-button>
<el-link size="small" type="primary" @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" type="primary">详细</el-link>
</template>
</MyTable>
<Pages
@ -101,7 +101,7 @@ const pageData = reactive({
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 220,
controlsWidth: 180,
tableColumn: [
{ label: "违章人姓名", prop: "violatorName" },
{ label: "统一社会信用代码", prop: "socialCreditCode" },

182
src/views/backOfficeSystem/CivilExplosives/ViolationRegistration/components/detailForm.vue
View File

@ -1,141 +1,87 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">违章登记信息{{ title }}</span>
<span class="title">违章登记信息{{ title }} </span>
<div>
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
<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.administrativeArea" placeholder="请输入行政区划"/>
</el-form-item>
<el-form-item label="统一社会信用代码">
<el-input v-model="listQuery.socialCreditCode" placeholder="请输入统一社会信用代码"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="登记日期">
<el-date-picker v-model="listQuery.registrationDate" type="date" style="width:100%" placeholder="请选择登记日期"/>
</el-form-item>
<el-form-item label="顺序号">
<el-input v-model="listQuery.sequenceNumber" placeholder="请输入顺序号"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="违章人数">
<el-input-number v-model="listQuery.violatorCount" :min="0" style="width:100%;" placeholder="请输入违章人数"/>
</el-form-item>
<el-form-item label="登记人姓名">
<el-input v-model="listQuery.registrantName" placeholder="请输入登记人姓名"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="登记单位">
<el-input v-model="listQuery.registrationUnit" placeholder="请输入登记单位"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="违章详细情况">
<el-input
type="textarea"
v-model="listQuery.violationDetails"
:rows="4"
placeholder="请输入违章详细情况"
style="width: 100%"
/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="处理详细情况">
<el-input
type="textarea"
v-model="listQuery.processingDetails"
:rows="4"
placeholder="请输入处理详细情况"
style="width: 100%"
/>
</el-form-item>
</div>
</el-form>
<div class="form_cnt">
<FormMessage :formList="formData" ref="elform" :rules="rules"></FormMessage>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({});
const title = ref('');
import FormMessage from '@/components/aboutTable/FormMessage.vue'
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
import * as rule from "@/utils/rules.js";
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
const emit = defineEmits(["updateDate"]);
const props = defineProps({
dic: Object
});
const { proxy } = getCurrentInstance();
const dialogForm = ref(false); //弹窗
const formData = ref([
{ label: "行政区划", prop: "administrativeArea", type: "input" },
{ label: "统一社会信用代码", prop: "socialCreditCode", type: "input" },
{ label: "登记日期", prop: "registrationDate", type: "date" },
{ label: "顺序号", prop: "sequenceNumber", type: "input" },
{ label: "违章人数", prop: "violatorCount", type: "number" },
{ label: "登记人姓名", prop: "registrantName", type: "input" },
{ label: "登记单位", prop: "registrationUnit", type: "input" },
{ label: "违章详细情况", prop: "violationDetails", type: "textarea",width: '100%' },
{ label: "处理详细情况", prop: "processingDetails", type: "textarea" ,width: '100%'},
]);
const listQuery = ref({
sfbqdj: []
}); //表单
const loading = ref(false);
const elform = ref();
const title = ref("");
const rules = reactive({
rwbt: [{ required: true, message: "请输入任务标题", trigger: "blur" }]
});
const editpeo = ref();
onMounted(() => {});
// 初始化数据
const init = (type, row) => {
const init = (type, row,) => {
dialogForm.value = true;
if (row) {
title.value = type === 'edit' ? '编辑' : '详情';
listQuery.value = { ...row };
} else {
title.value = '新增';
listQuery.value = {};
}
title.value = type == 'add' ? "新增" : "编辑";
if (row) getDataById(row.id);
};
// 根据id查询详情
const getDataById = (id) => {
// qcckGet({}, '/mosty-gsxt/tbGsxtBqgl/'+id).then((res) => {
// listQuery.value = res;
// });
};
// 提交
const submit = () => {
elform.value.submit((data)=>{
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
// let params = { ...data }
// qcckPost(params, url).then((res) => {
// proxy.$message({ type: "success", message: title.value + "成功" });
// emit("updateDate");
// close();
// }).catch(() => {});
});
};
// 关闭
const close = () => {
dialogForm.value = false;
listQuery.value = {};
dialogForm.value = false;
loading.value = false;
};
defineExpose({init});
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;
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
@import "~@/assets/css/layout.scss";
@import "~@/assets/css/element-plus.scss";
</style>

8
src/views/backOfficeSystem/CivilExplosives/ViolationRegistration/index.vue
View File

@ -25,9 +25,9 @@
>
<!-- 操作 -->
<template #controls="{ row }">
<el-button size="small" type="primary" link @click="addEdit('edit', row)">编辑</el-button>
<el-button size="small" type="primary" link @click="addEdit('detail', row)">详情</el-button>
<el-button size="small" type="primary" link>详细</el-button>
<el-link size="small" type="primary" @click="addEdit('edit', row)">编辑</el-link>
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
<el-link size="small" type="primary">详细</el-link>
</template>
</MyTable>
<Pages
@ -137,7 +137,7 @@ const pageData = reactive({
pageSize: 20,
pageCurrent: 1
},
controlsWidth: 220,
controlsWidth: 180,
tableColumn: [
{ label: "违章人数", prop: "violatorCount" },
{ label: "统一社会信用代码", prop: "socialCreditCode" },