input事件修改

src/components/admittance/product/newProduct.vue

@@ -103,19 +103,32 @@ export default {
                 name: this.name,
                 producer: this.producer,
                 status: parseInt(this.status),
-                techId: 0,
+                techId: '',
                 type: parseInt(this.type)
             };
-            this.$server.postProduceAdd(data).then(res => {
-                if (res.data.code === 200) {
-                    this.$message.success(this.text + '成功！');
-                    this.$emit('on-cancel', true)
-                } else {
+            if ( this.text === '产品信息修改') {
+                this.$server.putProduceUpdate(data).then(res => {
+                    if (res.data.code === 200) {
+                        this.$message.success(this.text + '成功！');
+                        this.$emit('on-cancel', true)
+                    } else {
+                        this.$message.error(this.text + '失败！');
+                    }
+                }).catch(err => {
                     this.$message.error(this.text + '失败！');
-                }
-            }).catch(err => {
-                this.$message.error(this.text + '失败！');
-            })
+                })
+            } else {
+                this.$server.postProduceAdd(data).then(res => {
+                    if (res.data.code === 200) {
+                        this.$message.success(this.text + '成功！');
+                        this.$emit('on-cancel', true)
+                    } else {
+                        this.$message.error(this.text + '失败！');
+                    }
+                }).catch(err => {
+                    this.$message.error(this.text + '失败！');
+                })
+            }
         }
     },
     components: {

src/components/admittance/product/product.vue

@@ -53,10 +53,12 @@
                 align="center">
               </el-table-column>>
               <el-table-column
-                :formatter="techIdChange"
                 prop="techId"
                 label="技术路线"
                 align="center">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.tech !== null">{{scope.row.tech.name}}</span>
+                </template>
               </el-table-column>
             </el-table>
           </div>
@@ -133,18 +135,6 @@ export default {
                 this.$message.error('数据请求失败！');
             })
         },
-        // 技术路线值转换
-        techIdChange (row) {
-            if (row.techId === null) {
-                return ''
-            } else {
-                this.techList.map(item => {
-                    if (item.id === row.techId) {
-                        return item.name
-                    }
-                })
-            }
-        },
         // 产品分类转换
         formChange(row) {
             return this.formVal[row.form]

src/components/basicInformation/product/newProduct.vue

@@ -99,19 +99,33 @@ export default {
                 name: this.name,
                 producer: this.producer,
                 status: parseInt(this.status),
-                techId: 0,
+                techId: '',
                 type: parseInt(this.type)
             };
-            this.$server.postProduceAdd(data).then(res => {
-                if (res.data.code === 200) {
-                    this.$message.success(this.text + '成功！');
-                    this.$emit('on-cancel', true)
-                } else {
+            console.log(data)
+            if ( this.text === '产品信息修改') {
+                this.$server.putProduceUpdate(data).then(res => {
+                    if (res.data.code === 200) {
+                        this.$message.success(this.text + '成功！');
+                        this.$emit('on-cancel', true)
+                    } else {
+                        this.$message.error(this.text + '失败！');
+                    }
+                }).catch(err => {
                     this.$message.error(this.text + '失败！');
-                }
-            }).catch(err => {
-                this.$message.error(this.text + '失败！');
-            })
+                })
+            } else {
+                this.$server.postProduceAdd(data).then(res => {
+                    if (res.data.code === 200) {
+                        this.$message.success(this.text + '成功！');
+                        this.$emit('on-cancel', true)
+                    } else {
+                        this.$message.error(this.text + '失败！');
+                    }
+                }).catch(err => {
+                    this.$message.error(this.text + '失败！');
+                })
+            }
         }
     },
     components: {

src/components/basicInformation/product/product.vue

@@ -69,9 +69,12 @@
                 align="center">
               </el-table-column>
               <el-table-column
-                prop="tech.name"
+                prop="tech"
                 label="技术路线"
                 align="center">
+                <template slot-scope="scope">
+                  <span v-if="scope.row.tech !== null">{{scope.row.tech.name}}</span>
+                </template>
               </el-table-column>
             </el-table>
           </div>
@@ -152,18 +155,6 @@ export default {
                 this.$message.error('数据请求失败！');
             })
         },
-        // 技术路线值转换
-        techIdChange (row) {
-            if (row.techId === null) {
-                return ''
-            } else {
-                this.techList.map(item => {
-                    if (item.id === row.techId) {
-                        return item.name
-                    }
-                })
-            }
-        },
         // 产品分类转换
         formChange(row) {
             return this.formVal[row.form]

src/services/server.js

@@ -189,5 +189,11 @@ const server = {
             data: data
         });
     },
+    putProduceUpdate(data) { // 修改产品信息
+        return axios('/produce/update', {
+            method: 'put',
+            data: data
+        });
+    },
 }
 export default server;

src/tools/element.js

 import Vue from 'vue'
 import { Row, Col, Carousel, CarouselItem, Scrollbar, Input, Button, Table, TableColumn, Pagination, Dialog,
-    Message,Select, Option, Form, FormItem, Radio, RadioGroup, Upload, DatePicker} from 'element-ui'
+    Message,Select, Option, Form, FormItem, Radio, RadioGroup, Upload, DatePicker,Checkbox} from 'element-ui'
 import './element-variables.scss'
 Vue.use(Row);
 Vue.use(Col);
@@ -26,3 +26,4 @@ Vue.use(Radio);
 Vue.use(RadioGroup);
 Vue.use(Upload);
 Vue.use(DatePicker);
+Vue.use(Checkbox);