|
|
@@ -0,0 +1,327 @@
|
|
|
+<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-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>
|
|
|
+ <van-sidebar v-model="activeKey">
|
|
|
+ <van-sidebar-item title="标签名称"></van-sidebar-item>
|
|
|
+ <van-sidebar-item title="标签名称"></van-sidebar-item>
|
|
|
+ <van-sidebar-item title="标签名称"></van-sidebar-item>
|
|
|
+
|
|
|
+ </van-sidebar>
|
|
|
+
|
|
|
+ <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>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div class="output_view">
|
|
|
+ <el-row>
|
|
|
+ <el-col span="20">
|
|
|
+ <el-form label-position="labelPosition" class="model_add_button" label-width="120px">
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col span="10">
|
|
|
+ <el-form-item label="合作方名称" width="100px">
|
|
|
+ <span>{{cooperatorName}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col span="10">
|
|
|
+ <el-form-item label="字段数量" width="100px">
|
|
|
+ <span>{{fieldCount}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col span="20">
|
|
|
+ <el-form label-position="labelPosition" class="model_add_button" label-width="120px">
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col span="10">
|
|
|
+ <el-form-item label="合作方编号" width="100px">
|
|
|
+ <span>{{cooperatorNum}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col span="10">
|
|
|
+ <el-form-item label="模型数量" width="100px">
|
|
|
+ <span>{{modelCount}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col span="20">
|
|
|
+ <el-form label-position="labelPosition" class="model_add_button" label-width="120px">
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col span="5">
|
|
|
+
|
|
|
+ <el-button type="primary" round @click="onButtonClickAdd()" size="small" >合作方产品申请</el-button>
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col span="5">
|
|
|
+
|
|
|
+ <el-button type="primary" round @click="onButtonClickAdd()" size="small" >编辑合作方信息</el-button>
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col span="10">
|
|
|
+ <el-form-item label="创建时间" width="100px">
|
|
|
+ <span>{{createTime}}</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <el-tabs v-model="activeName2" @tab-click="handleClick" stretch>
|
|
|
+ <el-tab-pane label="合作方字段列表" name="first">
|
|
|
+ <el-table :data="cooperatorField" style="width: 100%;">
|
|
|
+ <el-table-column align="center" label="字段类型" width="130">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.type}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="字段编号" width="150">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.fieldNo}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="字段名称（中文）" width="150">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.nameZH}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="字段名称（英文）" width="150">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.name}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="加入时间" width="150">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.createTime}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" width="150">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <el-button type="primary" round @click="onButtonClick(row.cooperatorName)" size="small" >查看</el-button>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="合作产品" name="second">合作产品</el-tab-pane>
|
|
|
+ <el-tab-pane label="历史记录" name="third">历史记录</el-tab-pane>
|
|
|
+
|
|
|
+ </el-tabs>
|
|
|
+ <van-sidebar v-model="activeKey2">
|
|
|
+ <van-sidebar-item title="标签名称"></van-sidebar-item>
|
|
|
+ <van-sidebar-item title="标签名称"></van-sidebar-item>
|
|
|
+ <van-sidebar-item title="标签名称"></van-sidebar-item>
|
|
|
+
|
|
|
+ </van-sidebar>
|
|
|
+
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+import {
|
|
|
+ getList,
|
|
|
+ userInfo, partnerList, roleDel,findCooperatorListByName, findCooperatorFieldByNum
|
|
|
+} from '@/api/index.js'
|
|
|
+import store from "@/store";
|
|
|
+import request from '@/utils/request.js'
|
|
|
+import { fieldInfo, modelInfo } from '../../api';
|
|
|
+
|
|
|
+export default {
|
|
|
+
|
|
|
+ name: "partnerInfo",
|
|
|
+ props: [],
|
|
|
+ components: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeKey: 0,
|
|
|
+ activeName: "second",
|
|
|
+ activeKey: 1,
|
|
|
+ activeName: "third",
|
|
|
+ currentPage: 1,
|
|
|
+ // cooperatorName : this.$route.query.cooperatorName,
|
|
|
+ cooperatorName : this.$route.query.cooperatorName,
|
|
|
+ cooperatorNum : this.$route.query.cooperatorNum,
|
|
|
+ fieldCount : this.$route.query.fieldCount,
|
|
|
+ modelCount : this.$route.query.modelCount,
|
|
|
+ createTime : this.$route.query.createTime,
|
|
|
+ cooperatorData : [],
|
|
|
+ selected1: true,
|
|
|
+ selected2: false,
|
|
|
+ selected3: false,
|
|
|
+ selected4: true,
|
|
|
+ selected5: true,
|
|
|
+ selected6: false,
|
|
|
+ input:'',
|
|
|
+ cooperatorField : [],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+ computed: {},
|
|
|
+ beforeCreate() {},
|
|
|
+ created() {},
|
|
|
+ beforeMount() {},
|
|
|
+ mounted()
|
|
|
+ {
|
|
|
+ findCooperatorFieldByNum(this.cooperatorNum).then(
|
|
|
+ res=>
|
|
|
+ {
|
|
|
+ this.cooperatorField=res.data.cooperator_field;
|
|
|
+ }
|
|
|
+ )
|
|
|
+ },
|
|
|
+ beforeUpdate() {},
|
|
|
+ updated() {},
|
|
|
+ destroyed() {},
|
|
|
+ methods: {
|
|
|
+ request() {},
|
|
|
+ handleClick() {},
|
|
|
+ handleCurrentChange() {},
|
|
|
+ handleSizeChange() {},
|
|
|
+ gotolink1()
|
|
|
+ {
|
|
|
+ this.$router.replace('/partnerInfo');
|
|
|
+ this.selected1 = false;
|
|
|
+ this.selected2 = true;
|
|
|
+ this.selected3 = true;
|
|
|
+ this.selected4 = false;
|
|
|
+ this.selected5 = true;
|
|
|
+ this.selected6 = false;
|
|
|
+ },
|
|
|
+ gotolink2()
|
|
|
+ {
|
|
|
+ //指定跳转地址
|
|
|
+ this.$router.replace('/partnerInfo');
|
|
|
+ this.selected1 = true;
|
|
|
+ this.selected2 = false;
|
|
|
+ this.selected3 = false;
|
|
|
+ this.selected4 = true;
|
|
|
+ this.selected5 = true;
|
|
|
+ this.selected6 = false;
|
|
|
+ },
|
|
|
+ gotolink3()
|
|
|
+ {
|
|
|
+ //指定跳转地址
|
|
|
+ this.$router.replace('/partnerInfo');
|
|
|
+ this.selected1 = true;
|
|
|
+ this.selected2 = false;
|
|
|
+ this.selected3 = true;
|
|
|
+ this.selected4 = false;
|
|
|
+ this.selected5 = false;
|
|
|
+ this.selected6 = true;
|
|
|
+ },
|
|
|
+ tables:function () { //在你的数据表格中定义tabels
|
|
|
+ const input = this.input
|
|
|
+ if (input) {
|
|
|
+ // console.log("input输入的搜索内容：" + this.input)
|
|
|
+ return this.cooperatorData.filter(data => {
|
|
|
+ console.log("object:" + Object.keys(data))
|
|
|
+ return Object.keys(data).some(key => {
|
|
|
+ return String(data[key]).indexOf(input) > -1
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return this.cooperatorData
|
|
|
+ },
|
|
|
+ onButtonClick (cooperatorName){
|
|
|
+ this.$router.push({
|
|
|
+ path: '/partnerDetailed',
|
|
|
+ query: {
|
|
|
+ ccooperatorName: cooperatorName,
|
|
|
+ }// 要传递的参数
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ fillter: {},
|
|
|
+}
|
|
|
+</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>
|
