style:上报

任超
Showing 3 changed files with 127 additions and 85 deletions
src/api/dataReport.js
src/components/EditDialog/index.vue
src/views/jsbwcx/index.vue
--- a/src/api/dataReport.js
View file @da13b02
+++ b/src/api/dataReport.js
View file @da13b02
 /*
 * @Description: 数据上报模块api文件
 * @Autor: renchao
- * @LastEditTime: 2023-03-01 16:33:08
+ * @LastEditTime: 2023-03-03 14:38:57
 */
 /* 引入axios请求文件 */
 import request from '@/utils/request'
@@ -110,3 +110,16 @@ export function restartGenerateXml (bsmReport) {
    method: 'post'
  })
 }
+/**
+ * @description: 编辑报文头
+ * @param {*} data
+ * @author: renchao
+ */
+export function edit (data) {
+  return request({
+    url: urlHeader + 'edit',
+    method: 'post',
+    data
+  })
+}
\ No newline at end of file
--- a/src/components/EditDialog/index.vue
View file @da13b02
+++ b/src/components/EditDialog/index.vue
View file @da13b02
 <template>
  <el-dialog :close-on-click-modal="false" top="0" @close="closeDialog" custom-class="dialogBox editDialogBox mainCenter"
-    :visible.sync="dialogVisible" width="88%">
+    :visible.sync="dialogVisible" width="92%">
    <div slot="title" class="dialog_title" ref="dialogTitle">
      {{ title || '详情' }}
    </div>
@@ -11,81 +11,86 @@
          <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 item-content-input" :class="$store.state.business.Edit ? 'editInput' : ''"
+        <div class="dialog-from item-content-input" v-if="titleName == 'sjmx'">
-          v-if="titleName == 'sjmx'">
          <el-row>
            <el-col :span="5">
              <span>业务报文ID：</span>
-              <el-input v-model="dataReport.BizMsgId"></el-input>
+              <el-select v-model="dataReport.BizMsgId" :disabled="$store.state.business.Edit">
+                <el-option v-for="item in bwoptions" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
            </el-col>
            <el-col :span="6">
              <span>ASID：</span>
-              <el-input v-model="dataReport.ASID"></el-input>
+              <el-input v-model="dataReport.ASID" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
            <el-col :span="6">
              <span>行政区划编码：</span>
-              <el-input v-model="dataReport.AreaCode"></el-input>
+              <el-input v-model="dataReport.AreaCode" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
            <el-col :span="7">
              <span>上次不动产单元号：</span>
-              <el-input v-model="dataReport.PreEstateNum"></el-input>
+              <el-input v-model="dataReport.PreEstateNum" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="5">
              <span>业务编码：</span>
-              <el-input v-model="dataReport.RecType"></el-input>
+              <el-input v-model="dataReport.RecType" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
            <el-col :span="6">
              <span>权利类型：</span>
-              <el-select v-model="dataReport.RightType">
+              <el-select v-model="dataReport.RightType" :disabled="$store.state.business.Edit">
                <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>
-              <el-select v-model="dataReport.RegType">
+              <el-select v-model="dataReport.RegType" :disabled="$store.state.business.Edit">
                <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>
-              <el-input v-model="dataReport.CertCount" oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input>
+              <el-input v-model="dataReport.CertCount" :disabled="$store.state.business.Edit"
+                oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="5">
              <span>创建时间：</span>
-              <el-date-picker v-model="dataReport.createDate" type="date" value-format="yyyy-MM-dd">
+              <el-date-picker v-model="dataReport.createDate" clearable :disabled="$store.state.business.Edit" type="date"
+                value-format="yyyy-MM-dd">
              </el-date-picker>
            </el-col>
            <el-col :span="6">
              <span>业务流水号：</span>
-              <el-input v-model="dataReport.RecFlowID"></el-input>
+              <el-input v-model="dataReport.RecFlowID" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
            <el-col :span="6">
              <span>宗地/宗海代码：</span>
-              <el-input v-model="dataReport.ParcelID"></el-input>
+              <el-input v-model="dataReport.ParcelID" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
            <el-col :span="7">
              <span>证明数量：</span>
-              <el-input v-model="dataReport.ProofCount" oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input>
+              <el-input v-model="dataReport.ProofCount" :disabled="$store.state.business.Edit"
+                oninput="if(value.length > 8) value=value.slice(0, 8)"></el-input>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="7">
              <span>不动产单元号：</span>
-              <el-input v-model="dataReport.EstateNum"></el-input>
+              <el-input v-model="dataReport.EstateNum" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
            <el-col :span="7">
              <span>登记机构：</span>
-              <el-input v-model="dataReport.RegOrgID"></el-input>
+              <el-input v-model="dataReport.RegOrgID" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
            <el-col :span="11">
              <span>上次不动产权证号/不动产登记证明：</span>
-              <el-input v-model="dataReport.PreCertID"></el-input>
+              <el-input v-model="dataReport.PreCertID" :disabled="$store.state.business.Edit"></el-input>
            </el-col>
          </el-row>
        </div>
@@ -124,10 +129,13 @@
 </template>
 <script>
+import axios from "axios";
+import SERVER from '@/api/config'
+const urlHeader = SERVER.SERVERAPI + '/rest/sjsb/DataReport/'
 import { mapGetters } from "vuex";
 import JsonEditor from "@/components/JsonEditor.vue";
 import Xyjg from "./Result";
-import { getTabsDetail, getXml, getReportDetail, restartGenerateXml } from "@/api/dataReport.js";
+import { getTabsDetail, getXml, getReportDetail, restartGenerateXml, edit } from "@/api/dataReport.js";
 export default {
  components: { JsonEditor, Xyjg },
  props: {
@@ -150,31 +158,31 @@ export default {
  },
  data () {
    return {
+      key: 0,
      resultInfo: '',
      titleName: 'sjmx',
+      // 报文list
+      bwoptions: [],
      dataReport: {},
      index: 0,
      bsmYwsjb: "",
      ruleFormList: {
-        bizMsgID: "",
+        BizMsgId: "", // 业务报文ID
-        asid: "",
+        ASID: "", // ASID
-        areaCode: "",
+        AreaCode: "", //行政区划编码
-        preestateNum: "",
+        PreEstateNum: "", //上次不动产单元号
-        recType: "",
+        RecType: "", // 业务编码
-        rightType: "",
+        RightType: "", // 权利类型
-        regType: "",
+        RegType: "", //登记类型
-        certCount: "",
+        CertCount: "", //不动产权证书数量
-        createDate: "",
+        createDate: "", //创建时间
-        recFlowID: "",
+        RecFlowID: "", // 业务流水号
-        regOrgID: "",
+        ParcelID: "", //宗地/宗海代码
-        prllfCount: "",
+        ProofCount: "", //证明数量
-        parcelID: "",
+        EstateNum: "", // 不动产单元号
-        estateNum: "",
+        RegOrgID: "", // 登记机构
-        preCertID: "",
+        PreCertID: "", //次不动产权证号/不动产登记证明
-        digitalSign: "",
      },
      images: require("./images/success.gif"),
      dialogVisible: false,
@@ -200,18 +208,22 @@ export default {
    handleTitleTab (val) {
    },
    isShow (item) {
-      this.dataReport = item;
+      this.$set(this.bwoptions, 0, {
+        value: item.bizMsgid,
+        label: item.bizMsgid,
+      })
+      this.$set(this.bwoptions, 1, {
+        value: item.bizMsgid + 'CBXZ',
+        label: item.bizMsgid + 'CBXZ',
+      })
+      this.$set(this.bwoptions, 2, {
+        value: item.bizMsgid + 'BBXZ',
+        label: item.bizMsgid + 'BBXZ',
+      })
      this.titleName = 'sjmx';
      this.dialogVisible = true;
      //获取表头列表
-      getTabsDetail({ bsmReport: this.dataReport.bsmReport || this.dataReport.bsmSjsb }).then((res) => {
+      this._getList(item)
-        if (res.code == 200) {
-          this.headerList = res.result;
-          this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName
-          this.bsmYwsjb = this.headerList[0].bsmYwsjb;
-          this.editItem = this.loadView(this.activeName);
-        }
-      });
      //不动产数据查询上报详情
      getReportDetail({ bsmReport: item.bsmSjsb || item.bsmReport }).then((res) => {
        if (res.code == 200) {
@@ -225,6 +237,17 @@ export default {
        })
      }
    },
+    // 获取列表接口
+    _getList (data) {
+      getTabsDetail({ bsmReport: data.bsmReport || data.bsmSjsb }).then((res) => {
+        if (res.code == 200) {
+          this.headerList = res.result;
+          this.activeName = this.tabsActiveName == '' ? res.result[0].soleurl : this.tabsActiveName
+          this.bsmYwsjb = this.headerList[0].bsmYwsjb;
+          this.editItem = this.loadView(this.activeName);
+        }
+      });
+    },
    changeList (val) {
      let _index = val.index;
      if (_index > this.index) {
@@ -252,22 +275,33 @@ export default {
     * @description: 提交
     * @author: renchao
     */
-    submitForm: _.debounce(function () {
+    submitForm: _.debounce(async function () {
-      this.$refs["editItem"].handleUpdateForm()
+      let _this = this
-        .then((res) => {
+      // 上报请求头修改
-          if (res == 200) {
+      try {
-            this.$message({
+        var headRes = await axios.post('/api' + urlHeader + 'edit', this.dataReport,
-              message: '修改成功',
+          {
-              type: 'success'
+            headers: {
-            })
+              'Authorization': sessionStorage.getItem("token") || ""
            }
          })
-        .catch(function (error) {
+        if (headRes.code == 200) {
-          this.$alert(error, "提示", {
+          _this._getList(_this.dataReport)
-            confirmButtonText: "确定",
+        }
-            type: "error"
+      } catch (error) {
+        this.$message({
+          message: '报文头修改出错',
+          type: 'error'
        })
+      }
+      let listRes = await this.$refs["editItem"].handleUpdateForm()
+      console.log(headRes, listRes);
+      if (headRes.data?.code == 200 && listRes == 200) {
+        this.$message({
+          message: '上报成功',
+          type: 'success'
        })
+      }
    }, 500),
    /**
     * @description: 重新上报
@@ -306,14 +340,6 @@ 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;
@@ -405,7 +431,7 @@ export default {
  padding-right: 1px;
  margin-bottom: 10px;
  border-top: none;
-  height: 45vh;
+  height: 44vh;
 }
 /deep/.editDialogBox {
@@ -453,6 +479,10 @@ export default {
    padding-right: 15px;
  }
+  /deep/.el-icon-circle-close {
+    display: none;
+  }
  /deep/.el-input__suffix {
    right: -25px !important;
    top: -5px;
--- a/src/views/jsbwcx/index.vue
View file @da13b02
+++ b/src/views/jsbwcx/index.vue
View file @da13b02
@@ -99,17 +99,17 @@
 </template>
 <script>
-  // 接收报文查询
+// 接收报文查询
-  // 引入表格头部数据
+// 引入表格头部数据
-  import data from "./data";
+import data from "./data";
-  // 引入table混入方法
+// 引入table混入方法
-  import tableMixin from "@/mixins/tableMixin.js";
+import tableMixin from "@/mixins/tableMixin.js";
-  import { getReceiveDataReportPage } from "@/api/dataReport.js";
+import { getReceiveDataReportPage } from "@/api/dataReport.js";
-  // 引入详情弹框
+// 引入详情弹框
-  import dataDetails from "@/components/EditDialog";
+import dataDetails from "@/components/EditDialog";
-  //引入日期处理方法
+//引入日期处理方法
-  import { timeFormat } from "@/utils/operation";
+import { timeFormat } from "@/utils/operation";
-  export default {
+export default {
  name: "jsbwcx",
  mixins: [tableMixin],
  // 注册组件
@@ -225,7 +225,6 @@
      getReceiveDataReportPage({ ...this.form, ...this.formData }).then(
        (res) => {
          if (res.code === 200) {
-              console.log("菜单列表", res);
            let { total, records, current } = res.result;
            this.tableData.total = total;
            this.tableData.data = records ? records : [];
@@ -276,12 +275,12 @@
      }
    },
  }
-  }
+}
 </script>
 <style scoped lang="scss">
-  // 引入表单整体样式
+// 引入表单整体样式
-  @import "~@/styles/public.scss";
+@import "~@/styles/public.scss";
-  // 引入当前css
+// 引入当前css
-  @import "./index.scss";
+@import "./index.scss";
 </style>