shish 5 лет назад
Родитель
Сommit
6eab26713f
2 измененных файлов с 38 добавлено и 21 удалено
  1. 33 21
      ghsApp/src/admin/item/detail.vue
  2. 5 0
      ghsApp/src/api/product/index.js

+ 33 - 21
ghsApp/src/admin/item/detail.vue

@@ -11,6 +11,20 @@
             class="tui-input"
             name="name"
             placeholder="请填写名称"
+            @input="fillName($event)"
+            maxlength="50"
+            type="text"
+          />
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">拼音缩写</div>
+          <input
+            v-model="form.py"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="py"
+            placeholder="请填写拼音首字母缩写"
             maxlength="50"
             type="text"
           />
@@ -27,24 +41,11 @@
               class="tui-input"
             >
               <input v-model="form.classId" name="classId" type="text" hidden />
-              <div v-if="form.classId">{{ itemClassSelectedData.name }}</div>
-              <div class="tui-placeholder" v-else>请选择</div>
+              <div v-if="form.classId" style="height:45rpx;" >{{ itemClassSelectedData.name }}</div>
+              <div class="tui-placeholder" style="height:45rpx;" v-else>请选择</div>
             </picker>
           </tui-list-cell>
 
-        <tui-list-cell class="line-cell" :hover="false">
-          <div class="tui-title">拼音缩写</div>
-          <input
-            v-model="form.py"
-            placeholder-class="phcolor"
-            class="tui-input"
-            name="py"
-            placeholder="请填写拼音首字母缩写"
-            maxlength="50"
-            type="text"
-          />
-        </tui-list-cell>
-
         <tui-list-cell class="line-cell" :arrow="true">
           <div class="tui-title">大单位</div>
           <picker
@@ -57,7 +58,7 @@
           >
             <input v-model="form.bigUnitId" name="bigUnitId" type="text" hidden />
             <div v-if="form.bigUnitId">{{ bigUnitSelectedData.name }}</div>
-            <div class="tui-placeholder" v-else>请选择</div>
+            <div class="tui-placeholder" style="height:45rpx;" v-else>请选择</div>
           </picker>
         </tui-list-cell>
 
@@ -153,7 +154,7 @@
           <span class="app-color-3">(建议比例 400X400)</span>
         </div>
         <div class="module-det">
-          <app-uploader ref="appUploader" @chooseImage="_resultData" :imgList.sync="form.cover" :prefixShow="true" :num="1" />
+          <app-uploader ref="appUploader" @chooseImage="_uploadImg" :imgList.sync="form.cover" :prefixShow="true" :num="1" />
         </div>
       </div>
 
@@ -172,7 +173,7 @@ import AppUploader from "@/components/app-uploader";
 const form = require("@/utils/formValidation.js");
 import { getAllItemClass } from "@/api/item-class";
 import { getAllUnit } from "@/api/unit";
-import { addProduct,updateProduct,getProductDetail } from "@/api/product";
+import { addProduct,updateProduct,getProductDetail,py } from "@/api/product";
 
 export default {
   name: "item-detail",
@@ -217,9 +218,20 @@ export default {
   watch:{
   },
   methods: {
-			_resultData(val) {
-				this.form.cover = val;
-			},
+    //获取拼音首字母 shish 20210707
+    fillName(event){
+      let val = event.target.value
+      py({
+        name:val
+      }).then(res => {
+        if(res.data.py){
+          this.form.py = res.data.py
+        }
+      });
+    },
+    _uploadImg(val) {
+      this.form.cover = val;
+    },
     goBack(){
       uni.navigateBack({
 						delta: 1

+ 5 - 0
ghsApp/src/api/product/index.js

@@ -46,4 +46,9 @@ export const updateProduct = data => {
 
 export const getProductDetail = data => {
 	return https.get("/product/detail", data);
+};
+
+//获取拼音首字母缩写 shish 20210707
+export const py = data => {
+	return https.get("/product/py", data);
 };