Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
2a714362 by “miaofang
Options

Merge branch 'dev'

2 parents 57301a31 dfde1573
Inline Side-by-side
Showing 8 changed files with 109 additions and 283 deletions
......@@ -34,7 +34,9 @@
"vue-router": "3.0.2",
"vue-seamless-scroll": "^1.1.23",
"vuex": "3.1.0",
"x2js": "^3.4.4"
"x2js": "^3.4.4",
"xlsx": "^0.17.0",
"xlsx-style": "^0.8.13"
},
"devDependencies": {
"@vue/cli-plugin-babel": "4.4.4",
......
......@@ -126,6 +126,13 @@ export const asyncRoutes = [
component: () => import('@/views/ywbl/ybx/ybx.vue'),
name: 'ybx',
meta: { title: '已办箱' }
}, {
path: 'ycsl',
id: '24',
parentId: '2',
component: () => import('@/views/ywbl/ycsl/ycsl.vue'),
name: 'ycsl',
meta: { title: '一窗受理' }
},
]
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-19 15:04:26
-->
<template>
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="70px">
<el-row>
<el-col :span="5">
<el-form-item label="接口类型">
<el-input
placeholder="请输入编号"
v-model="queryForm.jklx"
class="width200px"
clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="调用状态">
<el-input
placeholder="请输入编号"
v-model="queryForm.dyzt"
class="width200px"
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-form-item label="访问IP">
<el-input
placeholder="请输入IP"
v-model="queryForm.fwip"
class="width200px"
clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="访问时间">
<el-input placeholder="请输入业务号" v-model="queryForm.fwsj" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item label="请求地址">
<el-input
placeholder="请输入url"
v-model="queryForm.qqdz"
class="width500px"
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="请求头数据">
<el-input
placeholder="请输入请求头数据"
v-model="queryForm.qqtsj"
class="width500px"
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="20">
<el-form-item label="入参数据">
<el-input
placeholder="请输入参数"
v-model="queryForm.rcsj"
class="width500px"
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-form-item label="调用描述">
<el-input
placeholder="调用描述"
v-model="queryForm.dyms"
class="width200px"
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-form-item label="返回数据">
<el-input
placeholder="返回数据"
v-model="queryForm.fhsj"
class="width200px"
clearable></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" @click="queryClick()">发送</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="duijie">
<img src="../../../image/duijie.png" alt="">
</div>
</template>
<script>
export default {
export default {
}
</script>
data () {
return {
queryForm: {
jklx: "",
dyzt: "",
fwip: "",
fwsj: "",
qqdz: "",
qqtsj: "",
rcsj: "",
dyms: "",
fhsj: "",
},
}
},
<style lang="scss" scoped>
.duijie{
width: 100%;
height: 100%;
margin: auto;
text-align: center
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
</style>
\ No newline at end of file
}
</style>
......
......@@ -34,10 +34,7 @@
<el-col :span="5" class="btnColRight">
<el-form-item>
<el-button
type="primary"
native-type="submit"
@click="handleSearch"
<el-button type="primary" native-type="submit" @click="chchch"
>查询</el-button
>
<el-button type="primary" native-type="submit" @click="derive"
......@@ -53,6 +50,7 @@
</template>
<script>
import * as echarts from "echarts";
import XLSX from "xlsx";
export default {
components: {},
data() {
......@@ -76,23 +74,21 @@ export default {
data3: [],
xAxisData: [
"赵龙龙",
"刘龙龙",
"田龙龙",
"任龙龙",
"孙龙龙",
"李龙龙",
"周龙龙",
"刘刚",
"任启亮",
"梁亚博",
"李含",
"周路",
],
};
},
mounted() {
this.setdata();
this.setdata();
// 创建一个 ECharts 实例
this.chart = echarts.init(this.$refs.chart);
// 在 ECharts 实例中配置图表
this.chart.setOption(this.getOption());
this.chooseDateQuick(0);
},
methods: {
setdata() {
......@@ -102,9 +98,24 @@ export default {
}
},
// 导出
derive() {},
derive() {
this.exdata = [["受理人员", "收件数", "退件数", "推荐率"]];
this.xAxisData.forEach((item, index) => {
console.log("this.exdata[index+1]", this.exdata[index + 1]);
this.exdata.push([]);
this.exdata[index + 1].push(item);
this.exdata[index + 1].push(this.data1[index]);
this.exdata[index + 1].push(this.data2[index]);
this.exdata[index + 1].push(this.data3[index]);
});
console.log("this.exdata", this.exdata);
const ws = XLSX.utils.aoa_to_sheet(this.exdata);
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
XLSX.writeFile(wb, "收件与超时统计情况.xlsx");
},
// 查询
handleSearch() {
chchch() {
console.log("dateRange", this.dateRange);
},
getOption() {
......@@ -289,10 +300,16 @@ export default {
return `${year}-${month}-${day}`;
},
// 某日期向前/向后num天
jumpNumDay(date, num, linkStr = '-') {
date = new Date(date.getTime() + (num * 24 * 60 * 60 * 1000))
return date.getFullYear() + linkStr + this.changeNum(date.getMonth() + 1) + linkStr + this.changeNum(date.getDate())
},
jumpNumDay(date, num, linkStr = "-") {
date = new Date(date.getTime() + num * 24 * 60 * 60 * 1000);
return (
date.getFullYear() +
linkStr +
this.changeNum(date.getMonth() + 1) +
linkStr +
this.changeNum(date.getDate())
);
},
},
};
</script>
......@@ -306,8 +323,6 @@ jumpNumDay(date, num, linkStr = '-') {
padding-top: 3px;
background-color: #ffffff;
margin-bottom: 10px;
}
.rowAc {
margin-left: 10px;
......
......@@ -37,7 +37,7 @@
<el-button
type="primary"
native-type="submit"
@click="handleSearch"
@click="chchch"
>查询</el-button
>
<el-button type="primary" native-type="submit" @click="derive"
......@@ -53,6 +53,7 @@
</template>
<script>
import * as echarts from "echarts";
import XLSX from 'xlsx';
export default {
components: {},
data() {
......@@ -75,13 +76,13 @@ export default {
data2: [1, 4, 1, 3, 2, 3, 4],
data3: [],
xAxisData: [
"赵红红",
"刘红红",
"田红红",
"任红红",
"孙红红",
"李红红",
"周红红",
"任超",
"杨威",
"魏娜",
"张祎旋",
"苗菁",
"王文刚",
"单帅旗",
],
};
},
......@@ -102,9 +103,27 @@ export default {
}
},
// 导出
derive() {},
// 导出
derive() {
this.exdata = [
['受理人员', '收件数','退件数','推荐率']
];
this.xAxisData.forEach((item,index) => {
console.log("this.exdata[index+1]",this.exdata[index+1]);
this.exdata.push([])
this.exdata[index+1].push(item)
this.exdata[index+1].push(this.data1[index])
this.exdata[index+1].push(this.data2[index])
this.exdata[index+1].push(this.data3[index])
})
console.log("this.exdata",this.exdata);
const ws = XLSX.utils.aoa_to_sheet(this.exdata);
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
XLSX.writeFile(wb, '收件与退件统计情况.xlsx');
},
// 查询
handleSearch() {
chchch() {
console.log("dateRange", this.dateRange);
},
getOption() {
......@@ -135,8 +154,6 @@ export default {
<span font-size: 16px; font-weight: 600;"> ${params.name}: ${
Number(params.value).toFixed(2) + "%"
} </span>
</div>`;
},
},
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-15 09:41:55
-->
<template>
<div class="from-clues">
<!-- 家庭房产 -->
<div class="from-clues-header">
<el-form :model="queryForm" @submit.native.prevent ref="queryForm" label-width="70px">
<el-row>
<el-col :span="5">
<el-form-item label="申请编号">
<el-input placeholder="申请编号" v-model="queryForm.sqbh" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="9" class="flex">
<el-form-item label="申请时间">
<el-date-picker v-model="queryForm.date1" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker> 至
<el-date-picker v-model="queryForm.date2" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权利人">
<el-input placeholder="权利人" v-model="queryForm.qlr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="义务人">
<el-input placeholder="义务人" v-model="queryForm.ywr" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="办理状态">
<el-input placeholder="办理状态" v-model="queryForm.blzt" clearable class="width100">
</el-input>
</el-form-item>
</el-col>
<el-col :span="19" class="btnColRight">
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
</el-col>
</el-row>
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" class="loadingtext" :current-page.sync="pageData.current"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<div class="duijie">
<img src="../../../image/duijie.png" alt="">
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./data";
export default {
name: "jtfc",
mixins: [table],
mounted () {
sendThis(this);
this.queryClick();
},
data () {
return {
sqcxBsm: "",
queryForm: {
sqbh: "",
date1: "",
date2: "",
qlr: "",
ywr: "",
blzt: ""
},
tableData: {
columns: datas.columns(),
data: [{}]
}
}
},
activated () {
this.queryClick()
},
methods: {
/**
* @description: 初始化数据
* @author: renchao
*/
queryClick () {
// this.$startLoading()
},
handleViewClick () {
this.$popupDialog("查看详情", "ywbl/ycsl/components/detail", {}, "75%")
}
}
}
export default {
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
<style lang="scss" scoped>
.duijie{
width: 100%;
height: 100%;
margin: auto;
text-align: center
}
</style>
......
......@@ -63,6 +63,9 @@ module.exports = {
entry: {
app: './src/main.js'
},
externals: [{
'./cptable': 'var cptable'
}],
resolve: {
alias: {
'@': resolve('src')
......