添加弹框内容

田浩浩
Showing 4 changed files with 119 additions and 53 deletions
src/api/fqsq.js
src/views/ywbl/fqsq/flowform.js
src/views/ywbl/fqsq/workFrame.scss
src/views/ywbl/fqsq/workFrame.vue
--- a/src/api/fqsq.js
View file @b266ae9
+++ b/src/api/fqsq.js
View file @b266ae9
@@ -2,7 +2,7 @@ import request from '@/utils/request'
 // 转出
-export function completeTask (data) {
+export function completeTask(data) {
    return request({
        url: '/business/workFlow/completeTask',
        method: 'post',
@@ -10,15 +10,15 @@ export function completeTask (data) {
    })
 }
 // 回退表格数据
-export function getTaskBackNode (params) {
+export function getTaskBackNode(params) {
    return request({
-      url: '/business/workFlow/getTaskBackNode',
+        url: '/business/workFlow/getTaskBackNode',
-      method: 'get',
+        method: 'get',
-      params: params
+        params: params
    })
-  }
+}
 //   退回确认接口
-export function sendBackTask (data) {
+export function sendBackTask(data) {
    return request({
        url: '/business/workFlow/sendBackTask',
        method: 'post',
@@ -26,7 +26,7 @@ export function sendBackTask (data) {
    })
 }
 // 获取左侧列表
-export function leftMenu (data) {
+export function leftMenu(data) {
    return request({
        url: '/ywbl/tdsyqlr/leftMenu',
        method: 'post',
@@ -35,7 +35,7 @@ export function leftMenu (data) {
 }
 // 受理信息返显接口
-export function Init (data) {
+export function Init(data) {
    return request({
        url: '/ywbl/tdsyqlr/Init',
        method: 'post',
@@ -44,7 +44,7 @@ export function Init (data) {
 }
 // 材料目录明细初始化
-export function clmlInit (data) {
+export function clmlInit(data) {
    return request({
        url: '/zhcx/clml/Init',
        method: 'post',
@@ -53,7 +53,7 @@ export function clmlInit (data) {
 }
 // 材料目录明细移动
-export function move (data) {
+export function move(data) {
    return request({
        url: '/zhcx/clml/move',
        method: 'post',
@@ -62,7 +62,7 @@ export function move (data) {
 }
 // 材料目录明细保存
-export function save (data) {
+export function save(data) {
    return request({
        url: '/zhcx/clml/save',
        method: 'post',
@@ -71,7 +71,7 @@ export function save (data) {
 }
 // 材料目录批量删除
-export function clmlDelete (params) {
+export function clmlDelete(params) {
    return request({
        url: '/zhcx/clml/delete',
        method: 'delete',
@@ -80,16 +80,22 @@ export function clmlDelete (params) {
 }
 // 获取下一环节信息
-export function getNextLinkInfo (params) {
+export  function getNextLinkInfo(params) {
+    // return   axios({
+    //     url: '/business/workFlow/getNextLinkInfo',
+    //     method: 'get',
+    //     params: params
+    // });
    return request({
        url: '/business/workFlow/getNextLinkInfo',
        method: 'get',
        params: params
-    })
+    });
 }
 // 环节扩展信息
-export function stepExpandInfo (data) {
+export function stepExpandInfo(data) {
    return request({
        url: '/business/workFlow/stepExpandInfo',
        method: 'post',
@@ -98,7 +104,7 @@ export function stepExpandInfo (data) {
 }
 // 获取审批意见
-export function getSpyjList (data) {
+export function getSpyjList(data) {
    return request({
        url: '/business/workFlow/getSpyjList',
        method: 'post',
@@ -107,7 +113,7 @@ export function getSpyjList (data) {
 }
 // 保存审批意见
-export function saveSpyj (data) {
+export function saveSpyj(data) {
    return request({
        url: '/business/workFlow/saveSpyj',
        method: 'post',
@@ -115,7 +121,7 @@ export function saveSpyj (data) {
    })
 }
 // 根据受理申请保存审批意见
-export function saveSpyjBySlsq (data) {
+export function saveSpyjBySlsq(data) {
    return request({
        url: '/business/workFlow/saveSpyjBySlsq',
        method: 'post',
@@ -123,7 +129,7 @@ export function saveSpyjBySlsq (data) {
    })
 }
 // 登簿接口
-export function record (data) {
+export function record(data) {
    return request({
        url: '/business/workFlow/record',
        method: 'post',
@@ -131,7 +137,7 @@ export function record (data) {
    })
 }
 // 获取不动产权证列表
-export function getBdcqzList (params) {
+export function getBdcqzList(params) {
    return request({
        url: '/business/workFlow/getBdcqzList',
        method: 'get',
@@ -139,7 +145,7 @@ export function getBdcqzList (params) {
    })
 }
 // 获取印刷序列号
-export function readYsxlh (params) {
+export function readYsxlh(params) {
    return request({
        url: '/business/workFlow/readYsxlh',
        method: 'get',
@@ -147,7 +153,7 @@ export function readYsxlh (params) {
    })
 }
 // 缮证
-export function certificate (data) {
+export function certificate(data) {
    return request({
        url: '/business/workFlow/certificate',
        method: 'post',
@@ -155,7 +161,7 @@ export function certificate (data) {
    })
 }
 // 作废缮证信息
-export function invalidCertificate (data) {
+export function invalidCertificate(data) {
    return request({
        url: '/business/workFlow/invalidCertificate',
        method: 'post',
@@ -163,7 +169,7 @@ export function invalidCertificate (data) {
    })
 }
 // 缮证列表
-export function getCertificateList (data) {
+export function getCertificateList(data) {
    return request({
        url: '/business/workFlow/getCertificateList',
        method: 'post',
@@ -171,7 +177,7 @@ export function getCertificateList (data) {
    })
 }
 // 发证
-export function issueCertificate (data) {
+export function issueCertificate(data) {
    return request({
        url: '/business/workFlow/issueCertificate',
        method: 'post',
--- a/src/views/ywbl/fqsq/flowform.js
View file @b266ae9
+++ b/src/views/ywbl/fqsq/flowform.js
View file @b266ae9
@@ -29,4 +29,5 @@ export function getForm(tabName) {
    }
    return (r) => require.ensure([], () => r(form));
-}
\ No newline at end of file
+}
--- a/src/views/ywbl/fqsq/workFrame.scss
View file @b266ae9
+++ b/src/views/ywbl/fqsq/workFrame.scss
View file @b266ae9
@@ -46,7 +46,7 @@
    //   min-width: 50%;
    //   border-right: 1px solid #ebeef5;
    // }
+    //padding:5px 0 0 15px;
    background-color: #ffffffe7;
    width: 100%;
    height: 100%;
--- a/src/views/ywbl/fqsq/workFrame.vue
View file @b266ae9
+++ b/src/views/ywbl/fqsq/workFrame.vue
View file @b266ae9
@@ -43,6 +43,7 @@
          </el-menu-item>
        </el-menu>
      </div>
+      <!-- 分屏左侧预览 -->
      <div v-if="splitScreen" class="splitScreen-con">
        <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" />
      </div>
@@ -57,15 +58,17 @@
              :key="index"
            >
            </el-tab-pane>
+            <component
+              :key="fresh"
+              :is="componentTag"
+              v-bind="currentSelectProps"
+            />
          </el-tabs>
-          <component
-            :key="fresh"
-            :is="componentTag"
-            v-bind="currentSelectProps"
-          />
        </div>
      </div>
    </div>
+    <!-- <zslqDialog ref="zslqDialog" v-model="zslqDialog" /> -->
  </div>
 </template>
@@ -75,17 +78,21 @@
 </style>
 <script>
-import { leftMenu, stepExpandInfo, record } from "@/api/fqsq.js";
+import {
+  leftMenu,
+  stepExpandInfo,
+  record,
+  getNextLinkInfo,
+  completeTask,
+} from "@/api/fqsq.js";
 import { getForm } from "./flowform.js";
+import axios from "axios";
+// import zc from "./components/zc.vue";
+// import thDialog from "./components/th.vue";
+// import zsylDialog from "./components/zsyl";
+// import zslqDialog from "./components/zslq";
 export default {
-  components: {
+  // components: { zc, thDialog, zsylDialog, comMsg,zslqDialog},
-    //注册表单组件，后期改为路由模式
-    // slxx: () => import("@/views/ywbl/fqsq/components/slxx.vue"),
-    // clxx: () => import("./components/clxx.vue"),
-    // spyj: () => import("./components/spyj.vue"),
-    // zdjbxx: () => import("../../zhcx/djbcx/components/zdxx.vue"),
-    // qlxx: () => import("../../zhcx/djbcx/components/jsydsyq.vue"),
-  },
  data() {
    return {
      //受理申请标识码
@@ -105,7 +112,7 @@ export default {
      //选择加载哪一个组件
      componentTag: "",
      //设置表单组件是否刷选值
-      fresh: 0,
+      fresh: 10,
      //设置表单传递数据
      currentSelectProps: {},
      //是否开启材料分屏
@@ -155,9 +162,8 @@ export default {
        case "zsyl":
          this.zsylFlag = true;
          break;
-        case "clfp":
+        case "clfp": //材料分屏按钮
          this.splitScreen = this.splitScreen ? false : true;
-          //this.$alert(this.tabName);
          if (this.splitScreen) {
            //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
            if (this.tabName == this.clxxTab.value) {
@@ -169,15 +175,23 @@ export default {
            this.tabList.splice(this.clxxIndex, 1, this.clxxTab);
          }
          break;
-        case "th":
+        case "th": //退回按钮
-          this.thflag = true;
+          // this.thflag = true;
-          this.$nextTick(() => {
+          // this.$nextTick(() => {
-            this.$refs.thdialogRef.tablelistFn();
+          //   this.$refs.thdialogRef.tablelistFn();
-          });
+          // });
          break;
-        case "zc":
+        case "zc": //转件按钮
-          this.zcDialog = true;
+          getNextLinkInfo({
-          this.$refs.zcDialogRef.tablelistFn();
+            bsmSlsq: this.bsmSlsq,
+            bestepid: this.bestepid,
+          }).then((res) => {
+            if (res.code === 200) {
+              this.send(res.result);
+            }
+          });
+          //  this.$alert(res.result);
          break;
        case "tc":
          window.close();
@@ -231,6 +245,51 @@ export default {
    getFromRouter(tabname) {
      this.componentTag = getForm(tabname);
    },
+    //发送下一个环节
+    send(obj) {
+      const h = this.$createElement;
+      this.$msgbox({
+        title: "您确定转出吗？",
+        message: h("div",  { style: "margin: auto" }, [
+          h("span", null, "下个环节名称："),
+          h("i", { style: "color: teal" }, obj.taskName),
+          h("div", null, ""),
+          h("span", null, "下个环节经办人： "),
+          h("i", { style: "color: teal" }, obj.usernames.join("，")),
+        ]),
+        showCancelButton: true,
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        beforeClose: (action, instance, done) => {
+          if (action === "confirm") {
+            instance.confirmButtonLoading = true;
+            instance.confirmButtonText = "执行中...";
+            completeTask({
+            bsmSlsq: this.bsmSlsq,
+            shyj: "this.bestepid",
+          }).then((res) => {            
+              if (res.code === 200) {
+                instance.confirmButtonLoading = false;
+                this.$message.success("转件成功");
+                setTimeout(() => {
+                  window.opener = null;
+                  window.open("about:blank", "_self");
+                  window.close();
+                  this.$emit("input", false);
+                }, 1000);
+              }
+            });
+          } else {
+            done();
+          }
+        },
+      }).then((action) => {
+        this.$message({
+          type: "info",
+          message: "action: " + action,
+        });
+      });
+    },
  },
 };
 </script>
\ No newline at end of file