style;样式

任超
Showing 3 changed files with 129 additions and 69 deletions
src/api/fqsq.js
src/views/ywbl/fqsq/components/zc.vue
src/views/ywbl/fqsq/fqsq.vue
--- a/src/api/fqsq.js
View file @763c170
+++ b/src/api/fqsq.js
View file @763c170
@@ -78,3 +78,21 @@ export function clmlDelete (params) {
        params: params
    })
 }
+// 获取下一环节信息
+export function getNextLinkInfo (params) {
+    return request({
+        url: '/business/workFlow/getNextLinkInfo',
+        method: 'get',
+        params: params
+    })
+}
+// 环节扩展信息
+export function stepExpandInfo (data) {
+    return request({
+        url: '/business/workFlow/stepExpandInfo',
+        method: 'post',
+        data
+    })
+}
--- a/src/views/ywbl/fqsq/components/zc.vue
View file @763c170
+++ b/src/views/ywbl/fqsq/components/zc.vue
View file @763c170
@@ -6,10 +6,10 @@
      <div class="from-clues-header">
        <el-form :model="queryForm" ref="queryForm" label-width="120px">
          <el-form-item label="下一环节名称:">
-            代码审查
+            {{this.tableData.taskName}}
          </el-form-item>
          <el-form-item label="下一环节办理人:">
-            赵小千
+            {{this.usernames}}
          </el-form-item>
        </el-form>
@@ -19,7 +19,7 @@
 </template>
 <script>
-   import { completeTask } from "@/api/fqsq.js"
+import { completeTask ,getNextLinkInfo} from "@/api/fqsq.js"
 export default {
  components: {
  },
@@ -29,9 +29,21 @@ export default {
  },
  data () {
    return {
+      tableData: {},
+      usernames: '',
    }
  },
  methods: {
+    tablelistFn(){            
+      getNextLinkInfo(this.queryForm).then(res => {
+        if (res.code === 200) {
+            this.tableData = res.result
+            if(res.result.usernames){
+              this.usernames = String(res.result.usernames)
+            }
+        }
+      })
+    },
    submitForm () {
      completeTask(this.queryForm).then(res => {
        console.log(res)
--- a/src/views/ywbl/fqsq/fqsq.vue
View file @763c170
+++ b/src/views/ywbl/fqsq/fqsq.vue
View file @763c170
@@ -2,14 +2,13 @@
  <div class='fqsq'>
    <div class="fqsq-header">
      <ul>
-        <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(0, headerleftList.length - 4)"
+        <li @click="operation(index, item)" v-for="(item, index) in headerleftList" :key="index">
-          :key="index">
          <svg-icon :icon-class="item.icon" />
          <span class="iconName">{{ item.name }}</span>
        </li>
      </ul>
      <ul>
-        <li @click="operation(index, item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
+        <li @click="operation(index, item)" v-for="(item, index) in headerRightList" :key="index">
          <svg-icon class="icon" :icon-class="item.icon" />
          <span class="iconName">{{ item.name }}</span>
        </li>
@@ -42,7 +41,7 @@
          <div class="splitScreen"></div>
        </div>
        <el-tabs v-model="activeName" @tab-click='activeClick'>
-          <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
+          <el-tab-pane :label="item.name" :name="item.value" v-for="(item, index) in tabList" :key="index">
            <div class="splitScreen-con">
              <component ref='slxx' v-if='index == 0' :is="editItem" :flag="flag" :key="key" />
              <component ref='clxx' :is="editItem" v-else-if="index == 1" :key="key" />
@@ -52,13 +51,13 @@
        </el-tabs>
      </div>
    </div>
-    <zc v-model="zcDialog" :queryForm='queryForm' />
+    <zc ref="zcDialogRef" v-model="zcDialog" :queryForm='queryForm' />
    <thDialog ref='thdialogRef' v-model="thflag" :taskId='taskId' :bsmBusiness='bsmBusiness' :queryForm='queryForm' />
    <zsylDialog v-model='zsylFlag' />
  </div>
 </template>
 <script>
-import { leftMenu } from "@/api/fqsq.js"
+import { leftMenu, stepExpandInfo } from "@/api/fqsq.js"
 import zc from "./components/zc.vue"
 import thDialog from "./components/th.vue"
 import zsylDialog from './components/zsyl'
@@ -78,68 +77,90 @@ export default {
      key: 0,
      flag: false,
      headerleftList: [
-        {
+        // {
-          name: '图形定位',
+        //   name: '图形定位',
-          icon: 'fqsq1'
+        //   icon: 'fqsq1'
-        },
+        // },
-        {
+        // {
-          name: '登记簿',
+        //   name: '登记簿',
-          icon: 'fqsq2'
+        //   icon: 'fqsq2'
-        },
+        // },
-        {
+        // {
-          name: '证书预览',
+        //   name: '证书预览',
-          icon: 'fqsq3'
+        //   icon: 'fqsq3'
-        },
+        // },
-        {
+        // {
-          name: '流程图',
+        //   name: '流程图',
-          icon: 'fqsq4'
+        //   icon: 'fqsq4'
-        },
+        // },
-        {
+        // {
-          name: '材料分屏',
+        //   name: '材料分屏',
-          icon: 'fqsq5'
+        //   icon: 'fqsq5'
-        },
+        // },
-        {
+        // {
-          name: '材料导入',
+        //   name: '材料导入',
-          icon: 'fqsq6'
+        //   icon: 'fqsq6'
-        },
+        // },
-        {
+        // {
-          name: '打印申请书',
+        //   name: '打印申请书',
-          icon: 'fqsq7'
+        //   icon: 'fqsq7'
-        },
+        // },
+        // {
+        //   name: '登簿',
+        //   icon: 'fqsq2'
+        // },
+        // {
+        //   name: '退回',
+        //   icon: 'fqsq8'
+        // },
+        // {
+        //   name: '转出',
+        //   icon: 'fqsq9'
+        // },
+        // {
+        //   name: '退出',
+        //   icon: ''
+        // }
+      ],
+      headerRightList: [
        {
          name: '登簿',
-          icon: 'fqsq2'
+          icon: 'fqsq2',
+          value: 'db'
        },
        {
          name: '退回',
-          icon: 'fqsq8'
+          icon: 'fqsq8',
+          value: 'th'
        },
        {
          name: '转出',
-          icon: 'fqsq9'
+          icon: 'fqsq9',
+          value: 'zc'
        },
        {
          name: '退出',
-          icon: ''
+          icon: '',
+          value: 'tc'
        }
      ],
-      activeName: '1',
+      activeName: 'slxx',
      tabList1: [
-        {
+        // {
-          name: '受理申请',
+        //   name: '受理申请',
-        },
+        // },
-        {
+        // {
-          name: '材料信息',
+        //   name: '材料信息',
-        },
+        // },
-        {
+        // {
-          name: '审批意见',
+        //   name: '审批意见',
-        },
+        // },
-        {
+        // {
-          name: '宗地基本信息',
+        //   name: '宗地基本信息',
-        },
+        // },
-        {
+        // {
-          name: '权利信息',
+        //   name: '权利信息',
-        },
+        // },
      ],
      tabList: [],
      editItem: '',
@@ -153,19 +174,14 @@ export default {
  watch: {
    activeName: {
      handler (newName, oldName) {
-        let itemObj = { '1': 'slxx', '2': 'clxx', '3': 'spyj' }
+        this.editItem = this.loadView(newName)
-        this.editItem = this.loadView(itemObj[newName])
      },
      immediate: true
    }
  },
-  created () {
-    this.tabList = [...this.tabList1]
-  },
  mounted () {
    if (this.$route.query.bsmSlsq) {
+      this.expandInfo(this.$route.query.bestepid);
      this.list(this.$route.query.bsmSlsq)
      this.queryForm.bsmSlsq = this.$route.query.bsmSlsq
      this.queryForm.bestepid = this.$route.query.bestepid
@@ -189,8 +205,21 @@ export default {
        }
      })
    },
+    //获取环节扩展信息
+    expandInfo (bestepid) {
+      let that = this
+      var formdata = new FormData();
+      formdata.append("bestepid", bestepid);
+      stepExpandInfo(formdata).then(res => {
+        if (res.code === 200) {
+          this.tabList1 = [...res.result.form]
+          this.tabList = res.result.form;
+          this.headerleftList = res.result.button
+        }
+      })
+    },
    activeClick (tab, event) {
-      if (tab.name == '1') {
+      if (tab.name == 'slxx') {
        this.list(this.id)
      }
    },
@@ -203,10 +232,10 @@ export default {
      })
    },
    operation (index, item) {
-      if (item.icon == 'fqsq3') {
+      if (item.value == 'zsyl') {
        this.zsylFlag = true
-      } else if (item.icon == 'fqsq5') {
+      } else if (item.value == 'clfp') {
        this.key++
        this.issplitScreen = !this.issplitScreen
        this.flag = !this.flag
@@ -215,14 +244,15 @@ export default {
        } else {
          this.tabList = [...this.tabList1]
        }
-      } else if (item.icon == 'fqsq8') {
+      } else if (item.value == 'th') {
        this.thflag = true
        this.$nextTick(() => {
          this.$refs.thdialogRef.tablelistFn()
        })
      }
-      else if (item.icon == 'fqsq9') {
+      else if (item.value == 'zc') {
        this.zcDialog = true
+        this.$refs.zcDialogRef.tablelistFn()
      }
      // if (index == 3) {
      //   window.close()