Skip to content

F
founder_vue
Commit 5060a2ac by mr.wang
Options

线索审批

parent 0a10b20f
Showing with 1959 additions and 190 deletions
package-lock.json
......@@ -1825,37 +1825,6 @@
"webpack-merge": "^4.2.2"
},
"dependencies": {
"ansi-styles": {
"version": "4.3.0",
"resolved": "https://r.cnpmjs.org/ansi-styles/download/ansi-styles-4.3.0.tgz",
"integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://r.cnpmjs.org/chalk/download/chalk-4.1.2.tgz",
"integrity": "sha1-qsTit3NKdAhnrrFr8CqtVWoeegE=",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://r.cnpmjs.org/color-convert/download/color-convert-2.0.1.tgz",
"integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"debug": {
"version": "4.2.0",
"resolved": "https://registry.npm.taobao.org/debug/download/debug-4.2.0.tgz?cache=0&sync_timestamp=1600502871403&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.2.0.tgz",
......@@ -1865,35 +1834,11 @@
"ms": "2.1.2"
}
},
"loader-utils": {
"version": "2.0.2",
"resolved": "https://r.cnpmjs.org/loader-utils/download/loader-utils-2.0.2.tgz",
"integrity": "sha1-1uO0+4GHByGuTghoqxHdY4NowSk=",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
},
"ms": {
"version": "2.1.2",
"resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz",
"integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
"dev": true
},
"vue-loader-v16": {
"version": "npm:vue-loader-v16@16.8.3",
"resolved": "https://r.cnpmjs.org/vue-loader/download/vue-loader-16.8.3.tgz",
"integrity": "sha1-1D5nXe9bqTRdbH8FkUwT2GGZcIc=",
"dev": true,
"optional": true,
"requires": {
"chalk": "^4.1.0",
"hash-sum": "^2.0.0",
"loader-utils": "^2.0.0"
}
}
}
},
......@@ -4136,8 +4081,8 @@
},
"crypto-js": {
"version": "4.1.1",
"resolved": "https://registry.npmmirror.com/crypto-js/download/crypto-js-4.1.1.tgz",
"integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
"resolved": "https://rg.cnpmjs.org/crypto-js/download/crypto-js-4.1.1.tgz",
"integrity": "sha1-nkhbzwNSEEG9hYRHhrg/t2GXNs8="
},
"css-color-names": {
"version": "0.0.4",
......@@ -12124,6 +12069,63 @@
}
}
},
"vue-loader-v16": {
"version": "npm:vue-loader@16.8.3",
"resolved": "https://rg.cnpmjs.org/vue-loader/download/vue-loader-16.8.3.tgz",
"integrity": "sha1-1D5nXe9bqTRdbH8FkUwT2GGZcIc=",
"dev": true,
"optional": 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://r.cnpmjs.org/ansi-styles/download/ansi-styles-4.3.0.tgz",
"integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=",
"dev": true,
"optional": true,
"requires": {
"color-convert": "^2.0.1"
}
},
"chalk": {
"version": "4.1.2",
"resolved": "https://rg.cnpmjs.org/chalk/download/chalk-4.1.2.tgz",
"integrity": "sha1-qsTit3NKdAhnrrFr8CqtVWoeegE=",
"dev": true,
"optional": true,
"requires": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
}
},
"color-convert": {
"version": "2.0.1",
"resolved": "https://r.cnpmjs.org/color-convert/download/color-convert-2.0.1.tgz",
"integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
"dev": true,
"optional": true,
"requires": {
"color-name": "~1.1.4"
}
},
"loader-utils": {
"version": "2.0.2",
"resolved": "https://r.cnpmjs.org/loader-utils/download/loader-utils-2.0.2.tgz",
"integrity": "sha1-1uO0+4GHByGuTghoqxHdY4NowSk=",
"dev": true,
"optional": true,
"requires": {
"big.js": "^5.2.2",
"emojis-list": "^3.0.0",
"json5": "^2.1.2"
}
}
}
},
"vue-router": {
"version": "3.4.6",
"resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-3.4.6.tgz?cache=0&sync_timestamp=1602077426782&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-3.4.6.tgz",
......
src/api/xsspLb/xsspLb.js
......@@ -5,3 +5,59 @@ import base from "@/api/base";
// 卷宗删除
export const deletePzById = params =>
post(`${base.alyIP13}/deletePzById`, params);
// 获取用户权限(控制菜单)
export const getUserQx = params =>
post(`${base.alyIP13}/getUserQx`, params);
// 提取
export const queryAsjxx = data =>
post(`${base.alyIP13}/asjInter/queryAsjxx/${data}/asjbh`);
// 新增卷宗
export const savePzxx = params =>
postform(`${base.alyIP13}/savePzxx`, params);
// 卷宗详情
export const queryPzById = data =>
post(`${base.alyIP13}/queryPzById`, data);
// 选择审批
export const getApproveUsers = data =>
post(`${base.alyIP13}/getApproveUsers`, data);
// 提交审批申请
export const saveOrUpdateSpxx = params =>
postform(`${base.alyIP13}/saveOrUpdateSpxx`, params);
// 申请单详情
export const querySqdDteail = data =>
post(`${base.alyIP13}/querySqdDteail`, data);
// 流程
export const queryWorkFlowList = data =>
post(`${base.alyIP13}/queryWorkFlowList`, data);
// 驳回
export const chsqd = data =>
post(`${base.alyIP13}/chsqd`, data);
// 线索详情
export const allWaitApproveOrders = data =>
post(`${base.alyIP13}/allWaitApproveOrders`, data);
// 待审批-点击审批时调用
export const toSpPage = data =>
post(`${base.alyIP13}/toSpPage?orderCode=` + data.orderCode + '&dlyhJh=' + data.dlyhJh);
// 待审批 - 处理审批
export const toSpsqxx = params =>
postform(`${base.alyIP13}/toSpsqxx`, params);
// 获取可以被授权代理二级审批角色的用户(新增代理)
export const getAllowedAgentUsers = data =>
post(`${base.alyIP13}/getAllowedAgentUsers`, data);
// 确认授权
export const getAllowedAgentUsers2 = data =>
post(`${base.alyIP13}/getAllowedAgentUsers2`, data);
\ No newline at end of file
src/components/ptCxForm_components.vue
......@@ -2447,7 +2447,7 @@ export default {
return dt.split(",");
},
rowExpand(row, expandedRows) {
debugger;
// debugger;
// this.$emit("rowExpand", row);
var self = this;
self.showLoading();
......@@ -2776,7 +2776,7 @@ export default {
this.$emit("editMenu", scope);
},
oneClickAnalize() {
// debugger;
// // debugger;
this.$emit("oneClickAnalize");
},
add() {
......@@ -3199,7 +3199,7 @@ export default {
},
doQuery(flag) {
console.log(Cookies.get("_ga"));
debugger;
// debugger;
this.showLoading();
var jsonStr = [];
......@@ -3296,10 +3296,10 @@ export default {
// this.$refs.itsmDataTable.doLayout();
// });
} else {
debugger;
// debugger;
self.doQueryRequest(json).then((response) => {
if (response.success === true) {
// debugger
// // debugger
if (JSON.stringify(response.data) == "{}") {
self.closeLoading();
self.tableData = [];
......@@ -3326,7 +3326,7 @@ export default {
if (item.codeTxt) {
let array = item.codeTxt.split("#").slice(1);
// array.forEach((ajitem) => {
// debugger
// // debugger
// let obj = {};
// if (
// ajitem == "强迫交易案" ||
......@@ -3421,7 +3421,7 @@ export default {
// }
// }
});
debugger;
// debugger;
let result = response.data.data || response.data.rows;
result.forEach((item) => {
item.children = [];
......@@ -3444,7 +3444,7 @@ export default {
} else if (response.state == "success") {
response.rows.forEach((item) => {
if (self.pageBs == "queryJz") {
debugger;
// debugger;
if (item.ajlb == "01") {
item.ajlbStr = "刑事案件";
} else if (item.ajlb == "02") {
......@@ -3455,7 +3455,7 @@ export default {
item.ajlbStr = "其他";
}
} else if (self.pageBs == "querySqdlb") {
debugger;
// debugger;
if (item.orderMethod == "1") {
item.orderMethodStr = "二级审批";
} else if (item.orderMethod == "3") {
......@@ -3493,7 +3493,7 @@ export default {
item.orderStatusStr = "过期";
}
} else if (self.pageBs == "queryXslb") {
debugger;
// debugger;
if (item.xsXslx == "01") {
item.xsXslxStr = "QQ号码";
} else if (item.xsXslx == "02") {
......@@ -3529,7 +3529,7 @@ export default {
item.xsStatusStr = "一级审批已审";
}
} else if (self.pageBs == "queryWysp") {
debugger;
// debugger;
if (item.orderMethod == "1") {
item.orderMethodStr = "二级审批";
} else if (item.orderMethod == "3") {
......@@ -3558,7 +3558,7 @@ export default {
}
}
});
debugger;
// debugger;
self.tableData = response.rows;
for (let t in self.transformFormTable) {
self.tableData.map((res) => {
......@@ -3583,7 +3583,7 @@ export default {
mounted() {
let self = this;
/*获取字典*/
// debugger;
// // debugger;
self.propQueryField.forEach((val) => {
if (val.type == "codeTree" || val.type == "codeTreeDialog") {
if (val.codeOptions.length == 0) {
......@@ -3600,7 +3600,7 @@ export default {
// let unitcode = "540000S00500";
let unitcode = JSON.parse(sessionStorage.getItem("userInfo")).unitcode;
if (val.codeOptions.length == 0) {
debugger;
// debugger;
axios
.get(`JsonData/${val.codeTree}.json`)
.then((res) => {
......@@ -3657,7 +3657,7 @@ export default {
cxUrl: {
handler(val, old) {
if (val != old) {
// debugger
// // debugger
this.doQuery("yes");
}
},
......
src/router/modules/xsspPt.js
......@@ -40,6 +40,14 @@ const menuLayouts = [
},
component: () => import("@/views/xsspPt/wysp/queryWysp.vue")
},
{
path: "/queryDlr",
name: "queryDlr",
meta: {
title: '代理人'
},
component: () => import("@/views/xsspPt/dlrlb/queryDlr.vue")
},
];
export default [{
......@@ -47,4 +55,12 @@ export default [{
component: menuLayout,
children: [...menuLayouts]
},
{
path: "/newjzAdd",
name: "newjzAdd",
meta: {
title: '新增卷宗'
},
component: () => import("@/views/xsspPt/jzLb/newjzAdd.vue")
},
];
\ No newline at end of file
src/views/xsspPt/components/ptApproval.vue 0 → 100644
<template>
<div class="approval">
<el-steps :active="active" simple>
<el-step title="添加线索" icon="el-icon-edit"></el-step>
<el-step title="选择审批" icon="el-icon-edit"></el-step>
</el-steps>
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<div v-show="active == 0">
<el-form-item label="卷宗名称">
<el-input v-model="spData.pzTitle" disabled></el-input>
</el-form-item>
<el-form-item label="申请标题" prop="orderTitle">
<el-input v-model="ruleForm.orderTitle"></el-input>
</el-form-item>
<el-form-item label="线索类型" v-for="(item, index) in ruleForm.xslxList" :key="index">
<el-select v-model="item.xsXslx" placeholder="请选择" style="vertical-align: bottom;">
<el-option label="QQ" value="01"></el-option>
<el-option label="微信" value="02"></el-option>
<el-option label="手机号码" value="03"></el-option>
<el-option label="IMSI" value="04"></el-option>
<el-option label="IMEI" value="05"></el-option>
<el-option label="身份证号" value="06"></el-option>
<el-option label="车牌号" value="07"></el-option>
<el-option label="案件编号" value="08"></el-option>
<el-option label="MAC地址" value="09"></el-option>
<el-option label="银行卡号" value="10"></el-option>
</el-select>
<span style="vertical-align: top;">线索值{{index + 1}}`</span><el-input v-model="item.xsSxz" style="width: 22% !important"></el-input>
<span style="vertical-align: top;">线索备注{{index + 1}}`</span><el-input v-model="item.xsMark" style="width: 22% !important"></el-input>
<i v-if="index > 0" class="el-icon-remove" @click="subtractSrmx(index)"></i>
<i v-else class="el-icon-circle-plus" @click="addSrmx"></i>
</el-form-item>
<el-form-item label="申请原由" prop="orderReason">
<el-input type="textarea" v-model="ruleForm.orderReason"></el-input>
</el-form-item>
</div>
<div v-show="active == 1">
<el-form-item label="双签同事">
<el-radio-group v-model="ruleForm.orderCounterSignPid">
<el-radio v-for="(item, index) in ruleForm.sqtsList" :key="index" :value="item.id" :label="item.id" >{{item.trueName}}（{{item.id}}）</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审核领导">
<el-radio-group v-model="ruleForm.orderOnegradePid">
<el-radio v-for="(item, index) in ruleForm.shldList" :key="index" :value="item.id" :label="item.id" >{{item.trueName}}（{{item.id}}）</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="审批领导">
<el-radio-group v-model="ruleForm.orderTwogradePid">
<el-radio v-for="(item, index) in ruleForm.spldList" :key="index" :value="item.id" :label="item.id">{{item.trueName}}（{{item.id}}）</el-radio>
</el-radio-group>
</el-form-item>
<div style="text-align: center"><el-button type="primary" @click="submit">提交申请</el-button></div>
</div>
</el-form>
<el-button v-if="active == 1" style="margin-top: 12px;" @click="up">上一步</el-button>
<el-button v-if="active == 0" style="margin-top: 12px;" @click="next">下一步</el-button>
</div>
</template>
<script>
import { getApproveUsers, saveOrUpdateSpxx } from "@/api/xsspLb/xsspLb.js";
export default {
name: "ptApproval",
components: {
},
data() {
return {
active: 0,
ruleForm: {
pzCode: '',
pzName: '',
spdlx: 'PTSP',
gklx: 'cx',
xslxList: [{xsXslx: '', xsSxz: '', xsMark: '', xsStatus: '2', createUserPid: JSON.parse(sessionStorage.getItem("userInfo")).account }], // 线索类型列表
orderTitle: '',
orderMethod: '1',
orderStatus: '2',
orderReason: '',
czStatus: '',
approveType: '',
orderCounterSignPid: '',
orderOnegradePid: '',
orderTwogradePid: '',
sqtsList: [], // 双签同事
shldList: [], // 审核领导
spldList: [] // 审批领导
},
rules: {
// resource: [
// { required: true, message: '请选择活动资源', trigger: 'change' }
// ],
// orderTitle: [
// { required: true, message: '请填写活动形式', trigger: 'blur' }
// ]
}
}
},
props: {
spDialogFormVisible: Boolean,
spData: Object
},
mounted() {
this.ApproveUsers()
},
watch: {
spDialogFormVisible(val) {
if(val) {
this.ApproveUsers()
}
}
},
methods: {
ApproveUsers() {
const param1 = {
approveType: 'SQTS',
policeId: JSON.parse(sessionStorage.getItem("userInfo")).account,
}
const param2 = {
approveType: 'YJSP',
policeId: JSON.parse(sessionStorage.getItem("userInfo")).account,
}
const param3 = {
approveType: 'EJSP',
policeId: JSON.parse(sessionStorage.getItem("userInfo")).account,
}
getApproveUsers(param1).then((res) => {
if (res.state == 'success') {
this.ruleForm.sqtsList = res.userList
}
}).catch(() => {})
getApproveUsers(param2).then((res) => {
if (res.state == 'success') {
this.ruleForm.shldList = res.userList
}
}).catch(() => {})
getApproveUsers(param3).then((res) => {
if (res.state == 'success') {
this.ruleForm.spldList = res.userList
}
}).catch(() => {})
},
submit() {
const loading = this.$loading({
lock: true,
text: "正在提交...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let formData = new FormData()
formData.append('pzName', this.spData.pzTitle)
formData.append('pzCode', this.spData.id)
formData.append('spdlx', 'PTSP')
formData.append('gklx', 'cx')
formData.append('orderTitle', this.ruleForm.orderTitle)
formData.append('orderMethod', '1')
formData.append('orderStatus', '2')
formData.append('orderReason', this.ruleForm.orderReason)
formData.append('czStatus', 'save')
formData.append('createUserPid', JSON.parse(sessionStorage.getItem("userInfo")).account)
formData.append('orderDetails', JSON.stringify(this.ruleForm.xslxList))
formData.append('orderOnegradePid', this.ruleForm.orderOnegradePid)
formData.append('orderTwogradePid', this.ruleForm.orderTwogradePid)
formData.append('orderCounterSignPid', this.ruleForm.orderCounterSignPid)
saveOrUpdateSpxx(formData).then(res => {
if(res.code == '200') {
loading.close();
this.$emit('closeDialog')
}
})
},
resetForm(formName) {
this.$refs[formName].resetFields();
},
up() {
this.active--
},
next() {
this.active++
},
addSrmx() {
let obj = {xsXslx: '', xsSxz: '', xsMark: '', xsStatus: '2', createUserPid: JSON.parse(sessionStorage.getItem("userInfo")).account }
this.ruleForm.xslxList.push(obj)
},
subtractSrmx(index) {
this.ruleForm.xslxList.splice(index, 1);
},
},
}
</script>
<style lang="scss" scoped>
.approval{
padding-bottom: 20px;
::v-deep .el-steps--simple{
width: 30% !important;
margin-top: 10px;
}
::v-deep .el-form-item .el-form-item__content{
width: 100% !important;
}
}
</style>
src/views/xsspPt/dlrlb/queryDlr.vue 0 → 100644
<template>
<div class="Content content-sqdlb">
<right-content
:pageBs="pageBs"
pageASs="nonewAdd"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
ref="rightContent"
>
<template #listOperation="scope">
<span class="hbyps" @click="add(scope.scope)">
<i class="el-icon-plus"></i>新增</span
>
</template>
<!-- <template #btnGroup="scope">
<span class="hbyp" @click="showDetail(scope.scope)">详情</span>
<span class="hbyp" @click="showliucheng(scope.scope)">流程</span>
</template> -->
</right-content>
<el-dialog title="设置代理人" :visible.sync="dialogFormVisible" width="45%">
<el-form :inline="true" class="demo-form-inline" style="margin: 0 15px;">
<el-form-item label="警号">
<el-input placeholder=""></el-input>
</el-form-item>
<el-form-item label="姓名">
<el-input v-model="agentUserXm" placeholder=""></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit" size="small" style="margin-left: 12px;">查询</el-button>
</el-form-item>
<div>
候选人：<el-radio v-for="(item, index) in dlrList" :key="index" v-model="agentUserPoliceId" :label="item.policemanid">{{ item.trueName }}</el-radio>
</div>
</el-form>
<p style="font-size: 14px; font-weight: 600; color: #ef2424;margin-left: 15px;">授权有效期为一个月</p>
<div style="text-align: center; margin-bottom: 20px;"><el-button size="small" type="primary" @click="iamSure">确认授权</el-button></div>
</el-dialog>
</div>
</template>
<script>
import { getAllowedAgentUsers, getAllowedAgentUsers2 } from "@/api/xsspLb/xsspLb.js";
import rightContent from "@c/ptCxForm_components.vue";
export default {
name: "queryXslb",
components: {
rightContent,
},
data() {
return {
dialogFormVisible: false,
agentUserPoliceId: '',
agentUserXm: '',
dlrList: [],
header: "线索审批管理平台",
pageBs: "queryJz",
cxFormData: {
page: 1,
rows: 10,
unitcode: JSON.parse(sessionStorage.getItem("userInfo")).unitcode
},
cxQueryField: [
],
cxDefaultFormThead: [
{
label: "姓名",
// toInfor: true,
prop: "xm",
width: "250",
},
{
label: "警号",
prop: "policeId",
width: "200",
},
{
label: "单位",
prop: "dw",
width: "200",
},
{
label: "权限名称",
prop: "qxmc",
width: "200",
}
],
cxUrl: "/getAgentUsersPage",
Menu: [
{
id: "queryDlr",
label: "代理列表",
index: "queryDlr",
auth: "M0101",
className: "iconfont iconrizhi",
disabled: false,
},
],
};
},
created() {
this.$store.commit("user/SET_Menu", this.Menu);
},
methods: {
add() {
const param = {
agentUserPoliceId: this.agentUserPoliceId,
loginUserPoliceId: JSON.parse(sessionStorage.getItem("userInfo")).account,
agentUserXm: this.agentUserXm
}
getAllowedAgentUsers(param).then(res => {
if(res.code == '200') {
this.dlrList = res.data
}
})
this.dialogFormVisible = true
},
iamSure() {
const param = {
agentUserPoliceId: this.agentUserPoliceId,
loginUserPoliceId: JSON.parse(sessionStorage.getItem("userInfo")).account
}
getAllowedAgentUsers2(param).then(res => {
if(res.code == '200') {
this.$message({
type: "success",
message: "授权成功",
});
this.dialogFormVisible = false
}
})
},
onSubmit() {
}
},
watch: {
},
};
</script>
<style>
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 36px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
</style>
<style scoped lang="scss">
.el-form-item {
margin: 15px 0 20px 0;
}
.red {
color: red;
}
.black {
color: black;
}
@import "@/assets/styles/rightContent.scss";
.hbyp {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 22px;
color: #007aff;
margin-right: 16px;
cursor: pointer;
}
.reds {
color: red;
}
.black {
color: black;
}
.hbyps {
width: 64px;
height: 24px;
background: #ffffff;
border: 1px solid #007aff;
opacity: 1;
border-radius: 4px;
text-align: center;
align-items: center;
display: inline-block;
font-size: 12px !important;
font-weight: 400 !important;
color: #007aff !important;
cursor: pointer;
}
</style>
src/views/xsspPt/dwsp/queryDwsp.vue
<template>
<div class="Content">
<div class="Content content-sqdlb">
<right-content
:pageBs="pageBs"
pageASs="nonewAdd"
:header="header"
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
......@@ -9,29 +10,98 @@
:cxUrl="cxUrl"
ref="rightContent"
>
<!-- <template #listOperation="scope">
<span class="hbyps" @click="add(scope.scope)">
<i class="el-icon-plus"></i>新增</span
>
</template> -->
<template #btnGroup="scope">
<span class="hbyp" @click="toXdzl(scope.scope)">详情</span>
<span
class="hbyp"
@click="edit(scope.scope)"
>流程</span
>
<span
class="hbyp"
@click="dele(scope.scope)"
>审批</span
>
<span class="hbyp" @click="shenpi(scope.scope)">审批</span>
</template>
</right-content>
<el-dialog title="审批" :visible.sync="dialogFormVisible" width="80%">
<div class="sqdxq-title">卷宗信息</div>
<el-row :gutter="20">
<el-col :span="12"><span>卷宗名称：</span>{{ jzxx.pzName }}</el-col>
<el-col :span="12"><span>卷宗编号：</span>{{ jzxx.id }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>案事件编号：</span>{{ jzxx.asjbh }}</el-col>
<el-col :span="12"><span>案事件名称：</span>{{ jzxx.asjmc }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>卷宗情况说明：</span>{{ jzxx.jyaq }}</el-col>
</el-row>
<div class="sqdxq-title">申请单信息</div>
<el-row :gutter="20">
<el-col :span="12"><span>申请单编号：</span>{{ approveOrder.orderCode }}</el-col>
<el-col :span="12"><span>申请单名称：</span>{{ approveOrder.orderTitle }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>审批等级：</span>{{ approveOrder.orderMethod == 1 ? '二级审批' : '一级审批' }}</el-col>
<el-col :span="12"><span>申请状态：</span>{{ approveOrder.orderStatusIsgq == '1' ? '过期' : getOrderStatus(approveOrder.orderStatus) }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>申请人：</span>{{ approveOrder.createUserName }}</el-col>
<el-col :span="12"><span>申请时间：</span>{{ approveOrder.createTime }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>申请原由：</span>{{ approveOrder.orderReason }}</el-col>
</el-row>
<div class="sqdxq-title">线索信息</div>
<el-table
:data="orderDetailList"
border
style="width: 100%">
<el-table-column
prop="xsXslx"
label="线索类型"
width="180">
<template slot-scope="scope">
<span>{{ getXsXslx(scope.row.xsXslx) }}</span>
</template>
</el-table-column>
<el-table-column
prop="xsSxz"
label="线索值"
width="180">
</el-table-column>
<el-table-column
prop="xsKssj"
label="开始时间">
</el-table-column>
<el-table-column
prop="xsJssj"
label="到期时间">
</el-table-column>
<el-table-column
prop="xsStatus"
label="状态">
</el-table-column>
<el-table-column
prop="xsMark"
label="备注">
</el-table-column>
</el-table>
<el-row :gutter="20">
<el-col :span="12"><span>审批结果：</span>
<el-radio v-model="workFlowName" label="1">通过</el-radio>
<el-radio v-model="workFlowName" label="2">驳回</el-radio>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>审批意见：</span>
<el-input
type="textarea"
:rows="2"
placeholder="请输入内容"
v-model="remark">
</el-input>
</el-col>
</el-row>
<el-button type="primary" @click="submit">确 定</el-button>
</el-dialog>
</div>
</template>
<script>
import { toSpPage, toSpsqxx } from "@/api/xsspLb/xsspLb.js";
import rightContent from "@c/ptCxForm_components.vue";
export default {
name: "queryDwsp",
......@@ -40,8 +110,15 @@ export default {
},
data() {
return {
dialogFormVisible: false,
header: "线索审批管理平台",
pageBs: "queryDwsp",
// pageBs: "queryDwsp",
pageBs: "queryXslb",
approveOrder: '',
orderDetailList: '',
jzxx: '',
workFlowName: '1',
remark: '',
cxFormData: {
page: 1,
rows: 10,
......@@ -158,7 +235,116 @@ export default {
// this.$store.commit("user/SET_LeftMenu", this.leftMenus);
// this.$store.commit("user/SET_Header", this.header);
},
methods: {},
methods: {
// 审批
shenpi(scope) {
console.log('scope', scope)
const param = {
orderCode: scope.row.orderCode,
dlyhJh: JSON.parse(sessionStorage.getItem("userInfo")).account,
}
toSpPage(param).then(res => {
if(res.code == '200') {
this.approveOrder = res.data.approveOrder
this.orderDetailList = res.data.orderDetailList
this.jzxx = res.data.jzxx
this.dialogFormVisible = true
}
})
},
getXsXslx(type) {
let text = ''
switch (type) {
case '01':
text = 'QQ号码'
break
case '02':
text = '微信ID'
break
case '03':
text = '手机号码'
break
case '04':
text = 'IMSI'
break
case '05':
text = 'IMEI'
break
case '06':
text = '身份证号'
break
case '07':
text = '车牌号'
break
case '08':
text = '案件编号'
break
case '09':
text = 'MAC地址'
case '10':
text = '银行卡号'
break
}
return text
},
// 审批状态
getOrderStatus(type) {
let text = ''
switch (type) {
case 1:
text = '暂存'
break
case 2:
text = '在审'
break
case 3:
text = '一级领导已审'
break
case 4:
text = '审批通过'
break
case 5:
text = '双签已审'
break
case 6:
text = '撤回'
break
case 7:
text = '一级领导驳回'
break
case 8:
text = '二级领导驳回'
break
case 9:
text = '双签驳回'
break
}
return text
},
// 提交审批
submit() {
const formdata = new FormData()
formdata.append('orderCode', this.approveOrder.orderCode)
formdata.append('remark', this.remark)
formdata.append('workFlowName', this.workFlowName)
formdata.append('sqzt', this.approveOrder.orderStatus)
formdata.append('sqfs', this.approveOrder.orderMethod)
formdata.append('spdlx', 'PTSP')
formdata.append('pzId', this.jzxx.id)
formdata.append('orderNextPid', '')
formdata.append('approveUserId', JSON.parse(sessionStorage.getItem("userInfo")).account)
formdata.append('createUserPid', JSON.parse(sessionStorage.getItem("userInfo")).account)
toSpsqxx(formdata).then(res =>{
if(res.code == '200') {
this.$message({
type: "success",
message: "处理成功",
});
this.dialogFormVisible = false
}
})
}
},
watch: {
// "examineInfoRl.sfrlPdbz": {
// handler: function (val, oldval) {
......@@ -216,6 +402,33 @@ export default {
}
</style>
<style scoped lang="scss">
::v-deep .el-dialog__body{
padding: 10px 30px !important;
.el-row{
line-height: 2;
margin: 0 20px !important;
}
}
.content-sqdlb{
.sqdxq-title{
font-size: 15px;
font-family: Source Han Sans CN;
font-weight: 600;
color: #ff8d1e;
border-bottom: 1px solid #e4e4e4;
padding: 8px;
}
.kuang{
position: absolute;
top: 20px;
left: 35px;
color: #fff;
padding: 0 6px;
border-radius: 2px;
}
}
.el-form-item {
margin: 15px 0 20px 0;
}
......
src/views/xsspPt/jzLb/newjzAdd.vue 0 → 100644
<template>
<div class="newjzAdd-box">
<div class="newJz">新增卷宗</div>
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="自动录入" name="first">
<form-compontent
:formField="propFormField"
:formLabelAligns="formLabelAlign"
@submit="submit"
@ajtq="ajtq"
pageBs="addsqfbzl"
ref="formCompontent"
>
</form-compontent>
</el-tab-pane>
<el-tab-pane label="手动录入" name="second">
<form-compontent
:formField="propFormField2"
:formLabelAligns="formLabelAlign"
@submit="submit"
pageBs="addsqfbzl"
ref="formCompontent"
>
</form-compontent>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import formCompontent from "@c/form.vue";
import { queryAsjxx, savePzxx } from "@/api/xsspLb/xsspLb.js"
import axios from "@/utils/http.js";
import base from "@/api/base";
export default {
name: "newjzAdd",
components: {
formCompontent,
},
data() {
return {
loading: false,
activeName: 'first',
title: "新增卷宗",
propFormField: [
{
title: "",
id: 1,
objStr: "",
index: 0,
data: [
{
name: "按事件编号:",
id: "asjbh",
type: "textTq",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "有效期限:",
id: "yxqx",
type: "codeTree",
codeOptions: [{label: "一个月", id: '01'},{label: "三个月", id: '02'},{label: "六个月", id: '03'},{label: "一年", id: '04'}],
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty',
disabled: true
},
{
name: "卷宗名称:",
id: "pzTitle",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty',
disabled: true
},
{
name: "案事件名称:",
id: "asjmc",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
disabled: true
},
{
name: "案事件类别:",
id: "ajlb",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
disabled: true
},
// {
// name: "受理日期:",
// id: "bmch3",
// type: "text",
// value: "",
// placeholder: "请输入",
// col: "2",
// },
// {
// name: "受理单位:",
// id: "bmch4",
// type: "text",
// value: "",
// placeholder: "请输入",
// col: "2",
// },
{
name: "简要案情:",
id: "jyaq",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty',
disabled: true
},
],
},
],
propFormField2: [
{
title: "",
id: 1,
objStr: "",
index: 0,
data: [
{
name: "按事件编号:",
id: "asjbh2",
type: "text",
value: "",
placeholder: "请输入",
col: "2"
},
{
name: "有效期限:",
id: "yxqx2",
type: "codeTree",
codeOptions: [{label: "一个月", id: '01'},{label: "三个月", id: '02'},{label: "六个月", id: '03'},{label: "一年", id: '04'}],
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty'
},
{
name: "卷宗名称:",
id: "pzTitle2",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty'
},
{
name: "案事件名称:",
id: "asjmc2",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "案事件类别:",
id: "ajlb2",
type: "codeTree",
codeOptions: [{label: "刑事案件", id: '01'},{label: "行政案件", id: '02'},{label: "重点人员", id: '03'},{label: "其他", id: '04'}],
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty'
},
// {
// name: "受理日期:",
// id: "bmch8",
// type: "text",
// value: "",
// placeholder: "请输入",
// col: "2",
// },
// {
// name: "受理单位:",
// id: "bmch9",
// type: "text",
// value: "",
// placeholder: "请输入",
// col: "2",
// },
{
name: "简要案情:",
id: "jyaq2",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty'
},
],
},
],
formLabelAlign: {},
type: "",
xxzjbh: "",
result: "",
};
},
methods: {
handleClick(tab, event) {
console.log(tab, event);
},
// 依据编号提取填写信息
ajtq(gmsfzh){
let self = this;
axios.post(`${base.alyIP13}/asjInter/queryAsjxx/${gmsfzh}/asjbh`).then(res=>{
if(res.code==0){
let result = res.asjxx;
if(result){
self.propFormField.forEach((fieldItem) => {
if (fieldItem.data && fieldItem.data.length > 0) {
fieldItem.data.forEach((i) => {
this.$set(this.formLabelAlign, i.id, result[i.id]);
});
}
this.$forceUpdate();
});
}
else {
this.$message.warning('暂无此按事件编号信息')
}
}
}).catch((e) => {})
},
submit(params) {
if(this.activeName != 'first') {
params.append('ajlb', params.get("ajlb2"))
params.append('asjbh', params.get("asjbh2"))
params.append('asjmc', params.get("asjmc2"))
params.append('jyaq', params.get("jyaq2"))
params.append('pzTitle', params.get("pzTitle2"))
params.append('yxqx', params.get("yxqx2"))
params.delete("ajlb2");
params.delete("asjbh2");
params.delete("asjmc2");
params.delete("jyaq2");
params.delete("pzTitle2");
params.delete("yxqx2");
}
let loading = this.$loading({
lock: true,
text: "正在保存...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
const lrlb = this.activeName == 'first' ? 'AJLR' : 'SDLR'
params.append('mj','01')
params.append('createUserId', JSON.parse(sessionStorage.getItem("userInfo")).account)
params.append('lrlb', lrlb)
savePzxx(params).then(res=>{
console.log('res', res)
if(res.code){
loading.close()
this.$router.push('queryjz')
}
})
}
},
created() {
},
};
</script>
<style scoped lang="scss">
.newjzAdd-box{
width: 1200px;
margin: 20px auto;
background: #fff;
.newJz{
height: 48px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 48px;
color: #363636;
opacity: 1;
padding-left: 20px;
width: 100%;
}
::v-deep #formCommonPage .button{
left: 0 !important;
}
}
::v-deep .groupTitleBox{
display: none !important;
}
</style>
src/views/xsspPt/jzLb/queryJzlb.vue
......@@ -11,84 +11,54 @@
>
<template #listOperation="scope">
<span class="hbyps" @click="add(scope.scope)">
<i class="el-icon-plus"></i>新增卷宗</span
<i class="el-icon-plus"></i>新增</span
>
</template>
<template #btnGroup="scope">
<span class="hbyp" @click="dele(scope.scope)">普通审批</span>
<span class="hbyp" @click="dele(scope.scope)">紧急审批</span>
<span class="hbyp" @click="dele(scope.scope)">详情</span>
<span class="hbyp" @click="dele(scope.scope)">删除</span>
<span class="hbyp" @click="ptApproval(scope.scope)">普通审批</span>
<!-- <span class="hbyp" @click="jjApproval(scope.scope)">紧急审批</span> -->
<span class="hbyp" @click="showDetail(scope.scope)">详情</span>
<span class="hbyp" v-if="scope.scope.row.orderCount == 0" @click="dele(scope.scope)">删除</span>
</template>
</right-content>
<!-- 卷宗新增 -->
<el-dialog title="新增卷宗" :visible.sync="dialogFormVisible">
<el-tabs type="border-card">
<el-tab-pane label="自动录入">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="100px"
class="demo-ruleForm"
>
<el-form-item label="活动名称:" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="活动区域:" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')"
>立即创建</el-button
>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item>
</el-form>
</el-tab-pane>
<el-tab-pane label="手动录入">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="100px"
class="demo-ruleForm"
>
<el-form-item label="活动名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="活动区域" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')"
>立即创建</el-button
>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item>
</el-form>
</el-tab-pane>
</el-tabs>
<el-dialog title="卷宗详情" :visible.sync="dialogFormVisible" width="70%">
<el-row :gutter="20">
<el-col :span="12"><span>卷宗名称：</span>{{ xqData.pzTitle }}</el-col>
<el-col :span="12"><span>卷宗编号：</span>{{ xqData.kssj }} 至 {{ xqData.jssj }} </el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>案事件编号：</span>{{ xqData.asjmc }}</el-col>
<el-col :span="12"><span>案事件名称：</span>{{ xqData.ajlb }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>卷宗情况说明：</span>{{ xqData.pzTitle }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24"><span>简要案情：</span>{{ xqData.jyaq }}</el-col>
</el-row>
</el-dialog>
<el-dialog title="普通审批" :visible.sync="spDialogFormVisible" width="65%" destroy-on-close>
<pt-approval :spDialogFormVisible="spDialogFormVisible" :spData="spData" @closeDialog="closeDialog"></pt-approval>
</el-dialog>
</div>
</template>
<script>
import rightContent from "@c/ptCxForm_components.vue";
import { deletePzById } from "@/api/xsspLb/xsspLb.js";
import ptApproval from "../components/ptApproval.vue";
import { deletePzById, queryPzById, getUserQx } from "@/api/xsspLb/xsspLb.js";
export default {
name: "queryJz",
components: {
rightContent,
ptApproval
},
data() {
return {
haveEjspqx: false,
spData: {},
xqData: {},
rules: {
name: [
{ required: true, message: "请输入活动名称", trigger: "blur" },
......@@ -99,6 +69,7 @@ export default {
],
},
dialogFormVisible: false,
spDialogFormVisible: false,
formLabelWidth: "120px",
ruleForm: {
region: "",
......@@ -112,7 +83,7 @@ export default {
createUserId: JSON.parse(sessionStorage.getItem("userInfo")).account,
pzTitle: "",
asjbh: "",
asjmc: "",
asjmc: "",
kssj: "",
jssj: "",
},
......@@ -243,16 +214,110 @@ export default {
hasChildren: false,
},
],
leftMenus2: [
//左侧导航(模块第一个页面需要)
{
id: "queryJz",
label: "卷宗列表",
newAuth: "M01",
index: "queryJz",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "querySqdlb",
label: "申请单列表",
newAuth: "M01",
index: "querySqdlb",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "queryXslb",
label: "线索列表",
newAuth: "M01",
index: "queryXslb",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "queryDwsp",
label: "待我审批",
newAuth: "M01",
index: "queryDwsp",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "queryWysp",
label: "我已审批",
newAuth: "M01",
index: "queryWysp",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "queryDlr",
label: "代理人",
newAuth: "M01",
index: "queryDlr",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
],
};
},
mounted() {
},
created() {
this.toGetUserQx()
this.$store.commit("user/SET_Menu", this.Menu);
this.$store.commit("user/SET_LeftMenu", this.leftMenus);
// if(this.haveEjspqx) {
// this.$store.commit("user/SET_LeftMenu", this.leftMenus2)
// } else {
// this.$store.commit("user/SET_LeftMenu", this.leftMenus)
// }
this.$store.commit("user/SET_LeftMenu", this.leftMenus2)
this.$store.commit("user/SET_Header", this.header);
},
methods: {
add() {
this.dialogFormVisible = true;
// 普通审批
ptApproval(data) {
this.spData = data.row
this.spDialogFormVisible = true
},
// 获取用户权限（控制菜单）
toGetUserQx(scope) {
console.log('scope', scope)
const param = {
cxrJh: JSON.parse(sessionStorage.getItem("userInfo")).account
}
getUserQx(param).then(res => {
if(res.state == 'success') {
this.haveEjspqx = res.haveEjspqx
}
})
},
// 卷宗详情
showDetail(scope) {
console.log('scope', scope)
const param = {
id: scope.row.id
}
queryPzById(param).then(res => {
if(res.state == 'success') {
this.xqData = res.data
this.dialogFormVisible = true
}
})
},
closeDialog() {
this.spDialogFormVisible = false
},
add(){
this.$router.pushToTab({
path: "/newjzAdd",
});
},
dele(obj) {
console.log(obj.row);
......@@ -265,7 +330,7 @@ export default {
deletePzById({
id: obj.row.id,
}).then((res) => {
if (res.success && res.code == 200) {
if (res.state == 'success') {
this.$message({
type: "success",
message: "删除成功",
......@@ -283,13 +348,8 @@ export default {
},
},
watch: {
// "examineInfoRl.sfrlPdbz": {
// handler: function (val, oldval) {
// },
// deep: true,
// },
},
};
}
</script>
<style>
.rightContent .el-input__inner,
......@@ -386,4 +446,19 @@ export default {
color: #007aff !important;
cursor: pointer;
}
::v-deep .el-dialog__body{
padding: 0 15px !important;
.el-row {
margin: 30px 0;
.el-col{
font-size: 15px;
color: #808591;
span{
color: #363636;
width: 100px;
display: inline-block;
}
}
}
}
</style>
src/views/xsspPt/wysp/queryWysp.vue
<template>
<div class="Content">
<div class="Content content-sqdlb">
<right-content
:pageBs="pageBs"
:header="header"
......@@ -15,18 +15,102 @@
>
</template> -->
<template #btnGroup="scope">
<span class="hbyp" @click="toXdzl(scope.scope)">详情</span>
<span class="hbyp" @click="showDetail(scope.scope)">详情</span>
<span
class="hbyp"
@click="edit(scope.scope)"
@click="showliucheng(scope.scope)"
>流程</span
>
</template>
</right-content>
<el-dialog title="详情" :visible.sync="dialogFormVisible" width="80%">
<div class="sqdxq-title">卷宗信息</div>
<el-row :gutter="20">
<el-col :span="12"><span>卷宗名称：</span>{{ jzxx.pzName }}</el-col>
<el-col :span="12"><span>卷宗编号：</span>{{ jzxx.id }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>案事件编号：</span>{{ jzxx.asjbh }}</el-col>
<el-col :span="12"><span>案事件名称：</span>{{ jzxx.asjmc }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>卷宗情况说明：</span>{{ jzxx.jyaq }}</el-col>
</el-row>
<div class="sqdxq-title">申请单信息</div>
<el-row :gutter="20">
<el-col :span="12"><span>申请单编号：</span>{{ approveOrder.orderCode }}</el-col>
<el-col :span="12"><span>申请单名称：</span>{{ approveOrder.orderTitle }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>审批等级：</span>{{ approveOrder.orderMethod == 1 ? '二级审批' : '一级审批' }}</el-col>
<el-col :span="12"><span>申请状态：</span>{{ approveOrder.orderStatusIsgq == '1' ? '过期' : getOrderStatus(approveOrder.orderStatus) }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>申请人：</span>{{ approveOrder.createUserName }}</el-col>
<el-col :span="12"><span>申请时间：</span>{{ approveOrder.createTime }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>申请原由：</span>{{ approveOrder.orderReason }}</el-col>
</el-row>
<div class="sqdxq-title">线索信息</div>
<el-table
:data="orderDetailList"
border
style="width: 100%">
<el-table-column
prop="xsXslx"
label="线索类型"
width="180">
<template slot-scope="scope">
<span>{{ getXsXslx(scope.row.xsXslx) }}</span>
</template>
</el-table-column>
<el-table-column
prop="xsSxz"
label="线索值"
width="180">
</el-table-column>
<el-table-column
prop="xsKssj"
label="开始时间">
</el-table-column>
<el-table-column
prop="xsJssj"
label="到期时间">
</el-table-column>
<el-table-column
prop="xsStatus"
label="状态">
</el-table-column>
<el-table-column
prop="xsMark"
label="备注">
</el-table-column>
</el-table>
</el-dialog>
<el-dialog title="审批流程" :visible.sync="lcDialogFormVisible" width="45%">
<el-timeline style="padding: 20px;">
<el-timeline-item v-for="(item, index) in lcData" :key="index" :timestamp="item.handleTime" placement="top">
<el-card>
<span class="kuang" v-if="item.handleStatus == '1'" style="background: blue;">提请</span>
<span class="kuang" v-if="item.handleStatus == '2'" style="background: blue;">通过</span>
<span class="kuang" v-if="item.handleStatus == '3'" style="background: blue;">驳回</span>
<span class="kuang" v-if="item.handleStatus == '4'" style="background: blue;">撤回</span>
<h4 v-if="item.handleStatus == '1'">{{ `${item.handleUserName}发起申请单，待${item.assigneeUserName}处理`}}更新 Github 模板</h4>
<h4 v-if="item.handleStatus == '2'">{{ item.assigneeUserPid != null ? `${item.handleUserName}通过申请单，待${item.assigneeUserName}处理` : `${item.handleUserName}通过申请单，审批流程结束`}}更新 Github 模板</h4>
<h4 v-if="item.handleStatus == '3'">驳回</h4>
<h4 v-if="item.handleStatus == '4'">撤回</h4>
<!-- <p>王小虎 提交于 2018/4/12 20:46</p> -->
</el-card>
</el-timeline-item>
</el-timeline>
</el-dialog>
</div>
</template>
<script>
import { querySqdDteail, queryWorkFlowList } from "@/api/xsspLb/xsspLb.js";
import rightContent from "@c/ptCxForm_components.vue";
export default {
name: "queryWysp",
......@@ -35,8 +119,14 @@ export default {
},
data() {
return {
dialogFormVisible: false,
lcDialogFormVisible: false,
header: "线索审批管理平台",
pageBs: "queryWysp",
approveOrder: {},
jzxx: {},
orderDetailList: [],
lcData: [],
cxFormData: {
page: 1,
rows: 10,
......@@ -148,7 +238,106 @@ export default {
// this.$store.commit("user/SET_LeftMenu", this.leftMenus);
// this.$store.commit("user/SET_Header", this.header);
},
methods: {},
methods: {
// 线索详情
showDetail(scope) {
console.log('scope', scope)
const param = {
orderCode: scope.row.orderCode
}
querySqdDteail(param).then(res => {
if(res.code == '200') {
// this.xqData = res.data
this.approveOrder = res.approveOrder
this.orderDetailList = res.orderDetailList
this.jzxx = res.jzxx
this.dialogFormVisible = true
}
})
},
// 流程
showliucheng(scope) {
console.log('scope', scope)
const param = {
orderCode: scope.row.orderCode
}
queryWorkFlowList(param).then(res => {
if(res.code == '200') {
this.lcData = res.data
this.lcDialogFormVisible = true
}
})
},
getXsXslx(type) {
let text = ''
switch (type) {
case '01':
text = 'QQ号码'
break
case '02':
text = '微信ID'
break
case '03':
text = '手机号码'
break
case '04':
text = 'IMSI'
break
case '05':
text = 'IMEI'
break
case '06':
text = '身份证号'
break
case '07':
text = '车牌号'
break
case '08':
text = '案件编号'
break
case '09':
text = 'MAC地址'
case '10':
text = '银行卡号'
break
}
return text
},
// 审批状态
getOrderStatus(type) {
let text = ''
switch (type) {
case 1:
text = '暂存'
break
case 2:
text = '在审'
break
case 3:
text = '一级领导已审'
break
case 4:
text = '审批通过'
break
case 5:
text = '双签已审'
break
case 6:
text = '撤回'
break
case 7:
text = '一级领导驳回'
break
case 8:
text = '二级领导驳回'
break
case 9:
text = '双签驳回'
break
}
return text
},
},
watch: {
// "examineInfoRl.sfrlPdbz": {
// handler: function (val, oldval) {
......@@ -206,6 +395,31 @@ export default {
}
</style>
<style scoped lang="scss">
::v-deep .el-dialog__body{
padding: 10px 30px !important;
.el-row{
line-height: 2;
margin: 0 20px !important;
}
}
.content-sqdlb{
.sqdxq-title{
font-size: 15px;
font-family: Source Han Sans CN;
font-weight: 600;
color: #ff8d1e;
border-bottom: 1px solid #e4e4e4;
padding: 8px;
}
.kuang{
position: absolute;
top: 20px;
left: 35px;
color: #fff;
padding: 0 6px;
border-radius: 2px;
}
}
.el-form-item {
margin: 15px 0 20px 0;
}
......
src/views/xsspPt/xslb/queryXslb.vue
<template>
<div class="Content">
<div class="Content content-sqdlb">
<right-content
:pageBs="pageBs"
:header="header"
......@@ -15,16 +15,98 @@
>
</template> -->
<template #btnGroup="scope">
<span class="hbyp" @click="toXdzl(scope.scope)">详情</span>
<span class="hbyp" @click="edit(scope.scope)">编辑</span>
<span class="hbyp" @click="dele(scope.scope)">流程</span>
<span class="hbyp" @click="dele(scope.scope)">删除</span>
<span class="hbyp" @click="showDetail(scope.scope)">详情</span>
<span class="hbyp" @click="showliucheng(scope.scope)">流程</span>
</template>
</right-content>
<el-dialog title="详情" :visible.sync="dialogFormVisible" width="60%">
<div class="sqdxq-title">卷宗信息</div>
<el-row :gutter="20">
<el-col :span="12"><span>卷宗名称：</span>{{ jzxx.pzName }}</el-col>
<el-col :span="12"><span>卷宗编号：</span>{{ jzxx.id }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>案事件编号：</span>{{ jzxx.asjbh }}</el-col>
<el-col :span="12"><span>案事件名称：</span>{{ jzxx.asjmc }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>卷宗情况说明：</span>{{ jzxx.jyaq }}</el-col>
</el-row>
<div class="sqdxq-title">申请单信息</div>
<el-row :gutter="20">
<el-col :span="12"><span>申请单编号：</span>{{ approveOrder.orderCode }}</el-col>
<el-col :span="12"><span>申请单名称：</span>{{ approveOrder.orderTitle }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>审批等级：</span>{{ approveOrder.orderMethod == 1 ? '二级审批' : '一级审批' }}</el-col>
<el-col :span="12"><span>申请状态：</span>{{ approveOrder.orderStatusIsgq == '1' ? '过期' : getOrderStatus(approveOrder.orderStatus) }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>申请人：</span>{{ approveOrder.createUserName }}</el-col>
<el-col :span="12"><span>申请时间：</span>{{ approveOrder.createTime }}</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12"><span>申请原由：</span>{{ approveOrder.orderReason }}</el-col>
</el-row>
<div class="sqdxq-title">线索信息</div>
<el-table
:data="orderDetailList"
border
style="width: 100%">
<el-table-column
prop="xsXslx"
label="线索类型"
width="180">
<template slot-scope="scope">
<span>{{ getXsXslx(scope.row.xsXslx) }}</span>
</template>
</el-table-column>
<el-table-column
prop="xsSxz"
label="线索值"
width="180">
</el-table-column>
<el-table-column
prop="xsKssj"
label="开始时间">
</el-table-column>
<el-table-column
prop="xsJssj"
label="到期时间">
</el-table-column>
<el-table-column
prop="xsStatus"
label="状态">
</el-table-column>
<el-table-column
prop="xsMark"
label="备注">
</el-table-column>
</el-table>
</el-dialog>
<el-dialog title="审批流程" :visible.sync="lcDialogFormVisible" width="45%">
<el-timeline style="padding: 20px;">
<el-timeline-item v-for="(item, index) in lcData" :key="index" :timestamp="item.handleTime" placement="top">
<el-card>
<span class="kuang" v-if="item.handleStatus == '1'" style="background: blue;">提请</span>
<span class="kuang" v-if="item.handleStatus == '2'" style="background: blue;">通过</span>
<span class="kuang" v-if="item.handleStatus == '3'" style="background: blue;">驳回</span>
<span class="kuang" v-if="item.handleStatus == '4'" style="background: blue;">撤回</span>
<h4 v-if="item.handleStatus == '1'">{{ `${item.handleUserName}发起申请单，待${item.assigneeUserName}处理`}}更新 Github 模板</h4>
<h4 v-if="item.handleStatus == '2'">{{ item.assigneeUserPid != null ? `${item.handleUserName}通过申请单，待${item.assigneeUserName}处理` : `${item.handleUserName}通过申请单，审批流程结束`}}更新 Github 模板</h4>
<h4 v-if="item.handleStatus == '3'">驳回</h4>
<h4 v-if="item.handleStatus == '4'">撤回</h4>
<!-- <p>王小虎 提交于 2018/4/12 20:46</p> -->
</el-card>
</el-timeline-item>
</el-timeline>
</el-dialog>
</div>
</template>
<script>
import { querySqdDteail, queryWorkFlowList } from "@/api/xsspLb/xsspLb.js";
import rightContent from "@c/ptCxForm_components.vue";
export default {
name: "queryXslb",
......@@ -33,8 +115,14 @@ export default {
},
data() {
return {
dialogFormVisible: false,
lcDialogFormVisible: false,
header: "线索审批管理平台",
pageBs: "queryXslb",
approveOrder: {},
jzxx: {},
orderDetailList: [],
lcData: [],
cxFormData: {
page: 1,
rows: 10,
......@@ -157,7 +245,106 @@ export default {
// this.$store.commit("user/SET_LeftMenu", this.leftMenus);
// this.$store.commit("user/SET_Header", this.header);
},
methods: {},
methods: {
// 线索详情
showDetail(scope) {
console.log('scope', scope)
const param = {
orderCode: scope.row.orderCode
}
querySqdDteail(param).then(res => {
if(res.code == '200') {
// this.xqData = res.data
this.approveOrder = res.approveOrder
this.orderDetailList = res.orderDetailList
this.jzxx = res.jzxx
this.dialogFormVisible = true
}
})
},
// 流程
showliucheng(scope) {
console.log('scope', scope)
const param = {
orderCode: scope.row.orderCode
}
queryWorkFlowList(param).then(res => {
if(res.code == '200') {
this.lcData = res.data
this.lcDialogFormVisible = true
}
})
},
getXsXslx(type) {
let text = ''
switch (type) {
case '01':
text = 'QQ号码'
break
case '02':
text = '微信ID'
break
case '03':
text = '手机号码'
break
case '04':
text = 'IMSI'
break
case '05':
text = 'IMEI'
break
case '06':
text = '身份证号'
break
case '07':
text = '车牌号'
break
case '08':
text = '案件编号'
break
case '09':
text = 'MAC地址'
case '10':
text = '银行卡号'
break
}
return text
},
// 审批状态
getOrderStatus(type) {
let text = ''
switch (type) {
case 1:
text = '暂存'
break
case 2:
text = '在审'
break
case 3:
text = '一级领导已审'
break
case 4:
text = '审批通过'
break
case 5:
text = '双签已审'
break
case 6:
text = '撤回'
break
case 7:
text = '一级领导驳回'
break
case 8:
text = '二级领导驳回'
break
case 9:
text = '双签驳回'
break
}
return text
},
},
watch: {
// "examineInfoRl.sfrlPdbz": {
// handler: function (val, oldval) {
......@@ -215,6 +402,32 @@ export default {
}
</style>
<style scoped lang="scss">
::v-deep .el-dialog__body{
padding: 10px 30px !important;
.el-row{
line-height: 2;
margin: 0 20px !important;
}
}
.content-sqdlb{
.sqdxq-title{
font-size: 15px;
font-family: Source Han Sans CN;
font-weight: 600;
color: #ff8d1e;
border-bottom: 1px solid #e4e4e4;
padding: 8px;
}
.kuang{
position: absolute;
top: 20px;
left: 35px;
color: #fff;
padding: 0 6px;
border-radius: 2px;
}
}
.el-form-item {
margin: 15px 0 20px 0;
}
......
vue.config.js
......@@ -107,7 +107,7 @@ module.exports = {
}
},
"/apiXssp": {
target: "https://39.99.155.173:8006/", // 线索审批管理平台
target: "http://39.99.155.173:8006/", // 线索审批管理平台
changeOrigin: true,
secure: false,
pathRewrite: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment