更新页面

src/views/backOfficeSystem/IntelligentControl/myControl/components/addBkdx.vue

@@ -13,7 +13,7 @@
                 <MOSTY.Other v-model="listQuery.bkBt" placeholder="请输入布控标题" clearable />
             </el-form-item>
             <el-form-item prop="bkDx" label="布控对象">
-                <MOSTY.Select v-model="listQuery.bkDx" :dictEnum="bkdxList" placeholder="请选择布控对象" clearable />
+                <MOSTY.Select v-model="listQuery.bkDx" :dictEnum="props.dic.D_GS_BK_DX" placeholder="请选择布控对象" clearable />
             </el-form-item>
             <div class="ww100 mt10 mb10">
                 <el-button type="primary" @click="chooseVisible = true">
@@ -49,9 +49,8 @@
             <div class="smallTitle">布控范围</div>
             <div class="ww100 relative mb10" style="height: 250px;border: 1px solid #dcdfe6;border-radius: 4px;overflow: hidden;">
                 <div class="absolute mapSearch flex">
-                    <el-input v-model="listQuery.ssqy"></el-input>
-                    <el-input v-model="listQuery.dtqy" class="ml10 mr10"></el-input>
-                    <el-button type="primary">
+                    <MOSTY.Select v-model="listQuery.bkqyList" filterable multiple :dictEnum="bkqyArr" style="width:350px" placeholder="请选择布控范围" clearable />
+                    <el-button type="primary" class="ml10">
                         <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
                         <span style="vertical-align: middle">添加范围模型</span>
                     </el-button>
@@ -60,7 +59,7 @@
             </div>
             <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>
+                    <el-button @click="listQuery.bkYz = it.dm" :type="listQuery.bkYz == it.dm ? 'primary':''" v-for="it in props.dic.D_GS_BK_BKYS" :key="it">{{ it.zdmc }}</el-button>
                 </div>
             </el-form-item>
             <div style="width: 100%;" class="mt10">
@@ -103,10 +102,9 @@
                 </div>
             </el-form-item>
             <div class="ww100 mt10 mb20">
-                <el-form-item prop="txfs" label="提醒方式">
-                    <el-radio-group v-model="listQuery.txfs" class="flex align-center">
-                        <el-radio label="3">消息推送</el-radio>
-                        <el-radio label="6">短信推送</el-radio>
+                <el-form-item prop="bkTjfs" label="提醒方式">
+                    <el-radio-group v-model="listQuery.bkTjfs" class="flex align-center">
+                        <el-radio :label="it.dm" v-for="(it,idx) in props.dic.D_GS_BK_TJFS" :key="idx">{{ it.zdmc }}</el-radio>
                     </el-radio-group>
                 </el-form-item>
                 <el-form-item prop="bkSjQs" label="签收时间">
@@ -126,15 +124,17 @@
                     </el-step>
                     <el-step title="审核确认" >
                         <template #description>
-                            <div class="flex align-center ww100 mt10 mb20">
-                                <el-input v-model="listQuery.shqr" class="ww20"></el-input>
+                            <div class="flex align-center ww100 mt10 mb20 depBox">
+                                 <span class="mr4">审核部门 : </span>
+                                 <MOSTY.Department v-model="listQuery.bkshrSsbmdm" clearable :placeholder="listQuery.bkshrSsbmmc ? listQuery.bkshrSsbmmc : '' "  />
                             </div>
                         </template>
                     </el-step>
                     <el-step title="审批确认" >
                         <template #description>
-                            <div class="flex align-center ww100 mt10 mb20">
-                                <el-input v-model="listQuery.spqr" class="ww20"></el-input>
+                            <div class="flex align-center ww100 mt10 mb20 depBox">
+                                <span lass="mr4">审批部门 : </span>
+                                <MOSTY.Department v-model="listQuery.bksprSsbmdm" clearable :placeholder="listQuery.bksprSsbmmc ? listQuery.bksprSsbmmc : '' "  />
                             </div>
                         </template>
                     </el-step>
@@ -161,16 +161,12 @@ const props = defineProps({
 });
 const roleIds = ref([]); //角色ID
 const chooseVisible = ref(false); //选择布控人员弹窗
-const activeName = ref('人员信息'); //选中tab
-const btns =  reactive(['人员信息', '车辆信息', '电信通讯信息', '网络信息', '人像信息']); //按钮组
-const bkdxList = ref([
-    { label: "人员", value: "1" },
-    { label: "群体", value: "2" },
-]); //布控对象字典
+const bkqyArr = ref([]); //布控区域
 const { proxy } = getCurrentInstance();
 const dialogForm = ref(false); //弹窗
 const loading = ref(false)
 const listQuery = ref({
+    bkYz:'01',
     ssqy:'全国',
     dtqy:'+范围选择（地图）',
     dwlx:'3',
@@ -180,21 +176,7 @@ const listQuery = ref({
     fqbm:'发起部门：巴宜区公安局城区派出所',
     shqr:'审核部门：巴宜区公安局',
     spqr:'审批部门：巴宜区公安局',
-    bkdxList: [{
-        fjZp: "https://via.placeholder.com/50",
-        xm: "张三",
-        xb: "男",
-        mz: "汉族",
-        sfzh: "123456789012345678",
-        hjd: "北京市朝阳区",
-        xjzdz: "北京市海淀区",
-        sjh: "13800138000", 
-        xnsf: "虚拟身份123",
-        cph: "京A12345",
-        cjh: "1234567890",
-        tzms: "特征描述示例",
-        rybq: "人员标签示例"
-    }],
+    bkdxList: [],
 }); //表单数据
 const tableDate = reactive({
   keyCount: 0,
@@ -227,7 +209,17 @@ const tableDate = reactive({
 // 初始化数据
 const init = (type, row) => {
   dialogForm.value = true;
+  get_bkqy_list()
 };
+// 获取布控区域
+const get_bkqy_list = () =>{
+    qcckGet({},'/mosty-gsxt/tbGsxtBkQy/selectList').then(res=>{
+        let arr = res || [];
+        bkqyArr.value = arr.map(item=>{
+            return {...item,label:item.qymc,value:item.id}
+        })
+    })
+}
 
 // 选择重点人
 const choosed = (val) => {
@@ -281,4 +273,20 @@ defineExpose({ init });
 ::v-deep .el-upload--picture-card i{
     width: 156px;
 }
+.depBox{
+    border: 1px solid #e9e9e9;
+    width: 305px;
+    padding: 0 0 0 4px;
+    border-radius: 4px;
+    ::v-deep .el-input__inner{
+        border: none;
+    }
+    ::v-deep .el-cascader .el-input.is-focus .el-input__inner{
+        border-color: transparent !important;
+    }
+    ::v-deep .el-input__inner:focus {
+        box-shadow: none;
+    }
+  
+}
 </style>

src/views/backOfficeSystem/IntelligentControl/myControl/index.vue

@@ -59,7 +59,7 @@
     </div>
   </div>
   <!-- 布控对象 -->
-  <AddBkdx ref="addBkdxForm" :dic="{D_BZ_XB,D_GS_BK_CZYQ,D_GS_BK_DJ,D_GS_BK_CZJSDWLX}" />
+  <AddBkdx ref="addBkdxForm" :dic="{D_GS_BK_DX,D_GS_BK_BKYS,D_BZ_XB,D_GS_BK_CZYQ,D_GS_BK_DJ,D_GS_BK_CZJSDWLX,D_GS_BK_TJFS}" />
   <!-- 预警弹窗 -->
   <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_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 { D_GS_BK_BKYS,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,D_GS_BK_TJFS } = proxy.$dict("D_GS_BK_BKYS","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","D_GS_BK_TJFS"); //获取字典数据
 const addBkdxForm = ref(null); //布控对象组件
 const warningkdxForm = ref(); //布控对象组件
 const searchBox = ref(); //搜索框