Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4c7539c9 by renchao@pashanhoo.com
Options

不动产明细查询

1 parent 1c532392
Expand all
Inline Side-by-side
Showing 17 changed files with 155 additions and 460 deletions
<template>
<dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="75%" :isButton="false" v-model="myValue">
<div v-Loading="Loading">
<el-steps :active="activeStep" finish-status="success">
<el-step title="条件录入"></el-step>
<el-step title="结果查询"></el-step>
<el-step title="结果展示"></el-step>
<el-step title="条件录入" @click.native="on_click(0)" class="pointer"></el-step>
<el-step title="查询结果" @click.native="on_click(2)" class="pointer"></el-step>
</el-steps>
<div v-if="isSearch">
<dydjbInfo ref="dydjbInfo" />
......@@ -42,39 +41,41 @@
<lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
:pagination="false">
</lb-table>
<div class="submit-button" style="padding-bottom:50px">
<el-button @click="resetClick" v-show="!isSearch">重置</el-button>
<el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
</div>
<div class="submit-button" style="padding-bottom:50px" v-if="this.formData.sqcxBsm==''">
<el-button @click="resetClick" v-show="!isSearch">重置</el-button>
<el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button>
<el-button @click="closeDialog">关闭</el-button>
</div>
</div>
</dialogBox>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import store from '@/store/index.js'
import dydjbInfo from "./dydjbInfo.vue";
import { getLodop } from "@/utils/LodopFuncs"
import { datas, sendThis } from "./dydjbdata";
import { addFwmxCxjgXx, getFwmxInfo, printJtcfInfo } from "@/api/jtfc.js";
import { getPrintTemplateByCode } from "@/api/print";
import { datas, sendThis } from "./dydjbdata";
import { getLodop } from "@/utils/LodopFuncs"
import dydjbInfo from "./dydjbInfo.vue";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData"]),
},
components: { dydjbInfo },
props: {
value: { type: Boolean, default: false },
sqcxBsm: { type: String, default: "" },
formData: {
type: Object,
default: () => { },
}
},
mounted () {
sendThis(this);
},
data () {
return {
Loading: false,
activeStep: 0,
myValue: this.value,
//是否查询
isSearch: false,
//查询结果列表字段
......@@ -99,22 +100,14 @@
},
};
},
mounted () {
this.loadData()
if (this.formData.sqcxBsm != '') {
this.activeStep = 2;
this.isSearch = true;
}
},
watch: {
value (val) {
this.myValue = val;
let that = this
if (val) {
this.form.sqrList = []
this.form.qlrList = []
this.isSearch = false
if (this.sqcxBsm == "") {
that.add("sqr");
that.add("qlr");
} else {
that.loadData();
}
}
},
"form.djSqcxDO.ycqrgx" (val) {
if (val == "1") {
this.form.qlrList = _.cloneDeep(this.form.sqrList);
......@@ -123,13 +116,25 @@
this.add("qlr");
}
},
"form.sqrList" (val) {
if (this.form.djSqcxDO.ycqrgx == '1') {
this.form.qlrList = _.cloneDeep(this.form.sqrList)
}
"form.sqrList": {
handler: function (val) {
if (this.form.djSqcxDO.ycqrgx == '1') {
this.form.qlrList = _.cloneDeep(val)
}
},
deep: true
}
},
methods: {
// 步骤条
on_click (e) {
if (e != '' || e != null) { this.activeStep = e }
if (e == 0) {
this.isSearch = false
} else {
this.isSearch = true
}
},
/**
* @description: closeDialog
* @author: renchao
......@@ -145,49 +150,43 @@
dyjlList: [],
}
},
//加载详细信息
/**
* @description: 加载详细信息
* @author: renchao
*/
loadData () {
this.$startLoading();
getFwmxInfo({ sqcxBsm: this.sqcxBsm }).then((res) => {
this.$endLoading();
this.Loading = true
getFwmxInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => {
this.Loading = false
if (res.code == 200) {
this.activeStep = 2;
this.isSearch = true;
this.$nextTick(() => {
this.$refs.dydjbInfo.setResult(res.result)
})
}
});
}).catch(() => {
this.Loading = false
})
},
//查询结果
/**
* @description: 查询结果
* @author: renchao
*/
queryChick () {
this.$startLoading();
this.Loading = true
this.activeStep = 1;
store.dispatch('user/reWorkFresh', false)
addFwmxCxjgXx(this.form).then((res) => {
this.$endLoading();
this.Loading = false
if (res.code == 200) {
store.dispatch('user/reWorkFresh', true)
this.activeStep = 2;
this.isSearch = true;
this.$nextTick(() => {
this.$refs.dydjbInfo.setResult(res.result)
})
this.$parent.queryClick();
}
});
})
},
//重置
/**
* @description: 重置
* @author: renchao
*/
resetClick () {
this.form.djSqcxDO = { ycqrgx: "1", cxyt: "", bdcqzh: "" };
this.form.sqrList = _.cloneDeep([this.newData]);
......@@ -214,7 +213,6 @@
this.form.qlrList.push(_.cloneDeep(this.newData));
}
},
//移除申请人或权利人
/**
* @description: 移除申请人或权利人
* @param {*} index
......@@ -229,7 +227,6 @@
this.form.qlrList.splice(index, 1);
}
},
//电话号码校验
/**
* @description: 电话号码校验
* @param {*} row
......@@ -249,9 +246,12 @@
};
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
/deep/.dialog_title::before{
@import "~@/styles/mixin.scss";
@import "~@/styles/public.scss";
/deep/.el-step__title {
margin-left: -15px;
}
/deep/.dialog_title::before {
content: "";
display: block;
width: 4px;
......@@ -261,25 +261,21 @@
top: -4px;
left: 0px;
}
.title {
padding-bottom: 10px;
margin-bottom: 10px;
display: block;
border-bottom: 1px solid $borderColor;
}
.title {
padding-bottom: 10px;
margin-bottom: 10px;
display: block;
border-bottom: 1px solid $borderColor;
}
.jtfccx-edit-con {
height: 80vh;
overflow-y: scroll;
}
.jtfccx-edit {
@include flex;
flex-direction: column;
overflow-y: hidden;
max-height: 85vh;
padding: 0 2px;
.jtfccx-edit-con {
flex: 1;
height: 100%;
overflow-y: scroll;
}
height: 82vh;
.submit-button {
text-align: center;
......@@ -289,27 +285,27 @@
}
}
/deep/.el-dialog__headerbtn .el-dialog__close {
color: #6B7A99 !important;
/deep/.el-dialog__headerbtn .el-dialog__close {
color: #6b7a99 !important;
position: relative;
top: -7px;
}
/deep/.dialogBox .dialog_title{
.el-icon-full-screen{
color: #409eff!important;
}
b {
color: white;
flex: 0.1;
margin: auto;
text-align: center;
align-items: center;
}
}
/deep/.el-dialog__header {
background: linear-gradient(3deg, #409eff, #a7cbee);
}
/deep/.el-dialog__headerbtn .el-dialog__close{
color: #409eff!important;
}
/deep/.dialogBox .dialog_title {
.el-icon-full-screen {
color: #409eff !important;
}
b {
color: white;
flex: 0.1;
margin: auto;
text-align: center;
align-items: center;
}
}
/deep/.el-dialog__header {
background: linear-gradient(3deg, #409eff, #a7cbee);
}
/deep/.el-dialog__headerbtn .el-dialog__close {
color: #409eff !important;
}
</style>
......
......@@ -2,31 +2,38 @@
<div class="jtfccx-edit-con">
<b class="title"></b>
<b class="title">房屋状况</b>
<lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList" :maxHeight="200" heightNumSetting
<lb-table :column="fwColumns" key="fwzk" :data="resultData.hdetailList"
:heightNumSetting="true" :minHeight="0" :rowStyleHeight='25'
:pagination="false">
</lb-table>
<b class="title">土地状况</b>
<lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail" :maxHeight="200" heightNumSetting
<lb-table :column="tdColumns" key="tdzk" :data="resultData.zdjbxxDetail"
:heightNumSetting="true" :minHeight="100" :rowStyleHeight='25'
:pagination="false">
</lb-table>
<b class="title">权属状况</b>
<lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail" :maxHeight="200" heightNumSetting
<lb-table :column="qszkColumns" key="qszk" :data="resultData.qsxxDetail"
:heightNumSetting="true" :minHeight="100" :rowStyleHeight='25'
:pagination="false">
</lb-table>
<b class="title">抵押登记</b>
<lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail" :maxHeight="200" heightNumSetting
<lb-table :column="diyaColumns" key="dydj" :data="resultData.dyaqDetail"
:heightNumSetting="true" :minHeight="100" :rowStyleHeight='25'
:pagination="false">
</lb-table>
<b class="title">预告登记</b>
<lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail" :maxHeight="200" heightNumSetting
<lb-table :column="ygdjColumns" key="ygdj" :data="resultData.ygdjDetail"
:heightNumSetting="true" :minHeight="100" :rowStyleHeight='25'
:pagination="false">
</lb-table>
<b class="title">查封状况</b>
<lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail" :maxHeight="200" heightNumSetting
<lb-table :column="cfdjColumns" key="cfdj" :data="resultData.cfdjDetail"
:heightNumSetting="true" :minHeight="100" :rowStyleHeight='25'
:pagination="false">
</lb-table>
<b class="title">异议登记</b>
<lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail" :maxHeight="200" heightNumSetting
<lb-table :column="yydjColumns" key="yydj" :data="resultData.yydjDetail"
:heightNumSetting="true" :minHeight="100" :rowStyleHeight='25'
:pagination="false">
</lb-table>
</div>
......@@ -98,10 +105,6 @@
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.jtfccx-edit-con {
max-height: 85vh;
overflow-y: scroll;
}
.table1 {
border-spacing: 0;
border-collapse: collapse;
......
......@@ -9,7 +9,7 @@ class data extends filter {
constructor() {
super()
}
columns() {
columns () {
return [
{
prop: 'qszt',
......@@ -45,11 +45,11 @@ class data extends filter {
}
]
}
fwCol() {
fwCol () {
return [
{
prop: 'zdymc',
label: '幢号111',
label: '幢号',
},
{
prop: 'hh',
......@@ -85,7 +85,7 @@ class data extends filter {
}
]
}
tdCol() {
tdCol () {
return [
{
prop: 'qsxz',
......@@ -121,17 +121,17 @@ class data extends filter {
}
]
}
diyaCol() {
diyaCol () {
return [
{
prop: 'dyfs',
label: '抵押方式',
render: (h, scope) => {
switch(scope.row.dyfs) {
switch (scope.row.dyfs) {
case '1':
return <div>一般抵押</div>
case '2':
return <div>最高额抵押</div>
case '2':
return <div>最高额抵押</div>
}
}
},
......@@ -161,7 +161,7 @@ class data extends filter {
}
]
}
ygdjCol() {
ygdjCol () {
return [
{
prop: 'ygdjzl',
......@@ -193,7 +193,7 @@ class data extends filter {
}
]
}
cfdjCol() {
cfdjCol () {
return [
{
prop: 'cfjg',
......@@ -217,7 +217,7 @@ class data extends filter {
}
]
}
yydjCol() {
yydjCol () {
return [
{
prop: 'yysqr',
......
......@@ -34,24 +34,22 @@
</el-form>
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.size" class="loadingtext" border @sort-change="handleSort"
<div class="from-clues-content loadingtext">
<lb-table :page-size="pageData.size" border @sort-change="handleSort"
:current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
</lb-table>
</div>
<addDydjb v-model="isDialog" :sqcxBsm="sqcxBsm" />
</div>
</template>
<script>
import { mapGetters } from "vuex";
import table from "@/utils/mixin/table";
import store from '@/store/index.js'
import { datas, sendThis } from "./dydjbdata";
import addDydjb from "./components/addDydjb.vue";
import { getSqcxPage } from "@/api/jtfc.js";
export default {
name: "dydjb",
components: { addDydjb },
mixins: [table],
mounted () {
sendThis(this);
......@@ -79,8 +77,21 @@
activated () {
this.queryClick();
},
computed: {
workFresh () {
return store.state.user.workFresh
}
},
watch: {
workFresh: {
handler (newValue, oldValue) {
this.queryClick()
},
deep: true,
immediate: true
}
},
methods: {
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
......@@ -102,8 +113,8 @@
* @author: renchao
*/
dydjbClick (scope) {
this.$popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", {
bsmSqcx: scope.row.bsmSqcx,
this.$popupDialog("明细详情", "sqcx/dydjb/components/addDydjb", {
sqcxBsm: scope.row.bsmSqcx,
})
},
/**
......@@ -120,8 +131,9 @@
* @author: renchao
*/
openAddDialog () {
this.isDialog = true
this.sqcxBsm = ''
this.$popupDialog("房屋明细查询", "sqcx/dydjb/components/addDydjb", {
sqcxBsm: ''
})
}
},
};
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-11-15 16:28:13
* @LastEditTime: 2024-03-27 10:03:15
-->
<template>
<div class="from-clues">
......@@ -109,7 +109,7 @@
}, '80%')
},
/**
* @description: handleAdd
* @description: handleViewClick
* @param {*} row
* @author: renchao
*/
......
......@@ -167,8 +167,4 @@
/deep/.el-form-item {
margin-bottom: 0 !important;
}
.sqcxjlInfo {
max-height: 85vh;
overflow-y: scroll;
}
</style>
......
<!--
* @Description:补充材料通知书
* @Autor: renchao
* @LastEditTime: 2024-02-26 09:04:04
* @LastEditTime: 2024-03-27 11:24:03
-->
<template>
<div class="clmlmx-box">
......@@ -36,7 +36,7 @@
selectList: [],
loading: false,
sortable: null,
newDate: getNewDate(),
newDate: getNewDate(),
column: [
{
type: 'selection',
......@@ -134,22 +134,20 @@
}
getPrintTemplateByCode({ tmpno: 'bdcdjbccltts' }).then(res => {
if (res.code === 200) {
console.log("this.selectListssssssssss",this.selectList);
getPrintSupplementalMaterials(this.formData.bsmSldy, this.selectList).then(infoRes => {
this.loading = false
if (infoRes.code === 200) {
console.log("infoRes.resultsssssssssss",infoRes.result);
if (infoRes.result.fileList && infoRes.result.fileList.length > 0) {
infoRes.result.fileList.forEach((it, index) => {
let key = index + 1
this.$set(infoRes.result, "file" + key, it.sjmc)
this.$set(infoRes.result, "file" + key + 'ys', it.ys)
this.$set(infoRes.result, "file" + key + 'lx', it.sjlx==1?"原件":"复印件")
this.$set(infoRes.result, "file" + key + 'lx', it.sjlx == 1 ? "原件" : "复印件")
})
}
infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0]
infoRes.result.nowyue = this.newDate.slice(5,7)
infoRes.result.nowri = this.newDate.slice(8,10)
infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0]
infoRes.result.nowyue = this.newDate.slice(5, 7)
infoRes.result.nowri = this.newDate.slice(8, 10)
let date = infoRes.result.sqrq
infoRes.result.sqnian = date.split(' ')[0].split('-')[0]
infoRes.result.sqyue = date.split(' ')[0].split('-')[1]
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-10-24 17:18:02
* @LastEditTime: 2024-03-27 16:38:39
-->
<template>
<div class="clxx">
......@@ -374,7 +374,7 @@
display: flex;
.menu-tree {
width: 20%;
width: 30%;
min-width: 160px;
height: 100%;
margin-right: 10px;
......@@ -405,7 +405,8 @@
border-radius: 6px;
line-height: 20px;
transition: all 0.3s;
padding: 8px 0;
padding: 3px 0;
word-wrap: break-word;
}
.child:hover {
......@@ -421,7 +422,7 @@
}
.clyl-img {
width: 75%;
width: 70%;
height: 100%;
background: #f3f4f7;
margin: 0 auto;
......
......@@ -100,7 +100,7 @@
};
import store from '@/store/index.js'
import { addQy, update, addYh } from "@/api/xxba.js"
import clxx from './clxx/index.vue'
import clxx from '../../components/clxx/index.vue'
export default {
props: {
formData: {
......
<template>
<div style="height:650px">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="银行信息" name="1"></el-tab-pane>
<el-tab-pane label="企业信息" name="1"></el-tab-pane>
<el-tab-pane label="材料信息" v-if="formData.isAdd==2" name="2"></el-tab-pane>
</el-tabs>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" style="height:90%" v-if="activeName==1" :rules="rules">
<div style="height:90%">
<el-row>
<el-col :span="12">
<el-form-item label="银行名称:" prop="qymc">
<el-form-item label="企业名称:" prop="qymc">
<el-input v-model="ruleForm.qymc"></el-input>
</el-form-item>
</el-col>
......@@ -100,7 +100,7 @@
};
import store from '@/store/index.js'
import { addQy, update, addYh } from "@/api/xxba.js"
import clxx from './clxx/index.vue'
import clxx from '../../components/clxx/index.vue'
export default {
props: {
formData: {
......@@ -149,7 +149,7 @@
],
rules: {
qymc: [
{ required: true, message: '银行名称不能为空', trigger: 'blur' }
{ required: true, message: '企业名称不能为空', trigger: 'blur' }
],
dh: [
{ required: true, validator: checkPhone, trigger: ["blur"] },
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 15:50:26
-->
<template>
<dialogBox title="新建材料信息" width="20%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
:isFullscreen="false">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px">
<el-row>
<el-col :span="24">
<el-form-item label="材料类型" prop="cllx">
<el-select v-model="ruleForm.cllx" class="width100" placeholder="请选择">
<el-option v-for="item in cllxList" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="材料名称" prop="clmc">
<el-input v-model="ruleForm.clmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="24">
<el-form-item label="材料编码" prop="clbm">
<el-input v-model="ruleForm.clbm"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</dialogBox>
</template>
<script>
import store from '@/store/index.js'
export default {
props: {
value: { type: Boolean, default: false },
},
data () {
return {
cllxList: store.getters.dictData['A40'],
myValue: this.value,
ruleForm: {
cllx: "",
clmc: "",
clbm: ""
},
rules: {
cllx: [
{ required: true, message: '请选择材料类型', trigger: 'change' }
],
clmc: [
{ required: true, message: '请输入材料名称', trigger: 'blur' }
],
clbm: [
{ required: true, message: '请输入材料编码', trigger: 'blur' }
],
}
}
},
watch: {
value (val) {
this.myValue = val;
},
},
methods: {
/**
* @description: closeDialog
* @author: renchao
*/
closeDialog () {
this.$emit("input", false);
this.ruleForm = {
cllx: "",
clmc: "",
}
},
/**
* @description: handleSubmit
* @author: renchao
*/
handleSubmit () {
this.$refs['ruleForm'].validate((valid) => {
if (valid) {
this.$parent.addSave(this.ruleForm);
this.ruleForm = {
cllx: "",
clmc: "",
}
this.$emit("input", false);
} else {
return false;
}
})
}
}
};
</script>
<style scoped lang="scss">
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
</style>
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-15 15:38:53
-->
<template>
<div class="clmlmx-box">
<lb-table :column="column" :key="key" row-key="bsmMaterial" ref="listTable" :heightNumSetting="true" :calcHeight="500" :pagination="false"
:data="tableData">
</lb-table>
<div class="text-center">
<el-button @click="handleCancel">取消</el-button>
<el-button type="primary" @click="handleSubmit" :loading="loading">保存</el-button>
</div>
</div>
</template>
<script>
import store from '@/store/index.js'
import Sortable from 'sortablejs'
import { ywPopupCacel } from "@/utils/popup.js";
import { editCompanyMaterialList } from "@/api/company.js";
export default {
props: {
formData: {
type: Object,
default: () => {
return {}
}
}
},
data () {
return {
loading: false,
sortable: null,
column: [
{
label: "材料名称",
render: (h, scope) => {
return (
<el-input value={scope.row.clmc} onInput={(val) => { scope.row.clmc = val }}></el-input>
)
}
},
{
label: "材料编码",
render: (h, scope) => {
return (
<el-input value={scope.row.clbm} onInput={(val) => { scope.row.clbm = val }}></el-input>
)
}
},
{
label: "材料类型",
width: "110",
render: (h, scope) => {
return (
<el-select value={scope.row.cllx}
onChange={(val) => { scope.row.cllx = val }}>
{
store.getters.dictData['A40'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select>
)
}
},
{
label: "页数",
width: "80",
render: (h, scope) => {
if (scope.row.count && scope.row.count > 0) {
return (
<div>
<span>{scope.row.count}</span>
</div>
);
} else {
return (
<div>
<span>0</span>
</div>
);
}
},
},
{
label: "操作",
width: "100",
render: (h, scope) => {
return (
<el-button
type="text"
icon="el-icon-delete"
disabled={scope.row.count != 0}
onClick={() => {
this.handleDelete(scope.$index, scope.row);
}}
>
删除
</el-button>
)
}
}
],
key: 0,
tableData: []
}
},
mounted () {
this.initSort()
this.tableData = _.cloneDeep(this.formData.data)
},
beforeDestroy () {
if (this.sortable) {
this.sortable.destroy();
}
},
watch: {
'formData.data': {
handler: function (val, oldVal) {
this.tableData = _.cloneDeep(val)
},
immediate: true,
deep: true
}
},
methods: {
handleCancel () {
ywPopupCacel()
},
handleSubmit () {
this.loading = true
store.dispatch('user/reWorkFresh', false)
editCompanyMaterialList(this.tableData, this.formData.bsmCompany).then(res => {
this.loading = false
if (res.code == 200) {
this.$message({
message: '保存成功',
type: 'success'
})
store.dispatch('user/reWorkFresh', true)
ywPopupCacel()
}
}).catch(() => {
this.loading = false
})
},
/**
* @description: 材料目录删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
handleDelete (index, row) {
this.$confirm('此操作将永久删除该 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1);
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
initSort () {
const el = this.$refs.listTable.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
this.sortable = Sortable.create(el, {
ghostClass: 'sortable-ghost',
setData: function (dataTransfer) {
dataTransfer.setData('Text', '')
},
onEnd: evt => {
const targetRow = this.tableData.splice(evt.oldIndex, 1)[0];
this.tableData.splice(evt.newIndex, 0, targetRow);
}
})
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
</style>