style:上报系统数据推送

@@ -179,7 +179,7 @@
       // margin: 0 10px;
       // border-radius: 6px;
       span {
-        margin-left: 10px;
+        margin-left: 5px;
       }
     }
   }

@@ -22,7 +22,7 @@ $menuHover:#249af4;
 $subMenuBg:#202B3D;
 $subMenuHover:#0e6fba;
 
-$sideBarWidth: 170px;
+$sideBarWidth: 180px;
 $sideBarFontSize:15px;
 
 // border颜色

+<!--
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-05-26 15:40:23
+-->
+<template>
+  <div class="loadingtext">
+    <el-input
+      type="textarea"
+      :rows="8"
+      v-model="formData.json">
+    </el-input>
+    <div class="text-center pt-10">
+      <el-button type="primary" @click="pushRecord">推送</el-button>
+    </div>
+  </div>
+</template>
+<script>
+  import { pushSjsbRecord } from "@/api/zhcx.js";
+  export default {
+    props: {
+      formData: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    methods: {
+      pushRecord () {
+        this.$startLoading()
+        pushSjsbRecord(this.formData).then((res) => {
+          this.$endLoading()
+          if (res.code === 200) {
+            this.$message.success("推送成功");
+          } else {
+            this.$message.warning(res.message);
+          }
+          this.$popupCacel()
+        })
+      }
+    }
+  }
+</script>

@@ -21,97 +21,63 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort"
+      <lb-table :page-size="pageData.size" class="loadingtext"
         :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange"
         @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
-
-    <el-dialog title="详情" :visible.sync="detailVisible">
-      <div>
-        {{ dialogData.json }}
-      </div>
-      <div>
-        <button @click="pushRecord">推送</button>
-      </div>
-    </el-dialog>
-
   </div>
 </template>
 <script>
-import { mapGetters } from "vuex";
-import table from "@/utils/mixin/table";
-import { datas, sendThis } from "./djbcxdata";
-import { getSjsbPushList, pushSjsbRecord, detail } from "@/api/zhcx.js";
+  import { mapGetters } from "vuex";
+  import table from "@/utils/mixin/table";
+  import { datas, sendThis } from "./djbcxdata";
+  import { getSjsbPushList, detail } from "@/api/zhcx.js";
 
-export default {
-  name: "djbcx",
-  mixins: [table],
-  mounted () {
-    sendThis(this);
-    this.queryClick()
-  },
-  data () {
-    return {
-      queryForm: {
-        qllx: "",
-        bdcdyh: "",
-        bdcqzh: "",
-        ywh: "",
-      },
-      detailVisible : false,
-      pageData: {
-        current: 1,
-        size: 10,
-        total: 0,
-      },
-      tableData: {
-        columns: datas.columns(),
-        data: [],
-      },
-      qllxs: [],
-      isDialog: false,
-      dialogData: {},
-      djbxxData: {},
-    };
-  },
-  computed: {
-    ...mapGetters(["dictData"]),
-  },
-  methods: {
-    // 初始化数据
-    queryClick () {
-      this.$startLoading()
-      getSjsbPushList({ ...this.queryForm, ...this.pageData }).then((res) => {
-        this.$endLoading()
-        if (res.code === 200) {
-          let { total, records } = res.result;
-          this.tableData.data = records;
-          this.tableData.total = total;
-        }
-      });
-    },
-    handleSort (name, sort) {
-      console.log(name, sort);
+  export default {
+    name: "djbcx",
+    mixins: [table],
+    mounted () {
+      sendThis(this);
+      this.queryClick()
     },
-    pushRecord () {
-      this.$startLoading()
-      pushSjsbRecord(this.dialogData).then((res) => {
-        this.$endLoading()
-        if (res.code === 200) {
-          this.$message.success("推送成功");
-          this.queryClick();
-          done();
-        } else {
-          this.$message.warning(res.message);
+    data () {
+      return {
+        queryForm: {
+          qllx: "",
+          bdcdyh: "",
+          bdcqzh: "",
+          ywh: "",
+        },
+        pageData: {
+          current: 1,
+          size: 10,
+          total: 0,
+        },
+        tableData: {
+          columns: datas.columns(),
+          data: [],
         }
-      });
+      }
     },
-    // 高级查询
-    moreQueryClick () { },
-    openDialog (scroll) {
-
-      const h = this.$createElement;
+    computed: {
+      ...mapGetters(["dictData"])
+    },
+    methods: {
+      // 初始化数据
+      queryClick () {
+        this.$startLoading()
+        getSjsbPushList({ ...this.queryForm, ...this.pageData }).then((res) => {
+          this.$endLoading()
+          if (res.code === 200) {
+            let { total, records } = res.result;
+            this.tableData.data = records;
+            this.tableData.total = total;
+          }
+        });
+      },
+      openDialog (scroll) {
+        const h = this.$createElement;
         this.$msgbox({
           title: '推送',
           message: h('p', null, [
@@ -129,38 +95,35 @@ export default {
               done();
             }
           }
-        }).then(action => {});
-
-    },
-
-    detail(row) {
-      this.detailVisible = true
-      detail(row.bsm).then((res) => {
-        this.$endLoading()
-        if (res.code === 200) {
-          this.dialogData = res.result;
-        } else {
-          this.$message.warning(res.message);
-        }
-      });
+        }).then(action => { });
+      },
+      detail (row) {
+        detail(row.bsm).then((res) => {
+          this.$endLoading()
+          if (res.code === 200) {
+            this.$popupDialog("详情", "sjgx/sbxtsjts/dialog/detail", res.result, "60%")
+          } else {
+            this.$message.warning(res.message);
+          }
+        })
+      }
     }
   }
-}
 </script>
 <style scoped lang="scss">
-@import "~@/styles/public.scss";
+  @import "~@/styles/public.scss";
 
-.icon-circle {
-  position: relative;
-}
+  .icon-circle {
+    position: relative;
+  }
 
-.icon-circle::before {
-  content: "";
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background: #000;
-  top: 0px;
-  left: 0px;
-}
+  .icon-circle::before {
+    content: "";
+    width: 4px;
+    height: 4px;
+    border-radius: 50%;
+    background: #000;
+    top: 0px;
+    left: 0px;
+  }
 </style>

@@ -46,8 +46,8 @@ class data extends filter {
         label: '登记情形编码',
         render: (h, scope) => {
           return (
-            <el-input placeholder="登记情形编码" class={{ repeat: scope.row.repeat }} value={scope.row[scope.column.property]}
-              onInput={(val) => { scope.row[scope.column.property] = val; orderNoChange() }} maxlength="8">
+            <el-input placeholder="登记情形编码" value={scope.row[scope.column.property]}
+              onInput={(val) => { scope.row[scope.column.property] = val; vm.orderNoChange() }} maxlength="8">
             </el-input>
           )
         }
@@ -58,7 +58,7 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <el-input placeholder="登记情形名称" value={scope.row[scope.column.property]}
-              onInput={(val) => { scope.row[scope.column.property] = val; orderNoChange() }}>
+              onInput={(val) => { scope.row[scope.column.property] = val; vm.orderNoChange() }}>
             </el-input>
           )
         }

@@ -153,7 +153,9 @@
         activeName: "1",
         form: {
           bsmSqyw: '',
-          ywDetail: {}
+          ywDetail: {},
+          djqx: [],
+          clxx: []
         },
         djqxCol: datas.djqxCol(),
         clxxCol: datas.clxxCol(),
@@ -205,15 +207,16 @@
       },
       //获取业务具体明细内容
       getDetail (bsmSqyw) {
+        let _this = this
         getSqdjywDetail(bsmSqyw).then((res) => {
           if (res.code === 200) {
-            // this.form.bsmSqyw = res.result.bsmSqyw
-            // this.form.ywDetail = res.result.ywDetail
-            this.$set(this.form, 'djqx', res.result.djqx)
-            // this.$set(this.form, 'sxql', res.result.sxql)
-            this.$set(this.form, 'clxx', res.result.clxx)
-            // this.$set(this.form, 'sxzt', res.result.sxzt)
-            // this.$set(this.form, 'ywDetail', res.result.ywDetail)
+            _this.form.bsmSqyw = res.result.bsmSqyw
+            _this.form.ywDetail = res.result.ywDetail
+            _this.$set(_this.form, 'djqx', res.result.djqx)
+            _this.$set(_this.form, 'sxql', res.result.sxql)
+            _this.$set(_this.form, 'clxx', res.result.clxx)
+            _this.$set(_this.form, 'sxzt', res.result.sxzt)
+            _this.$set(_this.form, 'ywDetail', res.result.ywDetail)
           } else {
             this.$alert(res.message)
           }
@@ -289,7 +292,6 @@
   .el-radio-group {
     white-space: nowrap;
   }
-
   .form {
     background: #eee;
     padding: 0 10px;

@@ -48,7 +48,7 @@ module.exports = {
         }
     },
     css: {
-        extract: true, // 是否使用css分离插件 ExtractTextPlugin
+        extract: false, // 是否使用css分离插件 ExtractTextPlugin
         sourceMap: false, // 开启 CSS source maps?
         loaderOptions: {
             sass: {
@@ -59,10 +59,6 @@ module.exports = {
     },
     // configureWebpack通过操作对象的形式，来修改默认的webpack配置
     configureWebpack: {
-        optimization: {
-            usedExports: true,
-            minimize: true
-        },
         entry: {
             app: './src/main.js'
         },