feat:登簿日志

任超
Showing 5 changed files with 122 additions and 81 deletions
src/components/EditDialog/index.vue
src/styles/dialogBox.scss
src/utils/tools.js
src/views/sthj/components/data/dbdata.js
src/views/sthj/components/editDialog.vue
--- a/src/components/EditDialog/index.vue
View file @1331dbb
+++ b/src/components/EditDialog/index.vue
View file @1331dbb
@@ -11,73 +11,81 @@
          <el-tab-pane v-if="visiableXml" label="xml报文" name="xml"></el-tab-pane>
          <el-tab-pane v-if="visiableXml" label="响应结果" name="xyjg"></el-tab-pane>
        </el-tabs>
-        <div class="dialog-from" v-if="titleName == 'sjmx'">
+        <div class="dialog-from item-content-input" :class="$store.state.business.Edit ? 'editInput' : ''"
+          v-if="titleName == 'sjmx'">
          <el-row>
            <el-col :span="5">
              <span>业务报文ID：</span>
-              <p>{{ dataReport.BizMsgId }}</p>
+              <el-input v-model="dataReport.BizMsgId"></el-input>
            </el-col>
            <el-col :span="6">
-              <span>接入报文ID：</span>
+              <span>ASID：</span>
-              <p>{{ dataReport.ASID }}</p>
+              <el-input v-model="dataReport.ASID"></el-input>
            </el-col>
            <el-col :span="6">
              <span>行政区划编码：</span>
-              <p>{{ dataReport.AreaCode }}</p>
+              <el-input v-model="dataReport.AreaCode"></el-input>
            </el-col>
            <el-col :span="7">
              <span>上次不动产单元号：</span>
-              <p>{{ dataReport.PreEstateNum }}</p>
+              <el-input v-model="dataReport.PreEstateNum"></el-input>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="5">
              <span>业务编码：</span>
-              <p>{{ dataReport.RecType }}</p>
+              <el-input v-model="dataReport.RecType"></el-input>
            </el-col>
            <el-col :span="6">
              <span>权利类型：</span>
-              <p>{{ this.dicStatus(dataReport.RightType, 'A8') }}</p>
+              <el-select v-model="dataReport.RightType">
+                <el-option v-for="item in dicData['A8']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
            </el-col>
            <el-col :span="6">
              <span>登记类型：</span>
-              <p>{{ this.dicStatus(dataReport.RegType, 'A21') }}</p>
+              <el-select v-model="dataReport.RegType">
+                <el-option v-for="item in dicData['A21']" :key="item.DCODE" :label="item.DNAME" :value="item.DCODE">
+                </el-option>
+              </el-select>
            </el-col>
            <el-col :span="7">
              <span>不动产权证书数量：</span>
-              <p>{{ dataReport.CertCount }}</p>
+              <el-input v-model="dataReport.CertCount" oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="5">
              <span>创建时间：</span>
-              <p>{{ dataReport.createDate }}</p>
+              <el-date-picker v-model="dataReport.createDate" type="date" value-format="yyyy-MM-dd">
+              </el-date-picker>
            </el-col>
            <el-col :span="6">
              <span>业务流水号：</span>
-              <p>{{ dataReport.RecFlowID }}</p>
+              <el-input v-model="dataReport.RecFlowID"></el-input>
            </el-col>
            <el-col :span="6">
              <span>宗地/宗海代码：</span>
-              <p>{{ dataReport.ParcelID }}</p>
+              <el-input v-model="dataReport.ParcelID"></el-input>
            </el-col>
            <el-col :span="7">
              <span>证明数量：</span>
-              <p>{{ dataReport.ProofCount }}</p>
+              <el-input v-model="dataReport.ProofCount" oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input>
            </el-col>
          </el-row>
          <el-row>
-            <el-col :span="6">
+            <el-col :span="7">
              <span>不动产单元号：</span>
-              <p>{{ dataReport.EstateNum }}</p>
+              <el-input v-model="dataReport.EstateNum"></el-input>
            </el-col>
-            <el-col :span="8">
+            <el-col :span="7">
              <span>登记机构：</span>
-              <p>{{ dataReport.RegOrgID }}</p>
+              <el-input v-model="dataReport.RegOrgID"></el-input>
            </el-col>
            <el-col :span="11">
              <span>上次不动产权证号/不动产登记证明：</span>
-              <p>{{ dataReport.PreCertID }}</p>
+              <el-input v-model="dataReport.PreCertID"></el-input>
            </el-col>
          </el-row>
        </div>
@@ -298,6 +306,14 @@ export default {
 @import "~@/styles/mixin.scss";
 @import "~@/styles/dialogBox.scss";
+.editInput {
+  /deep/.el-input__inner {
+    color: #87adf3;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+}
 /deep/.el-dialog__body {
  display: flex;
  flex-direction: column;
@@ -419,5 +435,49 @@ export default {
 .el-dialog__wrapper {
  overflow: hidden;
 }
+.dialog-from {
+  padding-top: 0;
+  .el-col {
+    justify-content: space-between;
+  }
+  .bz {
+    height: 100%;
+    position: relative;
+    top: 3px;
+  }
+  /deep/.el-select {
+    padding-right: 15px;
+  }
+  /deep/.el-input__suffix {
+    right: -25px !important;
+    top: -5px;
+  }
+  /deep/.el-select,
+  /deep/.el-input {
+    flex: 1;
+    width: 100%;
+  }
+  /deep/.el-textarea__inner {
+    border: none !important;
+    margin: 0;
+  }
+  &_header {
+    margin: 0 -5px !important;
+  }
+  &_title {
+    font-size: 18px;
+    color: #d7eaee;
+    margin: 3px 0;
+  }
+}
 </style>
--- a/src/styles/dialogBox.scss
View file @1331dbb
+++ b/src/styles/dialogBox.scss
View file @1331dbb
@@ -60,6 +60,13 @@
  }
 }
+.item-content-input {
+  /deep/.el-input__inner {
+    border: none !important;
+    text-align: right;
+  }
+}
 .regularHeight {
  height: 80vh;
  display: flex;
--- a/src/utils/tools.js
View file @1331dbb
+++ b/src/utils/tools.js
View file @1331dbb
@@ -262,27 +262,24 @@ function openDownloadDialog (url, saveName) {
 }
-function judgeObjectComplete (ObjectValue) {
-  let flag = new Boolean()
-  flag = true
+export function judgeListComplete (list) {
-  for (let key in ObjectValue) {
+  function judgeObjectComplete (obj) {
-    if (ObjectValue[key]) { } else {
+    let flag = false
-      flag = false
+    for (const key in obj) {
+      if (obj[key] == '' && key != 'index') {
+        flag = true
+      }
    }
+    return flag
  }
-  if (!flag) {
-    return false
-  } else {
-    return true
-  }
-}
-export function judgeListComplete (list) {
  let isNotComplete = list.findIndex(item => {
-    return judgeObjectComplete(item) === false
+    return judgeObjectComplete(item) === true
  })
  if (isNotComplete > -1) {
    return false
  } else {
    return true
  }
-}
\ No newline at end of file
+}
--- a/src/views/sthj/components/data/dbdata.js
View file @1331dbb
+++ b/src/views/sthj/components/data/dbdata.js
View file @1331dbb
@@ -45,16 +45,7 @@ class data {
        label: '登记类型',
        render: (h, scope) => {
          return (
-            <el-select class="width100" value={scope.row[scope.column.property]}
+            <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
-              onChange={(val) => { scope.row[scope.column.property] = val }}>
-              {
-                store.getters.dicData['A21'].map(option => {
-                  return (
-                    <el-option label={option.DNAME} value={option.DCODE}></el-option>
-                  )
-                })
-              }
-            </el-select>
          )
        }
      },
@@ -63,16 +54,7 @@ class data {
        label: '权利类型',
        render: (h, scope) => {
          return (
-            <el-select class="width100" value={scope.row[scope.column.property]}
+            <el-input value={scope.row[scope.column.property]} onInput={(val) => { scope.row[scope.column.property] = val }}></el-input>
-              onChange={(val) => { scope.row[scope.column.property] = val }}>
-              {
-                store.getters.dicData['A8'].map(option => {
-                  return (
-                    <el-option label={option.DNAME} value={option.DCODE}></el-option>
-                  )
-                })
-              }
-            </el-select>
          )
        }
      },
--- a/src/views/sthj/components/editDialog.vue
View file @1331dbb
+++ b/src/views/sthj/components/editDialog.vue
View file @1331dbb
@@ -203,15 +203,10 @@ import JsonEditor from "@/components/JsonEditor.vue";
 import { judgeListComplete } from "@/utils/tools.js"
 export default {
  components: { JsonEditor },
-  props: {
-    title: {
-      type: String,
-      default: ''
-    }
-  },
  data () {
    return {
      key: 0,
+      title: '',
      dialogVisible: false,
      titleName: 'sjmx',
      titleName2: 'drdbxd',
@@ -277,7 +272,7 @@ export default {
      this.dialogVisible = false;
    },
    isShow (item) {
-      this.title = `登薄日志(${item.ACCESSDATE})`
+      this.title = '登薄日志(' + item.ACCESSDATE + ')'
      this.titleName = 'sjmx'
      this.dialogVisible = true
      this.dbBsm = item.dbBsm
@@ -295,8 +290,14 @@ export default {
        this.resultInfo = accessLog.LOGSXML
        this.registerInfo = registerInfo
        this.accessInfo = accessInfo
-        this.tableDBData.data = registerList
+        this.tableDBData.data = _.cloneDeep(registerList)
-        this.tableSBData.data = accessList
+        this.tableSBData.data = _.cloneDeep(accessList)
+        this.tableDBData.data.forEach((item, index) => {
+          this.$set(item, 'index', index)
+        })
+        this.tableSBData.data.forEach((item, index) => {
+          this.$set(item, 'index', index)
+        })
      })
    },
    // 当日登薄详单
@@ -311,10 +312,9 @@ export default {
        BWID: '',
        BSM_DBLOG: this.accessLog.bsmDblog
      })
-      this.tableDBData.data.forEach((item, indx) => {
+      this.tableDBData.data.forEach((item, index) => {
        this.$set(item, 'index', index)
      })
-      this.key++
    },
    handleDBMinus (row) {
      this.$confirm('此操作将删除列表, 是否继续?', '提示', {
@@ -326,7 +326,10 @@ export default {
        this.$message({
          type: 'success',
          message: '删除成功!'
-        });
+        })
+        this.tableDBData.data.forEach((item, index) => {
+          this.$set(item, 'index', index)
+        })
      }).catch(() => {
        this.$message({
          type: 'info',
@@ -338,17 +341,13 @@ export default {
    handleSBAdd () {
      this.tableSBData.data.push({
        YWH: '',
-        DJLX: '',
-        QLLX: '',
        BDCDYH: '',
-        ZSZMH: '',
+        BWID: '',
-        SFSB: '',
+        BSM_DBLOG: this.accessLog.bsmDblog
-        BWID: ''
      })
-      this.tableSBData.data.forEach((item, indx) => {
+      this.tableSBData.data.forEach((item, index) => {
        this.$set(item, 'index', index)
      })
-      this.key++
    },
    handleSBMinus (row) {
      this.$confirm('此操作将删除列表, 是否继续?', '提示', {
@@ -360,7 +359,10 @@ export default {
        this.$message({
          type: 'success',
          message: '删除成功!'
-        });
+        })
+        this.tableSBData.data.forEach((item, index) => {
+          this.$set(item, 'index', index)
+        })
      }).catch(() => {
        this.$message({
          type: 'info',
@@ -515,13 +517,6 @@ export default {
    width: 100%;
  }
-  .item-content-input {
-    /deep/.el-input__inner {
-      border: none !important;
-      text-align: right;
-    }
-  }
  /deep/.el-textarea__inner {
    border: none !important;
    margin: 0;