合作方

src/api/index.js

@@ -48,6 +48,10 @@ export function partnerAdd(param) {
     return request.post('/partner/partnerAdd', param);
 }
 
+export function cooperatorList() {
+    return request.get('/partner/cooperatorList');
+}
+
 export function roleList(name) {
     return request.get('/role/list?name=' + name);
 }

src/views/system/partnerInfo.vue

@@ -1,61 +1,84 @@
 <template>
-  <div >
-
-    <el-row style="margin-top: 20px;">
-      <el-form :inline="true" class="demo-form-inline">
-        <el-form-item label="合作方列表：">
-        </el-form-item>
-        <el-form-item>
-          <el-button type="danger" style="margin-left:900px ;" @click="add()">新增合作方</el-button>
-        </el-form-item>
-      </el-form>
-    </el-row>
-    <div class="model_table">
-      <el-table :data="partnerInfo" style="width: 100%;">
-        <el-table-column prop="partnerName" label="合作方名称">
-        </el-table-column>
-        <el-table-column prop="contactName" label="联系人">
-        </el-table-column>
-        <el-table-column prop="mobileNo" label="手机号">
-        </el-table-column>
-        <el-table-column prop="rate1" label="费率1">
-        </el-table-column>
-        <el-table-column prop="queryNumber1" label="费率1查询数量">
-        </el-table-column>
-        <el-table-column prop="rate2" label="费率2">
-        </el-table-column>
-        <el-table-column prop="queryNumber2" label="费率2查询数量">
-        </el-table-column>
-        <el-table-column prop="rate3" label="费率3">
-        </el-table-column>
-        <el-table-column prop="queryNumber3" label="费率3查询数量">
-        </el-table-column>
-        <el-table-column prop="createTime" label="创建时间">
-        </el-table-column>
-        <el-table-column prop="isEnable" label="是否启用">
-        </el-table-column>
-        <el-table-column label="操作" width="300">
-          <template slot-scope="scope">
-            <el-button size="mini" type="text" @click="dialogVisible = true">启用</el-button>
-            <el-button size="mini" type="text" @click="dialogVisible = true">编辑</el-button>
-            <el-button size="mini" type="text" @click="dialogVisible = true">停用</el-button>
-
-          </template>
-          </el-table-column>
-        </el-table>
-      <div style="height: 100px;"></div>
-      <el-dialog title="添加合作方" v-if="addDialogVisible" :visible.sync="addDialogVisible" :before-close="addDialogClose">
-        <partner-add ref="addSupplier" @close="addClose"></partner-add>
-        <span slot="footer" class="dialog-footer">
-      <el-button @click="addDialogClose">取 消</el-button>
-      <el-button type="primary" @click="$refs.addSupplier.add()">保 存</el-button>
-      </span>
-      </el-dialog>
-    </div>
+  <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="160">
+                <template v-slot="{row}">
+                  <span>{{ row.cooperatorNum}}</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="160">
+                <template v-slot="{row}">
+                  <span>{{ row.fieldCount}}</span>
+                </template>
+              </el-table-column>
+
+              <el-table-column align="center" label="模型数量" width="160">
+                <template v-slot="{row}">
+                  <span>{{ row.modelCount}}</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
@@ -63,60 +86,142 @@ import {
 import store from "@/store";
 import request from '@/utils/request.js'
 import { fieldInfo, modelInfo } from '../../api';
-import partnerAdd from './partnerAdd';
+import {
+  cooperatorList
+} from '@/api/index.js'
 export default {
+
   name: "partnerInfo",
+  props: [],
+  components: {},
   data() {
     return {
-      addDialogVisible: false,
-      partnerInfo: [],
-      form: {
-        modelName: '',
-      },
-      nickName:"",
-      // dialogVisible: false,
-      fullscreenLoading:false
+      activeKey: 0,
+      activeName: "second",
+      currentPage: 1,
+      cooperatorData : [],
+      selected1: true,
+      selected2: false,
+      selected3: false,
+      selected4: true,
+      selected5: true,
+      selected6: false,
+      input:'',
     }
   },
-  components: {
-    partnerAdd
-  },
-  mounted() {
-    this.partnerList();
-
-    console.log(partnerList())
-    userInfo().then((res) => {
-      this.nickName = res.data.nickName;
-      // console.log( res.data);
-    });
-
+  watch: {},
+  computed: {},
+  beforeCreate() {},
+  created() {},
+  beforeMount() {},
+  mounted() 
+  {
+    cooperatorList().then(
+        res=>
+        {
+          this.cooperatorData=res.data.cooperator_List;
+          // console.log(this.fieldData)
+        }
+    )
   },
+  beforeUpdate() {},
+  updated() {},
+  destroyed() {},
   methods: {
-
-    partnerList: function () {
-      partnerList(this.form).then((res) => {
-        this.partnerInfo = res.data;
-        console.log(this.partnerInfo)
-        // this.idList = res.data[0].idList
-        // console.log(res.data[0].idList)
-      })
+    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;
     },
-    add: function () {
-      this.addDialogVisible = true;
+    gotolink2()
+    {
+      //指定跳转地址
+      this.$router.replace('/partnerInfo');
+      this.selected1 = true;
+      this.selected2 = false;
+      this.selected3 = false;
+      this.selected4 = true;
+      this.selected5 = true;
+      this.selected6 = false;
     },
-    addClose: function () {
-      this.partnerList();
-      this.addDialogClose();
-    },
-    addDialogClose() {
-      this.$refs.addSupplier.clearValidate();
-      this.addDialogVisible = 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
+    }
 
-  }
+  },
+  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
+}
+
 
-</style>
+.container {  }
+</style>