合作方新增编辑

src/api/index.js

@@ -64,6 +64,10 @@ export function findCooperatorProductByNum(Num) {
     return request.get('/cooperator/findCooperatorProductByNum?Num=' + Num);
 }
 
+export function fieldTemplateList() {
+    return request.get('/fieldtemplate/fieldTemplateList');
+}
+
 export function roleList(name) {
     return request.get('/role/list?name=' + name);
 }
@@ -138,6 +142,24 @@ export function getFiledByName(username)
     })
 }
 
+export function cooperatorAdd(cooperator_name, corp_certificate_num, corp_certificate_type, field_template_no) {
+    return request.post('/cooperator/add', {
+        cooperator_name : cooperator_name, 
+        corp_certificate_num : corp_certificate_num, 
+        corp_certificate_type : corp_certificate_type, 
+        field_template_no : field_template_no
+    });
+}
+
+export function cooperatorEdit(cooperator_id, cooperator_name, corp_certificate_num, corp_certificate_type) {
+    return request.post('/cooperator/edit', {
+        cooperator_id : cooperator_id, 
+        cooperator_name : cooperator_name, 
+        corp_certificate_num : corp_certificate_num, 
+        corp_certificate_type : corp_certificate_type, 
+    });
+}
+
 
 export function login(username, password) {
     return request.post('/login', {

src/router/index.js

@@ -237,18 +237,36 @@ var routes = [{
                 }
             },
             {
-                path: '/partnerInfo',
+                path: '/cooperatorInfo',
                 name: '合作方信息',
-                component: () => import('../views/system/partnerInfo.vue'),
+                component: () => import('../views/system/cooperatorInfo.vue'),
                 meta: {
                     keepAlive: false,
                     show: true
                 }
             },
             {
-                path: '/partnerDetailed',
+                path: '/cooperatorDetailed',
                 name: '合作方明细',
-                component: () => import('../views/system/partnerDetailed.vue'),
+                component: () => import('../views/system/cooperatorDetailed.vue'),
+                meta: {
+                    keepAlive: false,
+                    show: true
+                }
+            },
+            {
+                path: '/cooperatorAdd',
+                name: '合作方新增',
+                component: () => import('../views/system/cooperatorAdd.vue'),
+                meta: {
+                    keepAlive: false,
+                    show: true
+                }
+            },
+            {
+                path: '/cooperatorEdit',
+                name: '合作方编辑',
+                component: () => import('../views/system/cooperatorEdit.vue'),
                 meta: {
                     keepAlive: false,
                     show: true

src/views/system/cooperatorAdd.vue

@@ -0,0 +1,262 @@
+<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="submit_view">
+              <span>新增合作方</span>
+              <el-form  class="model_add_button" ref="form"  label-width="120px">
+                <el-form-item label="合作方名称" width="100px">
+                  <el-input v-model="cooperator_name" style="width:200px"></el-input>
+                </el-form-item>
+                <el-form-item label="证件号码" width="100px">
+                  <el-input v-model="corp_certificate_num" style="width:400px"></el-input>
+                </el-form-item>
+                <el-form-item label="证件类型" width="100px">
+                  <select name="art-cate" v-model="corp_certificate_type_name">
+                      <option disabled selected style="display: block;">请选择证件类型</option>
+                      <option v-for="(item,index) in arr " 
+                              :key="index" 
+                              :value="item.name">{{item.name}}</option>
+                  </select>
+                </el-form-item>
+
+                <el-form-item label="所属字段表" width="00px">
+                  <select name="art-cate" v-model="fieldTemplateNo">
+                      <option disabled selected style="display: block;">请选择字段表</option>
+                      <option v-for="(item,index) in fieldTemplateList " 
+                              :key="index" 
+                              :value="item.templateNo">{{item.templateName}}</option>
+                  </select>
+                </el-form-item>
+
+              </el-form>
+             
+              <el-button class="model_add_button " type="primary" @click="submit()">完成</el-button>
+              <el-button class="model_add_button " type="primary" @click="return_page()">返回</el-button>
+
+            </div>
+          </el-main>
+        </el-container>
+  </div>
+</template>
+
+<script>
+
+import {
+  fieldTemplateList, cooperatorAdd
+} from '@/api/index.js'
+import store from "@/store";
+import request from '@/utils/request.js'
+import { fieldInfo, modelInfo } from '../../api';
+
+export default {
+
+  name: "cooperatorInfo",
+  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 : [],
+      cooperatorProduct : [],
+      productStatus : "",
+      arr: [{ name: '统一社会信用代码' }, { name: '组织机构代码' }, ],
+      cooperator_name : "",
+      corp_certificate_num : "",
+      corp_certificate_type_name : "",
+      corp_certificate_type : "",
+      fieldTemplateList : "",
+      fieldTemplateNo : ""
+    }
+  },
+  watch: {},
+  computed: {},
+  beforeCreate() {},
+  created() {},
+  beforeMount() {},
+  mounted() 
+  {
+    fieldTemplateList().then(
+      res=>
+      {
+        this.fieldTemplateList=res.data.field_template_list;
+        console.log(this.fieldTemplateList)
+      }
+    )
+  },
+  beforeUpdate() {},
+  updated() {},
+  destroyed() {},
+  methods: {
+    request() {},
+    handleClick() {},
+    handleCurrentChange() {},
+    handleSizeChange() {},
+    gotolink1()
+    {
+      this.$router.replace('/cooperatorInfo');
+      this.selected1 = false;
+      this.selected2 = true;
+      this.selected3 = true;
+      this.selected4 = false;
+      this.selected5 = true;
+      this.selected6 = false;
+    },
+    gotolink2()
+    {
+      //指定跳转地址
+      this.$router.replace('/cooperatorInfo');
+      this.selected1 = true;
+      this.selected2 = false;
+      this.selected3 = false;
+      this.selected4 = true;
+      this.selected5 = true;
+      this.selected6 = false;
+    },
+    gotolink3()
+    {
+      //指定跳转地址
+      this.$router.replace('/cooperatorInfo');
+      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
+    },
+    return_page (){
+      this.$router.push({
+        path: '/cooperatorInfo',
+        query: {
+          
+        }
+      })
+    },
+    submit (){
+        if(this.corp_certificate_type_name == "统一社会信用代码")
+          this.corp_certificate_type = 0
+        else
+          this.corp_certificate_type =  1
+        
+        cooperatorAdd(this.cooperator_name, this.corp_certificate_num, this.corp_certificate_type, this.fieldTemplateNo).then(
+          res=>
+          {
+            this.$router.push({
+              path: '/cooperatorInfo',
+              query: {
+                
+              }
+            })
+          },
+        ),
+        console.log('111')
+    },
+
+  },
+  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>

src/views/system/partnerDetailed.vue → src/views/system/cooperatorDetailed.vue

@@ -88,7 +88,7 @@
 
                       <el-col span="5">
                         
-                          <el-button type="primary" round @click="onButtonClickAdd()" size="small" >编辑合作方信息</el-button>
+                          <el-button type="primary" round @click="onButtonClickEdit()" size="small" >编辑合作方信息</el-button>
                        
                       </el-col>
 
@@ -148,31 +148,25 @@
                 </template>
               </el-table-column>
 
-              <el-table-column align="center" label="产品名称" width="130">
+              <el-table-column align="center" label="产品名称" width="150">
                 <template v-slot="{row}">
                   <span>{{ row.productName}}</span>
                 </template>
               </el-table-column>
 
-              <el-table-column align="center" label="业务笔数" width="130">
-                <template v-slot="{row}">
-                  <span>未知</span>
-                </template>
-              </el-table-column>
-
-              <el-table-column align="center" label="产品状态" width="130">
+              <el-table-column align="center" label="产品状态" width="150">
                 <template v-slot="{row}">
                   <span>{{ row.productStatus}}</span>
                 </template>
               </el-table-column>
 
-              <el-table-column align="center" label="对应模型" width="130">
+              <el-table-column align="center" label="对应模型" width="150">
                 <template v-slot="{row}">
                   <span>{{ row.modelName}}</span>
                 </template>
               </el-table-column>
 
-              <el-table-column align="center" label="创建日期" width="130">
+              <el-table-column align="center" label="创建日期" width="150">
                 <template v-slot="{row}">
                   <span>{{ row.createTime}}</span>
                 </template>
@@ -207,7 +201,7 @@ import { fieldInfo, modelInfo } from '../../api';
 
 export default {
 
-  name: "partnerInfo",
+  name: "cooperatorInfo",
   props: [],
   components: {},
   data() {
@@ -218,6 +212,7 @@ export default {
       activeName: "third",
       currentPage: 1,
       // cooperatorName : this.$route.query.cooperatorName,
+      cooperatorId : this.$route.query.cooperatorId,
       cooperatorName : this.$route.query.cooperatorName,
       cooperatorNum : this.$route.query.cooperatorNum,
       fieldCount : this.$route.query.fieldCount,
@@ -266,7 +261,7 @@ export default {
     handleSizeChange() {},
     gotolink1()
     {
-      this.$router.replace('/partnerInfo');
+      this.$router.replace('/cooperatorInfo');
       this.selected1 = false;
       this.selected2 = true;
       this.selected3 = true;
@@ -277,7 +272,7 @@ export default {
     gotolink2()
     {
       //指定跳转地址
-      this.$router.replace('/partnerInfo');
+      this.$router.replace('/cooperatorInfo');
       this.selected1 = true;
       this.selected2 = false;
       this.selected3 = false;
@@ -288,7 +283,7 @@ export default {
     gotolink3()
     {
       //指定跳转地址
-      this.$router.replace('/partnerInfo');
+      this.$router.replace('/cooperatorInfo');
       this.selected1 = true;
       this.selected2 = false;
       this.selected3 = true;
@@ -309,15 +304,14 @@ export default {
       }
       return this.cooperatorData
     },
-    onButtonClick (cooperatorName){
+    onButtonClickEdit() {
       this.$router.push({
-        path: '/partnerDetailed',
+        path: '/cooperatorEdit',
         query: {
-          ccooperatorName: cooperatorName,
-        }// 要传递的参数
+          'cooperatorId' : this.cooperatorId
+        }
       })
-
-    }
+    },
 
   },
   fillter: {},

src/views/system/cooperatorEdit.vue

@@ -0,0 +1,244 @@
+<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="submit_view">
+              <span>编辑合作方</span>
+              <el-form  class="model_add_button" ref="form"  label-width="120px">
+                <el-form-item label="合作方名称" width="100px">
+                  <el-input v-model="cooperator_name" style="width:200px"></el-input>
+                </el-form-item>
+                <el-form-item label="证件号码" width="100px">
+                  <el-input v-model="corp_certificate_num" style="width:400px"></el-input>
+                </el-form-item>
+                <el-form-item label="证件类型" width="100px">
+                  <select name="art-cate" v-model="corp_certificate_type_name">
+                      <option disabled selected style="display: block;">请选择证件类型</option>
+                      <option v-for="(item,index) in arr " 
+                              :key="index" 
+                              :value="item.name">{{item.name}}</option>
+                  </select>
+                </el-form-item>
+
+              </el-form>
+             
+              <el-button class="model_add_button " type="primary" @click="submit()">完成</el-button>
+              <el-button class="model_add_button " type="primary" @click="return_page()">返回</el-button>
+
+            </div>
+          </el-main>
+        </el-container>
+  </div>
+</template>
+
+<script>
+
+import {
+  fieldTemplateList, cooperatorEdit
+} from '@/api/index.js'
+import store from "@/store";
+import request from '@/utils/request.js'
+import { fieldInfo, modelInfo } from '../../api';
+
+export default {
+
+  name: "cooperatorInfo",
+  props: [],
+  components: {},
+  data() {
+    return {
+      activeKey: 0,
+      activeName: "second",
+      activeKey: 1,
+      activeName: "third",
+      currentPage: 1,
+      cooperatorData : [],
+      selected1: true,
+      selected2: false,
+      selected3: false,
+      selected4: true,
+      selected5: true,
+      selected6: false,
+      input:'',
+      cooperatorField : [],
+      cooperatorProduct : [],
+      productStatus : "",
+      arr: [{ name: '统一社会信用代码' }, { name: '组织机构代码' }, ],
+      cooperator_name : "",
+      corp_certificate_num : "",
+      corp_certificate_type_name : "",
+      corp_certificate_type : "",
+      fieldTemplateList : "",
+      fieldTemplateNo : "",
+      cooperatorId : this.$route.query.cooperatorId,
+    }
+  },
+  watch: {},
+  computed: {},
+  beforeCreate() {},
+  created() {},
+  beforeMount() {},
+  mounted() 
+  {
+    fieldTemplateList().then(
+      res=>
+      {
+        this.fieldTemplateList=res.data.field_template_list;
+        console.log(this.fieldTemplateList)
+      }
+    )
+  },
+  beforeUpdate() {},
+  updated() {},
+  destroyed() {},
+  methods: {
+    request() {},
+    handleClick() {},
+    handleCurrentChange() {},
+    handleSizeChange() {},
+    gotolink1()
+    {
+      this.$router.replace('/cooperatorInfo');
+      this.selected1 = false;
+      this.selected2 = true;
+      this.selected3 = true;
+      this.selected4 = false;
+      this.selected5 = true;
+      this.selected6 = false;
+    },
+    gotolink2()
+    {
+      //指定跳转地址
+      this.$router.replace('/cooperatorInfo');
+      this.selected1 = true;
+      this.selected2 = false;
+      this.selected3 = false;
+      this.selected4 = true;
+      this.selected5 = true;
+      this.selected6 = false;
+    },
+    gotolink3()
+    {
+      //指定跳转地址
+      this.$router.replace('/cooperatorInfo');
+      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
+    },
+    return_page (){
+      this.$router.push({
+        path: '/cooperatorDetailed',
+        query: {
+          
+        }
+      })
+    },
+    submit (){
+        if(this.corp_certificate_type_name == "统一社会信用代码")
+          this.corp_certificate_type = 0
+        else
+          this.corp_certificate_type =  1
+        
+        cooperatorEdit(this.cooperatorId, this.cooperator_name, this.corp_certificate_num, this.corp_certificate_type).then(
+          res=>
+          {
+            this.$router.push({
+              path: '/cooperatorInfo',
+              query: {
+                
+              }
+            })
+          },
+        ),
+        console.log('111')
+    },
+
+  },
+  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>

src/views/system/partnerInfo.vue → src/views/system/cooperatorInfo.vue

@@ -1,246 +1,254 @@
-<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">查询</el-button>
-              <el-button type="primary" round @click="onButtonClick" size="small" style="margin-left: 350px"
-              >新增</el-button
-              >
-            </div>
-
-        
-            <el-table :data="cooperatorData" style="width: 100%;">
-              <el-table-column align="center" label="合作方编号" width="130">
-                <template v-slot="{row}">
-                  <span>{{ row.cooperatorNum}}</span>
-                </template>
-              </el-table-column>
-
-              <el-table-column align="center" label="合作方名称" width="130">
-                <template v-slot="{row}">
-                  <span>{{ row.cooperatorName}}</span>
-                </template>
-              </el-table-column>
-
-              <el-table-column align="center" label="字段数量" width="130">
-                <template v-slot="{row}">
-                  <span>{{ row.fieldCount}}</span>
-                </template>
-              </el-table-column>
-
-              <el-table-column align="center" label="模型数量" width="130">
-                <template v-slot="{row}">
-                  <span>{{ row.modelCount}}</span>
-                </template>
-              </el-table-column>
-
-              <el-table-column align="center" label="创建时间" width="130">
-                <template v-slot="{row}">
-                  <span>{{ row.createTime}}</span>
-                </template>
-              </el-table-column>
-
-              <el-table-column align="center" width="130">
-                <template v-slot="{row}">
-                  <el-button type="primary" round @click="onButtonClick(row.cooperatorName, row.cooperatorNum, row.fieldCount, row.modelCount, row.createTime)" size="small" >查看</el-button>
-                </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 {
-  cooperatorList
-} from '@/api/index.js'
-export default {
-
-  name: "partnerInfo",
-  props: [],
-  components: {},
-  data() {
-    return {
-      activeKey: 0,
-      activeName: "second",
-      currentPage: 1,
-      cooperatorData : [],
-      selected1: true,
-      selected2: false,
-      selected3: false,
-      selected4: true,
-      selected5: true,
-      selected6: false,
-      input:'',
-    }
-  },
-  watch: {},
-  computed: {},
-  beforeCreate() {},
-  created() {},
-  beforeMount() {},
-  mounted() 
-  {
-    cooperatorList().then(
-        res=>
-        {
-          this.cooperatorData=res.data.cooperator_List;
-          // console.log(this.fieldData)
-        }
-    )
-  },
-  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, cooperatorNum, fieldCount, modelCount, createTime){
-      this.$router.push({
-        path: '/partnerDetailed',
-        query: {
-          cooperatorName: cooperatorName,
-          cooperatorNum : cooperatorNum,
-          fieldCount : fieldCount,
-          modelCount : modelCount,
-          createTime : createTime
-        }// 要传递的参数
-      })
-
-    }
-
-  },
-  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>
+<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">查询</el-button>
+              <el-button type="primary" round @click="onButtonClickAdd" size="small" style="margin-left: 350px"
+              >新增</el-button
+              >
+            </div>
+
+        
+            <el-table :data="cooperatorData" style="width: 100%;">
+              <el-table-column align="center" label="合作方编号" width="130">
+                <template v-slot="{row}">
+                  <span>{{ row.Id}}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="合作方名称" width="130">
+                <template v-slot="{row}">
+                  <span>{{ row.cooperatorName}}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="字段数量" width="130">
+                <template v-slot="{row}">
+                  <span>{{ row.fieldCount}}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="模型数量" width="130">
+                <template v-slot="{row}">
+                  <span>{{ row.modelCount}}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="创建时间" width="130">
+                <template v-slot="{row}">
+                  <span>{{ row.createTime}}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" width="130">
+                <template v-slot="{row}">
+                  <el-button type="primary" round @click="onButtonClick(row.id, row.cooperatorName, row.cooperatorNum, row.fieldCount, row.modelCount, row.createTime)" size="small" >查看</el-button>
+                </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 {
+  cooperatorList
+} from '@/api/index.js'
+export default {
+
+  name: "cooperatorInfo",
+  props: [],
+  components: {},
+  data() {
+    return {
+      activeKey: 0,
+      activeName: "second",
+      currentPage: 1,
+      cooperatorData : [],
+      selected1: true,
+      selected2: false,
+      selected3: false,
+      selected4: true,
+      selected5: true,
+      selected6: false,
+      input:'',
+    }
+  },
+  watch: {},
+  computed: {},
+  beforeCreate() {},
+  created() {},
+  beforeMount() {},
+  mounted() 
+  {
+    cooperatorList().then(
+        res=>
+        {
+          this.cooperatorData=res.data.cooperator_List;
+          console.log(this.cooperatorData)
+        }
+    )
+  },
+  beforeUpdate() {},
+  updated() {},
+  destroyed() {},
+  methods: {
+    request() {},
+    handleClick() {},
+    handleCurrentChange() {},
+    handleSizeChange() {},
+    gotolink1()
+    {
+      this.$router.replace('/cooperatorInfo');
+      this.selected1 = false;
+      this.selected2 = true;
+      this.selected3 = true;
+      this.selected4 = false;
+      this.selected5 = true;
+      this.selected6 = false;
+    },
+    gotolink2()
+    {
+      //指定跳转地址
+      this.$router.replace('/cooperatorInfo');
+      this.selected1 = true;
+      this.selected2 = false;
+      this.selected3 = false;
+      this.selected4 = true;
+      this.selected5 = true;
+      this.selected6 = false;
+    },
+    gotolink3()
+    {
+      //指定跳转地址
+      this.$router.replace('/cooperatorInfo');
+      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 (cooperatorId, cooperatorName, cooperatorNum, fieldCount, modelCount, createTime){
+      this.$router.push({
+        path: '/cooperatorDetailed',
+        query: {
+          cooperatorId : cooperatorId,
+          cooperatorName: cooperatorName,
+          cooperatorNum : cooperatorNum,
+          fieldCount : fieldCount,
+          modelCount : modelCount,
+          createTime : createTime
+        }// 要传递的参数
+      })
+    },
+    onButtonClickAdd (){
+      this.$router.push({
+        path: '/cooperatorAdd',
+        query: {
+          
+        }
+      })
+    },
+
+  },
+  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>