Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
a409d338 by xiaomiao
Options

--no commit message

1 parent 3f51d0a2
Inline Side-by-side
Showing 30 changed files with 940 additions and 619 deletions
......@@ -76,4 +76,10 @@
/deep/.el-form-item__label {
padding-bottom: 0px;
}
\ No newline at end of file
}
// 控制表单是否只读
.readonly{
/deep/.el-form-item__content{
pointer-events: none!important;
}
}
......
......@@ -273,6 +273,7 @@ export default {
},
},
methods: {
closeDialog() {
this.$emit("input", false);
this.$refs["ruleForm"].resetFields();
......
......@@ -41,7 +41,7 @@ var qlxxPage = [
];
//组装登记簿树形结构
export function loadTreeData(qlxxData, bdcdyh) {
export function loadTreeData(qlxxData) {
let treedata = [];
//加载封面
treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
......
......@@ -5,220 +5,284 @@
-->
<template>
<div>
<lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
:data="tableDataList">
<lb-table
:column="column"
:pagination="false"
:key="key"
:heightNumSetting="true"
:minHeight="150"
:data="tableDataList"
>
</lb-table>
<addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
<addQlr
v-model="dialog"
:details="details"
:showButton="showButton"
@updateDetail="handleupdateDetail"
/>
</div>
</template>
<script>
import addQlr from './dialog/addQlr.vue'
import { mapGetters } from 'vuex'
export default {
components: {
addQlr
import addQlr from "./dialog/addQlr.vue";
import { mapGetters } from "vuex";
export default {
components: {
addQlr,
},
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return [];
},
},
computed: {
...mapGetters(["dictData"]),
ableOperation: {
type: Boolean,
default: false,
},
props: {
tableData: {
type: Array,
default: function () {
return []
}
},
gyfs: {
type: String,
default: '1'
}
gyfs: {
type: String,
default: "1",
},
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.$route.query.viewtype ? false : true,
details: {},
tableDataList: [],
InformationTable: [
{
width: '50',
renderHeader: (h, scope) => {
return <div> {
this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
}
},
data() {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.ableOperation,
details: {},
tableDataList: [],
InformationTable: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
},
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
<i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
}
</div>
)
}
);
},
{
label: '身份证读卡器',
align: 'center',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
}
render: (h, scope) => {
return (
<div>
{!this.ableOperation ? (
<span>{scope.$index + 1}</span>
) : (
<i
class="el-icon-minus pointer"
onClick={() => {
this.deleClick(scope.$index, scope.row);
}}
></i>
)}
</div>
);
},
{
prop: "qlrmc",
label: "姓名/名称"
},
{
label: "身份证读卡器",
align: "center",
render: (h, scope) => {
return (
<el-button
type="text"
icon="el-icon-tickets"
disabled={!this.ableOperation}
onClick={() => {
this.readClick(scope);
}}
>
读取
</el-button>
);
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return this.dictData['A30'] && this.dictData['A30'].map(option => {
},
{
prop: "qlrmc",
label: "姓名/名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
this.dictData["A30"] &&
this.dictData["A30"].map((option) => {
if (option.dcode == scope.row.zjzl) {
return <span>{option.dname}</span>
return <span>{option.dname}</span>;
}
})
}
},
{
prop: "zjh",
label: "证件号"
);
},
{
prop: "dh",
label: "联系电话"
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "dh",
label: "联系电话",
},
{
label: "操作",
render: (h, scope) => {
return (
<div>
{this.$route.query.viewtype ? (
<el-button
icon="el-icon-view"
type="text"
onClick={() => {
this.queryViewClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
{" "}
查看
</el-button>
) : (
<el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => {
this.editClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
编辑
</el-button>
)}
</div>
);
},
{
label: '操作',
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype ? <el-button
icon="el-icon-view"
type="text"
onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
}
</div>
)
}
}
],
column: []
}
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([{
qlrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
}])
} else {
that.tableDataList = _.cloneDeep(val)
}
})
},
immediate: true,
deep: true
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList)
} else if ((newVal == '1' || newVal == '3')) {
this.column = dataList
],
column: [],
};
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
qlrmc: "",
dlrzjlx: "",
dlrzjh: "",
fr: "",
},
]);
} else {
this.column = _.cloneDeep(dataList)
this.column.splice(
2, 0, {
prop: "fs",
label: "份数"
})
that.tableDataList = _.cloneDeep(val);
}
},
immediate: true
}
});
},
immediate: true,
deep: true,
},
methods: {
handleupdateDetail (value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
gyfs: {
handler(newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable);
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList);
} else if (newVal == "1" || newVal == "3") {
this.column = dataList;
} else {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
this.column = _.cloneDeep(dataList);
this.column.splice(2, 0, {
prop: "fs",
label: "份数",
});
}
this.key++
},
// 新增
addClick () {
if (this.gyfs == '0' && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
} else {
this.dialog = true
this.isaddupdate = true
immediate: true,
},
},
methods: {
handleupdateDetail(value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
},
} else {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
}
this.key++;
},
// 新增
addClick() {
if (this.gyfs == "0" && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
} else {
this.dialog = true;
this.isaddupdate = true;
}
},
// 删除
deleClick (index, row) {
this.$confirm('确定要删除吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1)
}).catch(() => {
});
},
// 删除
deleClick(index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.tableData.splice(index, 1);
})
.catch(() => {});
},
// 身份证读取
readClick () { },
// 身份证读取
readClick() {},
// 修改
editClick (index, row) {
// popupDialog("申请人信息", "workflow/components/addQlr", {
// showButton: this.$route.query.viewtype ? false : true,
// dataIndex :index,
// details :row,
// isaddupdate :false
// });
this.dataIndex = index
this.dialog = true
this.details = row
this.isaddupdate = false
},
queryViewClick (index, row) {
// popupDialog("申请人信息", "workflow/components/addQlr", {
// showButton: this.$route.query.viewtype ? false : true,
// details: row,
// });
this.dialog = true
this.details = row
}
}
}
// 身份证读取按钮禁用
onreadClick() {
this.$message.error("此阶段不可编辑");
},
// 修改
editClick(index, row) {
// popupDialog("申请人信息", "workflow/components/addQlr", {
// showButton: this.$route.query.viewtype ? false : true,
// dataIndex :index,
// details :row,
// isaddupdate :false
// });
this.dataIndex = index;
this.dialog = true;
this.details = row;
this.isaddupdate = false;
},
queryViewClick(index, row) {
// popupDialog("申请人信息", "workflow/components/addQlr", {
// showButton: this.$route.query.viewtype ? false : true,
// details: row,
// });
this.dialog = true;
this.details = row;
},
},
};
</script>
<style scoped lang="scss">
</style>
<style scoped lang="scss"></style>
......
......@@ -5,217 +5,279 @@
-->
<template>
<div>
<lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
:data="tableDataList">
<lb-table
:column="column"
:pagination="false"
:key="key"
:heightNumSetting="true"
:minHeight="150"
:data="tableDataList"
>
</lb-table>
<addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
<addYwr
v-model="dialog"
:details="details"
:showButton="showButton"
@updateDetail="handleupdateDetail"
/>
</div>
</template>
<script>
import addYwr from './dialog/addYwr.vue'
import { mapGetters } from 'vuex'
export default {
components: {
addYwr
import addYwr from "./dialog/addYwr.vue";
import { mapGetters } from "vuex";
export default {
components: {
addYwr,
},
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return [];
},
},
computed: {
...mapGetters(["dictData"]),
ableOperation: {
type: Boolean,
default: false,
},
props: {
tableData: {
type: Array,
default: function () {
return []
}
},
gyfs: {
type: String,
default: '1'
}
gyfs: {
type: String,
default: "1",
},
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.$route.query.viewtype ? false : true,
details: {},
tableDataList: [],
InformationTable: [
{
width: '50',
renderHeader: (h, scope) => {
return <div> {
this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
}
},
data() {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.ableOperation,
details: {},
tableDataList: [],
InformationTable: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
},
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
<i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
}
</div>
)
}
);
},
{
label: '身份证读卡器',
align: 'center',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
}
render: (h, scope) => {
return (
<div>
{!this.ableOperation ? (
<span>{scope.$index + 1}</span>
) : (
<i
class="el-icon-minus pointer"
onClick={() => {
this.deleClick(scope.$index, scope.row);
}}
></i>
)}
</div>
);
},
{
prop: "ywrmc",
label: "姓名/名称"
},
{
label: "身份证读卡器",
align: "center",
render: (h, scope) => {
return (
<el-button
type="text"
icon="el-icon-tickets"
disabled={!this.ableOperation}
onClick={() => {
this.readClick(scope);
}}
>
读取
</el-button>
);
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return this.dictData['A30'] && this.dictData['A30'].map(option => {
},
{
prop: "ywrmc",
label: "姓名/名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
this.dictData["A30"] &&
this.dictData["A30"].map((option) => {
if (option.dcode == scope.row.zjzl) {
return <span>{option.dname}</span>
return <span>{option.dname}</span>;
}
})
}
);
},
{
prop: "zjh",
label: "证件号"
},
{
prop: "dh",
label: "联系电话"
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "dh",
label: "联系电话",
},
{
label: "操作",
render: (h, scope) => {
return (
<div>
{this.$route.query.viewtype ? (
<el-button
icon="el-icon-view"
type="text"
onClick={() => {
this.queryViewClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
{" "}
查看
</el-button>
) : (
<el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => {
this.editClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
编辑
</el-button>
)}
</div>
);
},
{
label: '操作',
render: (h, scope) => {
return (
<div>
{
this.$route.query.viewtype ? <el-button
icon="el-icon-view"
type="text"
onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
}
</div>
)
}
}
],
column: []
}
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([{
ywrmc: '',
dlrzjlx: '',
dlrzjh: '',
fr: ''
}])
} else {
that.tableDataList = _.cloneDeep(val)
}
})
},
immediate: true,
deep: true
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList)
} else if ((newVal == '1' || newVal == '3')) {
this.column = dataList
],
column: [],
};
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
ywrmc: "",
dlrzjlx: "",
dlrzjh: "",
fr: "",
},
]);
} else {
this.column = _.cloneDeep(dataList)
this.column.splice(
2, 0, {
prop: "fs",
label: "份数"
})
that.tableDataList = _.cloneDeep(val);
}
},
immediate: true
}
});
},
immediate: true,
deep: true,
},
methods: {
handleupdateDetail (value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
gyfs: {
handler(newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable);
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList);
} else if (newVal == "1" || newVal == "3") {
this.column = dataList;
} else {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit('upDateQlrxxList', this.tableDataList)
}
this.column = _.cloneDeep(dataList);
this.column.splice(2, 0, {
prop: "fs",
label: "份数",
});
}
this.key++
},
// 新增
addClick () {
if (this.gyfs == '0' && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
} else {
this.dialog = true
this.isaddupdate = true
immediate: true,
},
},
methods: {
handleupdateDetail(value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
},
} else {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
}
this.key++;
},
// 新增
addClick() {
if (this.gyfs == "0" && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有，无法添加多个权利人");
} else {
this.dialog = true;
this.isaddupdate = true;
}
},
// 删除
deleClick (index, row) {
this.$confirm('确定要删除吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.tableData.splice(index, 1)
}).catch(() => {
});
},
// 删除
deleClick(index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.tableData.splice(index, 1);
})
.catch(() => {});
},
// 身份证读取
readClick () { },
// 身份证读取
readClick() {},
// 修改
editClick (index, row) {
// popupDialog("申请人信息", "workflow/components/addYwr", {
// showButton: this.$route.query.viewtype ? false : true,
// dataIndex :index,
// details :row,
// isaddupdate :false
// });
this.dataIndex = index
this.dialog = true
this.details = row
this.isaddupdate = false
},
queryViewClick (index, row) {
// popupDialog("申请人信息", "workflow/components/addYwr", {
// showButton: this.$route.query.viewtype ? false : true,
// details: row,
// });
this.dialog = true
this.details = row
}
}
}
// 修改
editClick(index, row) {
// popupDialog("申请人信息", "workflow/components/addYwr", {
// showButton: this.$route.query.viewtype ? false : true,
// dataIndex :index,
// details :row,
// isaddupdate :false
// });
this.dataIndex = index;
this.dialog = true;
this.details = row;
this.isaddupdate = false;
},
queryViewClick(index, row) {
// popupDialog("申请人信息", "workflow/components/addYwr", {
// showButton: this.$route.query.viewtype ? false : true,
// details: row,
// });
this.dialog = true;
this.details = row;
},
},
};
</script>
......
......@@ -10,12 +10,13 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="145px"
inline-message
:class="{readonly: editDisabled }"
class="loadingtext"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -340,7 +341,7 @@
</el-form-item>
</el-col>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -359,6 +360,14 @@ export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
......@@ -426,6 +435,7 @@ export default {
dname: "是",
},
],
ableOperation:false,
//传递参数\
ssQlxxList: [],
......@@ -444,7 +454,9 @@ export default {
created() {
this.loadData();
},
mounted() {},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
......@@ -570,6 +582,13 @@ export default {
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -9,7 +9,8 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -455,6 +456,7 @@
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
......@@ -467,11 +469,12 @@
v-if="ruleForm.ywrData"
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -490,6 +493,14 @@ export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
......@@ -546,6 +557,7 @@ export default {
],
ssQlxxList: [],
ztQlxxList: [],
ableOperation:false,
rules: {
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
......@@ -570,7 +582,9 @@ export default {
created() {
this.loadData();
},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
......@@ -703,4 +717,5 @@ export default {
.el-table__row {
height: 30px !important;
}
</style>
......
......@@ -9,7 +9,8 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -244,6 +245,7 @@
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
......@@ -256,11 +258,12 @@
v-if="ruleForm.ywrData"
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -279,6 +282,14 @@ export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
......@@ -328,6 +339,7 @@ export default {
dname: "历史",
},
],
ableOperation:false,
//传递参数\
rules: {
bdcqzhrules:[
......@@ -343,7 +355,9 @@ export default {
created() {
this.loadData();
},
mounted() {},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
loadData() {
this.propsParam.isEdit = this.$parent.isEdit;
......
......@@ -9,7 +9,8 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -272,6 +273,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation"
/>
<div class="slxx_title title-block">
权利人信息
......@@ -318,11 +320,12 @@
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:ableOperation="ableOperation"
:key="key"
:gyfs="ruleForm.qlxx.gyfs"
/>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -343,6 +346,14 @@ export default {
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
......@@ -405,6 +416,7 @@ export default {
disabled: true,
czrOptions: [],
ruleForm: {},
ableOperation:false,
//传递参数\
rules: {
......@@ -422,7 +434,9 @@ export default {
created() {
this.loadData();
},
mounted() {},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
loadData() {
......
......@@ -9,7 +9,8 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -214,6 +215,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation"
/>
<div class="slxx_title title-block">
权利人信息
......@@ -262,12 +264,12 @@
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:viewtype="$route.query.viewtype"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -285,6 +287,14 @@ export default {
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
......@@ -301,7 +311,7 @@ export default {
},
//表单是否可操作
propsParam: this.$attrs,
ableOperation: true,
ableOperation:false,
key: 0,
// 登记类型
djlxlist: [
......@@ -362,7 +372,9 @@ export default {
created() {
this.loadData();
},
mounted() {},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
// 字典
getDictData(val) {
......
......@@ -9,7 +9,8 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -241,6 +242,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation"
/>
<div class="slxx_title title-block">
权利人信息
......@@ -250,8 +252,8 @@
<el-col :span="12">
<el-form-item label="共有方式：">
<el-radio-group
:disabled="$route.query.viewtype == 0"
v-model="ruleForm.qlxx.gyqk"
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
......@@ -289,11 +291,11 @@
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:viewtype="$route.query.viewtype"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -311,6 +313,14 @@ export default {
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
......@@ -327,7 +337,6 @@ export default {
},
//表单是否可操作
propsParam: this.$attrs,
ableOperation: true,
key: 0,
// 登记类型
djlxlist: [
......@@ -373,6 +382,7 @@ export default {
disabled: true,
czrOptions: [],
ruleForm: {},
ableOperation:false,
//传递参数\
rules: {
bdcqzhrules: [
......@@ -388,7 +398,9 @@ export default {
created() {
this.loadData();
},
mounted() {},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
// 字典
getDictData(val) {
......@@ -491,4 +503,9 @@ export default {
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.loadingtext{
/deep/.el-form-item__content{
pointer-events: none!important;
}
}
</style>
......
......@@ -10,7 +10,8 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -283,6 +284,7 @@
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
......@@ -295,11 +297,12 @@
v-if="ruleForm.ywrData"
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -317,6 +320,14 @@ export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
......@@ -377,12 +388,15 @@ export default {
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
},
ableOperation:false,
};
},
created() {
this.loadData();
},
mounted() {},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
loadData() {
this.propsParam.isEdit=this.$parent.isEdit
......
......@@ -9,7 +9,8 @@
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
......@@ -202,6 +203,7 @@
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
<div v-if="ruleForm.ywrData">
......@@ -213,6 +215,7 @@
v-if="ruleForm.ywrData"
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
......@@ -235,6 +238,14 @@ export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
......@@ -294,12 +305,15 @@ export default {
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
},
ableOperation:false
};
},
created() {
this.loadData();
},
mounted() {},
mounted() {
this.ableOperation =this.$parent.ableOperation
},
methods: {
loadData() {
this.propsParam.isEdit=this.$parent.isEdit
......
......@@ -7,7 +7,7 @@
<div class="spyj loadingtext">
<div class="box">
<div class="spyj_title">
<div class="leftadd">
<div class="leftadd" v-if="ableOperation">
<i
class="el-icon-plus pointer"
@click="addClick()"
......@@ -25,12 +25,15 @@
>
<div class="spyj_form">
<div class="item_left">
<div class="left">
<div class="left" v-if="ableOperation">
<i
class="el-icon-minus pointer"
@click="deleClick()"
></i>
</div>
<div class="left" v-else>
{{index+1}}
</div>
<div class="right">{{ item.jdmc }}意见</div>
</div>
<div class="item_right">
......@@ -42,6 +45,7 @@
prop="shyj"
>
<el-input
:disabled="!ableOperation"
type="textarea"
:rows="4"
class="opinion"
......@@ -55,12 +59,13 @@
<el-row>
<el-col :span="16">
<el-form-item label="审查人" prop="shryxm">
<el-input v-model="item.shryxm"></el-input>
<el-input :disabled="!ableOperation" v-model="item.shryxm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审核时间" prop="shkssj">
<el-form-item class="sjxzq" label="审核时间" prop="shkssj">
<el-date-picker
:disabled="!ableOperation"
v-model="item.shkssj"
type="date"
placeholder="选择日期"
......@@ -95,7 +100,7 @@ export default {
return {
isNoData: false,
currentindex:0,
ableOperation: true,
ableOperation: false,
tableData: [{ jdmc: "初审" }],
rules: {
shyj: [{ required: true, message: "请填写意见", trigger: "blur" }],
......@@ -116,11 +121,7 @@ export default {
},
created() {},
mounted() {
this.propsParam.isEdit=this.$parent.isEdit
this.propsParam = this.$attrs;
if (this.$route.query.viewtype) {
this.ableOperation = false
}
this.ableOperation=this.$parent.ableOperation
this.getShList();
},
methods: {
......@@ -305,7 +306,6 @@ export default {
/deep/.el-form-item__content {
display: block;
text-align: left;
text-indent: 10px;
}
.opinion_item {
/deep/.el-form-item__error {
......@@ -337,5 +337,11 @@ export default {
text-align: center;
margin: 15px 0;
}
.el-date-editor.el-input{
width: 100%;
}
}
</style>
......
......@@ -60,11 +60,9 @@ export default {
})
if(arr.length){
console.log("1111111111111111111");
this.$refs.Menu.getleftMenubl();
}else{
this.ableOperation=false
console.log("22222222222222");
this.$refs.Menu.getleftMenubl(1);
}
}
......
......@@ -98,11 +98,6 @@
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//受理申请标识码
bdcdyid: this.$route.query.bdcdyid,
//当前流程所在环节
bdcdyh: this.$route.query.bdcdyh,
qllx: this.$route.query.qllx,
//设置那个表单选中
tabName: "",
isEdit: true,
......@@ -124,6 +119,7 @@
tabdata: [],
bsmRepair:"",
defaultNode: {},
ableOperation:false
};
},
mounted () {
......@@ -138,6 +134,7 @@
this.$nextTick(function () {
this.tabList = res.result;
this.tabName = this.tabList[0].value;
this.ableOperation=this.tabList[0].ableOperation
this.getFromRouter(this.tabName);
});
});
......@@ -185,7 +182,7 @@
bdcdyh: this.currentSelectProps.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(res.result, this.bdcdyh);
this.treedata = loadTreeData(res.result);
this.$nextTick(function () {
this.defaultNode = getNode(this.currentSelectProps.qllx, {
linShi: 0,
......
......@@ -100,13 +100,7 @@ export default {
data() {
return {
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//受理申请标识码
bdcdyid: this.$route.query.bdcdyid,
//当前流程所在环节
bdcdyh: this.$route.query.bdcdyh,
qllx: this.$route.query.qllx,
//设置那个表单选中
tabName: "",
// 弹框显示
......@@ -129,6 +123,7 @@ export default {
bsmRepair:"",
tabdata: [],
defaultNode: {},
ableOperation:false
};
},
mounted() {
......@@ -144,6 +139,8 @@ export default {
this.$nextTick(function () {
this.tabList = res.result;
this.tabName = this.tabList[0].value;
console.log("是否只读",this.tabList[0].ableOperation);
this.ableOperation=this.tabList[0].ableOperation
this.getFromRouter(this.tabName);
});
});
......
<template>
<div class="content">
<div class="content loadingtext">
<div class="left">
<el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick"
:default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]">
......
......@@ -70,7 +70,7 @@
this.clmlInitList(1)
},
mounted() {
this.ableOperation = this.$parent.isEdit;
this.ableOperation=this.$parent.ableOperation
},
methods: {
// 自动预览
......
......@@ -10,62 +10,66 @@
border
:pagination="false"
:key="key"
:header-cell-style="{'text-align':'center'}"
:header-cell-style="{ 'text-align': 'center' }"
:heightNumSetting="true"
:minHeight="150"
height="150"
style="width: 100%">
<el-table-column
prop="index"
width="50"
:render-header="renderHeader">
<template slot-scope="scope">
style="width: 100%"
>
<el-table-column prop="index" width="50" :render-header="renderHeader">
<template slot-scope="scope">
<i
class="el-icon-minus pointer"
@click="deleClick(scope.$index, scope.row)"
v-if="!$route.query.viewtype == 1"
v-if="ableOperation"
></i>
<div style="text-align:center;" v-else>
{{ scope.$index+1}}
<div style="text-align: center" v-else>
{{ scope.$index + 1 }}
</div>
</template>
</el-table-column>
<el-table-column prop="yt" label="土地用途" min-width="100">
<el-table-column prop="tdyt" label="土地用途" min-width="100">
<template slot-scope="scope">
<treeselect
v-model="tdyt"
:disabled="disabled"
:disabled="!ableOperation"
noOptionsText="暂无数据"
:show-count="true"
:options="dictData['tdyt']"
:normalizer="normalizer"
:appendToBody="true" z-index="9999"
@input="addrow(scope.row)" />
:appendToBody="true"
z-index="9999"
@input="addrow(scope.row)"
/>
</template>
</el-table-column>
<el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
<template slot-scope="scope">
<el-date-picker
v-model='scope.row.qssj'
v-model="scope.row.qssj"
type="date"
:disabled="disabled"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
@blur="addrow(scope.row)">
:disabled="!ableOperation"
:picker-options="scope.row.pickerStart"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
@input="startTime(scope.$index)"
>
</el-date-picker>
</template>
</el-table-column>
<el-table-column prop="jssj" label="土地使用结束时间" min-width="100">
<template slot-scope="scope">
<el-date-picker
v-model='scope.row.jssj'
v-model="scope.row.jssj"
type="date"
:disabled="disabled"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
@blur="addrow(scope.row)">
:disabled="!ableOperation"
:picker-options="scope.row.pickerEnd"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
@input="endTime(scope.$index)"
>
</el-date-picker>
</template>
</el-table-column>
......@@ -73,149 +77,212 @@
<template slot-scope="scope">
<el-input
class="item"
:disabled="disabled"
:disabled="!ableOperation"
v-model="scope.row.syqx"
placeholder="请输入内容"
@blur="addrow(scope.row)">
></el-input>
@input="sumTime(scope.$index,scope.row.syqx)"
>
></el-input
>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData"]),
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return [];
},
},
props: {
tableData: {
type: Array,
default: function () {
return []
ableOperation: {
type: Boolean,
default: true,
},
},
data() {
return {
// 键名转换，方法默认是label和children进行树状渲染
tdyt: null,
key: 0,
newdata: {
yt: "",
qssj: "",
jssj: "",
syqx: "",
},
tableDataList: [],
// 起始时间选择范围
pickerStart: {},
pickerEnd: {},
normalizer(node) {
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
disabled: {
type: Boolean,
default: false
}
};
},
mounted () {
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
yt: "",
qssj: "",
jssj: "",
syqx: "",
},
]);
if (that.tableDataList.length > 0) {
this.tdyt = that.tableDataList[0].yt
? that.tableDataList[0].yt
: null;
} else {
this.tdyt = null;
}
} else {
that.tableDataList = _.cloneDeep(val);
if (that.tableDataList.length > 0) {
this.tdyt = that.tableDataList[0].yt
? that.tableDataList[0].yt
: null;
} else {
this.tdyt = null;
}
}
});
},
immediate: true,
deep: true,
},
data () {
return {
isDisabled: this.disabled,
// 键名转换，方法默认是label和children进行树状渲染
tdyt: null,
key: 0,
newdata: {
yt: "",
qssj: "",
jssj: "",
syqx: "",
},
tableDataList: [],
normalizer (node) {
if (node.children == null || node.children == "null") {
delete node.children;
},
methods: {
renderHeader() {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
// 修改事件
addrow() {
this.tableDataList = this.tableDataList.map((item) => {
return {
...item,
yt: this.tdyt,
};
});
this.$emit("upDateTdytxxList", this.tableDataList);
},
startTime(index) {
// let startTime = this.tableDataList[index].tdsyqssj;
let endTime = this.tableDataList[index].jssj;
let startTime = this.tableDataList[index].qssj;
this.tableDataList[index].pickerEnd= {
disabledDate: (time) => {
if (Object.keys(startTime).length > 0) {
return new Date(startTime).getTime() > time.getTime();
} else {
return time.getTime() < Date.now();
}
return {
id: node.dcode,
label: node.dname,
};
},
};
if (
Object.keys(startTime).length > 0 &&
Object.keys(endTime).length > 0
) {
let startYear = new Date(startTime).getFullYear();
let endYear = new Date(endTime).getFullYear();
this.tableDataList[index].syqx=endYear-startYear;
}
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
yt: "",
qssj: "",
jssj: "",
syqx: "",
},
]);
if (that.tableDataList.length > 0) {
this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null
} else {
this.tdyt = null
}
} else {
that.tableDataList = _.cloneDeep(val);
if (that.tableDataList.length > 0) {
this.tdyt = that.tableDataList[0].yt ? that.tableDataList[0].yt : null
} else {
this.tdyt = null
}
}
});
endTime(index) {
// let startTime = this.tableDataList[index].tdsyqssj;
let startTime = this.tableDataList[index].qssj;
let endTime = this.tableDataList[index].jssj;
this.tableDataList[index].pickerStart = {
disabledDate: (time) => {
if (Object.keys(endTime).length > 0) {
return new Date(endTime).getTime() < time.getTime();
} else {
return time.getTime() > Date.now();
}
},
immediate: true,
deep: true,
},
};
if (
Object.keys(startTime).length > 0 &&
Object.keys(endTime).length > 0
) {
let startYear = new Date(startTime).getFullYear();
let endYear = new Date(endTime).getFullYear();
this.tableDataList[index].syqx=endYear-startYear;
}
},
methods: {
renderHeader () {
return (
<div>
{" "}
{this.$route.query.viewtype == 1 ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
// 修改事件
addrow () {
this.tableDataList = this.tableDataList.map((item) => {
return {
...item,
yt: this.tdyt
}
})
this.$emit("upDateTdytxxList", this.tableDataList);
},
// 新增
addClick () {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
sumTime(index, syqx) {
this.$emit("upDateTdytxxList", this.tableDataList);
},
let startTime = this.tableDataList[index].qssj;
this.tableDataList[index].jssj =
Number(startTime.substring(0, 4)) +
Number(syqx) +
startTime.slice(4, 19);
},
// 新增
addClick() {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
this.$emit("upDateTdytxxList", this.tableDataList);
},
// 删除
deleClick (index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
// 删除
deleClick(index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.tableData.splice(index, 1);
})
.then(() => {
this.tableData.splice(index, 1);
})
.catch(() => { });
},
.catch(() => {});
},
};
},
};
</script>
<style scoped lang="scss">
.el-input {
border: none !important;
}
/deep/.el-table__row {
border: none !important;
}
.el-date-editor.el-input {
width: 100%;
}
.el-input {
border: none !important;
}
/deep/.el-table__row {
border: none !important;
}
.el-date-editor.el-input {
width: 100%;
}
</style>
......
......@@ -102,6 +102,7 @@
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
ableOperation:false,
//页面监听时间
_beforeUnload_time: ""
}
......@@ -142,10 +143,12 @@
this.tabList = res.result;
//默认加载第一个表单信息
this.tabName = res.result[0].value;
this.ableOperation=this.tabList[0].ableOperation
//批量操作无分屏按钮
if (index != null) {
//处理分屏材料信息
let that = this;
this.tabList.forEach(function (item, index) {
if (item.value == "clxx") {
that.clxxIndex = index;
......
<!--
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-09 16:55:31
-->
......@@ -93,6 +93,7 @@
currentSelectProps: {},
//是否开启材料分屏
splitScreen: false,
ableOperation:false,
//材料分屏表单
clxxForm: "",
//材料信息选择卡索引
......@@ -115,6 +116,7 @@
this.tabList = res.result;
//默认加载第一个表单信息
this.tabName = res.result[0].value;
this.ableOperation=this.tabList[0].ableOperation
//批量操作无分屏按钮
if (index != null) {
//处理分屏材料信息
......
......@@ -198,7 +198,6 @@
});
},
ywhClick (item) {
console.log("代办箱列表信息",item);
//判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
judgeUserTaskPermission({
bsmSlsq: item.bsmSlsq,
......@@ -209,7 +208,7 @@
//有任务权限
if(item.sjlx=="3"){
const { href } = this.$router.resolve(
"/djbworkFrame?bsmSlsq=" +
"/djbworkFrame?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
......
......@@ -135,7 +135,7 @@
<div class="triangle"></div>
</div>
<tdytTable
:disabled="!ableOperation"
:ableOperation="ableOperation"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
......@@ -257,7 +257,6 @@
methods: {
// 更新土地用途信息
upDateTdytxxList (val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......
......@@ -138,7 +138,7 @@
<div class="triangle"></div>
</div>
<tdytTable
:disabled="!ableOperation"
:ableOperation="ableOperation"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
......@@ -283,7 +283,6 @@
},
// 更新土地用途信息
upDateTdytxxList (val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......
......@@ -129,7 +129,7 @@
<div class="triangle"></div>
</div>
<tdytTable
:disabled="!ableOperation"
:ableOperation="ableOperation"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
......@@ -258,7 +258,6 @@
methods: {
// 更新土地用途信息
upDateTdytxxList (val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......
......@@ -6,7 +6,8 @@
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
<el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }"
class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="120px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -16,34 +17,34 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号：">
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
<el-input v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理人员：">
<el-input disabled v-model="ruleForm.slsq.slry"></el-input>
<el-input v-model="ruleForm.slsq.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理时间：">
<el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
<el-input v-model="ruleForm.slsq.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型：">
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
<el-input v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
<el-input v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记情形：">
<el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
<el-input v-model="ruleForm.slsq.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -54,34 +55,34 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="宗地代码：">
<el-input disabled v-model="ruleForm.zdjbxx.zddm"></el-input>
<el-input v-model="ruleForm.zdjbxx.zddm"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产单元号：">
<el-input disabled v-model="ruleForm.zdjbxx.bdcdyh"></el-input>
<el-input v-model="ruleForm.zdjbxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利性质：">
<el-input disabled v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
<el-input v-model="ruleForm.zdjbxx.qlxzmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="宗地面积：">
<el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
<el-input v-model="ruleForm.zdjbxx.zdmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地用途：">
<el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
<el-input v-model="ruleForm.zdjbxx.ghytmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="权利设定方式：">
<el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
<el-input v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -89,9 +90,8 @@
<el-col :span="8">
<el-form-item label="取得价格：">
<div style="display:flex">
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype == '1' && !ableOperation"
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype == '1' && !ableOperation">
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -101,27 +101,27 @@
<el-col :span="16">
<el-form-item label="坐落：">
<el-input disabled v-model="ruleForm.zdjbxx.zl"></el-input>
<el-input v-model="ruleForm.zdjbxx.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="使用期限：">
<el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
<el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="使用权起止时间：">
<el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
<el-input v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col>
<el-form-item label="附记：" prop="fj">
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == '1' && !ableOperation"></el-input>
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -130,7 +130,7 @@
<div class="triangle"></div>
</div>
<tdytTable
:disabled="!ableOperation"
:ableOperation="ableOperation"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
......@@ -227,7 +227,15 @@
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"])
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data () {
return {
......@@ -246,7 +254,6 @@
methods: {
// 更新土地用途信息
upDateTdytxxList (val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......
......@@ -133,7 +133,7 @@
</div>
<tdytTable
:tableData="ruleForm.tdytqxList"
:disabled="!ableOperation"
:ableOperation="ableOperation"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
......@@ -239,7 +239,6 @@
methods: {
// 更新土地用途信息
upDateTdytxxList (val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......
......@@ -144,7 +144,7 @@
</div>
<tdytTable
:tableData="ruleForm.tdytqxList"
:disabled="!ableOperation"
:ableOperation="ableOperation"
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
......@@ -268,7 +268,6 @@
methods: {
// 更新土地用途信息
upDateTdytxxList (val) {
console.log("VAL", val);
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......
......@@ -198,9 +198,7 @@
"/djbworkFrameview?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid+
"&bsmBusiness=" +
"&viewtype=1"
item.bestepid
);
window.open(href, `djbworkFrameview${item.bsmSlsq}`);
} else {
......