样式调整

@@ -12,7 +12,7 @@
 
 
 //input
 //input
 .el-input__inner {
 .el-input__inner {
-  color: #FFFFFF!important;
+  color: #FFFFFF !important;
   padding: 0 7px !important;
   padding: 0 7px !important;
 }
 }
 
 
@@ -257,43 +257,51 @@ table td {
 }
 }
 
 
 .el-popper[x-placement^="bottom"] .popper__arrow::after {
 .el-popper[x-placement^="bottom"] .popper__arrow::after {
-display: none;
+  display: none;
 }
 }
 
 
 .el-popper[x-placement^="bottom"] .popper__arrow {
 .el-popper[x-placement^="bottom"] .popper__arrow {
   display: none;
   display: none;
 }
 }
-.el-date-picker{
+// 时间选择框样式
+.el-date-picker {
   background-color: #031a46;
   background-color: #031a46;
+  .el-date-picker__header-label{
+  color:#A6CFD6;
+  }
   .el-picker-panel__content{
   .el-picker-panel__content{
+    background-color:#074487;
     .disabled{
     .disabled{
       background-color:#074487;
       background-color:#074487;
+      .el-date-table td.disabled div{
+        background-color:#074487;
+      }
     }
     }
   }
   }
-  .el-date-picker__header-label{
-    color: #A6CFD6;
-  }
-  .el-picker-panel__icon-btn{
+
+
+  .el-picker-panel__icon-btn {
     color: #A6CFD6;
     color: #A6CFD6;
   }
   }
-  .el-date-table th{
+
+  .el-date-table th {
     color: #02D9FD;
     color: #02D9FD;
   }
   }
-  .el-date-table td span{
+
+  .el-date-table td span {
     color: #A6CFD6;
     color: #A6CFD6;
   }
   }
-  .el-date-table td.current:not(.disabled) span{
-   background-color: #074487;
-  //  border:1px solid saddlebrown;
-   box-shadow: inset 0 0 7px #02D9FD;
-   border: 1px solid #02D9FD;
+
+  .el-date-table td.current:not(.disabled) span {
+    background-color: #074487;
+    //  border:1px solid saddlebrown;
+    box-shadow: inset 0 0 7px #02D9FD;
+    border: 1px solid #02D9FD;
   }
   }
 
 
 }
 }
-.el-picker-panel__content{
-  background-color:#074487;
 
 
-}
+
 
 
 
 
 .el-menu--horizontal .el-menu .el-menu-item,
 .el-menu--horizontal .el-menu .el-menu-item,
@@ -307,6 +315,7 @@ display: none;
 
 
 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover,
 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):hover,
 .el-select-dropdown__item:hover,
 .el-select-dropdown__item:hover,
+.el-select-dropdown__item.selected,
 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):focus {
 .el-menu--horizontal .el-menu--popup .el-menu-item:not(.is-disabled):focus {
   background: #074487;
   background: #074487;
   border: 1px solid #02D9FD;
   border: 1px solid #02D9FD;

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