dc92f2eb by renchao@pashanhoo.com

Merge branch 'master' into dev

2 parents bd01f54b 4902817c
<!--
* @Author: xiaomiao 1158771342@qq.com
* @Date: 2023-03-09 15:24:53
* @LastEditors: xiaomiao 1158771342@qq.com
* @LastEditTime: 2023-04-03 09:04:26
* @FilePath: \上报\bdcjg-web\src\components\Button.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<el-button class="button" :class="nativeType" @click.prevent="handleClick" :type="nativeType">
<el-button class="button" :disabled="disableds" :class="nativeType" @click.prevent="handleClick" :type="nativeType">
<slot></slot>
</el-button>
</template>
......@@ -11,6 +19,10 @@
type: String,
default: 'cx'
},
disableds: {
type: Boolean,
default: false
}
},
methods: {
handleClick (evt) {
......@@ -20,5 +32,4 @@
};
</script>
<style scoped lang="scss">
</style>
......
......@@ -200,7 +200,7 @@ export default {
border-bottom: 1px solid #d8dce5;
box-sizing: border-box;
padding-top: 7px;
margin-bottom: 7px;
margin-bottom: 10px;
border-radius: 4px;
.tags-view-wrapper {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-28 10:14:20
* @LastEditTime: 2023-04-03 10:12:39
-->
<template>
<div class="app-wrapper">
......@@ -74,7 +74,7 @@ export default {
}
.app-content {
overflow-x: hidden;
overflow: hidden;
box-sizing: border-box;
flex: 1;
width: 100%;
......
......@@ -431,79 +431,6 @@ aside {
border-radius: 16px;
color: #B06974;
}
// 通过 入库 样式
.adopt,
.success {
color: #00FAA8;
position: relative;
}
.warehousing {
color: #FFCA57;
position: relative;
}
.fail {
color: #F56C6C;
position: relative;
}
.adopt::before {
position: absolute;
content: '';
display: block;
width: 8px;
height: 8px;
left: -15px;
top: 5px;
background: #00FAA8;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.2);
}
.warehousing::before {
position: absolute;
content: '';
display: block;
width: 8px;
height: 8px;
left: -15px;
top: 4px;
background: #FF9933;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.2);
}
// 成功 失败
.success::before {
position: absolute;
content: '√';
display: block;
width: 0;
height: 8px;
left: -10px;
top: 2px;
background: #00FAA8;
color: #00FAA8;
}
.fail {
color: #FF7962;
position: relative;
}
.fail::before {
position: absolute;
content: '!';
display: block;
width: 0;
height: 8px;
left: -10px;
top: 2px;
background: #FF7962;
color: #FF7962;
}
// 引入字体
@font-face {
......
......@@ -63,8 +63,6 @@
// 查询表单样式
.from-clues {
height: 100%;
width: 100%;
// min-width: 1280px;
......@@ -95,7 +93,7 @@
.el-input__inner {
background: #07388B;
border-radius: 2px;
color: #7A7A7A !important;
color: #E3F1FF !important;
border: 1px solid #6BC1FC;
}
......@@ -232,6 +230,80 @@
color: #FFFFFF;
}
// 通过 入库 样式
.adopt,
.success {
color: #00FAA8;
position: relative;
}
.warehousing {
color: #FFCA57;
position: relative;
}
.fail {
color: #F56C6C;
position: relative;
}
.adopt::before {
position: absolute;
content: '';
display: block;
width: 8px;
height: 8px;
left: -15px;
top: 5px;
background: #00FAA8;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.2);
}
.warehousing::before {
position: absolute;
content: '';
display: block;
width: 8px;
height: 8px;
left: -15px;
top: 4px;
background: #FF9933;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.2);
}
// 成功 失败
.success::before {
position: absolute;
content: '√';
display: block;
width: 0;
height: 8px;
left: -10px;
top: 2px;
background: #00FAA8;
color: #00FAA8;
}
.fail {
color: #FF7962;
position: relative;
}
.fail::before {
position: absolute;
content: '!';
display: block;
width: 0;
height: 8px;
left: -10px;
top: 2px;
background: #FF7962;
color: #FF7962;
}
//*****end*通用表单查询条件,列表样式******//
.el-range-separator {
......@@ -262,6 +334,19 @@
.btnColRight {
box-sizing: border-box;
text-align: right;
.is-disabled,
.is-disabled:hover,
.is-disabled:focus {
cursor: wait;
background: url("../image/btn.png") no-repeat 0 0;
background-size: cover;
}
}
......@@ -441,6 +526,7 @@
}
// 按钮样式
.cx {
background: url("../image/btn.png") no-repeat 0 -34px;
background-size: cover;
......@@ -1322,4 +1408,4 @@
height: 44px;
}
}
}
}
\ No newline at end of file
......
......@@ -69,6 +69,23 @@
height: calc(100vh - 230px);
}
// 通过 入库 样式
.adopt,
.success {
color: #0A852A;
position: relative;
}
.warehousing {
color: #FFCA57;
position: relative;
}
.fail {
color: #AB0C0C;
position: relative;
}
/* --------------进度条美化---------------- */
::-webkit-scrollbar {
width: 7px;
......@@ -191,25 +208,6 @@
}
// 面包屑
// .breadcrumb {
// width: 80%;
// text-indent: 10px;
// background: url("~@/image/breadcrumb.png") no-repeat;
// background-size: 100% 100%;
// line-height: 32px;
// height: 32px;
// padding-left: 35px;
// margin: 8px 0 10px 6px;
// color: #CEF8FF;
// }
.el-icon-arrow-right {
// width: 2px;
// position: relative;
// left: 10px;
}
.el-breadcrumb__inner {
color: #CEF8FF !important;
}
......@@ -693,8 +691,6 @@
// 人员管理角色管理菜单管理修改新增弹框样式
.PersonnelDialog {
.el-dialog__headerbtn .el-dialog__close {
font-size: 20px;
color: #4162D8
......@@ -789,13 +785,13 @@
height: calc(100% - 58px);
display: flex;
flex-direction: column;
.from-clues-content {
flex: 1;
height: 100%;
}
}
// 修改基本信息界面样式
.informationbase {
margin: 0.1875rem 1.0417rem;
......@@ -1025,4 +1021,4 @@
height: 44px;
}
}
}
}
\ No newline at end of file
......
......@@ -113,6 +113,7 @@
@include font_color("submenuColor");
border-right: 5px solid #36CEB6;
box-sizing: border-box;
.svg-icon {
color: #1ea6f8 !important;
}
......@@ -366,7 +367,7 @@
}
.el-menu-item span {
white-space: nowrap !important;
// white-space: nowrap !important;
word-break: break-all;
line-height: 20px;
flex: 1;
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-03-31 09:57:20
*/
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
......@@ -35,7 +32,7 @@ class data extends filter {
{
label: "业务号",
prop: "ywh",
minWidth: 150,
minWidth: 120,
},
{
label: "不动产单元号",
......
......@@ -55,201 +55,211 @@
<script>
import columnar from "@/components/Echart/Columnar";
import work from "@/api/work";
export default {
data () {
return {
// 日均接入量
qxerrer: "",
qxsuccess: "",
sterrer: "",
stsuccess: "",
qxjrl: "",
stjrl: "",
qxcgl: "",
stcgl: ""
};
},
mounted () {
this.getsthjqxjrtotal();
},
components: { columnar },
computed: {
qxjrlList: function () {
return this.qxjrl && this.qxjrl.toString().split("");
import columnar from "@/components/Echart/Columnar";
import work from "@/api/work";
export default {
data () {
return {
// 日均接入量
qxerrer: "",
qxsuccess: "",
sterrer: "",
stsuccess: "",
qxjrl: "",
stjrl: "",
qxcgl: "",
stcgl: ""
};
},
stjrlList: function () {
return this.stjrl && this.stjrl.toString().split("");
mounted () {
this.getsthjqxjrtotal();
},
},
methods: {
getsthjqxjrtotal () {
return new Promise(async (resolve) => {
try {
let p = {
DJLX: "",
QLLX: "",
XZQDM: "",
};
let res = await work.getsthjqxjrtotal(p);
this.stjrl = res.result.stsum
this.qxjrl = res.result.qxsum
this.qxerrer = Number(res.result.qxjrerrer)
this.sterrer = Number(res.result.sthjerrer)
if (res.result.sum == "0") {
this.qxcgl = "100%"
this.stcgl = "100%"
} else {
let qxcglnum = Number(res.result.qxjrsuccess) / this.qxjrl * 100
let stcgl = Number(res.result.sthjsuccess) / this.qxjrl * 100
this.qxcgl = qxcglnum.toFixed(2) + "%";
this.stcgl = stcgl.toFixed(2) + "%";
components: { columnar },
computed: {
qxjrlList: function () {
return this.qxjrl && this.qxjrl.toString().split("");
},
stjrlList: function () {
return this.stjrl && this.stjrl.toString().split("");
},
},
methods: {
getsthjqxjrtotal () {
return new Promise(async (resolve) => {
try {
let p = {
DJLX: "",
QLLX: "",
XZQDM: "",
};
let res = await work.getsthjqxjrtotal(p);
this.stjrl = res.result.stsum
this.qxjrl = res.result.qxsum
this.qxerrer = Number(res.result.qxjrerrer)
this.sterrer = Number(res.result.sthjerrer)
if (res.result.sum == "0") {
this.qxcgl = "100%"
this.stcgl = "100%"
} else {
let qxcglnum = Number(res.result.qxjrsuccess) / this.qxjrl * 100
let stcgl = Number(res.result.sthjsuccess) / this.qxjrl * 100
this.qxcgl = qxcglnum.toFixed(2) + "%";
this.stcgl = stcgl.toFixed(2) + "%";
}
} catch (error) {
this.$refs.msg.messageShow();
}
} catch (error) {
this.$refs.msg.messageShow();
}
});
});
},
},
},
};
};
</script>
<style lang="scss" scoped>
.leftcard {
width: 30%;
display: flex;
height: calc(100vh - 114px);
flex-direction: column;
.card {
height: 22%;
background: url("~@/image/qxjr.png") no-repeat;
background-size: 100% 100%;
position: relative;
text-align: center;
width: 100%;
}
.carda {
height: 22%;
background: url("~@/image/sthj.png") no-repeat;
background-size: 100% 100%;
position: relative;
text-align: center;
width: 100%;
}
.card1 {
background: url("~@/image/sbtj.png") no-repeat;
background-size: 100% 100%;
position: relative;
box-sizing: border-box;
flex: 1;
}
.cardhead {
color: #02d9fd;
line-height: 0.125rem;
letter-spacing: 0.0104rem;
position: absolute;
font-size: 0.1042rem;
left: 0;
right: 0;
margin: auto;
text-align: center;
top: 8px;
font-weight: 700;
}
.rjjrlList {
.leftcard {
width: 30%;
display: flex;
margin-top: 0.01781rem;
height: calc(100vh - 114px);
flex-direction: column;
.qxjr {
background: url("~@/image/jrl3.png");
.card {
height: 22%;
background: url("~@/image/qxjr.png") no-repeat;
background-size: 100% 100%;
width: 29px;
height: 46px;
position: relative;
text-align: center;
width: 100%;
}
.sthj {
background: url("~@/image/jh.png");
.carda {
height: 22%;
background: url("~@/image/sthj.png") no-repeat;
background-size: 100% 100%;
width: 29px;
height: 46px;
}
p {
margin: 0 0.0156rem 0.0521rem 0.0156rem;
font-weight: 700;
font-size: 30px;
position: relative;
text-align: center;
width: 100%;
}
}
.cardcontent {
width: 100%;
height: 100%;
display: flex;
// padding: 35px 20px 20px 20px;
box-sizing: border-box;
color: #e3f1ff;
margin-top: 0.1263rem;
.cardcontent-left {
width: 60%;
flex-direction: column;
.card1 {
background: url("~@/image/sbtj.png") no-repeat;
background-size: 100% 100%;
position: relative;
box-sizing: border-box;
flex: 1;
height: 100%;
li {
font-size: 0.1042rem;
}
}
.cardcontent-left::before {
.cardhead {
color: #02d9fd;
line-height: 0.125rem;
letter-spacing: 0.0104rem;
position: absolute;
font-size: 0.1042rem;
left: 0;
right: 0;
top: 0.24rem;
content: "";
width: 0.0052rem;
height: 0.4688rem;
background: linear-gradient(180deg,
#091b4c 0%,
#47b5e0 56%,
#091b4c 100%);
margin: auto;
text-align: center;
top: 8px;
font-weight: 700;
}
.cardcontent-right {
flex: 1;
.rjjrlList {
display: flex;
margin-top: 0.01781rem;
.qxjr {
background: url("~@/image/jrl3.png");
background-size: 100% 100%;
width: 29px;
height: 46px;
}
.sthj {
background: url("~@/image/jh.png");
background-size: 100% 100%;
width: 29px;
height: 46px;
}
p {
margin: 0 0.0156rem 0.0521rem 0.0156rem;
font-weight: 700;
font-size: 30px;
}
}
.cardcontent {
width: 100%;
height: 100%;
flex-direction: column;
font-size: 0.09977rem;
display: flex;
// padding: 35px 20px 20px 20px;
box-sizing: border-box;
color: #e3f1ff;
margin-top: 0.1263rem;
.bad {
color: #c97168;
.cardcontent-left {
width: 60%;
flex-direction: column;
position: relative;
flex: 1;
height: 100%;
li {
font-size: 0.1042rem;
}
}
.cg {
color: #5fba7d;
.cardcontent-left::before {
position: absolute;
right: 0;
top: 0.24rem;
content: "";
width: 0.0052rem;
height: 0.4688rem;
background: linear-gradient(
180deg,
#091b4c 0%,
#47b5e0 56%,
#091b4c 100%
);
}
p {
margin-bottom: 0.0417rem;
.cardcontent-right {
flex: 1;
width: 100%;
height: 100%;
flex-direction: column;
font-size: 0.09977rem;
.bad {
color: #c97168;
}
span:nth-child(1) {
margin-right: 0.0781rem;
.cg {
color: #5fba7d;
}
span:nth-child(2) {
font-size: 20px;
font-weight: 900;
p {
width: 1.25rem;
margin-bottom: 0.0417rem;
span:nth-child(1) {
text-align: right;
display: inline-block;
width: 45%;
margin-right: 0.0781rem;
}
span:nth-child(2) {
text-align: left;
display: inline-block;
width: 45%;
font-size: 20px;
font-weight: 900;
}
}
}
}
}
}
</style>
......
......@@ -57,7 +57,7 @@
let res = await work.getdjywltotal(p);
res.result.map((item, index) => {
this.config.data.push([index, item.AREACODE, item.ywtotal])
this.config.data.push([index + 1, item.AREACODE, item.ywtotal])
});
......
......@@ -25,7 +25,7 @@
<el-form-item>
<btn nativeType="cz" @click="handleResetForm">重置</btn>
<btn nativeType="cx" @click="featchDataSelf">查询</btn>
<btn nativeType="cx" @click="handlesetExport2Excel(downTitle)">导出</btn>
<btn nativeType="cx" :disableds="disableds" @click="handlesetExport2Excel(downTitle)">导出</btn>
</el-form-item>
</el-col>
</el-row>
......@@ -45,135 +45,142 @@
</template>
<script>
// 接入质量评价表
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 导出excel表格
import downLbTable from '@/components/DownLbTable'
// 获取时间
import { getCurrentDate, setExport2Excel } from "@/utils/tools";
import { dataReceiveQuality } from "@/api/statistics.js";
export default {
name: "jsbwcx",
components: {
downLbTable
},
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
// 接入质量评价表
// 引入表格头部数据
import data from "./data";
// 引入table混入方法
import tableMixin from "@/mixins/tableMixin.js";
// 导出excel表格
import downLbTable from '@/components/DownLbTable'
// 获取时间
import { getCurrentDate, setExport2Excel } from "@/utils/tools";
import { dataReceiveQuality } from "@/api/statistics.js";
export default {
name: "jsbwcx",
components: {
downLbTable
},
mixins: [tableMixin],
data () {
return {
pickerOptionsStart: {
disabledDate: (time) => {
let endDateVal = this.form.endTime;
if (endDateVal) {
return (
time.getTime() >=
new Date(endDateVal).getTime()
);
}
},
},
},
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
pickerOptionsEnd: {
disabledDate: (time) => {
let beginDateVal = this.form.startTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime()
);
}
},
},
},
// 表格数据
// 表格数据
form: {
startTime: "", // 开始日期
endTime: "" // 结束日期
},
// 校验规则
rules: {
startTime: [
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: "请选择结束日期", trigger: "change" },
]
},
// 表格数据
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
// index: this.indexMethod,
}
]
.concat(data.columns()),
data: []
},
// 导出表格标题
downTitle: '',
disableds: false,
}
},
watch: {
form: {
startTime: "", // 开始日期
endTime: "" // 结束日期
handler (newVal, oldVal) {
this.generateFileName()
},
deep: true
}
},
created () {
this.handleResetForm()
this.generateFileName()
},
methods: {
handleSearch () { },
// 生成文件名
generateFileName () {
var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
this.downTitle = `汉中市不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}${this.form.endTime.replace(reg, "$1年$2月$3日")})`
},
// 校验规则
rules: {
startTime: [
{ required: true, message: "请选择开始日期", trigger: "change" },
],
endTime: [
{ required: true, message: "请选择结束日期", trigger: "change" },
]
headerStyle ({ row, rowIndex }) {
if (rowIndex == 4) {
row[2].rowSpan = 2;
row[3].rowSpan = 2;
row[4].rowSpan = 2;
}
},
// 表格数据
tableData: {
// 表格头部
columns: [
{
label: "序号",
type: "index",
width: "50",
// index: this.indexMethod,
}
]
.concat(data.columns()),
data: []
headerStyle1 ({ row, rowIndex }) {
if (rowIndex == 3) {
row[2].rowSpan = 2;
row[3].rowSpan = 2;
row[4].rowSpan = 2;
}
},
// 导出表格标题
downTitle: ''
}
},
watch: {
form: {
handler (newVal, oldVal) {
this.generateFileName()
handlesetExport2Excel (val) {
this.disableds = true
setTimeout(() => {
this.disableds = false
}, 1000);
setExport2Excel(val)
},
deep: true
}
},
created () {
this.handleResetForm()
this.generateFileName()
},
methods: {
handleSearch () { },
// 生成文件名
generateFileName () {
var reg = /(\d{4})\-(\d{2})\-(\d{2})/;
this.downTitle = `汉中市不动产登记增量数据接入质量评价表(${this.form.startTime.replace(reg, "$1年$2月$3日")}${this.form.endTime.replace(reg, "$1年$2月$3日")})`
},
headerStyle ({ row, rowIndex }) {
if (rowIndex == 4) {
row[2].rowSpan = 2;
row[3].rowSpan = 2;
row[4].rowSpan = 2;
}
},
headerStyle1 ({ row, rowIndex }) {
if (rowIndex == 3) {
row[2].rowSpan = 2;
row[3].rowSpan = 2;
row[4].rowSpan = 2;
// 初始化数据
featchDataSelf () {
dataReceiveQuality(this.form.startTime, this.form.endTime).then(res => {
let records = res.result
this.tableData.data = records ? records : []
})
},
// 重置
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
this.featchDataSelf()
}
},
handlesetExport2Excel (val) {
setExport2Excel(val)
},
// 初始化数据
featchDataSelf () {
dataReceiveQuality(this.form.startTime, this.form.endTime).then(res => {
let records = res.result
this.tableData.data = records ? records : []
})
},
// 重置
handleResetForm () {
this.form.startTime = getCurrentDate()
this.form.endTime = getCurrentDate('time')
this.featchDataSelf()
}
}
}
</script>
<style scoped lang="scss">
@import "../css/index.scss";
@import "../css/index.scss";
/deep/th.el-table__cell {
height: 0 !important;
}
/deep/th.el-table__cell {
height: 0 !important;
}
</style>
......
......@@ -7,7 +7,7 @@
</el-form-item>
<el-row class="mb-5">
<el-col :span="4">
<el-form-item label="菜单名称" prop="rolesName">
<el-form-item label="角色名称" prop="rolesName">
<el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="角色名称"></el-input>
</el-form-item>
</el-col>
......