修改bug
This commit is contained in:
@ -80,15 +80,15 @@ export const publicRoutes = [
|
|||||||
icon: "personnel-manage"
|
icon: "personnel-manage"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
path: "/user/publicSecurity",
|
// path: "/user/publicSecurity",
|
||||||
name: "publicSecurity",
|
// name: "publicSecurity",
|
||||||
component: () => import("@/views/backOfficeSystem/systemConfig/publicSecurity/index"),
|
// component: () => import("@/views/backOfficeSystem/systemConfig/publicSecurity/index"),
|
||||||
meta: {
|
// meta: {
|
||||||
title: "公安机关要素",
|
// title: "公安机关要素",
|
||||||
icon: "personnel-manage"
|
// icon: "personnel-manage"
|
||||||
}
|
// }
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
path: "/dict/detail",
|
path: "/dict/detail",
|
||||||
name: "dictDetail",
|
name: "dictDetail",
|
||||||
|
@ -15,6 +15,9 @@
|
|||||||
<template #bxxLx="{ row }">
|
<template #bxxLx="{ row }">
|
||||||
<DictTag :value="row.bxxLx" :tag="false" :options="D_BZ_BXDLX" />
|
<DictTag :value="row.bxxLx" :tag="false" :options="D_BZ_BXDLX" />
|
||||||
</template>
|
</template>
|
||||||
|
<template #ssxq="{ row }">
|
||||||
|
<DictTag :value="row.ssxq" :tag="false" :options="D_BZ_XZQHDM" />
|
||||||
|
</template>
|
||||||
<template #bxds="{ row }">
|
<template #bxds="{ row }">
|
||||||
<div>{{ row.bxds?.length }}</div>
|
<div>{{ row.bxds?.length }}</div>
|
||||||
</template>
|
</template>
|
||||||
@ -50,16 +53,17 @@ const showDetail = ref(false); // 控制详情弹窗显示
|
|||||||
const searchConfiger = ref([
|
const searchConfiger = ref([
|
||||||
{
|
{
|
||||||
label: "必巡线名称",
|
label: "必巡线名称",
|
||||||
prop: "bxxmc",
|
prop: "bxxMc",
|
||||||
placeholder: "必巡线名称",
|
placeholder: "必巡线名称",
|
||||||
showType: "input"
|
showType: "input"
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
label: "所属辖区",
|
label: "所属辖区",
|
||||||
prop: "ssbmdm",
|
prop: "ssxq",
|
||||||
placeholder: "分县局",
|
placeholder: "请选择",
|
||||||
showType: "department"
|
showType: "select",
|
||||||
|
options:D_BZ_XZQHDM
|
||||||
}
|
}
|
||||||
]);
|
]);
|
||||||
|
|
||||||
@ -80,7 +84,7 @@ const pageData = reactive({
|
|||||||
controlsWidth: 200,
|
controlsWidth: 200,
|
||||||
tableColumn: [
|
tableColumn: [
|
||||||
{ label: "必巡线名称", prop: "bxxMc" },
|
{ label: "必巡线名称", prop: "bxxMc" },
|
||||||
{ label: "所属辖区", prop: "ssbm" },
|
{ label: "所属辖区", prop: "ssxq", showSolt: true },
|
||||||
{ label: "必巡线类型", prop: "bxxLx", showSolt: true },
|
{ label: "必巡线类型", prop: "bxxLx", showSolt: true },
|
||||||
{ label: "必巡点数量", prop: "bxds", showSolt: true }
|
{ label: "必巡点数量", prop: "bxds", showSolt: true }
|
||||||
]
|
]
|
||||||
|
@ -56,7 +56,7 @@ const searchConfiger = ref([
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "证件号码",
|
label: "证件号码",
|
||||||
prop: "sfzh",
|
prop: "zjhm",
|
||||||
placeholder: "证件号码",
|
placeholder: "证件号码",
|
||||||
showType: "input"
|
showType: "input"
|
||||||
},
|
},
|
||||||
|
@ -17,14 +17,32 @@
|
|||||||
import { qcckGet } from "@/api/qcckApi.js";
|
import { qcckGet } from "@/api/qcckApi.js";
|
||||||
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
||||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||||
import { ref, reactive } from 'vue';
|
import { ref, reactive, watch,defineProps } from 'vue';
|
||||||
|
const props = defineProps({
|
||||||
|
dic: {
|
||||||
|
type: Object,
|
||||||
|
default: {
|
||||||
|
D_BZ_XZQHDM: []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
const dialogForm = ref(false);
|
const dialogForm = ref(false);
|
||||||
const listQuery = ref({});
|
const listQuery = ref({});
|
||||||
const formList = reactive([
|
const formList = ref()
|
||||||
|
// 初始化数据
|
||||||
|
const init = (row) => {
|
||||||
|
dialogForm.value = true;
|
||||||
|
qcckGet({}, `/mosty-jbld/jbjmzk/${row.id}`).then(res => {
|
||||||
|
listQuery.value = res || [];
|
||||||
|
}).catch(() => {
|
||||||
|
})
|
||||||
|
};
|
||||||
|
watch(() => props.dic, (val) => {
|
||||||
|
if (val.D_BZ_XZQHDM) {
|
||||||
|
formList.value = [
|
||||||
[
|
[
|
||||||
{ label: "日期", prop: "sbrq", type: "input" },
|
{ label: "日期", prop: "sbrq", type: "input" },
|
||||||
{ label: "所属辖区", prop: "ssxq", type: "input" },
|
{ label: "所属辖区", prop: "ssxq", type: "select", options: props.dic.D_BZ_XZQHDM },
|
||||||
],
|
],
|
||||||
[
|
[
|
||||||
{ label: "巡逻路线", prop: "xllx", type: "input" },
|
{ label: "巡逻路线", prop: "xllx", type: "input" },
|
||||||
@ -37,20 +55,9 @@ const formList = reactive([
|
|||||||
[
|
[
|
||||||
{ label: "状况描述", prop: "zkms", type: "input" },
|
{ label: "状况描述", prop: "zkms", type: "input" },
|
||||||
],
|
],
|
||||||
])
|
]
|
||||||
// 初始化数据
|
}
|
||||||
const init = (row) => {
|
})
|
||||||
dialogForm.value = true;
|
|
||||||
pageData.tableConfiger.loading = true;
|
|
||||||
qcckGet({}, `/mosty-jbld/jbjmzk/${row.id}`).then(res => {
|
|
||||||
listQuery.value = res || [];
|
|
||||||
pageData.tableConfiger.loading = false;
|
|
||||||
pageData.tableData = [...res.mjList, ...res.baList]
|
|
||||||
}).catch(() => {
|
|
||||||
pageData.tableConfiger.loading = false;
|
|
||||||
})
|
|
||||||
};
|
|
||||||
|
|
||||||
const close = () => {
|
const close = () => {
|
||||||
dialogForm.value = false;
|
dialogForm.value = false;
|
||||||
};
|
};
|
||||||
|
@ -13,6 +13,9 @@
|
|||||||
<template #ddmjList="{ row }">
|
<template #ddmjList="{ row }">
|
||||||
<span>{{ row.ddmjList.length }}</span>
|
<span>{{ row.ddmjList.length }}</span>
|
||||||
</template>
|
</template>
|
||||||
|
<template #ssxq="{ row }">
|
||||||
|
<DictTag :value="row.ssxq" :tag="false" :options="D_BZ_XZQHDM" />
|
||||||
|
</template>
|
||||||
<template #controls="{ row }">
|
<template #controls="{ row }">
|
||||||
<el-link type="primary" link @click="addEdit(row)">详情</el-link>
|
<el-link type="primary" link @click="addEdit(row)">详情</el-link>
|
||||||
</template>
|
</template>
|
||||||
@ -23,7 +26,7 @@
|
|||||||
}"></Pages>
|
}"></Pages>
|
||||||
</div>
|
</div>
|
||||||
<!-- 详情 -->
|
<!-- 详情 -->
|
||||||
<DetailForm ref="detailDiloag" />
|
<DetailForm ref="detailDiloag" :dic="{ D_BZ_XZQHDM }" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@ -34,14 +37,16 @@ import DetailForm from "./components/detailForm.vue";
|
|||||||
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
||||||
import { qcckGet } from "@/api/qcckApi.js";
|
import { qcckGet } from "@/api/qcckApi.js";
|
||||||
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
|
import { reactive, ref, onMounted, getCurrentInstance } from "vue";
|
||||||
|
const { proxy } = getCurrentInstance();
|
||||||
|
const { D_BZ_XZQHDM } = proxy.$dict("D_BZ_XZQHDM");
|
||||||
const searchBox = ref(); //搜索框
|
const searchBox = ref(); //搜索框
|
||||||
const detailDiloag = ref();
|
const detailDiloag = ref();
|
||||||
const searchConfiger = ref([
|
const searchConfiger = ref([
|
||||||
{
|
{
|
||||||
label: "勤务名称",
|
label: "日期",
|
||||||
prop: "qwmc",
|
prop: "sbrq",
|
||||||
placeholder: "请输入勤务名称",
|
placeholder: "请选择日期",
|
||||||
showType: "input"
|
showType: "date"
|
||||||
}
|
}
|
||||||
]);
|
]);
|
||||||
|
|
||||||
@ -62,7 +67,7 @@ const pageData = reactive({
|
|||||||
},
|
},
|
||||||
controlsWidth: 100,
|
controlsWidth: 100,
|
||||||
tableColumn: [
|
tableColumn: [
|
||||||
{ label: "辖区", prop: "ssxq" },
|
{ label: "辖区", prop: "ssxq", showSolt: true },
|
||||||
{ label: "日期", prop: "sbrq" },
|
{ label: "日期", prop: "sbrq" },
|
||||||
{ label: "巡逻路线", prop: "xllx" },
|
{ label: "巡逻路线", prop: "xllx" },
|
||||||
{ label: "上报人", prop: "sbrxm" },
|
{ label: "上报人", prop: "sbrxm" },
|
||||||
@ -95,7 +100,7 @@ const getList = (val) => {
|
|||||||
qcckGet(data, "/mosty-jbld/jbjmzk/selelctPage")
|
qcckGet(data, "/mosty-jbld/jbjmzk/selelctPage")
|
||||||
.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(() => {
|
||||||
|
@ -4,7 +4,9 @@
|
|||||||
<div class="title">公安机关要素</div>
|
<div class="title">公安机关要素</div>
|
||||||
<div class="btnBox">
|
<div class="btnBox">
|
||||||
<el-button type="primary" @click="addItemMenu">
|
<el-button type="primary" @click="addItemMenu">
|
||||||
<el-icon><CirclePlus /></el-icon>
|
<el-icon>
|
||||||
|
<CirclePlus />
|
||||||
|
</el-icon>
|
||||||
<span>新增</span>
|
<span>新增</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
@ -12,11 +14,7 @@
|
|||||||
<div class="searchBox" ref="searchBox">
|
<div class="searchBox" ref="searchBox">
|
||||||
<el-form :model="listQuery" :inline="true">
|
<el-form :model="listQuery" :inline="true">
|
||||||
<el-form-item label="要素名称">
|
<el-form-item label="要素名称">
|
||||||
<el-input
|
<el-input placeholder="请输入要素名称" v-model="listQuery.gajgmc" clearable></el-input>
|
||||||
placeholder="请输入要素名称"
|
|
||||||
v-model="listQuery.gajgmc"
|
|
||||||
clearable
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button @click="handleFilter"> 查询 </el-button>
|
<el-button @click="handleFilter"> 查询 </el-button>
|
||||||
@ -25,94 +23,34 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="tabBox">
|
<div class="tabBox">
|
||||||
<el-table
|
<el-table v-if="refreshTable" :data="tableData" border row-key="id" style="width: 100%" :height="tableHeight"
|
||||||
v-if="refreshTable"
|
:key="keyCount">
|
||||||
:data="tableData"
|
<el-table-column prop="gajgmc" show-overflow-tooltip align="center" width="200px" label="要素名称">
|
||||||
border
|
|
||||||
row-key="id"
|
|
||||||
style="width: 100%"
|
|
||||||
:height="tableHeight"
|
|
||||||
:key="keyCount"
|
|
||||||
>
|
|
||||||
<el-table-column
|
|
||||||
prop="gajgmc"
|
|
||||||
show-overflow-tooltip
|
|
||||||
align="center"
|
|
||||||
width="200px"
|
|
||||||
label="要素名称"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="gajgjc" align="center" show-overflow-tooltip width="200px" label="要素简称" />
|
||||||
prop="gajgjc"
|
<el-table-column prop="wzBc" label="位置别称" align="center"></el-table-column>
|
||||||
align="center"
|
<el-table-column prop="wzXz" show-overflow-tooltip label="位置" align="center">
|
||||||
show-overflow-tooltip
|
|
||||||
width="200px"
|
|
||||||
label="要素简称"
|
|
||||||
/>
|
|
||||||
<el-table-column
|
|
||||||
prop="wzBc"
|
|
||||||
label="位置别称"
|
|
||||||
align="center"
|
|
||||||
></el-table-column>
|
|
||||||
<el-table-column
|
|
||||||
prop="wzXz"
|
|
||||||
show-overflow-tooltip
|
|
||||||
label="位置"
|
|
||||||
align="center"
|
|
||||||
>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="ysdl" label="要素大类" align="center" width="140px">
|
||||||
prop="ysdl"
|
|
||||||
label="要素大类"
|
|
||||||
align="center"
|
|
||||||
width="140px"
|
|
||||||
>
|
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<dict-tag
|
<dict-tag :options="D_ZDY_YSDL" :value="row.ysdl" :tag="false"></dict-tag>
|
||||||
:options="D_ZDY_YSDL"
|
|
||||||
:value="row.ysdl"
|
|
||||||
:tag="false"
|
|
||||||
></dict-tag>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="yszl" label="要素中类" align="center" width="140px">
|
||||||
prop="yszl"
|
|
||||||
label="要素中类"
|
|
||||||
align="center"
|
|
||||||
width="140px"
|
|
||||||
>
|
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<dict-tag
|
<dict-tag :options="D_ZDY_YSZL" :value="row.yszl" :tag="false"></dict-tag>
|
||||||
:options="D_ZDY_YSZL"
|
|
||||||
:value="row.yszl"
|
|
||||||
:tag="false"
|
|
||||||
></dict-tag>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column prop="ysxl" label="要素小类" align="center" width="140px">
|
||||||
prop="ysxl"
|
|
||||||
label="要素小类"
|
|
||||||
align="center"
|
|
||||||
width="140px"
|
|
||||||
>
|
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<dict-tag
|
<dict-tag :options="D_ZDY_YSXL" :value="row.ysxl" :tag="false"></dict-tag>
|
||||||
:options="D_ZDY_YSXL"
|
|
||||||
:value="row.ysxl"
|
|
||||||
:tag="false"
|
|
||||||
></dict-tag>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" fixed="right" width="220">
|
<el-table-column label="操作" align="center" fixed="right" width="220">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<el-button @click="update(row)" size="small">编辑</el-button>
|
<el-button @click="update(row)" size="small">编辑</el-button>
|
||||||
<el-popconfirm
|
<el-popconfirm confirm-button-text="是" cancel-button-text="否" icon-color="red" title="确定要删除?"
|
||||||
confirm-button-text="是"
|
@confirm="delDictItem(row)">
|
||||||
cancel-button-text="否"
|
|
||||||
icon-color="red"
|
|
||||||
title="确定要删除?"
|
|
||||||
@confirm="delDictItem(row)"
|
|
||||||
>
|
|
||||||
<template #reference>
|
<template #reference>
|
||||||
<el-button type="danger" size="small">删除</el-button>
|
<el-button type="danger" size="small">删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
@ -121,16 +59,9 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="fenye" :style="{ top: tableHeight + 'px' }">
|
<div class="fenye" :style="{ top: tableHeight + 'px' }">
|
||||||
<el-pagination
|
<el-pagination class="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||||
class="pagination"
|
:current-page="listQuery.page" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.size"
|
||||||
@size-change="handleSizeChange"
|
layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||||
@current-change="handleCurrentChange"
|
|
||||||
:current-page="listQuery.page"
|
|
||||||
:page-sizes="[10, 20, 50, 100]"
|
|
||||||
:page-size="listQuery.size"
|
|
||||||
layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
:total="total"
|
|
||||||
></el-pagination>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="dialogFormVisible" class="dialog">
|
<div v-if="dialogFormVisible" class="dialog">
|
||||||
@ -138,77 +69,35 @@
|
|||||||
<span class="title">{{ isEdit ? "修改" : "新增" }}</span>
|
<span class="title">{{ isEdit ? "修改" : "新增" }}</span>
|
||||||
<div>
|
<div>
|
||||||
<!-- 修改 -->
|
<!-- 修改 -->
|
||||||
<el-button
|
<el-button v-if="isEdit" type="primary" size="small" @click="onSave" :loading="buttonLoading">保存</el-button>
|
||||||
v-if="isEdit"
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="onSave"
|
|
||||||
:loading="buttonLoading"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
<!-- 新增 -->
|
<!-- 新增 -->
|
||||||
<el-button
|
<el-button v-else type="primary" size="small" @click="onAdd" :loading="buttonLoading">保存</el-button>
|
||||||
v-else
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="onAdd"
|
|
||||||
:loading="buttonLoading"
|
|
||||||
>保存</el-button
|
|
||||||
>
|
|
||||||
<el-button size="small" @click="closeDialog">关闭</el-button>
|
<el-button size="small" @click="closeDialog">关闭</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-form
|
<el-form class="mosty-from-wrap" :inline="true" label-position="top" ref="editRef" :rules="rules"
|
||||||
class="mosty-from-wrap"
|
:model="dialogForm">
|
||||||
:inline="true"
|
|
||||||
label-position="top"
|
|
||||||
ref="editRef"
|
|
||||||
:rules="rules"
|
|
||||||
:model="dialogForm"
|
|
||||||
>
|
|
||||||
<el-form-item label="要素名称" prop="gajgmc" label-width="140px">
|
<el-form-item label="要素名称" prop="gajgmc" label-width="140px">
|
||||||
<el-input
|
<el-input v-model="dialogForm.gajgmc" placeholder="请输入要素名称"></el-input>
|
||||||
v-model="dialogForm.gajgmc"
|
|
||||||
placeholder="请输入要素名称"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="要素简称" prop="gajgjc" label-width="140px">
|
<el-form-item label="要素简称" prop="gajgjc" label-width="140px">
|
||||||
<el-input
|
<el-input v-model="dialogForm.gajgjc" placeholder="请输入要素简称"></el-input>
|
||||||
v-model="dialogForm.gajgjc"
|
|
||||||
placeholder="请输入要素简称"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="关联部门" label-width="140px">
|
<el-form-item label="关联部门" label-width="140px">
|
||||||
<MOSTY.Department
|
<MOSTY.Department placeholder="部门" width="280px" clearable multiple filterable
|
||||||
placeholder="部门"
|
v-model="dialogForm.glbmDtoList" />
|
||||||
width="280px"
|
|
||||||
clearable
|
|
||||||
multiple
|
|
||||||
filterable
|
|
||||||
v-model="dialogForm.glbmDtoList"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="要素小类" prop="ysxl" label-width="140px">
|
<el-form-item label="要素小类" prop="ysxl" label-width="140px">
|
||||||
<el-select v-model="dialogForm.ysxl" placeholder="请选择要素小类">
|
<el-select v-model="dialogForm.ysxl" placeholder="请选择要素小类">
|
||||||
<el-option
|
<el-option v-for="dict in D_ZDY_YSXL" :key="dict.value + 'ysxl'" :label="dict.label"
|
||||||
v-for="dict in D_ZDY_YSXL"
|
:value="dict.value"></el-option>
|
||||||
:key="dict.value + 'ysxl'"
|
|
||||||
:label="dict.label"
|
|
||||||
:value="dict.value"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="位置别称" prop="wzBc" label-width="140px">
|
<el-form-item label="位置别称" prop="wzBc" label-width="140px">
|
||||||
<el-input
|
<el-input v-model="dialogForm.wzBc" placeholder="请输入位置别称"></el-input>
|
||||||
v-model="dialogForm.wzBc"
|
|
||||||
placeholder="请输入位置别称"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="位置" prop="wzXz" label-width="140px">
|
<el-form-item label="位置" prop="wzXz" label-width="140px">
|
||||||
<el-input
|
<el-input v-model="dialogForm.wzXz" placeholder="请输入地址详址"></el-input>
|
||||||
v-model="dialogForm.wzXz"
|
|
||||||
placeholder="请输入地址详址"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item style="width: 48%" prop="jd" label="坐标位置">
|
<el-form-item style="width: 48%" prop="jd" label="坐标位置">
|
||||||
<div class="latlng">
|
<div class="latlng">
|
||||||
@ -277,7 +166,7 @@ const listQuery = ref({
|
|||||||
gajgmc: "",
|
gajgmc: "",
|
||||||
yszl: "",
|
yszl: "",
|
||||||
jsnr: "",
|
jsnr: "",
|
||||||
ysxl:'',
|
ysxl: '',
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10
|
pageSize: 10
|
||||||
});
|
});
|
||||||
@ -460,6 +349,8 @@ onMounted(() => {
|
|||||||
keyCount.value = data;
|
keyCount.value = data;
|
||||||
});
|
});
|
||||||
emitter.on("coordString", (res) => {
|
emitter.on("coordString", (res) => {
|
||||||
|
console.log(res,'res');
|
||||||
|
|
||||||
if (res.type === "drawPoint") {
|
if (res.type === "drawPoint") {
|
||||||
let arr = res.coord.split(",");
|
let arr = res.coord.split(",");
|
||||||
dialogForm.value.jd = arr[0];
|
dialogForm.value.jd = arr[0];
|
||||||
@ -467,6 +358,8 @@ onMounted(() => {
|
|||||||
// getAddressApi({ jd: arr[0], wd: arr[1] }, (res) => {
|
// getAddressApi({ jd: arr[0], wd: arr[1] }, (res) => {
|
||||||
// dialogForm.value.wzXz = res.address;
|
// dialogForm.value.wzXz = res.address;
|
||||||
// });
|
// });
|
||||||
|
let icon = require('@/assets/point/zsdw.png');
|
||||||
|
emitter.emit("showPoint", { coords: [{ jd: res[0], wd: res[1] }], icon, flag: 'gajg' });
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@ -479,6 +372,7 @@ onUnmounted(() => {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@import "~@/assets/css/layout.scss";
|
@import "~@/assets/css/layout.scss";
|
||||||
@import "~@/assets/css/element-plus.scss";
|
@import "~@/assets/css/element-plus.scss";
|
||||||
|
|
||||||
.user-manage-container {
|
.user-manage-container {
|
||||||
.table-header-wrap {
|
.table-header-wrap {
|
||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
@ -498,11 +392,13 @@ onUnmounted(() => {
|
|||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.map {
|
.map {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 400px;
|
height: 400px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.latlng {
|
.latlng {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -2,13 +2,14 @@
|
|||||||
<ul class="patrol-missions" v-if="showModel" infinite-scroll-distance="1" v-infinite-scroll="loadList"
|
<ul class="patrol-missions" v-if="showModel" infinite-scroll-distance="1" v-infinite-scroll="loadList"
|
||||||
v-loading="loading">
|
v-loading="loading">
|
||||||
<li class="test-item" v-for="(item, index) in list" :key="`info${index}`">
|
<li class="test-item" v-for="(item, index) in list" :key="`info${index}`">
|
||||||
<div class="person-img"><img src="@/assets/images/person.png" /></div>
|
<!-- <div class="person-img"><img src="@/assets/images/person.png" /></div> -->
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="text one_text_detail f16">{{ item.qwmc }}</div>
|
<div class="text one_text_detail f16">{{ item.qwmc }}</div>
|
||||||
<div class="text lh30 flex">负责人:{{ item.xm }} (<dict-tag :options="D_BAXX_GWLX" :value="item.gw" :tag="false" />)
|
<div class="text lh30 flex">负责人:{{ item.xm }} (<dict-tag :options="D_BAXX_GWLX" :value="item.gw" :tag="false" />)
|
||||||
</div>
|
</div>
|
||||||
<div class="lh30">电话:{{ item.lxdh }}</div>
|
<div class="lh30">电话:{{ item.lxdh }}</div>
|
||||||
<div class="one_text_detail">巡逻路线:{{ item.bxxmc }}</div>
|
<div class="one_text_detail">巡逻路线: {{ item.bxxmc }}</div>
|
||||||
|
<div class="one_text_detail">打卡时间: {{ item.smrq }}</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<p class="tc" v-if="list.length > 0 && noMore && !loading">没有数据了</p>
|
<p class="tc" v-if="list.length > 0 && noMore && !loading">没有数据了</p>
|
||||||
@ -68,12 +69,13 @@ const loadList = () => {
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
||||||
.test-item {
|
.test-item {
|
||||||
background: url("~@/assets/images/bi/xlrw.png") no-repeat center center;
|
// background: url("~@/assets/images/bi/xlrw.png") no-repeat center center;
|
||||||
background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
|
border: 1px solid #0075ff;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 14px 10px 14px 20px;
|
padding: 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
|
|
||||||
|
@ -25,7 +25,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 右边 -->
|
<!-- 右边 -->
|
||||||
<div class="home-aside aside-right">
|
<div class="home-aside aside-right">
|
||||||
<div class="right-top">
|
<div class="right-top">
|
||||||
|
@ -1,12 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="login-container">
|
<div class="login-container">
|
||||||
<el-form
|
<el-form class="login-form" ref="loginFromRef" :model="loginForm" :rules="loginRules" @submit.native.prevent>
|
||||||
class="login-form"
|
|
||||||
ref="loginFromRef"
|
|
||||||
:model="loginForm"
|
|
||||||
:rules="loginRules"
|
|
||||||
@submit.native.prevent
|
|
||||||
>
|
|
||||||
<div class="title-container">
|
<div class="title-container">
|
||||||
<h3 class="title">用户登录</h3>
|
<h3 class="title">用户登录</h3>
|
||||||
</div>
|
</div>
|
||||||
@ -14,41 +8,21 @@
|
|||||||
<span class="svg-container">
|
<span class="svg-container">
|
||||||
<svg-icon icon="user" />
|
<svg-icon icon="user" />
|
||||||
</span>
|
</span>
|
||||||
<el-input
|
<el-input placeholder="请输入账号" name="userName" type="text" v-model="loginForm.userName" />
|
||||||
placeholder="请输入账号"
|
|
||||||
name="userName"
|
|
||||||
type="text"
|
|
||||||
v-model="loginForm.userName"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item prop="password1">
|
<el-form-item prop="password1">
|
||||||
<span class="svg-container">
|
<span class="svg-container">
|
||||||
<svg-icon icon="password" />
|
<svg-icon icon="password" />
|
||||||
</span>
|
</span>
|
||||||
<el-input
|
<el-input placeholder="请输入密码" name="password" :type="passwordType" v-model="loginForm.password" />
|
||||||
placeholder="请输入密码"
|
|
||||||
name="password"
|
|
||||||
:type="passwordType"
|
|
||||||
v-model="loginForm.password"
|
|
||||||
/>
|
|
||||||
<span class="show-pwd">
|
<span class="show-pwd">
|
||||||
<svg-icon
|
<svg-icon @click="onChangePwdType" :icon="passwordType === 'password' ? 'eye' : 'eye-open'" />
|
||||||
@click="onChangePwdType"
|
|
||||||
:icon="passwordType === 'password' ? 'eye' : 'eye-open'"
|
|
||||||
/>
|
|
||||||
</span>
|
</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item v-if="isShowKaptCha" prop="kaptcha">
|
<el-form-item v-if="isShowKaptCha" prop="kaptcha">
|
||||||
<span class="svg-container"><svg-icon icon="kaptcha" /></span>
|
<span class="svg-container"><svg-icon icon="kaptcha" /></span>
|
||||||
<el-input
|
<el-input @keydown.enter="handleLogin()" v-model="loginForm.kaptcha" placeholder="请输入验证码" name="kaptcha"
|
||||||
@keydown.enter="handleLogin()"
|
type="text" />
|
||||||
v-model="loginForm.kaptcha"
|
|
||||||
placeholder="请输入验证码"
|
|
||||||
name="kaptcha"
|
|
||||||
type="text"
|
|
||||||
/>
|
|
||||||
<span @click="getKaptchaImg">
|
<span @click="getKaptchaImg">
|
||||||
<el-image class="show-kaptcha" :src="kaptchaUrl" fit="cover">
|
<el-image class="show-kaptcha" :src="kaptchaUrl" fit="cover">
|
||||||
<template #error>
|
<template #error>
|
||||||
@ -57,31 +31,15 @@
|
|||||||
</el-image>
|
</el-image>
|
||||||
</span>
|
</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<!---登录按钮-->
|
<!---登录按钮-->
|
||||||
<el-form-item style="height: 49px" v-if="!loginDialog">
|
<el-form-item style="height: 49px" v-if="!loginDialog">
|
||||||
<el-button
|
<el-button @click="handleLogin" type="primary" style="width: 520px; height: 49px" :loading="loading"
|
||||||
@click="handleLogin"
|
native-type="submit">登录</el-button>
|
||||||
type="primary"
|
|
||||||
style="width: 520px; height: 49px"
|
|
||||||
:loading="loading"
|
|
||||||
native-type="submit"
|
|
||||||
>登录</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item class="choosedept-wrap" v-if="loginDialog">
|
<el-form-item class="choosedept-wrap" v-if="loginDialog">
|
||||||
<el-select
|
<el-select v-model="deptId" @change="refreshToken" placeholder="请选择部门">
|
||||||
v-model="deptId"
|
<el-option v-for="item in deptList" :key="item.deptId" :label="item.deptName"
|
||||||
@change="refreshToken"
|
:value="item.deptId"></el-option>
|
||||||
placeholder="请选择部门"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in deptList"
|
|
||||||
:key="item.deptId"
|
|
||||||
:label="item.deptName"
|
|
||||||
:value="item.deptId"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
@ -126,7 +84,7 @@ const loginRules = ref({
|
|||||||
kaptcha: [{ required: true, trigger: "blur", message: "验证码为必填项" }]
|
kaptcha: [{ required: true, trigger: "blur", message: "验证码为必填项" }]
|
||||||
});
|
});
|
||||||
|
|
||||||
const handleClose = () => {};
|
const handleClose = () => { };
|
||||||
const refreshToken = (e) => {
|
const refreshToken = (e) => {
|
||||||
store
|
store
|
||||||
.dispatch("user/refreshToken", { deptId: e, jwtToken: authorization.value })
|
.dispatch("user/refreshToken", { deptId: e, jwtToken: authorization.value })
|
||||||
@ -187,7 +145,7 @@ const handleLogin = () => {
|
|||||||
const logout = () => {
|
const logout = () => {
|
||||||
store.dispatch("user/logout");
|
store.dispatch("user/logout");
|
||||||
};
|
};
|
||||||
onMounted(() => {});
|
onMounted(() => { });
|
||||||
const getKaptchaImg = () => {
|
const getKaptchaImg = () => {
|
||||||
const res =
|
const res =
|
||||||
`${process.env.VUE_APP_GATEWAY_BASE_URL}/mosty-api/mosty-base/kaptcha?date=` +
|
`${process.env.VUE_APP_GATEWAY_BASE_URL}/mosty-api/mosty-base/kaptcha?date=` +
|
||||||
|
Reference in New Issue
Block a user