更新数据
This commit is contained in:
@ -39,8 +39,10 @@
|
||||
<template #sxts="{ row }">
|
||||
<span v-for="(it,idx) in row.sxts" :key="idx">{{ it.sbmc }} <span v-if="idx < row.sxts.length-1">、</span></span>
|
||||
</template>
|
||||
<template #sfqy="{ row }">
|
||||
<el-switch v-model="row.sfqy" inline-prompt active-value="1" inactive-value="0" active-text="是" inactive-text="否"/>
|
||||
<template #qyzt="{ row }">
|
||||
<span @click="handleSwitch(row)">
|
||||
<el-switch v-model="row.qyzt" inline-prompt :active-value="'1'" :inactive-value="'0'" active-text="是" inactive-text="否"/>
|
||||
</span>
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
@ -100,7 +102,7 @@ const searchConfiger = ref([
|
||||
},
|
||||
{
|
||||
label: "是否启用",
|
||||
prop: "sfqy",
|
||||
prop: "qyzt",
|
||||
placeholder: "请选择是否启用",
|
||||
showType: "select",
|
||||
options: D_BZ_SF
|
||||
@ -129,7 +131,7 @@ const pageData = reactive({
|
||||
{ label: "范围类型", prop: "qylx", showSolt: true },
|
||||
{ label: "行政区划", prop: "xzqh", showSolt: true },
|
||||
{ label: "感知源信息", prop: "sxts", showSolt: true },
|
||||
{ label: "是否启用", prop: "sfqy", showSolt: true }
|
||||
{ label: "是否启用", prop: "qyzt", showSolt: true }
|
||||
]
|
||||
});
|
||||
|
||||
@ -194,6 +196,13 @@ const deleteItem = (ids) => {
|
||||
});
|
||||
})
|
||||
};
|
||||
|
||||
const handleSwitch = (row) =>{
|
||||
qcckPost({id:row.id,qyzt:row.qyzt}, "/mosty-gsxt/tbGsxtBkQy/updateForQyzt").then(() => {
|
||||
proxy.$message({ type: "success", message: '操作成功' });
|
||||
// getList();
|
||||
});
|
||||
}
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 292;
|
||||
|
@ -9,11 +9,11 @@
|
||||
<div class="form_cnt">
|
||||
<el-form :model="listQuery" inline :label-width="100" label-position="left">
|
||||
<div class="smallTitle">布控信息</div>
|
||||
<el-form-item prop="bkbt" label="布控标题">
|
||||
<MOSTY.Other v-model="listQuery.bkbt" placeholder="请输入布控标题" clearable />
|
||||
<el-form-item prop="bkBt" label="布控标题">
|
||||
<MOSTY.Other v-model="listQuery.bkBt" placeholder="请输入布控标题" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item prop="bkdx" label="布控对象">
|
||||
<MOSTY.Select v-model="listQuery.bkbt" :dictEnum="bkdxList" placeholder="请选择布控对象" clearable />
|
||||
<el-form-item prop="bkDx" label="布控对象">
|
||||
<MOSTY.Select v-model="listQuery.bkDx" :dictEnum="bkdxList" placeholder="请选择布控对象" clearable />
|
||||
</el-form-item>
|
||||
<div class="ww100 mt10 mb10">
|
||||
<el-button type="primary" @click="chooseVisible = true">
|
||||
@ -24,15 +24,18 @@
|
||||
</div>
|
||||
<div class="relative ww100">
|
||||
<MyTable
|
||||
:tableData="listQuery.tableDate"
|
||||
:tableData="listQuery.bkdxList"
|
||||
:tableColumn="tableDate.tableColumn"
|
||||
:tableHeight="tableDate.tableHeight"
|
||||
:key="tableDate.keyCount"
|
||||
:tableConfiger="tableDate.tableConfiger"
|
||||
:controlsWidth="tableDate.controlsWidth"
|
||||
>
|
||||
<template #zp="{row}">
|
||||
<el-image :src="row.zp"></el-image>
|
||||
<template #fjZp="{row}">
|
||||
<el-image :src="row.fjZp"></el-image>
|
||||
</template>
|
||||
<template #ryXb="{ row }">
|
||||
<DictTag :tag="false" :value="row.ryXb" :options="props.dic.D_BZ_XB" />
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
@ -40,7 +43,7 @@
|
||||
<el-link type="primary" >编辑</el-link>
|
||||
<el-link type="danger" >删除</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
</MyTable>
|
||||
</div>
|
||||
|
||||
<div class="smallTitle">布控范围</div>
|
||||
@ -55,36 +58,36 @@
|
||||
</div>
|
||||
<GdMap></GdMap>
|
||||
</div>
|
||||
<el-form-item prop="bkbt" label="布控要素" style="width: 100%;">
|
||||
<el-form-item prop="bkBt" label="布控要素" style="width: 100%;">
|
||||
<div class="flex align-center">
|
||||
<el-button :type="activeName == it ? 'primary':''" v-for="it in btns" :key="it">{{ it }}</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<div style="width: 100%;" class="mt10">
|
||||
<el-form-item prop="bkkssj" label="布控开始时间" >
|
||||
<MOSTY.Date v-model="listQuery.bkkssj" placeholder="请选择布控开始时间" clearable />
|
||||
<el-form-item prop="bkSjKs" label="布控开始时间" >
|
||||
<MOSTY.Date v-model="listQuery.bkSjKs" placeholder="请选择布控开始时间" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item prop="bkjssj" label="布控结束时间" >
|
||||
<MOSTY.Date v-model="listQuery.bkjssj" placeholder="请选择布控结束时间" clearable />
|
||||
<el-form-item prop="bkSjJs" label="布控结束时间" >
|
||||
<MOSTY.Date v-model="listQuery.bkSjJs" placeholder="请选择布控结束时间" clearable />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div style="width: 100%;" class="mt10">
|
||||
<el-form-item prop="czys" label="处置要求" >
|
||||
<MOSTY.Select v-model="listQuery.czys" :dictEnum="bkdxList" placeholder="请选择处置要求" clearable />
|
||||
<el-form-item prop="czYq" label="处置要求" >
|
||||
<MOSTY.Select v-model="listQuery.czYq" :dictEnum="props.dic.D_GS_BK_CZYQ" placeholder="请选择处置要求" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item prop="bkjb" label="布控级别" >
|
||||
<MOSTY.Select v-model="listQuery.bkjb" :dictEnum="bkdxList" placeholder="请选择布控级别" clearable />
|
||||
<el-form-item prop="bkDj" label="布控级别" >
|
||||
<MOSTY.Select v-model="listQuery.bkDj" :dictEnum="props.dic.D_GS_BK_DJ" placeholder="请选择布控级别" clearable />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div style="width: 100%;" class="mt10">
|
||||
<el-form-item prop="bksy" label="布控事由" style="width: 100%;">
|
||||
<MOSTY.Other v-model="listQuery.bksy" placeholder="请输入布控事由" type="textarea" style="width: 100%;" clearable />
|
||||
<el-form-item prop="bkSy" label="布控事由" style="width: 100%;">
|
||||
<MOSTY.Other v-model="listQuery.bkSy" placeholder="请输入布控事由" type="textarea" style="width: 100%;" clearable />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div style="width: 100%;" class="mt10">
|
||||
<el-form-item prop="fjdz" label="上传附件" style="width: 100%;">
|
||||
<el-form-item prop="fjZp" label="上传附件" style="width: 100%;">
|
||||
<div>
|
||||
<MOSTY.Upload :limit="10" v-model="listQuery.fjdz" />
|
||||
<MOSTY.Upload :limit="10" v-model="listQuery.fjZp" />
|
||||
<div>支持png、jpg、pdf文件上传</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@ -93,11 +96,9 @@
|
||||
<div class="smallTitle">审批信息</div>
|
||||
<el-form-item prop="czjsdw" label="处置接收单位" style="width: 100%;">
|
||||
<div class="flex align-center ww100">
|
||||
<MOSTY.Select v-model="listQuery.czjsdw" :dictEnum="bkdxList" style="width:260px;margin-right: 10px;" placeholder="请选择处置要求" clearable />
|
||||
<MOSTY.Department v-model="listQuery.czJsdwdm" style="width:260px;margin-right: 10px;" placeholder="请选择处置要求" clearable />
|
||||
<el-radio-group v-model="listQuery.dwlx" class="flex align-center">
|
||||
<el-radio label="3">责任单位</el-radio>
|
||||
<el-radio label="6">活动发生地</el-radio>
|
||||
<el-radio label="9">指定单位</el-radio>
|
||||
<el-radio :label="it.dm" v-for="(it,idx) in props.dic.D_GS_BK_CZJSDWLX" :key="idx">{{ it.zdmc }}</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@ -108,8 +109,8 @@
|
||||
<el-radio label="6">短信推送</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item prop="qssj" label="签收时间">
|
||||
<MOSTY.Date v-model="listQuery.qssj" placeholder="请选择签收时间" clearable />
|
||||
<el-form-item prop="bkSjQs" label="签收时间">
|
||||
<MOSTY.Date v-model="listQuery.bkSjQs" placeholder="请选择签收时间" clearable />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="ww100">
|
||||
@ -153,6 +154,7 @@ import * as MOSTY from "@/components/MyComponents/index";
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import { qcckGet } from "@/api/qcckApi.js";
|
||||
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
|
||||
import { fa } from 'element-plus/es/locale.mjs';
|
||||
const emit = defineEmits(["change"]);
|
||||
const props = defineProps({
|
||||
dic: Object
|
||||
@ -167,6 +169,7 @@ const bkdxList = ref([
|
||||
]); //布控对象字典
|
||||
const { proxy } = getCurrentInstance();
|
||||
const dialogForm = ref(false); //弹窗
|
||||
const loading = ref(false)
|
||||
const listQuery = ref({
|
||||
ssqy:'全国',
|
||||
dtqy:'+范围选择(地图)',
|
||||
@ -177,8 +180,8 @@ const listQuery = ref({
|
||||
fqbm:'发起部门:巴宜区公安局城区派出所',
|
||||
shqr:'审核部门:巴宜区公安局',
|
||||
spqr:'审批部门:巴宜区公安局',
|
||||
tableDate: [{
|
||||
zp: "https://via.placeholder.com/50",
|
||||
bkdxList: [{
|
||||
fjZp: "https://via.placeholder.com/50",
|
||||
xm: "张三",
|
||||
xb: "男",
|
||||
mz: "汉族",
|
||||
@ -207,19 +210,18 @@ const tableDate = reactive({
|
||||
}, //分页
|
||||
controlsWidth: 200, //操作栏宽度
|
||||
tableColumn: [
|
||||
{ label: "照片", prop: "zp",showSolt:true},
|
||||
{ label: "姓名", prop: "xm" },
|
||||
{ label: "性别", prop: "xb" },
|
||||
{ label: "民族", prop: "mz" },
|
||||
{ label: "身份证号", prop: "sfzh" },
|
||||
{ label: "户籍地", prop: "hjd" },
|
||||
{ label: "现居住地址", prop: "xjzdz" },
|
||||
{ label: "手机号", prop: "sjh" },
|
||||
{ label: "虚拟身份", prop: "xnsf" },
|
||||
{ label: "车牌号", prop: "cph" },
|
||||
{ label: "车架号", prop: "cjh" },
|
||||
{ label: "特征描述", prop: "tzms" },
|
||||
{ label: "人员标签", prop: "rybq" }
|
||||
{ label: "照片", prop: "fjZp",showSolt:true},
|
||||
{ label: "姓名", prop: "ryXm" },
|
||||
{ label: "性别", prop: "ryXb",showSolt:true },
|
||||
{ label: "身份证号", prop: "rySfzh" },
|
||||
{ label: "户籍地", prop: "ryHjd" },
|
||||
{ label: "现居住地址", prop: "ryXjd" },
|
||||
{ label: "手机号", prop: "rySjhm" },
|
||||
{ label: "虚拟身份", prop: "qtXnsf" },
|
||||
{ label: "车牌号", prop: "clCph" },
|
||||
{ label: "车架号", prop: "clCjh" },
|
||||
{ label: "特征描述", prop: "qtTzms" },
|
||||
{ label: "人员标签", prop: "bqList" }
|
||||
]
|
||||
});
|
||||
// 初始化数据
|
||||
|
@ -59,7 +59,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 布控对象 -->
|
||||
<AddBkdx ref="addBkdxForm" />
|
||||
<AddBkdx ref="addBkdxForm" :dic="{D_BZ_XB,D_GS_BK_CZYQ,D_GS_BK_DJ,D_GS_BK_CZJSDWLX}" />
|
||||
<!-- 预警弹窗 -->
|
||||
<YjDialog ref="warningkdxForm"></YjDialog>
|
||||
</template>
|
||||
@ -74,7 +74,7 @@ import Search from "@/components/aboutTable/Search.vue";
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_GS_BK_SJLX,D_GS_BK_DJ, D_GS_BK_DX, D_GS_BK_ZT } = proxy.$dict("D_GS_BK_SJLX","D_GS_BK_DJ","D_GS_BK_DX","D_GS_BK_ZT"); //获取字典数据
|
||||
const { D_BZ_XB,D_GS_BK_SJLX,D_GS_BK_DJ, D_GS_BK_DX, D_GS_BK_ZT,D_GS_BK_CZYQ,D_GS_BK_CZJSDWLX } = proxy.$dict("D_BZ_XB","D_GS_BK_SJLX","D_GS_BK_DJ","D_GS_BK_DX","D_GS_BK_ZT","D_GS_BK_CZYQ","D_GS_BK_CZJSDWLX"); //获取字典数据
|
||||
const addBkdxForm = ref(null); //布控对象组件
|
||||
const warningkdxForm = ref(); //布控对象组件
|
||||
const searchBox = ref(); //搜索框
|
||||
|
Reference in New Issue
Block a user