列出品种名称

ghsApp/src/admin/item/add.vue

@@ -0,0 +1,662 @@
+<template>
+  <div class="app-content">
+    <!-- 花材基本信息 -->
+    <form @submit="formSubmit">
+      <div class="module-com input-line-wrap">
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">花材名称</div>
+          <input v-model="form.name" placeholder-class="phcolor" 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>
+          <view style="color:red;width:450upx;height:45upx;" @click.stop="notModify">{{form.name}}</view>
+        </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" :hover="false">
+          <div class="tui-title">售价</div>
+          <input
+            v-model="form.price"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="price"
+            @focus="form.price=''"
+            placeholder="请填写售价"
+            maxlength="50"
+            type="digit"
+          />
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">今日特价</div>
+          <input
+            v-model="form.discountPrice"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="discountPrice"
+            @focus="form.discountPrice=''"
+            placeholder="没有特价填0"
+            maxlength="50"
+            type="digit"
+          />
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">库存</div>
+          <input v-model="form.stock" style="width:340upx;" placeholder-class="phcolor" @focus="form.stock=''" @input="changeStock($event)" class="tui-input" name="stock" placeholder="请输入" type="digit"/>
+          <button v-if="productData.id > 0" class="admin-button-com blue small" @click="goStockDetail(productData.id)">库存明细</button>
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :arrow="true">
+          <div class="tui-title">分类</div>
+          <picker
+            mode="selector"
+            :value="form.classId"
+            :range="itemClassData"
+            range-key="name"
+            @change="changeItemClassFn"
+            class="tui-input"
+          >
+            <input v-model="form.classId" name="classId" type="text" hidden />
+            <div v-if="form.classId" style="height:45upx;" >{{ itemClassSelectedData.name }}</div>
+            <div class="tui-placeholder" style="height:45upx;" v-else>请选择</div>
+          </picker>
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :arrow="true">
+          <div class="tui-title">大单位</div>
+          <picker
+            mode="selector"
+            :value="form.bigUnitId"
+            :range="unitData"
+            range-key="name"
+            @change="changeBigUnitFn"
+            class="tui-input"
+          >
+            <input v-model="form.bigUnitId" name="bigUnitId" type="text" hidden />
+            <div v-if="form.bigUnitId">{{ bigUnitSelectedData.name }}</div>
+            <div class="tui-placeholder" style="height:45upx;" v-else>请选择</div>
+          </picker>
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :arrow="true">
+          <div class="tui-title">小单位</div>
+          <picker
+            mode="selector"
+            :value="form.smallUnitId"
+            :range="unitData"
+            range-key="name"
+            @change="changeSmallUnitFn"
+            class="tui-input"
+          >
+            <input v-model="form.smallUnitId" name="smallUnitId" type="text" hidden />
+            <div v-if="form.smallUnitId">{{ smallUnitSelectedData.name }}</div>
+            <div class="tui-placeholder" v-else>请选择</div>
+          </picker>
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">散客加价</div>
+          <input
+            v-model="form.skAddPrice"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="skAddPrice"
+            @focus="form.skAddPrice=''"
+            placeholder="请填写散客加价"
+            maxlength="50"
+            type="digit"
+          />
+        </tui-list-cell>
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">普店加价</div>
+          <input
+            v-model="form.addPrice"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="addPrice"
+            @focus="form.addPrice=''"
+            placeholder="请填写普店加价"
+            maxlength="50"
+            type="digit"
+          />
+        </tui-list-cell>
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">银店加价</div>
+          <input
+            v-model="form.hjAddPrice"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="hjAddPrice"
+            @focus="form.hjAddPrice=''"
+            placeholder="请填写银店加价"
+            maxlength="50"
+            type="digit"
+          />
+        </tui-list-cell>
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">金店加价</div>
+          <input
+            v-model="form.zsAddPrice"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="zsAddPrice"
+            @focus="form.zsAddPrice=''"
+            placeholder="请填写金店加价"
+            maxlength="50"
+            type="digit"
+          />
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">单位比</div>
+          <input
+            v-model="form.ratio"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="ratio"
+            placeholder="如：1扎=20支，请填写20"
+            maxlength="50"
+            type="number"
+          />
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">每扎重量</div>
+          <input
+            v-model="form.weight"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="weight"
+            placeholder="单位：公斤"
+            maxlength="50"
+            type="digit"
+          />
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">库存预警值</div>
+          <input
+            v-model="form.stockWarning"
+            placeholder-class="phcolor"
+            class="tui-input"
+            name="stockWarning"
+            placeholder="请填写"
+            maxlength="50"
+            type="number"
+          />
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">上架状态</div>
+          <div class="switch_bx">
+            <switch :checked="form.status == 2 ? false : true" @change="statusChange" style="transform: scale(0.8,0.8)" />
+            <text v-if="form.status == 1">上架</text>
+            <text v-else>下架</text>
+          </div>
+        </tui-list-cell>
+
+        <tui-list-cell class="line-cell" :hover="false">
+          <div class="tui-title">状态</div>
+          <div class="switch_bx">
+            <switch :checked="form.delStatus == 0 ? true : false" @change="delStatusChange" style="transform: scale(0.8,0.8)" />
+            <text v-if="form.delStatus == 0">启用</text>
+            <text v-else>停用</text>
+          </div>
+        </tui-list-cell>
+
+      </div>
+
+      <div class="module-com input-line-wrap goods-wrap">
+        <div class="module-tit">
+          <span>花材图片</span>
+          <span class="app-color-3">（建议比例 600X600）</span>
+        </div>
+        <view class="module-det">
+          <htz-image-upload :max="1" :compress="true" v-model="currentImgData" :headers="headers"
+           @uploadSuccess="imgUploadSuccess" @imgDelete="imgDeleteFn" :action="getLoginInfo.imgUploadApi">
+          </htz-image-upload>
+        </view>
+      </div>
+
+      <div class="app-footer">
+        <button class="admin-button-com big default" @click="goBack()">取消</button>
+        <button v-if="option.ptItemId" class="admin-button-com big blue" formType="submit" @click="status = 1">添加</button>
+        <button v-else class="admin-button-com big blue" formType="submit" @click="status = 1">确认</button>
+      </div>
+
+    </form>
+  </div>
+</template>
+
+<script>
+import TuiListCell from "@/components/plugin/list-cell";
+const form = require("@/utils/formValidation.js");
+import { getAllItemClass } from "@/api/item-class";
+import { getAllUnit } from "@/api/unit";
+import { addProduct,updateProduct,getProductDetail,py } from "@/api/product";
+import { getPtItemDetail } from "@/api/pt-item";
+import { mapGetters } from "vuex"
+//图片上传插件来源：https://ext.dcloud.net.cn/plugin?id=2922 已改造，不能再升级 shish 20211228
+import htzImageUpload from './components/htz-image-upload/htz-image-upload.vue'
+export default {
+  name: "item-detail",
+  components: {
+    TuiListCell,
+    htzImageUpload
+  },
+  data() {
+    return {
+      status: 1,
+      currentImgData: [],
+      form: {
+        id:0,
+        name:"",
+        py:"",
+        stock:'',
+        ratio:'',
+        bigUnitId:1,
+        smallUnitId:2,
+        classId:'',
+        price:'',
+        skAddPrice:'',
+        addPrice:'',
+        hjAddPrice:'',
+        zsAddPrice:'',
+        discountPrice:'',
+        weight:'',
+        cover:[],
+        stockWarning:'',
+        status:2,
+        delStatus:0,
+        itemId:0,
+      },
+      itemClassSelectedData:{},
+      itemClassData:[],
+      unitData:[],
+      smallUnitSelectedData:{},
+      bigUnitSelectedData:{},
+      hasRequest:0,
+      productData:{id:0},
+      headers:{token:''}
+    };
+  },
+	computed:{
+		...mapGetters(["getLoginInfo","getDictionariesInfo"]),
+	},
+  onLoad(option) {
+    if(option.id){
+      this.form.id = this.option.id
+    }
+    const token = uni.getStorageSync('token')
+    this.headers.token = token
+  },
+  watch:{
+  },
+  methods: {
+    notModify(){
+      this.$msg('不可修改')
+    },
+    goStockDetail(id){
+				this.$util.pageTo({url: "/pagesStorehouse/stockWarn/detailed?id="+id})
+		},
+    statusChange(e){
+      this.form.status = e.detail.value ? 1 : 2;
+    },
+    delStatusChange(e){
+      this.form.delStatus = e.detail.value ? 0 : 1;
+    },
+    //如果库存被修改则花材状态变化
+    changeStock(event){
+      let num = Number(event.target.value)
+      if(num > 0){
+        this.form.status = 1
+      }else{
+        this.form.status = 2
+      }
+    },
+    //获取拼音首字母 shish 20210707
+    fillName(event){
+      let val = event.target.value
+      py({
+        name:val
+      }).then(res => {
+        if(res.data.py){
+          this.form.py = res.data.py
+        }
+      });
+    },
+    goBack(){
+      uni.navigateBack({
+						delta: 1
+					});
+    },
+    changeBigUnitFn(e){
+      this.bigUnitSelectedData = this.unitData[e.detail.value];
+      this.form.bigUnitId = this.bigUnitSelectedData.id;
+    },
+    changeSmallUnitFn(e){
+      this.smallUnitSelectedData = this.unitData[e.detail.value];
+      this.form.smallUnitId = this.smallUnitSelectedData.id;
+    },
+    changeItemClassFn(e) {
+        this.itemClassSelectedData = this.itemClassData[e.detail.value];
+        this.form.classId = this.itemClassSelectedData.id;
+    },
+    //从平台导入花材 shish 20210826
+    getPtItemInfo(ptItemId){
+      getPtItemDetail({id:ptItemId}).then(res=>{
+
+        if (this.$util.isEmpty(res.data)) {
+          return;
+        }
+        Object.keys(this.form).forEach((i, index) => {
+          this.form[i] = res.data[i];
+        });
+
+        this.currentImgData.push(res.data.cover)
+        this.form.cover = [res.data.shortCover]
+
+        this.form.stock = ''
+        this.form.itemId = ptItemId
+        this.form.classId = ''
+        this.form.status = 1
+        this.form.delStatus = 0
+        this.form.id = 0
+        this.form.price = ''
+        this.form.skAddPrice =''
+        this.form.addPrice =''
+        this.form.hjAddPrice =''
+        this.form.zsAddPrice =''
+        this.form.discountPrice = ''
+      })
+    },
+    getDetail() {
+      return getProductDetail({ id: this.option.id }).then(res => {
+        if (this.$util.isEmpty(res.data)) {
+          return;
+        }
+        Object.keys(this.form).forEach((i, index) => {
+          this.form[i] = res.data[i];
+        });
+
+        this.currentImgData.push(res.data.cover)
+        this.form.cover = [res.data.shortCover]
+
+        this.form.price = res.data.prePrice
+
+        this.itemClassSelectedData = this.itemClassData.filter(
+          e => this.form.classId == e.id
+        )[0];
+        this.smallUnitSelectedData = this.unitData.filter(
+          e => this.form.smallUnitId == e.id
+        )[0];
+       this.bigUnitSelectedData = this.unitData.filter(
+          e => this.form.bigUnitId == e.id
+        )[0];
+        this.productData = res.data
+      });
+    },
+    imgUploadSuccess(res) {
+      var _res = JSON.parse(res.data)
+      if(_res.code == 1){
+        this.currentImgData.push(_res.data.smallUrl)
+        this.form.cover.push(_res.data.shortUrl)
+      }
+    },
+    imgDeleteFn(res){
+      const index = res.index
+      this.form.cover.splice(index,1)
+    },
+    init() {
+      //从平台导入花材
+      if(!this.$util.isEmpty(this.option.ptItemId)){
+        uni.setNavigationBarTitle({title: "确认花材信息"})
+      }
+
+      if(this.hasRequest == 1){
+        return 
+      }
+      this._getAllUnit().then(res=>{
+        this._getAllItemClass().then(res => {
+          if(this.form.id == 0){
+            this.smallUnitSelectedData = this.unitData.filter(e => 2 == e.id)[0];
+            this.bigUnitSelectedData = this.unitData.filter(e => 1 == e.id)[0];
+            //从平台导入花材
+            if(!this.$util.isEmpty(this.option.ptItemId)){
+              this.getPtItemInfo(this.option.ptItemId)
+            }
+          }else{
+            this.getDetail();
+          }
+        });
+      })
+      this.hasRequest = 1
+    },
+    async _getAllUnit() {
+      await getAllUnit().then(res => {
+        if (this.$util.isEmpty(res.data)){
+          return false;
+        }
+        this.unitData = res.data.list;
+      });
+    },
+    async _getAllItemClass() {
+      await getAllItemClass().then(res => {
+        if (this.$util.isEmpty(res.data)){
+          return false;
+        }
+        this.itemClassData = res.data;
+      });
+    },
+    // 确认
+    confirmFn() {
+      if (this.$util.isEmpty(this.form.cover)) {
+        this.$msg("请上传图片")
+        return false
+      }
+
+      this.form.cover = this.form.cover[0]
+
+      let requestHost = addProduct
+      if(this.form.id && this.form.id != 0){
+        requestHost = updateProduct;
+      }else{
+				if(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(this.form.stock) == false){
+					uni.showToast({title:"请填写库存，没有请填0",icon:"none"})
+					return;
+				}
+				if(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(this.form.discountPrice) == false){
+					uni.showToast({title:"请填写特价，没有特价请填0",icon:"none"})
+					return;
+				}
+				if(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(this.form.price) == false){
+					uni.showToast({title:"请填写售价",icon:"none"})
+					return;
+				}
+				if(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(this.form.skAddPrice) == false){
+					uni.showToast({title:"请填写散客加价",icon:"none"})
+					return;
+				}
+				if(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(this.form.addPrice) == false){
+					uni.showToast({title:"请填写普店加价",icon:"none"})
+					return;
+				}
+				if(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(this.form.hjAddPrice) == false){
+					uni.showToast({title:"请填写银店加价",icon:"none"})
+					return;
+				}
+				if(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/.test(this.form.zsAddPrice) == false){
+					uni.showToast({title:"请填写金店加价",icon:"none"})
+					return;
+				}
+      }
+      let form = JSON.parse(JSON.stringify(this.form));
+      form.cover = this.$util.imgSubstr(form.cover);
+      requestHost({...form}).then(res => {
+
+        this.$msg("操作成功！");
+
+        //返回上一页带参数
+        let pages = getCurrentPages();
+        let prevPage = pages[ pages.length - 2 ];
+        let hidden = 0
+        if(this.form.stock > this.form.stockWarning){
+          hidden = 1
+        }
+        prevPage.$vm.modifyStock = {id:this.form.id,stock:this.form.stock,hidden:hidden};
+
+        uni.navigateBack({});
+      });
+    },
+    // 表单验证
+    formSubmit(e) {
+      // 表单规则
+      let rules = [
+        {
+          name: "name",
+          rule: ["required"],
+          msg: ["请填写名称"]
+        },
+        {
+          name: "py",
+          rule: ["required"],
+          msg: ["请填写拼音缩写"]
+        },{
+          name: "stock",
+          rule: ["required"],
+          msg: ["请填写库存，没有填0"]
+        },
+        {
+          name: "bigUnitId",
+          rule: ["required"],
+          msg: ["请选择大单位"]
+        },
+        {
+          name: "smallUnitId",
+          rule: ["required"],
+          msg: ["请选择小单位"]
+        },
+        {
+          name: "ratio",
+          rule: ["required"],
+          msg: ["请填写单位比"]
+        },
+        {
+          name: "price",
+          rule: ["required"],
+          msg: ["请填写售价"]
+        },
+        {
+          name: "skAddPrice",
+          rule: ["required"],
+          msg: ["请填写散客加价"]
+        },
+        {
+          name: "addPrice",
+          rule: ["required"],
+          msg: ["请填写普店加价"]
+        },
+        {
+          name: "hjAddPrice",
+          rule: ["required"],
+          msg: ["请填写银店加价"]
+        },
+        {
+          name: "zsAddPrice",
+          rule: ["required"],
+          msg: ["请填写金店加价"]
+        },
+        {
+          name: "discountPrice",
+          rule: ["required"],
+          msg: ["不做特价请填0"]
+        },
+        {
+          name: "weight",
+          rule: ["required"],
+          msg: ["请填写重量"]
+        },
+        {
+          name: "classId",
+          rule: ["required"],
+          msg: ["请选择分类"]
+        },
+        {
+          name: "stockWarning",
+          rule: ["required"],
+          msg: ["请填写库存预警值"]
+        }
+      ];
+      // 进行表单检查
+      let formData = e.detail.value;
+      let checkRes = form.validation(formData, rules);
+      // 验证通过!
+      if (!checkRes) {
+          this.confirmFn()
+      } else {
+        this.$msg(checkRes);
+      }
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+.app-content {
+  min-height: calc(100vh - 100upx);
+  padding-bottom: 150upx;
+}
+// 公共模块
+.module-com {
+  margin-bottom: 20upx;
+  background-color: #fff;
+  color: $fontColor2;
+  .module-tit {
+    padding: 20upx 30upx;
+    font-size: 28upx;
+  }
+  .module-det {
+    padding: 0 30upx;
+  }
+}
+.category-wrap {
+  align-items: flex-start;
+  padding-bottom: 0 !important;
+  .tui-input {
+    @include disFlex(center, flex-start);
+    flex-wrap: wrap;
+    .admin-button-com {
+      margin-right: 20upx;
+      margin-bottom: 20upx;
+      position: relative;
+      z-index: 9999;
+    }
+  }
+}
+.summary-wrap {
+  .goods-summary {
+    height: 400upx;
+  }
+}
+.app-footer {
+  justify-content: space-evenly;
+  z-index: 9999;
+  .admin-button-com {
+    width: 46%;
+  }
+}
+</style>

ghsApp/src/admin/item/detail.vue

@@ -3,18 +3,15 @@
     <!-- 花材基本信息 -->
     <form @submit="formSubmit">
       <div class="module-com input-line-wrap">
+
         <tui-list-cell class="line-cell" :hover="false">
-          <div class="tui-title">名称</div>
-          <input
-            v-model="form.name"
-            placeholder-class="phcolor"
-            class="tui-input"
-            name="name"
-            placeholder="请填写名称"
-            @input="fillName($event)"
-            maxlength="50"
-            type="text"
-          />
+          <div class="tui-title">花材名称</div>
+          <input v-model="form.name" placeholder-class="phcolor" 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>
+          <view style="color:red;width:450upx;height:45upx;" @click.stop="notModify">{{productData.ptItemInfo.name}}</view>
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
@@ -311,6 +308,9 @@ export default {
   watch:{
   },
   methods: {
+    notModify(){
+      this.$msg('不可修改')
+    },
     goStockDetail(id){
 				this.$util.pageTo({url: "/pagesStorehouse/stockWarn/detailed?id="+id})
 		},

ghsApp/src/admin/ptItem/itemList.vue

@@ -6,7 +6,7 @@
 				<app-search-module v-model="py" placeholder="输入英文字母搜索" @input="searchFnContrapose"/>
 			</view>
 			<view style="padding:0 0upx 0 20upx;" >
-				<button class="admin-button-com middle blue" @click="pageTo({ url: '/admin/item/detail',type:2 })">自定义</button>
+				<button class="admin-button-com middle blue" @click="pageTo({ url: '/admin/item/add',type:2 })">自定义</button>
 			</view>
 		</view>
 		<view class="scroll-middle_bx">

ghsApp/src/pages.json

@@ -322,6 +322,7 @@
 			"pages": [
 				{"path": "list","style": {"navigationBarTitleText": "花材列表"}},
 				{"path": "detail","style": {"navigationBarTitleText": "花材详情"}},
+				{"path": "add","style": {"navigationBarTitleText": "添加花材"}},
 				{"path": "xj","style": {"navigationBarTitleText": "请选择颜色"}},
 				{"path": "xjSelect","style": {"navigationBarTitleText": "小菊颜色选择"}},
 				{"path": "rechargeHb","style": {"navigationBarTitleText": "充值活动"}}