Skip to content

bdc / bdcjg-web

Go to a project
Toggle navigation
Toggle navigation pinning
e4ae665c by 任超
Options

style:登簿日志

1 parent 5437389a
Inline Side-by-side
Showing 6 changed files with 267 additions and 199 deletions
......@@ -271,18 +271,6 @@ export default {
@import "~@/styles/mixin.scss";
@import "~@/styles/dialogBox.scss";
.regularHeight {
height: 80vh;
display: flex;
flex-direction: column;
.editDialogBox-con,
.JsonEditor {
flex: 1;
height: 100%;
}
}
/deep/.el-dialog__body {
display: flex;
flex-direction: column;
......
......@@ -17,7 +17,7 @@ export default {
<style scoped lang="scss">
/deep/.el-textarea__inner {
height: 72vh !important;
height: 67vh !important;
border: none !important;
background-color: #08346F !important;
color: #ffffff;
......
......@@ -2,7 +2,7 @@
overflow: hidden;
background: url("~@/image/dialogBg.png") no-repeat !important;
background-size: 100% 100% !important;
min-height: 89vh;
min-height: 90vh;
.dialog_title {
display: flex;
......@@ -60,6 +60,18 @@
}
}
.regularHeight {
height: 80vh;
display: flex;
flex-direction: column;
.editDialogBox-con,
.JsonEditor {
flex: 1;
height: 100%;
}
}
.dialog-from {
padding: 13px;
border-radius: 2px;
......
......@@ -50,7 +50,7 @@ export default {
}
/deep/.el-textarea__inner {
min-height: 33vh !important;
min-height: 27vh !important;
background-color: #08346F !important;
color: #ffffff;
border: none !important;
......
......@@ -6,6 +6,31 @@ class data {
columns () {
return [
{
width: "70",
renderHeader: (h, scope) => {
return (
<div>
<i
class="el-icon-plus"
onClick={() => {
vm.handleSBAdd();
}}
style="cursor:pointer;color:#409EFF"
></i>
</div>
);
},
render: (h, scope) => {
return <i
class="el-icon-minus"
onClick={() => {
vm.handleSBMinus(scope.row);
}}
style="cursor:pointer;color:#409EFF"
></i>
},
},
{
prop: 'ywh',
label: '业务号',
render: (h, scope) => {
......
......@@ -4,205 +4,210 @@
<div slot="title" class="dialog_title" ref="dialogTitle">
{{ title || '标题' }}
</div>
<div class="editDialogBox-box">
<el-tabs v-model="titleName" type="card">
<el-tab-pane label="登薄详情" name="sjmx"></el-tab-pane>
<el-tab-pane label="xml报文" name="xml"></el-tab-pane>
<el-tab-pane label="响应结果" name="xyjg"></el-tab-pane>
</el-tabs>
<div class="dialog-from" v-if="titleName == 'sjmx'">
<el-row class="dialog-from_header item-content-input">
<el-col :span="8">
<span>行政编码：</span>
<el-input v-model="titleForm.xzbm" maxlength="10"></el-input>
</el-col>
<el-col :span="8">
<span>行政名称：</span>
<el-input v-model="titleForm.mc" maxlength="20"></el-input>
</el-col>
<el-col :span="8">
<span>日期：</span>
<el-date-picker v-model="titleForm.date" type="date">
</el-date-picker>
</el-col>
</el-row>
<el-row class="dialog-from_header item-content-input">
<el-col :span="24">
<span class="bz">备注：</span>
<el-input placeholder="请输入内容" maxlength="1000" v-model="titleForm.bz">
</el-input>
</el-col>
</el-row>
<P class="dialog-from_title">当日登薄信息记录数</P>
<div>
<el-row class="dialog-from_header item-content-input">
<el-col :span="4">
<span>总数量：</span>
<el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>首次登记数量：</span>
<el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>转移登记数量：</span>
<el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>变更登记数量：</span>
<el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>注销登记数量：</span>
<el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 更正登记数量 -->
<el-col :span="4">
<span>更正登记数量：</span>
<el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
</el-row>
<el-row class="dialog-from_header item-content-input">
<el-col :span="4">
<span>异议登记数量：</span>
<el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>预告登记数量：</span>
<el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>查封登记数量：</span>
<el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 地役权登记数量 -->
<el-col :span="4">
<span>地役权登记数量：</span>
<el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 其他登记数量 -->
<el-col :span="4">
<span>其他登记数量：</span>
<el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 业务类型总数 -->
<el-col :span="4">
<span>业务类型总数：</span>
<el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
</el-row>
</div>
<P class="dialog-from_title">当日上报记录数</P>
<!-- 当日上报记录数 -->
<div>
<div class="regularHeight">
<div class="editDialogBox-box">
<el-tabs v-model="titleName" type="card">
<el-tab-pane label="登薄详情" name="sjmx"></el-tab-pane>
<el-tab-pane label="xml报文" name="xml"></el-tab-pane>
<el-tab-pane label="响应结果" name="xyjg"></el-tab-pane>
</el-tabs>
<div class="dialog-from" v-if="titleName == 'sjmx'">
<el-row class="dialog-from_header item-content-input">
<el-col :span="4">
<span>总数量1：</span>
<el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>首次登记数量：</span>
<el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
<el-col :span="8">
<span>行政编码：</span>
<el-input v-model="titleForm.xzbm" maxlength="10"></el-input>
</el-col>
<el-col :span="4">
<span>转移登记数量：</span>
<el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
<el-col :span="8">
<span>行政名称：</span>
<el-input v-model="titleForm.mc" maxlength="20"></el-input>
</el-col>
<el-col :span="4">
<span>变更登记数量：</span>
<el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>注销登记数量：</span>
<el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 更正登记数量 -->
<el-col :span="4">
<span>更正登记数量：</span>
<el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
<el-col :span="8">
<span>日期：</span>
<el-date-picker v-model="titleForm.date" type="date">
</el-date-picker>
</el-col>
</el-row>
<el-row class="dialog-from_header item-content-input">
<el-col :span="4">
<span>异议登记数量：</span>
<el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>预告登记数量：</span>
<el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>查封登记数量：</span>
<el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 地役权登记数量 -->
<el-col :span="4">
<span>地役权登记数量：</span>
<el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 其他登记数量 -->
<el-col :span="4">
<span>其他登记数量：</span>
<el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 业务类型总数 -->
<el-col :span="4">
<span>业务类型总数：</span>
<el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
<el-col :span="24">
<span class="bz">备注：</span>
<el-input placeholder="请输入内容" maxlength="1000" v-model="titleForm.bz">
</el-input>
</el-col>
</el-row>
</div>
<el-tabs v-model="titleName2" type="card">
<el-tab-pane label="当日登薄详单" name="drdbxd"></el-tab-pane>
<el-tab-pane label="当日上报详单" name="sbslxd"></el-tab-pane>
</el-tabs>
<div class="from-clues-content" v-show="titleName2 == 'drdbxd'" :key="key">
<lb-table :column="tableDBData.column" :pagination="false" :heightNumSetting="true" :heightNum="165"
:data="tableDBData.data">
</lb-table>
</div>
<div class="from-clues-content" v-show="titleName2 == 'sbslxd'">
<lb-table :column="tableSBData.column" :pagination="false" :heightNumSetting="true" :heightNum="165"
:data="tableSBData.data">
</lb-table>
</div>
<P class="dialog-from_title">当日登薄信息记录数</P>
<div>
<el-row class="dialog-from_header item-content-input">
<el-col :span="4">
<span>总数量：</span>
<el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>首次登记数量：</span>
<el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>转移登记数量：</span>
<el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>变更登记数量：</span>
<el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>注销登记数量：</span>
<el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 更正登记数量 -->
<el-col :span="4">
<span>更正登记数量：</span>
<el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
</el-row>
<el-row class="dialog-from_header item-content-input">
<el-col :span="4">
<span>异议登记数量：</span>
<el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>预告登记数量：</span>
<el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>查封登记数量：</span>
<el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 地役权登记数量 -->
<el-col :span="4">
<span>地役权登记数量：</span>
<el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 其他登记数量 -->
<el-col :span="4">
<span>其他登记数量：</span>
<el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 业务类型总数 -->
<el-col :span="4">
<span>业务类型总数：</span>
<el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
</el-row>
</div>
<P class="dialog-from_title">当日上报记录数</P>
<!-- 当日上报记录数 -->
<div>
<el-row class="dialog-from_header item-content-input">
<el-col :span="4">
<span>总数量1：</span>
<el-input v-model="titleForm.totalNum" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>首次登记数量：</span>
<el-input v-model="titleForm.firstReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>转移登记数量：</span>
<el-input v-model="titleForm.transferReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>变更登记数量：</span>
<el-input v-model="titleForm.changeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>注销登记数量：</span>
<el-input v-model="titleForm.logoutReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 更正登记数量 -->
<el-col :span="4">
<span>更正登记数量：</span>
<el-input v-model="titleForm.riviseReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
</el-row>
<el-row class="dialog-from_header item-content-input">
<el-col :span="4">
<span>异议登记数量：</span>
<el-input v-model="titleForm.dissentingReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>预告登记数量：</span>
<el-input v-model="titleForm.advanceReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<el-col :span="4">
<span>查封登记数量：</span>
<el-input v-model="titleForm.seizeReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 地役权登记数量 -->
<el-col :span="4">
<span>地役权登记数量：</span>
<el-input v-model="titleForm.easementReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 其他登记数量 -->
<el-col :span="4">
<span>其他登记数量：</span>
<el-input v-model="titleForm.otherReg" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
<!-- 业务类型总数 -->
<el-col :span="4">
<span>业务类型总数：</span>
<el-input v-model="titleForm.businessTypeCount" oninput="if(value.length > 6) value=value.slice(0, 6)"
type="number"></el-input>
</el-col>
</el-row>
</div>
<el-tabs v-model="titleName2" type="card">
<el-tab-pane label="当日登薄详单" name="drdbxd"></el-tab-pane>
<el-tab-pane label="当日上报详单" name="sbslxd"></el-tab-pane>
</el-tabs>
<div class="from-clues-content" v-show="titleName2 == 'drdbxd'" :key="key">
<lb-table :column="tableDBData.column" :pagination="false" :heightNumSetting="true" :heightNum="200"
:data="tableDBData.data">
</lb-table>
</div>
<div class="from-clues-content" v-show="titleName2 == 'sbslxd'">
<lb-table :column="tableSBData.column" :pagination="false" :heightNumSetting="true" :heightNum="200"
:data="tableSBData.data">
</lb-table>
</div>
</div>
</div>
<div class="editDialogBox-box" v-if="titleName == 'xml'">
<JsonEditor :resultInfo="resultInfo" />
</div>
<div class="editDialogBox-box JsonEditor" v-if="titleName == 'xyjg'">
<Xyjg :form-data='dataReport'></Xyjg>
</div>
</div>
<div class="editDialogBox-box" v-if="titleName == 'xml'">
<JsonEditor :resultInfo="resultInfo" class="JsonEditor" />
</div>
<div class="editDialogBox-box" v-if="titleName == 'xyjg'">
<Xyjg :form-data='dataReport'></Xyjg>
</div>
<div class="d-center" v-if="titleName == 'sjmx'">
<btn nativeType="cz" @click="dialogVisible = false">取 消</btn>
<btn nativeType="cx" @click="submitForm">确 定</btn>
</div>
<div class="d-center" v-if="!$store.state.business.Edit && titleName == 'xml'">
<btn nativeType="cx" @click="handleResubmit">重新上报</btn>
</div>
</el-dialog>
</template>
......@@ -252,6 +257,8 @@ export default {
data: [],
column: sbdata.columns()
},
// XML详情
resultInfo: '',
dataReport: {}
}
},
......@@ -267,6 +274,7 @@ export default {
this.titleName = 'sjmx';
this.dialogVisible = true;
},
// 当日登薄详单
handleDBAdd () {
this.tableDBData.data.push({
ywh: '',
......@@ -285,6 +293,25 @@ export default {
handleDBMinus (row) {
this.tableDBData.data.splice(row.index, 1)
},
// 当日上报详单
handleSBAdd () {
this.tableSBData.data.push({
ywh: '',
djlx: '',
qllx: '',
bdcdyh: '',
zszmh: '',
sfsb: '',
bwid: ''
})
this.tableSBData.data.forEach((item, indx) => {
this.$set(item, 'index', index)
})
this.key++
},
handleSBMinus (row) {
this.tableSBData.data.splice(row.index, 1)
},
submitForm () { }
}
}
......@@ -294,6 +321,22 @@ export default {
@import "~@/styles/public.scss";
@import "~@/styles/dialogBox.scss";
/deep/.el-tabs__header {
margin: 0;
}
.regularHeight {
height: 77vh;
display: flex;
flex-direction: column;
.editDialogBox-con,
.JsonEditor {
flex: 1;
}
}
/deep/.el-tabs__item {
color: #CEF8FF !important;
......