Compare commits
9 Commits
23cc528707
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 2ea84f248c | |||
| 953cb9943d | |||
| 3fb06e3847 | |||
| 596c9f99e4 | |||
| e59b401828 | |||
| 669c8cb3b5 | |||
| 22c3e0253b | |||
| 6999c36c3a | |||
| 709ce4a1e9 |
138
package-lock.json
generated
138
package-lock.json
generated
@ -2181,51 +2181,6 @@
|
||||
"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
|
||||
"dev": true
|
||||
},
|
||||
"ansi-styles": {
|
||||
"version": "4.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"color-convert": "^2.0.1"
|
||||
}
|
||||
},
|
||||
"chalk": {
|
||||
"version": "4.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
|
||||
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"ansi-styles": "^4.1.0",
|
||||
"supports-color": "^7.1.0"
|
||||
}
|
||||
},
|
||||
"color-convert": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
|
||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"color-name": "~1.1.4"
|
||||
}
|
||||
},
|
||||
"color-name": {
|
||||
"version": "1.1.4",
|
||||
"resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
|
||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"has-flag": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
|
||||
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
},
|
||||
"ssri": {
|
||||
"version": "8.0.1",
|
||||
"resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
|
||||
@ -2234,28 +2189,6 @@
|
||||
"requires": {
|
||||
"minipass": "^3.1.1"
|
||||
}
|
||||
},
|
||||
"supports-color": {
|
||||
"version": "7.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
|
||||
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"has-flag": "^4.0.0"
|
||||
}
|
||||
},
|
||||
"vue-loader-v16": {
|
||||
"version": "npm:vue-loader@16.8.3",
|
||||
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
|
||||
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
|
||||
"dev": true,
|
||||
"optional": true,
|
||||
"requires": {
|
||||
"chalk": "^4.1.0",
|
||||
"hash-sum": "^2.0.0",
|
||||
"loader-utils": "^2.0.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -15205,6 +15138,68 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"vue-loader-v16": {
|
||||
"version": "npm:vue-loader@16.8.3",
|
||||
"resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
|
||||
"integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"chalk": "^4.1.0",
|
||||
"hash-sum": "^2.0.0",
|
||||
"loader-utils": "^2.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"ansi-styles": {
|
||||
"version": "4.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
|
||||
"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"color-convert": "^2.0.1"
|
||||
}
|
||||
},
|
||||
"chalk": {
|
||||
"version": "4.1.2",
|
||||
"resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
|
||||
"integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"ansi-styles": "^4.1.0",
|
||||
"supports-color": "^7.1.0"
|
||||
}
|
||||
},
|
||||
"color-convert": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
|
||||
"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"color-name": "~1.1.4"
|
||||
}
|
||||
},
|
||||
"color-name": {
|
||||
"version": "1.1.4",
|
||||
"resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
|
||||
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
|
||||
"dev": true
|
||||
},
|
||||
"has-flag": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
|
||||
"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
|
||||
"dev": true
|
||||
},
|
||||
"supports-color": {
|
||||
"version": "7.2.0",
|
||||
"resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
|
||||
"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"has-flag": "^4.0.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"vue-router": {
|
||||
"version": "4.1.3",
|
||||
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.3.tgz",
|
||||
@ -15287,7 +15282,7 @@
|
||||
"integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A=="
|
||||
},
|
||||
"@popperjs/core": {
|
||||
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
||||
"version": "npm:@popperjs/core@npm:@sxzz/popperjs-es@2.11.7",
|
||||
"resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
|
||||
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
||||
},
|
||||
@ -15334,6 +15329,13 @@
|
||||
"lodash-unified": "^1.0.3",
|
||||
"memoize-one": "^6.0.0",
|
||||
"normalize-wheel-es": "^1.2.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@popperjs/core": {
|
||||
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
||||
"resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
|
||||
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
||||
}
|
||||
}
|
||||
},
|
||||
"lodash-unified": {
|
||||
|
||||
@ -60,3 +60,36 @@ export const strategicPut = (data, url) => {
|
||||
data
|
||||
})
|
||||
}
|
||||
//提交研判申请
|
||||
export const ypbgSjzlTjspId = (id) => {
|
||||
return request({
|
||||
url: api + `/ypbg/sjzl/tjsp/${id}`,
|
||||
method: "get"
|
||||
})
|
||||
}
|
||||
//ypbg/sjzl/queryShList 查询研判内部审核人员列表
|
||||
export const ypbgSjzlQueryShList = (params) => {
|
||||
return request({
|
||||
url: api + `/ypbg/sjzl/queryShList`,
|
||||
method: "get",
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
export const ypbgSjzlYpsp = (data) => {
|
||||
return request({
|
||||
url: api + `/ypbg/sjzl/ypsp`,
|
||||
method: "post",
|
||||
data
|
||||
})
|
||||
}
|
||||
// 提交研判申请
|
||||
// / mosty - api / mosty - gsxt / ypbg / sjzl / tjsp / id
|
||||
// 研判内部审核人员查询列表（市情指领导才有权限）
|
||||
// /mosty-api/mosty - gsxt / ypbg / sjzl / queryShList
|
||||
// 内部研判审批
|
||||
// / mosty - api / mosty - gsxt / ypbg / sjzl / ypsp
|
||||
// 提交上级部门审批
|
||||
// / mosty - api / mosty - gsxt / ypbg / sjzl / sendFqzl
|
||||
// 工作流审批回掉
|
||||
// / mosty - api / mosty - gsxt / ypbg / sjzl / updateBkgzl
|
||||
|
||||
43
src/api/sjxsgl.js
Normal file
43
src/api/sjxsgl.js
Normal file
@ -0,0 +1,43 @@
|
||||
import request from "@/utils/request";
|
||||
const api = "/mosty-api/mosty-gsxt";
|
||||
// 新增系数
|
||||
export const sjxsglAddEntity = (data) => {
|
||||
return request({
|
||||
url: api + "/sjxsgl/addEntity",
|
||||
method: "POST",
|
||||
data
|
||||
});
|
||||
};
|
||||
// 删除系数
|
||||
export const sjxsglDeleteEntity = (data) => {
|
||||
return request({
|
||||
url: api + "/sjxsgl/deleteEntity",
|
||||
method: "DELETE",
|
||||
data
|
||||
});
|
||||
};
|
||||
|
||||
// 修改系数
|
||||
export const sjxsglEditEntity = (data) => {
|
||||
return request({
|
||||
url: api + "/sjxsgl/editEntity",
|
||||
method: "PUT",
|
||||
data
|
||||
});
|
||||
};
|
||||
// 分页查询
|
||||
export const sjxsglGetPageList = (params) => {
|
||||
return request({
|
||||
url: api + "/sjxsgl/getPageList",
|
||||
method: "GET",
|
||||
params
|
||||
});
|
||||
};
|
||||
|
||||
export const sjxsgId = (id) => {
|
||||
return request({
|
||||
url: api + `/sjxsgl/${id}`,
|
||||
method: "GET",
|
||||
});
|
||||
}
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import request from "@/utils/request";
|
||||
const api = "/mosty-api/mosty-base";
|
||||
const fzapi = "/mosty-api/mosty-gsxt";
|
||||
/*
|
||||
* 登录
|
||||
* return promise 实例对象
|
||||
@ -154,3 +155,11 @@ export const deleteSysDictItem = (data) => {
|
||||
data
|
||||
});
|
||||
};
|
||||
// 方正字典
|
||||
export const fzdict = (params) => {
|
||||
return request({
|
||||
url: fzapi + "/xsaj/dict/selectList",
|
||||
method: "GET",
|
||||
params
|
||||
});
|
||||
}
|
||||
|
||||
@ -186,3 +186,20 @@ export const xxcjXxzhs = (data) => {
|
||||
data
|
||||
})
|
||||
}
|
||||
// 线索研判盯办统计
|
||||
// 线索总数
|
||||
export const xxcjQbcjSelectPage = (params) => {
|
||||
return request({
|
||||
url: api + `/qbcj/selectPage`,
|
||||
method: "get",
|
||||
params
|
||||
})
|
||||
}
|
||||
// 下发总数列表
|
||||
export const xxcjXfxsSelectPage = (params) => {
|
||||
return request({
|
||||
url: api + `/zlxx/selectPage`,
|
||||
method: "get",
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
@ -78,6 +78,13 @@ export const tbGsxtBqzhSelectList = (params) => {
|
||||
params
|
||||
})
|
||||
}
|
||||
// 组合标签详情
|
||||
export const tbGsxtBqzhId = (id) => {
|
||||
return request({
|
||||
url: api + `/tbGsxtBqzh/${id}`,
|
||||
method: "get",
|
||||
})
|
||||
}
|
||||
// 身份标签
|
||||
export const yjzxSfyjSelectList = (params) => {
|
||||
return request({
|
||||
@ -210,4 +217,17 @@ export const sjzlQryp = (id) => {
|
||||
method: "get",
|
||||
})
|
||||
}
|
||||
|
||||
export const xsajSelectPage = (params) => {
|
||||
return request({
|
||||
url: api + `/asj/xsaj/selectPage`,
|
||||
method: "get",
|
||||
params
|
||||
})
|
||||
}
|
||||
export const xsajDictSelectList = (params) => {
|
||||
return request({
|
||||
url: api + ``,
|
||||
method: "get",
|
||||
params
|
||||
})
|
||||
}
|
||||
|
||||
241
src/components/ChooseList/ChooseJf/index.vue
Normal file
241
src/components/ChooseList/ChooseJf/index.vue
Normal file
@ -0,0 +1,241 @@
|
||||
<template>
|
||||
<el-dialog :title="titleValue" width="1400px" :model-value="modelValue" append-to-body @close="closed">
|
||||
<div>
|
||||
<el-form :model="listQuery" class="mosty-from-wrap" :inline="true">
|
||||
|
||||
<el-form-item label="系数名称">
|
||||
<el-input placeholder="请输入系数名称" v-model="listQuery.mc" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="计算规则">
|
||||
<el-input placeholder="请输入计算规则" v-model="listQuery.jsgz" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="success" @click="handleFilter">查询</el-button>
|
||||
<el-button type="info" @click="reset()"> 重置 </el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="tabBox" :class="props.Single ? 'tabBoxRadio' : ''" style="margin-top: 0px">
|
||||
<el-table ref="multipleUserRef" @selection-change="handleSelectionChange" :data="tableData" border
|
||||
:row-key="keyid" style="width: 100%" height="450">
|
||||
<el-table-column type="selection" width="55" :reserve-selection="true" />
|
||||
<el-table-column prop="mc" align="center" label="系数名称" />
|
||||
<el-table-column prop="sjbl" align="center" label="衰减比例" />
|
||||
<el-table-column prop="jsgz" align="center" label="计算规则" />
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="fenye" :style="{ top: tableHeight + 'px' }">
|
||||
<el-pagination class="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
||||
:current-page="listQuery.current" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.size"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closed">取消</el-button>
|
||||
<el-button type="primary" @click="onComfirm">确认</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import * as rule from "@/utils/rules.js";
|
||||
import * as MOSTY from "@/components/MyComponents/index";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { defineProps, watch, ref, onMounted, nextTick } from "vue";
|
||||
import { selectUnAccreditPage, selectUserDeptPage } from "@/api/user-manage";
|
||||
import { sjxsglGetPageList } from "@/api/sjxsgl.js";
|
||||
import { qcckPost } from "@/api/qcckApi.js";
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
required: true
|
||||
},
|
||||
titleValue: {
|
||||
type: String,
|
||||
default: "选择配置"
|
||||
},
|
||||
LeaderType: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
//是否单选
|
||||
Single: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
roleIds: {
|
||||
type: Array,
|
||||
default: []
|
||||
}, url: {
|
||||
type: String,
|
||||
default: ""
|
||||
}, bh: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
chooseJfBh: {
|
||||
type: String,
|
||||
default: ""
|
||||
}
|
||||
});
|
||||
const total = ref(0);
|
||||
const listQuery = ref({
|
||||
current: 1,
|
||||
size: 20
|
||||
});
|
||||
const form = ref({});
|
||||
const tableData = ref([]);
|
||||
const emits = defineEmits(["update:modelValue", "choosedUsers"]);
|
||||
onMounted(() => {
|
||||
});
|
||||
|
||||
watch(() => props.modelValue, (val) => {
|
||||
if (val) {
|
||||
nextTick(() => {
|
||||
getListData();
|
||||
});
|
||||
}
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
|
||||
// 监听 roleIds 变化，实时更新选择状态
|
||||
watch(() => props.roleIds, (newVal, oldVal) => {
|
||||
console.log('roleIds变化:', newVal, oldVal);
|
||||
// 只要roleIds有变化，就尝试回显，不需要等待modelValue为true
|
||||
// 因为可能是在对话框打开后roleIds才变化
|
||||
nextTick(() => {
|
||||
multipleUser();
|
||||
});
|
||||
}, { deep: true });
|
||||
const closed = () => {
|
||||
// 清空新选择的内容
|
||||
multipleSelectionUser.value = [];
|
||||
// 取消表格中所有行的选择状态
|
||||
if (multipleUserRef.value && tableData.value && tableData.value.length > 0) {
|
||||
tableData.value.forEach(item => {
|
||||
multipleUserRef.value.toggleRowSelection(item, false);
|
||||
});
|
||||
}
|
||||
emits("update:modelValue", false);
|
||||
};
|
||||
const reset = () => {
|
||||
listQuery.value = {
|
||||
current: 1,
|
||||
size: 20,
|
||||
loginName: "",
|
||||
phone: ""
|
||||
};
|
||||
getListData();
|
||||
};
|
||||
|
||||
const keyid = (row) => {
|
||||
return row.id;
|
||||
};
|
||||
// 为用户分配角色
|
||||
const onComfirm = () => {
|
||||
const userList = multipleSelectionUser.value;
|
||||
console.log(userList);
|
||||
let promes = {
|
||||
list: userList.map(item => {
|
||||
return {
|
||||
xsid: item.id,
|
||||
mc: item.mc,
|
||||
sjbl: item.sjbl,
|
||||
}
|
||||
}),
|
||||
id: props.chooseJfBh
|
||||
}
|
||||
qcckPost(promes, `/mosty-gsxt${props.url}`).then(res => {
|
||||
ElMessage.success('操作成功');
|
||||
})
|
||||
|
||||
closed();
|
||||
};
|
||||
/**
|
||||
* pageSize 改变触发
|
||||
*/
|
||||
const handleSizeChange = (currentSize) => {
|
||||
listQuery.value.size = currentSize;
|
||||
getListData();
|
||||
};
|
||||
|
||||
/**
|
||||
* 页码改变触发
|
||||
*/
|
||||
const handleCurrentChange = (currentPage) => {
|
||||
listQuery.value.current = currentPage;
|
||||
getListData();
|
||||
};
|
||||
const getListData = () => {
|
||||
const params = listQuery.value;
|
||||
sjxsglGetPageList(params).then((res) => {
|
||||
tableData.value = res?.records;
|
||||
total.value = Number(res.total);
|
||||
// 使用 nextTick 确保表格已经渲染完成后再执行回显
|
||||
nextTick(() => {
|
||||
multipleUser();
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
// 列表回显
|
||||
function multipleUser() {
|
||||
// 确保表格引用和数据都存在
|
||||
if (!multipleUserRef.value || !tableData.value || tableData.value.length === 0) {
|
||||
console.log('表格引用或数据不存在，无法回显');
|
||||
return;
|
||||
}
|
||||
|
||||
// 先清空之前的选择，确保选择状态的准确性
|
||||
tableData.value.forEach(item => {
|
||||
multipleUserRef.value.toggleRowSelection(item, false);
|
||||
});
|
||||
|
||||
console.log('开始回显，roleIds:', props.roleIds);
|
||||
console.log('表格数据:', tableData.value);
|
||||
|
||||
// 根据 roleIds 进行回显，确保类型一致
|
||||
tableData.value.forEach((item) => {
|
||||
const itemId = String(item.id);
|
||||
if (props.roleIds.some((id) => String(id) === itemId)) {
|
||||
console.log('回显选择:', item);
|
||||
multipleUserRef.value.toggleRowSelection(item, true);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
const handleFilter = () => {
|
||||
listQuery.value.current = 1;
|
||||
getListData();
|
||||
};
|
||||
|
||||
const multipleUserRef = ref(null);
|
||||
const multipleSelectionUser = ref([]);
|
||||
const handleSelectionChange = (val) => {
|
||||
if (props.Single) {
|
||||
if (val.length > 1) {
|
||||
let del_row = val.shift();
|
||||
multipleUserRef.value.toggleRowSelection(del_row, false);
|
||||
}
|
||||
multipleSelectionUser.value = val;
|
||||
} else {
|
||||
multipleSelectionUser.value = val;
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/css/layout.scss";
|
||||
@import "@/assets/css/element-plus.scss";
|
||||
</style>
|
||||
<style>
|
||||
.tabBoxRadio .el-checkbox__inner {
|
||||
border-radius: 50% !important;
|
||||
}
|
||||
|
||||
.tabBoxRadio .el-table__header-wrapper .el-checkbox {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
@ -188,24 +188,24 @@ export function MapUtil(map) {
|
||||
}
|
||||
// 弹窗自定义标签内容
|
||||
function zdyContentHtml(flag,item){
|
||||
let html = ''
|
||||
switch (flag) {
|
||||
case 'hm_pop':
|
||||
const list = [
|
||||
{ jb: "一级",sl:'5',ypl:'100%' },
|
||||
{ jb: "二级",sl:'5',ypl:'100%' },
|
||||
{ jb: "三级",sl:'3',ypl:'60%' },
|
||||
{ jb: "四级",sl:'0',ypl:'20%' }
|
||||
];
|
||||
let html = ''
|
||||
switch (flag) {
|
||||
case 'hm_pop':
|
||||
html = `
|
||||
<div class="popupCustomBox">
|
||||
<div class="popupCustomTitle_title">
|
||||
<span>${item.ssbm}</span>
|
||||
<span>今日警情${item.jqsl || 0}</span>
|
||||
<span>今日警情${item.jrzs || 0}</span>
|
||||
</div>
|
||||
<ul>
|
||||
<li class="popupCustomTitle_li"><span>级别</span> <span>数量</span> <span>研判率</span> </li>
|
||||
${list.map(it => `<li class="popupCustomTitle_li"><span>${it.jb}</span> <span>${it.sl}</span> <span>${it.ypl}</span></li>`).join('')}
|
||||
${item.jqjb.map(it => `<li class="popupCustomTitle_li"><span>${it.jbmc}</span> <span>${it.jrsl}</span> <span>${it.ypbl}</span></li>`).join('')}
|
||||
</ul>
|
||||
</div>
|
||||
`
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
<!-- 数值 inputNumber-->
|
||||
<el-input type="number" v-model="listQuery[item.prop]" v-else-if="item.type == 'inputNumber'" :placeholder="`请输入${item.label}`" :disabled="item.disabled" @blur="inputBlur($event,item)"/>
|
||||
<!-- 数值 number-->
|
||||
<el-input-number v-model="listQuery[item.prop]" v-else-if="item.type == 'number'" style="width: 100%" :min="item.min || 0" :max="item.max || 1000" :disabled="item.disabled" />
|
||||
<el-input-number v-model="listQuery[item.prop]" v-else-if="item.type == 'number'" :step="item.step || 1" style="width: 100%" :min="item.min || 0" :max="item.max || 1000" :disabled="item.disabled" />
|
||||
|
||||
<!--选择 select-->
|
||||
<MOSTY.Select v-else-if="item.type == 'select'" filterable :multiple="item.multiple" v-model="listQuery[item.prop]" :dictEnum="item.options" width="100%" clearable :placeholder="`请选择${item.label}`" :disabled="item.disabled" />
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
:key="index">{{ item.nodeName }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
<div> <el-button type="success" :icon="Plus" @click="newAdditions" v-if="optional"/></div>
|
||||
<div> <el-button type="success" :icon="Plus" @click="newAdditions" v-if="optional" /></div>
|
||||
</div>
|
||||
<div v-if="optional" class="container-box">
|
||||
<!-- <div v-if="flwsNode.flwsUserNode?.role.length == 0"> -->
|
||||
@ -358,7 +358,7 @@ const queryModel = async () => {
|
||||
loading.value = false
|
||||
}
|
||||
}
|
||||
const optional=ref(false)
|
||||
const optional = ref(false)
|
||||
// 处理事件节点
|
||||
const handleEventNode = async (eventNode, orgId) => {
|
||||
const nodeExtension = JSON.parse(eventNode.nodeExtension)
|
||||
@ -405,7 +405,7 @@ const handleEventNode = async (eventNode, orgId) => {
|
||||
userList: userRes.rows[0]
|
||||
}]
|
||||
} else if (nodeExtension.flwsUserNode.orgType == 'optional') {
|
||||
optional.value=true
|
||||
optional.value = true
|
||||
} else {
|
||||
|
||||
const parentids = orgData.rows.map(item => item.parentid)
|
||||
@ -586,6 +586,11 @@ const sendMessage = (gzlid) => {
|
||||
console.log(res);
|
||||
})
|
||||
break;
|
||||
case 'YPSH':
|
||||
qcckPost(promes, '/mosty-gsxt/ypbg/sjzl/updateBkgzl').then(res => {
|
||||
console.log(res);
|
||||
})
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
@ -603,7 +608,7 @@ const close = () => {
|
||||
orgData: {},
|
||||
}
|
||||
]
|
||||
optional.value=false
|
||||
optional.value = false
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -91,7 +91,6 @@ const qcckGetCount = () => {
|
||||
} else {
|
||||
setCookie('JSRSSIONID', res.substring(10, res.length))
|
||||
}
|
||||
|
||||
qcckGetList()
|
||||
})
|
||||
} else { qcckGetList() }
|
||||
|
||||
@ -52,13 +52,14 @@ import installFilter from "@/filters";
|
||||
import mitt from "mitt";
|
||||
|
||||
import { resetForm } from "@/utils/validate";
|
||||
import { getDict, setCascader } from '@/utils/dict';
|
||||
import { getDict, setCascader, getFzDict } from '@/utils/dict';
|
||||
import axios from "axios";
|
||||
// import fzui from 'fzui-fengqun-vue'
|
||||
|
||||
//挂载全局方法
|
||||
app.config.globalProperties.resetForm = resetForm;
|
||||
app.config.globalProperties.$dict = getDict; //字典公共函数
|
||||
app.config.globalProperties.$fzdict = getFzDict; //字典公共函数
|
||||
app.config.globalProperties.$message = ELMessage; //element提示组件
|
||||
app.config.globalProperties.$set = setCascader; //设置级联选择器回显
|
||||
app.config.globalProperties.mittBus = new mitt(); //配置事件总线
|
||||
|
||||
@ -117,3 +117,4 @@ export function IdCard(IdCard, type) {
|
||||
}
|
||||
return user
|
||||
}
|
||||
|
||||
|
||||
@ -54,6 +54,12 @@ export const publicRoutes = [
|
||||
name: "deploymentApproval",
|
||||
component: () => import("@/views/backOfficeSystem/ApprovalInformation/deploycontrol/deploymentApproval.vue"),
|
||||
},
|
||||
// 布控审核信息
|
||||
{
|
||||
path: "/information",
|
||||
name: "information",
|
||||
component: () => import("@/views/backOfficeSystem/JudgmentHome/internalAuditor/information.vue"),
|
||||
},
|
||||
// 线索
|
||||
{
|
||||
path: "/clueVerification",
|
||||
@ -320,16 +326,15 @@ export const publicRoutes = [
|
||||
component: () => import("@/views/backOfficeSystem/HumanIntelligence/ConversionSynthesis/index"),
|
||||
meta: { title: "转合成列表", icon: "article" },
|
||||
},
|
||||
{
|
||||
path: "/CollectPoints",
|
||||
name: "CollectPoints",
|
||||
component: () => import("@/views/backOfficeSystem/HumanIntelligence/CollectPoints/index"),
|
||||
meta: {
|
||||
title: "采集积分",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
|
||||
// {
|
||||
// path: "/CollectPoints",
|
||||
// name: "CollectPoints",
|
||||
// component: () => import("@/views/backOfficeSystem/HumanIntelligence/CollectPoints/index"),
|
||||
// meta: {
|
||||
// title: "采集积分",
|
||||
// icon: "article"
|
||||
// }
|
||||
// },
|
||||
{
|
||||
path: "/transferConsultationList",
|
||||
name: "transferConsultationList",
|
||||
@ -401,6 +406,14 @@ export const publicRoutes = [
|
||||
title: "线索管理",
|
||||
icon: "article"
|
||||
}
|
||||
}, {
|
||||
path: "/InstructionInformation",
|
||||
name: "InstructionInformation",
|
||||
component: () => import("@/views/backOfficeSystem/ResearchJudgment/InformationFlows/InstructionInformation/index"),
|
||||
meta: {
|
||||
title: "线索下发管理",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
// {
|
||||
// path: "/InformationFlows",
|
||||
@ -533,7 +546,15 @@ export const publicRoutes = [
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
path: "/internalAuditor",
|
||||
name: "internalAuditor",
|
||||
component: () => import("@/views/backOfficeSystem/JudgmentHome/internalAuditor/index.vue"),
|
||||
meta: {
|
||||
title: "内部审核人员",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
// {
|
||||
// path: "/analysisReport",
|
||||
// name: "AnalysisReport",
|
||||
@ -624,6 +645,19 @@ export const publicRoutes = [
|
||||
name: "dataApplication",
|
||||
meta: { title: "数据应用", icon: "article" },
|
||||
children: [
|
||||
{
|
||||
path: "/IntegralCoefficient",
|
||||
name: "IntegralCoefficient",
|
||||
component: () =>
|
||||
import(
|
||||
"@/views/backOfficeSystem/fourColorManage/IntegralCoefficient/index"
|
||||
),
|
||||
meta: {
|
||||
title: "积分系数配置",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
path: "/IdentityManage",
|
||||
name: "IdentityManage",
|
||||
@ -668,43 +702,7 @@ export const publicRoutes = [
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: "/RlStatisticalAnalysis",
|
||||
name: "RlStatisticalAnalysis",
|
||||
component: () =>
|
||||
import(
|
||||
"@/views/backOfficeSystem/HumanIntelligence/RlStatisticalAnalysis/index"
|
||||
),
|
||||
meta: {
|
||||
title: "上报统计分析",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
path: "/TaskScheduling",
|
||||
name: "TaskScheduling",
|
||||
component: () =>
|
||||
import(
|
||||
"@/views/backOfficeSystem/HumanIntelligence/TaskScheduling/index"
|
||||
),
|
||||
meta: {
|
||||
title: "上报任务调度",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: "/ConstructionManagement",
|
||||
name: "ConstructionManagement",
|
||||
component: () =>
|
||||
import(
|
||||
"@/views/backOfficeSystem/HumanIntelligence/ConstructionManagement/index"
|
||||
),
|
||||
meta: {
|
||||
title: "力量建设管理",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: "/JobAppraisal",
|
||||
name: "JobAppraisal",
|
||||
@ -749,14 +747,6 @@ export const publicRoutes = [
|
||||
title: "情报统计分析",
|
||||
icon: "article"
|
||||
}
|
||||
}, {
|
||||
path: "/InstructionInformation",
|
||||
name: "InstructionInformation",
|
||||
component: () => import("@/views/backOfficeSystem/ResearchJudgment/InformationFlows/InstructionInformation/index"),
|
||||
meta: {
|
||||
title: "情报指令",
|
||||
icon: "article"
|
||||
}
|
||||
}, {
|
||||
path: "/RecordsOperations",
|
||||
name: "RecordsOperations",
|
||||
@ -967,6 +957,42 @@ export const publicRoutes = [
|
||||
name: "CollectCrculate",
|
||||
component: () => import("@/views/backOfficeSystem/HumanIntelligence/CollectCrculate/index"),
|
||||
meta: { title: "情报采集", icon: "article" },
|
||||
}, {
|
||||
path: "/RlStatisticalAnalysis",
|
||||
name: "RlStatisticalAnalysis",
|
||||
component: () =>
|
||||
import(
|
||||
"@/views/backOfficeSystem/HumanIntelligence/RlStatisticalAnalysis/index"
|
||||
),
|
||||
meta: {
|
||||
title: "上报统计分析",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
path: "/TaskScheduling",
|
||||
name: "TaskScheduling",
|
||||
component: () =>
|
||||
import(
|
||||
"@/views/backOfficeSystem/HumanIntelligence/TaskScheduling/index"
|
||||
),
|
||||
meta: {
|
||||
title: "上报任务调度",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
{
|
||||
path: "/ConstructionManagement",
|
||||
name: "ConstructionManagement",
|
||||
component: () =>
|
||||
import(
|
||||
"@/views/backOfficeSystem/HumanIntelligence/ConstructionManagement/index"
|
||||
),
|
||||
meta: {
|
||||
title: "力量建设管理",
|
||||
icon: "article"
|
||||
}
|
||||
},
|
||||
|
||||
// {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { ref, toRefs, isRef } from 'vue';
|
||||
import { getSysDictByCode } from '@/api/sysDict' //引入封装数字字典接口
|
||||
import { getSysDictByCode, fzdict } from '@/api/sysDict' //引入封装数字字典接口
|
||||
|
||||
import { getLocalDic } from "@/utils/localDic/index.js"
|
||||
/**
|
||||
@ -24,11 +24,11 @@ export function getDict(...args) {
|
||||
return (() => {
|
||||
args.forEach((d, index) => {
|
||||
res.value[d] = [];
|
||||
|
||||
// 本地字典拦截，如果本地字典存在，则使用本地字典，否则使用远程字典
|
||||
if (isLocalDict(d) && getLocalDic(d)) {
|
||||
res.value[d] = getLocalDic(d)
|
||||
} else {
|
||||
|
||||
getSysDictByCode({
|
||||
dictCode: d
|
||||
}).then(result => {
|
||||
@ -53,7 +53,42 @@ export function getDict(...args) {
|
||||
return toRefs(res.value);
|
||||
})()
|
||||
}
|
||||
export function getFzDict(...args) {
|
||||
const res = ref({});
|
||||
return (() => {
|
||||
args.forEach((d, index) => {
|
||||
res.value[d] = [];
|
||||
// 本地字典拦截，如果本地字典存在，则使用本地字典，否则使用远程字典
|
||||
if (isLocalDict(d) && getLocalDic(d)) {
|
||||
res.value[d] = getLocalDic(d);
|
||||
} else {
|
||||
fzdict({
|
||||
dictLabel: d
|
||||
}).then(result => {
|
||||
result = result || {};
|
||||
// result.itemList = Array.isArray(result.itemList) ? result.itemList : [];
|
||||
// result.itemList.forEach(p => {
|
||||
// p.label = p.itemName;
|
||||
// p.value = p.itemValue;
|
||||
// p.id = p.itemValue;
|
||||
// p.elTagType = p.dictType;
|
||||
// if (p?.itemList && p.itemList?.length > 0) {
|
||||
// getChildren(p);
|
||||
// }
|
||||
// p.children = p.itemList;
|
||||
// });
|
||||
// console.log(res.value);
|
||||
|
||||
res.value[d] = result
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// 使用toRefs确保返回的是响应式对象
|
||||
return toRefs(res.value);
|
||||
})()
|
||||
|
||||
}
|
||||
export function getChildren(item) {
|
||||
item.label = item.zdmc
|
||||
item.value = item.dm
|
||||
@ -177,3 +212,4 @@ export function getMultiDictVal(values, dict) {
|
||||
}).join(',');
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -5,19 +5,21 @@ import { getItem } from '@/utils/storage'
|
||||
*/
|
||||
const getChildrenRoutes = (routes) => {
|
||||
const result = [];
|
||||
// const { deptBizType, deptLevel } = getItem('deptId')[0]
|
||||
const { deptBizType, deptLevel } = getItem('deptId')[0]
|
||||
const roleList = getItem('roleList') ? getItem('roleList').filter(item => item.roleCode == 'JS_666666').length > 0 : false
|
||||
routes.forEach((route) => {
|
||||
if (route.children && route.children.length > 0) {
|
||||
// if (deptBizType == '23') {
|
||||
if (deptBizType == '23' && roleList) {
|
||||
result.push(...route.children);
|
||||
// } else {
|
||||
// if (route.path == '/HumanIntelligence') {
|
||||
// route.children.splice(0, 1);
|
||||
// result.push(...route.children);
|
||||
// } else {
|
||||
// result.push(...route.children);
|
||||
// }
|
||||
// }
|
||||
} else {
|
||||
// console.log(route.path);
|
||||
if (route.path == '/JudgmentHome') {
|
||||
route.children.splice(6, 1);
|
||||
result.push(...route.children);
|
||||
} else {
|
||||
result.push(...route.children);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
return result;
|
||||
|
||||
@ -93,6 +93,7 @@ export function timeValidate(date, type) {
|
||||
const hh = time.getHours().toString().padStart(2, '0')
|
||||
const mm = time.getMinutes().toString().padStart(2, '0')
|
||||
const ss = time.getSeconds().toString().padStart(2, '0')
|
||||
|
||||
if (type == 'ymd') {
|
||||
return `${yyyy}-${MM}-${dd}`;
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
// let url = "ws://89.40.9.89:2109/mosty-api/mosty-websocket/socket/"; //线上
|
||||
let url = "ws://155.240.22.30:2109/mosty-api/mosty-websocket/socket/"; //线上
|
||||
|
||||
if(process.env.NODE_ENV === 'development') {
|
||||
if (process.env.NODE_ENV === 'development') {
|
||||
url = "ws://47.108.232.77:9537/mosty-api/mosty-websocket/socket/"; //本地
|
||||
}
|
||||
import {
|
||||
|
||||
@ -72,7 +72,6 @@
|
||||
<DictTag :tag="false" :value="row.czzt" :options="D_BZ_QBCZZT" />
|
||||
</template>
|
||||
<template #lczt="{ row }">
|
||||
|
||||
<DictTag :tag="false" :value="row.lczt" :options="D_BZ_LCZT" />
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
@ -190,8 +189,7 @@ const isShowTransferMerchantTc = ref(false)
|
||||
|
||||
const isShow = ref(false)
|
||||
const searchConfiger = ref([
|
||||
{ label: "开始时间", prop: "startTime", placeholder: "请选择开始时间", showType: "date" },
|
||||
{ label: "结束时间", prop: "endTime", placeholder: "请选择结束时间", showType: "date" },
|
||||
{ label: "时间", prop: "startTime", placeholder: "请选择时间", showType: "daterange" },
|
||||
{ label: "所属单位", prop: "ssbmdm", placeholder: "请选择所属单位", showType: "department" },
|
||||
{ label: "情报标题", prop: 'qbmc', placeholder: "请输入情报标题", showType: "input" },
|
||||
{ label: "标签级别", prop: 'qbjb', placeholder: "请选择标签级别", showType: "select", options: D_BZ_BQJB },
|
||||
@ -394,14 +392,12 @@ const handleSumbit = () => {
|
||||
|
||||
// 搜索
|
||||
const onSearch = (val) => {
|
||||
const { lrkssj, zxkssj } = val
|
||||
|
||||
const promes = {
|
||||
...pageData.pageConfiger,
|
||||
...val,
|
||||
lrkssj: lrkssj ? lrkssj[0] : '',
|
||||
lrjssj: lrkssj ? lrkssj[1] : '',
|
||||
zxkssj: zxkssj ? zxkssj[0] : '',
|
||||
zxjssj: zxkssj ? zxkssj[1] : '',
|
||||
startTime: val.startTime ? val.startTime[0] : '',
|
||||
endTime: val.endTime ? val.endTime[1] : '',
|
||||
}
|
||||
|
||||
queryFrom.value = { ...promes }
|
||||
|
||||
@ -104,11 +104,12 @@ import LineEcharts from "@/views/home/echarts/moreLineEcharts.vue";
|
||||
import MyTable from "@/components/aboutTable/DarkTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import {tbJqGetPageList } from '@/api/yj.js'
|
||||
import {tbJqGetPageList,xsajSelectPage } from '@/api/yj.js'
|
||||
const router = useRouter();
|
||||
import { nextTick, onMounted, reactive, getCurrentInstance, ref, watch } from 'vue';
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { JQLB } = proxy.$dict("JQLB"); //获取字典数据
|
||||
const {GA_D_XSAJXALBDM} = proxy.$fzdict("GA_D_XSAJXALBDM"); //获取字典数据
|
||||
const readonly_lx = ref(false)
|
||||
const readonly_ry = ref(false)
|
||||
const readonly_dd = ref(false)
|
||||
@ -195,10 +196,11 @@ const list = reactive([
|
||||
pageSize: 6,
|
||||
},
|
||||
tableColumn: [
|
||||
{ label: "案件编号", prop: "ajbh", showOverflowTooltip: true },
|
||||
{ label: "案件内容", prop: "ajnr", showOverflowTooltip: true },
|
||||
{ label: "案件类型", prop: "ajlx", showOverflowTooltip: true },
|
||||
{ label: "案件时间", prop: "ajsj", showOverflowTooltip: true },
|
||||
{ label: "案件编号", prop: "asjbh", showOverflowTooltip: true },
|
||||
{ label: "案件标题", prop: "ajmc", showOverflowTooltip: true },
|
||||
{ label: "简要案情", prop: "jyaq", showOverflowTooltip: true },
|
||||
{ label: "案件类型", prop: "ajxlbDmbcms", showOverflowTooltip: true },
|
||||
{ label: "案件时间", prop: "asjfssjAsjfskssj", showOverflowTooltip: true },
|
||||
],
|
||||
},
|
||||
{
|
||||
@ -243,11 +245,20 @@ watch(() => JQLB.value, (val) => {
|
||||
deep: true, immediate: true
|
||||
})
|
||||
onMounted(() => {
|
||||
|
||||
|
||||
// getCount(); //获取统计数据
|
||||
tabHeightFn()
|
||||
getJqList() //警情列表
|
||||
getAjList()//案件列表
|
||||
});
|
||||
// 获取字典
|
||||
const getxsajDictSelectList = () => {
|
||||
xsajDictSelectList().then(res => {
|
||||
console.log(res);
|
||||
|
||||
})
|
||||
}
|
||||
const getCount = () => {
|
||||
// 获取处置状态统计
|
||||
qcckPost({}, '/mosty-gsxt/qbcj/getXscjTjByXslx').then(res => {
|
||||
@ -275,12 +286,13 @@ const changeNo = (e, type) => {
|
||||
break;
|
||||
case '案件':
|
||||
list[2].pageConfiger.page = e;
|
||||
getAjList()
|
||||
break;
|
||||
case '风险隐患':
|
||||
list[3].pageConfiger.page = e;
|
||||
break;
|
||||
}
|
||||
getJqList()
|
||||
// getJqList()
|
||||
}
|
||||
const changeSize = (e, type) => {
|
||||
switch (type) {
|
||||
@ -293,6 +305,7 @@ const changeSize = (e, type) => {
|
||||
break;
|
||||
case '案件':
|
||||
list[2].pageConfiger.pageSize = e;
|
||||
getAjList()
|
||||
break;
|
||||
case '风险隐患':
|
||||
list[3].pageConfiger.pageSize = e;
|
||||
@ -316,6 +329,26 @@ const getJqList = () => {
|
||||
obj.data_hstj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
|
||||
})
|
||||
}
|
||||
const getAjList = () => {
|
||||
let params = {
|
||||
pageCurrent: list[2].pageConfiger.page,
|
||||
pageSize: list[2].pageConfiger.pageSize,
|
||||
}
|
||||
console.log("执行");
|
||||
|
||||
xsajSelectPage(params).then(res => {
|
||||
list[2].tableList = res.records || [];
|
||||
list[2].pageConfiger.total = res.total;
|
||||
|
||||
// //模拟的统计警情接口
|
||||
// obj.data_lxtj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
|
||||
// obj.data_hstj.list = [{ label: '总数', val: [0, res.total, 0, 0] }];
|
||||
})
|
||||
}
|
||||
// xsajSelectPage(promes).then(res => {
|
||||
// list[2].tableList = res.records || [];
|
||||
// list[2].pageConfiger.total = res.total;
|
||||
// })
|
||||
|
||||
|
||||
|
||||
@ -420,7 +453,6 @@ const onSearch = () => {
|
||||
})
|
||||
|
||||
|
||||
|
||||
} else {
|
||||
ElMessage.warning('请选择查询条件')
|
||||
}
|
||||
|
||||
@ -0,0 +1,206 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="titleBox">
|
||||
<PageTitle title="内部审核" />
|
||||
</div>
|
||||
<!-- 搜索 -->
|
||||
<div ref="searchBox">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div class="tabBox">
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
<template #bglx="{ row }">
|
||||
<DictTag :tag="false" :value="row.bglx" :options="D_BZ_YPLX" />
|
||||
</template>
|
||||
<template #ypfs="{ row }">
|
||||
<DictTag :tag="false" :value="row.ypfs" :options="D_BZ_YPFS" />
|
||||
</template>
|
||||
<template #shzt="{ row }">
|
||||
<span v-if="row.shzt == '01'">审批中</span>
|
||||
<span v-if="row.shzt == '02'">已审批</span>
|
||||
<span v-if="row.shzt == '03'">已驳回</span>
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link size="small" type="danger" @click="internalAudit(row.id)">内部审批</el-link>
|
||||
<el-link size="small" type="primary" @click="createProcess(row)">提交上级</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
</div>
|
||||
<SubmissionProcess v-model="showSp" :data="rowData" :userData="{ ajmc: '研判审核', flowType: 'YPSH', modelName: '研判' }"
|
||||
:path="fixedValue" @getList="getList" />
|
||||
<Ypdolog v-model="showYpdolog" :dataList="dataList" @getList="getList" />
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
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 { useRoute, useRouter } from 'vue-router'
|
||||
import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
|
||||
import { ypbgSjzlQueryShList } from "@/api/huiShangyp/strategicApi.js";
|
||||
import SubmissionProcess from '@/components/flowPath/submissionProcess.vue'
|
||||
import Ypdolog from './ypdolog.vue'
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_BZ_YPFS, D_BZ_YPLX, D_GS_BQ_LX } = proxy.$dict("D_BZ_YPFS", "D_BZ_YPLX", "D_GS_BQ_LX")
|
||||
|
||||
const searchBox = ref(); //搜索框
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
|
||||
onMounted(() => {
|
||||
tabHeightFn()
|
||||
if (route.query.id) {
|
||||
nextTick(() => {
|
||||
addForm.value && addForm.value.init('edit', {
|
||||
id: route.query.id
|
||||
});
|
||||
router.replace({ path: '/tacticalResearch' })// 移除id 避免刷新一直带参数
|
||||
})
|
||||
}
|
||||
getList()
|
||||
});
|
||||
const searchConfiger = ref([
|
||||
{ label: "研判议题", prop: 'ypyt', placeholder: "请输入研判议题", showType: "input" },
|
||||
]);
|
||||
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
rowHieght: 61,
|
||||
showSelectType: "null",
|
||||
loading: false
|
||||
},
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
},
|
||||
controlsWidth: 240,
|
||||
tableColumn: [
|
||||
{ label: "研判议题", prop: "ypyt" },
|
||||
{ label: "报告类型", prop: "bglx", showSolt: true },
|
||||
{ label: "审核状态", prop: "shzt", showSolt: true },
|
||||
{ label: "研判时间", prop: "ypsj" },
|
||||
{ label: "研判要求", prop: "ypyq" },
|
||||
{ label: "发起部门", prop: "ssbm" },
|
||||
{ label: "研判方式", prop: "ypfs", showSolt: true },
|
||||
]
|
||||
});
|
||||
|
||||
const queryFrom = ref({});
|
||||
// 搜索
|
||||
const onSearch = (val) => {
|
||||
const promes = {
|
||||
...val,
|
||||
...pageData.pageConfiger,
|
||||
}
|
||||
queryFrom.value = { ...promes }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
getList()
|
||||
}
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
getList()
|
||||
}
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
getList()
|
||||
}
|
||||
|
||||
// 获取列表
|
||||
const getList = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
let data = { ...pageData.pageConfiger, ...queryFrom.value };
|
||||
ypbgSjzlQueryShList(data).then(res => {
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
pageData.tableConfiger.loading = false;
|
||||
}).catch(() => { pageData.tableConfiger.loading = false; })
|
||||
}
|
||||
// 工作流
|
||||
const showSp = ref(false);
|
||||
const rowData = ref()
|
||||
// 固定值
|
||||
const fixedValue = {
|
||||
clueVerification: 'information',
|
||||
byMeansOf: 'ypbg/sjzl/sendFqzl',
|
||||
nobyMeansOf: 'ypbg/sjzl/sendFqzl',
|
||||
recycle: 'ypbg/sjzl/sendFqzl',
|
||||
}
|
||||
const createProcess = (row) => {
|
||||
|
||||
if (row.shzt == '02') {
|
||||
showSp.value = true;
|
||||
rowData.value = row
|
||||
} else {
|
||||
proxy.$message({
|
||||
message: '请先内部审批',
|
||||
type: 'warning'
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
|
||||
window.onresize = function () {
|
||||
tabHeightFn();
|
||||
};
|
||||
};
|
||||
// 内部审核
|
||||
const showYpdolog = ref(false)
|
||||
const dataList = ref({})
|
||||
const internalAudit = (row) => {
|
||||
dataList.value = row
|
||||
showYpdolog.value = true
|
||||
};
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.label-pop {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: '*';
|
||||
top: 0;
|
||||
left: -7px;
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.el-loading-mask {
|
||||
background: rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
|
||||
:v-deep .el-dialog {
|
||||
width: 90% !important;
|
||||
}
|
||||
|
||||
.zdy-model-dialogs {
|
||||
/* background-color: rgb(50, 148, 214); */
|
||||
background: url("~@/assets/images/bg46.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
padding: 8px 10px;
|
||||
box-sizing: border-box;
|
||||
pointer-events: auto !important;
|
||||
height: calc(100% - 50px);
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,186 @@
|
||||
<template>
|
||||
<div class="information-container">
|
||||
<h2 class="page-title">研判详情</h2>
|
||||
<div class="info-section">
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">研判议题：</span>
|
||||
<span class="value">{{ detail.ypyt || '暂无' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">研判方式：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="detail.ypfs && D_BZ_YPFS" :tag="false" :value="detail.ypfs" :options="D_BZ_YPFS" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">报告类型：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="detail.bglx && D_BZ_YPLX" :tag="false" :value="detail.bglx" :options="D_BZ_YPLX" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">研判时间：</span>
|
||||
<span class="value">{{ detail.ypsj || '暂无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">研判要求：</span>
|
||||
<span class="value">{{ detail.ypyq || '暂无' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">发起部门：</span>
|
||||
<span class="value">{{ detail.ssbm || '暂无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 新增数据展示模块 -->
|
||||
<div class="data-section">
|
||||
<h3 class="section-title">研判部门详情</h3>
|
||||
<el-table :data="detail.cyypList" stripe style="width: 100%" border>
|
||||
<el-table-column prop="ypbmmc" label="研判部门" min-width="150" />
|
||||
<el-table-column prop="scyq" label="上传要求" min-width="200" />
|
||||
<el-table-column prop="fj" label="附件" min-width="150" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.fj">
|
||||
<span v-for="(file, index) in JSON.parse(scope.row.fj)" :key="index">
|
||||
{{ file.name }}<span v-if="index < JSON.parse(scope.row.fj).length - 1">、</span>
|
||||
</span>
|
||||
</span>
|
||||
<span v-else>暂无</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="wcqk" label="完成情况" min-width="120">
|
||||
<template #default="scope">
|
||||
{{ scope.row.wcqk == '01' ? '准备中' : '已完成' }}
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="wcsj" label="完成时间" min-width="180" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import DictTag from '@/components/DictTag/index.vue';
|
||||
import { onMounted ,ref,getCurrentInstance} from 'vue';
|
||||
import { useRoute } from 'vue-router'
|
||||
import {sjzlGetInfo} from '@/api/yj'
|
||||
const props = defineProps({
|
||||
|
||||
/** 字典数据 */
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
});
|
||||
const route = useRoute();
|
||||
const { proxy } = getCurrentInstance();
|
||||
const {D_BZ_YPFS, D_BZ_YPLX}=proxy.$dict("D_BZ_YPFS","D_BZ_YPLX");
|
||||
const detail=ref({});
|
||||
// 新增：存储用户提供的研判部门详情数据
|
||||
const departmentData=ref([
|
||||
{
|
||||
"id": "ae9c8db058fc4bc6b18bc98ab6ef0abd",
|
||||
"sjzlid": "1d538226c8c94577ab3e97f67e7e90bf",
|
||||
"ypbmdm": "540421000000",
|
||||
"ypbmmc": "工布江达县",
|
||||
"scyq": "测试",
|
||||
"fj": "[{\"id\":null,\"name\":\"app登录接口.txt\"}]",
|
||||
"wcqk": "02",
|
||||
"wcsj": "2025-12-26 15:12:29"
|
||||
},
|
||||
{
|
||||
"id": "eef7b85a85784ea4b5211e4330162720",
|
||||
"sjzlid": "1d538226c8c94577ab3e97f67e7e90bf",
|
||||
"ypbmdm": "540402000000",
|
||||
"ypbmmc": "巴宜区",
|
||||
"scyq": "测试",
|
||||
"fj": "[{\"id\":null,\"name\":\"Mosty888.csr\"}]",
|
||||
"wcqk": "02",
|
||||
"wcsj": "2025-12-26 15:12:29"
|
||||
}
|
||||
]);
|
||||
onMounted(() => {
|
||||
console.log(route.query.id);
|
||||
sjzlGetInfo(route.query.id).then(res => {
|
||||
detail.value=res;
|
||||
console.log(res);
|
||||
})
|
||||
});
|
||||
// /ypbg/sjzl/{id}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.information-container {
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
background-color: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.page-title {
|
||||
color: #303133;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
}
|
||||
|
||||
.info-section {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
flex: 1;
|
||||
min-width: 300px;
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-weight: bold;
|
||||
color: #606266;
|
||||
margin-right: 12px;
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
flex: 1;
|
||||
line-height: 32px;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* 新增：数据展示模块样式 */
|
||||
.data-section {
|
||||
margin-top: 30px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #e8e8e8;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
color: #303133;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,92 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="内部审核" width="35%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 15vh; overflow: auto;">
|
||||
<el-form ref="ruleFormRef" :rules="rules" :model="form" label-width="auto" style="max-width: 600px">
|
||||
<el-form-item label="审核状态" prop="shzt">
|
||||
<el-radio-group v-model="form.shzt">
|
||||
<el-radio label="02">通过</el-radio>
|
||||
<el-radio label="03">拒绝</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核意见" prop="shyj">
|
||||
<el-input v-model="form.shyj" type="textarea" placeholder="请输入内容" />
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog(ruleFormRef)">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm(ruleFormRef)">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
import { ypbgSjzlYpsp } from '@/api/huiShangyp/strategicApi.js'
|
||||
const { proxy } = getCurrentInstance()
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dataList: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['update:modelValue','getList'])
|
||||
const closeDialog = (formEl) => {
|
||||
if (!formEl) return
|
||||
formEl.resetFields()
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
const rules = reactive({
|
||||
shzt: [
|
||||
{ required: true, message: '请选择审核状态', trigger: 'blur' }
|
||||
],
|
||||
shyj: [
|
||||
{ required: true, message: '请输入审核意见', trigger: 'blur' }
|
||||
]
|
||||
})
|
||||
const ruleFormRef = ref(null)
|
||||
const form = reactive({
|
||||
shzt: '',
|
||||
shyj: ''
|
||||
})
|
||||
|
||||
const submitForm = async (formEl) => {
|
||||
if (!formEl) return
|
||||
await formEl.validate((valid, fields) => {
|
||||
if (valid) {
|
||||
const promise = {
|
||||
...form,
|
||||
ypid: props.dataList
|
||||
}
|
||||
|
||||
ypbgSjzlYpsp(promise).then(res => {
|
||||
proxy.$message({
|
||||
message: '操作成功',
|
||||
type: 'success'
|
||||
})
|
||||
emit('getList')
|
||||
formEl.resetFields()
|
||||
emit('update:modelValue', false)
|
||||
})
|
||||
} else {
|
||||
console.log('error submit!', fields)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
@ -28,6 +28,7 @@
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<!-- <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link> -->
|
||||
<el-link size="small" type="danger" @click="getypbgSjzlTjspId(row.id)" >提交申请</el-link>
|
||||
<el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link>
|
||||
<el-link size="small" type="primary" @click="createReport(row)">{{ row.ypbg?.id ? '编辑' : '创建' }}报告</el-link>
|
||||
<el-link size="small" type="success" @click="createMeeting(row)">创建会议</el-link>
|
||||
@ -56,6 +57,7 @@ import Search from "@/components/aboutTable/Search.vue";
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { tacticalGet, strategicDelete } from "@/api/huiShangyp/tacticalApi.js";
|
||||
import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
|
||||
import {ypbgSjzlTjspId} from "@/api/huiShangyp/strategicApi.js"
|
||||
import addReport from "./addReport.vue";
|
||||
import AddForm from "./addForm.vue";
|
||||
import addMeeting from "./addMeeting.vue";
|
||||
@ -202,7 +204,22 @@ const createMeeting = (row) => {
|
||||
// currRow.value = { ...row }
|
||||
// isShowReport.value = true
|
||||
}
|
||||
// 提交研判
|
||||
const getypbgSjzlTjspId = (id) => {
|
||||
proxy.$confirm('确定提交研判申请吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
ypbgSjzlTjspId(id).then((res) => {
|
||||
proxy.$message.success('提交成功');
|
||||
getList();
|
||||
})
|
||||
}).catch(() => {
|
||||
proxy.$message.info('已取消提交');
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@ -27,6 +27,7 @@
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link size="small" type="danger" @click="getypbgSjzlTjspId(row.id)" >提交申请</el-link>
|
||||
<!-- <el-link size="small" type="primary" @click="getDataById('edit', row)">修改</el-link> -->
|
||||
<el-link size="small" type="primary" @click="getDataById('detail', row)">详情</el-link>
|
||||
<el-link size="small" type="primary" @click="createReport(row)">{{ row.ypbg?.id ? '编辑' : '创建' }}报告</el-link>
|
||||
@ -54,7 +55,8 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { tacticalGet, strategicDelete } from "@/api/huiShangyp/tacticalApi.js";
|
||||
import { tacticalGet, strategicDelete, } from "@/api/huiShangyp/tacticalApi.js";
|
||||
import {ypbgSjzlTjspId} from "@/api/huiShangyp/strategicApi.js"
|
||||
import { reactive, ref, onMounted, getCurrentInstance, watch, computed, nextTick } from "vue";
|
||||
import addReport from "./addReport.vue";
|
||||
import AddForm from "./addForm.vue";
|
||||
@ -202,7 +204,22 @@ const createMeeting = (row) => {
|
||||
// currRow.value = { ...row }
|
||||
// isShowReport.value = true
|
||||
}
|
||||
// 提交研判
|
||||
const getypbgSjzlTjspId = (id) => {
|
||||
proxy.$confirm('确定提交研判申请吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
ypbgSjzlTjspId(id).then((res) => {
|
||||
proxy.$message.success('提交成功');
|
||||
getList();
|
||||
})
|
||||
}).catch(() => {
|
||||
proxy.$message.info('已取消提交');
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@ -76,22 +76,21 @@ const props = defineProps({
|
||||
const { proxy } = getCurrentInstance();
|
||||
const dialogForm = ref(false); //弹窗
|
||||
const rules = reactive({
|
||||
xsMc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
|
||||
xlLx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
|
||||
qbLy: [{ required: true, message: "请选择情报来源", trigger: "change" }],
|
||||
qbmc: [{ required: true, message: "请输入线索名称", trigger: "blur" }],
|
||||
qblx: [{ required: true, message: "请选择线索类型", trigger: "change" }],
|
||||
});
|
||||
const formData = ref([
|
||||
{ prop: "gapdive", type: "slot", width: '100%' },
|
||||
{ label: "线索名称", prop: "xsMc", type: "input" },
|
||||
{ label: "线索类型", prop: "xlLx", type: "select", options: props.dic.D_GS_XS_LX },
|
||||
{ label: "情报来源", prop: "qbLy", type: "select", options: props.dic.D_GS_XS_LY },
|
||||
{ label: "指向开始时间", prop: "zxkssj", type: "datetime" },
|
||||
{ label: "指向结束时间", prop: "zxjssj", type: "datetime" },
|
||||
{ label: "指向地点", prop: "zxdz", type: "input" },
|
||||
{ label: "线索名称", prop: "qbmc", type: "input" },
|
||||
{ label: "线索类型", prop: "qblx", type: "select", options: props.dic.D_GS_XS_LX },
|
||||
// { label: "情报来源", prop: "qbly", type: "select", options: props.dic.D_GS_XS_LY },
|
||||
// { label: "指向开始时间", prop: "zxkssj", type: "datetime" },
|
||||
// { label: "指向结束时间", prop: "zxjssj", type: "datetime" },
|
||||
{ label: "线索地点", prop: "zxdz", type: "input" },
|
||||
{ label: "所属专题", prop: "sszt", type: "select", options: props.dic.D_BZ_SSZT },
|
||||
{ prop: "gapline", type: "slot", width: '100%' },
|
||||
{ prop: "scfj", type: "slot", width: '100%' },
|
||||
{ label: "线索内容", prop: "xsNr", type: "textarea", width: '100%' },
|
||||
{ label: "线索内容", prop: "qbnr", type: "textarea", width: '100%' },
|
||||
]);
|
||||
const fjdz = ref()
|
||||
const listQuery = ref({}); //表单
|
||||
|
||||
@ -0,0 +1,112 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="线索下发" width="50%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 50vh; overflow: auto;">
|
||||
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" />
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { D_GS_XS_ZLLX, D_GS_ZDQT_FXDJ } = proxy.$dict('D_GS_XS_ZLLX', 'D_GS_ZDQT_FXDJ')
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dataList: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['update:modelValue', 'getList'])
|
||||
const elform = ref(null)
|
||||
const closeDialog = (formEl) => {
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
|
||||
const rules = reactive({
|
||||
glxs: [{ required: true, message: '请输入线索名称', trigger: 'blur' }],
|
||||
zlbt: [{ required: true, message: '请输入指令标题', trigger: 'blur' }],
|
||||
zllx: [{ required: true, message: '请选择指令类型', trigger: 'change' }],
|
||||
zldj: [{ required: true, message: '请选择指令等级', trigger: 'change' }],
|
||||
xfbmList: [{ required: true, message: '请选择下发部门集合', trigger: 'change' }],
|
||||
zsdw: [{ required: true, message: '请选择主送单位', trigger: 'change' }],
|
||||
csdw: [{ required: true, message: '请选择抄送单位', trigger: 'change' }],
|
||||
zlnr: [{ required: true, message: '请输入指令内容', trigger: 'blur' }],
|
||||
})
|
||||
const listQuery = ref({})
|
||||
const formData = ref(
|
||||
[
|
||||
{ label: "线索名称", prop: "glxs", type: "input" },
|
||||
{ label: "指令标题", prop: "zlbt", type: "input" },
|
||||
{ label: "指令类型", prop: "zllx", type: "select", options: D_GS_XS_ZLLX },
|
||||
{ label: "指令等级", prop: "zldj", type: "select", options: D_GS_ZDQT_FXDJ },
|
||||
{ label: "指令联系人", prop: "zllxr", type: "input" },
|
||||
{ label: "指令联系电话", prop: "zllxdh", type: "input" },
|
||||
{ label: "指令结束时间", prop: "jssj", type: "datetime" },
|
||||
{ label: "下发部门集合", depMc: 'xfbmListMc', prop: "xfbmList", type: "department", width: "90%", multiple: true },
|
||||
{ label: "主送单位", prop: "zsdw", type: "department" },
|
||||
{ label: "抄送单位", prop: "csdw", type: "department" },
|
||||
{ label: "指令内容", prop: "zlnr", type: "textarea", width: "90%" },
|
||||
{ label: "附件地址", prop: "fjzd", type: "upload", width: "90%" },
|
||||
]
|
||||
)
|
||||
watch(() => props.modelValue, (newVal, oldVal) => {
|
||||
if (newVal) {
|
||||
listQuery.value.xsid = props.dataList.id
|
||||
listQuery.value.glxsid = props.dataList.id
|
||||
listQuery.value.glxs = props.dataList.qbmc
|
||||
}
|
||||
}, { deep: true })
|
||||
|
||||
|
||||
const submitForm = (formEl) => {
|
||||
console.log(listQuery.value);
|
||||
elform.value.submit((valid) => {
|
||||
if (valid) {
|
||||
const params = {
|
||||
...listQuery.value,
|
||||
fjzd:listQuery.value.fjzd? listQuery.value.fjzd.join(',') : '',
|
||||
xfbmList: listQuery.value.xfbmList.map((item, index) => {
|
||||
return {
|
||||
ssbm: listQuery.value.xfbmListMc[index],
|
||||
ssbmdm: item,
|
||||
}
|
||||
}),
|
||||
}
|
||||
qcckPost(params, '/mosty-gsxt/qbcj/xfxs').then((res) => {
|
||||
proxy.$message({ type: "success", message: "下发成功" });
|
||||
emit('update:modelValue', false)
|
||||
// closeDialog(formEl);
|
||||
}).catch(() => {
|
||||
proxy.$message({ type: "error", message: "新增失败" });
|
||||
});
|
||||
console.log(params);
|
||||
// emit('getList', listQuery)
|
||||
// closeDialog(formEl)
|
||||
} else {
|
||||
console.log('校验失败');
|
||||
}
|
||||
})
|
||||
// formEl.validate((valid) => {
|
||||
// if (valid) {
|
||||
// emit('getList', listQuery)
|
||||
// closeDialog(formEl)
|
||||
// } else {
|
||||
// console.log('校验失败');
|
||||
// }
|
||||
// })
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
@ -3,105 +3,68 @@
|
||||
<div class="titleBox">
|
||||
<PageTitle title="线索数据采集">
|
||||
<el-button type="primary" @click="addEdit('add', null)">
|
||||
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
|
||||
<el-icon style="vertical-align: middle">
|
||||
<CirclePlus />
|
||||
</el-icon>
|
||||
<span style="vertical-align: middle">新增</span>
|
||||
</el-button>
|
||||
<el-button type="danger">
|
||||
<el-icon style="vertical-align: middle"><Dete /></el-icon>
|
||||
<el-button type="danger" @click="plDelDictItem">
|
||||
<el-icon style="vertical-align: middle">
|
||||
<Dete />
|
||||
</el-icon>
|
||||
<span style="vertical-align: middle">批量删除</span>
|
||||
</el-button>
|
||||
</PageTitle>
|
||||
</div>
|
||||
<!-- 搜索 -->
|
||||
<div ref="searchBox">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"/>
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount" />
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div class="tabBox">
|
||||
<MyTable
|
||||
:tableData="pageData.tableData"
|
||||
:tableColumn="pageData.tableColumn"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount"
|
||||
:tableConfiger="pageData.tableConfiger"
|
||||
:controlsWidth="pageData.controlsWidth">
|
||||
<template #xlLx="{row}">
|
||||
<DictTag :tag="false" :value="row.xlLx" :options="D_GS_XS_LX" />
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||
@chooseData="chooseData">
|
||||
<template #qblx="{ row }">
|
||||
<DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
|
||||
</template>
|
||||
<template #qbLy="{row}">
|
||||
<DictTag :tag="false" :value="row.qbLy" :options="D_GS_XS_LY" />
|
||||
<template #cjLx="{ row }">
|
||||
<DictTag :tag="false" :value="row.cjLx" :options="D_GS_XS_LY" />
|
||||
</template>
|
||||
<template #czzt="{row}">
|
||||
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
|
||||
<template #czzt="{ row }">
|
||||
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_XSCZZT" />
|
||||
</template>
|
||||
<template #zxkssj="{row}">
|
||||
<span>{{ row.zxkssj }}</span> 至
|
||||
<span>{{ row.zxjssj }}</span>
|
||||
</template>
|
||||
<template #shzt="{row}">
|
||||
|
||||
<template #shzt="{ row }">
|
||||
<!-- 采纳（将这条信息推送到情报管理）,退回！ -->
|
||||
<DictTag :tag="false" :value="row.shzt" :options="D_BZ_XSSHZT" @clickTag="clickTag(row.shzt)" />
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<template v-if="row.shzt === '0'">
|
||||
</template>
|
||||
|
||||
<!-- <el-popover placement="left" :visible="row.visible" :width="400" trigger="click">
|
||||
<template #reference>
|
||||
<el-link size="small" type="primary" @click.stop="handleSh(row)">审核</el-link>
|
||||
</template>
|
||||
|
||||
<div class="flex mb10 align-center">
|
||||
<div class="w70 label-pop">审核状态 :</div>
|
||||
<div style="flex:1">
|
||||
<el-radio-group v-model="chooseRow.shzt" @change="rules.bhyy = false">
|
||||
<el-radio v-for="obj in D_BZ_XSSHZT" :key="obj.value" :label="obj.value" >{{ obj.zdmc }}</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex" v-if=" chooseRow.shzt == '01'">
|
||||
<div class="w70 label-pop">驳回原因 :</div>
|
||||
<div style="flex:1">
|
||||
<MOSTY.Other filterable style="width: 100%;" v-model="chooseRow.bhyy" type="textarea" rows="3" clearable placeholder="请输入审核原因"/>
|
||||
<div class="f12" style="color: red;" v-if="rules.bhyy">请输入驳回原因</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt10 flex just-center">
|
||||
<el-button size="small" @click.stop="cancel(row)">取消</el-button>
|
||||
<el-button size="small" type="primary" @click.stop="handleSumbit(row)">确定</el-button>
|
||||
</div>
|
||||
</el-popover> -->
|
||||
<el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
|
||||
<template v-if="!row.gzlid">
|
||||
<el-link size="small" type="success" @click="addEdit('edit', row)">编辑</el-link>
|
||||
<el-link size="small" type="primary" @click.stop="createProcess(row)">审核</el-link>
|
||||
<el-link size="small" type="danger" @click="delDictItem(row.id)">删除</el-link>
|
||||
</template>
|
||||
<el-link size="small" type="danger" @click="addEdit('info', row)">详情</el-link>
|
||||
<!-- 续报 == 编辑 -->
|
||||
<el-link size="small" type="warning" @click="addEdit('edit', row)">续报</el-link>
|
||||
<el-link size="small" type="warning" @click="openXsxf( row)">线索下发</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages
|
||||
@changeNo="changeNo"
|
||||
@changeSize="changeSize"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:pageConfiger="{
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"
|
||||
></Pages>
|
||||
}"></Pages>
|
||||
</div>
|
||||
<!-- 新增 -->
|
||||
<AddForm ref="detailDiloag" @change="getList" v-if="isShow" :dic="{D_BZ_SF,D_BZ_XB,D_GS_XS_LY,D_BZ_SSZT,D_GS_XS_LX ,D_GS_XS_QTLX}" />
|
||||
<AddForm ref="detailDiloag" @change="getList" v-if="isShow"
|
||||
:dic="{ D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX }" />
|
||||
</div>
|
||||
<SubmissionProcess v-model="showSp" :data="rowData" :userData="{ ajmc: '线索数据采集审批', flowType: 'XSSJCJSP',modelName:'线索' }"
|
||||
:path="fixedValue" @getList="getList" />
|
||||
<SubmissionProcess v-model="showSp" :data="rowData"
|
||||
:userData="{ ajmc: '线索数据采集审批', flowType: 'XSSJCJSP', modelName: '线索' }" :path="fixedValue" @getList="getList" />
|
||||
<Xsxf v-model="xsxfShow" :dataList="rowData"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import * as MOSTY from "@/components/MyComponents/index";
|
||||
import PageTitle from "@/components/aboutTable/PageTitle.vue";
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
@ -111,27 +74,20 @@ import SubmissionProcess from '@/components/flowPath/submissionProcess.vue'
|
||||
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
|
||||
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
||||
import { useRouter } from "vue-router";
|
||||
|
||||
import Xsxf from "./components/xsxf.vue";
|
||||
const router = useRouter();
|
||||
const { proxy } = getCurrentInstance();
|
||||
const {D_GS_XS_CZZT,D_GS_XS_LY, D_BZ_SSZT,D_BZ_SF,D_GS_XS_LX ,D_GS_XS_QTLX,D_BZ_XB,D_BZ_XSSHZT} = proxy.$dict("D_GS_XS_CZZT","D_GS_XS_LY","D_BZ_SSZT","D_BZ_SF","D_GS_XS_LX","D_GS_XS_QTLX","D_BZ_XB","D_BZ_XSSHZT"); //获取字典数据
|
||||
const { D_GS_XS_XSCZZT, D_GS_XS_LY, D_BZ_SSZT, D_BZ_SF, D_GS_XS_LX, D_GS_XS_QTLX, D_BZ_XB, D_BZ_XSSHZT } = proxy.$dict("D_GS_XS_XSCZZT", "D_GS_XS_LY", "D_BZ_SSZT", "D_BZ_SF", "D_GS_XS_LX", "D_GS_XS_QTLX", "D_BZ_XB", "D_BZ_XSSHZT"); //获取字典数据
|
||||
const detailDiloag = ref();
|
||||
const searchBox = ref(); //搜索框
|
||||
const isShow = ref(false)
|
||||
const searchConfiger = ref([
|
||||
{ label: "线索名称", prop: 'xsMc', placeholder: "请输入线索名称", showType: "input" },
|
||||
{ label: "内容关键字", prop: 'xsNr', placeholder: "请输入语义关键字", showType: "input" },
|
||||
{ label: "线索类型", prop: 'xlLx', placeholder: "请选择线索类型", showType: "select",options:D_GS_XS_LX },
|
||||
{ label: "线索来源", prop: 'qbLy', placeholder: "请选择线索来源", showType: "select",options:D_GS_XS_LY },
|
||||
{ label: "开始时间", prop: 'kssj', placeholder: "请选择开始时间", showType: "datetime" },
|
||||
{ label: "结束时间", prop: 'jssj', placeholder: "请选择结束时间", showType: "datetime" },
|
||||
{ label: "指向地点", prop: 'zxdz', placeholder: "请输入指向地点", showType: "input" },
|
||||
{ label: "线索名称", prop: 'qbmc', placeholder: "请输入线索名称", showType: "input" },
|
||||
{ label: "内容关键字", prop: 'qbnr', placeholder: "请输入语义关键字", showType: "input" },
|
||||
{ label: "线索类型", prop: 'qblx', placeholder: "请选择线索类型", showType: "select", options: D_GS_XS_LX },
|
||||
{ label: "线索来源", prop: 'cjLx', placeholder: "请选择线索来源", showType: "select", options: D_GS_XS_LY },
|
||||
]);
|
||||
const chooseRow = ref({})
|
||||
const rules = reactive({
|
||||
bhyy:false,
|
||||
shzt: false,
|
||||
})
|
||||
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
@ -145,18 +101,16 @@ const pageData = reactive({
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
},
|
||||
controlsWidth: 220,
|
||||
controlsWidth: 250,
|
||||
tableColumn: [
|
||||
{ label: "线索编号", prop: "xsBh" },
|
||||
{ label: "线索名称", prop: "xsMc" },
|
||||
{ label: "线索类型", prop: "xlLx",showSolt:true },
|
||||
{ label: "线索来源", prop: "qbLy",showSolt:true },
|
||||
{ label: "指向时间", prop: "zxkssj",showSolt:true,showOverflowTooltip:true },
|
||||
{ label: "上报时间", prop: "sxsbsj",showOverflowTooltip:true },
|
||||
{ label: "指向地点", prop: "zxdz" },
|
||||
{ label: "线索内容", prop: "xsNr"},
|
||||
{ label: "处置状态", prop: "czzt",showSolt: true},
|
||||
{ label: "附件", prop: "fjdz", showSolt: true },
|
||||
{ label: "线索名称", prop: "qbmc" },
|
||||
{ label: "线索类型", prop: "qblx", showSolt: true },
|
||||
{ label: "线索来源", prop: "cjLx", showSolt: true },
|
||||
{ label: "上报时间", prop: "sxsbsj", showOverflowTooltip: true },
|
||||
{ label: "线索地点", prop: "zxdz" },
|
||||
{ label: "线索内容", prop: "qbnr" },
|
||||
{ label: "处置状态", prop: "czzt", showSolt: true },
|
||||
{ label: "审核状态", prop: "shzt", showSolt: true },
|
||||
]
|
||||
});
|
||||
@ -168,74 +122,67 @@ onMounted(() => {
|
||||
tabHeightFn();
|
||||
});
|
||||
|
||||
const handleSh = (val) =>{
|
||||
chooseRow.value = {id:val.id,shzt:'01'}
|
||||
val.visible = !val.visible;
|
||||
}
|
||||
const cancel = (row) =>{
|
||||
row.visible = false;
|
||||
rules.bhyy = false;
|
||||
chooseRow.value = {}
|
||||
}
|
||||
const handleSumbit = (row) =>{
|
||||
rules.bhyy = !chooseRow.value.bhyy ? true :false;
|
||||
if(chooseRow.value.shzt == '01' && rules.bhyy) return false;
|
||||
let data = { ...chooseRow.value }
|
||||
qcckPost(data,'/mosty-gsxt/qbcj/updateByXssh').then(res=>{
|
||||
row.visible = false;
|
||||
proxy.$message({ type: "success", message: "审核成功" });
|
||||
getList();
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 搜索
|
||||
const onSearch = (val) =>{
|
||||
queryFrom.value = {...val}
|
||||
const onSearch = (val) => {
|
||||
queryFrom.value = { ...val }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
getList()
|
||||
}
|
||||
|
||||
const changeNo = (val) =>{
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
getList()
|
||||
}
|
||||
const changeSize = (val) =>{
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
getList()
|
||||
}
|
||||
|
||||
// 获取列表
|
||||
const getList = () =>{
|
||||
const getList = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
let data = { ...pageData.pageConfiger, ...queryFrom.value,cjLx:'0' };
|
||||
qcckGet(data,'/mosty-gsxt/qbcj/selectPage').then(res=>{
|
||||
let data = { ...pageData.pageConfiger, ...queryFrom.value, cjLx: '0' };
|
||||
qcckGet(data, '/mosty-gsxt/qbcj/selectPage').then(res => {
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
pageData.tableConfiger.loading = false;
|
||||
}).catch(()=>{ pageData.tableConfiger.loading = false; })
|
||||
}).catch(() => { pageData.tableConfiger.loading = false; })
|
||||
}
|
||||
|
||||
// 删除
|
||||
const delDictItem = (id) =>{
|
||||
proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
|
||||
qcckPost({id},'/mosty-gsxt/qbcj/delete').then(()=>{
|
||||
const delDictItem = (id) => {
|
||||
proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
|
||||
qcckPost({ id }, '/mosty-gsxt/qbcj/delete').then(() => {
|
||||
proxy.$message({ type: "success", message: "删除成功" });
|
||||
getList();
|
||||
})
|
||||
}).catch(() => {});
|
||||
}).catch(() => { });
|
||||
}
|
||||
const ids = ref()
|
||||
const chooseData = (val) => {
|
||||
ids.value = val.map(item => item.id)
|
||||
}
|
||||
const plDelDictItem = () => {
|
||||
proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
|
||||
qcckPost({ ids: ids.value }, '/mosty-gsxt/qbcj/deletes').then(() => {
|
||||
proxy.$message({ type: "success", message: "删除成功" });
|
||||
getList();
|
||||
})
|
||||
}).catch(() => { });
|
||||
}
|
||||
|
||||
// 详情
|
||||
const addEdit = (type, row) => {
|
||||
isShow.value = true;
|
||||
setTimeout(()=>{
|
||||
setTimeout(() => {
|
||||
detailDiloag.value.init(type, row);
|
||||
},500)
|
||||
}, 500)
|
||||
};
|
||||
|
||||
const clickTag = (val) =>{
|
||||
if(val == '02') router.push('/IntelligenceManagement');
|
||||
const clickTag = (val) => {
|
||||
if (val == '02') router.push('/IntelligenceManagement');
|
||||
}
|
||||
|
||||
// 表格高度计算
|
||||
@ -251,21 +198,32 @@ const showSp = ref(false);
|
||||
const rowData = ref()
|
||||
// 固定值
|
||||
const fixedValue = {
|
||||
clueVerification:'clueVerification',
|
||||
clueVerification: 'clueVerification',
|
||||
byMeansOf: 'qbcj/callback',
|
||||
nobyMeansOf: 'qbcj/callback',
|
||||
recycle:'qbcj/callback',
|
||||
recycle: 'qbcj/callback',
|
||||
}
|
||||
const createProcess = (row) => {
|
||||
showSp.value = true;
|
||||
rowData.value = row
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 线索下发
|
||||
const xsxfShow = ref(false)
|
||||
const openXsxf = (row) => {
|
||||
xsxfShow.value = true
|
||||
rowData.value = {...row}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.label-pop{
|
||||
.label-pop {
|
||||
position: relative;
|
||||
&::before{
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: '*';
|
||||
top: 0;
|
||||
@ -279,4 +237,3 @@ const createProcess = (row) => {
|
||||
background: rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -3,20 +3,44 @@
|
||||
<div class="head_box">
|
||||
<span class="title">指令{{ title }} </span>
|
||||
<div>
|
||||
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
|
||||
<el-button type="primary" size="small" :loading="loading" @click="submit" v-if="title != '详情'">保存</el-button>
|
||||
<el-button size="small" @click="close">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_cnt">
|
||||
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
|
||||
<div class="form_cnt flex-between">
|
||||
<div class="main-content" :class="{ 'content-with-timeline': title == '详情' }">
|
||||
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" :disabled="title == '详情'">
|
||||
<template #glxsid>
|
||||
<div class="box pointer ellipsis" @click="chooseVisible = true">
|
||||
<span v-if="listQuery.glxs">{{ listQuery.glxs }}</span>
|
||||
<span v-else style="color: #b8b8b8;">请选择关联线索</span>
|
||||
<span v-else class="placeholder-text">请选择关联线索</span>
|
||||
</div>
|
||||
</template>
|
||||
</FormMessage>
|
||||
</div>
|
||||
<div v-if="title == '详情'" class="timeline-container">
|
||||
<el-timeline class="timeline-wrapper" v-if="listQuery.czlcList.length > 0">
|
||||
<el-timeline-item placement="top" v-for="(activity, index) in listQuery.czlcList" :key="index"
|
||||
:timestamp="activity.czsj" :color="activity.czlx == '01' ? '#409eff' : '#67c23a'" size="large">
|
||||
<div class="timeline-content" :class="activity.czlx == '01' ? 'sign-type' : 'feedback-type'">
|
||||
<div class="content-item">
|
||||
<span class="label">处置部门：</span>
|
||||
<span class="value">{{ activity.ssbm }}</span>
|
||||
</div>
|
||||
<div class="content-item">
|
||||
<span class="label">处置状态：</span>
|
||||
<span class="value status">{{ activity.czlx == '01' ? '签收' : '反馈' }}</span>
|
||||
</div>
|
||||
<div class="content-item">
|
||||
<span class="label">处置内容：</span>
|
||||
<span class="value content">{{ activity.fknr }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-timeline-item>
|
||||
</el-timeline>
|
||||
<el-empty description="暂无处置记录" v-else />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 选择线索 -->
|
||||
<Xslist v-model="chooseVisible" @choosed="choosed" :roleIds="roleIds"></Xslist>
|
||||
</div>
|
||||
@ -26,7 +50,6 @@
|
||||
import Xslist from '@/components/ChooseList/ChooseXs/index.vue'
|
||||
import FormMessage from '@/components/aboutTable/FormMessage.vue'
|
||||
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
|
||||
import * as rule from "@/utils/rules.js";
|
||||
import { ref, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance, nextTick } from "vue";
|
||||
const emit = defineEmits(["updateDate"]);
|
||||
const props = defineProps({
|
||||
@ -46,8 +69,8 @@ const formData = ref([
|
||||
{ label: "关联线索", prop: "glxsid", type: "slot" },
|
||||
{ label: "主送单位", prop: "zsdw", type: "department" },
|
||||
{ label: "抄送单位", prop: "csdw", type: "department" },
|
||||
{ label: "指令内容", prop: "zlnr", type: "textarea",width: '100%' },
|
||||
{ label: "附件", prop: "fjzd", type: "upload",width: '100%' },
|
||||
{ label: "指令内容", prop: "zlnr", type: "textarea", width: '100%' },
|
||||
{ label: "附件", prop: "fjzd", type: "upload", width: '100%' },
|
||||
]);
|
||||
const listQuery = ref({}); //表单
|
||||
const loading = ref(false);
|
||||
@ -69,14 +92,18 @@ const rules = reactive({
|
||||
const init = (type, row,) => {
|
||||
listQuery.value.fjzd = null
|
||||
dialogForm.value = true;
|
||||
title.value = type == 'add' ? "新增" : "编辑";
|
||||
title.value = type == 'add' ? '新增' : type == 'info' ? '详情' : '编辑';
|
||||
|
||||
if (row) getDataById(row.id);
|
||||
};
|
||||
// 根据id查询详情
|
||||
const getDataById = (id) => {
|
||||
qcckGet({id}, '/mosty-gsxt/zlxx/selectByid').then((res) => {
|
||||
res.fjzd = res.fjzd ? res.fjzd.split(','):[];
|
||||
listQuery.value = res;
|
||||
qcckGet({ id }, '/mosty-gsxt/zlxx/selectByid').then((res) => {
|
||||
res.fjzd = res.fjzd ? res.fjzd.split(',') : [];
|
||||
listQuery.value = {
|
||||
...res,
|
||||
czlcList: res.czlcList ? res.czlcList.reverse() : []
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
@ -84,22 +111,22 @@ const getDataById = (id) => {
|
||||
const choosed = (val) => {
|
||||
listQuery.value.glxs = val[0].xsMc;
|
||||
listQuery.value.glxsid = val[0].id;
|
||||
roleIds.value = val.map(v=>v.id)
|
||||
roleIds.value = val.map(v => v.id)
|
||||
}
|
||||
|
||||
// 提交
|
||||
const submit = () => {
|
||||
elform.value.submit((data)=>{
|
||||
let url = title.value == "新增" ? '/mosty-gsxt/zlxx/add':'/mosty-gsxt/zlxx/update';
|
||||
elform.value.submit((data) => {
|
||||
let url = title.value == "新增" ? '/mosty-gsxt/zlxx/add' : '/mosty-gsxt/zlxx/update';
|
||||
let params = { ...data }
|
||||
loading.value = true;
|
||||
params.fjzd = params.fjzd ? params.fjzd.join(','):''
|
||||
params.fjzd = params.fjzd ? params.fjzd.join(',') : ''
|
||||
qcckPost(params, url).then((res) => {
|
||||
loading.value = false;
|
||||
proxy.$message({ type: "success", message: title.value + "成功" });
|
||||
emit("updateDate");
|
||||
close();
|
||||
}).catch(() => {loading.value = false;});
|
||||
}).catch(() => { loading.value = false; });
|
||||
});
|
||||
};
|
||||
|
||||
@ -115,11 +142,115 @@ defineExpose({ init });
|
||||
<style lang="scss" scoped>
|
||||
@import "~@/assets/css/layout.scss";
|
||||
@import "~@/assets/css/element-plus.scss";
|
||||
.box{
|
||||
|
||||
.box {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #e9e9e9;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
// 新增类样式
|
||||
.flex-between {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
margin-right: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content-with-timeline {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.placeholder-text {
|
||||
color: #b8b8b8;
|
||||
}
|
||||
|
||||
.timeline-container {
|
||||
width: 18%;
|
||||
}
|
||||
|
||||
.timeline-wrapper {
|
||||
max-width: 100%;
|
||||
padding: 10px;
|
||||
background-color: #f5f7fa;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
// 时间线样式优化
|
||||
.el-timeline {
|
||||
.el-timeline-item {
|
||||
&::before {
|
||||
height: calc(100% - 20px); // 调整时间线高度
|
||||
}
|
||||
|
||||
.el-timeline-item__content {
|
||||
min-height: 80px; // 确保内容区域有足够空间
|
||||
}
|
||||
|
||||
.el-timeline-item__timestamp {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timeline-content {
|
||||
padding: 12px;
|
||||
background-color: white;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
|
||||
border-left: 3px solid transparent;
|
||||
|
||||
&.sign-type {
|
||||
border-left-color: #409eff;
|
||||
|
||||
.status {
|
||||
color: #409eff;
|
||||
}
|
||||
}
|
||||
|
||||
&.feedback-type {
|
||||
border-left-color: #67c23a;
|
||||
|
||||
.status {
|
||||
color: #67c23a;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-item {
|
||||
margin-bottom: 6px;
|
||||
line-height: 1.5;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
font-weight: 500;
|
||||
color: #303133;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #606266;
|
||||
|
||||
&.status {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
&.content {
|
||||
// display: block;
|
||||
// margin-top: 5px;
|
||||
// word-break: break-all;
|
||||
// white-space: pre-wrap;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,78 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="线索反馈" width="50%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 15vh; overflow: auto;">
|
||||
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules" />
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { qcckGet, qcckPost, qcckPut } from "@/api/qcckApi.js";
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
import FormMessage from "@/components/aboutTable/FormMessage.vue";
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { D_GS_XS_ZLLX, D_GS_ZDQT_FXDJ } = proxy.$dict('D_GS_XS_ZLLX', 'D_GS_ZDQT_FXDJ')
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dataList: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const emit = defineEmits(['update:modelValue', 'getList'])
|
||||
const elform = ref(null)
|
||||
const closeDialog = (formEl) => {
|
||||
elform.value.reset()
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
|
||||
const rules = reactive({
|
||||
fknr: [{ required: true, message: '请输入反馈内容', trigger: 'blur' }],
|
||||
})
|
||||
const listQuery = ref({})
|
||||
const formData = ref(
|
||||
[
|
||||
{ label: "反馈内容", prop: "fknr", type: "textarea" ,width:'90%'},
|
||||
]
|
||||
)
|
||||
watch(() => props.modelValue, (newVal, oldVal) => {
|
||||
if (newVal) {
|
||||
listQuery.value.zlxxid = props.dataList.id
|
||||
}
|
||||
}, { deep: true })
|
||||
|
||||
|
||||
const submitForm = (formEl) => {
|
||||
console.log(listQuery.value);
|
||||
elform.value.submit((valid) => {
|
||||
if (valid) {
|
||||
const params = {
|
||||
...listQuery.value,
|
||||
}
|
||||
qcckPost(params, '/mosty-gsxt/zlxx/fk').then((res) => {
|
||||
proxy.$message({ type: "success", message: "反馈成功" });
|
||||
emit('getList')
|
||||
closeDialog()
|
||||
}).catch(() => {
|
||||
proxy.$message({ type: "error", message: "反馈失败" });
|
||||
});
|
||||
console.log(params);
|
||||
|
||||
} else {
|
||||
console.log('校验失败');
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
@ -31,9 +31,18 @@
|
||||
</template>
|
||||
<template #czzt="{row}">
|
||||
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
|
||||
</template>
|
||||
<template #sffk="{row}">
|
||||
{{ row.sffk == '1' ? '已反馈' : '未反馈' }}
|
||||
</template>
|
||||
<template #sfqs="{row}">
|
||||
{{ row.sfqs == '0' ? '未签收' : '已签收' }}
|
||||
</template>
|
||||
<template #controls="{ row }">
|
||||
<el-link size="small" type="primary" v-if="row.sfqs == '0'" @click="signRow(row)">签收</el-link>
|
||||
<el-link size="small" type="warning" @click="fkRow(row)">反馈</el-link>
|
||||
<el-link size="small" type="primary" @click="addEdit('edit', row)">编辑</el-link>
|
||||
<el-link size="small" type="primary" @click="addEdit('info', row)">详情</el-link>
|
||||
<el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
@ -50,6 +59,7 @@
|
||||
<!-- 详情 -->
|
||||
<DetailForm ref="detailDiloag" v-if="isShow" @updateDate="getList" :dic="{D_GS_XS_ZLLX,D_GS_ZDQT_FXDJ}" />
|
||||
</div>
|
||||
<Fk v-model="isShowFk" :dataList="dataList" @getList="getList"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@ -58,6 +68,7 @@ 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 Fk from "./components/fk.vue";
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
@ -87,13 +98,15 @@ const pageData = reactive({
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
},
|
||||
controlsWidth: 120,
|
||||
controlsWidth: 240,
|
||||
tableColumn: [
|
||||
{ label: '指令标题', prop: 'zlbt' },
|
||||
{ label: '指令类型', prop: 'zllx',showSolt:true },
|
||||
{ label: '指令等级', prop: 'zldj',showSolt:true },
|
||||
{ label: '反馈截止时间', prop: 'jssj' },
|
||||
{ label: '处置状态', prop: 'czzt',showSolt:true },
|
||||
{ label: '处置状态', prop: 'czzt', showSolt: true },
|
||||
{ label: '是否反馈', prop: 'sffk', showSolt: true },
|
||||
{ label: '是否签收', prop: 'sfqs', showSolt: true },
|
||||
]
|
||||
});
|
||||
|
||||
@ -150,7 +163,27 @@ const addEdit = (type, row) => {
|
||||
detailDiloag.value.init(type, row);
|
||||
})
|
||||
};
|
||||
// 签收
|
||||
const signRow = (row) =>{
|
||||
proxy.$confirm("确定要签收", "警告", {type: "warning"}).then(() => {
|
||||
qcckGet({id:row.id},'/mosty-gsxt/zlxx/qs').then(()=>{
|
||||
proxy.$message({ type: "success", message: "签收成功" });
|
||||
getList();
|
||||
})
|
||||
}).catch(() => {});
|
||||
}
|
||||
// 反馈
|
||||
const isShowFk = ref(false)
|
||||
const dataList = ref()
|
||||
const fkRow = (row) => {
|
||||
if (row.sfqs=='0') {
|
||||
proxy.$message({ type: "error", message: "请先签收" });
|
||||
return;
|
||||
}
|
||||
isShowFk.value = true;
|
||||
dataList.value = {...row};
|
||||
|
||||
}
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
|
||||
|
||||
@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<div class="dialog" v-if="dialogForm">
|
||||
<div class="head_box">
|
||||
<span class="title">积分系数规则{{ title }} </span>
|
||||
<div>
|
||||
<el-button type="primary" size="small" :loading="loading" @click="submit" >保存</el-button>
|
||||
<el-button size="small" @click="close">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_cnt">
|
||||
<FormMessage v-model="listQuery" :formList="formData" ref="elform" :rules="rules">
|
||||
</FormMessage>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import DialogList from '@/views/backOfficeSystem/fourColorManage/components/dialogList.vue'
|
||||
import FormMessage from '@/components/aboutTable/FormMessage.vue'
|
||||
import {sjxsglAddEntity ,sjxsglEditEntity,sjxsgId} from '@/api/sjxsgl.js'
|
||||
import { ref,defineProps, defineExpose, reactive, onMounted, defineEmits, getCurrentInstance } from "vue";
|
||||
const emit = defineEmits(["updateDate"]);
|
||||
const props = defineProps({
|
||||
type:String,
|
||||
dic:Object,
|
||||
});
|
||||
const showDialog = ref(false); //弹窗
|
||||
const listQuery = ref({}); //表单
|
||||
const loading = ref(false);
|
||||
const elform = ref();
|
||||
const title = ref("");
|
||||
const { proxy } = getCurrentInstance();
|
||||
const dialogForm = ref(false); //弹窗
|
||||
const formData = reactive([
|
||||
{ label: "系数名称", prop: "mc", type: "input" },
|
||||
{ label: "衰减比列", prop: "sjbl", type: "number", max: 100,step:0.1 },
|
||||
{ label: "计算规则", prop: "jsgz", type: "textarea" ,width:'100%'},
|
||||
]);
|
||||
|
||||
const rules = reactive({
|
||||
mc: [{ required: true, message: "请输入系数名称", trigger: "blur" }],
|
||||
sjbl: [{ required: true, message: "请输入衰减比列", trigger: "blur" }],
|
||||
jsgz: [{ required: true, message: "请输入计算规则", trigger: ['blur','change'] }],
|
||||
});
|
||||
|
||||
// 初始化数据
|
||||
const init = (type, row,) => {
|
||||
title.value = type == 'add' ? "新增" : "编辑";
|
||||
dialogForm.value = true;
|
||||
if (row) getDataById(row.id);
|
||||
};
|
||||
|
||||
// 根据id查询详情
|
||||
const getDataById = (id) => {
|
||||
sjxsgId(id).then((res) => {
|
||||
listQuery.value = res;
|
||||
});
|
||||
};
|
||||
|
||||
// 提交
|
||||
const submit = () => {
|
||||
console.log("xxxxxxxx");
|
||||
|
||||
elform.value.submit((data) => {
|
||||
const promes = {
|
||||
...data
|
||||
}
|
||||
console.log(promes);
|
||||
|
||||
if ( title.value == "新增" ) {
|
||||
sjxsglAddEntity(promes).then((res) => {
|
||||
proxy.$message({ type: "success", message: title.value + "成功" });
|
||||
emit("updateDate");
|
||||
loading.value = false;
|
||||
close();
|
||||
}).catch(() => {loading.value = false;});
|
||||
} else {
|
||||
sjxsglEditEntity(promes).then((res) => {
|
||||
proxy.$message({ type: "success", message: title.value + "成功" });
|
||||
emit("updateDate");
|
||||
loading.value = false;
|
||||
close();
|
||||
}).catch(() => {loading.value = false;});
|
||||
}
|
||||
// let url = title.value == "新增" ? '/mosty-gsxt/tbGsxtBqgl/save':'/mosty-gsxt/tbGsxtBqgl/update';
|
||||
// let params = { ...data, bqLb:props.dic.D_GS_BQ_LB.find((it)=>it.zdmc == props.type).dm }
|
||||
// params.bqLx = '01';
|
||||
// loading.value = true;
|
||||
// qcckPost(params, url).then((res) => {
|
||||
// proxy.$message({ type: "success", message: title.value + "成功" });
|
||||
// emit("updateDate");
|
||||
// loading.value = false;
|
||||
// close();
|
||||
// }).catch(() => {loading.value = false;});
|
||||
});
|
||||
};
|
||||
|
||||
// 选择的数据
|
||||
const chooseDate = (val) => {
|
||||
listQuery.value.bqDlId = val[0].id;
|
||||
listQuery.value.bqDlMc = val[0].bqMc;
|
||||
}
|
||||
|
||||
// 关闭
|
||||
const close = () => {
|
||||
listQuery.value = {};
|
||||
dialogForm.value = false;
|
||||
loading.value = false;
|
||||
if(props.type == '标签细类') formData.pop()
|
||||
|
||||
};
|
||||
defineExpose({ init });
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "~@/assets/css/layout.scss";
|
||||
@import "~@/assets/css/element-plus.scss";
|
||||
</style>
|
||||
@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="titleBox">
|
||||
<PageTitle title="积分系数配置">
|
||||
<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 :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div class="tabBox" :style="{height:pageData.tableHeight+20+'px'}">
|
||||
<MyTable
|
||||
:tableData="pageData.tableData"
|
||||
:tableColumn="pageData.tableColumn"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount"
|
||||
:tableConfiger="pageData.tableConfiger"
|
||||
:controlsWidth="pageData.controlsWidth"
|
||||
>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link size="small" @click="addEdit('edit', row)">编辑</el-link>
|
||||
<el-link size="small" @click="delDictItem(row.id)" type="danger">删除</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages
|
||||
@changeNo="changeNo"
|
||||
@changeSize="changeSize"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"
|
||||
></Pages>
|
||||
</div>
|
||||
<!-- 编辑详情 -->
|
||||
<EditAddForm v-if="show" ref="detailDiloag" :type="type" :dic="{D_GS_BQ_LX,D_GS_BQ_DJ,D_GS_SSYJ,D_GS_BQ_LB}" @updateDate="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
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 EditAddForm from "./components/editAddForm.vue";
|
||||
import {sjxsglDeleteEntity ,sjxsglGetPageList} from '@/api/sjxsgl.js'
|
||||
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_GS_BQ_DJ,D_GS_SSYJ,D_GS_BQ_LB,D_GS_BQ_LX } = proxy.$dict("D_GS_BQ_DJ","D_GS_SSYJ","D_GS_BQ_LB","D_GS_BQ_LX"); //获取字典数据
|
||||
const detailDiloag = ref();
|
||||
const searchBox = ref(); //搜索框
|
||||
const type = ref('标签大类')
|
||||
const show = ref(false)
|
||||
const searchConfiger = ref([
|
||||
{ label: "计算规则",prop:'jsgz',placeholder: "请输入计算规则", showType: "input"},
|
||||
{ label: "系数名称",prop:'mc' ,placeholder: "请输入系数名称", showType: "input"},
|
||||
]);
|
||||
const queryFrom = ref({});
|
||||
const pageData = reactive({
|
||||
tableData: [], //表格数据
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
rowHieght: 61,
|
||||
showSelectType: "null",
|
||||
loading: false
|
||||
},
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
controlsWidth: 150, //操作栏宽度
|
||||
tableColumn: [
|
||||
{ label: "系数名称", prop: "mc" },
|
||||
{ label: "衰减比列", prop: "sjbl" },
|
||||
{ label: "计算规则", prop: "jsgz"},
|
||||
]
|
||||
});
|
||||
onMounted(() => {
|
||||
getList()
|
||||
tabHeightFn();
|
||||
});
|
||||
|
||||
|
||||
// 搜索
|
||||
const onSearch = (val) =>{
|
||||
queryFrom.value = {...val}
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
getList()
|
||||
}
|
||||
|
||||
// 分页
|
||||
const changeNo = (val) =>{
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
getList()
|
||||
}
|
||||
// 页数
|
||||
const changeSize = (val) =>{
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
getList()
|
||||
}
|
||||
|
||||
// 获取列表
|
||||
const getList = () =>{
|
||||
pageData.tableConfiger.loading = true;
|
||||
let data = { ...pageData.pageConfiger,...queryFrom.value };
|
||||
data.bqLb = type.value == '标签大类'? '01':'02'
|
||||
sjxsglGetPageList(data).then(res=>{
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
pageData.tableConfiger.loading = false;
|
||||
}).catch(()=>{ pageData.tableConfiger.loading = false; })
|
||||
}
|
||||
// 删除
|
||||
const delDictItem = (id) =>{
|
||||
proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
|
||||
sjxsglDeleteEntity({ids:[id]}).then(()=>{
|
||||
proxy.$message({ type: "success", message: "删除成功" });
|
||||
getList();
|
||||
})
|
||||
}).catch(() => {});
|
||||
}
|
||||
|
||||
// 新增
|
||||
const addEdit = (type, row) => {
|
||||
show.value = true;
|
||||
nextTick(()=>{
|
||||
detailDiloag.value.init(type, row);
|
||||
})
|
||||
};
|
||||
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
pageData.tableHeight = window.innerHeight - searchBox.value.offsetHeight - 250;
|
||||
window.onresize = function () { tabHeightFn(); };
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.el-loading-mask {
|
||||
background: rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
</style>
|
||||
@ -12,7 +12,9 @@
|
||||
<span style="vertical-align: middle">导入</span>
|
||||
</el-button> -->
|
||||
<el-button type="primary" @click="addEdit('add', '')">
|
||||
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
|
||||
<el-icon style="vertical-align: middle">
|
||||
<CirclePlus />
|
||||
</el-icon>
|
||||
<span style="vertical-align: middle">新增</span>
|
||||
</el-button>
|
||||
</PageTitle>
|
||||
@ -23,14 +25,8 @@
|
||||
</div>
|
||||
<!-- 表格 -->
|
||||
<div class="tabBox">
|
||||
<MyTable
|
||||
:tableData="pageData.tableData"
|
||||
:tableColumn="pageData.tableColumn"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount"
|
||||
:tableConfiger="pageData.tableConfiger"
|
||||
:controlsWidth="pageData.controlsWidth"
|
||||
>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
<template #bqYs="{ row }">
|
||||
<DictTag :value="row.bqYs" :tag="false" :options="D_GS_SSYJ" />
|
||||
</template>
|
||||
@ -39,22 +35,21 @@
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link type="primary" @click="chooseJfFun(row)">配置系统</el-link>
|
||||
<el-link type="primary" @click="addEdit('edit', row)">编辑</el-link>
|
||||
<el-link type="danger" @click="delDictItem(row.id)">删除</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages
|
||||
@changeNo="changeNo"
|
||||
@changeSize="changeSize"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:pageConfiger="{
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"
|
||||
></Pages>
|
||||
}"></Pages>
|
||||
</div>
|
||||
<!-- 编辑详情 -->
|
||||
<EditAddForm v-if="show" ref="detailDiloag" :dic="{D_GS_BQ_LX,D_GS_BQ_DJ,D_GS_SSYJ,D_GS_BQ_LB}" @updateDate="getList" />
|
||||
<EditAddForm v-if="show" ref="detailDiloag" :dic="{ D_GS_BQ_LX, D_GS_BQ_DJ, D_GS_SSYJ, D_GS_BQ_LB }"
|
||||
@updateDate="getList" />
|
||||
<ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false"
|
||||
:chooseJfBh="chooseJfBh" url="/tbGsxtBqzh/sjxspz" :roleIds="roleIds"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -64,19 +59,21 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import EditAddForm from "./components/editAddForm.vue";
|
||||
import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import { tbGsxtBqzhId } from "@/api/yj.js";
|
||||
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_GS_BQ_DJ,D_GS_SSYJ,D_GS_BQ_LB,D_GS_BQ_LX } = proxy.$dict("D_GS_BQ_DJ","D_GS_SSYJ","D_GS_BQ_LB","D_GS_BQ_LX"); //获取字典数据
|
||||
const { D_GS_BQ_DJ, D_GS_SSYJ, D_GS_BQ_LB, D_GS_BQ_LX } = proxy.$dict("D_GS_BQ_DJ", "D_GS_SSYJ", "D_GS_BQ_LB", "D_GS_BQ_LX"); //获取字典数据
|
||||
const detailDiloag = ref();
|
||||
const show = ref(false)
|
||||
const searchBox = ref(); //搜索框
|
||||
const searchConfiger = ref(
|
||||
[
|
||||
{ label: "组合标签名称", prop: 'bqMc', placeholder: "请输入组合标签名称", showType: "input"},
|
||||
{ label: "组合标签名称", prop: 'bqMc', placeholder: "请输入组合标签名称", showType: "input" },
|
||||
// { label: "组合标签标签等级", prop: 'bqDj', placeholder: "请选择组合标签标签等级", showType: "select",options: D_GS_BQ_DJ },
|
||||
{ label: "组合标签颜色", prop: 'bqYs', placeholder: "请选择组合标签标签颜色", showType: "select",options: D_GS_SSYJ },
|
||||
]);
|
||||
{ label: "组合标签颜色", prop: 'bqYs', placeholder: "请选择组合标签标签颜色", showType: "select", options: D_GS_SSYJ },
|
||||
]);
|
||||
const queryFrom = ref({});
|
||||
const pageData = reactive({
|
||||
tableData: [], //表格数据
|
||||
@ -96,9 +93,9 @@ const pageData = reactive({
|
||||
{ label: "组合标签名称", prop: "bqMc" },
|
||||
{ label: "标签代码", prop: "bqDm" },
|
||||
// { label: "组合标签等级", prop: "bqDj",showSolt:true },
|
||||
{ label: "组合标签颜色", prop: "bqYs",showSolt:true },
|
||||
{ label: "组合标签分值", prop: "bqFz"},
|
||||
{ label: "组合标签说明", prop: "bqSm",showOverflowTooltip:true },
|
||||
{ label: "组合标签颜色", prop: "bqYs", showSolt: true },
|
||||
{ label: "组合标签分值", prop: "bqFz" },
|
||||
{ label: "组合标签说明", prop: "bqSm", showOverflowTooltip: true },
|
||||
]
|
||||
});
|
||||
onMounted(() => {
|
||||
@ -108,51 +105,61 @@ onMounted(() => {
|
||||
|
||||
|
||||
// 搜索
|
||||
const onSearch = (val) =>{
|
||||
queryFrom.value = {...val}
|
||||
const onSearch = (val) => {
|
||||
queryFrom.value = { ...val }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
getList()
|
||||
}
|
||||
|
||||
const changeNo = (val) =>{
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
getList()
|
||||
}
|
||||
const changeSize = (val) =>{
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
getList()
|
||||
}
|
||||
|
||||
const getList = () =>{
|
||||
const getList = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
qcckGet(queryFrom.value,'/mosty-gsxt/tbGsxtBqzh/selectPage').then((res)=>{
|
||||
qcckGet(queryFrom.value, '/mosty-gsxt/tbGsxtBqzh/selectPage').then((res) => {
|
||||
pageData.tableData = res.records;
|
||||
pageData.total = res.total;
|
||||
pageData.tableConfiger.loading = false;
|
||||
}).catch(()=>{
|
||||
}).catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 删除
|
||||
const delDictItem = (id) =>{
|
||||
proxy.$confirm("确定要删除", "警告", {type: "warning"}).then(() => {
|
||||
qcckDelete({},'/mosty-gsxt/tbGsxtBqzh/'+id).then(()=>{
|
||||
const delDictItem = (id) => {
|
||||
proxy.$confirm("确定要删除", "警告", { type: "warning" }).then(() => {
|
||||
qcckDelete({}, '/mosty-gsxt/tbGsxtBqzh/' + id).then(() => {
|
||||
proxy.$message({ type: "success", message: "删除成功" });
|
||||
getList();
|
||||
})
|
||||
}).catch(() => {});
|
||||
}).catch(() => { });
|
||||
}
|
||||
|
||||
// 新增
|
||||
const addEdit = (type, row) => {
|
||||
show.value = true;
|
||||
nextTick(()=>{
|
||||
nextTick(() => {
|
||||
detailDiloag.value.init(type, row,);
|
||||
})
|
||||
};
|
||||
|
||||
// 选择系数
|
||||
const chooseJfShow = ref(false)
|
||||
const chooseJfBh = ref()
|
||||
const roleIds=ref()
|
||||
const chooseJfFun = (val) => {
|
||||
chooseJfBh.value=val.id
|
||||
tbGsxtBqzhId(val.id).then(res => {
|
||||
roleIds.value=res.sjxspzList.map(item => item.xsid)
|
||||
chooseJfShow.value = true
|
||||
})
|
||||
}
|
||||
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
|
||||
@ -47,6 +47,7 @@
|
||||
<template #controls="{ row }">
|
||||
<el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
|
||||
<el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
|
||||
<el-link type="primary" @click="chooseJfFun(row)" >配置系统</el-link>
|
||||
<!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
|
||||
<el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
|
||||
<el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs ">签收</el-link>
|
||||
@ -74,7 +75,8 @@
|
||||
|
||||
<!-- 处置建议 -->
|
||||
<Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
|
||||
|
||||
<ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false"
|
||||
:chooseJfBh="chooseJfBh" url="/yjzxXwyj/sjxspz" :roleIds="roleIds"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@ -87,6 +89,8 @@ import Searchs from "@/components/aboutTable/Search.vue";
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import Items from "./item/items.vue";
|
||||
import {yjzxXwyjSelectList } from "@/api/yj.js";
|
||||
import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
|
||||
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
|
||||
import HolographicArchive from '@/views/home/components/holographicArchive.vue'
|
||||
import { tbGsxtBqglSelectList } from '@/api/zdr'
|
||||
@ -323,6 +327,19 @@ const openSearch = () => {
|
||||
tabHeightFn()
|
||||
})
|
||||
}
|
||||
|
||||
// 选择系数
|
||||
const chooseJfShow = ref(false)
|
||||
const chooseJfBh = ref()
|
||||
const roleIds=ref()
|
||||
const chooseJfFun = (val) => {
|
||||
chooseJfBh.value=val.id
|
||||
yjzxXwyjSelectList(val.id).then(res => {
|
||||
roleIds.value=res.sjxspzList.map(item => item.xsid)
|
||||
chooseJfShow.value = true
|
||||
})
|
||||
}
|
||||
|
||||
// 表格高度计算
|
||||
const tabHeightFn = () => {
|
||||
if (search.value) {
|
||||
|
||||
@ -40,13 +40,14 @@
|
||||
<DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
|
||||
</template>
|
||||
<template #expand="{ props }">
|
||||
<div class="expand-content" style="max-width: 100%">
|
||||
<div class="expand-content" style="max-width: 100%; max-height: 400px; overflow-y: auto; padding: 10px;">
|
||||
<Items :row="props || {}" :dict="dict" />
|
||||
</div>
|
||||
</template>
|
||||
<template #controls="{ row }">
|
||||
<el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
|
||||
<el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
|
||||
<el-link type="primary" @click="chooseJfFun(row)" >配置系统</el-link>
|
||||
<!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
|
||||
<el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
|
||||
<el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
|
||||
@ -71,6 +72,9 @@
|
||||
<AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }" />
|
||||
<!-- 处置建议 -->
|
||||
<Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
|
||||
|
||||
<ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false"
|
||||
:chooseJfBh="chooseJfBh" url="/yjzxZhyj/sjxspz" :roleIds="roleIds"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@ -81,7 +85,8 @@ import Searchs from "@/components/aboutTable/Search.vue";
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import Items from "./item/items.vue";
|
||||
import { tbYjxxGetZbtj, tbGsxtBqzhSelectList } from '@/api/yj.js'
|
||||
import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
|
||||
import { tbYjxxGetZbtj, tbGsxtBqzhSelectList,yjzxZhyjSelectList } from '@/api/yj.js'
|
||||
import HolographicArchive from '@/views/home/components/holographicArchive.vue'
|
||||
import Information from "@/views/home/model/information.vue";
|
||||
import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
|
||||
@ -300,6 +305,20 @@ const openAddModel = (row) => {
|
||||
|
||||
addModelRef.value.init(row)
|
||||
}
|
||||
|
||||
|
||||
// 选择系数
|
||||
const chooseJfShow = ref(false)
|
||||
const chooseJfBh = ref()
|
||||
const roleIds=ref()
|
||||
const chooseJfFun = (val) => {
|
||||
chooseJfBh.value=val.id
|
||||
yjzxZhyjSelectList(val.id).then(res => {
|
||||
roleIds.value=res.sjxspzList.map(item => item.xsid)
|
||||
chooseJfShow.value = true
|
||||
})
|
||||
}
|
||||
|
||||
// 搜索栏
|
||||
const search = ref(false)
|
||||
const openSearch = () => {
|
||||
@ -359,3 +378,4 @@ const exportExl = () => {
|
||||
background: rgba(0, 0, 0, 0.5) !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@ -75,7 +75,6 @@ const searchConfiger = ref(
|
||||
[
|
||||
{ label: "预警级别", prop: 'yjjbList', placeholder: "请输入姓名", showType: "select", options: D_BZ_YJJB },
|
||||
{ label: "预警类型", prop: 'yjlxList', placeholder: "请输入身份证号码", showType: "select", options: D_GS_ZDQT_YJLB },
|
||||
|
||||
]);
|
||||
|
||||
const queryFrom = ref({});
|
||||
|
||||
@ -47,6 +47,7 @@
|
||||
<template #controls="{ row }">
|
||||
<el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
|
||||
<el-link type="primary" @click="handleCzjy(row)" v-if="roleCode">处置建议</el-link>
|
||||
<el-link type="primary" @click="chooseJfFun(row)" >配置系统</el-link>
|
||||
<!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link>
|
||||
<el-link type="danger" @click="handleQsFk(row)">转会商</el-link> -->
|
||||
<el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01' && permission_sfqs">签收</el-link>
|
||||
@ -72,6 +73,9 @@
|
||||
|
||||
<!-- 处置建议 -->
|
||||
<Czjy ref="czjyRef" @okSubmit="getList"></Czjy>
|
||||
|
||||
<ChooseJf v-model="chooseJfShow" titleValue="选择系数" :Single="false"
|
||||
:chooseJfBh="chooseJfBh" url="/yjzxSfyj/sjxspz" :roleIds="roleIds"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@ -85,10 +89,11 @@ import HolographicArchive from '@/views/home/components/holographicArchive.vue'
|
||||
import Information from "@/views/home/model/information.vue";
|
||||
import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
|
||||
import AddFrom from "./components/addFrom.vue";
|
||||
import ChooseJf from '@/components/ChooseList/ChooseJf/index.vue'
|
||||
import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
|
||||
import { reactive, ref, onMounted, getCurrentInstance, nextTick } from "vue";
|
||||
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
|
||||
import { yjzxSfyjSelectList } from "@/api/yj.js";
|
||||
import { yjzxSfyjSelectList,yjzxyjzxSfyjSelectList } from "@/api/yj.js";
|
||||
import { tbGsxtBqglSelectList } from '@/api/zdr'
|
||||
import Detail from './components/detail.vue'
|
||||
import { watch } from "vue";
|
||||
@ -320,6 +325,18 @@ const addModelRef = ref(null)
|
||||
const openAddFrom = (row) => {
|
||||
addModelRef.value.init('add', row)
|
||||
}
|
||||
// 选择系数
|
||||
const chooseJfShow = ref(false)
|
||||
const chooseJfBh = ref()
|
||||
const roleIds=ref()
|
||||
const chooseJfFun = (val) => {
|
||||
chooseJfBh.value=val.id
|
||||
yjzxyjzxSfyjSelectList(val.id).then(res => {
|
||||
roleIds.value=res.sjxspzList.map(item => item.xsid)
|
||||
chooseJfShow.value = true
|
||||
})
|
||||
}
|
||||
|
||||
// 搜索栏
|
||||
const search = ref(false)
|
||||
const openSearch = () => {
|
||||
|
||||
@ -116,7 +116,7 @@ const pageData = reactive({
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
rowHieght: 61,
|
||||
showSelectType: "checkBox",
|
||||
showSelectType: "null",
|
||||
loading: false,
|
||||
haveControls: true
|
||||
},
|
||||
@ -129,15 +129,12 @@ const pageData = reactive({
|
||||
controlsWidth: 300, //操作栏宽度
|
||||
tableColumn: [
|
||||
{ label: "预警图片", prop: "yjTp", showSolt: true, width: 100 },
|
||||
{ label: "布控车牌号", prop: "yjClcph", showOverflowTooltip: true },
|
||||
{ label: "处置状态", prop: "czzt", showSolt: true },
|
||||
{ label: "预警时间", prop: "yjSj", showOverflowTooltip: true },
|
||||
{ label: "姓名", prop: "yjRyxm" },
|
||||
{ label: "年龄", prop: "nl", showSolt: true, width: 80 },
|
||||
{ label: "数据来源", prop: "yjLylx", showOverflowTooltip: true },
|
||||
{ label: "身份证", prop: "yjRysfzh", showOverflowTooltip: true },
|
||||
// { label: "预警级别", prop: "yjJb", showSolt: true },
|
||||
// { label: "相似度", prop: "xsd", showSolt: true },
|
||||
{ label: "布控车牌号", prop: "yjClcph", showOverflowTooltip: true },
|
||||
{ label: "标题", prop: "yjBt" },
|
||||
{ label: "内容", prop: "yjNr", showOverflowTooltip: true },
|
||||
|
||||
|
||||
]
|
||||
});
|
||||
|
||||
@ -7,21 +7,23 @@
|
||||
<el-input v-model="formData.ypyt" placeholder="请输入研判议题" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item label="研判时间" prop="wcsj" class="mt10">
|
||||
<el-date-picker v-model="formData.wcsj" type="datetime" placeholder="请选择研判时间" style="width: 100%;" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-col> -->
|
||||
<el-col :span="12">
|
||||
<el-form-item label="报告类型" prop="bglx" class="mt10">
|
||||
<el-radio-group v-model="formData.bglx">
|
||||
<el-radio v-for="value in D_BZ_YPLX" :key="value.value" :label="value.value" :value="value.value" >{{value.label}}</el-radio>
|
||||
<el-radio v-for="value in D_BZ_YPLX" :key="value.value" :label="value.value" :value="value.value">{{
|
||||
value.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="参与研判部门" prop="deptIds" class="mt10">
|
||||
<MOSTY.Department clearable v-model="formData.ypbmdm" multiple style="width: 100%;" />
|
||||
<el-form-item label="参与研判部门" prop="bmdm" class="mt10">
|
||||
<MOSTY.Department clearable v-model="formData.bmdm" multiple style="width: 100%;"
|
||||
@getDepValue="getdep($event)" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
@ -43,40 +45,61 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import * as MOSTY from "@/components/MyComponents/index";
|
||||
import { ElMessage } from 'element-plus';
|
||||
import { qcckPost } from '@/api/qcckApi'
|
||||
import { ref,getCurrentInstance } from 'vue'
|
||||
const emit = defineEmits(['change']);
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_BZ_YPLX,D_BZ_YPFS } = proxy.$dict('D_BZ_YPLX','D_BZ_YPFS')
|
||||
const visible = ref(true)
|
||||
const loading = ref(false)
|
||||
const formRef = ref()
|
||||
const formData = ref({})
|
||||
import * as MOSTY from "@/components/MyComponents/index";
|
||||
import { ElMessage } from 'element-plus';
|
||||
import { qcckPost } from '@/api/qcckApi'
|
||||
import { ref, getCurrentInstance } from 'vue'
|
||||
const emit = defineEmits(['change']);
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_BZ_YPLX, D_BZ_YPFS } = proxy.$dict('D_BZ_YPLX', 'D_BZ_YPFS')
|
||||
const visible = ref(false)
|
||||
const loading = ref(false)
|
||||
const formRef = ref()
|
||||
const formData = ref({})
|
||||
|
||||
const rules = ref({
|
||||
const rules = ref({
|
||||
ypyt: [{ required: true, message: '请输入研判议题', trigger: 'blur' }],
|
||||
wcsj: [{ required: true, message: '请选择研判时间', trigger: 'change' }],
|
||||
// wcsj: [{ required: true, message: '请选择研判时间', trigger: 'change' }],
|
||||
bglx: [{ required: true, message: '请选择报告类型', trigger: 'change' }],
|
||||
ypfs: [{ required: true, message: '请选择研判方式', trigger: 'change' }],
|
||||
deptIds: [{ required: true, message: '请选择参与研判部门', trigger: 'change' }],
|
||||
ypyq: [{ required: true, message: '请输入研判内容', trigger: 'blur' }],
|
||||
})
|
||||
const init = (row) => {
|
||||
})
|
||||
|
||||
const init = (row) => {
|
||||
visible.value = true;
|
||||
formData.value = Object.assign({}, formData.value, row || {})
|
||||
formData.value = {
|
||||
sjly: '03',
|
||||
sjlyid: row.jjdbh,
|
||||
}
|
||||
const close = () => {
|
||||
}
|
||||
const close = () => {
|
||||
visible.value = false;
|
||||
formRef.value.resetFields();
|
||||
}
|
||||
const deptIds = ref([])
|
||||
const getdep = (e) => {
|
||||
if (Array.isArray(e)) {
|
||||
deptIds.value = e
|
||||
} else {
|
||||
deptIds.value = [e]
|
||||
}
|
||||
const submitForm = () => {
|
||||
}
|
||||
const submitForm = () => {
|
||||
formRef.value.validate((valid) => {
|
||||
if (!valid) return;
|
||||
let data = { ...formData.value, yplx:'01' }
|
||||
loading.value = true;
|
||||
qcckPost(data,'/mosty-gsxt/lzJcjPjdb/sdyp').then(res => {
|
||||
const promes = {
|
||||
...formData.value,
|
||||
cyypList: deptIds.value.map((item) => {
|
||||
return {
|
||||
ypbmmc: item.orgName,
|
||||
ypbmdm: item.orgCode
|
||||
}
|
||||
}
|
||||
),
|
||||
}
|
||||
qcckPost(promes, '/mosty-gsxt/lzJcjPjdb/sdyp').then(res => {
|
||||
loading.value = false;
|
||||
ElMessage.success('研判成功');
|
||||
emit('change');
|
||||
@ -86,8 +109,8 @@
|
||||
ElMessage.error('研判失败');
|
||||
})
|
||||
})
|
||||
}
|
||||
defineExpose({
|
||||
}
|
||||
defineExpose({
|
||||
init,
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
@ -25,11 +25,17 @@
|
||||
<template #jqlbdm="{ row }">
|
||||
<DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
|
||||
</template>
|
||||
<template #ypzt="{ row }">
|
||||
{{ row.ypzt === '01' ? '已研判' : '未研判' }}
|
||||
</template>
|
||||
<!-- <template #jqdjdm="{ row }">
|
||||
<DictTag :tag="false" :value="row.jqdjdm" :options="D_BZ_JQDJ" />
|
||||
</template> -->
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link type="primary" @click="addEdit('edit', row)">详情</el-link>
|
||||
<el-link type="primary" @click="handleYP('研判', row)">研判</el-link>
|
||||
<el-link type="primary" @click="handleYP('深度研判', row)">深度研判</el-link>
|
||||
<el-link type="warning" @click="handleYP('研判', row)">研判</el-link>
|
||||
<el-link type="danger" @click="handleYP('深度研判', row)">深度研判</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
@ -43,7 +49,7 @@
|
||||
|
||||
<!-- 研判弹窗 -->
|
||||
<YpDialog ref="ypDialog" @change="getList" />
|
||||
<!-- <DeepYpDialog ref="deepYpDialog" @change="getList" /> -->
|
||||
<DeepYpDialog ref="deepYpDialog" @change="getList" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -117,13 +123,15 @@ const pageData = reactive({
|
||||
{ label: "警情类型", prop: "jqlbdm",showSolt:true },
|
||||
{ label: "警情地址", prop: "jqdz" },
|
||||
{ label: "补充接警内容", prop: "bcjjnr", showOverflowTooltip: true },
|
||||
{ label: "研判状态", prop: "ypzt",showSolt:true },
|
||||
|
||||
]
|
||||
});
|
||||
onMounted(() => {
|
||||
tabHeightFn();
|
||||
getList()
|
||||
});
|
||||
const listQuery=ref({})
|
||||
const listQuery = ref({})
|
||||
// 搜索
|
||||
const onSearch = (val) => {
|
||||
listQuery.value = { ...val };
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
<template>
|
||||
<div class="warning-card" :style="{ 'border': `1px solid ${changeBG(item.yjjb)}` }">
|
||||
<div class="warning-image flex">
|
||||
<!-- -->
|
||||
<template v-if="!item.yjtp || item.yjtp.includes('baidu')">
|
||||
<img src="@/assets/images/car.png" width="65" height="70" v-if="item.yjlb == 2 || item.yjLx == 2" />
|
||||
<img src="@/assets/images/default_male.png" width="65" height="70" v-else />
|
||||
|
||||
146
src/views/home/components/informationCollection.vue
Normal file
146
src/views/home/components/informationCollection.vue
Normal file
@ -0,0 +1,146 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" :title="title" width="70%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 60vh; overflow: auto;">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
<template #qblx="{ row }">
|
||||
<DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
|
||||
</template>
|
||||
<template #qbly="{ row }">
|
||||
<DictTag :tag="false" :value="row.qbly" :options="D_BZ_CJLX" />
|
||||
</template>
|
||||
<template #czzt="{ row }">
|
||||
<DictTag :tag="false" :value="row.czzt" :options="D_BZ_QBCZZT" />
|
||||
</template>
|
||||
<template #lczt="{ row }">
|
||||
|
||||
<DictTag :tag="false" :value="row.lczt" :options="D_BZ_LCZT" />
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="closeDialog">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { xxcjSelectXxsbPage, xxcjDeletes, xxcjXxzsx, xxcjUpdateCzlc, xxcjXxqd } from '@/api/xxcj.js'
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { D_GS_XS_LX, D_BZ_QBCZZT, D_BZ_CJLX, D_BZ_LCZT } =
|
||||
proxy.$dict("D_GS_XS_LX", "D_BZ_QBCZZT", "D_BZ_CJLX", "D_BZ_LCZT"); //获取字典数据
|
||||
const detailDiloag = ref();
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}, title: {
|
||||
default: "下发总数",
|
||||
type: String
|
||||
},
|
||||
sfqs: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
sffk: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
})
|
||||
const searchConfiger = ref([
|
||||
{ label: "名称", prop: 'qbmc', placeholder: "请输入情报名称", showType: "input" },
|
||||
{ label: "所属单位", prop: "ssbmdm", placeholder: "请选择所属单位", showType: "department" },
|
||||
{ label: "时间", prop: "startTime", placeholder: "请选择时间", showType: "daterange" },
|
||||
{ label: "处置状态", prop: 'lczt', placeholder: "请选择处置状态", showType: "select", options: D_BZ_LCZT },
|
||||
]);
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
const closeDialog = () => {
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
loading: false,
|
||||
rowHieght: 40,
|
||||
haveControls: false,
|
||||
showSelectType: 'null',
|
||||
},
|
||||
controlsWidth: 160, //操作栏宽度
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
tableColumn: [
|
||||
{ label: "情报上报时间", prop: "sxsbsj" },
|
||||
{ label: "情报编号", prop: "xsBh" },
|
||||
{ label: "情报标题", prop: "qbmc" },
|
||||
{ label: "情报来源", prop: "qbly", showSolt: true },
|
||||
{ label: "流程状态", prop: "lczt", showSolt: true },
|
||||
],
|
||||
tableHeight: "43vh",
|
||||
});
|
||||
const parameter = ref()
|
||||
const onSearch = (val) => {
|
||||
const promes = {
|
||||
...pageData.pageConfiger,
|
||||
...val,
|
||||
startTime: val.startTime ? val.startTime[0] : '',
|
||||
endTime: val.endTime ? val.endTime[1] : '',
|
||||
}
|
||||
parameter.value = { ...promes }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
|
||||
// parameter.value = { ...val }
|
||||
// pageData.pageConfiger.pageCurrent = 1;
|
||||
changePage()
|
||||
}
|
||||
watch(() => props.modelValue, (val) => {
|
||||
if (val) {
|
||||
changePage()
|
||||
}
|
||||
})
|
||||
|
||||
const changePage = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
const promes = {
|
||||
...parameter.value,
|
||||
...pageData.pageConfiger,
|
||||
}
|
||||
xxcjSelectXxsbPage(promes).then((res) => {
|
||||
pageData.total = res.total || 0;
|
||||
pageData.tableConfiger.loading = false;
|
||||
pageData.tableData = res.records
|
||||
}).catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
})
|
||||
}
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
changePage()
|
||||
}
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
changePage()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
163
src/views/home/components/keyGroups.vue
Normal file
163
src/views/home/components/keyGroups.vue
Normal file
@ -0,0 +1,163 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="重点群体" width="70%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 60vh; overflow: auto;">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||
fixed="right" :expand="true">
|
||||
<template #qtLb="{ row }">
|
||||
<DictTag :tag="false" :value="row.qtLb" :options="D_GS_ZDQT_LB" />
|
||||
</template>
|
||||
<template #qtFxdj="{ row }">
|
||||
<DictTag :tag="false" :value="row.qtFxdj" :options="D_GS_ZDQT_FXDJ" />
|
||||
</template>
|
||||
<!-- <template #bqList="{ row }">
|
||||
<ul>
|
||||
<li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
|
||||
item.bqFz || 0 }} 分) </li>
|
||||
</ul>
|
||||
</template> -->
|
||||
|
||||
<template #zdryList="{ row }">
|
||||
<span style="color: #0072ff">{{ row.zdryList ? row.zdryList.length : 0 }}</span>
|
||||
</template>
|
||||
<!-- <template #qtZt="{ row }">
|
||||
<DictTag :tag="false" :value="row.qtZt" :options="D_GS_ZDQT_ZT" />
|
||||
</template> -->
|
||||
<template #expand="{ props }">
|
||||
<div class="expand-content" style="max-width: 100%">
|
||||
<ZdqtItem :row="props" :dict="{D_GS_ZDR_RYJB,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT,D_GS_ZDQT_ZT}" />
|
||||
</div>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="closeDialog">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import ZdqtItem from "./zdqtItem.vue";
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { D_GS_ZDR_CZZT, D_GS_BK_SQLX, D_GS_ZDQT_FXDJ, D_GS_ZDR_RYJB, D_GS_ZDQT_LB, D_GS_ZDR_BK_ZT, D_GS_BQ_LX, D_GS_ZDQT_ZT, D_BZ_SF, D_BZ_XB, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } = proxy.$dict("D_GS_ZDR_CZZT", "D_GS_BK_SQLX", "D_GS_ZDQT_FXDJ", "D_GS_ZDR_RYJB", "D_GS_ZDQT_LB", "D_GS_ZDR_BK_ZT", "D_GS_BQ_LX", "D_GS_ZDQT_ZT", "D_BZ_SF", "D_BZ_XB", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX"); //获取字典数据
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const searchConfiger = ref([
|
||||
{
|
||||
label: "群体名称",
|
||||
prop: "qtMc",
|
||||
placeholder: "请输入群体名称",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "群体风险等级",
|
||||
prop: "qtFxdj",
|
||||
placeholder: "请选择群体风险等级",
|
||||
showType: "select",
|
||||
options: D_GS_ZDQT_FXDJ
|
||||
},
|
||||
|
||||
{
|
||||
label: "群体类别",
|
||||
prop: "qtLb",
|
||||
placeholder: "请选择群体类别",
|
||||
showType: "select",
|
||||
options: D_GS_ZDQT_LB
|
||||
},
|
||||
{
|
||||
label: "所属部门",
|
||||
prop: "ssbmdm",
|
||||
placeholder: "请输入所属部门",
|
||||
showType: "department",
|
||||
},
|
||||
]);
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
const closeDialog = () => {
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
loading: false,
|
||||
rowHieght: 40,
|
||||
haveControls: false,
|
||||
showSelectType:'null'
|
||||
},
|
||||
controlsWidth: 160, //操作栏宽度
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
tableColumn: [
|
||||
{ label: "群体名称", prop: "qtMc" },
|
||||
{ label: "群体类别", prop: "qtLb", showSolt: true },
|
||||
{ label: "风险等级", prop: "qtFxdj", showSolt: true},
|
||||
{ label: "背景资料", prop: "qtBjzl" },
|
||||
{ label: "背景信息", prop: "bgxx", showSolt: true },
|
||||
{ label: "管辖单位", prop: "gxSsdwmc" },
|
||||
|
||||
],
|
||||
tableHeight: "42vh",
|
||||
});
|
||||
const parameter = ref()
|
||||
const onSearch = (val) => {
|
||||
parameter.value = { ...val }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
changePage()
|
||||
}
|
||||
watch(() => props.modelValue, (val) => {
|
||||
if (val) {
|
||||
changePage()
|
||||
}
|
||||
})
|
||||
const changePage = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
let data = {...pageData.pageConfiger, ...parameter.value };
|
||||
qcckGet(data, "/mosty-gsxt/tbGsxtZdqt/selectPage").then((res) => {
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
pageData.tableConfiger.loading = false;
|
||||
}).catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
changePage()
|
||||
}
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
changePage()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
204
src/views/home/components/keyPerson.vue
Normal file
204
src/views/home/components/keyPerson.vue
Normal file
@ -0,0 +1,204 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="重点人总数" width="70%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 60vh; overflow: auto;">
|
||||
|
||||
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth"
|
||||
:expand="true">
|
||||
<template #bqList="{ row }">
|
||||
<ul>
|
||||
<li class="one_text_detail marks mb4" :key="index" v-for="(item, index) in row.bqList">{{ item.bqMc }}({{
|
||||
item.bqFz || 0 }} 分) </li>
|
||||
</ul>
|
||||
</template>
|
||||
<template #ryXb="{ row }">
|
||||
<DictTag :tag="false" :value="row.ryXb" :options="D_BZ_XB" />
|
||||
</template>
|
||||
<template #ryJg="{ row }">
|
||||
<DictTag :tag="false" :value="row.ryJg" :options="D_BZ_XZQHDM" />
|
||||
</template>
|
||||
<template #ryMz="{ row }">
|
||||
<DictTag :tag="false" :value="row.ryMz" :options="D_BZ_MZ" />
|
||||
</template>
|
||||
<template #hjdQh="{ row }">
|
||||
<DictTag :tag="false" :value="row.hjdQh" :options="D_BZ_XZQHDM" />
|
||||
</template>
|
||||
|
||||
<template #zdrZt="{ row }">
|
||||
<DictTag :tag="false" :value="row.zdrZt" :options="D_GS_ZDQT_ZT" />
|
||||
</template>
|
||||
<template #xtSjzt="{ row }">
|
||||
<div> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
|
||||
</template>
|
||||
<template #expand="{ props }">
|
||||
<div class="expand-content" style="max-width: 100%">
|
||||
<ZdrItemfrom :row="props" :dict="{D_GS_ZDR_RYJB,D_GS_ZDR_BK_ZT,D_GS_ZDR_CZZT,D_GS_ZDQT_ZT}" />
|
||||
</div>
|
||||
</template>
|
||||
<!-- 操作 -->
|
||||
<template #controls="{ row }">
|
||||
<el-link size="small" type="success" @click="handleremove(row.id)">移除</el-link>
|
||||
<el-link size="small" type="success" v-if="row.zdrZt == '01' || row.zdrZt == '03'"
|
||||
@click="handleSend(row.id)">送审</el-link>
|
||||
<el-link size="small" type="primary" v-if="row.zdrZt == '01' || row.zdrZt == '03'"
|
||||
@click="addEdit('edit', row)">编辑</el-link>
|
||||
<el-link size="small" type="primary" @click="addEdit('detail', row)">详情</el-link>
|
||||
<el-link size="small" type="danger" @click="deleteRow(row.id)">删除</el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="closeDialog">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { timeValidate } from '@/utils/tools.js'
|
||||
import ZdrItemfrom from './zdrItem.vue'
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { D_GS_ZDQT_ZT, D_GS_ZDR_RYJB, D_BZ_XB, D_BZ_MZ, D_BZ_XZQHDM, D_GS_ZDR_BK_ZT, D_GS_ZDR_CZZT, D_GS_BQ_ZL, D_GS_BQ_LB, D_GS_BQ_LX, D_GS_ZDR_YJDJ, D_GS_BK_SSJZ, D_GS_BK_SQLX, D_BZ_SF, D_GS_XS_LY, D_BZ_SSZT, D_GS_XS_LX, D_GS_XS_QTLX } =
|
||||
proxy.$dict("D_GS_ZDQT_ZT", "D_GS_ZDR_RYJB", "D_BZ_XB", "D_BZ_MZ", "D_BZ_XZQHDM", "D_GS_ZDR_BK_ZT", "D_GS_ZDR_CZZT", "D_GS_BQ_ZL", "D_GS_BQ_LB", "D_GS_BQ_LX", "D_GS_ZDR_YJDJ", "D_GS_BK_SSJZ", "D_GS_BK_SQLX", "D_BZ_SF", "D_GS_XS_LY", "D_BZ_SSZT", "D_GS_XS_LX", "D_GS_XS_QTLX");
|
||||
const obj = ref({});
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const searchConfiger = ref([
|
||||
{
|
||||
label: "姓名",
|
||||
prop: "ryXm",
|
||||
placeholder: "请输入姓名",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "身份证",
|
||||
prop: "rySfzh",
|
||||
placeholder: "请输入身份证",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "户籍地",
|
||||
prop: "hjdXz",
|
||||
placeholder: "请输入户籍地",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "人员级别",
|
||||
prop: "zdrRyjb",
|
||||
placeholder: "请输入人员级别",
|
||||
showType: "select",
|
||||
options: D_GS_ZDR_RYJB
|
||||
},
|
||||
{
|
||||
label: "所属部门",
|
||||
prop: "gxSsbmdm",
|
||||
placeholder: "请输入所属部门",
|
||||
showType: "department",
|
||||
},
|
||||
]);
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
const closeDialog = () => {
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
loading: false,
|
||||
rowHieght: 40,
|
||||
haveControls: false,
|
||||
showSelectType:'null'
|
||||
},
|
||||
controlsWidth: 160, //操作栏宽度
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
tableColumn: [
|
||||
{ label: "姓名", prop: "ryXm" },
|
||||
{ label: "性别", prop: "ryXb", showSolt: true },
|
||||
{ label: "籍贯", prop: "ryJg", showSolt: true},
|
||||
{ label: "身份证", prop: "rySfzh" },
|
||||
{ label: "民族", prop: "ryMz", showSolt: true },
|
||||
{ label: "户籍地区划", prop: "hjdQh", showSolt: true },
|
||||
{ label: "户籍派出所", prop: "hjdPcsmc" },
|
||||
],
|
||||
tableHeight: "42vh",
|
||||
});
|
||||
const parameter = ref()
|
||||
const onSearch = (val) => {
|
||||
parameter.value = { ...val }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
changePage()
|
||||
}
|
||||
watch(() => props.modelValue, (val) => {
|
||||
if (val) {
|
||||
changePage()
|
||||
}
|
||||
})
|
||||
const changePage = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
|
||||
let data = {...pageData.pageConfiger, ...parameter.value };
|
||||
qcckGet(data, "/mosty-gsxt/tbGsxtZdry/selectPage").then((res) => {
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
pageData.tableConfiger.loading = false;
|
||||
}).catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// 查看详情
|
||||
const showDetail = (item) => {
|
||||
router.push({
|
||||
path: '/CollectCrculate',
|
||||
query: {
|
||||
id: item.id
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
changePage()
|
||||
}
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
changePage()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.expand-content{
|
||||
max-height: 400px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
193
src/views/home/components/numberWarnings.vue
Normal file
193
src/views/home/components/numberWarnings.vue
Normal file
@ -0,0 +1,193 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="预警总数" width="70%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 60vh; overflow: auto;">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
<template #yjtp="{ row }">
|
||||
<div v-if="!row.yjtp || row.yjtp.includes('baidu')">
|
||||
<img src="@/assets/images/car.png" width="65" height="70" v-if="row.yjlb == 2" />
|
||||
<img src="@/assets/images/default_male.png" width="65" height="70" v-else />
|
||||
</div>
|
||||
<el-image preview-teleported v-else @click.stop style="width: 65px; height: 70px" :src="row.yjtp"
|
||||
:preview-src-list="[row.yjtp]" show-progress>
|
||||
<template #error>
|
||||
<div class="image-slot error">
|
||||
<img src="@/assets/images/car.png" width="65" height="70" v-if="row.yjlb == 2" />
|
||||
<img src="@/assets/images/default_male.png" width="65" height="70" v-else />
|
||||
</div>
|
||||
</template>
|
||||
</el-image>
|
||||
</template>
|
||||
|
||||
<template #yjjb="{ row }">
|
||||
<DictTag :value="row.yjjb" :tag="false" :color="bqYs(row.yjjb)" :options="D_BZ_YJJB" />
|
||||
</template>
|
||||
<template #yjlx="{ row }">
|
||||
<DictTag :value="row.yjlx" :tag="false" :options="D_GS_ZDQT_YJLB" />
|
||||
</template>
|
||||
<template #yjlb="{ row }">
|
||||
<DictTag :value="row.yjlb" :options="D_BZ_YJLX" />
|
||||
</template>
|
||||
<template #controls="{ row }">
|
||||
<el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
|
||||
<!-- <el-link type="primary" @click="showDetail(row)">转合成</el-link> -->
|
||||
<!-- <el-link type="danger" @click="delDictItem(row.id)">转会商</el-link> -->
|
||||
<!-- <el-link type="success" @click="handleQsFk(row, '签收')" v-if="row.czzt == '01'">签收</el-link>
|
||||
<el-link type="success" @click="handleQsFk(row, '反馈')" v-else-if="row.czzt == '02'">反馈</el-link>
|
||||
<el-link type="success" @click="handleQsFk(row, '查看反馈')" v-else>查看反馈</el-link> -->
|
||||
<!-- <el-link type="primary" @click="openAddModel(row)">详情</el-link> -->
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="closeDialog">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { qcckGet, qcckPost } from "@/api/qcckApi.js";
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
import {timeValidate} from '@/utils/tools.js'
|
||||
const { proxy } = getCurrentInstance()
|
||||
|
||||
const { D_BZ_YJJB, D_GS_ZDQT_YJLB, D_BZ_YJLX } = proxy.$dict("D_BZ_YJJB", "D_GS_ZDQT_YJLB", "D_BZ_YJLX"); //获取字典数据
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const searchConfiger = ref([
|
||||
{ label: "预警级别", prop: 'yjjbList', placeholder: "请选择预警级别", showType: "select", options: D_BZ_YJJB },
|
||||
// { label: "预警类型", prop: 'yjlxList', placeholder: "请输入身份证号码", showType: "select", options: D_GS_ZDQT_YJLB },
|
||||
{
|
||||
label: "上报时间",
|
||||
prop: "startTime",
|
||||
placeholder: "请选择时间",
|
||||
showType: "datetimerange"
|
||||
}, {
|
||||
label: "所属部门",
|
||||
prop: "ssbmdm",
|
||||
placeholder: "请输入所属部门",
|
||||
showType: "department",
|
||||
},
|
||||
]);
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
let today = new Date();
|
||||
let startOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate());
|
||||
let endOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59, 999);
|
||||
const closeDialog = () => {
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
loading: false,
|
||||
rowHieght: 40,
|
||||
haveControls: false,
|
||||
showSelectType:'null'
|
||||
|
||||
},
|
||||
controlsWidth: 160, //操作栏宽度
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
tableColumn: [
|
||||
{ label: "预警图片", prop: "yjtp", showSolt: true },
|
||||
{ label: "姓名", prop: "ryxm" },
|
||||
{ label: "身份证号", prop: "rysfzh", width: 200 },
|
||||
{ label: "预警标签", prop: "yjbq", width: 150 },
|
||||
{ label: "预警地址", prop: "yjdz" },
|
||||
{ label: "预警级别", prop: "yjjb", showSolt: true },
|
||||
{ label: "预警类别", prop: "yjlb", showSolt: true },
|
||||
{ label: "预警类型", prop: "yjlx", showSolt: true },
|
||||
{ label: "预警时间", prop: "yjsj" },
|
||||
{ label: "所属部门", prop: "ssbm" },
|
||||
{ label: "车牌号", prop: "cph" },
|
||||
],
|
||||
tableHeight: "43vh",
|
||||
});
|
||||
const parameter = ref()
|
||||
const onSearch = (val) => {
|
||||
const promes = {
|
||||
startTime: val.startTime && val.startTime.length > 0 ? val.startTime[0] : timeValidate(startOfDay),
|
||||
endTime: val.startTime && val.startTime.length > 0 ? val.startTime[1] :timeValidate(endOfDay),
|
||||
}
|
||||
parameter.value = { ...val, ...promes }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
changePage()
|
||||
}
|
||||
watch(() => props.modelValue, (val) => {
|
||||
if (val) {
|
||||
// 获取今天的开始时间和结束时间
|
||||
parameter.value = {startTime:timeValidate(startOfDay), endTime:timeValidate(endOfDay)}
|
||||
changePage()
|
||||
}
|
||||
})
|
||||
const ORDIMG = 'https://89.40.7.122:38496/image'
|
||||
const IMGYM = 'https://sg.lz.dsj.xz/dhimage'
|
||||
const changePage = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
const promes = {
|
||||
...parameter.value,
|
||||
yjjbList:parameter.value.yjjbList? [parameter.value.yjjbList] : [],
|
||||
yjlxList: ['01'],
|
||||
pageCurrent: pageData.pageConfiger.pageCurrent,
|
||||
pageSize: pageData.pageConfiger.pageSize
|
||||
}
|
||||
qcckPost(promes, '/mosty-gsxt/tbYjxx/getPageAllList').then((res) => {
|
||||
pageData.total = res.total || 0;
|
||||
pageData.tableConfiger.loading = false;
|
||||
pageData.tableData = res.records.map(item => {
|
||||
return {
|
||||
...item,
|
||||
yjtp: item.yjlx == '01' ? item.yjtp.replace(ORDIMG, IMGYM) : item.yjtp
|
||||
}
|
||||
}) || [];
|
||||
}).catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
})
|
||||
}
|
||||
|
||||
const bqYs = (val) => {
|
||||
if (val == '01') {
|
||||
return '#ff0202'
|
||||
} else if (val == '02') {
|
||||
return '#ff8c00'
|
||||
} else if (val == '03') {
|
||||
return '#ffd325'
|
||||
} else if (val == '04') {
|
||||
return '#0000ff'
|
||||
}
|
||||
}
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
changePage()
|
||||
}
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
changePage()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
||||
185
src/views/home/components/policeReports.vue
Normal file
185
src/views/home/components/policeReports.vue
Normal file
@ -0,0 +1,185 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="警情总数" width="70%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 60vh; overflow: auto;">
|
||||
|
||||
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
<!-- <template #jjlx="{ row }">
|
||||
<DictTag :tag="false" :value="row.jjlx" :options="D_BZ_JQBQ" />
|
||||
</template> -->
|
||||
<template #jqdjdm="{ row }">
|
||||
<DictTag :tag="false" :value="row.jqdjdm" :options="D_GS_BQ_DJ" />
|
||||
</template>
|
||||
<template #jqlbdm="{ row }">
|
||||
<DictTag :tag="false" :value="row.jqlbdm" :options="JQLB" />
|
||||
</template>
|
||||
<template #ypzt="{ row }">
|
||||
{{ row.ypzt === '01' ? '已研判' : '未研判' }}
|
||||
</template>
|
||||
<!-- <template #jqdjdm="{ row }">
|
||||
<DictTag :tag="false" :value="row.jqdjdm" :options="D_BZ_JQDJ" />
|
||||
</template> -->
|
||||
<!-- 操作 -->
|
||||
<!-- <template #controls="{ row }">
|
||||
<el-link type="primary" @click="addEdit('edit', row)">详情</el-link>
|
||||
<el-link type="warning" @click="handleYP('研判', row)">研判</el-link>
|
||||
<el-link type="danger" @click="handleYP('深度研判', row)">深度研判</el-link>
|
||||
</template> -->
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="closeDialog">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { lzJcjPjdbSelectPage } from '@/api/semanticAnalysis.js'
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import {timeValidate} from '@/utils/tools.js'
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { D_GS_BQ_DJ,JQLB,JQLX,JQXL,JQZL,D_BZ_JQLY,D_BZ_JQFL,JQLB_DP,D_BZ_JQBQ,D_GS_SSYJ } = proxy.$dict('D_GS_BQ_DJ',"JQLB",'JQLX','JQXL','JQZL','D_BZ_JQLY','D_BZ_JQFL','JQLB_DP','D_BZ_JQBQ','D_GS_SSYJ'); //获取字典数据
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
const searchConfiger = ref([
|
||||
{
|
||||
label: "接警员姓名",
|
||||
prop: "jjyxm",
|
||||
placeholder: "请输入接警员姓名",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "报警内容",
|
||||
prop: "bjnr",
|
||||
placeholder: "请输入报警内容",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "接警单编号",
|
||||
prop: "jjdbh",
|
||||
placeholder: "请输入接警单编号",
|
||||
showType: "input"
|
||||
},
|
||||
{
|
||||
label: "警情级别",
|
||||
prop: "jqdjdm",
|
||||
placeholder: "请选择警情级别",
|
||||
showType: "select",
|
||||
options: D_GS_BQ_DJ
|
||||
}, {
|
||||
label: "上报时间",
|
||||
prop: "startTime",
|
||||
placeholder: "请选择时间",
|
||||
showType: "daterange"
|
||||
},
|
||||
]);
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
const closeDialog = () => {
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
loading: false,
|
||||
rowHieght: 40,
|
||||
haveControls: false,
|
||||
},
|
||||
controlsWidth: 160, //操作栏宽度
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
tableColumn: [
|
||||
{ label: "接警单编号", prop: "jjdbh" },
|
||||
{ label: "报警电话", prop: "bjdh" },
|
||||
{ label: "报警时间", prop: "bjsj" },
|
||||
{ label: "报警内容", prop: "bjnr", showOverflowTooltip: true },
|
||||
{ label: "接警员姓名", prop: "jjyxm" },
|
||||
{ label: "警情级别", prop: "jqdjdm",showSolt:true },
|
||||
// { label: "警情标签", prop: "jjlx", showSolt: true },
|
||||
{ label: "警情类型", prop: "jqlbdm",showSolt:true },
|
||||
{ label: "警情地址", prop: "jqdz" },
|
||||
{ label: "补充接警内容", prop: "bcjjnr", showOverflowTooltip: true },
|
||||
{ label: "研判状态", prop: "ypzt",showSolt:true },
|
||||
],
|
||||
tableHeight: "43vh",
|
||||
});
|
||||
const parameter = ref()
|
||||
const onSearch = (val) => {
|
||||
const promes = {
|
||||
startTime: val.startTime && val.startTime.length > 0 ? val.startTime[0] : '',
|
||||
endTime: val.startTime && val.startTime.length > 0 ? val.startTime[1] : '',
|
||||
}
|
||||
parameter.value = { ...val, ...promes }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
changePage()
|
||||
}
|
||||
watch(() => props.modelValue, (val) => {
|
||||
if (val) {
|
||||
parameter.value = {startTime:timeValidate(new Date(),'ymd'),endTime:timeValidate(new Date(),'ymd')}
|
||||
changePage()
|
||||
}
|
||||
})
|
||||
const changePage = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
const params = {
|
||||
pageCurrent: pageData.pageConfiger.pageCurrent,
|
||||
pageSize: pageData.pageConfiger.pageSize,
|
||||
...parameter.value
|
||||
}
|
||||
lzJcjPjdbSelectPage(params).then(res => {
|
||||
console.log(res);
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
|
||||
}).finally(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
})
|
||||
}
|
||||
|
||||
// 查看详情
|
||||
const showDetail = (item) => {
|
||||
router.push({
|
||||
path: '/CollectCrculate',
|
||||
query: {
|
||||
id: item.id
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
changePage()
|
||||
}
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
changePage()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
145
src/views/home/components/totalNumberClues.vue
Normal file
145
src/views/home/components/totalNumberClues.vue
Normal file
@ -0,0 +1,145 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" :title="title" width="70%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 60vh; overflow: auto;">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
|
||||
<template #zllx="{ row }">
|
||||
<DictTag :tag="false" :value="row.zllx" :options="D_GS_XS_ZLLX" />
|
||||
</template>
|
||||
<template #zldj="{ row }">
|
||||
<DictTag :tag="false" :value="row.zldj" :options="D_GS_ZDQT_FXDJ" />
|
||||
</template>
|
||||
<template #czzt="{ row }">
|
||||
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
|
||||
</template>
|
||||
<template #sffk="{ row }">
|
||||
{{ row.sffk == '1' ? '已反馈' : '未反馈' }}
|
||||
</template>
|
||||
<template #sfqs="{ row }">
|
||||
{{ row.sfqs == '0' ? '未签收' : '已签收' }}
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="closeDialog">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { xxcjXfxsSelectPage } from "@/api/xxcj.js"
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
const { proxy } = getCurrentInstance()
|
||||
const { D_GS_XS_SJLY, D_GS_XS_ZLLX, D_GS_ZDQT_FXDJ, D_GS_XS_CZZT } = proxy.$dict('D_GS_XS_SJLY', 'D_GS_XS_ZLLX', 'D_GS_ZDQT_FXDJ', 'D_GS_XS_CZZT')
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}, title: {
|
||||
default: "下发总数",
|
||||
type: String
|
||||
},
|
||||
sfqs: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
sffk: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
})
|
||||
const searchConfiger = ref([
|
||||
{ label: "指令标题", prop: 'zlbt', placeholder: "请输入指令标题", showType: "input" },
|
||||
{ label: "指令类型", prop: 'zllx', placeholder: "请选择指令类型", showType: "select", options: D_GS_XS_ZLLX },
|
||||
{ label: "指令等级", prop: 'zldj', placeholder: "请选择指令等级", showType: "select", options: D_GS_ZDQT_FXDJ },
|
||||
{ label: "处置状态", prop: 'czzt', placeholder: "请选择处置状态", showType: "select", options: D_GS_XS_CZZT },
|
||||
]);
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
const closeDialog = () => {
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
loading: false,
|
||||
rowHieght: 40,
|
||||
haveControls: false,
|
||||
showSelectType: 'null',
|
||||
},
|
||||
controlsWidth: 160, //操作栏宽度
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
tableColumn: [
|
||||
{ label: '指令标题', prop: 'zlbt' },
|
||||
{ label: '指令类型', prop: 'zllx', showSolt: true },
|
||||
{ label: '指令等级', prop: 'zldj', showSolt: true },
|
||||
{ label: '反馈截止时间', prop: 'jssj' },
|
||||
{ label: '处置状态', prop: 'czzt', showSolt: true },
|
||||
{ label: '是否反馈', prop: 'sffk', showSolt: true },
|
||||
{ label: '是否签收', prop: 'sfqs', showSolt: true },
|
||||
|
||||
],
|
||||
tableHeight: "43vh",
|
||||
});
|
||||
const parameter = ref()
|
||||
const onSearch = (val) => {
|
||||
|
||||
parameter.value = { ...val }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
changePage()
|
||||
}
|
||||
watch(() => props.modelValue, (val) => {
|
||||
if (val) {
|
||||
changePage()
|
||||
}
|
||||
})
|
||||
|
||||
const changePage = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
const promes = {
|
||||
...parameter.value,
|
||||
pageCurrent: pageData.pageConfiger.pageCurrent,
|
||||
pageSize: pageData.pageConfiger.pageSize,
|
||||
sfqs: props.sfqs,
|
||||
sffk: props.sffk,
|
||||
}
|
||||
xxcjXfxsSelectPage(promes).then((res) => {
|
||||
pageData.total = res.total || 0;
|
||||
pageData.tableConfiger.loading = false;
|
||||
pageData.tableData = res.records
|
||||
}).catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
})
|
||||
}
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
changePage()
|
||||
}
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
changePage()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
130
src/views/home/components/totalNumberDistributions.vue
Normal file
130
src/views/home/components/totalNumberDistributions.vue
Normal file
@ -0,0 +1,130 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="线索总数" width="70%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<div style="height: 60vh; overflow: auto;">
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
<MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
|
||||
<template #qblx="{row}">
|
||||
<DictTag :tag="false" :value="row.qblx" :options="D_GS_XS_LX" />
|
||||
</template>
|
||||
<template #cjLx="{row}">
|
||||
<DictTag :tag="false" :value="row.cjLx" :options="D_GS_XS_LY" />
|
||||
</template>
|
||||
<!-- <template #czzt="{row}">
|
||||
<DictTag :tag="false" :value="row.czzt" :options="D_GS_XS_CZZT" />
|
||||
</template> -->
|
||||
<template #shzt="{row}">
|
||||
<!-- 采纳（将这条信息推送到情报管理）,退回！ -->
|
||||
<DictTag :tag="false" :value="row.shzt" :options="D_BZ_XSSHZT" @clickTag="clickTag(row.shzt)" />
|
||||
</template>
|
||||
</MyTable>
|
||||
<Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
|
||||
...pageData.pageConfiger,
|
||||
total: pageData.total
|
||||
}"></Pages>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button @click="closeDialog">取消</el-button>
|
||||
<el-button type="primary" @click="closeDialog">确认 </el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { xxcjQbcjSelectPage, xxcjXfxsSelectPage } from "@/api/xxcj.js"
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
const { proxy } = getCurrentInstance()
|
||||
const {D_GS_XS_CZZT,D_GS_XS_LY, D_GS_XS_LX ,D_BZ_XSSHZT} = proxy.$dict("D_GS_XS_CZZT","D_GS_XS_LY","D_GS_XS_LX","D_BZ_XSSHZT"); //获取字典数据
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
},
|
||||
|
||||
})
|
||||
const searchConfiger = ref([
|
||||
{ label: "线索名称", prop: 'qbmc', placeholder: "请输入线索名称", showType: "input" },
|
||||
{ label: "内容关键字", prop: 'qbnr', placeholder: "请输入语义关键字", showType: "input" },
|
||||
{ label: "线索类型", prop: 'qblx', placeholder: "请选择线索类型", showType: "select",options:D_GS_XS_LX },
|
||||
{ label: "线索来源", prop: 'cjLx', placeholder: "请选择线索来源", showType: "select",options:D_GS_XS_LY },
|
||||
]);
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
const closeDialog = () => {
|
||||
emit('update:modelValue', false)
|
||||
}
|
||||
const pageData = reactive({
|
||||
tableData: [],
|
||||
keyCount: 0,
|
||||
tableConfiger: {
|
||||
loading: false,
|
||||
rowHieght: 40,
|
||||
haveControls: false,
|
||||
showSelectType: 'null',
|
||||
},
|
||||
controlsWidth: 160, //操作栏宽度
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
}, //分页
|
||||
tableColumn: [
|
||||
{ label: "线索编号", prop: "xsBh" },
|
||||
{ label: "线索名称", prop: "qbmc" },
|
||||
{ label: "线索类型", prop: "qblx",showSolt:true },
|
||||
{ label: "线索来源", prop: "cjLx",showSolt:true },
|
||||
{ label: "上报时间", prop: "sxsbsj",showOverflowTooltip:true },
|
||||
{ label: "线索内容", prop: "qbnr"},
|
||||
|
||||
{ label: "审核状态", prop: "shzt", showSolt: true },
|
||||
],
|
||||
tableHeight: "43vh",
|
||||
});
|
||||
const parameter = ref()
|
||||
const onSearch = (val) => {
|
||||
parameter.value = { ...val}
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
changePage()
|
||||
}
|
||||
watch(() => props.modelValue, (val) => {
|
||||
if (val) {
|
||||
changePage()
|
||||
}
|
||||
})
|
||||
|
||||
const changePage = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
const promes = {
|
||||
...parameter.value,
|
||||
pageCurrent: pageData.pageConfiger.pageCurrent,
|
||||
pageSize: pageData.pageConfiger.pageSize
|
||||
}
|
||||
xxcjQbcjSelectPage(promes).then((res) => {
|
||||
pageData.total = res.total || 0;
|
||||
pageData.tableConfiger.loading = false;
|
||||
pageData.tableData = res.records
|
||||
}).catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
})
|
||||
}
|
||||
|
||||
const changeNo = (val) => {
|
||||
pageData.pageConfiger.pageCurrent = val;
|
||||
changePage()
|
||||
}
|
||||
const changeSize = (val) => {
|
||||
pageData.pageConfiger.pageSize = val;
|
||||
changePage()
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
||||
194
src/views/home/components/zdqtItem.vue
Normal file
194
src/views/home/components/zdqtItem.vue
Normal file
@ -0,0 +1,194 @@
|
||||
<template>
|
||||
<div class="warning-item" >
|
||||
|
||||
<el-divider content-position="left">重点群体信息</el-divider>
|
||||
<div class="info-container">
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">户籍地详址：</span>
|
||||
<span class="value">{{ row.hjdXz || '暂无' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">管辖单位：</span>
|
||||
<span class="value">{{ row.gxSsbmmc || '暂无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">人员级别：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.zdrRyjb" :tag="false" :value="row.zdrRyjb" :options="dict.D_GS_ZDR_RYJB" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">列控原因：</span>
|
||||
<span class="value">{{ row.zdrLkyy || '暂无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">开始时间：</span>
|
||||
<span class="value">{{ row.zdrRkkssj || '暂无' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">截至时间：</span>
|
||||
<span class="value">{{ row.zdrRkjssj || '暂无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">稳控人数：</span>
|
||||
<span class="value">{{ row.zdryList?.length || 0 }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">状态：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.qtZt" :tag="false" :value="row.qtZt" :options="dict.D_GS_ZDR_CZZT" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">管控状态：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.zdrBkZt" :tag="false" :value="row.zdrBkZt" :options="dict.D_GS_ZDR_BK_ZT" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">处置状态：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.zdrCzzt" :tag="false" :value="row.zdrCzzt" :options="dict.D_GS_ZDR_CZZT" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">审核状态：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.zdrZt" :tag="false" :value="row.zdrZt" :options="dict.D_GS_ZDQT_ZT" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">系统状态：</span>
|
||||
<span class="value">
|
||||
<div v-if="row.xtSjzt"> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">创建单位：</span>
|
||||
<span class="value">{{ row.xtCjbmmc || '暂无' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">创建时间：</span>
|
||||
<span class="value">{{ row.xtCjsj || '暂无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item full-width">
|
||||
<span class="label">标签：</span>
|
||||
<span class="value tag-container">
|
||||
<ul v-if="row.bqList" style="margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px;">
|
||||
<li class="" :key="index" v-for="(item, index) in row.bqList" style="white-space: normal; word-break: break-all; flex: 0 0 auto;">
|
||||
{{ item.bqMc }}({{item.bqFz || 0 }} 分) <span v-if="index < row.bqList.length - 1">、</span>
|
||||
</li>
|
||||
</ul>
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
const props = defineProps({
|
||||
/** 表格行数据 */
|
||||
row: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
D_GS_SSYJ: [],
|
||||
D_GSXT_YJXX_CZZT: []
|
||||
})
|
||||
},
|
||||
})
|
||||
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.warning-item {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
// 新增的信息展示样式
|
||||
.info-container {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
flex: 1;
|
||||
min-width: 300px;
|
||||
margin-bottom: 8px;
|
||||
display: flex;
|
||||
// align-items: center;
|
||||
}
|
||||
|
||||
.info-item.full-width {
|
||||
flex-basis: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-weight: bold;
|
||||
color: #606266;
|
||||
margin-right: 8px;
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
flex: 1;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.item-row{
|
||||
border-bottom: 1px dashed #e8e8e8;
|
||||
line-height: 36px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.info-item{
|
||||
line-height: 36px;
|
||||
width: 100%;
|
||||
.text{
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
157
src/views/home/components/zdrItem.vue
Normal file
157
src/views/home/components/zdrItem.vue
Normal file
@ -0,0 +1,157 @@
|
||||
<template>
|
||||
<div class="warning-item" >
|
||||
|
||||
<el-divider content-position="left">重点人员信息</el-divider>
|
||||
<div class="info-container">
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">户籍地详址：</span>
|
||||
<span class="value">{{ row.hjdXz || '暂无' }}</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">管辖单位：</span>
|
||||
<span class="value">{{ row.gxSsbmmc || '暂无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">人员级别：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.zdrRyjb" :tag="false" :value="row.zdrRyjb" :options="dict.D_GS_ZDR_RYJB" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">管控原因：</span>
|
||||
<span class="value">{{ row.zdrLkyy || '暂无' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">管控状态：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.zdrBkZt" :tag="false" :value="row.zdrBkZt" :options="dict.D_GS_ZDR_BK_ZT" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">处置状态：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.zdrCzzt" :tag="false" :value="row.zdrCzzt" :options="dict.D_GS_ZDR_CZZT" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item">
|
||||
<span class="label">审核状态：</span>
|
||||
<span class="value">
|
||||
<DictTag v-if="row.zdrZt" :tag="false" :value="row.zdrZt" :options="dict.D_GS_ZDQT_ZT" />
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="info-item">
|
||||
<span class="label">系统状态：</span>
|
||||
<span class="value">
|
||||
<div v-if="row.xtSjzt"> {{ row.xtSjzt == 0 ? "注销" : row.xtSjzt == 1 ? "正常" : "封存" }}</div>
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-row">
|
||||
<div class="info-item full-width">
|
||||
<span class="label">标签：</span>
|
||||
<span class="value">
|
||||
<ul v-if="row.bqList" style="display: flex;" >
|
||||
<li :key="index" v-for="(item, index) in row.bqList">
|
||||
{{ item.bqMc }}({{item.bqFz || 0 }} 分) <span v-if="index < row.bqList.length - 1">、</span>
|
||||
</li>
|
||||
</ul>
|
||||
<span v-else>暂无</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
const props = defineProps({
|
||||
/** 表格行数据 */
|
||||
row: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({
|
||||
D_GS_SSYJ: [],
|
||||
D_GSXT_YJXX_CZZT: []
|
||||
})
|
||||
},
|
||||
})
|
||||
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.warning-item {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
// 新增的信息展示样式
|
||||
.info-container {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
flex: 1;
|
||||
min-width: 300px;
|
||||
margin-bottom: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.info-item.full-width {
|
||||
flex-basis: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-weight: bold;
|
||||
color: #606266;
|
||||
margin-right: 8px;
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.value {
|
||||
color: #303133;
|
||||
flex: 1;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.item-row{
|
||||
border-bottom: 1px dashed #e8e8e8;
|
||||
line-height: 36px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.info-item{
|
||||
line-height: 36px;
|
||||
width: 100%;
|
||||
.text{
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@ -3,157 +3,146 @@
|
||||
</template>
|
||||
<script setup>
|
||||
import * as echarts from "echarts";
|
||||
import { defineProps, watch, nextTick } from "vue";
|
||||
import { onMounted, ref, reactive, defineProps, onUnmounted, watch, nextTick } from "vue";
|
||||
const props = defineProps({
|
||||
echartsId:{
|
||||
type:String,
|
||||
default:'lineId'
|
||||
default:'3DbarId'
|
||||
},
|
||||
data:{
|
||||
type:Object,
|
||||
default:{
|
||||
list:[],
|
||||
colors:[],
|
||||
topColor:'#1bd6c2'
|
||||
}
|
||||
type:Array,
|
||||
default:[]
|
||||
}
|
||||
});
|
||||
watch(()=>props.data,val=>{
|
||||
nextTick(()=>{ haandleData(val) })
|
||||
},{immediate:true,deep:true})
|
||||
|
||||
const haandleData = (data)=>{
|
||||
let val = [],x_value=[]
|
||||
let color = data.colors;
|
||||
let topColor = data.topColor;
|
||||
data.list.forEach(item=>{
|
||||
val.push(item.val);
|
||||
x_value.push(item.label);
|
||||
})
|
||||
chartFn(val,x_value,color,topColor)
|
||||
}
|
||||
// 保存echarts实例
|
||||
const myChart = ref(null);
|
||||
|
||||
function chartFn(val,x_value,color,topColor) {
|
||||
var myChart = echarts.init(document.getElementById(props.echartsId));
|
||||
const sideData1 = val//[100, 110, 120, 134, 190, 230];
|
||||
const name = ''; //"销量";
|
||||
var x_value = x_value;//['周一', '周二', '周三', '周四', '周五', '周六', '周日']
|
||||
var option = {
|
||||
tooltip: { trigger: 'axis' },
|
||||
legend: {
|
||||
show: false,
|
||||
},
|
||||
// 定义resize处理函数
|
||||
const handleResize = () => {
|
||||
if (myChart.value) {
|
||||
myChart.value.resize();
|
||||
}
|
||||
};
|
||||
|
||||
function chartFn() {
|
||||
// 如果已有实例，先销毁
|
||||
if (myChart.value) {
|
||||
myChart.value.dispose();
|
||||
}
|
||||
|
||||
// 创建新实例
|
||||
myChart.value = echarts.init(document.getElementById(props.echartsId));
|
||||
|
||||
// 处理数据
|
||||
const sideData1 = props.data.map(v => {
|
||||
return {
|
||||
value: v.value * 1.2,
|
||||
itemStyle: {
|
||||
color: v.color || '#1bd6c2'
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
const topData1 = props.data.map(v => {
|
||||
return {
|
||||
value: v.value + 0.1,
|
||||
itemStyle: {
|
||||
color: v.color || '#1bd6c2'
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
const option = {
|
||||
grid: {
|
||||
top:"30px",
|
||||
left:"5px",
|
||||
right:"0px",
|
||||
bottom:"10%",
|
||||
top: '8%',
|
||||
left: '2%',
|
||||
right: '2%',
|
||||
bottom: '12%',
|
||||
containLabel: true
|
||||
},
|
||||
toolbox: {
|
||||
show: true,
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
lineStyle: {
|
||||
color: '#ddd'
|
||||
}
|
||||
},
|
||||
calculable: true,
|
||||
xAxis: [
|
||||
{
|
||||
backgroundColor: 'rgba(255,255,255,1)',
|
||||
padding: [5, 10],
|
||||
textStyle: {
|
||||
color: '#7588E4'
|
||||
},
|
||||
extraCssText: 'box-shadow: 0 0 5px rgba(0,0,0,0.3)'
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
splitLine: {
|
||||
data: props.data.map(v => v.label),
|
||||
axisTick: {
|
||||
show: false
|
||||
},
|
||||
axisLine: {
|
||||
show: false
|
||||
},
|
||||
data: x_value,
|
||||
axisLabel: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#fff" //X轴文字颜色
|
||||
},
|
||||
},
|
||||
color: '#fff',
|
||||
interval: 0
|
||||
}
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
name:'',
|
||||
nameTextStyle: { color: "#fff" },
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
splitLine: { show: false },
|
||||
axisLabel: {
|
||||
splitLine: {
|
||||
show: true,
|
||||
textStyle: {
|
||||
color: "#FFF" //X轴文字颜色
|
||||
},
|
||||
},
|
||||
lineStyle: {
|
||||
type: 'dashed',
|
||||
color: 'rgba(14,95,255,0.5)'
|
||||
}
|
||||
],
|
||||
},
|
||||
axisTick: {
|
||||
show: false
|
||||
},
|
||||
axisLine: {
|
||||
show: false
|
||||
},
|
||||
axisLabel: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: name,
|
||||
tooltip: { show: false },
|
||||
type: 'bar',
|
||||
barWidth: 12,
|
||||
data: props.data.map(v => v.value),
|
||||
barWidth: '22', // 柱子的宽度
|
||||
z: 1,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
||||
offset: 0,
|
||||
color: color ? color[0] : '#28EEBF'// 0% 处的颜色
|
||||
}, {
|
||||
offset: 1,
|
||||
color: color ? color[1] : '#0DBAC5', // 100% 处的颜色
|
||||
}], false)
|
||||
}
|
||||
},
|
||||
data: sideData1,
|
||||
barGap: 0,
|
||||
label: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
distance: 10,
|
||||
textStyle: {
|
||||
color: '#0EBBC5',
|
||||
fontSize: 14,
|
||||
fontWeight: 'bold',
|
||||
},
|
||||
formatter: '{c}'
|
||||
color: '#004056' // 底部柱子的颜色
|
||||
}
|
||||
},
|
||||
{
|
||||
name: name,
|
||||
type: 'bar',
|
||||
barWidth: 12,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
|
||||
offset: 0,
|
||||
color: color ? color[0] : '#28EEBF'// 0% 处的颜色
|
||||
}, {
|
||||
offset: 1,
|
||||
color: color ? color[1] : '#0DBAC5', // 100% 处的颜色
|
||||
}], false)
|
||||
}
|
||||
},
|
||||
barGap: 0,
|
||||
data: sideData1,
|
||||
label: {
|
||||
show: false,
|
||||
position: 'top',
|
||||
textStyle: {
|
||||
color: 'white',
|
||||
fontSize: 10
|
||||
barWidth: '22', // 柱子的宽度
|
||||
z: 2,
|
||||
itemStyle: {
|
||||
color: function(params) {
|
||||
return params.data.itemStyle.color || '#1bd6c2';
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
name: name,
|
||||
tooltip: {
|
||||
show: false
|
||||
},
|
||||
type: 'pictorialBar',
|
||||
type: 'scatter',
|
||||
data: topData1,
|
||||
itemStyle: {
|
||||
borderWidth: 1,
|
||||
borderColor: '#fff',
|
||||
color: topColor || '#1bd6c2' // 顶部方块的颜色
|
||||
color: function(params) {
|
||||
return params.data.itemStyle.color || '#1bd6c2';
|
||||
}
|
||||
},
|
||||
symbol: 'path://M 0,0 l 90,0 l -60,60 l -90,0 z',
|
||||
symbolSize: ['22', '12'], // 第一个值控制顶部方形大小
|
||||
symbolOffset: ['-0', '-6'], // 控制顶部放行 左右和上下
|
||||
symbolSize: ['22', '12'],
|
||||
symbolOffset: ['-0', '-6'],
|
||||
symbolRotate: -30,
|
||||
symbolPosition: 'end',
|
||||
barGap: 0,
|
||||
@ -162,11 +151,29 @@ function chartFn(val,x_value,color,topColor) {
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
window.addEventListener('resize',function(){
|
||||
myChart.resize();
|
||||
})
|
||||
|
||||
option && myChart.value.setOption(option);
|
||||
}
|
||||
|
||||
// 监听数据变化
|
||||
watch(() => props.data, val => {
|
||||
nextTick(() => { chartFn() })
|
||||
}, { immediate: true, deep: true })
|
||||
|
||||
// 组件挂载时初始化图表并添加事件监听
|
||||
onMounted(() => {
|
||||
chartFn();
|
||||
window.addEventListener('resize', handleResize);
|
||||
});
|
||||
|
||||
// 组件卸载时清理资源
|
||||
onUnmounted(() => {
|
||||
if (myChart.value) {
|
||||
myChart.value.dispose();
|
||||
myChart.value = null;
|
||||
}
|
||||
window.removeEventListener('resize', handleResize);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@ -7,30 +7,42 @@ import { onMounted, ref, reactive, defineProps, onUnmounted, watch, nextTick } f
|
||||
const props = defineProps({
|
||||
echartsId:{
|
||||
type:String,
|
||||
default:'lineId'
|
||||
default:'barId'
|
||||
},
|
||||
color:{
|
||||
type:String,
|
||||
default:'#fff'
|
||||
},
|
||||
data:{
|
||||
type:Object,
|
||||
default:{
|
||||
list:[],
|
||||
colors:[]
|
||||
}
|
||||
type:Array,
|
||||
default:[]
|
||||
}
|
||||
});
|
||||
watch(()=>props.data,val=>{
|
||||
nextTick(()=>{
|
||||
chartFn()
|
||||
})
|
||||
},{immediate:true,deep:true})
|
||||
|
||||
// 保存echarts实例
|
||||
const myChart = ref(null);
|
||||
|
||||
// 定义resize处理函数
|
||||
const handleResize = () => {
|
||||
if (myChart.value) {
|
||||
myChart.value.resize();
|
||||
}
|
||||
};
|
||||
|
||||
function chartFn() {
|
||||
var myChart = echarts.init(document.getElementById(props.echartsId));
|
||||
// 如果已有实例，先销毁
|
||||
if (myChart.value) {
|
||||
myChart.value.dispose();
|
||||
}
|
||||
|
||||
// 创建新实例
|
||||
myChart.value = echarts.init(document.getElementById(props.echartsId));
|
||||
var option = {
|
||||
grid: {
|
||||
top: "16%",
|
||||
right: "2%",
|
||||
left: "2%",
|
||||
bottom: "4%",
|
||||
top: "8%",
|
||||
right: "5%",
|
||||
left: "10%",
|
||||
bottom: "12%",
|
||||
containLabel:true
|
||||
},
|
||||
tooltip: {
|
||||
@ -45,13 +57,19 @@ function chartFn() {
|
||||
textStyle: {
|
||||
color: "#7588E4"
|
||||
},
|
||||
extraCssText: "box-shadow: 0 0 5px rgba(0,0,0,0.3)"
|
||||
},
|
||||
xAxis: {
|
||||
type: "category",
|
||||
data:props.data.list.map(v=>{return v.label}),
|
||||
data:props.data.map(v=>{return v.label}),
|
||||
axisTick: { show: false },
|
||||
axisLine: { show: false },
|
||||
axisLabel: { color: "#fff",magin:20 },
|
||||
axisLabel: {
|
||||
show: true,
|
||||
color: props.color,
|
||||
interval: 0, // 强制显示所有标签
|
||||
// rotate: 15, // 标签旋转角度
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: "value",
|
||||
@ -64,41 +82,47 @@ function chartFn() {
|
||||
},
|
||||
axisTick: { show: false },
|
||||
axisLine: { show: false },
|
||||
axisLabel: { color: "#fff" },
|
||||
axisLabel: { color: props.color },
|
||||
},
|
||||
series: [
|
||||
{
|
||||
data: props.data.map(v=>{return v.value}),
|
||||
type: "bar",
|
||||
barGap:'80%',
|
||||
barWidth: "20px",
|
||||
data: props.data.list.map(v=>{return v.val}),
|
||||
label:{
|
||||
normal:{show:true,position:'top',color:'#EB00FF'}
|
||||
},
|
||||
barWidth: "30%",
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color:function name(params) {
|
||||
let colorList = []
|
||||
if(props.data.colors && props.data.colors.length>0){
|
||||
props.data.colors.forEach(item => {
|
||||
colorList.push(new echarts.graphic.LinearGradient( 0,0,0, 1,[{offset:0,color:item[0]},{offset:1,color:item[1]}]))
|
||||
});
|
||||
}
|
||||
if(colorList.length > 0) return colorList[params.dataIndex]
|
||||
else return new echarts.graphic.LinearGradient( 0,0,0, 1,[{ offset: 0,color: "rgba(0,244,255,1)"},{ offset: 1, color: "rgba(0,77,167,1)" }])
|
||||
},
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: "rgba(102, 195, 226, 1)" },
|
||||
{ offset: 1, color: "rgba(2, 80, 212, 1)" }
|
||||
]),
|
||||
borderRadius: [4, 4, 0, 0],
|
||||
shadowColor: "rgba(0,160,221,1)",
|
||||
shadowBlur: 2
|
||||
}
|
||||
},
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
window.addEventListener('resize',function(){
|
||||
myChart.resize();
|
||||
})
|
||||
option && myChart.value.setOption(option);
|
||||
}
|
||||
|
||||
// 监听数据变化
|
||||
watch(()=>props.data,val=>{
|
||||
nextTick(()=>{ chartFn() })
|
||||
},{immediate:true,deep:true})
|
||||
|
||||
// 组件挂载时初始化图表并添加事件监听
|
||||
onMounted(()=>{
|
||||
chartFn();
|
||||
window.addEventListener('resize', handleResize);
|
||||
});
|
||||
|
||||
// 组件卸载时清理资源
|
||||
onUnmounted(()=>{
|
||||
if (myChart.value) {
|
||||
myChart.value.dispose();
|
||||
myChart.value = null;
|
||||
}
|
||||
window.removeEventListener('resize', handleResize);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@ -18,12 +18,25 @@ const props = defineProps({
|
||||
default:[]
|
||||
}
|
||||
});
|
||||
watch(()=>props.data,val=>{
|
||||
nextTick(()=>{ chartFn() })
|
||||
},{immediate:true,deep:true})
|
||||
|
||||
// 保存echarts实例
|
||||
const myChart = ref(null);
|
||||
|
||||
// 定义resize处理函数
|
||||
const handleResize = () => {
|
||||
if (myChart.value) {
|
||||
myChart.value.resize();
|
||||
}
|
||||
};
|
||||
|
||||
function chartFn() {
|
||||
var myChart = echarts.init(document.getElementById(props.echartsId));
|
||||
// 如果已有实例，先销毁
|
||||
if (myChart.value) {
|
||||
myChart.value.dispose();
|
||||
}
|
||||
|
||||
// 创建新实例
|
||||
myChart.value = echarts.init(document.getElementById(props.echartsId));
|
||||
var option = {
|
||||
grid: {
|
||||
top: "8%",
|
||||
@ -51,7 +64,6 @@ function chartFn() {
|
||||
data:props.data.map(v=>{return v.label}),
|
||||
axisTick: { show: false },
|
||||
axisLine: { show: false },
|
||||
axisLabel: { color: "#fff" },
|
||||
axisLabel: {
|
||||
show: true,
|
||||
color: props.color,
|
||||
@ -103,11 +115,28 @@ function chartFn() {
|
||||
}
|
||||
]
|
||||
};
|
||||
option && myChart.setOption(option);
|
||||
window.addEventListener('resize',function(){
|
||||
myChart.resize();
|
||||
})
|
||||
option && myChart.value.setOption(option);
|
||||
}
|
||||
|
||||
// 监听数据变化
|
||||
watch(()=>props.data,val=>{
|
||||
nextTick(()=>{ chartFn() })
|
||||
},{immediate:true,deep:true})
|
||||
|
||||
// 组件挂载时初始化图表并添加事件监听
|
||||
onMounted(()=>{
|
||||
chartFn();
|
||||
window.addEventListener('resize', handleResize);
|
||||
});
|
||||
|
||||
// 组件卸载时清理资源
|
||||
onUnmounted(()=>{
|
||||
if (myChart.value) {
|
||||
myChart.value.dispose();
|
||||
myChart.value = null;
|
||||
}
|
||||
window.removeEventListener('resize', handleResize);
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@ -113,7 +113,7 @@
|
||||
|
||||
<script setup>
|
||||
import { qcckGet ,qcckPost} from "@/api/qcckApi.js";
|
||||
import { ref, onMounted, onUnmounted } from 'vue'
|
||||
import { ref, onMounted, onUnmounted,getCurrentInstance } from 'vue'
|
||||
import LeftDialog from './dialog/leftDialog'
|
||||
import GdMap from "@/components/GdMap/index.vue";
|
||||
import Head from './layout/head.vue'
|
||||
@ -142,6 +142,8 @@ import { timeValidate } from '@/utils/tools.js'
|
||||
import Statistics from './model/statistics.vue'
|
||||
// 导入音频播放器工具类
|
||||
import audioPlayer from '@/utils/audioPlayer'
|
||||
const { proxy } = getCurrentInstance();
|
||||
const { D_BZ_JQDJ } = proxy.$dict('D_BZ_JQDJ')
|
||||
const webSoket = new WebSoketClass()
|
||||
const modelWarning = ref(true)
|
||||
const changeXzqh = (val, trg) => {
|
||||
@ -234,7 +236,9 @@ const getDepId = () => {
|
||||
const indexNum = ref(0) //当前展示的气泡框
|
||||
const showNotification = ref(false) //是否自动展开提示
|
||||
const allDep = ref([]) //所有部门
|
||||
|
||||
const handleOpenNotification = () => {
|
||||
clearInterval(popupTimer.value)
|
||||
showNotification.value = !showNotification.value;
|
||||
emitter.emit('deletePointArea','hm_pop')
|
||||
if(showNotification.value){
|
||||
@ -249,16 +253,22 @@ const handleOpenNotification = () => {
|
||||
}
|
||||
const makerCenter = () => {
|
||||
const dw = require("@/assets/point/dingwei.png")
|
||||
qcckGet({},'/mosty-gsxt/tbYjxx/selectSsbm').then(res=>{
|
||||
qcckGet({},'/mosty-gsxt/lzJcjPjdb/selectCount').then(res=>{
|
||||
// qcckGet({},'/mosty-gsxt/tbYjxx/selectSsbm').then(res=>{
|
||||
emitter.emit('deletePointArea','hm')
|
||||
let list = res || [];
|
||||
list.forEach(item => {
|
||||
(item.jqjb || []).forEach(v=>{
|
||||
v.jbmc = D_BZ_JQDJ.value.find(itm => itm.value == v.jbdm).label
|
||||
})
|
||||
let obj = centralPoint.find(i => i.name == item.ssbm || i.ssbmdm == item.ssbmdm);
|
||||
if(obj){
|
||||
item.jd = obj.point[0];
|
||||
item.wd = obj.point[1];
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
allDep.value = list;
|
||||
emitter.emit("addPointArea", { coords:list, icon: dw, flag: "hm", size: '14px', showTitle: false, offset: [0, -25] });
|
||||
})
|
||||
@ -317,7 +327,7 @@ onMounted(() => {
|
||||
getTbYjxxGetList()
|
||||
// 初始化音频播放器
|
||||
initAudioPlayer()
|
||||
webSoket.connect()
|
||||
// webSoket.connect()
|
||||
// 监听音频播放事件，获取WebSocket消息数据
|
||||
emitter.on("openYp", (newsDate) => {
|
||||
// 使用工具类播放音频，自动处理静音切换
|
||||
|
||||
@ -148,7 +148,7 @@ const store = useStore();
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const btns = reactive({
|
||||
rightBtn: ["实站支撑", "安全监控"],
|
||||
rightBtn: ["实战支撑", "安全监控"],
|
||||
leftBtn: ["数据整合", '分析研判'],
|
||||
moreBtn: [
|
||||
{ name: '后台', img: require('@/assets/images/Group427322486.png') },
|
||||
|
||||
@ -216,8 +216,6 @@ const gettingData = () => {
|
||||
|
||||
|
||||
const getAllFestivals = (date,boolean=false) => {
|
||||
console.log(date);
|
||||
|
||||
const time = new Date(date)
|
||||
const solar = Solar.fromDate(time)
|
||||
const lunar = solar.getLunar()
|
||||
|
||||
@ -3,7 +3,8 @@
|
||||
<span class="title">线索研判盯办统计</span>
|
||||
<el-popover placement="right" :width="430" :visible="visible">
|
||||
<template #reference>
|
||||
<div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true"></div>
|
||||
<div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true">
|
||||
</div>
|
||||
</template>
|
||||
<div>
|
||||
<div class="qbltData">
|
||||
@ -15,23 +16,30 @@
|
||||
</el-popover>
|
||||
</div>
|
||||
<ul class="comom-cnt xsBox flex flex-warp just-between align-center">
|
||||
<li class="xs-item" v-for="(item, idx) in contentItem" :key="idx">
|
||||
<li class="xs-item" v-for="(item, idx) in contentItem" :key="idx" @click="openTc(item.type)">
|
||||
{{ item.label }}:{{ item.value }}条
|
||||
</li>
|
||||
</ul>
|
||||
<TotalNumberClues v-model="openShow.xfzs" :title="title" :sfqs="sfqs" :sffk="sffk" />
|
||||
<TotalNumberDistributions v-model="openShow.xszs" />
|
||||
<informationCollection v-model="openShow.cjzs" :title="title"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue';
|
||||
import { ref, onMounted, reactive } from 'vue';
|
||||
import TimeData from '@/views/home/model/mesgSwitch/timeData.vue'
|
||||
import TotalNumberClues from '@/views/home/components/totalNumberClues.vue'
|
||||
import TotalNumberDistributions from '@/views/home/components/totalNumberDistributions.vue'
|
||||
import informationCollection from '@/views/home/components/informationCollection.vue'
|
||||
import { qbcjDpxsCount } from "@/api/model.js"
|
||||
|
||||
const contentItem = ref([
|
||||
{ label: '线索总数', value: '0' },
|
||||
{ label: '下发总数', value: '0' },
|
||||
{ label: '已处置总数', value: '0' },
|
||||
{ label: '反馈总数', value: '0' },
|
||||
{ label: '未反馈总数', value: '0' },
|
||||
{ label: '未处置总数', value: '0' },
|
||||
{ label: '信息采集总数', value: '0', type: 'cjzs' },
|
||||
{ label: '线索总数', value: '0', type: 'xszs' },
|
||||
{ label: '下发总数', value: '0', type: 'xfzs' },
|
||||
{ label: '已签收', value: '0', type: 'yqss' },
|
||||
{ label: '未签收', value: '0', type: 'wqss' },
|
||||
{ label: '已反馈', value: '0', type: 'fkzs' },
|
||||
])
|
||||
const visible = ref(false)
|
||||
const changeTime = (val) => {
|
||||
@ -40,22 +48,84 @@ const changeTime = (val) => {
|
||||
}
|
||||
getCount()
|
||||
}
|
||||
|
||||
const title = ref('线索总数')
|
||||
onMounted(() => {
|
||||
qbcjDpxsCount({}, '/mosty-gsxt/tbXs/getXsCount').then(res => {
|
||||
|
||||
qbcjDpxsCount({}, '/mosty-gsxt/qbcj/dpxsCount').then(res => {
|
||||
res = res || {}
|
||||
// 根据API返回的数据更新contentItem
|
||||
contentItem.value = [
|
||||
{ label: '线索总数', value: res.xszs || 0 },
|
||||
{ label: '下发总数', value: res.xfzs || 0 },
|
||||
{ label: '已处置总数', value: res.yczzs || 0 },
|
||||
{ label: '反馈总数', value: res.fkzs || 0 },
|
||||
{ label: '未反馈总数', value: res.wfkzs || 0 },
|
||||
{ label: '未处置总数', value: res.wczzs || 0 },
|
||||
{ label: '信息采集总数', value: res.cjzs || 0, type: 'cjzs' },
|
||||
{ label: '线索总数', value: res.xszs || 0, type: 'xszs' },
|
||||
{ label: '下发总数', value: res.xfzs || 0, type: 'xfzs' },
|
||||
{ label: '已签收', value: res.yqss || 0, type: 'yqss' },
|
||||
{ label: '未签收', value: res.wfkzs || 0, type: 'wqss' },
|
||||
{ label: '已反馈', value: res.fkzs || 0, type: 'fkzs' },
|
||||
]
|
||||
})
|
||||
})
|
||||
|
||||
const openShow = reactive({
|
||||
cjzs: false,
|
||||
xszs: false,
|
||||
xfzs: false,
|
||||
yqss: false,
|
||||
wqss: false,
|
||||
fkzs: false,
|
||||
})
|
||||
const sfqs = ref('')
|
||||
const sffk = ref('')
|
||||
const openTc = (val) => {
|
||||
sfqs.value = ''
|
||||
sffk.value = ''
|
||||
switch (val) {
|
||||
case 'cjzs':
|
||||
openShow.cjzs = true
|
||||
title.value = '信息采集总数'
|
||||
break;
|
||||
case 'xszs':
|
||||
|
||||
openShow.xszs = true
|
||||
title.value = '线索总数'
|
||||
break;
|
||||
case 'wqss':
|
||||
sfqs.value = '0'
|
||||
sffk.value = ''
|
||||
openShow.xfzs = true
|
||||
title.value = '未签收'
|
||||
break;
|
||||
case 'xfzs':
|
||||
openShow.xfzs = true
|
||||
title.value = '下发总数'
|
||||
break;
|
||||
case 'yqss':
|
||||
sfqs.value = '1'
|
||||
sffk.value = ''
|
||||
openShow.xfzs = true
|
||||
title.value = '已签收'
|
||||
break;
|
||||
case 'fkzs':
|
||||
sfqs.value = ''
|
||||
sffk.value = '1'
|
||||
openShow.xfzs = true
|
||||
title.value = '已反馈'
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// // 信息采集总数
|
||||
// const xsCount = () => {
|
||||
// xxcjQbcjSelectPage({}).then(res => {
|
||||
// console.log(res);
|
||||
// })
|
||||
// }
|
||||
// // 线索总数
|
||||
// const xfxsCount = () => {
|
||||
// xxcjXfxsSelectPage({}).then(res => {
|
||||
// console.log(res);
|
||||
// })
|
||||
// }
|
||||
const close = () => {
|
||||
visible.value = false
|
||||
}
|
||||
@ -68,8 +138,11 @@ const close = () => {
|
||||
.xsBox {
|
||||
background: url("~@/assets/images/bg_12.png") no-repeat center center;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
z-index: 299;
|
||||
|
||||
.xs-item {
|
||||
cursor: pointer;
|
||||
width: 31%;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
@ -78,6 +151,7 @@ const close = () => {
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.qbltData {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
|
||||
@ -207,10 +207,10 @@ const content = ref({
|
||||
const chooseItem = (item) => {
|
||||
console.log(item.yjlx);
|
||||
switch (item.yjlx) {
|
||||
|
||||
|
||||
case '01':
|
||||
tbYjxxGetInfo(item.id).then(res => {
|
||||
console.log(res);
|
||||
|
||||
content.value = {
|
||||
id: item.id,
|
||||
ryxm: res.yjRyxm || '',
|
||||
@ -221,11 +221,13 @@ const chooseItem = (item) => {
|
||||
yjnr: res.yjNr || '',
|
||||
yjbq: res.yjbqmc || '',
|
||||
yjlx: item.yjlx || '',
|
||||
yjLx: res.yjLx || '',
|
||||
jd: res.jd || 0,
|
||||
wd: res.wd || 0,
|
||||
yjjb: item.yjjb || '',
|
||||
czzt: res.czzt || '',
|
||||
yjbt: res.yjBt || '',
|
||||
cph: res.yjClcph || '',
|
||||
}
|
||||
emitter.emit('showHomeYJ', [content.value]);
|
||||
})
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="comom-title" @click="chooseForumPost">
|
||||
<!-- <span class="title">情报论坛</span> -->
|
||||
<div class="title">情报论坛<span class="switchover" @click.stop="reversalPush">切换</span></div>
|
||||
<div class="title" style="width: 100%;">情报论坛<span class="switchover" @click.stop="reversalPush">切换</span></div>
|
||||
</div>
|
||||
<div class="comom-cnt" >
|
||||
<div class="zdryBox">
|
||||
@ -213,7 +213,8 @@ onBeforeUnmount(() => {
|
||||
.switchover{
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
margin-left: 20px;
|
||||
margin-left: 20%;
|
||||
|
||||
color: rgb(255, 146, 4);
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="comom-title">
|
||||
<div class="title">重点人员类型<span class="switchover" @click.stop="reversalPush">切换</span></div>
|
||||
<div class="title titleFz" style="" @click="visible = true">
|
||||
<div class="title" style="width: 70%;">重点人员类型<span class="switchover" @click.stop="reversalPush">切换</span></div>
|
||||
<div class="title titleFz" @click="visible = true">
|
||||
查看列表
|
||||
</div>
|
||||
</div>
|
||||
@ -65,5 +65,6 @@ tbGsxtZdryzdryBqtjFn()
|
||||
font-size: 14px;
|
||||
margin-left: 20px;
|
||||
color: rgb(255, 146, 4);
|
||||
margin-left: 23%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -37,6 +37,7 @@ import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import Search from "@/components/aboutTable/Search.vue";
|
||||
import Pages from "@/components/aboutTable/Pages.vue";
|
||||
import { qbcjSelectPage } from "@/api/Intelligence.js";
|
||||
import {xxcjSelectPage,xxcjXxzsx} from '@/api/xxcj.js'
|
||||
import { ref, reactive, getCurrentInstance, watch } from "vue";
|
||||
import { useRoute,useRouter } from 'vue-router'
|
||||
const route = useRoute()
|
||||
@ -68,9 +69,9 @@ const searchConfiger = ref([
|
||||
options: D_BZ_QBSBLY
|
||||
}, {
|
||||
label: "上报时间",
|
||||
prop: "lrkssj",
|
||||
prop: "startTime",
|
||||
placeholder: "请选择时间",
|
||||
showType: "daterange"
|
||||
showType: "datetimerange"
|
||||
},
|
||||
|
||||
|
||||
@ -86,7 +87,7 @@ const pageData = reactive({
|
||||
tableConfiger: {
|
||||
loading: false,
|
||||
rowHieght: 40,
|
||||
haveControls: true,
|
||||
haveControls: false,
|
||||
},
|
||||
controlsWidth: 160, //操作栏宽度
|
||||
total: 0,
|
||||
@ -109,8 +110,8 @@ const pageData = reactive({
|
||||
const parameter = ref()
|
||||
const onSearch = (val) => {
|
||||
const promes = {
|
||||
lrkssj: val.lrkssj && val.lrkssj.length > 0 ? val.lrkssj[0] : '',
|
||||
lrjssj: val.lrkssj && val.lrkssj.length > 0 ? val.lrkssj[1] : '',
|
||||
startTime: val.startTime && val.startTime.length > 0 ? val.startTime[0] : '',
|
||||
endTime: val.startTime && val.startTime.length > 0 ? val.startTime[1] : '',
|
||||
}
|
||||
parameter.value = { ...val, ...promes }
|
||||
pageData.pageConfiger.pageCurrent = 1;
|
||||
@ -123,8 +124,8 @@ watch(() => props.modelValue, (val) => {
|
||||
})
|
||||
const changePage = () => {
|
||||
pageData.tableConfiger.loading = true;
|
||||
let data = { ...pageData.pageConfiger, ...parameter.value };
|
||||
qbcjSelectPage(data).then(res => {
|
||||
let data = { ...pageData.pageConfiger, ...parameter.value,qbjb:'01' };
|
||||
xxcjSelectPage(data).then(res => {
|
||||
pageData.tableData = res.records || [];
|
||||
pageData.total = res.total;
|
||||
pageData.tableConfiger.loading = false;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<el-dialog :model-value="modelValue" @update:model-value="emit('update:modelValue', $event)" title="重点人员列表" width="70%" @close="closeDialog" destroy-on-close>
|
||||
<el-dialog :model-value="modelValue" @update:model-value="emit('update:modelValue', $event)" title="重点人员列表" width="70%" @close="closeDialog" destroy-on-close append-to-body>
|
||||
<Search :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Search>
|
||||
<MyTable customClass="zdy_peo_table" :tableData="pageData.tableData" :tableColumn="pageData.tableColumn"
|
||||
:tableHeight="pageData.tableHeight" :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger"
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="comom-title">
|
||||
<div class="title">岗位标兵<span class="switchover" @click="reversalPush">切换</span></div>
|
||||
<div class="title" style="width: 100%;">岗位标兵<span class="switchover" @click="reversalPush">切换</span></div>
|
||||
<el-popover :visible="visible" placement="right" :width="430">
|
||||
<template #reference>
|
||||
<div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true">
|
||||
@ -100,5 +100,6 @@ const close = () => {
|
||||
font-size: 14px;
|
||||
margin-left: 20px;
|
||||
color: rgb(255, 146, 4);
|
||||
margin-left: 25%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="comom-title">
|
||||
<div class="title">信息来源类型统计<span class="switchover" @click="reversalPush">切换</span></div>
|
||||
<div style=" width: 100%;" class="title">信息来源类型统计<span class="switchover" @click="reversalPush">切换</span></div>
|
||||
<el-popover placement="right" :width="430" :visible="visible">
|
||||
<template #reference>
|
||||
<div class="title" style="position: relative;z-index: 10000;height: 40px;width: 40px;" @click="visible = true"></div>
|
||||
@ -88,5 +88,7 @@ const close = () => {
|
||||
font-size: 14px;
|
||||
margin-left: 20px;
|
||||
color: rgb(255, 146, 4);
|
||||
width: 100%;
|
||||
margin-left: 10%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="ww100 h80 flex just-between align-center pl10 pr10">
|
||||
<div class="flex align-center" v-for="(item, idx) in contentItem" :key="idx">
|
||||
<div class="flex align-center" v-for="(item, idx) in contentItem" :key="idx" @click="openTc(item.type)">
|
||||
<div class="mr10"><img :src="item.icon" alt=""></div>
|
||||
<div class="vountItem">
|
||||
<div style="color:#ffffff" class="f16 lh20">{{ item.label }}</div>
|
||||
@ -8,14 +8,23 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<PoliceReports v-model="openJqzs"/>
|
||||
<NumberWarnings v-model="openYjzs"/>
|
||||
<keyPerson v-model="openZdry"/>
|
||||
<keyGroups v-model="openZdqt"/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { qcckPost } from "@/api/qcckApi.js";
|
||||
import { ref, onMounted } from "vue";
|
||||
import PoliceReports from '@/views/home/components/policeReports.vue'
|
||||
import NumberWarnings from '@/views/home/components/numberWarnings.vue'
|
||||
import keyPerson from "@/views/home/components/keyPerson.vue";
|
||||
import keyGroups from "@/views/home/components/keyGroups.vue";
|
||||
|
||||
const contentItem = ref([
|
||||
{ type:"jqzs", label: "警情总数", value: "0" ,icon:require('@/assets/images/top-1.png')},
|
||||
{ type:"yjzs", label: "预警总数", value: "0",icon:require('@/assets/images/top-2.png') },
|
||||
{ type:"jqzs", label: "今日警情", value: "0" ,icon:require('@/assets/images/top-1.png')},
|
||||
{ type:"yjzs", label: "今日预警", value: "0",icon:require('@/assets/images/top-2.png') },
|
||||
{ type:"zdry", label: "重点人员总数", value: "0",icon:require('@/assets/images/top-3.png') },
|
||||
{ type:"zdqt", label: "重点群体总数", value: "0" ,icon:require('@/assets/images/top-4.png')},
|
||||
]);
|
||||
@ -32,6 +41,29 @@ const getCount = () =>{
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
// 打开警情总数
|
||||
const openJqzs = ref(false)
|
||||
const openYjzs = ref(false)
|
||||
const openZdry = ref(false)
|
||||
const openZdqt = ref(false)
|
||||
const openTc = (val) => {
|
||||
switch (val) {
|
||||
case 'jqzs':
|
||||
openJqzs.value = true
|
||||
break;
|
||||
case 'yjzs':
|
||||
openYjzs.value = true
|
||||
break;
|
||||
case 'zdry':
|
||||
openZdry.value = true
|
||||
break;
|
||||
case 'zdqt':
|
||||
openZdqt.value = true
|
||||
break;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@ -5,12 +5,12 @@ function resolve(dir) {
|
||||
}
|
||||
// http://47.108.232.77:9537/mosty-api/mosty-zhgj/docs.html
|
||||
// const serverHost = "http://47.108.232.77:9537"//线上
|
||||
// const serverHost = "http://192.168.0.231:8006"//线上
|
||||
const serverHost = "http://192.168.2.206:8006"//线上
|
||||
// const serverHost = "http://192.168.191.75:8006"//周
|
||||
// const serverHost = "http://192.168.212.75:8016"//周
|
||||
// const serverHost = "http://192.168.1.98:8006"//毛毛
|
||||
// const serverHost = "http://192.168.193.75:8006"//线上
|
||||
const serverHost = "http://47.108.232.77:9537"//线上
|
||||
// const serverHost = "http://47.108.232.77:9537"//线上
|
||||
module.exports = {
|
||||
// configureWebpack: {
|
||||
// resolve: {
|
||||
|
||||
Reference in New Issue
Block a user