合作产品申请

src/api/index.js

@@ -52,10 +52,6 @@ export function cooperatorList() {
     return request.get('/cooperator/cooperatorList');
 }
 
-export function cooperatorProductList(){
-    return request.get('/cooperator/cooperatorProductList');
-}
-
 export function findCooperatorListByName(name) {
     return request.get('/cooperator/findCooperatorListByName?name=' + name);
 }
@@ -72,6 +68,28 @@ export function fieldTemplateList() {
     return request.get('/fieldtemplate/fieldTemplateList');
 }
 
+export function cooperatorProductList(){
+    return request.get('/cooperator_product/cooperatorProductList');
+}
+
+export function findCooperatorProductFieldByNum(Num){
+    return request.get('/cooperator_product/findCooperatorProductFieldByNum?Num=' + Num);
+}
+
+export function modelDefineList(){
+    return request.get('/model_define/modelDefineList');
+}
+
+export function cooperatorProductApply(cooperator_no, cooperator_name,  product_num, product_name, model_id) {
+    return request.post('/cooperator_product/apply', {
+        cooperator_no : cooperator_no, 
+        cooperator_name : cooperator_name, 
+        product_num : product_num,
+        product_name : product_name,
+        model_id : model_id
+    });
+}
+
 export function roleList(name) {
     return request.get('/role/list?name=' + name);
 }

src/router/index.js

@@ -290,6 +290,15 @@ var routes = [{
                     show: true
                 }
             },
+            {
+                path: '/cooperatorProductApply',
+                name: '合作方产品申请',
+                component: () => import('../views/system/cooperatorProductApply.vue'),
+                meta: {
+                    keepAlive: false,
+                    show: true
+                }
+            },
             
         ]
     },

src/views/system/cooperatorAdd.vue

@@ -50,7 +50,7 @@
                   </select>
                 </el-form-item>
 
-                <el-form-item label="所属字段表" width="00px">
+                <el-form-item label="所属字段表" width="100px">
                   <select name="art-cate" v-model="fieldTemplateNo">
                       <option disabled selected style="display: block;">请选择字段表</option>
                       <option v-for="(item,index) in fieldTemplateList " 

src/views/system/cooperatorDetailed.vue

@@ -82,7 +82,7 @@
                     <el-row>
                       <el-col span="5">
                      
-                          <el-button type="primary" round @click="onButtonClickAdd()" size="small" >合作方产品申请</el-button>
+                          <el-button type="primary" round @click="onButtonClickApply()" size="small" >合作方产品申请</el-button>
                        
                       </el-col>
 
@@ -312,6 +312,18 @@ export default {
         }
       })
     },
+    onButtonClickApply() {
+      this.$router.push({
+        path: '/cooperatorProductApply',
+        query: {
+          'cooperatorId' : this.cooperatorId,
+          'cooperatorNum' : this.cooperatorNum,
+          'cooperatorName' : this.cooperatorName,
+
+        }
+      })
+
+    }
 
   },
   fillter: {},

src/views/system/cooperatorProductApply.vue

@@ -0,0 +1,335 @@
+<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>
+
+
+            <el-tabs v-model="activeName2" @tab-click="handleClick"  stretch>
+            <el-tab-pane label="合作方产品基础信息" name="first">
+
+            <div class="submit_view">
+              <el-form  class="product_apply_button" ref="form"  label-width="120px">
+                <el-form-item label="合作方产品编号" width="100px">
+                  <el-input v-model="cooperator_product_no" style="width:200px"></el-input>
+                </el-form-item>
+                <el-form-item label="合作方产品名称" width="100px">
+                  <el-input v-model="cooperator_product_name" style="width:200px"></el-input>
+                </el-form-item>
+              </el-form>
+              <el-button class="model_add_button " type="primary" @click="paneNext1()">下一步</el-button>
+              <el-button class="model_add_button " type="primary" @click="paneClose1()">关闭</el-button>
+            </div>
+            </el-tab-pane>
+
+            <el-tab-pane label="合作方产品字段信息" name="second">
+              <el-table :data="cooperatorProductField" style="width: 100%;">
+              <el-table-column align="center" label="字段类型" width="150">
+                <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>
+
+              <el-button class="model_add_button " type="primary" @click="paneNext2()">下一步</el-button>
+              <el-button class="model_add_button " type="primary" @click="paneClose1()">关闭</el-button>
+
+            </el-tab-pane>
+            <el-tab-pane label="合作方产品模型信息" name="third">
+              <el-form  class="model_add_button" ref="form"  label-width="120px">
+                <el-form-item label="产品模型" width="100px">
+                  <select name="art-cate" v-model="modelNo">
+                      <option disabled selected style="display: block;">请选择产品模型</option>
+                      <option v-for="(item,index) in modelDefineList " 
+                              :key="index" 
+                              :value="item.modelNo">{{item.modelName}}</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="paneClose1()">关闭</el-button>
+            
+            </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,
+  modelDefineList, findCooperatorFieldByNum, findCooperatorProductByNum, findCooperatorProductFieldByNum, cooperatorProductApply
+} 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,
+      cooperatorNum : this.$route.query.cooperatorNum,
+      cooperatorId : this.$route.query.cooperatorId,
+      cooperator_product_no : "",
+      cooperator_product_name : "",
+      cooperatorData : [],
+      selected1: true,
+      selected2: false,
+      selected3: false,
+      selected4: true,
+      selected5: true,
+      selected6: false,
+      input:'',
+      cooperatorField : [],
+      cooperatorProduct : [],
+      productStatus : "",
+      activeName2 : "first",
+      cooperatorProductField : [],
+      modelDefineList : [],
+      modelNo : ""
+    }
+  },
+  watch: {},
+  computed: {},
+  beforeCreate() {},
+  created() {},
+  beforeMount() {},
+  mounted() 
+  {
+    findCooperatorFieldByNum(this.cooperatorNum).then(
+      res=>
+      {
+        this.cooperatorField=res.data.cooperator_field;
+      }
+    ),
+    findCooperatorProductByNum(this.cooperatorNum).then(
+      res=>
+      {
+        this.cooperatorProduct=res.data.cooperator_product;
+      }
+    )
+  },
+  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;
+    },
+    paneNext1()
+    {
+      this.activeName2 = "second"
+      findCooperatorProductFieldByNum(this.cooperator_product_no).then(
+      res=>
+      {
+        this.cooperatorProductField=res.data.cooperator_product_field;
+      }
+    )
+    },
+    paneNext2()
+    {
+      this.activeName2 = "third"
+      modelDefineList().then(
+      res=>
+      {
+        this.modelDefineList=res.data.model_define_list;
+        console.log(this.modelDefineList)
+      }
+    )
+    },
+    paneClose1()
+    {
+      this.$router.push({
+        path: '/cooperatorDetailed',
+        query: {
+        }
+      })
+    },
+    submit()
+    {
+      cooperatorProductApply(this.cooperatorNum, this.cooperatorName, this.cooperator_product_no, this.cooperator_product_name, this.modelNo).then(
+          res=>
+          {
+            this.$router.push({
+              path: '/cooperatorDetailed',
+              query: {
+                
+              }
+            })
+          },
+        )
+    },
+    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
+    },
+    onButtonClickEdit() {
+      this.$router.push({
+        path: '/cooperatorEdit',
+        query: {
+          'cooperatorId' : this.cooperatorId
+        }
+      })
+    },
+    onButtonClickApply() {
+      this.$router.push({
+        path: '/cooperatorEdit',
+        query: {
+          'cooperatorId' : this.cooperatorId
+        }
+      })
+
+    }
+
+  },
+  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>