Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
fd9df7c7 by 田浩浩
Options

111

1 parent 7a068263
Inline Side-by-side
Showing 3 changed files with 198 additions and 278 deletions
<template>
<el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="80%" top="0"
:visible.sync="dialogVisible" :before-close="cancelDialog">
<el-dialog
:title="sqqlRule.nodename"
custom-class="dialogBox contentCenter"
width="80%"
top="0"
:visible.sync="dialogVisible"
:before-close="cancelDialog"
>
<ul class="edit-title-list" v-if="djlxList.length > 0">
<li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
:class="{ active: index == tn }">
<li
v-for="(item, index) in djlxList"
@click="handleTitleSelct(item, index)"
:key="index"
:class="{ active: index == tn }"
>
{{ item.nodename }}
</li>
</ul>
......@@ -12,8 +22,18 @@
<el-row>
<el-col :span="8">
<el-form-item label="申请分类">
<el-select v-model="form.ywDetail.sqfl" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="form.ywDetail.sqfl"
disabled
placeholder="请选择"
class="width100"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -32,8 +52,18 @@
<el-row>
<el-col :span="8">
<el-form-item label="发起业务单元类型">
<el-select v-model="form.ywDetail.fqywdylx" disabled placeholder="请选择" class="width100">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="form.ywDetail.fqywdylx"
disabled
placeholder="请选择"
class="width100"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -64,20 +94,42 @@
</el-col>
<el-col :span="8">
<el-form-item label="登记情形及材料">
<el-input v-model="form.ywDetail.djqxcl" placeholder="仅支持execl文件导入"></el-input>
<el-input
v-model="form.ywDetail.djqxcl"
placeholder="仅支持execl文件导入"
></el-input>
</el-form-item>
</el-col>
<el-col :span="1">
<el-upload ref="upload" :action="imgUploadUrl" :limit="1" accept=".xls, .xlsx" :show-file-list="false"
:disabled='requested' :file-list="fileList" :before-upload="uploadRecord" :on-success="handleSuccess">
<el-button type="primary" icon="el-icon-upload" :loading="requested">上传材料</el-button>
<el-upload
ref="upload"
:action="imgUploadUrl"
:limit="1"
accept=".xls, .xlsx"
:show-file-list="false"
:disabled="requested"
:file-list="fileList"
:before-upload="uploadRecord"
:on-success="handleSuccess"
>
<el-button
type="primary"
icon="el-icon-upload"
:loading="requested"
>上传材料</el-button
>
</el-upload>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="登记原因模板" prop="djyy">
<el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="form.ywDetail.djyy">
<el-input
type="textarea"
:rows="4"
placeholder="请输入内容"
v-model="form.ywDetail.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -85,25 +137,45 @@
</el-form>
<el-collapse accordion>
<el-collapse-item title="登记情形设置" name="1">
<lb-table :column="djqxCol" border :pagination="false" heightNumSetting :data="form.djqx">
<lb-table
:column="djqxCol"
border
:pagination="false"
heightNumSetting
:data="form.djqx"
>
</lb-table>
</el-collapse-item>
<el-collapse-item title="材料信息设置" name="2">
<lb-table :column="clxxCol" border heightNumSetting :pagination="false" :data="form.clxx">
<lb-table
:column="clxxCol"
border
heightNumSetting
:pagination="false"
:data="form.clxx"
>
</lb-table>
</el-collapse-item>
<el-collapse-item title="刷选权利设置" name="3" v-if="form.ywDetail.sfsxql == '1'">
<el-collapse-item
title="刷选权利设置"
name="3"
v-if="form.ywDetail.sfsxql == '1'"
>
<div class="dyztsd-title">
<b>请勾选需要查询的权利信息</b>
<div>
<el-button type="text" @click="handleSelectall">选择全部 </el-button>
<el-button type="text" @click="handleSelectall"
>选择全部
</el-button>
<el-button type="text" @click="handleInvert">清除全部</el-button>
</div>
</div>
<el-divider></el-divider>
<ul class="qlxx-list">
<li v-for="(item, index) in form.sxql" :key="index">
<el-checkbox v-model="item.checked">{{ item.sxzdmc }}</el-checkbox>
<el-checkbox v-model="item.checked">{{
item.sxzdmc
}}</el-checkbox>
</li>
</ul>
</el-collapse-item>
......@@ -130,9 +202,10 @@
</el-dialog>
</template>
<script>
import { mapGetters } from 'vuex';
import { upward, down } from '@/utils/operation'
import { mapGetters } from "vuex";
import { upward, down } from "@/utils/operation";
import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js";
import { datas, sendThis } from "./sqywDetail";
export default {
//父组件 传 过来的 值
props: {
......@@ -151,7 +224,7 @@ export default {
},
components: {},
name: "componentDialog",
data () {
data() {
return {
tn: 0,
n: 0,
......@@ -159,243 +232,39 @@ export default {
title: "",
activeName: "1",
form: {},
djqxCol: [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
)
}
},
{
width: '60',
label: '序号',
type: 'index'
},
{
prop: 'nodecode',
width: '105',
label: '登记情形编码',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} disabled={scope.row.sftsdjqx == '1'}
value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} onBlur={() => { this.nodecodeBlur(scope.$index, scope.row) }} maxlength="8">
</el-input>
</div>
)
}
},
{
prop: 'nodename',
label: '登记情形名称',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记情形名称" disabled={scope.row.sftsdjqx == '1'}
value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
</div>
)
}
},
{
label: '是否启用登记情形',
width: '141',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.enabled} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
)
}
},
{
prop: 'djyy',
label: '登记原因模板',
render: (h, scope) => {
return (
<div>
<el-input placeholder="登记原因模板" disabled={scope.row.sftsdjqx == '1'} value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
</div>
)
}
},
{
label: '是否启用模板',
width: '140',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfqydjyymb} disabled={scope.row.sftsdjqx == '1'} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>启用</el-radio>
<el-radio label={'0'}>禁用</el-radio>
</el-radio-group>
)
}
},
{
label: '移动',
width: '100',
render: (h, scope) => {
return (
<div>
<el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
<el-button type='text' disabled={(scope.$index + 1) == this.form.djqx.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
</div>
)
}
}
],
clxxCol: [
{
width: '60',
renderHeader: (h, scope) => {
return <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }} style="color:#409EFF"></i>
},
render: (h, scope) => {
return (
<i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i>
)
}
},
{
width: '60',
label: '序号',
type: 'index'
},
{
label: '是否必填',
width: '100',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.isrequired} onChange={(val) => { scope.row[scope.column.property] = val }}>
<el-radio label={'1'}>是</el-radio>
<el-radio label={'0'}>否</el-radio>
</el-radio-group>
)
}
},
{
prop: 'clbm',
label: '材料编码',
width: '100',
render: (h, scope) => {
return (
<el-input placeholder="材料编码" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }} maxlength="8"></el-input>
)
}
},
{
prop: 'clmc',
label: '材料名称',
render: (h, scope) => {
return (
<el-input placeholder="材料名称" value={scope.row[scope.column.property]}
onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
)
}
},
{
prop: 'cllx',
label: '材料类型',
width: '115',
render: (h, scope) => {
return (
<el-select value={scope.row[scope.column.property]}
onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
{
this.dictData['A40'].map(option => {
return (
<el-option label={option.dname} value={option.dcode}></el-option>
)
})
}
</el-select>
)
}
},
{
label: '是否公共材料',
width: '110',
render: (h, scope) => {
return (
<el-radio-group v-model={scope.row.sfggcl} onChange={(val) => { scope.row[scope.column.property] = val; this.handleSelectGgcl(scope.row) }}>
<el-radio label={'1'}>是</el-radio>
<el-radio label={'0'}>否</el-radio>
</el-radio-group>
)
}
},
{
prop: 'djqxbm',
label: '登记情形',
width: '180',
render: (h, scope) => {
return (
<el-select disabled={scope.row.sfggcl == '1'} value={scope.row[scope.column.property]}
onChange={(val) => { scope.row[scope.column.property] = val }} clearable>
{
this.form.djqx.map(option => {
return (
<el-option label={option.nodename} value={option.nodecode}></el-option>
)
})
}
</el-select>
)
}
},
{
label: '移动',
width: '90',
render: (h, scope) => {
return (
<div>
<el-button type='text' disabled={scope.$index == 0} onClick={() => { this.moveUpward(scope.$index, scope.row) }}>上移</el-button>
<el-button type='text' disabled={(scope.$index + 1) == this.form.clxx.length} onClick={() => { this.moveDown(scope.$index, scope.row) }}>下移</el-button >
</div>
)
}
}
],
djqxCol: datas.djqxCol(),
clxxCol: datas.clxxCol(),
};
},
computed: {
...mapGetters(['dictData'])
...mapGetters(["dictData"]),
},
mounted() {
sendThis(this);
},
mounted () { },
methods: {
//页面初始化
init () {
init() {
this.tn = 0;
getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
let { result } = res;
this.djlxList = result ? result : [];
if(this.djlxList.length>0){
if (this.djlxList.length > 0) {
this.getDetail(this.djlxList[0].bsmSqyw);
}else{
} else {
this.getDetail(this.sqqlRule.bsmSqyw);
}
});
//}
},
//tab选项卡事件
handleTitleSelct (obj, index) {
handleTitleSelct(obj, index) {
this.n = 0;
this.tn = index;
this.getDetail(this.djlxList[index].bsmSqyw);
},
//获取业务具体明细内容
getDetail (bsmSqyw) {
getDetail(bsmSqyw) {
getSqdjywDetail(bsmSqyw).then((res) => {
if (res.code === 200) {
this.form = res.result;
......@@ -405,22 +274,38 @@ export default {
});
},
//提交保存数据
submit () {
submit() {
let that = this;
saveSqdjyw(this.form).then(res => {
saveSqdjyw(this.form).then((res) => {
if (res.code == 200) {
that.$message({
message: '修改成功',
type: 'success'
})
message: "修改成功",
type: "success",
});
// that.$emit('input', false)
}
})
});
},
//修改父组件传过来的值
cancelDialog () {
cancelDialog() {
this.$emit("update:dialogVisible", false);
},
// 上移下移
moveUpward (index, row,type) {
if(type=="clxx"){
upward(index, this.form.clxx)
}else{
upward(index, this.form.djqx)
}
},
moveDown (index, row,type) {
if(type=="clxx"){
down(index, this.form.clxx)
}else{
down(index, this.form.djqx)
}
},
},
};
</script>
......
......@@ -6,22 +6,44 @@
<el-row :gutter="20">
<el-col :span="6">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" @change="queryClick" filterable class="width100" clearable
placeholder="请选择权利类型">
<el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="queryForm.qllx"
@change="queryClick"
filterable
class="width100"
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in qllxs"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="登记业务编码">
<el-input placeholder="请输入登记业务编码" @clear="queryClick" v-model="queryForm.djywbm" clearable>
<el-input
placeholder="请输入登记业务编码"
@clear="queryClick"
v-model="queryForm.djywbm"
clearable
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick">查询</el-button>
<el-button
type="primary"
native-type="submit"
icon="el-icon-search"
@click="queryClick"
>查询</el-button
>
</el-form-item>
</el-col>
</el-row>
......@@ -29,38 +51,50 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table :page-size="pageData.pageSize" class="loadingtext" :current-page.sync="pageData.currentPage"
:total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
:column="tableData.columns" :data="tableData.data">
<lb-table
:page-size="pageData.pageSize"
class="loadingtext"
:current-page.sync="pageData.currentPage"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
</lb-table>
</div>
<!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> -->
<component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule&&flag" :sqqlRule="sqqlRule" @update:dialogVisible="dialogVisibles"></component-dialog>
<component-dialog
:dialogVisible="dialogVisible"
v-if="sqqlRule && flag"
:sqqlRule="sqqlRule"
@update:dialogVisible="dialogVisibles"
></component-dialog>
</div>
</template>
<script>
import table from "@/utils/mixin/table"
import editDialog from "./components/editDialog.vue"
import componentDialog from "./sqywDetail.vue"
import { datas, sendThis } from "./sqywgzdata"
import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/system.js"
import table from "@/utils/mixin/table";
import editDialog from "./components/editDialog.vue";
import componentDialog from "./sqywDetail.vue";
import { datas, sendThis } from "./sqywgzdata";
import { getSysSqdjywBysearch, getDjlxInfo } from "@/api/system.js";
export default {
name: "djbcx",
components: {
editDialog,
componentDialog
componentDialog,
},
mixins: [table],
mounted () {
mounted() {
sendThis(this);
this.queryClick()
this.queryClick();
},
data () {
data() {
return {
flag:false,
flag: false,
//控制弹窗 显示
dialogVisible: false,
qllxmc:"",
qllxmc: "",
isDialog: false,
queryForm: {
qllx: "",
......@@ -70,29 +104,31 @@ export default {
tableData: {
total: 0,
columns: datas.columns(),
data: []
data: [],
},
detailList: [],
bsmSqyw:"",
sqqlRule:"",
}
bsmSqyw: "",
sqqlRule: "",
};
},
methods: {
// 初始化数据
queryClick () {
queryClick() {
this.$startLoading();
getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(res => {
getSysSqdjywBysearch({ ...this.queryForm, ...this.pageData }).then(
(res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result
this.tableData.total = total ? total : 0
this.tableData.data = records ? records : []
let { total, records } = res.result;
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
}
})
);
},
//编辑
editClick (row) {
this.flag=true;
editClick(row) {
this.flag = true;
this.sqqlRule = row;
this.dialogVisible = true;
// if (row.nodecode === 'B50') {
......@@ -108,9 +144,9 @@ export default {
// }
},
//子组件传 过来的 数据
dialogVisibles(v){
dialogVisibles(v) {
this.dialogVisible = v;
}
},
},
};
</script>
......
......@@ -88,7 +88,6 @@ class data extends filter {
{ value: 3, label: "集体建设用地使用权" },
]
}
}
let datas = new data()
export {
......