更新页面

package-lock.json

@@ -3312,7 +3312,7 @@
     },
     "node_modules/@wangeditor/editor-for-vue": {
       "version": "5.1.12",
-      "resolved": "https://registry.npmmirror.com/@wangeditor/editor-for-vue/-/editor-for-vue-5.1.12.tgz",
+      "resolved": "https://registry.npmjs.org/@wangeditor/editor-for-vue/-/editor-for-vue-5.1.12.tgz",
       "integrity": "sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==",
       "peerDependencies": {
         "@wangeditor/editor": ">=5.1.0",
@@ -22847,7 +22847,7 @@
     },
     "@wangeditor/editor-for-vue": {
       "version": "5.1.12",
-      "resolved": "https://registry.npmmirror.com/@wangeditor/editor-for-vue/-/editor-for-vue-5.1.12.tgz",
+      "resolved": "https://registry.npmjs.org/@wangeditor/editor-for-vue/-/editor-for-vue-5.1.12.tgz",
       "integrity": "sha512-0Ds3D8I+xnpNWezAeO7HmPRgTfUxHLMd9JKcIw+QzvSmhC5xUHbpCcLU+KLmeBKTR/zffnS5GQo6qi3GhTMJWQ==",
       "requires": {}
     },

src/components/export/index.vue

@@ -60,8 +60,6 @@ const filesList = ref({});
 const baseUrl = ref('')//上传地址
 const modelUrl = ref('')//下载模板地址
 watch(()=>props.lx,(val)=>{
-    let url = ''
-    let moyRL = ''
     switch (val) {
         case 'policeF':
             baseUrl.value = '/mosty-api/mosty-jcgl/tbJcglXfll/importData'
@@ -79,6 +77,10 @@ watch(()=>props.lx,(val)=>{
             baseUrl.value = '/mosty-api/mosty-jcgl/tpjcglZnzb/importData'
             modelUrl.value = '/mosty-api/mosty-jcgl/tpjcglZnzb/importTemplate'
             break;
+        case 'fjnr':
+            baseUrl.value = '/mosty-api/mosty-gsxt/tbGsxtRqfjNr/importFxnr'
+            // modelUrl.value = '/mosty-api/mosty-jcgl/tpjcglZnzb/importTemplate'
+            break;
         default:
             break;
     }
@@ -126,8 +128,8 @@ function onComfirm() {
     let formData = new FormData();
     formData.append("file", file);
     formData.append("updateSupport", isSelect.value);
-    axios.post(baseUrl.value, formData, {"Content-type": "multipart/form-data"})
+    let token = localStorage.getItem('token')
-      .then((res) => {
+    axios.post(baseUrl.value, formData, {"Content-type": "multipart/form-data",headers:{"Authorization": `${token}`}}).then((res) => {
         if (res.status == 200) {
           let { data, message, code } = res.data;
           if (code == -1) ElMessage({ type:'warning', message:message, dangerouslyUseHTMLString:true });
@@ -174,6 +176,6 @@ function onComfirm() {
 </style>
 <style>
 .el-upload-list__item-name {
-  color: #fff;
+  color: #0072ff;
 }
 </style>

src/store/modules/user.js

@@ -101,6 +101,7 @@ export default {
               this.commit("user/setUserName", data.userName);
               setItem('isOatuh', 0)
               setItem("USERNAME", data.userName);
+              setItem("roleList", data.roleList);
               setItem("SFRH", data.sfrh);
               setItem("USERID", data.userId);
               setItem("PermissionsInfo", data.permissionsInfo);

src/views/backOfficeSystem/ExcavationResearch/LandingAudit/components/detailForm.vue

@@ -1,188 +0,0 @@
-<template>
-  <div class="dialog" v-if="dialogForm">
-    <div class="head_box">
-      <span class="title">重点人员深度发掘</span>
-      <div>
-        <el-button size="small" @click="close">关闭</el-button>
-      </div>
-    </div>
-    <div class="cntinfo">
-      <el-form :model="listQuery" :label-width="120" label-position="right">
-        <div class="section-title">管理信息</div>
-        <div class="form-row">
-          <el-form-item label="管理单位">
-            <el-input v-model="listQuery.glDw" placeholder="请输入"/>
-          </el-form-item>
-          <el-form-item label="管辖区域">
-            <el-input v-model="listQuery.gxqy" placeholder="请输入"/>
-          </el-form-item>
-          <el-form-item label="联系人">
-            <el-input v-model="listQuery.lxr" placeholder="请输入"/>
-          </el-form-item>
-          <el-form-item label="联系方式">
-            <el-input v-model="listQuery.lxfs" placeholder="请输入"/>
-          </el-form-item>
-        </div>
-        <div class="form-row">
-          <el-form-item label="管理事由" class="full-width">
-            <el-input type="textarea" v-model="listQuery.glSy" placeholder="请输入"/>
-          </el-form-item>
-        </div>
-
-        <div class="section-title">申请信息</div>
-        <div class="form-row">
-          <el-form-item label="申请单位">
-            <el-input v-model="listQuery.sqDw" placeholder="请输入"/>
-          </el-form-item>
-          <el-form-item label="申请人">
-            <el-input v-model="listQuery.sqr" placeholder="请输入"/>
-          </el-form-item>
-          <el-form-item label="审核单位">
-            <el-input v-model="listQuery.shdw" placeholder="请输入"/>
-          </el-form-item>
-          <el-form-item label="审核人">
-            <el-input v-model="listQuery.shr" placeholder="请输入"/>
-          </el-form-item>
-        </div>
-   
-        <div class="form-row">
-          <el-form-item label="审批单位">
-            <el-input v-model="listQuery.sqDwDz" placeholder="请输入"/>
-          </el-form-item>
-          <el-form-item label="接受单位类型" class="full-width">
-            <el-select v-model="listQuery.jsdwlx">
-              <el-options :label="1">是</el-options>
-              <el-options :label="0">否</el-options>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="是否同意" class="full-width">
-            <el-select v-model="listQuery.sfty">
-              <el-options :label="1">是</el-options>
-              <el-options :label="0">否</el-options>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="反馈时间" class="full-width">
-            <el-date-picker
-              v-model="listQuery.fksj"
-              type="datetime"
-              placeholder="选择日期时间"
-              style="width: 100%"
-            />
-          </el-form-item>
-        </div>
-      </el-form>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const dialogForm = ref(false);
-const listQuery = ref({
-  glDw: '',
-  glQy: '',
-  lxr: '',
-  lxfs: '',
-  glSy: '',
-  sqDw: '',
-  sqr: '',
-  lxdz: '',
-  shr: '',
-  sqDwDz: '',
-  shr2: '',
-  sfty: 1,
-  fksj: '',
-  files: []
-});
-
-// 初始化数据
-const init = (type, row) => {
-  dialogForm.value = true;
-  if (row) {
-    Object.assign(listQuery.value, row);
-  }
-};
-
-const close = () => {
-  dialogForm.value = false;
-  listQuery.value = {
-    glDw: '',
-    glQy: '',
-    lxr: '',
-    lxfs: '',
-    glSy: '',
-    sqDw: '',
-    sqr: '',
-    lxdz: '',
-    shr: '',
-    sqDwDz: '',
-    shr2: '',
-    sfty: 1,
-    fksj: '',
-    files: []
-  };
-};
-
-const handleFileChange = (file) => {
-  listQuery.value.files.push(file);
-};
-
-defineExpose({init});
-</script>
-
-<style lang="scss" scoped>
-.dialog {
-  padding: 20px;
-
-  .head_box {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 20px;
-  }
-
-  .cntinfo {
-    height: calc(100% - 70px);
-    overflow: hidden;
-    overflow-y: auto;
-    padding: 20px;
-  }
-
-  .section-title {
-    font-size: 16px;
-    font-weight: bold;
-    color: #333;
-    margin: 20px 0 15px;
-    padding-left: 10px;
-    border-left: 4px solid #409EFF;
-  }
-
-  .form-row {
-    display: flex;
-    margin-bottom: 20px;
-    .el-form-item {
-      flex: 1 0 0;
-      margin-right: 20px;
-    }
-    .full-width {
-      flex: 2;
-    }
-  }
-
-
-  .upload-demo {
-    width: 100%;
-    padding: 20px;
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    text-align: center;
-
-    .el-upload__tip {
-      margin-top: 10px;
-      color: #909399;
-    }
-  }
-}
-
-</style>

src/views/backOfficeSystem/ExcavationResearch/LandingAudit/index.vue

@@ -1,28 +1,11 @@
 <template>
   <div>
     <div class="titleBox">
-      <PageTitle title="重点人员深度发掘">
+      <PageTitle title="重点人员深度发掘"></PageTitle>
-        <el-button type="primary" @click="addEdit('add', '')">
-          <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
-          <span style="vertical-align: middle">新增</span>
-        </el-button>
-      </PageTitle>
     </div>
     <!-- 搜索 -->
     <div ref="searchBox">
-      <Search
+      <Search :searchArr="searchConfiger" @submit="onSearch" />
-        :searchArr="searchConfiger"
-        @submit="onSearch"
-        :key="pageData.keyCount"
-      >
-        <template #defaultSlot>
-          <div class="checkbox-group">
-            <el-checkbox v-model="queryFrom.myNote">我的笔记</el-checkbox>
-            <el-checkbox v-model="queryFrom.myCheck">我的审核</el-checkbox>
-            <el-checkbox v-model="queryFrom.myApprove">我的审批</el-checkbox>
-          </div>
-        </template>
-      </Search>
     </div>
     <!-- 表格 -->
     <div class="tabBox">
@@ -33,23 +16,10 @@
         :key="pageData.keyCount"
         :tableConfiger="pageData.tableConfiger"
         :controlsWidth="pageData.controlsWidth"
-        @chooseData="chooseData"
       >
-        <!-- 基础信息 -->
+        <template #bkzt="{ row }">
-        <!-- <template #basicInfo="{ row }">
+          <DictTag :tag="false" :value="row.bkzt" :options="D_BZ_RCBKZT" />
-          <div class="basic-info">
+        </template>
-            <div class="avatar">
-              <el-image :src="row.avatar" fit="cover"></el-image>
-            </div>
-            <div class="info-list">
-              <div>姓名：{{ row.name }}</div>
-              <div>性别：{{ row.gender }}</div>
-              <div>年龄：{{ row.age }}</div>
-              <div>身份证号：{{ row.idCard }}</div>
-              <div>出生日期：{{ row.birthDate }}</div>
-            </div>
-          </div>
-        </template> -->
         <template #fxDj="{ row }">
           <DictTag :tag="false" :value="row.fxDj" :options="D_GS_RQFJ_FXDJ" />
         </template>
@@ -68,18 +38,18 @@
         <!-- 操作 -->
         <template #controls="{ row }">
           <div class="control-buttons">
-            <el-button type="primary" size="small" @click="handleDetail(row)"
+            <el-button type="primary" v-if="roleList.includes('BK_SH_RY')" size="small" @click="handleDetail(row,'审核')"
               >审核</el-button
             >
-            <el-button type="info" size="small" @click="handleApprove(row)"
+            <!-- <el-button type="info" size="small" @click="handleDetail(row,'审批')"
               >审批</el-button
             >
-            <el-button type="warning" size="small" @click="handleDelete(row)"
+            <el-button type="warning" size="small" @click="handleDetail(row,'去除')"
               >去除</el-button
             >
-            <el-button type="danger" size="small" @click="handleBlacklist(row)"
+            <el-button type="danger" size="small" @click="handleDetail(row,'拉黑')"
               >拉黑</el-button 
-            >
+            >-->
           </div>
         </template>
       </MyTable>
@@ -93,28 +63,35 @@
         }"
       ></Pages>
     </div>
-    <!-- 详情 -->
+    <Model v-model="isShow" :type="chooselx" :ids="ids" @change="getList" :dic="{D_BZ_RCSHZT}"></Model>
-    <DetailForm ref="detailDiloag" />
   </div>
 </template>
 
 <script setup>
+import { ElMessage } from "element-plus";
+import Model from "./model.vue";
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
-import DetailForm from "./components/detailForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
 import { reactive, ref, onMounted, getCurrentInstance } from "vue";
 
 const { proxy } = getCurrentInstance();
-const { D_GS_RQFJ_LX, D_GS_RQFJ_FXDJ, D_BZ_SF, D_GS_RQFJ_FXLB } = proxy.$dict(
+const { D_BZ_RCSHZT,D_BZ_RCBKZT, D_GS_RQFJ_LX, D_GS_RQFJ_FXDJ, D_BZ_SF, D_GS_RQFJ_FXLB } =
-  "D_GS_RQFJ_LX",
+  proxy.$dict(
-  "D_GS_RQFJ_FXDJ",
+    "D_BZ_RCSHZT",
-  "D_BZ_SF",
+    "D_BZ_RCBKZT",
-  "D_GS_RQFJ_FXLB"
+    "D_GS_RQFJ_LX",
-);
+    "D_GS_RQFJ_FXDJ",
-const detailDiloag = ref();
+    "D_BZ_SF",
+    "D_GS_RQFJ_FXLB"
+  );
+
+const chooselx = ref('')
+const isShow = ref(false)
+const ids = ref([])
+
 const searchBox = ref(); //搜索框
 
 const searchConfiger = ref([
@@ -147,7 +124,7 @@ const pageData = reactive({
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "checkbox",
+    showSelectType: "null",
     loading: false
   },
   total: 0,
@@ -155,13 +132,9 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 300,
+  // controlsWidth: 300,
   tableColumn: [
     { label: "姓名", prop: "ryXm" },
-    { label: "英文姓名", prop: "ryXmYw" },
-    { label: "别名", prop: "ryBm" },
-    { label: "网名", prop: "ryWm" },
-    { label: "绰号", prop: "ryCh" },
     { label: "手机号码", prop: "rySjhm" },
     { label: "身份证号码", prop: "rySfzh" },
     { label: "户籍地址", prop: "ryHjdz" },
@@ -170,6 +143,7 @@ const pageData = reactive({
     { label: "银行卡号", prop: "ryYhkh" },
     { label: "附件照片", prop: "ryFjZp" },
     { label: "管辖单位", prop: "gxDwDm" },
+    { label: "布控状态", prop: "bkzt", showSolt: true },
     { label: "风险等级", prop: "fxDj", showSolt: true },
     { label: "风险类别", prop: "fxLb", showSolt: true },
     { label: "是否关注", prop: "sfGz", showSolt: true },
@@ -177,6 +151,7 @@ const pageData = reactive({
     { label: "是否转重点人员", prop: "sfZzdry", showSolt: true }
   ]
 });
+const roleList = reactive(JSON.parse(localStorage.getItem('roleList')) || [])
 
 onMounted(() => {
   getList();
@@ -203,44 +178,32 @@ const changeSize = (val) => {
 // 获取列表
 const getList = () => {
   pageData.tableConfiger.loading = true;
-  let data = { ...pageData.pageConfiger, ...queryFrom.value };
+  let data = { sfZbkry: 1, ...pageData.pageConfiger, ...queryFrom.value };
-  qcckGet(data, "/mosty-gsxt/tbGsxtRqfjRy/selectPage")
+  qcckGet(data, "/mosty-gsxt/tbGsxtRqfjRy/selectPage").then((res) => {
-    .then((res) => {
+    pageData.tableData = res.records || [];
-      pageData.tableData = res.records || [];
+    pageData.total = res.total;
-      pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
-      pageData.tableConfiger.loading = false;
+  })
-    })
+  .catch(() => {
-    .catch(() => {
+    pageData.tableConfiger.loading = false;
-      pageData.tableConfiger.loading = false;
+  });
-    });
 };
 
-// 操作按钮处理函数
-const handleDetail = (row) => {
-  detailDiloag.value.init("detail", row);
-};
-
-// 详情
-const addEdit = (type, row) => {
-  detailDiloag.value.init(type, row);
-};
-
-const handleApprove = (row) => {
-  detailDiloag.value.init("approve", row);
-};
-
-const handleDelete = (row) => {
-  // 实现删除逻辑
-};
-
-const handleBlacklist = (row) => {
-  // 实现拉黑逻辑
-};
 
+// 处理数据
+const handleDetail = (val,type) =>{
+  chooselx.value = type;
+  ids.value = [val.id];
+  switch(type){
+    case '审核':
+      if(ids.value.length == 0) return ElMessage.warning("请选择对应的数据");
+      isShow.value = true;
+      break;
+  }
+}
 // 表格高度计算
 const tabHeightFn = () => {
-  pageData.tableHeight =
+  pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
-    window.innerHeight - searchBox.value.offsetHeight - 250;
   window.onresize = function () {
     tabHeightFn();
   };

src/views/backOfficeSystem/ExcavationResearch/LandingAudit/model.vue

@@ -0,0 +1,64 @@
+<template>
+  <el-dialog v-model="modelValue" title="等级切换" width="500px" @close="handleClose">
+    <el-form :model="listQuery" ref="formValidate" :rules="rules">
+        <el-form-item prop="bkshzt" label="审核" v-if="props.type == '审核'">
+            <MOSTY.Select filterable v-model="listQuery.bkshzt" :dictEnum="props.dic.D_BZ_RCSHZT" 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>
+</template>
+
+<script setup>
+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 emits = defineEmits(["update:modelValue",'getDepValue']);
+const formValidate = ref()
+const rules = reactive({
+    bkshzt: [{ required: true, message: "请选择审核状态", trigger: "change" }],
+})
+const listQuery = ref({});
+
+const submitForm  = () =>{
+    formValidate.value.validate((valid) => {
+        if (!valid) return false;
+        let params = { ids:props.ids, ...listQuery.value  }
+        let url = ''
+        if( props.type == '审核') url = '/mosty-gsxt/tbGsxtRqfjRy/updateByBksh'
+        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>

src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/components/IntelligentParsing.vue

@@ -93,10 +93,6 @@ const pageData = reactive({
   tableColumn: [
     { label: "管辖单位", prop: "gxDwDm", showSolt: true, width: 200 },
     { label: "姓名", prop: "ryXm", showSolt: true, width: 130 },
-    { label: "英文姓名", prop: "ryXmYw", showSolt: true, width: 130 },
-    { label: "别名", prop: "ryBm", showSolt: true, width: 130 },
-    { label: "网名", prop: "ryWm", showSolt: true, width: 130 },
-    { label: "绰号", prop: "ryCh", showSolt: true, width: 130 },
     { label: "手机号码", prop: "rySjhm", showSolt: true, width: 130 },
     { label: "身份证号码", prop: "rySfzh", showSolt: true, width: 130 },
     { label: "户籍地址", prop: "ryHjdz", showSolt: true, width: 130 },

src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index.vue

@@ -13,7 +13,7 @@
             <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
             <span style="vertical-align: middle" @click="handleData('add', '')" >新增</span>
           </el-button>
-          <el-button type="primary" size="small" @click="importData">
+          <el-button type="primary" size="small" @click="isImport = true">
             <span style="vertical-align: middle">导入内容</span>
           </el-button>
           <el-button type="danger" size="small" @click="exportData">
@@ -59,6 +59,11 @@
             :controlsWidth="pageData.controlsWidth"
             @chooseData="chooseDataBottom"
           >
+            <template #bqList="{ row }">
+              <div v-if="row.bqList">
+                <el-tag v-for="(it,idx) in row.bqList" :key="idx">{{ it.bqMc }}、</el-tag>
+              </div>
+            </template>
             <template #fxDj="{ row }">
               <DictTag
                 :tag="false"
@@ -101,18 +106,20 @@
     <!-- 弹窗智能分析 -->
     <IntelligentParsing :tableData="pageData.tableData" ref="IntelligentParsingRef"  @upadate="getModelList" />
     <addForm ref="addFormDiloag" @onSearch="onSearch" />
-    <Jbbg v-model="isShow" :type="chooselx" :ids="ids" @change="getModelList" :dic="{D_GS_RQFJ_FXDJ}"></Jbbg>
+    <Model v-model="isShow" :type="chooselx" :ids="ids" @change="getModelList" :dic="{D_GS_RQFJ_FXDJ}"></Model>
+    <Export :show="isImport" lx="fjnr" @closeImport="isImport = false" @handleImport="handleImport" />
   </div>
 </template>
 
 <script setup>
+import Export from "@/components/export/index.vue";
 import CheckBox from "@/components/checkBox/index.vue";
 import PageTitle from "@/components/aboutTable/PageTitle.vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
 import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import addForm from "./components/addForm.vue";
-import Jbbg from "./components/model.vue";
+import Model from "./components/model.vue";
 import IntelligentParsing from "./components/IntelligentParsing.vue";
 import { ElMessage } from "element-plus";
 import { qcckGet } from "@/api/qcckApi.js";
@@ -123,6 +130,7 @@ const searchConfiger = ref([
   { label: "管辖部门", prop: "ssbm", placeholder: "请选择管辖部门", showType: "department" },
   { label: "是否关注", prop: "sfgz", placeholder: "请选择是否关注", showType: "select", options:D_BZ_SF },
 ]);
+const isImport = ref(false)
 const checkData = reactive({
   hasChoose: ["警情"],
   list: ["警情","人力情报","线索","民警处置文本", "交通事故"],
@@ -171,7 +179,9 @@ const pageData = reactive({
     { label: "现住地址", prop: "ryXzdz" ,showOverflowTooltip:true},
     { label: "附件照片", prop: "ryFjZp" ,showOverflowTooltip:true},
     { label: "管辖单位", prop: "gxDwDm" ,showOverflowTooltip:true},
+    { label: "管控民警", prop: "gxMj" ,showOverflowTooltip:true},
     { label: "责任部门", prop: "ssbm",showOverflowTooltip:true},
+    { label: "标签", prop: "bqList",showOverflowTooltip:true, showSolt: true },
     { label: "风险等级", prop: "fxDj",showOverflowTooltip:true, showSolt: true },
     { label: "风险类别", prop: "fxLb",showOverflowTooltip:true, showSolt: true },
     { label: "是否关注", prop: "sfGz",showOverflowTooltip:true, showSolt: true },
@@ -197,7 +207,7 @@ const changeSize = (val) => {
 };
 
 // 获取内容列表
-const getList = (val) => {
+const getList = () => {
   pageData.tableConfiger.loading = true;
   let data = { ...queryFrom.value };
   let url = "/mosty-gsxt/tbGsxtRqfjNr/selectPage";
@@ -212,8 +222,7 @@ const getList = (val) => {
 //获取模型识别列表
 const getModelList = (val) => {
   let data = { ...pageData.pageConfiger };
-  let url = "/mosty-gsxt/tbGsxtRqfjRy/selectPage";
+  qcckGet(data, "/mosty-gsxt/tbGsxtRqfjRy/selectPage").then((res) => {
-  qcckGet(data, url).then((res) => {
     pageData.tableData2 = res.records || [];
     pageData.total = res.total;
   })
@@ -241,20 +250,27 @@ const chooseDataBottom = (val) =>{
 }
 
 const chooseType = (val)=>{
-  if(ids.value.length == 0) return ElMessage.warning("请选择对应的数据");
   chooselx.value = val;
   switch(val){
     case '级别变更':
-    case '警种变更':
+      case '警种变更':
-    case '指定分配':
+      case '指定分配':
-    case '添加标签':
+      case '添加标签':
+      if(ids.value.length == 0) return ElMessage.warning("请选择对应的数据");
       isShow.value = true;
       break;
+    case '导出':
+      window.open('/mosty-api/mosty-gsxt/tbGsxtRqfjRy/exportRyfjFxjg');
+      break;
     case '批量删除':
       break;
   }
 }
 
+const handleImport =  (val) =>{
+  getList()
+}
+
 const tabHeightFn = () => {
   pageData.tableHeight2 = window.innerHeight - searchBox.value.offsetHeight - 650;
   window.onresize = function () { tabHeightFn(); };

src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/index.vue

@@ -26,7 +26,12 @@
         </MyTable>
       </div>
       <div style="background:#fff" class="mt10 pl10 pr10 pb10 pt10" >
-        <div class="title">人员信息</div>
+        <div class="flex align-center">
+          <div class="title mr20">人员信息</div>
+          <div class="mb13">
+            <el-button size="small" v-for="it in btnsList" :key="it"  @click="chooseType(it)"> {{ it }} </el-button>
+          </div>
+        </div>
         <MyTable
           :tableData="pageData.tableDataPeople"
           :tableColumn="pageData.tableColumnPeople"
@@ -34,7 +39,7 @@
           :key="pageData.keyCount"
           :tableConfiger="pageData.tableConfiger1"
           :controlsWidth="pageData.controlsWidth"
-          @chooseData="chooseData"
+          @chooseData="chooseDataBottom"
         >
           <template #ryXm="{ row }">
             <div>姓名：{{ row.ryXm }}  &nbsp;；</div>
@@ -74,9 +79,12 @@
         </li>
       </ul>
     </div>
+    <Model v-model="isShow" :type="chooselx" :ids="ids" @change="getList" :dic="{D_BZ_SF}"></Model>
   </div>
 </template>
 <script setup>
+import { ElMessage,ElMessageBox } from "element-plus";
+import Model from "./model.vue";
 import { qcckGet } from "@/api/qcckApi.js";
 import { ref, reactive, onMounted, getCurrentInstance } from "vue";
 import MyTable from "@/components/aboutTable/MyTable.vue";
@@ -84,7 +92,13 @@ import Pages from "@/components/aboutTable/Pages.vue";
 import FormMessage from "@/components/aboutTable/FormMessage.vue";
 import { qcckPost } from "@/api/qcckApi.js";
 const { proxy } = getCurrentInstance();
-const { D_GS_RQFJ_FXDJ, D_GS_RQFJ_FXLB } = proxy.$dict("D_GS_RQFJ_FXDJ","D_GS_RQFJ_FXLB"); //获取字典数据
+const {D_BZ_SF, D_GS_RQFJ_FXDJ, D_GS_RQFJ_FXLB } = proxy.$dict("D_BZ_SF","D_GS_RQFJ_FXDJ","D_GS_RQFJ_FXLB"); //获取字典数据
+const btnsList = reactive(['布控','是否关注','移交管控'])
+
+const chooselx = ref('')
+const isShow = ref(false)
+const ids = ref([])
+
 const pageData = reactive({
   tableData: [
     {
@@ -137,7 +151,7 @@ const pageData = reactive({
   },
   tableConfiger1: {
     rowHieght: 61,
-    showSelectType: "null",
+    showSelectType: "checkBox",
     loading: false,
     haveControls:false
   },
@@ -260,6 +274,32 @@ const tabHeightFn = () => {
   };
 };
 
+// 选择数据
+const chooseDataBottom = (val) =>{
+  if(Array.isArray(val)) ids.value = val.map(item=>item.id);
+}
+
+const chooseType = (val)=>{
+  chooselx.value = val;
+  switch(val){
+    case '布控':
+      if(ids.value.length == 0) return ElMessage.warning("请选择对应的数据");
+       ElMessageBox.confirm('是否确定布控?','Warning',{ confirmButtonText: 'OK', cancelButtonText: 'Cancel', type: 'warning' }).then(() => {
+          let params = { ids:ids.value, sfbk:'1' }
+          qcckPost(params,'/mosty-gsxt/tbGsxtRqfjRy/updateBySfbkpz').then(res=>{
+            ElMessage.success("成功");
+            getList()
+          })
+        }).catch(() => {
+          ElMessage({ type: 'info', message: '取消' })
+        })
+      break;
+    case '是否关注':
+    case '移交管控':
+      break;
+  }
+}
+
 onMounted(()=>{
   tabHeightFn();
   getList()

src/views/backOfficeSystem/ExcavationResearch/ZdryFjyp/model.vue

@@ -0,0 +1,67 @@
+<template>
+  <el-dialog v-model="modelValue" title="等级切换" width="500px" @close="handleClose">
+    <el-form :model="listQuery" ref="formValidate" :rules="rules">
+        <el-form-item prop="sfbk" label="是否布控" v-if="props.type == '布控'">
+            <MOSTY.Select filterable v-model="listQuery.sfbk" :dictEnum="bkList" 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>
+</template>
+
+<script setup>
+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 bkList = reactive([
+    { label:'撤销申请布控',value:'0' },
+    { label:'申请布控',value:'1' },
+])
+const emits = defineEmits(["update:modelValue",'getDepValue']);
+const formValidate = ref()
+const rules = reactive({
+    sfbk: [{ required: true, message: "请选择是布控", trigger: "change" }],
+})
+const listQuery = ref({});
+
+const submitForm  = () =>{
+    formValidate.value.validate((valid) => {
+        if (!valid) return false;
+        let params = { ids:props.ids, ...listQuery.value  }
+        let url = ''
+        if( props.type == '布控') url = '/mosty-gsxt/tbGsxtRqfjRy/updateBySfbkpz'
+        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>

vue.config.js

@@ -4,7 +4,7 @@ function resolve(dir) {
   return path.join(__dirname, dir);
 }
 
-const serverHost = "http://192.168.31.233:8006"
+const serverHost = "http://192.168.1.98:8006"
 module.exports = {
   publicPath: "./",
   outputDir: "ylth",