申请

liangyifan
Showing 6 changed files with 153 additions and 51 deletions
src/api/fqsq.js
src/views/sqcx/dydjb/dydjb.vue
src/views/ywbl/dbx/dbx.vue
src/views/ywbl/dbx/dbxdata.js
src/views/ywbl/fqsq/components/slxx.vue
src/views/ywbl/fqsq/fqsq.vue
--- a/src/api/fqsq.js
View file @fb1876f
+++ b/src/api/fqsq.js
View file @fb1876f
 import request from '@/utils/request'
-/* 
-业务办理-获取收藏业务集合
-*/
+// 转出
+export function completeTask (data) {
+    return request({
+        url: '/business/workFlow/completeTask',
+        method: 'post',
+        data
+    })
+}
+// 获取左侧列表
+export function leftMenu (data) {
+    return request({
+        url: '/ywbl/tdsyqlr/leftMenu',
+        method: 'post',
+        data
+    })
+}
+// 受理信息返显接口
 export function Init (data) {
    return request({
        url: '/ywbl/tdsyqlr/Init',
--- a/src/views/sqcx/dydjb/dydjb.vue
View file @fb1876f
+++ b/src/views/sqcx/dydjb/dydjb.vue
View file @fb1876f
@@ -7,7 +7,7 @@
          <el-col :span="5">
            <el-form-item label="业务来源">
              <el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
-                <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                <el-option v-for="item in dictData['ywly']" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
@@ -15,7 +15,7 @@
          <el-col :span="5">
            <el-form-item label="权利类型">
              <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                <el-option v-for="item in dictData['A8']" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
@@ -23,7 +23,7 @@
          <el-col :span="5">
            <el-form-item label="登记类型">
              <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
-                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
+                <el-option v-for="item in dictData['A21']" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
--- a/src/views/ywbl/dbx/dbx.vue
View file @fb1876f
+++ b/src/views/ywbl/dbx/dbx.vue
View file @fb1876f
@@ -7,7 +7,7 @@
          <el-col :span="5">
            <el-form-item label="业务来源">
              <el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
-                <el-option v-for="item in ywlys" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                </el-option>
              </el-select>
            </el-form-item>
@@ -15,7 +15,7 @@
          <el-col :span="5">
            <el-form-item label="权利类型">
              <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                </el-option>
              </el-select>
            </el-form-item>
@@ -23,7 +23,7 @@
          <el-col :span="5">
            <el-form-item label="登记类型">
              <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
-                <el-option v-for="item in djlxs" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                </el-option>
              </el-select>
            </el-form-item>
@@ -58,17 +58,29 @@
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./dbxdata";
 import { searchTaskToDo } from "@/api/ywbl.js"
+import { mapGetters } from 'vuex'
 export default {
  name: "dbx",
  components: {},
  mixins: [table],
+  computed: {
+    ...mapGetters(['dictData']),
+  },
  mounted () {
    sendThis(this);
+    let that = this
+    document.addEventListener('visibilitychange', function() {
+    var isHidden = document.hidden;
+    if (isHidden) {//切离该页面时执行
+        //页面切换时，处理逻辑
+    } else {//切换到该页面时执行
+      console.log('让我看看')
+        that.fetchData()
+           }
+});
  },
  data () {
    return {
-      qllxs: [],
-      djlxs: [],
      queryForm: {
        ywly: "",
        qllx: "",
@@ -81,8 +93,6 @@ export default {
        total: 0,
      },
-      ywlys: datas.ywlys(),
      tableData: {
        columns: datas.columns(),
        data: [],
--- a/src/views/ywbl/dbx/dbxdata.js
View file @fb1876f
+++ b/src/views/ywbl/dbx/dbxdata.js
View file @fb1876f
@@ -85,14 +85,6 @@ class data extends filter {
    ]
  }
-  ywlys(){
-    return[
-      { value: 1, label: "办事大厅" },
-      { value: 2, label: "微信小程序" },
-      { value: 3, label: "法院端" },
-      { value: 4, label: "银行端" },
-    ]
-  } 
 }
 let datas = new data()
--- a/src/views/ywbl/fqsq/components/slxx.vue
View file @fb1876f
+++ b/src/views/ywbl/fqsq/components/slxx.vue
View file @fb1876f
@@ -6,17 +6,17 @@
      <el-row :gutter="10">
        <el-col :span="8">
          <el-form-item label="业务号：" prop="ywh">
-            <el-input v-model="ruleForm.ywh"></el-input>
+            <el-input readonly v-model="ruleForm.ywh"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="受理人员：" prop="slry">
-            <el-input v-model="ruleForm.slry"></el-input>
+            <el-input readonly v-model="ruleForm.slry"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="使用权结束时间：" prop="slsj">
-            <el-date-picker v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
+            <el-date-picker readonly v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
            </el-date-picker>
          </el-form-item>
        </el-col>
@@ -25,7 +25,7 @@
        <el-col :span="8">
          <el-form-item label="权利类型：" prop="qllx">
            <el-select  v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
-              <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value">
+              <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
              </el-option>
            </el-select>
          </el-form-item>
@@ -33,7 +33,7 @@
        <el-col :span="8">
          <el-form-item label="登记类型：" prop="djlx">
            <el-select v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
-              <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value">
+              <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
              </el-option>
            </el-select>
          </el-form-item>
@@ -51,12 +51,12 @@
      <el-row :gutter="10">
        <el-col :span="8">
          <el-form-item label="宗地代码：" prop="zddm">
-            <el-input v-model="ruleForm.zddm"></el-input>
+            <el-input readonly v-model="ruleForm.zddm"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="不动产单元号：" prop="bdcdyh">
-            <el-input v-model="ruleForm.bdcdyh"></el-input>
+            <el-input readonly v-model="ruleForm.bdcdyh"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
@@ -71,12 +71,12 @@
      <el-row :gutter="10">
        <el-col :span="8">
          <el-form-item label="宗地面积：" prop="zdmj">
-            <el-input v-model="ruleForm.zdmj"></el-input>
+            <el-input readonly v-model="ruleForm.zdmj"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="16">
          <el-form-item label="坐落：" prop="zl">
-            <el-input style="width: 100%" v-model="ruleForm.zl"></el-input>
+            <el-input readonly style="width: 100%" v-model="ruleForm.zl"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
@@ -99,7 +99,7 @@
        </el-col>
        <el-col :span="8">
          <el-form-item label="取得价格：" prop="qdjg">
-            <el-input v-model="ruleForm.qdjg"></el-input>
+            <el-input readonly v-model="ruleForm.qdjg"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
@@ -165,6 +165,8 @@
 </template>
 <script>
 import InformationTable from './InformationTable'
+import { Init } from "@/api/fqsq.js"
+import { mapGetters } from 'vuex'
 export default {
  /**注册组件*/
  components: { InformationTable },
@@ -174,8 +176,12 @@ export default {
      default: false
    }
  },
+  computed: {
+    ...mapGetters(['dictData']),
+  },
  data () {
    return {
+      readonly: true,
      flag: this.flag,
      flagTop: this.flag ? 'top' : '',
      qllxOption: [],
@@ -213,8 +219,19 @@ export default {
      }
    };
  },
  methods: {
+    list(bsmSldy){
+      var formdata=new FormData();
+      //可以通过append()方法来追加数据
+      formdata.append("bsmSldy",bsmSldy);
+      Init(formdata).then(res => {
+        if (res.code === 200) {
+          console.log(res,1111)
+          this.ruleForm = res.result
+        }
+      })
+    },
    onSubmit () { },
  },
 }
--- a/src/views/ywbl/fqsq/fqsq.vue
View file @fb1876f
+++ b/src/views/ywbl/fqsq/fqsq.vue
View file @fb1876f
@@ -9,7 +9,7 @@
        </li>
      </ul>
      <ul>
-        <li @click="operation(index)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
+        <li @click="operation(index,item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
          <svg-icon class="icon" :icon-class="item.icon" />
          <span class="iconName">{{ item.name }}</span>
        </li>
@@ -28,13 +28,11 @@
                  this.isShowdrawer = !this.isShowdrawer;}">
              </div>
        <ul v-if='this.isShowdrawer'>
-          <p>受理单元列表(3)</p>
+          <p>受理单元列表({{unitData.length}})</p>
-          <li>610100102104GB00004W00000000</li>
+          <div v-for='(item,index) in unitData' :key='index'>
-          <div class="xian"></div>
+            <li @click='unitClick(item)'>{{item.bdcdyh}}</li>
-          <li>610100102104GB00004W00000000</li>
-          <div class="xian"></div>
-          <li>610100102104GB00004W00000000</li>
            <div class="xian"></div>
+          </div>
        </ul>
      </div>
      <div class="tabsList-right" >  
@@ -44,24 +42,49 @@
        </div>
        <el-tabs v-model="activeName">
          <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
-            <div class="splitScreen-con">
+            <div class="splitScreen-con" v-if='index==0'>
-              <component :is="editItem" :flag="flag" :key="key" />
+              <component ref='slxx' :is="editItem" :flag="flag"  :key="key" />
            </div>
          </el-tab-pane>
        </el-tabs></div>
    </div>
+    <dialogBox title="查询权利信息" @submitForm="submitForm" :saveloding="saveloding" saveButton="确认转出" width="45%" 
+    height='30%' @closeDialog="closeDialog" v-model="myValue">
+    <div class="from-clues">
+      <!-- 表单部分 -->
+      <div class="from-clues-header">
+        <el-form :model="queryForm" ref="queryForm" label-width="120px">
+          <el-form-item label="下一环节名称:">
+            代码审查
+          </el-form-item>
+          <el-form-item label="下一环节办理人:">
+            赵小千
+          </el-form-item>
+              <el-form-item label="审批意见:">
+                <el-input type="textarea" v-model="queryForm.shyj"></el-input>
+              </el-form-item>
+        </el-form>
+      </div>
    </div>
+  </dialogBox>
+  </div>
 </template>
 <script>
-import { Init } from "@/api/fqsq.js"
+  import { leftMenu,completeTask } from "@/api/fqsq.js"
 export default {
  /**注册组件*/
  components: {},
  data () {
    return {
+      myValue:false,
+      saveloding:false,
+      queryForm:{
+        shyj:"",
+        bsmSlsq:"",
+      },
      isShowdrawer: true,
      key: 0,
      flag: false,
@@ -131,7 +154,8 @@ export default {
      ],
      tabList: [],
      editItem: '',
-      issplitScreen: false
+      issplitScreen: false,
+      unitData:[],
    };
  },
  watch: {
@@ -144,20 +168,38 @@ export default {
    }
  },
  created () {
    this.tabList = [...this.tabList1]
-    this.list()
+  },
+  mounted(){
+    if(this.$route.query.bsmSlsq){
+        this.list(this.$route.query.bsmSlsq)
+        this.queryForm.bsmSlsq = this.$route.query.bsmSlsq
+    }
  },
  methods: {
-    list(){
+    // 获取左侧列表
+   list(id){
+      let that = this
      var formdata=new FormData();
-//可以通过append()方法来追加数据
+      formdata.append("bsmSlsq",id);
-formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
+      leftMenu(formdata).then(res => {
-      Init(formdata).then(res => {
        if (res.code === 200) {
-          console.log(res,1111)
+         this.unitData = res.result
+          setTimeout(() => {
+          that.$refs.slxx[0].list(that.unitData[0].bsmSldy)
+          }, 300);
        }
      })
   },
+  //  左侧列表点击调用接口
+  unitClick(item){
+    this.$nextTick(()=>{
+      this.$refs.slxx[0].list(item.bsmSldy)
+    })
+  },
    operation (index, item) {
      if (item.icon == 'fqsq5') {
        this.key++
@@ -168,14 +210,35 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
        } else {
          this.tabList = [...this.tabList1]
        }
+      }else if(item.icon=='fqsq9'){
+        this.myValue = true
      }
      // if (index == 3) {
      //   window.close()
      // }
    },
+    submitForm () {
+      completeTask(this.queryForm).then(res => {
+        console.log(res)
+        if (res.code === 200) {
+           console.log(res,555)
+      window.opener = null;
+      window.open("about:blank", "_self");
+      window.close();
+        this.$emit('input', false)
+        }
+      })
+    },
+    closeDialog () {
+      this.$emit("input", false);
+    },
    loadView (view) {
      return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
    },
  },
 }
 </script>
@@ -206,7 +269,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
  padding: 0;
  box-sizing: border-box;
  background-color: #ffffff;
+  overflow: hidden;
  .splitScreen {
@@ -315,8 +378,9 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
        min-width: 50%;
        border-right: 1px solid #EBEEF5;
      }
-    width: 100%;
    background-color: #ffffff;
+    width: 100%;
+    height: 100%;
    z-index: 100;
    @include flex;
    }
@@ -329,6 +393,8 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
  /deep/.el-tabs {
    width: 100%;
+    height: 90vh;
+    overflow-y: scroll;
  }
 }
 </style>
\ No newline at end of file