style:流程图

@@ -5,4 +5,4 @@ NODE_ENV=development
 VUE_APP_BASE_API = '/bdcdj'
 VUE_APP_BASE_API = '/bdcdj'
 
 
 # 开发环境
 # 开发环境
-VUE_APP_API_BASE_URL = 'http://192.168.2.88:8018'
+VUE_APP_API_BASE_URL = 'http://192.168.2.95:8018'

@@ -59,7 +59,7 @@ export default {
     },
     },
     heightNum: {
     heightNum: {
       type: Number,
       type: Number,
-      default: 285,
+      default: 260,
     },
     },
     maxHeight: {
     maxHeight: {
       type: Number,
       type: Number,

 <template>
 <template>
   <transition name="fade" mode="out-in" v-if="isShow">
   <transition name="fade" mode="out-in" v-if="isShow">
     <div class="ls-mask" v-loading="loading">
     <div class="ls-mask" v-loading="loading">
-      <div class="ls-mask-window" :style="{'width':width,'height':height}">
+      <div class="ls-mask-window" :style="{'width':width,'minHeight':height}">
         <div :style="{'text-align':titleStyle}"><b>{{title}}</b></div>
         <div :style="{'text-align':titleStyle}"><b>{{title}}</b></div>
         <i class="el-icon-close" @click="onCancel"></i>
         <i class="el-icon-close" @click="onCancel"></i>
         <div class="ls-mask-content">
         <div class="ls-mask-content">
@@ -30,7 +30,7 @@ export default {
       editItem: "",
       editItem: "",
       titleStyle: 'center',
       titleStyle: 'center',
       width: "75%",
       width: "75%",
-      height: "500px",
+      height: "230px",
       formData: "",//父组件传递的参数 负责传给子组件
       formData: "",//父组件传递的参数 负责传给子组件
     }
     }
   },
   },
@@ -82,6 +82,7 @@ export default {
   left: 0;
   left: 0;
   top: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.3);
   background: rgba(0, 0, 0, 0.3);
+  border-radius: 5px;
 }
 }
 
 
 .ls-mask-window {
 .ls-mask-window {
@@ -103,7 +104,6 @@ export default {
 }
 }
 
 
 .ls-mask-footer {
 .ls-mask-footer {
-  height: 45px;
   border-top: 1px solid #f0f0f0;
   border-top: 1px solid #f0f0f0;
   display: flex;
   display: flex;
   justify-content: flex-end;
   justify-content: flex-end;
@@ -112,6 +112,7 @@ export default {
   width: 98%;
   width: 98%;
   bottom: 10px;
   bottom: 10px;
   right: 12px;
   right: 12px;
+  padding-top: 10px;
 }
 }
 
 
 /deep/.el-icon-close {
 /deep/.el-icon-close {

+<!--
+  功能：流程图
+  作者：calliope
+-->
+<template>
+  <div class='flowChart'>
+    <img :src="formData" alt="">
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    formData: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+@import "~@/styles/mixin.scss";
+
+.flowChart {
+  margin: 20px 0;
+}
+</style>
\ No newline at end of file

@@ -56,9 +56,6 @@
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
-    <dialogBox title="流程图" width="70%" isMain v-model="myValue" :isFullscreen="false" :isButton="false">
-      <img :src="imgSrc" style="margin: 20px 0" />
-    </dialogBox>
   </div>
   </div>
 </template>
 </template>
 
 
@@ -82,7 +79,6 @@ export default {
     return {
     return {
       // 流程图
       // 流程图
       imgSrc: '',
       imgSrc: '',
-      myValue: false,
       // 折叠
       // 折叠
       isShowdrawer: true,
       isShowdrawer: true,
       // 默认选中
       // 默认选中
@@ -154,7 +150,11 @@ export default {
         case "B1":
         case "B1":
           getWorkFlowImage(this.bsmSlsq).then(res => {
           getWorkFlowImage(this.bsmSlsq).then(res => {
             this.imgSrc = URL.createObjectURL(res)
             this.imgSrc = URL.createObjectURL(res)
-            this.myValue = true
+            this.$popup({
+              title: '流程图',
+              editItem: 'workflow/components/flowChart',
+              formData: this.imgSrc
+            })
           })
           })
           break;
           break;
         case "zsyl":
         case "zsyl":

@@ -106,7 +106,7 @@ export default {
     fetchData () {
     fetchData () {
       if (this.bsmSqyw) {
       if (this.bsmSqyw) {
         this.queryForm.sqywbm = this.djywbm;
         this.queryForm.sqywbm = this.djywbm;
-
+        console.log(this.queryForm, this.bsmSqyw);
         selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
         selectScBdcdy({ ...this.queryForm, ...this.pageData }).then((res) => {
           if (res.code === 200) {
           if (res.code === 200) {
             let { total, records } = res.result;
             let { total, records } = res.result;