update 优化

xuxueyang

2024-08-07 0ad6688a4241c20311a173bd9a11944721eefbf5

 sub_pages/supplier/flower-manage/flower-add.vue

@@ -27,7 +27,7 @@
            </view>

         </view>

         <view class="form-item before-line">

            <view class="label required">商品名称</view>

            <view class="label">商品名称</view>

            <view class="m-l-a m-r-0 flex">

               <input v-model="dto.name" placeholder="请选择分类" disabled

                  style="margin-top: 16px;text-align: right;"></input>

@@ -35,7 +35,7 @@
            </view>

         </view>

         <view class="form-item before-line">

            <view class="label required">商品单位</view>

            <view class="label">商品单位</view>

            <view class="m-l-a m-r-0 flex">

               <input v-model="dto.unit" placeholder="请选择分类" disabled

                  style="margin-top: 16px;text-align: right;"></input>

@@ -44,7 +44,7 @@
         </view>



         <view class="form-item before-line">

            <view class="label required">商品颜色</view>

            <view class="label">商品颜色</view>

            <!--    <view class="m-l-a m-r-0 flex " :class="[!dto.color?'desc-gray':'']" @click="()=>{

               show_select_color=true

            }">

@@ -77,7 +77,7 @@
         </view>



         <view class="form-item before-line bottom-border-no">

            <view class="label required" style="width: 400rpx;">商品轮播图（300*160px）</view>

            <view class="label " style="width: 400rpx;">商品轮播图（300*160px）</view>

            <view class="m-l-a m-r-0 flex">

               <!-- :style="{'background-image':dto.icon&&`url('${dto.icon}')`||''}" -->

               <view class="component-button-upload" @click="uploadIcon('bannerList')">

@@ -95,6 +95,16 @@
            </view>

         </view>

         <view class="line-gray-big"></view>

         <view class="form-item before-line">

            <view class="label required">商品等级</view>

            <view class="m-l-a m-r-0 flex " :class="[!dto.level?'desc-gray':'']" @click="()=>{

               show_select_level=true

            }">

               <view>{{dto.levelStr||dto.level || '请选择'}}</view>

               <u-icon class="m-l-a" name="arrow-right"></u-icon>

            </view>



         </view>





         <view class="form-item before-line">

@@ -116,7 +126,8 @@


         <view class="form-item ">

            <view class="label required">商品参数详情</view>

            <view class="m-l-a m-r-0 flex " :class="[!dto.applicationType?'desc-gray':'']" @click="()=>{

            <view class="m-l-a m-r-0 flex " style="flex-wrap: nowrap;"

               :class="[!dto.applicationType?'desc-gray':'']" @click="()=>{

               if(!dto.category){

                  $message.showToast('请先选择分类')

               }else{

@@ -134,20 +145,10 @@


         </view>

         <view class="line-gray-big"></view>

         <view class="form-item before-line">

            <view class="label required">商品等级</view>

            <view class="m-l-a m-r-0 flex " :class="[!dto.level?'desc-gray':'']" @click="()=>{

               show_select_level=true

            }">

               <view>{{dto.levelStr||dto.level || '请选择'}}</view>

               <u-icon class="m-l-a" name="arrow-right"></u-icon>

            </view>



         </view>





         <view class="form-item before-line">

            <view class="label required">商品视频</view>

            <view class="label">商品视频</view>

            <view class="m-l-a m-r-0 flex">

               <!-- :style="{'background-image':dto.icon&&`url('${dto.icon}')`||''}" -->

               <view class="component-button-upload m-r-15" @click="uploadIcon('video')">

@@ -157,8 +158,18 @@
            </view>

         </view>

         <view v-if="dto.video">

            <video :src="dto.video" style="display: block;margin: 0 auto;"></video>

            <video :src="dto.video"  :auto-pause-if-navigate="true" style="display: block;margin: 0 auto;"></video>

         </view>

         <view class="form-item bottom-border-no">

            <view class="label">商品描述</view>

            <view class="m-l-a m-r-0 flex">



            </view>

         </view>

         <view style="min-width: 500rpx;margin-left: 20rpx;margin-right: 20rpx;margin-top: 20rpx;">

            <u--textarea v-model="dto.description" autoHeight placeholder="请输入商品描述"></u--textarea>

         </view>





         <view style="min-height: 200rpx;">

            &nbsp;

@@ -179,34 +190,30 @@
         :columns="columns_levels"></u-picker>





      <uni-popup ref="popup_param" type="top">

         <view class="component-popup_input" v-if="dto.params">

      <uni-popup ref="popup_param" type="bottom">

         <view class="component-popup_input_all" v-if="dto.params">

            <view class="text-center m-b-40" style="font-size: 48rpx;font-weight: 600;">商品参数设置</view>

            <!-- 输入框-->

            <view v-for="(item,i) in dto.params" :key="i" class="m-b-20">

               <view class="title topic-font" style="font-size: 36rpx;font-weight: 600;">{{item.name}}</view>

               <view class="m-t-12">

                  <u-radio-group v-model="item.value" placement="row">

                     <u-radio

                        :customStyle="{'margin-bottom': '16rpx','margin-right': '24rpx','font-size':'28rpx'}"

                        v-for="(each, j) in item.values" :key="j" :label="each" :name="each">

                     </u-radio>

                  </u-radio-group>

            <view v-for="(item,i) in dto.params" :key="i" class="m-t-20">

               <view class="title topic-font" style="font-size: 40rpx;font-weight: 600;">{{item.name}}</view>

               <view class="m-t-12 flex value-items">

                  <view class="value-item" @click="updateValue(item,each)"

                     :class="[item.value.indexOf(each)>=0?'cur':'']" v-for="(each, j) in item.values" :key="j">

                     {{each || '-'}}

                  </view>

               </view>

            </view>



            <!-- 提交按钮 -->

            <view class="button-green" @click="closeParamPop">返回</view>

            <view class="button-space"></view>

            <view class="button-green" @click="closeParamPop">确定</view>

         </view>

      </uni-popup>

      <!--       <dying318picker :picker-list="columns_categorys" ref="picker_category" @confirm="confirmPickerCategory">

      </dying318picker> -->



   </view>

</template>



<script>

   import environments from '@/environments'

   import dying318picker from '@/components/dying318-picker/Picker.vue'

   // import dying318picker from '@/components/dying318-picker/Picker.vue'

   import treeFilter from '@/components/tree-filter/tree-filter.vue'





@@ -229,10 +236,27 @@
               bannerList: [], //str[]

               video: '',

               level: '', //FLOWER_LEVEL

               price: 0.00,

               stock: 0,

               price: '',

               stock: '',

               params: [], //id,value

               description: '',

            },

            requireFields: [{

               name: '商品分类',

               key: 'category'

            }, {

               name: '列表封面图',

               key: 'cover'

            }, {

               name: '商品等级',

               key: 'level'

            }, {

               name: '商品价格',

               key: 'price'

            }, {

               name: '商品库存',

               key: 'stock'

            }],

            show_select_category: false,

            show_select_level: false,

            columns_categorys: [],

@@ -280,10 +304,10 @@
         }).then(res => {

            var data = res.data

            this.columns_levels = [data || []]

            this.columns_levels[0].unshift({

               label: '全部',

               value: ''

            })

            // this.columns_levels[0].unshift({

            //    label: '全部',

            //    value: ''

            // })



         })

         if (options.id) {

@@ -313,6 +337,21 @@
      },



      methods: {

         updateValue(item, value) {
				
            if (item.name == '优点' || item.name === '缺点') {
               if (item.value.indexOf(value) < 0) {
                  item.value.push(value)
               } else {
                  item.value.splice(item.value.indexOf(value), 1)
               }
            } else {
               //单选
               item.value = [value]
            }



            this.$forceUpdate()

         },

         async updateSearch(search) {

            this.columns_categorys_search = search || ''

            this.columns_categorys_picker = []

@@ -355,7 +394,7 @@
               }

            }

         },

         mapCategoryTree(node, arr) {

         mapCategoryTree(node, arr, parentCheckTrue = false) {

            var has = true

            if (arr) {

               var hasTrue = false

@@ -366,6 +405,9 @@
                  has = true

                  if (this.columns_categorys_search) {

                     has = false

                  }

                  if (parentCheckTrue) {

                     has = true

                  }

                  var tmp = {

                     ...item,

@@ -389,18 +431,20 @@
                  // }

                  this.columns_categorys_dict['@' + item.id] = item

                  if (item.children && item.children.length > 0) {

                     //如果上级已经有了，下级都包含

                     tmp.children = []

                     var childrenhas = this.mapCategoryTree(tmp.children, item.children)

                     var childrenhas = this.mapCategoryTree(tmp.children, item.children, has)

                     if (childrenhas) {

                        has = true

                        hasTrue = true

                     }



                  } else {

                     tmp.children = undefined

                  }



                  if (has) {

                     console.log('has ', tmp, hasTrue, has)

                     // console.log('has ', tmp, hasTrue, has)

                     node.push(tmp)

                  } else {



@@ -461,6 +505,14 @@
               if (res.code == 0) {

                  // this.columns_params = res.data || []

                  this.dto.params = res.data || []

                  for (var k of this.dto.params) {

                     if (!k.value) {

                        k.value = []

                     } else {

                        k.value = k.value.split(',') || []

                     }

                  }
                  // console.log('init params',this.dto.params)

               }

            }



@@ -488,7 +540,17 @@
               // // console.log('this.dto', this.dto)

               if (!this.dto.bannerList) {

                  this.dto.bannerList = []

               }

               }
               if(this.dto.params){
                  for (var k of this.dto.params) {
                     if (!k.value) {
                        k.value = []
                     } else {
                        k.value = k.value.split(',') || []
                     }
                  }
               }
					
               // if (this.dto.category) {

               //    await this.refresh_category()

               // }

@@ -498,6 +560,55 @@


         },

         async submit() {

            if (!this.dto.price) {

               this.$message.showToast('商品价格未设置')

               return

            }

            var tmp = parseFloat(this.dto.price)

            if (isNaN(tmp) || parseFloat('' + tmp).toFixed(3) !== parseFloat('' + this.dto.price).toFixed(3)) {

               this.$message.showToast('商品价格格式错误，精确到分')

               console.log('a1', ('' + tmp))

               console.log('a1', ('' + this.dto.price))

               return

            }

            if ((tmp.toFixed(2) + '' + '0') !== ('' + tmp.toFixed(3))) {

               this.$message.showToast('商品价格至多精确到分')

               console.log('a1', (tmp.toFixed(2) + '' + '0'))

               console.log('a1', tmp.toFixed(3))

               // console.log('tmp.toFixed(2)',tmp.toFixed(2),tmp.toFixed(3))

               return

            } else {

               this.dto.price = tmp.toFixed(2)

            }

            if (this.dto.price <= 0) {

               this.$message.showToast('商品价格不能小于等于0')

               return

            }

            tmp = parseInt(this.dto.stock)

            if (isNaN(tmp) || ('' + tmp.toFixed(0)) !== ('' + this.dto.stock) || tmp <= 0) {

               this.$message.showToast('商品库存格式错误，需要大于0')

               return

            }



            for (var field of this.requireFields) {

               if (!this.dto[field.key]) {

                  this.$message.showToast(`${field.name}信息未填写`)

                  return

               }

            }
				
            if (this.dto.params.length < 1) {

               this.$message.showToast('商品参数详情未设置')

               return

            } else {

               for (var item of this.dto.params) {

                  if (item.value.length < 1) {

                     this.$message.showToast('存在商品参数详情未设置')

                     return

                  }

               }

            }



            // if (!this.dto.applicationType) {

            //    this.$message.showToast('未选择类型')

            //    return

@@ -514,10 +625,11 @@


            // this.$message.showToast('1')

            // return

            var dto = {

               ...this.dto,

               // applicationDate: this.$util.toDate(new Date()),

               // applicantId: this.currentInfo.id

            var dto = JSON.parse(JSON.stringify(this.dto))
            if(dto.params){
               for(var k of dto.params){
                  k.value = k.value.join(",")
               }
            }

            this.$message.showLoading()

            const re = await this.$http.request('post', `/api/supplier/flower/list/${this.id?'edit':'new'}`, {

@@ -527,9 +639,15 @@
            if (re.code == 2000 || re.code == 0) {

               this.$message.showToast('操作成功')

               //需要标记加一下

               // this.$store.dispatch('sign_add', 'application');

               this.$store.dispatch('sign_add', 'flower');



               this.backpage()

            } else {

               console.log('error re', re)

               if (re.code === 30000 && Array.isArray(re.msg)) {

                  this.$message.showToast('字段未填写完整')



               }

            }

         },

         async deleteBanner(index) {

@@ -540,10 +658,17 @@
         uploadIcon(key) {

            console.log('that dto key', key)

            const that = this

            if (key == 'video') {

            if (key === 'video') {

               uni.chooseVideo({

                  maxDuration: 30,

                  sourceType: ['camera', 'album'],

                  success: function(res) {

                     // console.log('res',res)

                     // size: 11082508

                     if (res.size > 1024 * 1024 * 50) {

                        that.$message.confirm('视频最多支持50M大小,超出大小限制')

                        return

                     }

                     if (res.tempFilePath) {

                        console.log('res.tempFilePath', res.tempFilePath)

                        that.$message.showLoading()

@@ -570,12 +695,15 @@
                  count: 1, // 最多可以选择的图片张数，默认9

                  sizeType: ['compressed'], //original 原图，compressed 压缩图，默认二者都有

                  sourceType: ['camera', 'album'], //album 从相册选图，camera 使用相机，默认二者都有。如需直接开相机或直接选相册，请只使用一个选项

                  success: function({

                     errMsg,

                     tempFiles

                  }) {

                  success: function(res) {

                     let errMsg = res.errMsg

                     let tempFiles = res.tempFiles

                     if (errMsg === 'chooseImage:ok') {

                        // console.log(tempFiles[0])

                        if (tempFiles[0].size > 1024 * 1024 * 5) {

                           that.$message.confirm('图片最多支持5M大小,超出大小限制')

                           return

                        }

                        that.$message.showLoading()

                        that.$http.upload(tempFiles[0].path).then(async res => {

                           console.log('res1', res)

@@ -608,7 +736,7 @@
               var strs = []

               for (var i of this.dto.params) {

                  if (i.value) {

                     strs.push(i.value)

                     strs.push(i.value.join(","))

                  }

               }

               return strs.join(',')

@@ -617,7 +745,7 @@
         }

      },

      components: {

         dying318picker,

         // dying318picker,

         treeFilter

      }

   }

@@ -639,8 +767,9 @@
      // height: 100px;



      .label {

         width: 300rpx;

         width: 240rpx;

         line-height: 60px;

         min-width: 240rpx;



      }