Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
7fed6620 by renchao@pashanhoo.com
Options

style：待办箱样式修改

1 parent 41f393a6
Inline Side-by-side
Showing 4 changed files with 291 additions and 319 deletions
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 09:21:53
* @LastEditTime: 2023-08-23 15:07:51
-->
<template>
<div class="from-clues">
......@@ -10,8 +10,7 @@
:model="queryForm"
ref="queryForm"
@submit.native.prevent
label-width="100px"
>
label-width="100px">
<el-row>
<el-col :span="5">
<el-form-item label="业务来源">
......@@ -22,14 +21,12 @@
@change="handleSelect('ywly', 'ywlymc', 'ywly')"
@clear="handleEmpty('ywlymc')"
clearable
placeholder="请选择业务来源"
>
placeholder="请选择业务来源">
<el-option
v-for="item in dictData['ywly']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -43,14 +40,12 @@
@clear="handleEmpty('qllxmc')"
filterable
clearable
placeholder="请选择权利类型"
>
placeholder="请选择权利类型">
<el-option
v-for="item in dictData['A8']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -64,14 +59,12 @@
@clear="handleEmpty('djlxmc')"
filterable
clearable
placeholder="请选择登记类型"
>
placeholder="请选择登记类型">
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -82,8 +75,7 @@
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width100"
>
class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -93,9 +85,7 @@
<el-button
type="primary"
native-type="submit"
@click="handleSearch"
>查询</el-button
>
@click="handleSearch">查询</el-button>
<el-button @click="moreQueryClick">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -107,8 +97,7 @@
placeholder="请输入不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width100"
>
class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -118,8 +107,7 @@
placeholder="如需要模糊查询，前后输入%"
v-model="queryForm.sqrmc"
clearable
class="width100"
>
class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -129,8 +117,7 @@
placeholder="如需要模糊查询，前后输入%"
v-model="queryForm.sqrzjhm"
clearable
class="width100"
>
class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -140,8 +127,7 @@
placeholder="如需要模糊查询，前后输入%"
v-model.trim="queryForm.zl"
clearable
class="width100"
>
class="width100">
</el-input>
</el-form-item>
</el-col>
......@@ -153,16 +139,14 @@
{{ item.name }}:{{ item.value }}
<i
class="el-icon-circle-close"
@click="handelItem(item, index)"
></i>
@click="handelItem(item, index)"></i>
</li>
</ul>
<el-button
class="clean-btn"
type="text"
v-if="searchList.length > 0"
@click.native="hanldeCleanAll"
>清除全部
@click.native="hanldeCleanAll">清除全部
</el-button>
</el-row>
</el-form>
......@@ -177,152 +161,149 @@
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
:data="tableData.data">
</lb-table>
</div>
<searchBox
v-model="isSearch"
@getSearch="getSearch"
:advancedForm="otherForm"
/>
:advancedForm="otherForm" />
</div>
</template>
<script>
import { mapGetters } from "vuex";
import searchBox from "../components/search.vue";
import table from "@/utils/mixin/table";
import searchMin from "../components/mixin/index";
import { datas, sendThis } from "./dbxdata";
import { searchTaskToDo } from "@/api/workflow/search.js";
import {
judgeUserTaskPermission,
deleteFlow,
claimTask,
} from "@/api/workFlow.js";
export default {
name: "dbx",
components: { searchBox },
mixins: [table, searchMin],
computed: {
...mapGetters(["dictData", "transfer"]),
},
data() {
return {
queryForm: {},
searchForm: {
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
jumpid: "",
};
},
mounted() {
sendThis(this);
},
watch: {
queryForm: {
handler(newName, oldName) {},
immediate: true,
import { mapGetters } from "vuex";
import searchBox from "../components/search.vue";
import table from "@/utils/mixin/table";
import searchMin from "../components/mixin/index";
import { datas, sendThis } from "./dbxdata";
import { searchTaskToDo } from "@/api/workflow/search.js";
import {
judgeUserTaskPermission,
deleteFlow,
claimTask,
} from "@/api/workFlow.js";
export default {
components: { searchBox },
mixins: [table, searchMin],
computed: {
...mapGetters(["dictData", "transfer"]),
},
},
activated() {
this.queryClick();
window["getBpageList"] = () => {
this.queryClick();
};
},
methods: {
// 列表渲染接口
/**
* @description: 列表渲染接口
* @author: renchao
*/
queryClick() {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskToDo({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
});
data () {
return {
queryForm: {},
searchForm: {
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
jumpid: "",
};
},
/**
* @description: handleSort
* @param {*} val
* @author: renchao
*/
handleSort(val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
mounted () {
sendThis(this);
},
watch: {
queryForm: {
handler (newName, oldName) { },
immediate: true,
},
},
activated () {
this.queryClick();
window["getBpageList"] = () => {
this.queryClick();
};
},
/**
* @description: del
* @param {*} item
* @author: renchao
*/
del(item) {
let formdata = new FormData();
formdata.append("bsmSlsq", item.bsmSlsq);
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
deleteFlow(formdata).then((res) => {
if (res.code === 200) {
this.handleDel();
this.$message({
type: "success",
message: "删除成功!",
});
this.queryClick();
} else {
this.$message.error(res.message);
}
});
methods: {
// 列表渲染接口
/**
* @description: 列表渲染接口
* @author: renchao
*/
queryClick () {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskToDo({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
});
},
/**
* @description: handleSort
* @param {*} val
* @author: renchao
*/
handleSort (val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
this.queryClick();
},
/**
* @description: del
* @param {*} item
* @author: renchao
*/
del (item) {
let formdata = new FormData();
formdata.append("bsmSlsq", item.bsmSlsq);
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
.then(() => {
deleteFlow(formdata).then((res) => {
if (res.code === 200) {
this.handleDel();
this.$message({
type: "success",
message: "删除成功!",
});
this.queryClick();
} else {
this.$message.error(res.message);
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
});
},
/**
* @description: ywhClick
* @param {*} item
* @author: renchao
*/
ywhClick(item) {
//判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
judgeUserTaskPermission({
bsmSlsq: item.bsmSlsq,
bestepid: item.bestepid,
}).then((res) => {
if (res.code == 200) {
if (res.result) {
//有任务权限
if (item.sjlx == "3") {
const { href } = this.$router.resolve(
"/djbworkFrame?bsmSlsq=" +
},
/**
* @description: ywhClick
* @param {*} item
* @author: renchao
*/
ywhClick (item) {
//判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
judgeUserTaskPermission({
bsmSlsq: item.bsmSlsq,
bestepid: item.bestepid,
}).then((res) => {
if (res.code == 200) {
if (res.result) {
//有任务权限
if (item.sjlx == "3") {
const { href } = this.$router.resolve(
"/djbworkFrame?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
......@@ -331,11 +312,11 @@ export default {
item.djywbm +
"&zbhj=" +
item.zbhj
);
window.open(href, `djbworkFrame${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
);
window.open(href, `djbworkFrame${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
......@@ -344,28 +325,28 @@ export default {
item.djywbm +
"&zbhj=" +
item.zbhj
);
window.open(href, `workFrame${item.bsmSlsq}`);
}
);
window.open(href, `workFrame${item.bsmSlsq}`);
}
localStorage.setItem("ywbl", JSON.stringify(item));
localStorage.setItem("ywbl", JSON.stringify(item));
//从待办箱进入的调取任务领取接口
claimTask(item.bsmSlsq, item.bestepid);
//从待办箱进入的调取任务领取接口
claimTask(item.bsmSlsq, item.bestepid);
} else {
//无任务权限
this.$message.error("无该任务操作权限，或已被他人抢办，请重新操作");
//刷新页面
this.queryClick();
}
} else {
//无任务权限
this.$message.error("无该任务操作权限，或已被他人抢办，请重新操作");
//刷新页面
this.queryClick();
this.$message.error("用户任务权限判断失败，请联系管理员");
}
} else {
this.$message.error("用户任务权限判断失败，请联系管理员");
}
});
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-08 14:32:47
* @LastEditTime: 2023-08-23 15:06:21
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -83,8 +83,8 @@ class data extends filter {
{
prop: "zl",
label: "坐落",
minWidth: '130',
showOverflowTooltip: true
width: '150',
showOverflowTooltip: true,
},
{
prop: "slsj",
......@@ -95,7 +95,7 @@ class data extends filter {
{
prop: "slry",
label: "受理人员",
width: '80'
minWidth: '80'
},
{
label: "转入时间",
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 09:21:40
* @LastEditTime: 2023-08-23 15:07:37
-->
<template>
<div class="from-clues">
......@@ -11,8 +11,7 @@
:model="queryForm"
ref="queryForm"
@submit.native.prevent
label-width="80px"
>
label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="业务来源" label-width="70px">
......@@ -23,14 +22,12 @@
class="width100"
filterable
clearable
placeholder="请选择业务来源"
>
placeholder="请选择业务来源">
<el-option
v-for="item in dictData['ywly']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -44,14 +41,12 @@
class="width100"
filterable
clearable
placeholder="请选择权利类型"
>
placeholder="请选择权利类型">
<el-option
v-for="item in dictData['A8']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -65,14 +60,12 @@
class="width100"
filterable
clearable
placeholder="请选择登记类型"
>
placeholder="请选择登记类型">
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -83,8 +76,7 @@
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width200px"
>
class="width200px">
</el-input>
</el-form-item>
</el-col>
......@@ -94,9 +86,7 @@
<el-button
type="primary"
native-type="submit"
@click="handleSearch"
>查询</el-button
>
@click="handleSearch">查询</el-button>
<el-button @click="moreQueryClick">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -108,16 +98,14 @@
{{ item.name }}:{{ item.value }}
<i
class="el-icon-circle-close"
@click="handelItem(item, index)"
></i>
@click="handelItem(item, index)"></i>
</li>
</ul>
<el-button
class="clean-btn"
type="text"
v-if="searchList.length > 0"
@click.native="hanldeCleanAll"
>清除全部
@click.native="hanldeCleanAll">清除全部
</el-button>
</el-row>
</el-form>
......@@ -134,131 +122,128 @@
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
:data="tableData.data">
</lb-table>
</div>
<searchBox
v-model="isSearch"
@getSearch="getSearch"
:advancedForm="otherForm"
/>
:advancedForm="otherForm" />
</div>
</template>
<script>
import { mapGetters } from "vuex";
import searchMin from "../components/mixin/index";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./ybxdata";
import { searchTaskDone } from "@/api/workflow/search.js";
import searchBox from "../components/search.vue";
export default {
name: "ybx",
components: { searchBox },
mixins: [table, searchMin],
mounted() {
sendThis(this);
},
computed: {
...mapGetters(["dictData"]),
},
data() {
return {
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
searchForm: {
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
activated() {
this.queryClick();
window["getBpageList"] = () => {
this.queryClick();
};
},
methods: {
// 列表渲染接口
/**
* @description: 列表渲染接口
* @author: renchao
*/
queryClick() {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskDone({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
records.forEach((item) => {
item.qlrmc = item.qlrmc.join(",");
item.ywh = item.ywh.join(",");
item.zl = item.zl.join(",");
item.outstepdate = item.outstepdate[0];
});
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
});
import { mapGetters } from "vuex";
import searchMin from "../components/mixin/index";
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./ybxdata";
import { searchTaskDone } from "@/api/workflow/search.js";
import searchBox from "../components/search.vue";
export default {
name: "ybx",
components: { searchBox },
mixins: [table, searchMin],
mounted () {
sendThis(this);
},
computed: {
...mapGetters(["dictData"]),
},
/**
* @description: handleSort
* @param {*} val
* @author: renchao
*/
handleSort(val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
data () {
return {
queryForm: {
ywly: "",
qllx: "",
djlx: "",
ywh: "",
},
searchForm: {
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
},
activated () {
this.queryClick();
window["getBpageList"] = () => {
this.queryClick();
};
},
/**
* @description: ywhClick
* @param {*} item
* @author: renchao
*/
ywhClick(item) {
//有任务权限
if (item.sjlx == "3") {
item.djywbm = "DJBBL";
const { href } = this.$router.resolve(
"/djbworkFrameview?bsmSlsq=" +
methods: {
/**
* @description: 列表渲染接口
* @author: renchao
*/
queryClick () {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskDone({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
records.forEach((item) => {
item.qlrmc = item.qlrmc.join(",");
item.ywh = item.ywh.join(",");
item.zl = item.zl.join(",");
item.outstepdate = item.outstepdate[0];
});
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
});
},
/**
* @description: handleSort
* @param {*} val
* @author: renchao
*/
handleSort (val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
this.queryClick();
},
/**
* @description: ywhClick
* @param {*} item
* @author: renchao
*/
ywhClick (item) {
//有任务权限
if (item.sjlx == "3") {
item.djywbm = "DJBBL";
const { href } = this.$router.resolve(
"/djbworkFrameview?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
"&sqywbm=" +
item.djywbm
);
window.open(href, `djbworkFrameview${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
);
window.open(href, `djbworkFrameview${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid
);
window.open(href, `workFrameView${item.bsmSlsq}`);
}
);
window.open(href, `workFrameView${item.bsmSlsq}`);
}
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 15:04:35
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -57,6 +62,7 @@ class data extends filter {
{
prop: "sqywmc",
label: "申请业务名称",
width: '150',
},
{
prop: "qlrmc",
......