style:区县接入

@@ -32,7 +32,7 @@
           </el-col>
         </el-row>
         <el-row class="mt-10">
-           <el-col :span="6">
+          <el-col :span="6">
             <el-form-item label="业务号" prop="ywh">
               <el-input v-model="form.ywh" class="width100" placeholder="业务号"></el-input>
             </el-form-item>
@@ -87,6 +87,8 @@
         :data="tableData.data">
       </lb-table>
     </div>
+    <!-- 编辑 -->
+    <dataDetails ref="editLog" />
   </div>
 </template>
 
@@ -97,10 +99,16 @@ import data from "./data";
 // 引入table混入方法
 import tableMixin from "@/mixins/tableMixin.js";
 import { getReceiveDataReportPage } from "@/api/sbbwcx.js";
+// 引入详情弹框
+import dataDetails from "@/components/dataDetails/edit-dialog";
 export default {
   name: "jsbwcx",
   mixins: [tableMixin],
-  data() {
+  // 注册组件
+  components: {
+    dataDetails,
+  },
+  data () {
     return {
       // 开始结束日期限制
       pickerOptionsStart: {
@@ -194,7 +202,7 @@ export default {
   },
   methods: {
     // 初始化数据
-    queryClick() {
+    queryClick () {
       getReceiveDataReportPage({ ...this.form, ...this.pageData }).then((res) => {
         if (res.code === 200) {
           let { total, records } = res.result;
@@ -204,23 +212,17 @@ export default {
       });
     },
     // 重置
-    resetForm() {
+    resetForm () {
       this.$refs.ruleForm.resetFields();
     },
-    featchData() {
+    featchData () {
       this.queryClick();
     },
     // 详情
-    handleEdit() {
-      this.$popupDialog(
-        "业务报文",
-        "components/JsonEditor/index",
-        {},
-        "50%",
-        "320px"
-      );
-    },
-  },
+    handleEdit (row) {
+      this.$refs.editLog.isShow(row);
+    }
+  }
 };
 </script>
 <style scoped lang="scss">