style:弹框修改

+/*
+ * @Description: 
+ * @Autor: renchao
+ * @LastEditTime: 2023-04-11 14:48:18
+ */
 /**
  * 此文件主要创建 axios 实例，然后添加请求拦截器和响应拦截器
  */

@@ -122,7 +122,7 @@ export default {
   },
   methods: {
     closeDialog () {
-      this.$emit("input", false);
+      this.$popupCacel()
       this.form = {
         djSqcxDO: { ycqrgx: "1", cxyt: "" },
         sqrList: [],

@@ -258,10 +258,8 @@ export default {
             message: '修改成功',
             type: 'success'
           })
-          this.$emit('input', false)
+          this.$popupCacel()
         }
-      }).catch((error) => {
-        this.$endLoading();
       })
     },
     // 增加下级

 <template>
-  <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" class="loadingtext" @closeDialog="closeDialog"
-    v-model="myValue">
+  <div>
     <div class="qtjfjmb-edit-title">
       <b>权利信息</b>
     </div>
@@ -107,39 +106,37 @@
           </el-form-item>
         </el-col>
       </el-row>
+
+      <el-form-item class="text-center">
+        <el-button @click="$popupCacel">取消</el-button>
+        <el-button type="primary" @click="submitForm" plain>确定</el-button>
+      </el-form-item>
+
     </el-form>
-  </dialogBox>
+  </div>
 </template>
 
 <script>
 import { updateSysSqywmbsz, getSysSqywmbszDetailById } from '@/api/system'
 export default {
   props: {
-    value: { type: Boolean, default: false },
-    bsmMb: {
-      type: String,
-      default: ''
+    formData: {
+      type: Object,
+      default: () => { }
     }
   },
-  watch: {
-    value (val) {
-      this.myValue = val
-    },
-    bsmMb: {
-      handler (newValue) {
-        this.$startLoading()
-        getSysSqywmbszDetailById(newValue).then(res => {
-          this.$endLoading()
-          let { result } = res
-          this.ruleForm = result ? result : {}
-        })
-      },
-      immediate: true
+  mounted () {
+    if (this.formData.bsmMb) {
+      this.$startLoading()
+      getSysSqywmbszDetailById(this.formData.bsmMb).then(res => {
+        this.$endLoading()
+        let { result } = res
+        this.ruleForm = result ? result : {}
+      })
     }
   },
   data () {
     return {
-      myValue: this.value,
       n: 0,
       ruleForm: {
         qllx: '',
@@ -210,17 +207,13 @@ export default {
       let that = this
       updateSysSqywmbsz(this.ruleForm).then(res => {
         if (res.code === 200) {
+          this.$popupCacel()
           that.$message({
             message: '修改成功',
             type: 'success'
           })
-          that.$emit('input', false)
-          that.$parent.queryClick();
         }
       })
-    },
-    closeDialog () {
-      this.$emit('input', false)
     }
   }
 }
@@ -228,6 +221,7 @@ export default {
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/dialogBoxheader.scss";
+
 .qtjfjmb-edit-title {
   padding-bottom: 10px;
   border-bottom: 1px solid $borderColor;

@@ -6,8 +6,7 @@
         <el-row :gutter="20">
           <el-col :span="6">
             <el-form-item label="权利类型">
-              <el-select v-model="queryForm.qllx" class="width100" filterable clearable
-                placeholder="请选择权利类型">
+              <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
                 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
@@ -29,7 +28,6 @@
         :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
-    <editDialog v-model="isDialog" :bsmMb="bsmMb" />
   </div>
 </template>
 <script>
@@ -37,12 +35,8 @@ import { mapGetters } from 'vuex'
 import { sysSqywmbszSearch } from '@/api/system'
 import table from "@/utils/mixin/table"
 import { datas, sendThis } from "./qtjfjmb"
-import editDialog from "./components/editDialog.vue"
 export default {
-  name: "djbcx",
-  components: {
-    editDialog
-  },
+  name: "qtjfjmb",
   mixins: [table],
   mounted () {
     sendThis(this);
@@ -53,7 +47,6 @@ export default {
   },
   data () {
     return {
-      isDialog: false,
       queryForm: {
         qllx: ""
       },
@@ -77,8 +70,7 @@ export default {
       })
     },
     editClick (row) {
-      this.bsmMb = row.bsmMb
-      this.isDialog = true
+      this.$popupDialog("其他及附记模板", "system/qtjfjmb/components/editDialog", row, '60%')
     }
   }
 }

@@ -122,7 +122,7 @@
       </el-collapse>
     </div>
     <div slot="footer" class="dialog_footer text-center">
-      <el-button @click="cancelDialog">取 消</el-button>
+      <el-button @click="$popupCacel()">取 消</el-button>
       <el-button type="primary" @click="submit" plain>提 交</el-button>
     </div>
   </div>
@@ -199,14 +199,10 @@ export default {
             message: "修改成功",
             type: "success",
           });
-          // that.$emit('input', false)
+          this.$popupCacel()
         }
       });
     },
-    //修改父组件传过来的值
-    cancelDialog () {
-      this.$emit("update:dialogVisible", false);
-    },
     // 上移下移
     moveUpward (index, row, type) {
       if (type == "clxx") {

@@ -230,7 +230,7 @@ export default {
       ]
     },
     closeDialog () {
-      this.$emit("input", false);
+      this.$popupCacel()
       this.$refs['ruleForm'].resetFields();
       this.resetTableFields();
     }

@@ -238,7 +238,7 @@ export default {
       ]
     },
     closeDialog () {
-      this.$emit("input", false);
+      this.$popupCacel()
       this.$refs['ruleForm'].resetFields();
       this.resetTableFields();
     }