|
@@ -0,0 +1,289 @@
|
|
|
+<template>
|
|
|
+ <div class="container" style="min-height: 100%; padding-bottom: 100px;">
|
|
|
+
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick" stretch>
|
|
|
+ <el-tab-pane label="首页" name="first" >首页</el-tab-pane>
|
|
|
+ <el-tab-pane label="业务" name="second">
|
|
|
+ <el-container>
|
|
|
+ <el-aside width="250px">
|
|
|
+
|
|
|
+ <button @click="gotolink1" v-bind:class="{ button: selected1, buttonselected: selected2 }">待办业务</button>
|
|
|
+ <button @click="gotolink2" v-bind:class="{ button: selected3, buttonselected: selected4 }">解析业务</button>
|
|
|
+ <button @click="gotolink3" v-bind:class="{ button: selected5, buttonselected: selected6 }">失败业务</button>
|
|
|
+
|
|
|
+ </el-aside>
|
|
|
+ <div class="line" />
|
|
|
+
|
|
|
+ <el-main>
|
|
|
+
|
|
|
+ <el-tabs v-model="activeName2" @tab-click="handleClick" >
|
|
|
+ <el-tab-pane label="业务信息" name="first">
|
|
|
+ <el-descriptions style="margin-top: 20px" direction="vertical" :column="1" border>
|
|
|
+ <el-descriptions-item label="业务编号">
|
|
|
+ <p>
|
|
|
+ {{this.businessInfoData.businessNum }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="产品编号">
|
|
|
+ <p>
|
|
|
+ {{this.businessInfoData.productNum }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="产品名称">
|
|
|
+ <p>
|
|
|
+ {{this.businessInfoData.productName }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="合作方名称">
|
|
|
+ <p>
|
|
|
+ {{this.businessInfoData.cooperatorName }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+
|
|
|
+ </el-descriptions>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="客户信息" name="second">
|
|
|
+ <el-descriptions style="margin-top: 20px" direction="vertical" :column="1" border>
|
|
|
+ <el-descriptions-item label="客户编号">
|
|
|
+ <p>
|
|
|
+ {{this.customInfoData.customerNum }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="客户名称">
|
|
|
+ <p>
|
|
|
+ {{this.customInfoData.name }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="证件类型">
|
|
|
+ <p>
|
|
|
+ {{this.customInfoData.idTypeCode }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="证件号码">
|
|
|
+ <p>
|
|
|
+ {{this.customInfoData.idNum }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="客户性别">
|
|
|
+ <p>
|
|
|
+ {{this.customInfoData.sexCode }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="手机号码">
|
|
|
+ <p>
|
|
|
+ {{this.customInfoData.telephone }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item label="居住地址">
|
|
|
+ <p>
|
|
|
+ {{this.customInfoData.address }}
|
|
|
+ </p>
|
|
|
+ </el-descriptions-item>
|
|
|
+
|
|
|
+ </el-descriptions>
|
|
|
+
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="文件" name="third">
|
|
|
+ <div class="hello tree-container">
|
|
|
+ <el-tree
|
|
|
+ :data="data"
|
|
|
+ show-checkbox
|
|
|
+ node-key="id"
|
|
|
+ class="tree"
|
|
|
+ :allow-drop="allowDrop"
|
|
|
+ :props="defaultProps"
|
|
|
+ :default-expanded-keys="[2, 3]"
|
|
|
+ :default-checked-keys="[5]">
|
|
|
+ </el-tree>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ </el-tabs>
|
|
|
+ <el-button type="primary" round @click="onButtonClickReturn" size="small" style="margin-left: 350px">返回</el-button>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </el-main>
|
|
|
+
|
|
|
+ </el-container>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="合作方" name="third">合作方</el-tab-pane>
|
|
|
+ <el-tab-pane label="字段列表" name="fourth">字段列表</el-tab-pane>
|
|
|
+ <el-tab-pane label="模型列表" name="fifth">模型列表</el-tab-pane>
|
|
|
+ <el-tab-pane label="管理" name="sixth">管理</el-tab-pane>
|
|
|
+
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+import {
|
|
|
+ findBusinessInfoByNum, findCustomInfoByNum, reportFileList
|
|
|
+} from '@/api/index.js'
|
|
|
+import store from "@/store";
|
|
|
+import request from '@/utils/request.js'
|
|
|
+import { fieldInfo, modelInfo } from '../../api';
|
|
|
+import {
|
|
|
+ cooperatorList
|
|
|
+} from '@/api/index.js'
|
|
|
+export default {
|
|
|
+
|
|
|
+ name: "cooperatorInfo",
|
|
|
+ props: [],
|
|
|
+ components: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeKey: 0,
|
|
|
+ activeName: "second",
|
|
|
+ activeName2 : "first",
|
|
|
+ currentPage: 1,
|
|
|
+ businessInfoData : [],
|
|
|
+ customInfoData : [],
|
|
|
+ selected1: false,
|
|
|
+ selected2: true,
|
|
|
+ selected3: true,
|
|
|
+ selected4: false,
|
|
|
+ selected5: true,
|
|
|
+ selected6: false,
|
|
|
+ input:'',
|
|
|
+ businessNum : this.$route.query.businessNum,
|
|
|
+
|
|
|
+ data: [{
|
|
|
+ id: 1,
|
|
|
+ label: '一级 2',
|
|
|
+ children: [{
|
|
|
+ id: 3,
|
|
|
+ label: '二级 2-1',}]
|
|
|
+ }],
|
|
|
+ defaultProps: {
|
|
|
+ // 用于修改节点指定标签的属性值
|
|
|
+ children: 'children',
|
|
|
+ label: 'label'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+ computed: {},
|
|
|
+ beforeCreate() {},
|
|
|
+ created() {},
|
|
|
+ beforeMount() {},
|
|
|
+ mounted()
|
|
|
+ {
|
|
|
+ findBusinessInfoByNum(this.businessNum).then(
|
|
|
+ res=>
|
|
|
+ {
|
|
|
+ this.businessInfoData=res.data.business_info;
|
|
|
+ }
|
|
|
+ ),
|
|
|
+ findCustomInfoByNum(this.businessNum).then(
|
|
|
+ res=>
|
|
|
+ {
|
|
|
+ this.customInfoData=res.data.custom_info;
|
|
|
+ }
|
|
|
+ )
|
|
|
+ },
|
|
|
+ beforeUpdate() {},
|
|
|
+ updated() {},
|
|
|
+ destroyed() {},
|
|
|
+ methods: {
|
|
|
+ request() {},
|
|
|
+ handleClick() {},
|
|
|
+ handleCurrentChange() {},
|
|
|
+ handleSizeChange() {},
|
|
|
+ allowDrop(draggingNode, dropNode, type)
|
|
|
+ {
|
|
|
+ if (draggingNode.parrent.id=== dropNode.parrent.id) {
|
|
|
+ return type !== 'next';
|
|
|
+ } else {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ gotolink1()
|
|
|
+ {
|
|
|
+ this.$router.replace('/businesstodo');
|
|
|
+ this.selected1 = false;
|
|
|
+ this.selected2 = true;
|
|
|
+ this.selected3 = true;
|
|
|
+ this.selected4 = false;
|
|
|
+ this.selected5 = true;
|
|
|
+ this.selected6 = false;
|
|
|
+ },
|
|
|
+ gotolink2()
|
|
|
+ {
|
|
|
+ //指定跳转地址
|
|
|
+ this.$router.replace('/businessAnalysis');
|
|
|
+ this.selected1 = true;
|
|
|
+ this.selected2 = false;
|
|
|
+ this.selected3 = false;
|
|
|
+ this.selected4 = true;
|
|
|
+ this.selected5 = true;
|
|
|
+ this.selected6 = false;
|
|
|
+ },
|
|
|
+ gotolink3()
|
|
|
+ {
|
|
|
+ //指定跳转地址
|
|
|
+ this.$router.replace('/businessFail');
|
|
|
+ this.selected1 = true;
|
|
|
+ this.selected2 = false;
|
|
|
+ this.selected3 = true;
|
|
|
+ this.selected4 = false;
|
|
|
+ this.selected5 = false;
|
|
|
+ this.selected6 = true;
|
|
|
+ },
|
|
|
+ onButtonClickReturn()
|
|
|
+ {
|
|
|
+ this.$router.replace('/businesstodo');
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+/* 竖线 */
|
|
|
+.line{
|
|
|
+ float: left;
|
|
|
+ width: 0.1em;
|
|
|
+ height: 19.5em;
|
|
|
+ margin-right: 1em;
|
|
|
+ margin-left: 0em;
|
|
|
+ background:#000000;
|
|
|
+}
|
|
|
+
|
|
|
+.button {
|
|
|
+ background-color: white;
|
|
|
+ border: none;
|
|
|
+ color: black;
|
|
|
+ padding: 15px 32px;
|
|
|
+ text-align: center;
|
|
|
+ text-decoration: none;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 16px;
|
|
|
+ width:180px;
|
|
|
+ height:50px;
|
|
|
+ font-weight: normal
|
|
|
+}
|
|
|
+
|
|
|
+.buttonselected {
|
|
|
+ background-color: white;
|
|
|
+ border: none;
|
|
|
+ color: black;
|
|
|
+ padding: 15px 32px;
|
|
|
+ text-align: center;
|
|
|
+ text-decoration: none;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 18px;
|
|
|
+ width:180px;
|
|
|
+ height:50px;
|
|
|
+ font-weight: 900
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.container { }
|
|
|
+</style>
|