style:dialog样式

@@ -30,6 +30,7 @@
 <script>
 <script>
 export default {
 export default {
   props: {
   props: {
+    value: { type: Boolean, default: false, },
     activity: {
     activity: {
       type: Boolean,
       type: Boolean,
       default: false,
       default: false,
@@ -95,6 +96,11 @@ export default {
       scrollerHeight: '',
       scrollerHeight: '',
     }
     }
   },
   },
+  watch: {
+    value (val) {
+      this.dialogVisible = val
+    }
+  },
   methods: {
   methods: {
     isShow () {
     isShow () {
       this.dialogVisible = true
       this.dialogVisible = true

 .dialog_title {
 .dialog_title {
-  @flex();
+  @include flex;
   justify-content: space-between;
   justify-content: space-between;
   width: 100%;
   width: 100%;
 }
 }
+
 .el-dialog__header {
 .el-dialog__header {
   margin-bottom: 10px;
   margin-bottom: 10px;
   color: #4A4A4A;
   color: #4A4A4A;
   border-bottom: 1px solid #E4EBF4;
   border-bottom: 1px solid #E4EBF4;
 }
 }
+
 .el-dialog__body {
 .el-dialog__body {
   padding-top: 10px;
   padding-top: 10px;
   padding-bottom: 0;
   padding-bottom: 0;
 }
 }
+
 .el-dialog__headerbtn .el-dialog__close {
 .el-dialog__headerbtn .el-dialog__close {
   color: #6B7A99 !important;
   color: #6B7A99 !important;
   position: relative;
   position: relative;
   top: -2px;
   top: -2px;
 }
 }
-.dialog_footer {
-  @flex-center();
-}
+
+.dialog_footer {}
+
 .el-form-item {
 .el-form-item {
-  @flex();
+  @include flex;
   width: 100%;
   width: 100%;
 }
 }
+
 .el-dialog__wrapper {
 .el-dialog__wrapper {
-  @flex-center();
+  @include flex-center;
+  transform: translateX(80px);
 }
 }
+
 .el-dialog {
 .el-dialog {
   margin: 0;
   margin: 0;
 }
 }
\ No newline at end of file

@@ -48,13 +48,6 @@
 }
 }
 
 
 // to fixed https://github.com/ElemeFE/element/issues/2461
 // to fixed https://github.com/ElemeFE/element/issues/2461
-.el-dialog {
-  transform: none;
-  left: 0;
-  position: relative;
-  margin: 0 auto;
-}
-
 // refine element ui upload
 // refine element ui upload
 .upload-container {
 .upload-container {
   .el-upload {
   .el-upload {

@@ -282,13 +282,6 @@ aside {
   font-size: 20PX;
   font-size: 20PX;
 }
 }
 
 
-// 遮罩层样式设置
-.dialog_Style {
-  .el-dialog {
-    width: 40% !important;
-  }
-}
-
 .description {
 .description {
   .el-form-item__content {
   .el-form-item__content {
     width: 75%;
     width: 75%;

@@ -51,6 +51,9 @@
         @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
         @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
       </lb-table>
     </div>
     </div>
+    <dialogBox ref="dialog" title="标题" v-model="isDialog">
+      **在这里面写弹框内容**
+    </dialogBox>
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
@@ -65,6 +68,7 @@ export default {
   },
   },
   data () {
   data () {
     return {
     return {
+      isDialog: false,
       queryForm: {
       queryForm: {
         ywly: "",
         ywly: "",
         qllx: "",
         qllx: "",
@@ -84,9 +88,11 @@ export default {
         data: [
         data: [
           {
           {
             slsj: "2022-5-12",
             slsj: "2022-5-12",
+            ywh: 111111111111
           },
           },
           {
           {
             slsj: "2022-5-13",
             slsj: "2022-5-13",
+            ywh: 111111111111
           },
           },
         ],
         ],
       },
       },
@@ -97,6 +103,9 @@ export default {
     fetchData () { },
     fetchData () { },
     handleSort (name, sort) {
     handleSort (name, sort) {
       console.log(name, sort);
       console.log(name, sort);
+    },
+    openDialog () {
+      this.isDialog = true
     }
     }
   }
   }
 }
 }

@@ -40,8 +40,14 @@ class data extends filter {
         }
         }
       },
       },
       {
       {
-        prop: "ywh",
         label: "业务号",
         label: "业务号",
+        render: (h, scope) => {
+          return (
+            <div>
+              <el-link type="primary" onClick={() => { vm.openDialog(scope) }}>{scope.row.ywh}</el-link>
+            </div>
+          )
+        }
       },
       },
       {
       {
         prop: "sqywmc",
         prop: "sqywmc",