Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
14e1e191 by liangyifan
Options

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

2 parents 919f3698 da35e9bf
Inline Side-by-side
Showing 25 changed files with 478 additions and 468 deletions
......@@ -5,4 +5,4 @@ NODE_ENV=development
VUE_APP_BASE_API = '/bdcdj'
# 开发环境
VUE_APP_API_BASE_URL = 'http://192.168.2.44:8018'
VUE_APP_API_BASE_URL = 'http://192.168.2.88:8018'
......
......@@ -30,7 +30,7 @@
"babel-plugin-dynamic-import-node": "2.3.3",
"chalk": "2.4.2",
"connect": "3.6.6",
"element-ui": "^2.15.6",
"element-ui": "^2.15.8",
"html-webpack-plugin": "3.2.0",
"runjs": "4.3.2",
"sass-loader": "8.0.2",
......
......@@ -45,4 +45,15 @@ export function logoutReg (data) {
method: 'post',
data
})
}
// 流程图
export function getWorkFlowImage (bsmSlsq) {
return request({
url: '/business/workFlow/getWorkFlowImage',
method: 'get',
responseType: 'blob',
params: {
bsmSlsq: bsmSlsq
}
})
}
\ No newline at end of file
......
......@@ -16,7 +16,8 @@ export function getZsglrkList (data) {
return request({
url: '/sys/zsgl/getZsglrkList',
method: 'post',
data
data,
showLoading: true
})
}
/*
......@@ -26,7 +27,9 @@ export function zsrk (data) {
return request({
url: '/sys/zsgl/zsrk',
method: 'post',
data
data,
showLoading: true,
loadingTarget: '正在保存中...'
})
}
/*
......@@ -56,7 +59,8 @@ export function getZsglffList (data) {
return request({
url: '/sys/zsgl/getZsglffList',
method: 'post',
data
data,
showLoading: true
})
}
/*
......@@ -85,7 +89,9 @@ export function zsff (data) {
return request({
url: '/sys/zsgl/zsff',
method: 'post',
data
data,
showLoading: true,
loadingTarget: '正在保存中...'
})
}
/*
......@@ -105,6 +111,17 @@ export function getZssyqkList (data) {
return request({
url: '/sys/zsgl/getZssyqkList',
method: 'post',
data
data,
showLoading: true
})
}
/*
证书管理-证书使用情况详情
*/
export function getZssyqkInfo (params) {
return request({
url: '/sys/zsgl/getZssyqkInfo',
method: 'get',
params
})
}
\ No newline at end of file
......
......@@ -2,7 +2,7 @@
@mixin colorBtn($color) {
background: $color;
color:#fff;
color: #fff;
&:hover {
color: #fff;
......@@ -99,15 +99,9 @@
font-size: 14px;
border-radius: 4px;
}
// 搜索框按钮的位置
.btnCol{
.btnCol {
box-sizing: border-box;
text-align: right;
}
// 默认白色按钮样式
.el-button--default{
background: #FBFCFD;
border: 1px solid #E4EBF4;
border-radius: 4px;
}
}
\ No newline at end of file
......
......@@ -218,7 +218,7 @@ aside {
}
.width100 {
width: 100%;
width: 100%!important;
}
.sub-navbar {
......
......@@ -2,11 +2,11 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="70px">
<el-form :model="queryForm" ref="queryForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="业务来源">
<el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
<el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
<el-option v-for="item in dictData['ywly']" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......@@ -14,16 +14,16 @@
</el-col>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.value" :label="item.label" :value="item.value">
<el-select v-model="queryForm.qllx" filterable class="width100" clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.value" :label="item.label" :value="item.value">
<el-select v-model="queryForm.djlx" filterable class="width100" clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......
......@@ -2,62 +2,37 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="70px">
<el-form :model="queryForm" ref="queryForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="查询编号">
<el-input
placeholder="请输入编号"
v-model="queryForm.cxbh"
clearable
>
<el-input placeholder="请输入编号" v-model="queryForm.cxbh" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="申请人">
<el-input
placeholder="请输入申请人"
v-model="queryForm.sqr"
clearable
>
<el-input placeholder="请输入申请人" v-model="queryForm.sqr" clearable>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="查询用途">
<el-select
v-model="queryForm.cxyt"
filterable
clearable
placeholder="请选择用途"
>
<el-option
v-for="item in cxytOption"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途">
<el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width200px"
>
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
</el-input>
</el-form-item>
</el-col>
<el-col :span="4" class="btnCol">
<el-form-item>
<el-button type="primary" icon="el-icon-search" @click="fetchData"
>查询</el-button
>
<el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
<el-button @click="moreQueryClick()">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -66,16 +41,9 @@
</div>
<!-- 表格 -->
<div class="from-clues-content">
<lb-table
:page-size="pageData.size"
border
:current-page.sync="pageData.current"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
<lb-table :page-size="pageData.size" border :current-page.sync="pageData.current" :total="tableData.total"
@size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
:data="tableData.data">
</lb-table>
</div>
</div>
......@@ -88,10 +56,10 @@ export default {
name: "jtfc",
components: {},
mixins: [table],
mounted() {
mounted () {
sendThis(this);
},
data() {
data () {
return {
sqrOption: [],
cxytOption: [],
......@@ -121,14 +89,14 @@ export default {
},
methods: {
// 初始化数据
fetchData() {
fetchData () {
getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
let { records, total } = res.result;
// this.tableData.data = records
this.tableData.total = total;
});
},
handleSort(name, sort) {
handleSort (name, sort) {
console.log(name, sort);
},
},
......
......@@ -2,7 +2,7 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="70px">
<el-form :model="queryForm" ref="queryForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="查询编号">
......@@ -18,7 +18,7 @@
</el-col>
<el-col :span="5">
<el-form-item label="查询用途">
<el-select v-model="queryForm.cxyt" filterable clearable placeholder="请选择用途">
<el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途">
<el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
......
......@@ -2,11 +2,11 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="70px">
<el-form :model="queryForm" ref="queryForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="业务来源">
<el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
<el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
<el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -14,7 +14,7 @@
</el-col>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -22,7 +22,7 @@
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-select v-model="queryForm.djlx" class="width100" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -150,12 +150,11 @@ export default {
});
},
ywhClick (item) {
//const { href } = this.$router.resolve('/fqsq?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');
const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');
window.open(href, '_blank');
},
},
};
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -99,20 +99,9 @@ class data extends filter {
</div>
)
}
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>删除</el-button>
}
}
]
}
}
let datas = new data()
export {
......
......@@ -63,7 +63,7 @@
</div>
</template>
<script>
import zsylDialog from "./zsyl";
import zsylDialog from "./zsyl.vue";
import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js";
export default {
......
......@@ -123,6 +123,7 @@
left: 0%;
}
.topButton {
@include flex;
width: 100%;
......
......@@ -56,6 +56,9 @@
</div>
</div>
</div>
<dialogBox title="流程图" width="70%" isMain v-model="myValue" :isFullscreen="false" :isButton="false">
<img :src="imgSrc" style="margin: 20px 0" />
</dialogBox>
</div>
</template>
......@@ -72,10 +75,14 @@ import {
getNextLinkInfo,
completeTask,
} from "@/api/fqsq.js";
import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"
import { getForm } from "./flowform.js";
export default {
data () {
return {
// 流程图
imgSrc: '',
myValue: false,
// 折叠
isShowdrawer: true,
// 默认选中
......@@ -144,6 +151,12 @@ export default {
operation (index, item) {
let that = this;
switch (item.value) {
case "B1":
getWorkFlowImage(this.bsmSlsq).then(res => {
this.imgSrc = URL.createObjectURL(res)
this.myValue = true
})
break;
case "zsyl":
this.zsylFlag = true;
break;
......@@ -173,7 +186,6 @@ export default {
}
});
// this.$alert(res.result);
break;
case "tc":
window.close();
......@@ -239,8 +251,6 @@ export default {
h("i", { style: "color: teal" }, obj.usernames.join("，")),
]),
showCancelButton: true,
confirmButtonText: "确定",
cancelButtonText: "取消",
beforeClose: (action, instance, done) => {
if (action === "confirm") {
instance.confirmButtonLoading = true;
......@@ -267,10 +277,10 @@ export default {
}).then((action) => {
this.$message({
type: "info",
message: "action: " + action,
});
});
},
},
};
message: "action: " + action
})
})
}
}
}
</script>
\ No newline at end of file
......
......@@ -2,11 +2,11 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" label-width="70px">
<el-form :model="queryForm" ref="queryForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="业务来源">
<el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
<el-select v-model="queryForm.ywly" class="width100" filterable clearable placeholder="请选择业务来源">
<el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -14,7 +14,7 @@
</el-col>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -22,7 +22,7 @@
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-select v-model="queryForm.djlx" class="width100" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
</el-select>
......@@ -57,7 +57,7 @@
import { mapGetters } from 'vuex'
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./ybxdata";
import { searchTaskDone} from "@/api/ywbl.js"
import { searchTaskDone } from "@/api/ywbl.js"
export default {
name: "ybx",
components: {},
......@@ -101,18 +101,18 @@ export default {
this.tableData.data = records
}
})
},
},
queryClick () {
this.fetchData()
},
handleSort (name, sort) {
console.log(name, sort);
},
openDialog (item) {
const { href } = this.$router.resolve('/fqsq?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=2')
ywhClick (item) {
const { href } = this.$router.resolve('/workFrame?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + '&viewtype=1');
window.open(href, '_blank');
},
},
}
}
};
</script>
<style scoped lang="scss">
......
......@@ -35,11 +35,7 @@ class data extends filter {
{
label: "业务号",
render: (h, scope) => {
return (
<div>
<el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>{scope.row.ywh}</el-link>
</div>
)
return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
}
},
{
......@@ -79,15 +75,6 @@ class data extends filter {
</div>
)
}
},
{
label: '操作',
width: '80',
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
}
}
]
}
......
<template>
<dialogBox title="证书使用情况" @closeDialog="closeDialog" v-model="myValue" :isButton="false">
<dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false">
<el-form :model="ruleForm" ref="ruleForm" label-width="100px">
<div class="title-name">
入库情况
......@@ -113,6 +113,7 @@
</template>
<script>
import { getZssyqkInfo} from "@/api/zsgl.js"
export default {
props: {
value: { type: Boolean, default: false },
......@@ -120,23 +121,7 @@ export default {
data () {
return {
myValue: this.value,
ruleForm: {
rkbh: '',
rksj: '',
rkry: '',
djjg: '',
bz: '',
ffbh: '',
lqsj: '',
// 证书信息
bdcqzh: '',
ywh: '',
bdcdyh: '',
zslx: '',
ysxlh: '',
sfzf: '',
zfyy: ''
}
ruleForm: {}
}
},
watch: {
......@@ -145,11 +130,21 @@ export default {
},
},
methods: {
getDetail (bsmZswj) {
getZssyqkInfo({"bsmZswj":bsmZswj}).then(res => {
if(res.code == 200){
this.ruleForm = res.result
}
})
},
submitForm () {
},
closeDialog () {
this.$emit('input', false)
this.$refs['ruleForm'].resetFields()
}
},
};
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
......
<template>
<dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="45%" @closeDialog="closeDialog" v-model="value">
<dialogBox title="证书分发" @submitForm="submitForm" saveButton="保存" width="50%" :isFullscreen="false"
@closeDialog="closeDialog" v-model="myValue">
<div>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="发放编号:" prop="batchno">
<el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="领取时间:" prop="rksj">
<el-date-picker v-model="ruleForm.rksj" type="datetime" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="发放人员:" prop="rkry">
<el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="领取人:" prop="receiver">
<el-select v-model="ruleForm.receiver" placeholder="请选择">
<el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div>
<el-table :data="tableForm" border :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}">
<el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
<el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
<el-table-column prop="bs" label="本数">
<template slot-scope="scope">
<el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)" oninput="value=value.replace(/[^\d.]/g,'')" ></el-input>
</template>
</el-table-column>
<el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
<template slot-scope="scope">
<span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
<span v-else>{{scope.row.jsysxlh}}</span>
</template>
</el-table-column>
</el-table>
</div>
<el-form-item label="备注" class="middle-margin-bottom">
<el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
</el-form-item>
</el-form>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="发放编号:" prop="batchno">
<el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="领取时间:" prop="rksj">
<el-date-picker v-model="ruleForm.rksj" class="width100" type="datetime" placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="入库人员:">
<el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="领取人:" prop="receiver">
<el-select v-model="ruleForm.receiver" class="width100" placeholder="请选择">
<el-option v-for="item in usernames" :key="item" :label="item" :value="item"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div>
<el-table :data="tableForm" border
:header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}"
:cell-style="{'text-align':'center'}">
<el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
<el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"></el-table-column>
<el-table-column prop="bs" label="本数">
<template slot-scope="scope">
<el-input v-model="scope.row.bs" @blur="ysxlhDeal(scope.row)"
oninput="value=value.replace(/[^\d.]/g,'')" maxlength="6"></el-input>
</template>
</el-table-column>
<el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
<template slot-scope="scope">
<span v-if="scope.row.jsysxlh == ''" class="font-red">系统计算</span>
<span v-else>{{scope.row.jsysxlh}}</span>
</template>
</el-table-column>
</el-table>
</div>
<el-form-item label="备注" class="middle-margin-bottom">
<el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
</el-form-item>
</el-form>
</div>
</dialogBox>
</template>
<script>
import { getZsStartNo,getSysSerialSingle, getZsEndNo,zsff} from "@/api/zsgl.js"
import { getZsStartNo, getSysSerialSingle, getZsEndNo, zsff } from "@/api/zsgl.js"
export default {
components: {
},
......@@ -65,20 +70,21 @@ export default {
},
data () {
return {
myValue: this.value,
//表单提交数据
ruleForm: {
batchno: '',
receiver: '',
rkry: '超级管理员',
rksj: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
batchno: '',
receiver: '',
rkry: '超级管理员',
rksj: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
//表格数据
tableForm: [
{
......@@ -95,7 +101,7 @@ export default {
bs: '',
zslx: 'zm'
}
],
],
//证书分发业务号固定参数
ywhQueryForm: {
serialtype: 'zsffbh',
......@@ -104,87 +110,89 @@ export default {
digit: '5'
},
//用户列表
usernames: ['张三','李四'],
usernames: ['张三', '李四'],
rules: {
batchNo: [
{ required: true, message: '入库编号不能为空', trigger: 'blur' }
],
lqr: [
{ required: true, message: '请选择领取人', trigger: 'change' }
],
rkry: [
{ required: true, message: '入库人员不能为空', trigger: 'blur' }
],
rksj: [
{ required: true, message: '请选择入库时间', trigger: 'change' }
],
},
batchNo: [
{ required: true, message: '入库编号不能为空', trigger: 'blur' }
],
lqr: [
{ required: true, message: '请选择领取人', trigger: 'change' }
],
rksj: [
{ required: true, message: '请选择入库时间', trigger: 'change' }
],
},
}
},
watch: {
value (val) {
this.myValue = val
}
},
methods: {
//表单提交
submitForm () {
zsff(this.ruleForm).then(res => {
if(res.code == 200){
if (res.code == 200) {
this.$message.success('保存成功')
this.$emit("input", false);
this.ruleForm = {};
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
this.$parent.fetchData();
}else{
} else {
this.$message.error(res.message)
}
})
},
//序列号获取
ywhSerial(){
ywhSerial () {
getSysSerialSingle(this.ywhQueryForm).then(res => {
if(res.code == 200){
this.ruleForm.batchno = res.message;
if (res.code == 200) {
this.ruleForm.batchno = res.message;
}
})
},
initStartNo(){
getZsStartNo().then(res => {
if(res.code == 200){
this.tableForm[0].ksysxlh = res.result.zsstarno
this.tableForm[1].ksysxlh = res.result.zmstarno
}
})
initStartNo () {
getZsStartNo().then(res => {
if (res.code == 200) {
this.tableForm[0].ksysxlh = res.result.zsstarno
this.tableForm[1].ksysxlh = res.result.zmstarno
}
})
},
//印刷序列号处理
ysxlhDeal(item){
if(item.bs){
ysxlhDeal (item) {
if (item.bs) {
//存在本数
getZsEndNo({"bookNumber": item.bs,"zslx": item.zslx}).then(res => {
if(res.code == 200){
getZsEndNo({ "bookNumber": item.bs, "zslx": item.zslx }).then(res => {
if (res.code == 200) {
item.jsysxlh = res.result.endno
item.bs = res.result.bookNumber
this.updateRuleForm(res.result.endno,res.result.bookNumber,item);
}else{
this.updateRuleForm(res.result.endno, res.result.bookNumber, item);
} else {
this.$message.error(res.message)
}
}
})
}else{
} else {
//不存在本数
item.bs = 0;
item.jsysxlh = '';
this.updateRuleForm('',0,item);
}
this.updateRuleForm('', 0, item);
}
},
//更新表单数据
updateRuleForm(endno,bookNumber,item){
if(item.zslx == 'zs'){
updateRuleForm (endno, bookNumber, item) {
if (item.zslx == 'zs') {
this.ruleForm.zsstarno = item.ksysxlh;
this.ruleForm.zsendno = endno;
this.ruleForm.zsnum = bookNumber;
}else if(item.zslx == 'zm'){
} else if (item.zslx == 'zm') {
this.ruleForm.zmstarno = item.ksysxlh;
this.ruleForm.zmendno = endno;
this.ruleForm.zmnum = bookNumber;
}
},
resetTableFields() {
resetTableFields () {
this.tableForm = [
{
name: '不动产权证书',
......@@ -204,16 +212,19 @@ export default {
},
closeDialog () {
this.$emit("input", false);
},
this.$refs['ruleForm'].resetFields();
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.font-red{
.font-red {
color: red
}
.middle-margin-bottom{
margin-top:20px
.middle-margin-bottom {
margin-top: 20px
}
</style>
......
......@@ -2,17 +2,17 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="70px">
<el-form :model="ruleForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="分发编号">
<el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input>
<el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="领取时间">
<el-date-picker v-model="ruleForm.ffsj" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable >
end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -32,23 +32,26 @@
:data="tableData.data">
</lb-table>
</div>
<addDialog ref="addDialog" v-model="isDialog"/>
<addDialog ref="addDialog" v-model="isDialog" />
<viewDialog v-model="viewDialog" />
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./zsffdata";
import { getZsglffList,removeZsgl,confirmZsff} from "@/api/zsgl.js"
import viewDialog from "../components/viewDialog.vue";
import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js"
import addDialog from "./components/addDialog.vue"
export default {
name: "zsff",
components: {addDialog},
components: { addDialog, viewDialog },
mixins: [table],
mounted () {
sendThis(this);
},
data () {
return {
viewDialog: false,
isDialog: false,
value: '',
ruleForm: {
......@@ -82,8 +85,8 @@ export default {
})
},
openDialog () {
this.isDialog = true;
this.$nextTick(()=> {
this.isDialog = true;
this.$nextTick(() => {
this.$refs.addDialog.ywhSerial();
this.$refs.addDialog.initStartNo();
})
......@@ -92,7 +95,7 @@ export default {
this.fetchData()
},
//修改筛选时间
timeChange() {
timeChange () {
if (this.ruleForm.ffsj != null) {
this.approveForm.ffkssj = this.ruleForm.ffsj[0];
this.approveForm.ffjssj = this.ruleForm.ffsj[1];
......@@ -102,17 +105,17 @@ export default {
}
},
//确定证书分发
confrimVerify(item){
confrimVerify (item) {
this.$confirm('是否确定分发', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
confirmZsff({"bsmBatch":item.bsmBatch}).then(res => {
if(res.code == 200){
confirmZsff({ "bsmBatch": item.bsmBatch }).then(res => {
if (res.code == 200) {
this.$message.success("分发成功")
this.fetchData();
}else{
} else {
this.$message.error(res.message)
}
})
......@@ -123,18 +126,19 @@ export default {
});
});
},
//删除证书分发数据
delZsff(item){
//删除证书分发数据
delZsff (item) {
this.$confirm('确定要删除吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
removeZsgl({"bsmBatch":item.bsmBatch}).then(res => {
if(res.code == 200){
removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
if (res.code == 200) {
this.$message.success("删除成功")
this.fetchData();
}else{
this.handleDel()
this.fetchData()
} else {
this.$message.error(res.message)
}
})
......
......@@ -13,7 +13,14 @@ class data extends filter {
{
label: '序号',
type: 'index',
width: '50'
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "batchno",
......@@ -59,25 +66,25 @@ class data extends filter {
switch (scope.row.state) {
case '0':
return <div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认分发</el-button>
<el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button>
</div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认分发</el-button>
<el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button>
</div>
case '1':
return <el-button type="text" onClick={() => { }}>查看</el-button>
return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
}
}
}
]
}
ywlys(){
return[
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
{ value: 4, label: "银行端" },
]
}
}
}
let datas = new data()
......
<template>
<dialogBox title="证书入库" @submitForm="submitForm" saveButton="保存" width="45%" @closeDialog="closeDialog" v-model="value">
<div>
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="入库编号:" prop="batchno">
<el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="登记机构:" prop="djjg">
<el-select v-model="ruleForm.djjg" placeholder="请选择">
<el-option v-for="item in dictData['ywly']" :key="item.dname" :label="item.dname" :value="item.dname"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="入库人员:" prop="rkry">
<el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="入库时间:" prop="rksj">
<el-date-picker v-model="ruleForm.rksj" type="datetime" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<div>
<el-table :data="tableForm" border style="width: 100%" :header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}" :cell-style="{'text-align':'center'}">
<el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
<el-table-column prop="ksysxlh" label="开始印刷序列号" width="200">
<template slot-scope="scope">
<el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
oninput="value=value.replace(/[^\d.]/g,'')" ></el-input>
</template>
</el-table-column>
<el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
<template slot-scope="scope">
<el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
oninput="value=value.replace(/[^\d.]/g,'')" ></el-input>
</template>
</el-table-column>
<el-table-column prop="bs" label="本数">
<template slot-scope="scope">
<span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
<span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
<span v-else>{{scope.row.bs}}</span>
</template>
</el-table-column>
</el-table>
</div>
<el-form-item label="备注" class="middle-margin-bottom">
<el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
</el-form-item>
</el-form>
</div>
<dialogBox title="证书入库" @submitForm="submitForm" saveButton="保存" :isFullscreen="false" width="50%"
@closeDialog="closeDialog" v-model="myValue">
<el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules">
<el-row>
<el-col :span="12">
<el-form-item label="入库编号:" prop="batchno">
<el-input v-model="ruleForm.batchno" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="登记机构:" prop="djjg">
<el-select v-model="ruleForm.djjg" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['ywly']" :key="item.dname" :label="item.dname" :value="item.dname">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="入库人员:">
<el-input v-model="ruleForm.rkry" :disabled="true"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="入库时间:" prop="rksj">
<el-date-picker v-model="ruleForm.rksj" class="width100" type="datetime">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<div>
<el-table :data="tableForm" border style="width: 100%"
:header-cell-style="{'text-align':'center',background: 'rgb(236, 245, 255)'}"
:cell-style="{'text-align':'center'}">
<el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column>
<el-table-column prop="ksysxlh" label="开始印刷序列号" width="200">
<template slot-scope="scope">
<el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
</template>
</el-table-column>
<el-table-column prop="jsysxlh" label="结束印刷序列号" width="200">
<template slot-scope="scope">
<el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11"
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
</template>
</el-table-column>
<el-table-column prop="bs" label="本数">
<template slot-scope="scope">
<span v-if="scope.row.bs == 0" class="font-red">系统计算</span>
<span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span>
<span v-else>{{scope.row.bs}}</span>
</template>
</el-table-column>
</el-table>
</div>
<el-form-item label="备注" class="middle-margin-bottom">
<el-input type="textarea" v-model="ruleForm.bz" :rows="4"></el-input>
</el-form-item>
</el-form>
</dialogBox>
</template>
<script>
import { mapGetters } from 'vuex'
import { getSysSerialSingle,zsrk} from "@/api/zsgl.js"
import { getSysSerialSingle, zsrk } from "@/api/zsgl.js"
export default {
components: {
},
computed: {
...mapGetters(['dictData']),
},
......@@ -74,20 +75,21 @@ export default {
},
data () {
return {
myValue: this.value,
//表单提交数据
ruleForm: {
batchno: '',
djjg: '',
rkry: '超级管理员',
rksj: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
batchno: '',
djjg: '',
rkry: '超级管理员',
rksj: '',
bz: '',
zsstarno: '',
zsendno: '',
zsnum: '',
zmstarno: '',
zmendno: '',
zmnum: ''
},
//表格数据
tableForm: [
{
......@@ -95,16 +97,16 @@ export default {
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx:1
zslx: 1
},
{
name: '不动产权登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx:2
zslx: 2
}
],
],
//证书入库业务号参数
ywhQueryForm: {
serialtype: 'zsrkbh',
......@@ -113,117 +115,122 @@ export default {
digit: '5'
},
rules: {
batchNo: [
{ required: true, message: '入库编号不能为空', trigger: 'blur' }
],
djjg: [
{ required: true, message: '请选择登记机构', trigger: 'change' }
],
rkry: [
{ required: true, message: '入库人员不能为空', trigger: 'blur' }
],
rksj: [
{ required: true, message: '请选择入库时间', trigger: 'change' }
],
},
batchNo: [
{ required: true, message: '入库编号不能为空', trigger: 'blur' }
],
djjg: [
{ required: true, message: '请选择登记机构', trigger: 'change' }
],
rksj: [
{ required: true, message: '请选择入库时间', trigger: 'change' }
],
},
}
},
watch: {
value (val) {
this.myValue = val
}
},
methods: {
//表单提交
submitForm () {
this.tableForm.forEach((item,index)=>{
if(item.bs < 0){
return;
}
this.tableForm.forEach((item, index) => {
if (item.bs < 0) {
return;
}
})
zsrk(this.ruleForm).then(res => {
if(res.code == 200){
if (res.code == 200) {
this.$message.success('保存成功')
this.$emit("input", false);
this.ruleForm = {};
this.$refs['ruleForm'].resetFields();
this.resetTableFields();
this.$parent.fetchData();
}else{
} else {
this.$message.error(res.message);
}
})
},
//序列号获取
ywhSerial(){
ywhSerial () {
getSysSerialSingle(this.ywhQueryForm).then(res => {
if(res.code == 200){
this.ruleForm.batchno = res.message;
if (res.code == 200) {
this.ruleForm.batchno = res.message;
}
})
},
//印刷序列号处理
ysxlhDeal(item){
if(item.ksysxlh && item.jsysxlh){
if(item.ksysxlh.length == item.jsysxlh.length){
if(item.ksysxlh.length != 11){
ysxlhDeal (item) {
if (item.ksysxlh && item.jsysxlh) {
if (item.ksysxlh.length == item.jsysxlh.length) {
if (item.ksysxlh.length != 11) {
item.bs = -1;
return;
}
if(item.ksysxlh > item.jsysxlh){
if (item.ksysxlh > item.jsysxlh) {
item.bs = -1;
return;
}
item.bs = item.jsysxlh - item.ksysxlh + 1;
if(item.zslx == 1){
if (item.zslx == 1) {
this.ruleForm.zsstarno = item.ksysxlh;
this.ruleForm.zsendno = item.jsysxlh;
this.ruleForm.zsnum = item.bs
}else if(item.zslx == 2){
} else if (item.zslx == 2) {
this.ruleForm.zmstarno = item.ksysxlh;
this.ruleForm.zmendno = item.jsysxlh;
this.ruleForm.zmnum = item.bs
}
}else{
} else {
item.bs = -1;
}
}else{
} else {
item.bs = 0;
if(item.zslx == 1){
this.ruleForm.zsstarno = '';
this.ruleForm.zsendno = '';
this.ruleForm.zsnum = item.bs
}else if(item.zslx == 2){
this.ruleForm.zmstarno = '';
this.ruleForm.zmendno = '';
this.ruleForm.zmnum = item.bs
}
if (item.zslx == 1) {
this.ruleForm.zsstarno = '';
this.ruleForm.zsendno = '';
this.ruleForm.zsnum = item.bs
} else if (item.zslx == 2) {
this.ruleForm.zmstarno = '';
this.ruleForm.zmendno = '';
this.ruleForm.zmnum = item.bs
}
}
},
resetTableFields() {
resetTableFields () {
this.tableForm = [
{
name: '不动产权证书',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx:1
zslx: 1
},
{
name: '不动产权登记证明',
ksysxlh: '',
jsysxlh: '',
bs: 0,
zslx:2
zslx: 2
}
]
},
closeDialog () {
this.$emit("input", false);
},
this.$refs['ruleForm'].resetFields();
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.font-red{
.font-red {
color: red
}
.middle-margin-bottom{
margin-top:20px
.middle-margin-bottom {
margin-top: 20px
}
</style>
......
......@@ -2,17 +2,17 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="70px">
<el-form :model="ruleForm" label-width="80px">
<el-row>
<el-col :span="5">
<el-form-item label="入库编号">
<el-input v-model="approveForm.batchno" clearable placeholder="入库编号"></el-input>
<el-input v-model="ruleForm.batchno" clearable placeholder="入库编号"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="人库时间">
<el-date-picker v-model="ruleForm.rksj" type="datetimerange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable >
end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -32,17 +32,19 @@
:data="tableData.data">
</lb-table>
</div>
<addDialog ref="addDialog" v-model="isDialog"/>
<addDialog ref="addDialog" v-model="isDialog" />
<viewDialog v-model="viewDialog" />
</div>
</template>
<script>
import table from "@/utils/mixin/table";
import { datas, sendThis } from "./zsrkdata";
import addDialog from "./components/addDialog.vue"
import { getZsglrkList ,removeZsgl,verifyZsrk} from "@/api/zsgl.js"
import addDialog from "./components/addDialog.vue";
import viewDialog from "../components/viewDialog.vue";
import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
export default {
name: "zsrk",
components: {addDialog},
components: { addDialog, viewDialog },
mixins: [table],
mounted () {
sendThis(this);
......@@ -50,10 +52,9 @@ export default {
data () {
return {
isDialog: false,
viewDialog: false,
ruleForm: {
rksj: ''
},
approveForm: {
rksj: '',
batchno: '',
rkkssj: '',
rkjssj: ''
......@@ -66,12 +67,9 @@ export default {
};
},
methods: {
init (e) {
this.fetchData()
},
// 列表渲染接口
fetchData () {
getZsglrkList({ ...this.approveForm, ...this.pageData }).then(res => {
getZsglrkList({ ...this.ruleForm, ...this.pageData }).then(res => {
if (res.code === 200) {
let { total, records } = res.result
this.tableData.total = total;
......@@ -80,36 +78,38 @@ export default {
})
},
openDialog () {
this.isDialog = true;
this.$nextTick(()=> {
this.$nextTick(() => {
this.$refs.addDialog.ywhSerial();
this.isDialog = true;
})
},
queryClick () {
this.fetchData()
},
//修改筛选时间
timeChange() {
timeChange (val) {
if (this.ruleForm.rksj != null) {
this.approveForm.rkkssj = this.ruleForm.rksj[0];
this.approveForm.rkjssj = this.ruleForm.rksj[1];
this.ruleForm.rkkssj = this.ruleForm.rksj[0];
this.ruleForm.rkjssj = this.ruleForm.rksj[1];
} else {
this.approveForm.rkkssj = ''
this.approveForm.rkjssj = ''
this.ruleForm.rkkssj = ''
this.ruleForm.rkjssj = ''
}
},
//删除证书入库数据
delZsrk(item){
delZsrk (item) {
this.$confirm('确定要删除吗, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
removeZsgl({"bsmBatch":item.bsmBatch}).then(res => {
if(res.code == 200){
removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
if (res.code == 200) {
this.$message.success("删除成功")
this.fetchData();
}else{
this.handleDel()
this.fetchData()
} else {
this.$message.error(res.message)
}
})
......@@ -121,17 +121,17 @@ export default {
});
},
//审核证书入库数据
confrimVerify(item){
confrimVerify (item) {
this.$confirm('审核是否通过', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
verifyZsrk({"bsmBatch":item.bsmBatch}).then(res => {
if(res.code == 200){
verifyZsrk({ "bsmBatch": item.bsmBatch }).then(res => {
if (res.code == 200) {
this.$message.success("审核成功")
this.fetchData();
}else{
} else {
this.$message.error(res.message)
}
})
......
......@@ -13,7 +13,14 @@ class data extends filter {
{
label: '序号',
type: 'index',
width: '50'
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
prop: "batchno",
......@@ -59,25 +66,25 @@ class data extends filter {
switch (scope.row.state) {
case '0':
return <div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认审核</el-button>
<el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button>
</div>
<el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认审核</el-button>
<el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button>
</div>
case '1':
return <el-button type="text" onClick={() => { }}>查看</el-button>
return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
}
}
}
]
}
ywlys(){
return[
ywlys () {
return [
{ value: 1, label: "办事大厅" },
{ value: 2, label: "微信小程序" },
{ value: 3, label: "法院端" },
{ value: 4, label: "银行端" },
]
}
}
}
let datas = new data()
......
......@@ -2,33 +2,29 @@
<div class="from-clues">
<!-- 表单部分 -->
<div class="from-clues-header">
<el-form :model="ruleForm" label-width="120px">
<el-form :model="ruleForm" label-width="85px">
<el-row>
<el-col :span="5">
<el-form-item label="印刷序列号" prop="ysxlh">
<el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
<el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="证书类型" prop="zslx">
<el-select v-model="ruleForm.zslx" placeholder="请选择证书类型" clearable >
<el-option
v-for="item in zslxArr"
:key="item.value"
:label="item.label"
:value="item.value">
<el-select v-model="ruleForm.zslx" class="width100" placeholder="请选择证书类型" clearable>
<el-option v-for="item in zslxArr" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="业务号" prop="ywh">
<el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
<el-form-item label="业务号" label-width="60px" prop="ywh">
<el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="不动产权证号" prop="bdcqzh">
<el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
<el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
<el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
</el-form-item>
</el-col>
......@@ -48,13 +44,13 @@
:data="tableData.data">
</lb-table>
</div>
<viewDialog v-model="isDialog" />
<viewDialog ref="viewDialog" v-model="isDialog" />
</div>
</template>
<script>
import viewDialog from "./components/viewDialog.vue"
import viewDialog from "../components/viewDialog.vue"
import table from "@/utils/mixin/table";
import { getZssyqkList} from "@/api/zsgl.js"
import { getZssyqkList } from "@/api/zsgl.js"
import { datas, sendThis } from "./zssyjldata";
export default {
name: "zssyjl",
......@@ -78,15 +74,12 @@ export default {
data: [],
},
zslxArr: [
{label: '不动产权证书',value: 'zs'},
{label: '不动产登记证明', value: 'zm'}
{ label: '不动产权证书', value: 'zs' },
{ label: '不动产登记证明', value: 'zm' }
]
};
},
methods: {
init (e) {
this.fetchData()
},
// 列表渲染接口
fetchData () {
getZssyqkList({ ...this.ruleForm, ...this.pageData }).then(res => {
......@@ -97,11 +90,14 @@ export default {
}
})
},
openDialog () {
openDialog (item) {
this.isDialog = true
},
},
};
this.$nextTick(() => {
this.$refs.viewDialog.getDetail(item.bsmZswj);
})
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
......
......@@ -13,7 +13,14 @@ class data extends filter {
{
label: '序号',
type: 'index',
width: '50'
width: '50',
render: (h, scope) => {
return (
<div>
{(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
</div>
)
}
},
{
label: "状态",
......@@ -75,7 +82,7 @@ class data extends filter {
align: 'center',
fixed: 'right',
render: (h, scope) => {
return <el-button type="text" icon="el-icon-view" onClick={() => { }}>查看</el-button>
return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button>
}
}
]
......