更新

src/views/backOfficeSystem/HumanIntelligence/ConstructionManagement/index.vue

@@ -18,7 +18,7 @@
     </div>
     <!-- 搜索 -->
     <div ref="searchBox">
-      <Search :searchArr="searchConfiger" @submit="onSearch" @reset="onReset" :key="pageData.keyCount"/>
+      <Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
     </div>
     <!-- 表格 -->
     <div class="tabBox">
@@ -30,11 +30,13 @@
         :tableConfiger="pageData.tableConfiger"
         :controlsWidth="pageData.controlsWidth"
         @chooseData="chooseData">
+        <template #ryMz="{ row }">
+          <DictTag :tag="false"  :value="row.ryMz" :options="D_BZ_MZ" />
+        </template>
         <!-- 操作 -->
         <template #controls="{ row }">
           <el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
-          <el-link size="small" type="danger" @click="deleteRow(row)">删除</el-link>
-          <el-link size="small" type="primary" @click="viewDetails(row)">查看</el-link>
+          <el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
         </template>
       </MyTable>
       <Pages
@@ -48,7 +50,7 @@
       ></Pages>
     </div>
     <!-- 详情 -->
-    <DetailForm ref="detailDiloag" />
+    <DetailForm v-if="show" @updateDate="getList" ref="detailDiloag" :dic="{D_BZ_WHCD,D_BZ_MZ, D_BZ_XB,D_BZ_ZZMM}" />
   </div>
 </template>
 
@@ -59,18 +61,17 @@ import Pages from "@/components/aboutTable/Pages.vue";
 import Search from "@/components/aboutTable/Search.vue";
 import DetailForm from "./components/addForm.vue";
 import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
-import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
 import { CirclePlus, Upload, Download } from '@element-plus/icons-vue';
 import { ElMessage } from 'element-plus';
 const { proxy } = getCurrentInstance();
+const { D_BZ_WHCD,D_BZ_MZ, D_BZ_XB,D_BZ_ZZMM } = proxy.$dict("D_BZ_WHCD",'D_BZ_MZ','D_BZ_XB','D_BZ_ZZMM'); //获取字典数据
 const detailDiloag = ref();
 const searchBox = ref(); //搜索框
-
+const show = ref(false)
 const searchConfiger = ref([
-  { label: "管辖部门", prop: 'department', placeholder: "请选择管辖部门", showType: "select" },
-  { label: "所属辖区", prop: 'area', placeholder: "请选择所属辖区", showType: "select" },
-  { label: "姓名", prop: 'name', placeholder: "请输入姓名", showType: "input" },
-  { label: "身份证号", prop: 'idCard', placeholder: "请输入身份证号", showType: "input" },
+  { label: "姓名", prop: 'ryXm', placeholder: "请输入姓名", showType: "input" },
+  { label: "身份证号", prop: 'rySfzh', placeholder: "请输入身份证号", showType: "input" },
 ]);
 
 const pageData = reactive({
@@ -78,7 +79,7 @@ const pageData = reactive({
   keyCount: 0,
   tableConfiger: {
     rowHieght: 61,
-    showSelectType: "checkBox",
+    showSelectType: "null",
     loading: false
   },
   total: 0,
@@ -86,21 +87,13 @@ const pageData = reactive({
     pageSize: 20,
     pageCurrent: 1
   },
-  controlsWidth: 120,
+  controlsWidth: 200,
   tableColumn: [
-    { label: "序号", type: "index", width: 60 },
-    { label: "所属辖区", prop: "area" },
-    { label: "信息员姓名", prop: "name" },
-    { label: "身份证号", prop: "idCard" },
-    { label: "性别", prop: "gender" },
-    { label: "年龄", prop: "age" },
-    { label: "民族", prop: "nation" },
-    { label: "居住地址", prop: "address", width: 200 },
-    { label: "居住地派出所", prop: "policeStation" },
-    { label: "联系方式", prop: "contact" },
-    { label: "考核得分", prop: "khdf" },
-    { label: "奖惩说明", prop: "jcsm" },
-    { label: "审批状态", prop: "spzt" },
+    { label: "姓名", prop: "ryXm" },
+    { label: "联系电话", prop: "ryLxdh" },
+    { label: "身份证号", prop: "rySfzh" },
+    { label: "民族", prop: "ryMz",showSolt: true  },
+    { label: "居住地址", prop: "jzdDz" },
   ]
 })
 
@@ -111,12 +104,6 @@ onMounted(() => {
   tabHeightFn();
 });
 
-//选择类型
-const handleType = (val) => {
-  pageData.keyCount++;
-  pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
 // 搜索
 const onSearch = (val) =>{
   queryFrom.value = {...val}
@@ -124,12 +111,6 @@ const onSearch = (val) =>{
   getList()
 }
 
-const onReset = () => {
-  queryFrom.value = {}
-  pageData.pageConfiger.pageCurrent = 1;
-  getList()
-}
-
 const changeNo = (val) =>{
   pageData.pageConfiger.pageNum = val;
   getList()
@@ -140,20 +121,32 @@ const changeSize = (val) =>{
 }
 
 // 获取列表
-const getList = (val) =>{
-  // pageData.tableConfiger.loading = true;
+const getList = () =>{
+  pageData.tableConfiger.loading = true;
   let data = { ...pageData.pageConfiger, ...queryFrom.value };
-  // let url = '/mosty-lzcj/tbDwMbkf/queryList';
-  // qcckPost(data,url).then(res=>{
-  //   pageData.tableData = res.records || [];
-  //   pageData.total = res.total;
-  //   pageData.tableConfiger.loading = false;
-  // }).catch(()=>{ pageData.tableConfiger.loading = false; })
+  qcckGet(data,'/mosty-gsxt/tbGsxtJwry/selectPage').then(res=>{
+    pageData.tableData = res.records || [];
+    pageData.total = res.total;
+    pageData.tableConfiger.loading = false;
+  }).catch(()=>{ pageData.tableConfiger.loading = false; })
+}
+
+// 删除
+const deleteRow = (id) =>{
+  proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
+    qcckDelete({}, '/mosty-gsxt/tbGsxtJwry/'+id).then(()=>{
+      proxy.$message({ type: "success",  message: "删除成功" });
+      getList();
+    })
+  }).catch(() => {});
 }
 
 // 详情
 const addEdit = (type, row) => {
-  detailDiloag.value.init(type, row);
+  show.value = true;
+  nextTick(()=>{
+    detailDiloag.value.init(type, row);
+  })
 };
 
 // 表格高度计算