Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
d6a3e26f by yangwei
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web

2 parents df708db4 bf65636d
Inline Side-by-side
Showing 67 changed files with 1162 additions and 644 deletions
import dialogBox from '@/components/DialogBox'
import LbTable from '@/components/LbTable'
import Theme from '@/components/Theme.vue'
import Breadcrumb from "@/components/Breadcrumb.vue";
// 引入按钮
import btn from '@/components/Button.vue'
import Popup from '@/components/Popup/index'
......@@ -8,6 +9,7 @@ import MessageBox from '@/components/MessageBox/index.js'
export default {
install: (Vue) => {
Vue.component('dialogBox', dialogBox);
Vue.component('Breadcrumb', Breadcrumb);
Vue.component('btn', btn);
Vue.component('lbTable', LbTable);
Vue.component('Theme', Theme);
......
<template>
<div class="breadcrumb">
<el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right">
<el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right">
<span class="fl">当前页面：</span>
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
<span
v-if="
item.redirect === 'noRedirect' || index == levelList.length - 1
"
class="no-redirect"
>{{ item.meta.title }}</span
>
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
<span @click.prevent="handleLink(item)">{{ item.meta.title }}</span>
</el-breadcrumb-item>
</transition-group>
</el-breadcrumb>
</div>
</template>
<script>
import pathToRegexp from "path-to-regexp";
export default {
data() {
data () {
return {
levelList: null,
};
},
watch: {
$route() {
$route () {
this.getBreadcrumb();
},
},
created() {
created () {
this.getBreadcrumb();
},
methods: {
getBreadcrumb() {
getBreadcrumb () {
// only show routes with meta.title
let matched = this.$route.matched.filter(
this.levelList = this.$route.matched.filter(
(item) => item.meta && item.meta.title
);
this.levelList = matched.filter(
(item) => item.meta && item.meta.title
);
)
if (this.$route.matched[0].path == '/jsbwcx') {
this.levelList = this.levelList.slice(-1)
}
},
isDashboard(route) {
isDashboard (route) {
const name = route && route.name;
if (!name) {
return false;
......@@ -53,65 +45,62 @@ export default {
name.trim().toLocaleLowerCase() === "Dashboard".toLocaleLowerCase()
);
},
pathCompile(path) {
pathCompile (path) {
const { params } = this.$route;
var toPath = pathToRegexp.compile(path);
return toPath(params);
},
handleLink(item) {
// const { redirect, path } = item;
// if (redirect) {
// this.$router.push(redirect);
// return;
// }
// this.$router.push(path);
},
},
};
}
}
}
</script>
<style lang="scss" scoped>
.breadcrumb {
margin: 15px auto 0;
box-sizing: border-box;
text-indent: 16px;
text-indent: 10px;
background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%);
line-height: 32px;
color: #FFFFFF;
}
/deep/.el-icon-arrow-right {
width: 2px;
position: relative;
left: -10px;
color: #FFFFFF;
}
/deep/.el-breadcrumb__inner {
color: #FFFFFF !important;
}
.breadcrumb1366 {
padding: 10px 0 !important;
}
.isFullScreen{
.isFullScreen {
width: calc(100% - 20px);
margin: 0 auto;
padding: 10px!important;
padding: 10px !important;
}
.cur-location {
font-size: 16px;
color: white;
line-height: 40px;
float: left;
img {
position: relative;
top: 3px;
margin-right: 4px;
}
}
.app-breadcrumb.el-breadcrumb {
display: inline-block;
font-size: 14px;
// line-height: 40px;
.no-redirect {
color: white;
cursor: text;
}
}
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
color: white;
cursor: text;
font-weight: normal;
}
// .el-breadcrumb__inner a:hover,
// .el-breadcrumb__inner.is-link:hover {
// text-decoration: underline;
// }
</style>
......
......@@ -5,6 +5,7 @@
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item__error {
right: 25px;
top: 15px;
......@@ -40,32 +41,43 @@
margin-right: -1px;
}
.obligee-item-name,
.receivingInfo-item-name,
.auditInfo-item-name {
background: url("~@/image/itembg.png") no-repeat;
background-size: 100% 100%;
color: #FFFFFF;
}
/deep/.el-textarea__inner {
margin: 5px;
width: 96%;
background: #05275B;
background: none;
color: #FFFFFF;
border-radius: 2px;
border: 1px solid #6BC1FC;
}
/deep/.el-input-number{
/deep/.el-input-number {
width: 100%;
}
/deep/.el-input-number__increase{
/deep/.el-input-number__increase {
background: #05275B;
color: #FFFFFF;
border:none;
right: 12px;
top: 6px;
border: none;
right: 7px;
top: 2px;
}
/deep/.el-input-number__decrease{
/deep/.el-input-number__decrease {
background: #05275B;
color: #FFFFFF;
border:none;
right: 12px;
bottom:6px;
border: none;
right: 7px;
bottom: 10px;
}
/deep/.el-input__inner {
margin: 5px;
width: 96%;
......
......@@ -21,23 +21,21 @@ export default {
</script>
<style scoped lang="scss">
.button {
width: 80px; //适配4字按钮样式
width: 76px;
height: 32px;
color: #ffffff;
margin: 0 5px;
cursor: pointer;
border: 0
}
.cx {
background: url('../image/btn.png') no-repeat -4px -40px;
cursor: pointer;
background: url('../image/btn.png') no-repeat 0 -34px;
background-size: cover;
}
.cz {
background: url('../image/btn.png') no-repeat -4px -4px;
cursor: pointer;
}
.sb {
background: url('../image/btn.png') no-repeat -4px -112px;
background: url('../image/btn.png') no-repeat 0 0;
background-size: cover;
}
</style>
......
<template>
<el-dialog
:title="title"
:visible.sync="visible"
:width="width"
:append-to-body="appendToBody"
:modal="modal"
:close-on-click-modal="false"
:fullscreen="fullscreen"
:destroy-on-close="destroyOnClose"
:modal-append-to-body="modalAppendToBody"
:class="customClass"
@close="close"
class="dialog"
>
<el-dialog :title="title" :visible.sync="visible" :width="width" :append-to-body="appendToBody" :modal="modal"
:close-on-click-modal="false" :fullscreen="fullscreen" :destroy-on-close="destroyOnClose"
:modal-append-to-body="modalAppendToBody" :class="customClass" @close="close" class="dialog">
<slot name="content" />
<span slot="footer" class="dialog-footer">
<slot name="footer" />
......@@ -66,21 +55,21 @@ export default {
default: '30%'
}
},
data() {
data () {
return {}
},
computed: {
visible: {
get() {
get () {
return this.show
},
set(val) {
set (val) {
this.$emit('update:show', val) // visible 改变的时候通知父组件
}
}
},
methods: {
close() {
close () {
this.$emit('close')
}
}
......@@ -88,21 +77,23 @@ export default {
</script>
<style lang="scss" scoped>
.dialog {
/deep/.el-dialog{
overflow: hidden;
/deep/.el-dialog {
overflow: hidden;
background: url("~@/image/dialogBg.png") no-repeat !important;
background-size: 100% 100% !important;
}
.el-dialog__header {
padding: 0;
height: 56px;
line-height: 56px;
border-bottom: none;
.el-dialog__title {
font-weight: 400;
}
.el-dialog__title:before {
display: inline-block;
content: '';
......@@ -114,31 +105,38 @@ overflow: hidden;
position: relative;
top: 2px;
}
.el-dialog__headerbtn {
position: absolute;
// top: 2%;
right: 12px;
}
}
.el-dialog__body {
margin: 0px 12px;
padding: 48px 24px;
background: #fff;
border: 1px solid #dfe7f3;
.el-button {
padding: 8px 16px;
border: none;
}
.el-form {
.el-checkbox {
line-height: 32px;
height: 32px;
}
.form-item-mb0 {
margin-bottom: 0 !important;
}
.el-form-item {
margin-bottom: 24px;
.el-form-item__label {
height: 32px;
line-height: 32px;
......@@ -148,21 +146,25 @@ overflow: hidden;
.el-form-item__content {
// height: 32px;
line-height: 32px;
// date 组件有图标
.has-icon.el-date-editor {
.el-input__inner {
padding-left: 32px;
}
}
.el-input__inner {
padding: 0 8px;
height: 32px;
line-height: 32px;
text-align: left;
}
.el-textarea__inner {
padding: 8px 8px;
}
.el-input .el-input__icon {
font-size: 14px;
color: #747e8c;
......@@ -170,6 +172,7 @@ overflow: hidden;
}
}
}
.el-select,
.el-cascader,
.el-date-editor {
......@@ -183,11 +186,13 @@ overflow: hidden;
height: 56px;
line-height: 56px;
border: none;
.el-button {
padding: 8px 16px;
border: none;
}
.el-button + .el-button {
.el-button+.el-button {
margin-left: 12px;
}
}
......
......@@ -25,7 +25,7 @@ export default {
async submitViews () {
try {
let { result: res } = await work.submitViews("A20");
res.filter((item) => {
res.map((item) => {
return (
this.cdata.category.push(item.areaName),
this.cdata.barData.push(item.successCount),
......
......@@ -30,7 +30,7 @@ export default {
XZQDM: "",
};
let res = await work.getDjlxtotal(p);
res.result.filter((item) => {
res.result.map((item) => {
return (
this.cdata.category.push(item.AREACODE),
this.cdata.lineData.push(item.ywtotal)
......
......@@ -90,6 +90,7 @@ export default {
return scatterData;
};
this.options = {
showLegendSymbol: true,
tooltip: {
trigger: 'item',
......@@ -103,7 +104,7 @@ export default {
},
// 如果需要自定义 tooltip样式，需要使用formatter
formatter: params => {
return `<div style="">${params.name}:${params.value}</div>`
return `<div style="">${params.name}:${params.value+"个"}</div>`
}
},
visualMap: {
......@@ -125,6 +126,7 @@ export default {
color: '#737373'
}
},
series: [
{
type: 'map',
......
......@@ -22,9 +22,9 @@ export default {
async mapViews () {
try {
let { result: res } = await work.mapViews("A20");
res.filter((item) => {
res.map((item) => {
return (
this.cdata.push({ "name": item.areaName, "value": item.areaCode })
this.cdata.push({ "name": item.areaName, "value": item.ywtotal })
)
});
......
<template>
<Echart :options="options" id="centreLeft1Chart" height="200px" width="100%"></Echart>
<Echart :options="options" id="centreLeft1Chart" :key="key" height="225px" width="80%"></Echart>
</template>
<script>
import Echart from '@/common/echart'
......@@ -7,6 +7,11 @@ export default {
components: {
Echart,
},
data() {
return {
key:0
}
},
props: {
cdata: {
type: Object,
......@@ -16,11 +21,11 @@ export default {
watch: {
cdata: {
handler (newData) {
console.log("newData",newData);
this.options = {
grid: {
// 让图表占满容器
top: 20,
right: 0,
right:"1%",
bottom:"4%"
},
color: [
"#37a2da",
......@@ -44,12 +49,14 @@ export default {
{
name: "业务量",
type: "pie",
radius: [0, 80],
radius: [40,100],
roseType: "area",
data: newData.seriesData
}
]
],
}
this.key++
},
immediate: true,
deep: true
......@@ -60,6 +67,7 @@ export default {
<style lang="scss" scoped>
#centreLeft1Chart {
margin-left: -20px;
margin-bottom: 10px;
margin-left: 60px;
}
</style>
......
<template>
<div>
<Chart :cdata="cdata" />
<el-carousel height="40px" indicator-position="none">
<el-carousel-item v-for="item in 4" :key="item">
<div class="rotograph">佛坪县</div>
</el-carousel-item>
</el-carousel>
</div>
</template>
......@@ -29,6 +24,7 @@ export default {
},
methods: {
// 获取登记业务量玫瑰图数据
async getdjywltotal () {
try {
let p = {
......@@ -38,14 +34,14 @@ export default {
};
let res = await work.getdjywltotal(p);
console.log("res",res);
res.result.filter((item) => {
// 遍历修改数组键，作为echars图表的参数
res.result.map((item) => {
return (
this.cdata.seriesData.push({ "name": item.AREACODE, "value": item.ywtotal })
)
});
console.log("this.cdata.seriesData",this.cdata.seriesData);
} catch (error) {
this.$refs.msg.messageShow();
console.log(error);
}
......@@ -55,16 +51,4 @@ export default {
</script>
<style lang="scss" scoped>
.rotograph {
margin: auto;
width: 200px;
height: 30px;
background-color: rgb(6, 121, 167);
font-size: 20px;
line-height: 30px;
text-align: center;
border-radius: 6px;
font-weight: 600;
color: #02d9fd;
}
</style>
......
<template>
<!-- 编辑 -->
<el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter"
:visible.sync="dialogVisible" width="85%">
<el-dialog :close-on-click-modal="false" top="0" @close="closeDialog"
custom-class="dialogBox editDialogBox mainCenter" :visible.sync="dialogVisible" width="85%">
<div slot="title" class="dialog_title" ref="dialogTitle">
<b>{{ title || '标题' }}</b>
{{ title || '标题' }}
</div>
<div class="editDialogBox-box">
<el-tabs v-model="titleName" type="card" @tab-click="handleTitleTab">
<el-tab-pane label="数据模型" name="sjmx"></el-tab-pane>
<el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane>
<el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane>
</el-tabs>
<div v-if="titleName == 'sjmx'" class="sjmx">
<div class="dialog-from">
<div class="dialog-from" v-if="titleName == 'sjmx'">
<el-row>
<el-col :span="5">
<span>业务报文ID：</span>
<div>{{ dataReport.BizMsgId }}</div>
<p>{{ dataReport.BizMsgId }}</p>
</el-col>
<el-col :span="7">
<span>接入报文ID：</span>
<div>{{ dataReport.ASID }}</div>
<p>{{ dataReport.ASID }}</p>
</el-col>
<el-col :span="5">
<span>行政区划编码：</span>
<div>{{ dataReport.AreaCode }}</div>
<p>{{ dataReport.AreaCode }}</p>
</el-col>
<el-col :span="7">
<span>上次不动产单元号：</span>
<div>{{ dataReport.PreEstateNum }}</div>
<p>{{ dataReport.PreEstateNum }}</p>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<span>业务编码：</span>
<div>{{ dataReport.RecType }}</div>
<p>{{ dataReport.RecType }}</p>
</el-col>
<el-col :span="7">
<span>权利类型：</span>
<div>{{ dataReport.RightType }}</div>
<p>{{ dataReport.RightType }}</p>
</el-col>
<el-col :span="5">
<span>登记类型：</span>
<div>{{ dataReport.RegType }}</div>
<p>{{ dataReport.RegType }}</p>
</el-col>
<el-col :span="7">
<span>不动产权证书数量：</span>
<div>{{ dataReport.CertCount }}</div>
<p>{{ dataReport.CertCount }}</p>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<span>创建时间：</span>
<div>{{ dataReport.createDate }}</div>
<p>{{ dataReport.createDate }}</p>
</el-col>
<el-col :span="7">
<span>业务流水号：</span>
<div>{{ dataReport.RecFlowID }}</div>
<p>{{ dataReport.RecFlowID }}</p>
</el-col>
<el-col :span="5">
<span>登记机构：</span>
<div>{{ dataReport.RegOrgID }}</div>
<p>{{ dataReport.RegOrgID }}</p>
</el-col>
<el-col :span="7">
<span>证明数量：</span>
<div>{{ dataReport.ProofCount }}</div>
<p>{{ dataReport.ProofCount }}</p>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<span>宗地/宗海代码：</span>
<div>{{ dataReport.ParcelID }}</div>
<p>{{ dataReport.ParcelID }}</p>
</el-col>
<el-col :span="7">
<span>不动产单元号：</span>
<div>{{ dataReport.EstateNum }}</div>
<p>{{ dataReport.EstateNum }}</p>
</el-col>
<el-col :span="10">
<el-col :span="11">
<span>上次不动产权证号/不动产登记证明：</span>
<div>{{ dataReport.PreCertID }}</div>
<p>{{ dataReport.PreCertID }}</p>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="24">
<span>数字签名：</span>
<div>{{ dataReport.digitalsign }}</div>
</el-col>
</el-row> -->
</div>
</div>
<div class="editDialogBox-box">
<div v-if="titleName == 'sjmx'" class="sjmx">
<el-tabs v-model="activeName" ref="elTabs" type="card" @tab-click="changeList">
<el-tab-pane :name="item.soleurl" v-for="item in headerList" :key="item.soleurl">
<div slot="label" class="tab-pane-item">
......@@ -104,6 +101,7 @@
<Xyjg :form-data='dataReport'></Xyjg>
</div>
<JsonEditor :resultInfo="resultInfo" v-if="titleName == 'xml'" />
</div>
</el-dialog>
</template>
......@@ -111,7 +109,7 @@
import { mapGetters } from "vuex";
import JsonEditor from "@/components/JsonEditor.vue";
import Xyjg from "./Result";
import { getTabsDetail, getXml,getReportDetail } from "@/api/dataReport.js";
import { getTabsDetail, getXml, getReportDetail } from "@/api/dataReport.js";
import { MessageBox } from "element-ui";
export default {
components: { JsonEditor, Xyjg },
......@@ -187,7 +185,7 @@ export default {
}
});
//不动产数据查询上报详情
getReportDetail({bsmReport:item.bsmSjsb || item.bsmReport}).then((res) => {
getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
if (res.code == 200) {
this.dataReport = res.result;
}
......@@ -278,15 +276,17 @@ export default {
.editForm {
/deep/.el-textarea__inner {
border: none !important;
margin: 0 !important;
border: 1px solid #224C7C !important;
margin: 0 0 10px 0 !important;
width: 100% !important;
background: transparent !important;
}
/deep/.el-input__inner {
border: none !important;
border: 1px solid #224C7C !important;
margin: 0 !important;
width: 100% !important;
background: transparent !important;
}
}
......@@ -296,7 +296,6 @@ export default {
}
/deep/ .el-tabs {
margin: 0 15px 0 15px;
color: #CEF8FF;
}
......@@ -321,7 +320,8 @@ export default {
.obligee-item-name {
background: #05275B;
color: #FFFFFF;
border: 1px solid #6BC1FC;
background: url("~@/image/itembg.png") no-repeat;
background-size: 100% 100%;
}
/deep/.el-tabs__nav-scroll {
......@@ -341,6 +341,7 @@ export default {
/deep/.el-tabs__header {
border: none;
margin-bottom: 0;
}
/deep/.el-tabs__item.is-top:not(:last-child) {
......@@ -388,11 +389,14 @@ export default {
height: 825px !important;
.dialog-from {
padding: 15px;
background: #08346F;
padding: 13px;
border-radius: 2px;
box-sizing: border-box;
margin: -3px 15px 15px 15px;
.el-row {
display: flex;
flex-wrap: nowrap;
}
.el-col {
line-height: 18px;
......@@ -400,19 +404,22 @@ export default {
align-items: center;
margin-bottom: 3px;
color: #B5D6DC;
border-radius: 2px;
border: 1px solid #224C7C;
margin: 5px;
span {
display: inline-block;
padding: 3px;
border-radius: 3px;
overflow: hidden;
min-width: 140px;
text-align: right;
margin-right: 5px;
width: 100px;
white-space: nowrap;
text-align: left;
color: #02D9FD;
}
div {
p {
flex: 1;
width: 100%;
padding-left: 5px;
......@@ -420,6 +427,7 @@ export default {
color: #c0c4cc;
cursor: not-allowed;
margin-right: 5px;
text-align: right;
}
}
}
......@@ -427,17 +435,17 @@ export default {
.dialog_title {
display: flex;
position: relative;
top: -2px;
b {
flex: 1;
width: 100%;
@flex-center();
}
font-size: 24px;
top: -11px;
width: 38%;
height: 40px;
margin-left: 28px;
justify-content: center;
}
.el-dialog__header {
height: 50px;
display: flex;
margin-bottom: 15px;
}
.dialog_footer {
......
<template>
<div>
<i class="icon-tubiao-242 iconfont" :title="title" @click="openDialog" />
<el-dialog
:key="key"
:title="title"
:inner-dialog="true"
:visible.sync="dialogVisible"
width="600px"
:close-on-click-modal="false"
append-to-body
@cancel="cancel"
>
<vue-json-editor
id="minejson"
v-model="resultInfo"
:mode="'code'"
lang="zh"
@json-change="onJsonChange"
@json-save="onJsonSave"
@has-error="onError"
/>
<el-tooltip
content="全屏缩放"
effect="dark"
placement="bottom"
fullscreen
class="fullScreen"
>
<el-dialog :key="key" :title="title" :inner-dialog="true" :visible.sync="dialogVisible" width="600px"
:close-on-click-modal="false" append-to-body @cancel="cancel">
<vue-json-editor id="minejson" v-model="resultInfo" :mode="'code'" lang="zh" @json-change="onJsonChange"
@json-save="onJsonSave" @has-error="onError" />
<el-tooltip content="全屏缩放" effect="dark" placement="bottom" fullscreen class="fullScreen">
<i class="el-icon-full-screen" @click="enLarge" />
</el-tooltip>
<template slot="footer">
<div class="dialog-footer flex flex-pack-center">
<el-button
type="primary"
class="confirmBtn"
@click="onJsonSave"
>保存</el-button>
<el-button
type="primary"
class="cancelBtn"
@click="cancel"
>关闭</el-button>
<el-button type="primary" class="confirmBtn" @click="onJsonSave">保存</el-button>
<el-button type="primary" class="cancelBtn" @click="cancel">关闭</el-button>
</div>
</template>
</el-dialog>
......@@ -62,7 +33,7 @@ export default {
default: ''
}
},
data() {
data () {
return {
activeNames: [],
resultInfo: {},
......@@ -75,7 +46,7 @@ export default {
},
watch: {
resultInfos: {
handler: function(val) {
handler: function (val) {
++this.key
this.resultInfo =
this.resultInfos === '' ? {} : JSON.parse(this.resultInfos)
......@@ -86,17 +57,17 @@ export default {
}
},
mounted() {
mounted () {
this.resultInfo =
this.resultInfos === '' ? {} : JSON.parse(this.resultInfos)
},
methods: {
onJsonChange(value) {
onJsonChange (value) {
// 只有在格式正确的时候进入此事件
this.hasJsonFlag = true
},
onJsonSave() {
onJsonSave () {
const value = this.resultInfo
console.log(this.resultInfo, 'resultInfo')
if (this.hasJsonFlag === false) {
......@@ -109,19 +80,19 @@ export default {
return true
}
},
onError(value) {
onError (value) {
this.hasJsonFlag = false
},
openDialog() {
openDialog () {
this.dialogVisible = true
},
cancel() {
cancel () {
console.log(this.tmpResultInfo, 'tmpResultInfo')
this.resultInfo = this.tmpResultInfo
this.dialogVisible = false
},
// 放大
enLarge() {
enLarge () {
const fullarea = document.getElementById('minejson')
if (fullarea.requestFullscreen) {
fullarea.requestFullscreen()
......@@ -146,9 +117,11 @@ export default {
top: 1px;
color: #349af3;
}
::v-deep .jsoneditor-vue {
height: 100%;
}
.fullScreen {
position: absolute;
right: 5%;
......@@ -156,22 +129,28 @@ export default {
cursor: pointer;
color: #fff;
}
::v-deep .jsoneditor-modes {
display: none !important;
}
.jsoneditor-poweredBy {
display: none !important;
}
.jsoneditor-menu {
background-color: #9c9e9f !important;
border-bottom: 1px solid #9c9e9f !important;
}
.jsoneditor {
border: 1px solid #9c9e9f !important;
}
.el-collapse {
border: 0;
}
.el-collapse-item__header {
height: 44px;
}
......
......@@ -74,7 +74,7 @@ export default {
},
heightNum: {
type: Number,
default: 345,
default: 355,
},
maxHeight: {
type: Number,
......@@ -99,7 +99,7 @@ export default {
},
data () {
return {
tableHeight: '',
tableHeight: 'auto',
mergeLine: {},
mergeIndex: {},
selected: ''
......@@ -115,7 +115,6 @@ export default {
},
},
methods: {
// 单选
singleElection (row) {
this.selected = this.data.indexOf(row);
......@@ -128,8 +127,37 @@ export default {
},
getHeight () {
if (!this.heightNumSetting) {
this.tableHeight = window.innerHeight - this.heightNum
let _this = this
if (this.heightNum) {
_this.$nextTick(() => {
window.addEventListener('resize', () => {
_this.tableHeight = _this.calcHeightx(230)
});
_this.tableHeight = _this.calcHeightx(230)
})
} else {
_this.tableHeight = window.innerHeight - _this.heightNum
}
}
},
calcHeightx (value, wappered = true) {
//项目自定义的公共header部分的高度，可忽略
let header = document.querySelector(".from-clues-header").offsetHeight;
//value为动态计算table界面高度时，减去的其他空白部分，需自行在调试找到临界值，剩下的就是table表格的高度（包含header+body部分）
value = value == undefined ? 100 : value;
let res = window.innerHeight - parseInt(header) - value;
if (wappered) {
//通过原生方法，获取dom节点的高度------获取element-ui table表格body的元素
let wapper = window.document.getElementsByClassName('el-table__body-wrapper');
//通过原生方法，获取dom节点的高度------获取element-ui table表格header的元素
let header = window.document.getElementsByClassName('el-table__header-wrapper');
//必须加延时，要不然赋不上去值
setTimeout(() => {
//通过上边计算得到的table高度的value值，减去table表格的header高度，剩下的通过dom节点直接强行赋给table表格的body
wapper[0].style.height = (value - header[0].clientHeight)
}, 100)
}
return res;
},
clearSelection () {
this.$refs.elTable.clearSelection()
......

798 KB | W: | H:

764 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.32 KB | W: | H:

5.95 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

33.8 KB | W: | H:

37.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

12.8 KB | W: | H:

37.7 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

1.52 KB | W: | H:

1.38 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
<template>
<section class="app-main">
<!-- <Breadcrumb v-if="judgeRoute()" /> -->
<transition name="fade-transform" mode="out-in">
<router-view />
</transition>
</section>
</template>
<script>
import Breadcrumb from "@/components/Breadcrumb.vue";
export default {
name: 'AppMain',
components: {
Breadcrumb
},
methods: {
judgeRoute(){
if (this.$route.path == '/home' || this.$route.path.indexOf('jsbwcx') > -1) {
return false
}else{
return true
}
}
},
computed: {
key () {
return this.$route.path
......
......@@ -79,7 +79,8 @@ export default {
.xuanzhong {
background: url('~@/image/selNavbar.png') no-repeat;
background-size: 100% 100%;
color: #09C39A !important;
color: #FFFFFF !important;
font-weight: 700;
}
/deep/.el-menu-item:hover {
......
......@@ -36,6 +36,7 @@ export default {
position: relative;
height: 100%;
width: 100%;
min-width: 1280px;
background: url('~@/image/bg.png') no-repeat;
background-size: 100% 100%;
padding: 12px;
......@@ -48,6 +49,7 @@ export default {
}
.appMain {
min-width: 1290px;
height: calc(100vh - 101px) !important;
box-sizing: border-box;
......
......@@ -2,7 +2,7 @@ const state = {
rules: {},
initRules: {},
subRules: {},
Edit: false
Edit: true
}
const mutations = {
......@@ -30,13 +30,13 @@ const actions = {
setInitRules ({ commit }, data) {
commit('SET_INITRULES', data)
},
setSubRules({ commit }, data) {
setSubRules ({ commit }, data) {
commit('SET_SUBRULES', data)
},
setEdit({ commit }) {
setEdit ({ commit }) {
commit('SET_EDIT')
},
setReportLogEdit({ commit }) {
setReportLogEdit ({ commit }) {
commit('SET_REPORTEDIT')
}
}
......
......@@ -35,6 +35,14 @@
.dialogBox-content {
height: auto
}
.editDialogBox-box {
background: #031A46;
box-shadow: inset 0px 0px 12px 0px #02D9FD;
border-radius: 2px;
border: 1px solid #6BC1FC;
margin: 0 18px 15px 18px;
}
}
.dialog_title {
......@@ -57,13 +65,18 @@
padding-bottom: 0;
}
.el-dialog__headerbtn .el-dialog__close {
color: #FFFFFF !important;
position: relative;
top: -2px;
right: 15px
.el-dialog__headerbtn {
width: 42px;
height: 20px;
background: url("~@/image/closebg.png") no-repeat;
background-size: 100% 100%;
right: 40px;
top: 33px;
}
.el-dialog__close {
font-size: 0;
}
.el-form-item {
@include flex;
......@@ -88,8 +101,9 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
// 展开收起按钮位置
.el-input__suffix{
.el-input__suffix {
right: 10px;
}
}
}
\ No newline at end of file
......
......@@ -66,7 +66,8 @@
// refine element ui upload
.el-input.is-disabled .el-input__inner {
color: #FFFFFF !important;
background-color: transparent !important;
// background-color: transparent !important;
border: 1px solid #224C7C !important;
}
.upload-container {
......@@ -179,13 +180,13 @@ table th {
border-bottom: none !important;
}
.el-table__body {
-webkit-border-vertical-spacing: 6px !important; // 垂直间距
}
// .el-table__body {
// -webkit-border-vertical-spacing: 6px !important; // 垂直间距
// }
table td {
box-sizing: border-box;
border-bottom: none !important;
border-bottom: 1px solid #458ACF !important;
}
//去掉最下面的那一条线
......@@ -214,6 +215,15 @@ table td {
color: #4A4A4A;
}
.twoLineCls {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.el-table tr td {
font-size: 14px;
......@@ -426,11 +436,17 @@ table td {
.el-select-dropdown__item,
.el-menu--horizontal .el-menu .el-submenu__title {
background: url("~@/image/slitembg.png") no-repeat;
height: 26px;
line-height: 26px;
background-size: 100% 100%;
margin: 5px 0;
margin-bottom: 7px;
color: #02D9FD !important;
}
.el-select-dropdown {
top: 203px !important;
}
.el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.selected,
......@@ -440,3 +456,8 @@ table td {
color: #FFFFFF !important;
font-weight: 700;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
background-color: transparent !important;
}
\ No newline at end of file
......
......@@ -7,36 +7,43 @@
max-height: 100%;
overflow-y: scroll;
}
.panel-tab__title {
font-weight: 600;
padding: 0 8px;
font-size: 1.1em;
line-height: 1.2em;
i {
margin-right: 8px;
font-size: 1.2em;
}
}
.panel-tab__content {
width: 100%;
box-sizing: border-box;
border-top: 1px solid #eeeeee;
padding: 8px 16px;
.panel-tab__content--title {
display: flex;
justify-content: space-between;
padding-bottom: 8px;
span {
flex: 1;
text-align: left;
}
}
}
.element-property {
width: 100%;
display: flex;
align-items: flex-start;
margin: 8px 0;
.element-property__label {
display: block;
width: 90px;
......@@ -47,64 +54,72 @@
font-size: 14px;
box-sizing: border-box;
}
.element-property__value {
flex: 1;
line-height: 32px;
}
.el-form-item {
width: 100%;
margin-bottom: 0;
padding-bottom: 18px;
}
}
.list-property {
flex-direction: column;
.element-listener-item {
width: 100%;
display: inline-grid;
grid-template-columns: 16px auto 32px 32px;
grid-column-gap: 8px;
}
.element-listener-item + .element-listener-item {
.element-listener-item+.element-listener-item {
margin-top: 8px;
}
}
.listener-filed__title {
display: inline-flex;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 0;
span {
width: 200px;
text-align: left;
font-size: 14px;
}
i {
margin-right: 8px;
}
}
.element-drawer__button {
margin-top: 8px;
width: 100%;
display: inline-flex;
justify-content: space-around;
}
.element-drawer__button > .el-button {
.element-drawer__button>.el-button {
width: 100%;
}
.el-collapse-item__content {
padding-bottom: 0;
}
.el-input.is-disabled .el-input__inner {
color: #999999;
}
.el-form-item.el-form-item--mini {
margin-bottom: 0;
& + .el-form-item {
&+.el-form-item {
margin-top: 16px;
}
}
}
\ No newline at end of file
......
......@@ -5,16 +5,16 @@
background-color: rgba(0, 0, 0, 0);
.el-table__header-wrapper {
border-right: 1px solid #103E99;
border-right: none;
}
.el-table__row .cell {
color: #DBFAFF !important;
color: #CEF8FF !important;
}
.el-table__row {
background: #0F56A3 !important;
background: rgba(0, 0, 0, 0) !important;
}
thead {
......@@ -40,16 +40,16 @@
//*****start*通用表单查询条件，列表样式******//
.from-clues {
min-width: 1280px;
height: 100%;
width: 100%;
min-width: 1280px;
box-sizing: border-box;
overflow-x: hidden;
padding: 2px;
&-header {
width: 100%;
padding: 20px 30px 20px 20px;
padding: 5px 30px 20px 20px;
box-sizing: border-box;
background: url("~@/image/formHeader.png") no-repeat;
background-size: 100% 100%;
......
import { Message } from "element-ui";
export function removeTreeListItem (treeList, dictId, idName = 'bsmDict') {
if (!treeList || !treeList.length) {
return
}
for (let i = 0; i < treeList.length; i++) {
if (treeList[i][idName] === dictId) {
treeList.splice(i, 1);
break;
}
removeTreeListItem(treeList[i].children, dictId)
}
}
// 创造id
export function getUuid (len, radix) {
var chars = "0123456789abcdefghijklmnopqrstuvwxyz".split(
""
);
var uuid = [],
i;
radix = radix || chars.length;
if (len) {
for (i = 0; i < len; i++) uuid[i] = chars[0 | (Math.random() * radix)];
} else {
var r;
uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
uuid[14] = "4";
for (i = 0; i < 36; i++) {
if (!uuid[i]) {
r = 0 | (Math.random() * 16);
uuid[i] = chars[i == 19 ? (r & 0x3) | 0x8 : r];
}
}
}
return uuid.join("");
}
export function judgeSort (arr) {
if (arr.length) {
for (let i in arr) {
arr[i]["isTop"] = false;
arr[i]["isBottom"] = false;
arr[i] == arr[0] && (arr[i].isTop = true);
arr[i] == arr[arr.length - 1] && (arr[i].isBottom = true);
arr[i].children && arr[i].children.length && judgeSort(arr[i].children)
}
}
return arr
}
// 上下移动
export function realMove (bsmDict, operate, data) {
function changeSort (arr, bsmDict) {
if (arr.length) {
let flag = false;
for (let i in arr) {
if (arr[i].bsmDict == bsmDict) {
if (operate === "UP") {
arr[i] = arr.splice(i - 1, 1, arr[i])[0];
} else if (operate === "DOWN") {
let temp = arr.splice(i - 0 + 1, 1, arr[i])
arr[i] = temp[0];
}
flag = true;
break;
}
if (!flag && arr[i].children && arr[i].children.length) {
arr[i].children = changeSort(arr[i].children, bsmDict);
}
}
}
return arr;
}
data = judgeSort(changeSort(data, bsmDict));
}
// 获取所有父节点
export function findParents (treeData, bsmDict) {
if (treeData.length == 0) return
for (let i = 0; i < treeData.length; i++) {
if (treeData[i].bsmDict == bsmDict) {
return []
} else {
if (treeData[i].children) {
let res = findParents(treeData[i].children, bsmDict)
if (res !== undefined) {
return res.concat(treeData[i].bsmDict)
}
}
}
}
}
// 上移下移
export function upward (index, data) {
if (index > 0) {
let upData = data[index - 1];
data.splice(index - 1, 1);
data.splice(index, 0, upData);
} else {
Message({
message: '已经是第一条，上移失败'
});
}
}
export function down (index, data) {
if ((index + 1) == data.length) {
Message({
message: '已经是最后一条，下移失败'
});
} else {
let downData = data[index + 1];
data.splice(index + 1, 1);
data.splice(index, 0, downData);
}
}
......@@ -7,6 +7,7 @@ class data extends filter {
return [
{
label: "行政区",
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -17,6 +18,7 @@ class data extends filter {
},
{
label: "权属状态",
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -33,10 +35,10 @@ class data extends filter {
label: "不动产单元号",
prop: "bdcdyh"
},
{
label: "不动产产权证号",
prop: "bdcqzh"
},
// {
// label: "不动产产权证号",
// prop: "bdcqzh"
// },
{
label: "查封机关",
prop: "cfjg"
......
......@@ -19,18 +19,16 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<!-- <el-col :span="5">
<el-form-item label="坐落">
<el-input v-model="form.ZL" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
</el-col> -->
<!-- <el-col :span="5">
<el-form-item label="不动产权证号">
<el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="mt-10">
</el-col> -->
<el-col :span="5">
<el-form-item label="权利人" label-width="80px">
<el-input v-model="form.QLR" placeholder="权利人"></el-input>
......@@ -41,16 +39,30 @@
<el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="5">
<el-form-item label="查封机关" label-width="80px">
<el-input v-model="form.CFJG" placeholder="查封机关"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查封文号">
<el-input v-model="form.CFWH" placeholder="查封文号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查封（解封）机关">
<el-input v-model="form.xxx" placeholder="查封（解封）机关"></el-input>
<el-form-item label="解封机关" label-width="80px">
<el-input v-model="form.JFJG" placeholder="解封机关"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查封（解封）文号">
<el-input v-model="form.xxx1" placeholder="查封（解封）文号"></el-input>
<el-form-item label="解封文号">
<el-input v-model="form.JFWH" placeholder="解封文号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSubmit">查询</btn>
......@@ -85,8 +97,10 @@ export default {
BDCQZH: '',
QLR: '',
BDCDYH: '',
xxx: '',
xxx1: '',
JFJG: '',
JFWH: '',
CFJG: '',
CFWH: '',
currentPage: 1
},
tableData: {
......@@ -98,7 +112,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -7,6 +7,7 @@ class data extends filter {
return [
{
label: "行政区",
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -17,6 +18,7 @@ class data extends filter {
},
{
label: "权属状态",
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -31,11 +33,13 @@ class data extends filter {
},
{
label: "不动产单元号",
prop: "bdcdyh"
prop: "bdcdyh",
width: 150,
},
{
label: "不动产权证号",
prop: "bdcdjzmh"
prop: "bdcdjzmh",
width: 150,
},
{
label: "抵押类型",
......@@ -63,7 +67,8 @@ class data extends filter {
},
{
label: "被担保主债权数额",
prop: "bdbzzqse"
prop: "bdbzzqse",
width: 135,
},
{
label: "最高债权额",
......@@ -71,11 +76,13 @@ class data extends filter {
},
{
label: "登记时间",
prop: "djsj"
prop: "djsj",
width: 140,
},
{
label: "登记机构",
prop: "djjg"
prop: "djjg",
width: 140,
}
]
}
......
......@@ -19,23 +19,23 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<!-- <el-col :span="5">
<el-form-item label="坐落">
<el-input v-model="form.ZL" placeholder="坐落"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="5">
<el-form-item label="不动产权证号">
<el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="5">
<el-form-item label="抵押人" label-width="80px">
<el-input v-model="form.dyr" placeholder="抵押人"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row class="mt-10">
<el-col :span="5">
<el-form-item label="不动产单元号">
<el-input v-model="form.BDCDYH" placeholder="不动产单元号"></el-input>
......@@ -57,7 +57,8 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="4" class="btnColRight">
<el-col :span="9" class="btnColRight">
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="handleSubmit">查询</btn>
</el-col>
......@@ -109,7 +110,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -7,7 +7,7 @@ class data extends filter {
return [
{
label: "行政区",
width: 150,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -18,7 +18,7 @@ class data extends filter {
},
{
label: "权属状态",
width: 100,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -29,8 +29,7 @@ class data extends filter {
},
{
label: "业务号",
prop: "ywh",
width: 150
prop: "ywh"
},
{
label: "不动产单元号",
......@@ -42,7 +41,8 @@ class data extends filter {
},
{
label: "权利人",
prop: "qlrmc"
prop: "qlrmc",
width: 150
},
{
label: "用途",
......@@ -50,6 +50,7 @@ class data extends filter {
},
{
label: "权利类型",
width: 150,
render: (h, scope) => {
return (
<div>
......
......@@ -101,7 +101,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 90,
render: (h, scope) => {
return (
<div>
......
......@@ -69,7 +69,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -7,7 +7,7 @@ class data extends filter {
return [
{
label: "行政区",
width: 150,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -18,7 +18,7 @@ class data extends filter {
},
{
label: "权属状态",
width: 100,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -30,19 +30,21 @@ class data extends filter {
{
label: "业务号",
prop: "ywh",
width: 150
},
{
label: "不动产单元号",
prop: "bdcdyh"
prop: "bdcdyh",
width: 150
},
{
label: "不动产权证号",
prop: "bdcqzh"
prop: "bdcqzh",
width: 150
},
{
label: "权利人",
prop: "qlrmc"
prop: "qlrmc",
width: 150
},
{
label: "用途",
......
......@@ -101,7 +101,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -29,7 +29,7 @@ class data extends filter {
},
{
label: "权利类型",
width: 200,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -40,7 +40,7 @@ class data extends filter {
},
{
label: "登记类型",
width: 100,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -52,12 +52,12 @@ class data extends filter {
{
label: "业务号",
prop: "YWH",
width: 150
width: 95
},
{
label: "不动产单元号",
prop: "BDCDYH",
width: 240,
width: 150,
},
{
label: "不动产权证号",
......@@ -73,7 +73,8 @@ class data extends filter {
},
{
label: "使用权面积",
prop: "SYQMJ"
prop: "SYQMJ",
width: 90,
},
{
label: "坐落",
......
......@@ -95,7 +95,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -7,7 +7,7 @@ class data extends filter {
return [
{
label: "行政区",
width: 150,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -18,7 +18,7 @@ class data extends filter {
},
{
label: "权属状态",
width: 100,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -30,7 +30,7 @@ class data extends filter {
{
label: "业务号",
prop: "ywh",
width: 150
width: 80,
},
{
label: "不动产单元号",
......@@ -46,11 +46,13 @@ class data extends filter {
},
{
label: "用途",
prop: "yt"
prop: "yt",
width: 80,
},
{
label: "土地面积",
prop: "nydmj"
prop: "nydmj",
width: 80,
},
{
label: "坐落",
......@@ -58,6 +60,7 @@ class data extends filter {
},
{
label: "登记类型",
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -94,7 +94,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -11,14 +11,14 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<!-- <el-col :span="6">
<el-form-item label="权属状态">
<el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="6">
<el-form-item label="不动产权证号">
<el-input v-model="form.BDCQZH" placeholder="不动产权证号"></el-input>
......
......@@ -93,7 +93,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -16,16 +16,16 @@ class data extends filter {
)
},
},
{
label: "权属状态",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.qszt, 'A22')}</span>
</div>
)
},
},
// {
// label: "权属状态",
// render: (h, scope) => {
// return (
// <div>
// <span>{this.dicStatus(scope.row.qszt, 'A22')}</span>
// </div>
// )
// },
// },
{
label: "业务号",
prop: "YWH"
......@@ -43,10 +43,10 @@ class data extends filter {
label: "权利人",
prop: "qlrmc"
},
{
label: "用途",
prop: "yt"
},
// {
// label: "用途",
// prop: "yt"
// },
{
label: "权利类型",
render: (h, scope) => {
......@@ -57,16 +57,16 @@ class data extends filter {
)
},
},
{
label: "权利性质",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.BDCQZH, 'A9')}</span>
</div>
)
},
},
// {
// label: "权利性质",
// render: (h, scope) => {
// return (
// <div>
// <span>{this.dicStatus(scope.row.BDCQZH, 'A9')}</span>
// </div>
// )
// },
// },
{
label: "登记时间",
width: 140,
......
......@@ -11,19 +11,19 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<!-- <el-col :span="6">
<el-form-item label="权属状态" label-width="105px">
<el-select v-model="form.QSZT" class="width100" clearable placeholder="权属状态">
<el-option v-for="item in dicData['A22']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
</el-col> -->
<!-- <el-col :span="6">
<el-form-item label="坐落">
<el-input v-model="form.ZL" placeholder="请输入坐落"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="6">
<el-form-item label="不动产权证号" label-width="105px">
<el-input v-model="form.BDCQZH" placeholder="请输入不动产权证号"></el-input>
......@@ -94,7 +94,7 @@ export default {
}].concat(data.columns()).concat([
{
label: "操作",
width: 170,
width: 80,
render: (h, scope) => {
return (
<div>
......
......@@ -87,21 +87,24 @@ export default {
return new Promise(async (resolve) => {
try {
let p = {
DJLX: "A21",
QLLX: "A8",
XZQDM: "A20",
DJLX: "",
QLLX: "",
XZQDM: "",
};
let res = await work.getsthjqxjrtotal(p);
this.stjrl=Number(res.result.sum)
this.qxjrl=Number(res.result.sum)
console.log("res",res);
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{
this.qxcgl=Number(res.result.qxjrsuccess)/this.qxjrl*100+"%"
this.stcgl=Number(res.result.sthjsuccess)/Number(res.result.sum)*100+"%"
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) {
......
<template>
<div class="rightcard">
<div class="card1 cardCon d-center">
<div class="cardhead">房屋情况统计表</div>
<div class="cardhead">新建商品房登记</div>
<div class="cardcontent" style="margin-top: 70px">
<dv-scroll-board :config="config" class="board" />
</div>
......
......@@ -24,6 +24,7 @@ class data {
{
prop: "UPLOADTIME",
label: "日期",
width: '150',
},
{
prop: "type",
......@@ -50,6 +51,7 @@ class data {
},
{
label: "业务类型数量",
width: '120',
render: (h, scope) => {
return (
<div class={'difference'}>
......
......@@ -4,9 +4,12 @@
<!-- 头部搜索 -->
<div class="from-clues-header">
<el-form ref="ruleForm" :model="form" label-width="80px">
<el-form-item>
<Breadcrumb />
</el-form-item>
<el-row>
<el-col :span="6">
<el-form-item label="行政区" label-width="60px">
<el-form-item label="行政区">
<el-select v-model="form.areacode" class="width100" filterable placeholder="请选择行政区">
<el-option v-for="item in dicData['XZQ']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
......
......@@ -8,7 +8,7 @@ class data extends filter {
{
prop: 'jcjg',
label: '检查结果',
width: 100,
width: 90,
render: (h, scope) => {
return (
<div>
......@@ -22,7 +22,7 @@ class data extends filter {
{
prop: 'rkjg',
label: '入库结果',
width: 100,
width: 80,
render: (h, scope) => {
return (
<div>
......@@ -36,24 +36,27 @@ class data extends filter {
{
prop: "areacode",
label: "行政区代码",
width: 100,
width: 90,
},
{
prop: "areaName",
label: "行政区名称",
width: 100,
width: 90,
},
{
prop: "bizMsgid",
label: "业务报文ID",
width: 90,
},
{
prop: "createdate",
label: "创建时间",
width: 140,
},
{
prop: "recflowid",
label: "业务流水号",
width: 95,
},
{
prop: "estatenum",
......@@ -63,14 +66,23 @@ class data extends filter {
{
prop: "rectype",
label: "业务编码",
width: 80,
},
{
prop: "rectypeName",
label: "业务名称",
render: (h, scope) => {
return (
<div>
{scope.row.rectypeName}
</div>
)
}
},
{
prop: "receiveDate",
label: "接收时间",
width: 140
}
]
}
......
......@@ -4,6 +4,9 @@
<!-- 头部搜索 -->
<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="6">
<el-form-item label="行政区" prop="qxdm">
......@@ -14,13 +17,13 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="接收开始日期" prop="startTime">
<el-form-item label="接收日期" prop="receiveStartTime">
<el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
clearable v-model="form.receiveStartTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="接收结束日期" prop="endTime">
<el-form-item label="至" prop="receiveEndTime" label-width="35px">
<el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
clearable v-model="form.receiveEndTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
......@@ -77,7 +80,7 @@
<el-form-item>
<btn nativeType="cz" @click="resetForm">重置</btn>
<btn nativeType="cx" @click="featchData">查询</btn>
<btn nativeType="sb">入库</btn>
<btn nativeType="cx">入库</btn>
</el-form-item>
</el-col>
</el-row>
......@@ -113,19 +116,25 @@ export default {
},
data () {
return {
// 开始结束日期限制
pickerOptionsStart: {
disabledDate: (time) => {
if (this.form.endTime) {
return time.getTime() >= new Date(this.form.endTime).getTime();
let endDateVal = this.form.receiveEndTime;
if (endDateVal) {
return (
time.getTime() >
new Date(endDateVal).getTime() - 1 * 24 * 60 * 60 * 1000
);
}
},
},
// 结束日期限制
pickerOptionsEnd: {
disabledDate: (time) => {
if (this.form.startTime) {
return time.getTime() <= new Date(this.form.startTime).getTime();
let beginDateVal = this.form.receiveStartTime;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime() + 1 * 24 * 60 * 60 * 1000
);
}
},
},
......@@ -173,7 +182,7 @@ export default {
.concat([
{
label: "操作",
width: "160",
width: "90",
render: (h, scope) => {
return (
<div>
......
......@@ -23,6 +23,7 @@ class data extends filter {
},
{
label: '汇交状态',
width: '110',
render: (h, scope) => {
return (
<div>
......@@ -38,33 +39,36 @@ class data extends filter {
{
prop: "areacode",
label: "行政区代码",
width: 100,
width: 90,
},
{
prop: "areaName",
label: "行政区名称",
width: 100,
width: 90,
},
{
prop: "bizMsgid",
label: "业务报文ID",
width: 150,
},
{
prop: "createdate",
label: "创建时间",
width: 140,
},
{
prop: "recflowid",
label: "业务流水号",
width: 100,
},
{
prop: "estatenum",
label: "不动产单元号",
width: 240,
},
{
prop: "rectype",
label: "业务编码",
width: 90,
},
{
prop: "rectypeName",
......@@ -73,6 +77,7 @@ class data extends filter {
{
prop: "uploadtime",
label: "汇交时间",
width: 140,
}
]
}
......
......@@ -8,3 +8,8 @@
transform: translateX(-50%);
}
}
.zhi {
color: #FFFFFF;
text-align: center;
}
\ No newline at end of file
......
......@@ -4,6 +4,9 @@
<!-- 头部搜索 -->
<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="6">
<el-form-item label="行政区" prop="qxdm">
......@@ -13,18 +16,16 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="汇交时间" prop="startTime">
<el-row :gutter="20">
<el-col :span="12">
<el-col :span="6">
<el-form-item label="汇交时间" prop="exchangeStartTime">
<el-date-picker type="date" class="width100" placeholder="开始日期" :picker-options="pickerOptionsStart"
clearable v-model="form.exchangeStartTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="6">
<el-form-item label="至" prop="exchangeStartTime" label-width="35px">
<el-date-picker type="date" class="width100" placeholder="结束日期" :picker-options="pickerOptionsEnd"
clearable v-model="form.exchangeEndTime" value-format="yyyy-MM-dd"></el-date-picker>
</el-col>
</el-row>
</el-form-item>
</el-col>
<el-col :span="6">
......@@ -42,17 +43,17 @@
<el-input v-model="form.ywh" class="width100" placeholder="业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="3">
<el-col :span="6">
<el-form-item label="权利类型" prop="qllx">
<el-select v-model="form.ywmc" class="width100" clearable placeholder="权利类型">
<el-select v-model="form.qllx" class="width100" clearable placeholder="权利类型">
<el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="3">
<el-col :span="6">
<el-form-item label="登记类型" prop="djlx">
<el-select v-model="form.ywmc" class="width100" clearable placeholder="登记类型">
<el-select v-model="form.djlx" class="width100" clearable placeholder="登记类型">
<el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
</el-option>
</el-select>
......@@ -95,26 +96,22 @@ export default {
components: {
dataDetails,
},
data() {
data () {
return {
isShow: false,
// 开始结束日期限制
pickerOptionsStart: {
disabledDate: (time) => {
if (this.form.reportEndTime) {
return (
time.getTime() >= new Date(this.form.reportEndTime).getTime()
);
if (this.form.exchangeEndTime) {
return time.getTime() >= new Date(this.form.exchangeEndTime).getTime();
}
},
},
// 结束日期限制
pickerOptionsEnd: {
disabledDate: (time) => {
if (this.form.reportStartTime) {
return (
time.getTime() <= new Date(this.form.reportStartTime).getTime()
);
if (this.form.exchangeStartTime) {
return time.getTime() <= new Date(this.form.exchangeStartTime).getTime();
}
},
},
......@@ -161,16 +158,16 @@ export default {
title: "",
};
},
mounted() {
mounted () {
sendThis(this);
},
methods: {
// 重置表单
resetForm() {
resetForm () {
this.$refs.ruleForm.resetFields();
},
// 初始化数据
queryClick() {
queryClick () {
getDataReportPage({ ...this.form, ...this.pageData }).then((res) => {
if (res.code === 200) {
let { total, records } = res.result;
......@@ -180,11 +177,11 @@ export default {
});
},
// 多选
handleSelectionChange(val) {},
handleSelectionChange (val) { },
// 上报
handleEscalation() {},
handleEscalation () { },
// 详情
handleDetail(row) {
handleDetail (row) {
this.title = row.rectypeName;
this.$refs.editLog.isShow(row);
},
......
<template>
<Dialog :title="title" class="tableClass" :show.sync="visible" :width="'715px'" @close="close()">
<template slot="content">
<lb-table ref="multipleTable"
:pagination="false"
:column="tableData.column"
:data="tableData.data"
@selection-change="handleSelectionChange">
</lb-table>
</template>
<template slot="footer">
<el-button type="primary" class="save" @click="handleSaveMember()"
>保存</el-button
>
<el-button class="cancel-button" @click="close()">取消</el-button>
</template>
</Dialog>
</template>
<script>
import Dialog from "@/components/Dialog/";
export default {
name: "",
components: { Dialog },
props: {},
data() {
return {
title: "人员配置",
visible: false,
tableData: {
column: [
{
type: 'selection'
},
{
prop: 'name',
label: '角色名称'
},
{
prop: 'type',
label: '角色类型'
},
{
prop: 'departmentName',
label: '角色描述'
},
],
data: [
{
id: "3127e455-43ba-45ff-9326-0e02ef89485e",
createdAt: null,
updatedAt: "2022-08-04T03:38:27.626+0000",
createdBy: null,
updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
sort: 1,
name: "超级管理员",
loginName: "admin",
password: "05eb15777e8fd1d61c840472e7267f61d432f63340d86b59",
passwordSalt: "5178114777136485",
email: null,
lastLoginTime: null,
mobilePhone: "18291003568",
status: "ACTIVE",
passwordChangeTime: "2021-12-10T08:01:01.569+0000",
idCard: "612725202111021521",
departmentId: "2eae5304-544f-4f5b-b354-8f5d47433c9b",
organizationId: "0bca67ae-1d9e-4b41-b057-f165586d24aa",
sex: "0",
isDuty: true,
type:"",
code: "123324",
jobLevel: null,
telephone: "028-87720898",
address: "办公地点修改测试",
isLocked: false,
departmentName: "研发部",
_X_ROW_KEY: "row_276",
},
{
name: '数据管理员',
type:"1",
},
{
name: '数据管理员2',
type:"d",
}
]
},
multipleSelection: []
}
},
computed: {},
watch: {},
created() {},
mounted() {},
methods: {
authorization() {
this.visible = true;
},
close() {
// this.resetForm()
this.visible = false;
},
// 保存事件
handleSaveMember() {
// if (this.memberList.length === 0) {
// this.$message.warning("请添加待选人员");
// return false;
// }
// const idList = this.memberList.map(item => item.id)
// updateUser(this.roleId, idList).then(res => {
// if (res.status === 1) {
// this.$message.success({ message: '保存成功', showClose: true })
// this.showMemberConfigDialog = false
// this.$emit('setUsers', this.roleId)
// this.resetMemberConfig()
// } else this.$message.error({ message: res.message, showClose: true })
// })
},
handleSelectionChange (val) {
console.log("vadddl",val);
this.multipleSelection = val
}
}
};
</script>
<style scoped lang="scss">
/deep/.el-dialog__header{
text-align: center;
margin-bottom: 10px;
.el-dialog__title{
color: white;
}
}
</style>
......@@ -204,22 +204,14 @@ export default {
// this.form.jumpMode = 1
},
edit(record) {
// this.type = 1
// // 若有id为编辑
// if (record.id) {
// this.$nextTick(() => {
// this.form = Object.assign({}, record)
// this.getParentMenuList(this.productId)
// })
// }
this.visible = true;
},
addChild(record) {
// 若有id为编辑
if (record.id) {
this.$nextTick(() => {
this.form = Object.assign({}, record)
// this.getParentMenuList(this.productId)
})
}
this.visible = true;
// this.type = 2
// this.form.jumpMode = 1
// this.form.parentId = record.id
},
handleChange(value) {
// this.form.parentId = value
......@@ -289,12 +281,16 @@ export default {
};
</script>
<style scoped lang="scss">
.el-form {
.el-input {
.el-input__icon {
font-size: 14px;
// color: #3AA3F8 !important;
}
/deep/.el-input__inner {
background: #07388B;
border-radius: 2px;
border: 1px solid #6BC1FC;
}
/deep/.el-textarea__inner{
background: #07388B;
color: #fff;
}
/deep/.el-form-item__label{
color:#fff;
}
</style>
......
......@@ -12,7 +12,7 @@
<div class="from-clues-content">
<lb-table
:column="tableData.columns"
:data="tabledata11"
:data="tabledata"
row-key="id"
default-expand-all
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
......@@ -20,27 +20,30 @@
</lb-table>
</div>
<edit-dialog ref="dialogForm" />
<authorizationdiglog ref="rolesForm" />
</div>
</template>
<script>
// 定时任务
import data from "./data";
import EditDialog from "./edit-dialog.vue";
import authorizationdiglog from "./authorizationdiglog.vue";
export default {
name: "menus",
components: {
EditDialog,
authorizationdiglog,
},
data() {
return {
tabledata11: [
tabledata: [
{
id: "c6221838-187b-4a7a-b173-b0543022f560",
createdAt: "2021-08-26T07:00:07.101+0000",
updatedAt: "2021-08-26T07:00:07.101+0000",
createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
sort: 135,
sort: 35,
name: "概览",
code: "GL",
description: null,
......@@ -293,14 +296,14 @@ export default {
// 修改
handleEdit(record) {
localStorage.setItem("record", JSON.stringify(record));
this.$refs.dialogForm.edit(record);
this.$refs.dialogForm.title = "修改";
},
// 授权
authorizationQuery(record) {
this.$refs.authorizationList.open(record, 'menu')
this.$refs.authorizationList.emptyJudge = true
this.$refs.rolesForm.authorization(record);
this.$refs.rolesForm.title = "授权查询";
},
// 删除
handleDelete(row, id) {
......@@ -340,4 +343,7 @@ export default {
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
/deep/.el-table__expand-icon{
color: #fff;
}
</style>
......
......@@ -6,17 +6,17 @@ class data extends filter {
columns () {
return [
{
prop: "job_name",
prop: "name",
label: "角色名称",
width: 330
},
{
prop: "description",
prop: "type",
label: "类别",
width: 400
},
{
prop: "cron_expression",
prop: "description",
label: "备注"
}
]
......
import filter from '@/utils/filter.js'
class data extends filter {
constructor() {
super()
}
columns () {
return [
{
prop: "name",
label: "角色名称",
width: 330
},
{
prop: "type",
label: "类别",
width: 400
},
{
prop: "address",
label: "备注"
}
]
}
}
export default new data()
......@@ -171,4 +171,17 @@ export default {
}
}
</script>
<style scoped lang="scss"></style>
<style scoped lang="scss">
/deep/.el-input__inner {
background: #07388B;
border-radius: 2px;
border: 1px solid #6BC1FC;
}
/deep/.el-textarea__inner{
background: #07388B;
color: #fff;
}
/deep/.el-form-item__label{
color:#fff;
}
</style>
......
......@@ -6,185 +6,252 @@
<el-col :span="2" class="btnColRight">
<btn nativeType="cx" @click="handleAdd">增加角色</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>
</div>
<EditDialog ref="dialogForm" />
<EditDialog ref="addEditDialog" />
<Roleslistdiglog ref="rolesForm" />
</div>
</template>
<script>
// 定时任务
import data from "./data"
import sjsbTask from '@/api/sjsbTask.js'
import tableMixin from '@/mixins/tableMixin.js'
import data from "./data";
import sjsbTask from "@/api/sjsbTask.js";
import tableMixin from "@/mixins/tableMixin.js";
import EditDialog from "./edit-dialog.vue";
import Roleslistdiglog from "./roleslistdiglog.vue";
export default {
name: "menus",
mixins: [tableMixin],
components: {
EditDialog,Roleslistdiglog
EditDialog,
Roleslistdiglog,
},
data () {
data() {
return {
taskData: null,
form: {
job_name: '',
currentPage: 1
job_name: "",
currentPage: 1,
},
title: '',
// 当前所选角色id
roleId: "",
title: "",
queryParam: {},
selectType: '0',
queryName: '',
organizationId: '', // 组织机构ID
departmentId: '', // 部门ID
selectType: "0",
queryName: "",
organizationId: "", // 组织机构ID
departmentId: "", // 部门ID
departmentList: [], // 部门列表
levelList: [], // 职务级别
tableData: [],
sexList: [],
typeOptions: [
{
value: '0',
label: '姓名'
value: "0",
label: "姓名",
},
{
value: '1',
label: '工号'
value: "1",
label: "工号",
},
{
value: '2',
label: '部门'
value: "2",
label: "部门",
},
{
value: '3',
label: '机构'
}
value: "3",
label: "机构",
},
],
selectionList: [],
tableData: {
columns: [{
label: '序号',
type: 'index',
width: '50',
columns: [
{
label: "序号",
type: "index",
width: "50",
index: this.indexMethod,
}].concat(data.columns()).concat([ {
},
]
.concat(data.columns())
.concat([
{
label: "排序",
width: 380,
render: (h, scope) => {
return (
<div>
<el-button
type="text"
size="mini"
icon="el-icon-video-pause"
onClick={() => {
this.personnel(scope.row);
}}
>
人员
</el-button>
<el-button
type="text"
size="mini"
icon="el-icon-edit"
onClick={() => {
this.handleEdit(scope.row);
}}
>
修改
</el-button>
</div>
);
},
},
])
.concat([
{
label: "操作",
width: 380,
render: (h, scope) => {
return (
<div>
<el-button type="text" size="mini"
<el-button
type="text"
size="mini"
icon="el-icon-video-pause"
onClick={() => { this.personnel(scope.row) }}>人员
onClick={() => {
this.personnel(scope.row);
}}
>
人员
</el-button>
<el-button type="text" size="mini"
<el-button
type="text"
size="mini"
icon="el-icon-edit"
onClick={() => { this.handleEdit(scope.row) }}>修改
onClick={() => {
this.handleEdit(scope.row);
}}
>
修改
</el-button>
<el-button type="text" size="mini"
icon="el-icon-delete" style="color:#F56C6C"
onClick={() => { this.handleDel(scope.row) }}>删除
<el-button
type="text"
size="mini"
icon="el-icon-delete"
style="color:#F56C6C"
onClick={() => {
this.handleDel(scope.row);
}}
>
删除
</el-button>
</div>
);
},
},
]),
data: []
data: [],
},
pageData: {
total: 5,
pageSize: 15,
current: 1,
},
}
};
},
created() {
this.featchData();
},
methods: {
// 新增角色
handleAdd() {
// this.$refs.addEditDialog.menuType = this.menuType
// this.$refs.addEditDialog.roleId = value.id
// this.roleSort = value.sort ? value.sort : 0
// if (value.id) {
// this.$refs.addEditDialog.dialogForm.roleName = value.name
// this.$refs.addEditDialog.dialogForm.roleType = value.type
// this.$refs.addEditDialog.dialogForm.roleTextArea = value.description
// }
this.$refs.dialogForm.showAddEditDialog = true
// this.$refs.addEditDialog.dialogTitle = value.id ? '修改' : '新增'
this.$refs.addEditDialog.showAddEditDialog = true;
this.$refs.addEditDialog.dialogTitle = "新增";
},
// 修改角色
handleEdit(row) {
// this.$refs.addEditDialog.menuType = this.menuType
// this.$refs.addEditDialog.roleId = row.id
// this.roleSort = row.sort ? row.sort : 0
// if (row.id) {
// this.$refs.addEditDialog.dialogForm.roleName = row.name
// this.$refs.addEditDialog.dialogForm.roleType = row.type
// this.$refs.addEditDialog.dialogForm.roleTextArea = row.description
// }
this.$refs.dialogForm.showAddEditDialog = true
// this.$refs.addEditDialog.dialogTitle = row.id ? '修改' : '新增'
},
featchData () {
this.$refs.addEditDialog.roleId = row.id;
this.roleSort = row.sort ? row.sort : 0;
if (row.id) {
this.$refs.addEditDialog.dialogForm.roleName = row.name;
this.$refs.addEditDialog.dialogForm.roleType = row.type;
this.$refs.addEditDialog.dialogForm.roleTextArea = row.description;
}
this.$refs.addEditDialog.showAddEditDialog = true;
this.$refs.addEditDialog.dialogTitle = "修改";
},
featchData() {
this.tableData.data = [
{
job_name: "人事部材料管理员",
description: "材料管理员",
cron_expression: "管理内部材料",
id: "2176e915-fdb4-414a-b8d6-6cf63171cffc",
createdAt: "2022-10-31T07:08:29.293+0000",
updatedAt: "2022-10-31T07:08:29.293+0000",
createdBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
updatedBy: "3127e455-43ba-45ff-9326-0e02ef89485e",
sort: 29,
name: "人事部材料管理员",
type: "材料管理员",
category: 2,
description: "管理内部材料",
_X_ROW_KEY: "row_365",
},
]
];
},
personnel(){
personnel() {
this.$refs.rolesForm.adds();
// this.$refs.rolesForm.title = "人员配置";
this.$refs.rolesForm.title = "人员配置";
},
handleDel (row) {
this.$confirm('此操将进行删除操作, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
handleDel(row) {
this.$confirm("此操将进行删除操作, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
sjsbTask.sjsbTaskRemove(row.id)
sjsbTask
.sjsbTaskRemove(row.id)
.then((res) => {
if ((res.code = 200)) {
this.$message({
type: 'success',
type: "success",
message: res.message,
})
this.featchData()
});
this.featchData();
}
})
.catch((error) => {
this.$alert(error, '提示', {
confirmButtonText: '确定',
type: 'error'
})
})
this.$alert(error, "提示", {
confirmButtonText: "确定",
type: "error",
});
});
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消',
})
})
}
}
}
type: "info",
message: "已取消",
});
});
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
......
<template>
<Dialog :title="title" :show.sync="visible" :width="'715px'" @close="close()">
<template slot="content">
<vxe-table
show-overflow
:data="memberList"
border
class="header-bg-type1"
auto-resize
:checkbox-config="{ highlight: true, range: true }"
highlight-hover-row
max-height="500px"
:empty-render="{ name: 'NotData' }"
<Dialog
:title="title"
class="tableClass"
:show.sync="visible"
:width="'715px'"
@close="close()"
>
<template #empty>
<table-empty />
</template>
<vxe-table-column
type="checkbox"
width="60"
align="left"
fixed="left"
/>
<vxe-table-column
field="code"
title="工号"
fixed="left"
min-width="100"
show-header-overflow="tooltip"
show-overflow="tooltip"
align="left"
/>
<vxe-table-column
title="姓名"
fixed="left"
show-header-overflow="tooltip"
show-overflow="tooltip"
<template slot="content">
<lb-table
ref="multipleTable"
:pagination="false"
:column="tableData.column"
:data="tableData.data"
@selection-change="handleSelectionChange"
>
<template slot-scope="scope">
<svg-icon
:icon-class="
scope.row.sex === '0'
? 'male'
: scope.row.sex === '1'
? 'female'
: 'secrecy'
"
/>
{{ scope.row.name }}
</template>
</vxe-table-column>
<vxe-table-column
field="loginName"
title="用户名"
fixed="left"
show-header-overflow="tooltip"
show-overflow="tooltip"
/>
<vxe-table-column
field="departmentName"
title="部门"
show-header-overflow="tooltip"
show-overflow="tooltip"
/>
</vxe-table>
</lb-table>
</template>
<template slot="footer">
<el-button type="primary" class="save" @click="submitForm(1)"
<el-button type="primary" class="save" @click="handleSaveMember()"
>保存</el-button
>
<el-button class="cancel-button" @click="close()">取消</el-button>
......@@ -81,10 +33,46 @@ export default {
props: {},
data() {
return {
form: {
sex: "0",
title: "人员配置",
visible: false,
hasSelectList: [
{
name: "管理员",
loginName: "admin1",
departmentName: "研发部",
jobLevel: null,
},
{
name: "测试账号",
loginName: "admin2",
departmentName: "研发部",
jobLevel: null,
},
], //已经选择的id组成的数组
tableData: {
column: [
{
type: "selection",
},
{
prop: "name",
label: "姓名",
},
{
prop: "loginName",
label: "用户名",
},
{
prop: "departmentName",
label: "部门",
},
{
prop: "jobLevel",
label: "职务",
},
memberList: [
],
data: [
{
id: "3127e455-43ba-45ff-9326-0e02ef89485e",
createdAt: null,
......@@ -114,24 +102,23 @@ export default {
departmentName: "研发部",
_X_ROW_KEY: "row_276",
},
{
name: "管理员",
loginName: "admin1",
departmentName: "研发部",
jobLevel: null,
selectStatus: 0,
},
{
name: "测试账号",
loginName: "admin2",
departmentName: "研发部",
jobLevel: null,
selectStatus: 0,
},
],
title: "",
type: "",
visible: false,
showLoginName: false,
options: [],
setProps: {
value: "id",
label: "name",
children: "children",
expandTrigger: "hover",
checkStrictly: true, // 可取消关联，选择任意一级选项
emitPath: false,
},
sexList: [],
levelList: [],
organizationId: "", // 组织机构ID
departmentId: "", // 部门ID
},
multipleSelection: [],
};
},
computed: {},
......@@ -141,33 +128,49 @@ export default {
methods: {
adds() {
this.visible = true;
this.tableData.data.forEach((item, index) => {
if (item.selectStatus === 0) {
this.$nextTick(() => {
this.$refs.multipleTable.toggleRowSelection(
this.tableData.data[index],
true
);
});
}
});
},
edit(record) {
this.visible = true;
},
handleChange(value) {
this.form.departmentId = value;
},
close() {
// this.resetForm()
this.visible = false;
},
// 保存事件
handleSaveMember() {
// if (this.memberList.length === 0) {
// this.$message.warning("请添加待选人员");
// return false;
// }
// const idList = this.memberList.map(item => item.id)
// updateUser(this.roleId, idList).then(res => {
// if (res.status === 1) {
// this.$message.success({ message: '保存成功', showClose: true })
// this.showMemberConfigDialog = false
// this.$emit('setUsers', this.roleId)
// this.resetMemberConfig()
// } else this.$message.error({ message: res.message, showClose: true })
// })
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
},
};
</script>
<style scoped lang="scss">
.el-form {
.el-form-item__content {
.el-radio {
margin-right: 6px;
}
}
.el-checkbox {
line-height: 40px;
}
.col-pd0 {
padding: 0 !important;
}
/deep/.el-dialog__header{
text-align: center;
margin-bottom: 10px;
.el-dialog__title{
color: white;
}
}
</style>
......
......@@ -222,17 +222,16 @@ export default {
};
</script>
<style scoped lang="scss">
.el-form {
.el-form-item__content {
.el-radio {
margin-right: 6px;
}
}
.el-checkbox {
line-height: 40px;
}
.col-pd0 {
padding: 0 !important;
/deep/.el-input__inner {
background: #07388B;
border-radius: 2px;
border: 1px solid #6BC1FC;
}
/deep/.el-textarea__inner{
background: #07388B;
color: #fff;
}
/deep/.el-form-item__label{
color:#fff;
}
</style>
......
......@@ -7,10 +7,6 @@
<el-col :span="2" class="btnColRight">
<el-form-item>
<btn nativeType="cx" @click="handleAdd">添加人员</btn>
<!-- <btn nativeType="cx" @click="resetPassword(selectionRows)"
>重置密码</btn
>
<btn nativeType="cx" @click="resetSearch()">重置</btn> -->
</el-form-item>
</el-col>
</el-row>
......@@ -33,6 +29,13 @@
</template>
<script>
// 定时任务
import {
getUuid,
judgeSort,
realMove,
findParents,
removeTreeListItem,
} from "@/utils/operation";
import data from "./data";
import sjsbTask from "@/api/sjsbTask.js";
import tableMixin from "@/mixins/tableMixin.js";
......@@ -94,7 +97,28 @@ export default {
label: "排序",
width: 380,
render: (h, scope) => {
return <div></div>;
return (
<div>
<el-button
type="text"
disabled={scope.row.isTop}
onClick={() => {
this.moveUpward(scope.$index, scope.row);
}}
>
上移
</el-button>
<el-button
type="text"
disabled={scope.row.isBottom}
onClick={() => {
this.moveDown(scope.$index, scope.row);
}}
>
下移
</el-button>
</div>
);
},
},
{
......@@ -213,7 +237,7 @@ export default {
address: null,
_X_ROW_KEY: "row_43",
switch: true,
}
},
];
},
// 重置搜索
......@@ -256,6 +280,21 @@ export default {
})
.catch(() => {});
},
// 上移下移
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) {
realMove(row.bsmDict, "DOWN", this.tableData);
this.key++;
let id = findParents(this.tableData, row.bsmDict);
this.keyList = id;
},
// 重置用户密码
resetPassword(data) {
const ids = [];
......
<template>
<!-- 编辑 -->
<dialogBox title="操作内容" @closeDialog="closeDialog" @submitForm="handleSubmit" v-model="myValue">
<p>2222222222222222222222</p>
<p>2</p>
</dialogBox>
</template>
......