Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
13fd66c6 by 任超
Options

style:新增面包屑

1 parent cf8335b9
Inline Side-by-side
Showing 23 changed files with 163 additions and 148 deletions
......@@ -2,6 +2,9 @@
<div class="Cfdj from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="130px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="5">
<el-form-item label="行政区" label-width="80px">
......
......@@ -2,6 +2,9 @@
<div class="dyaq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="120px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="5">
<el-form-item label="行政区" label-width="80px">
......
......@@ -2,6 +2,9 @@
<div class="from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="150px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="5">
<el-form-item label="行政区" label-width="80px">
......
......@@ -2,6 +2,9 @@
<div class="fdcqdz from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="120px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......@@ -63,7 +66,7 @@
:data="tableData.data">
</lb-table>
</div>
<dataDetails ref="editLog" :title="title" :tabsActiveName="'qltFwFdcqDz'"/>
<dataDetails ref="editLog" :title="title" :tabsActiveName="'qltFwFdcqDz'" />
</div>
</template>
......
......@@ -2,6 +2,9 @@
<div class="fdcqqfsyq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="5">
<el-form-item label="业务号">
......
......@@ -2,6 +2,9 @@
<div class="fdcqyz from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="120px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......@@ -63,7 +66,7 @@
:data="tableData.data">
</lb-table>
</div>
<dataDetails ref="editLog" :title="title" :tabsActiveName="'qltFwFdcqYz'"/>
<dataDetails ref="editLog" :title="title" :tabsActiveName="'qltFwFdcqYz'" />
</div>
</template>
......
......@@ -2,6 +2,9 @@
<div class="gzwsyq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="105px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......
......@@ -2,6 +2,9 @@
<div class="hysyq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="105px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......
......@@ -2,6 +2,9 @@
<div class="jsydzjdsyq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="120px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......@@ -58,7 +61,7 @@
:data="tableData.data">
</lb-table>
</div>
<dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlJsydsyq'"/>
<dataDetails ref="editLog" :title="title" :tabsActiveName="'qlfQlJsydsyq'" />
</div>
</template>
......
......@@ -2,6 +2,9 @@
<div class="lq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="105px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......
......@@ -2,6 +2,9 @@
<div class="from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="105px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......
......@@ -2,6 +2,9 @@
<div class="tdsyq from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="120px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......
......@@ -2,6 +2,9 @@
<div class="from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="110px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区" label-width="106px">
......
......@@ -2,6 +2,9 @@
<div class="from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="105px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="5">
<el-form-item label="行政区" label-width="80px">
......
......@@ -2,6 +2,9 @@
<div class="cancellationReg from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="105px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
......
......@@ -2,24 +2,15 @@
<!-- 监控日志 -->
<div class="jktjDetail form-clues">
<!-- 头部搜索 -->
<el-form
ref="form"
:model="form"
:inline="true"
class="from-clues-header"
label-width="100px"
>
<el-form ref="form" :model="form" :inline="true" class="from-clues-header" label-width="100px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row class="rows">
<el-col :span="8">
<el-form-item label="开始日期">
<el-date-picker
v-model="valueTime"
value-format="yyyy/MM/dd HH:mm:ss"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
<el-date-picker v-model="valueTime" value-format="yyyy/MM/dd HH:mm:ss" type="datetimerange"
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -44,7 +35,7 @@ import efficient from "@/api/efficient";
import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
export default {
name: "jktj",
data() {
data () {
return {
// 开始结束日期限制
pickerOptionsStart: {
......@@ -63,21 +54,21 @@ export default {
},
},
// 搜索表单
valueTime: [getFirstDayOfSeason(), timeFormat(new Date(),true)],
valueTime: [getFirstDayOfSeason(), timeFormat(new Date(), true)],
// valueTime: ["2022/01/01 00:00:00", timeFormat(new Date())],
pieChartsData: [],
};
},
created() {
created () {
this.getProcessCounts();
},
mounted() {},
mounted () { },
computed: {
...mapGetters(["dicData"]),
},
methods: {
//查询各区县办件数量
async getProcessCounts() {
async getProcessCounts () {
this.pieChartsData = [];
let { result: res } = await efficient.getProcessCounts(
this.valueTime[0],
......@@ -100,12 +91,12 @@ export default {
this.barChartInit(res[0].recType);
},
// 重置
resetForm() {
this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(),true)];
resetForm () {
this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(), true)];
this.getProcessCounts();
},
//玫瑰图初始化
echartInit() {
echartInit () {
let _this = this;
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById("myChart"));
......@@ -169,7 +160,7 @@ export default {
});
},
//柱图初始化
async barChartInit(recType) {
async barChartInit (recType) {
//请求recType对应业务的各区县数据
let { result: res } = await efficient.getProcessDays(
recType,
......@@ -271,21 +262,26 @@ export default {
height: 100%;
display: flex;
flex-direction: column;
.rows {
margin-left: 100px;
}
.center {
line-height: 50vh;
text-align: center;
}
.echarts-box {
display: flex;
justify-content: center;
.chart {
width: 40%;
height: 100%;
float: left;
}
.chart-bar {
width: 60%;
}
......
......@@ -4,35 +4,22 @@
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="100px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
<el-select
v-model="form.XZQDM"
class="width100"
clearable
placeholder="行政区"
>
<el-option
v-for="item in dicData['A20']"
:key="item.DCODE"
:label="item.DNAME"
:value="item.DCODE"
>
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="开始日期">
<el-date-picker
v-model="valueTime"
value-format="yyyy/MM/dd HH:mm:ss"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
<el-date-picker v-model="valueTime" value-format="yyyy/MM/dd HH:mm:ss" type="datetimerange"
range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -58,7 +45,7 @@ import { getFirstDayOfSeason, timeFormat } from "@/utils/operation";
import business from "@/api/business";
export default {
name: "jktj",
data() {
data () {
return {
// 开始结束日期限制
pickerOptionsStart: {
......@@ -77,7 +64,7 @@ export default {
},
},
// 搜索表单
valueTime: [getFirstDayOfSeason(), timeFormat(new Date(),true)],
valueTime: [getFirstDayOfSeason(), timeFormat(new Date(), true)],
recTypeArr: [],
chartData: [],
form: {
......@@ -87,7 +74,7 @@ export default {
},
};
},
mounted() {
mounted () {
// 查询成功率
this.getSuucessRate();
},
......@@ -95,7 +82,7 @@ export default {
...mapGetters(["dicData"]),
},
methods: {
async getSuucessRate() {
async getSuucessRate () {
this.recTypeArr = [];
this.chartData = [];
let { result: res } = await business.getSuucessRate(
......@@ -111,15 +98,15 @@ export default {
this.echartInit();
},
// 重置
resetForm() {
resetForm () {
this.form = {
startTime: "",
endTime: "",
};
this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(),true)];
this.valueTime = [getFirstDayOfSeason(), timeFormat(new Date(), true)];
this.getSuucessRate();
},
echartInit() {
echartInit () {
let _this = this;
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById("myChart"));
......@@ -263,27 +250,33 @@ export default {
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
.jktjDetail {
height: 100%;
display: flex;
flex-direction: column;
.rows {
margin-left: 100px;
}
.center {
line-height: 50vh;
text-align: center;
color:#b6b5b5
color: #b6b5b5
}
.echarts-box {
display: flex;
justify-content: center;
height: 500px;
.chart {
width: 100%;
height: 100%;
}
}
.form-clues-content {
flex: 1;
height: 100%;
......
......@@ -4,34 +4,22 @@
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="100px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区">
<el-select
v-model="form.XZQDM"
class="width100"
clearable
placeholder="行政区"
>
<el-option
v-for="item in dicData['A20']"
:key="item.DCODE"
:label="item.DNAME"
:value="item.DCODE"
>
<el-select v-model="form.XZQDM" class="width100" clearable placeholder="行政区">
<el-option v-for="item in dicData['A20']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="开始日期">
<el-date-picker
v-model="valueTime"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
<el-date-picker v-model="valueTime" type="datetimerange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -54,7 +42,7 @@
import { mapGetters } from "vuex";
export default {
name: "jktj",
data() {
data () {
return {
// 开始结束日期限制
pickerOptionsStart: {
......@@ -81,7 +69,7 @@ export default {
},
};
},
mounted() {
mounted () {
// 初始化图表
this.echartInit();
},
......@@ -90,13 +78,13 @@ export default {
},
methods: {
// 重置
resetForm() {
resetForm () {
this.form = {
startTime: "",
endTime: "",
};
},
echartInit() {
echartInit () {
// 基于准备好的dom，初始化echarts实例
let myChart = this.$echarts.init(document.getElementById("myChart"));
// 绘制图表
......@@ -186,22 +174,27 @@ export default {
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
.jktjDetail {
height: 100%;
display: flex;
flex-direction: column;
.rows {
margin-left: 100px;
}
.echarts-box {
display: flex;
justify-content: center;
height: 500px;
.chart {
width: 100%;
height: 100%;
}
}
.form-clues-content {
flex: 1;
height: 100%;
......
......@@ -3,6 +3,9 @@
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form @submit.native.prevent :model="ruleForm" label-width="120px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="字典类型编码">
......@@ -18,7 +21,7 @@
<el-col :span="12" class="btnColRight">
<btn nativeType="cx" @click="queryClick">查询</btn>
<btn nativeType="sb" @click="handleRefresh">刷新缓存</btn>
<btn nativeType="cx" @click="handleRefresh">刷新缓存</btn>
</el-col>
</el-row>
</el-form>
......
......@@ -2,6 +2,9 @@
<div class="timedTask from-clues">
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row class="mb-5">
<el-col :span="2" class="btnColRight">
<btn nativeType="cx" @click="handleAdd">增加角色</btn>
......@@ -10,15 +13,9 @@
</el-form>
</div>
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
:current-page.sync="pageData.current"
:total="pageData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
<EditDialog ref="addEditDialog" />
......@@ -39,7 +36,7 @@ export default {
EditDialog,
Roleslistdiglog,
},
data() {
data () {
return {
taskData: null,
form: {
......@@ -172,12 +169,12 @@ export default {
},
};
},
created() {
created () {
this.featchData();
},
methods: {
// 新增角色
handleAdd() {
handleAdd () {
// this.$refs.addEditDialog.roleId = value.id
// this.roleSort = value.sort ? value.sort : 0
......@@ -185,7 +182,7 @@ export default {
this.$refs.addEditDialog.dialogTitle = "新增";
},
// 修改角色
handleEdit(row) {
handleEdit (row) {
this.$refs.addEditDialog.roleId = row.id;
this.roleSort = row.sort ? row.sort : 0;
if (row.id) {
......@@ -196,7 +193,7 @@ export default {
this.$refs.addEditDialog.showAddEditDialog = true;
this.$refs.addEditDialog.dialogTitle = "修改";
},
featchData() {
featchData () {
this.tableData.data = [
{
id: "2176e915-fdb4-414a-b8d6-6cf63171cffc",
......@@ -214,11 +211,11 @@ export default {
];
},
personnel() {
personnel () {
this.$refs.rolesForm.adds();
this.$refs.rolesForm.title = "人员配置";
},
handleDel(row) {
handleDel (row) {
this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......
......@@ -2,6 +2,9 @@
<div class="timedTask from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="搜索标题">
......@@ -10,7 +13,7 @@
</el-col>
<el-col :span="18" class="btnColRight">
<btn nativeType="cx" @click="handleSubmit">搜索</btn>
<btn nativeType="sb" @click="handleAdd">新增</btn>
<btn nativeType="cx" @click="handleAdd">新增</btn>
</el-col>
</el-row>
</el-form>
......
......@@ -2,6 +2,9 @@
<div class="timedTask from-clues">
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="100px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row class="mb-5">
<!-- 按钮操作 -->
<el-col :span="2" class="btnColRight">
......@@ -13,15 +16,9 @@
</el-form>
</div>
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
:current-page.sync="pageData.current"
:total="pageData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
<edit-dialog ref="dialogForm" />
......@@ -46,7 +43,7 @@ export default {
components: {
EditDialog,
},
data() {
data () {
return {
taskData: null,
form: {
......@@ -183,12 +180,12 @@ export default {
};
},
methods: {
handleAdd() {
handleAdd () {
this.taskData = null;
this.$refs.dialogForm.add();
this.$refs.dialogForm.title = "添加";
},
featchData() {
featchData () {
this.tableData.data = [
{
id: "6a269fa4-49ee-40ed-be72-302ebdf7b9d6",
......@@ -251,7 +248,7 @@ export default {
// },
// 更新用户解锁状态
updateLock(id, name) {
updateLock (id, name) {
this.$confirm(
`<div class="customer-message-wrapper">
<h5 class="title">确定要更新用户解锁状态吗</h5>
......@@ -278,25 +275,25 @@ export default {
// }
// })
})
.catch(() => {});
.catch(() => { });
},
// 上移下移
moveUpward(index, row) {
console.log("index",index);
console.log("row",row);
moveUpward (index, row) {
console.log("index", index);
console.log("row", row);
realMove(row.bsmDict, "UP", this.tableData);
this.key++;
let id = findParents(this.tableData, row.bsmDict);
this.keyList = id;
},
moveDown(index, row) {
moveDown (index, row) {
realMove(row.bsmDict, "DOWN", this.tableData);
this.key++;
let id = findParents(this.tableData, row.bsmDict);
this.keyList = id;
},
// 重置用户密码
resetPassword(data) {
resetPassword (data) {
const ids = [];
if (data instanceof Array) {
data.forEach((item) => {
......@@ -339,15 +336,15 @@ export default {
// }
// })
})
.catch(() => {});
.catch(() => { });
},
// 修改人员信息
handleEdit(row) {
handleEdit (row) {
this.$refs.dialogForm.edit(row);
this.$refs.dialogForm.title = "修改";
},
// 删除
handleDelete(id, content) {
handleDelete (id, content) {
this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -363,7 +360,7 @@ export default {
// this.getTableList()
// })
})
.catch(() => {});
.catch(() => { });
},
},
};
......
<template>
<div class="dictionary-config from-clues">
<div class="from-clues-header">
<el-form ref="form" :model="form" label-width="125px">
<el-form ref="form" :model="form" label-width="90px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="数据表名">
<el-input
v-model="form.DATATABLE"
placeholder="数据表名"
></el-input>
<el-input v-model="form.DATATABLE" placeholder="数据表名"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="中文名称">
<el-input
v-model="form.CHINESETABLE"
placeholder="中文名称"
></el-input>
<el-input v-model="form.CHINESETABLE" placeholder="中文名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="tab表头链接标识">
<el-input
v-model="form.SOLEURL"
placeholder="tab表头链接标识"
></el-input>
<el-form-item label="tab表头链接标识" label-width="130px">
<el-input v-model="form.SOLEURL" placeholder="tab表头链接标识"></el-input>
</el-form-item>
</el-col>
<!-- 操作按钮 -->
<el-col :span="6" class="btnColRight">
<btn nativeType="sb" @click="handleUpdateDic">刷新缓存</btn>
<btn nativeType="cx" @click="handleUpdateDic">刷新缓存</btn>
<btn nativeType="cx" @click="handleSubmit">查询</btn>
</el-col>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
:current-page.sync="pageData.current"
:total="pageData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="pageData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
<message-tips ref="msg" :message="message" />
</div>
......@@ -65,7 +53,7 @@ export default {
components: {
editValidRule,
},
data() {
data () {
return {
message: "",
form: {
......@@ -129,7 +117,7 @@ export default {
};
},
methods: {
async featchData() {
async featchData () {
try {
this.form = Object.assign(this.form, this.formData);
let {
......@@ -146,7 +134,7 @@ export default {
this.$refs.msg.messageShow();
}
},
async handleEdit(index, row) {
async handleEdit (index, row) {
try {
let { result: res } = await ruleConfig.eidtConfigRule(row.BSM_YWSJB);
this.ruleData = res;
......@@ -158,7 +146,7 @@ export default {
});
}
},
handleDel(index, row) {
handleDel (index, row) {
let _this = this;
this.$confirm("此操作将进行删除校验规则, 是否继续?", "提示", {
cancelButtonText: "取消",
......@@ -192,7 +180,7 @@ export default {
});
});
},
handleUpdateDic() {
handleUpdateDic () {
this.$store.dispatch("dictionaries/generateDic").then((res) => {
if (res) {
this.$message({
......