修改商品品名bug

platform-admin/src/main/webapp/WEB-INF/page/sys/tbcfdescripiton.html

@@ -39,17 +39,32 @@
             <!--  <Form-item label="海关编码" prop="descripitionCode">
                   <i-input v-model="tbCfDescripiton.descripitionCode" placeholder="海关编码"/>
               </Form-item>-->
-            <Form-item label="一级分类Id" prop="goodstypeId">
-                <i-input v-model="tbCfDescripiton.goodstypeId" placeholder="一级分类Id"/>
+            <!--  <Form-item label="一级分类" prop="goodstypeId">
+                  <i-input v-model="tbCfDescripiton.goodstypeId" placeholder="一级分类"/>
               </Form-item>
-            <Form-item label="二级分类Id" prop="goodstwotypeId">
-                <i-input v-model="tbCfDescripiton.goodstwotypeId" placeholder="二级分类Id"/>
+              <Form-item label="二级分类" prop="goodstwotypeId">
+                  <i-input v-model="tbCfDescripiton.goodstwotypeId" placeholder="二级分类"/>
+              </Form-item>-->
+            <Form-item label="商品一级分类" prop="goodstypeId" >
+                <i-select placeholder="请选择" v-model="tbCfDescripiton.goodstypeId" @on-change="changeGoodstype">
+                    <i-option v-for="(el,i) in Goodstype" :key='i'
+                              :value="el.goodstypeId">{{el.goodstypeTitle}}
+                    </i-option>
+                </i-select>
+            </Form-item>
+            <Form-item label="商品二级分类" prop="goodstwotypeId">
+                <i-select placeholder="请选择" v-model="tbCfDescripiton.goodstwotypeId"
+                          @on-change="changeGoodstype2">
+                    <i-option v-for="(el,i) in Goodstype2" :key='i'
+                              :value="el.goodstwotypeId">{{el.goodstwotypeTitle}}
+                    </i-option>
+                </i-select>
             </Form-item>
             <!--<Form-item label="品名图片" prop="image">
                 <i-input v-model="tbCfDescripiton.image" placeholder="品名图片"/>
             </Form-item>-->
             <Form-item label="品名图片" prop="image">
-                <img v-bind:src="tbCfDescripiton.image" style="width:200px;height:200px;" v-show="!!tbCfDescripiton.image"/>
+                <img v-bind:src="tbCfDescripiton.image" v-show="!!tbCfDescripiton.image"/>
                 <input type="file" placeholder="品名图片" @change="tirggerFile($event)"/>
             </Form-item>
             <Form-item label="单件邮费" prop="postage">
@@ -60,7 +75,8 @@
             </Form-item>
             <Form-item>
                 <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
-                <i-button type="warning" @click="reload" style="margin-left: 8px"/>返回</i-button>
+                <i-button type="warning" @click="reload" style="margin-left: 8px"/>
+                返回</i-button>
                 <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
             </Form-item>
         </i-form>

platform-admin/src/main/webapp/js/sys/tbcfdescripiton.js

@@ -16,8 +16,11 @@ $(function () {
 let vm = new Vue({
     el: '#rrapp',
     data: {
+        Goodstype: null,
+        Goodstype2: null,
         showList: true,
         title: null,
+        changeGoodstype2: null,
         tbCfDescripiton: {},
         ruleValidate: {
             name: [
@@ -29,6 +32,25 @@ let vm = new Vue({
         }
     },
     methods: {
+        //获取二级分类
+        changeGoodstype() {
+            let url = "../tbcfstationitem/queryByItemType?typeId=" + this.tbCfDescripiton.goodstypeId;
+            // console.log('url',url)
+            let that = this;
+            Ajax.request({
+                url: url,
+                type: "get",
+                contentType: "application/json",
+                successCallback: function (r) {
+                    if (r.code === 0) {
+                        that.Goodstype2 = r.list
+                        if (r.list.length === 0) {
+                            that.tbCfStationItem.itemCategorytwo = null
+                        }
+                    }
+                }
+            });
+        },
         query: function () {
             vm.reload();
         },
@@ -136,5 +158,11 @@ let vm = new Vue({
                 }
             });
         }
+    },
+    created() {
+        $.get('../tbcfgoodstype/queryAll', res => {
+            this.Goodstype = res.list;
+            console.log('一级分类', this.Goodstype)
+        })
     }
 });
\ No newline at end of file