|
|
@@ -0,0 +1,261 @@
|
|
|
+<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 = "filter-container">
|
|
|
+ <el-input v-model="input" placeholder="产品名称/产品编号" style="width: 30%" size="small" clearable/>
|
|
|
+ <el-button type="primary" icon="el-icon-search" size="small" style="margin-left: 10px" @click="filterTable">查询</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-table :data="cooperatorProductData" style="width: 100%;" @row-click="gotolink4">
|
|
|
+ <el-table-column align="center" label="产品编号" width="160">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.productNum}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="产品名称" width="160">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.productName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="产品状态" width="80">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.productStatus}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="合作方名称" width="160">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.cooperatorName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="对应模型" width="80">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.modelName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column align="center" label="创建日期" width="160">
|
|
|
+ <template v-slot="{row}">
|
|
|
+ <span>{{ row.createTime}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <script>
|
|
|
+
|
|
|
+ import {
|
|
|
+ getList,
|
|
|
+ userInfo, partnerList, roleDel
|
|
|
+ } from '@/api/index.js'
|
|
|
+ import store from "@/store";
|
|
|
+ import request from '@/utils/request.js'
|
|
|
+ import { fieldInfo, modelInfo } from '../../api';
|
|
|
+ import {
|
|
|
+ cooperatorProductList
|
|
|
+ } from '@/api/index.js'
|
|
|
+import { Row } from 'element-ui';
|
|
|
+ export default {
|
|
|
+
|
|
|
+ name: "cooperatorProductInfo",
|
|
|
+ props: [],
|
|
|
+ components: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeKey: 0,
|
|
|
+ activeName: "second",
|
|
|
+ currentPage: 1,
|
|
|
+ cooperatorProductData : [],
|
|
|
+ selected1: true,
|
|
|
+ selected2: false,
|
|
|
+ selected3: true,
|
|
|
+ selected4: false,
|
|
|
+ selected5: false,
|
|
|
+ selected6: true,
|
|
|
+ input:'',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+ computed: {},
|
|
|
+ beforeCreate() {},
|
|
|
+ created() {},
|
|
|
+ beforeMount() {},
|
|
|
+ mounted()
|
|
|
+ {
|
|
|
+ cooperatorProductList().then(
|
|
|
+ res=>
|
|
|
+ {
|
|
|
+ this.cooperatorProductData=res.data.cooperator_Product_List;
|
|
|
+ // console.log(this.fieldData)
|
|
|
+ }
|
|
|
+ )
|
|
|
+ },
|
|
|
+ beforeUpdate() {},
|
|
|
+ updated() {},
|
|
|
+ destroyed() {},
|
|
|
+ methods: {
|
|
|
+ request() {},
|
|
|
+ handleClick() {},
|
|
|
+ handleCurrentChange() {},
|
|
|
+ handleSizeChange() {},
|
|
|
+ gotolink1()
|
|
|
+ {
|
|
|
+ this.$router.replace('/cooperatorProductInfo');
|
|
|
+ this.selected1 = false;
|
|
|
+ this.selected2 = true;
|
|
|
+ this.selected3 = true;
|
|
|
+ this.selected4 = false;
|
|
|
+ this.selected5 = true;
|
|
|
+ this.selected6 = false;
|
|
|
+ },
|
|
|
+ gotolink2()
|
|
|
+ {
|
|
|
+ //指定跳转地址
|
|
|
+ this.$router.push('/cooperatorInfo');
|
|
|
+ this.selected1 = true;
|
|
|
+ this.selected2 = false;
|
|
|
+ this.selected3 = false;
|
|
|
+ this.selected4 = true;
|
|
|
+ this.selected5 = true;
|
|
|
+ this.selected6 = false;
|
|
|
+ },
|
|
|
+ gotolink3()
|
|
|
+ {
|
|
|
+ //指定跳转地址
|
|
|
+ this.$router.replace('/cooperatorProductInfo');
|
|
|
+ this.selected1 = true;
|
|
|
+ this.selected2 = false;
|
|
|
+ this.selected3 = true;
|
|
|
+ this.selected4 = false;
|
|
|
+ this.selected5 = false;
|
|
|
+ this.selected6 = true;
|
|
|
+ },
|
|
|
+ gotolink4(row)
|
|
|
+ {
|
|
|
+ //指定跳转地址
|
|
|
+ this.$router.push({path:'/cooperatorProductInfoBase',query:{productNum:row.productNum,productName:row.productName,modelName:row.modelName}});
|
|
|
+ this.selected1 = true;
|
|
|
+ this.selected2 = false;
|
|
|
+ this.selected3 = false;
|
|
|
+ this.selected4 = true;
|
|
|
+ this.selected5 = true;
|
|
|
+ this.selected6 = false;
|
|
|
+ },
|
|
|
+ tables:function () { //在你的数据表格中定义tabels
|
|
|
+ const input = this.input
|
|
|
+ if (input) {
|
|
|
+ // console.log("input输入的搜索内容：" + this.input)
|
|
|
+ return this.cooperatorProductData.filter(data => {
|
|
|
+ console.log("object:" + Object.keys(data))
|
|
|
+ return Object.keys(data).some(key => {
|
|
|
+ return String(data[key]).indexOf(input) > -1
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return this.cooperatorProductData
|
|
|
+ },
|
|
|
+ filterTable(){
|
|
|
+ if (this.input.trim() == "") {
|
|
|
+ // 如果输入框为空，显示所有数据
|
|
|
+ this.cooperatorProductData = this.getTableData();
|
|
|
+ } else {
|
|
|
+ // 否则，只显示与输入文本匹配的数据
|
|
|
+ this.cooperatorProductData = this.cooperatorProductData.filter(item =>
|
|
|
+ {
|
|
|
+ const values = Object.values(item);
|
|
|
+ const str = values.join(' ').toLowerCase();
|
|
|
+ return str.includes(this.input.toLowerCase());
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ },
|
|
|
+ tableFilter(){
|
|
|
+
|
|
|
+ },
|
|
|
+ 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>
|
|
|
+
|
