3018 按钮修改

cuiqian2004

2024-07-22 9ae83a12c2b9c764e28760fb9c3c09fe697c8990

 pages/modal/3018_2.vue

@@ -1,125 +1,138 @@
<template>
   <view class="uni-page-modal-3018-2">
      <!-- 表头样式 -->
      <uni-forms ref="baseForm" label-align="right">
         <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items">
            <!-- 普通布局 -->
            <uni-forms-item v-if="item.name != 'Layout'&& item.show==true" :label="item.label +'：' "
               :label-width="item.labelWidth+'px'">
               <!-- <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}：</text> -->
               <span class="form-item-span" v-if="item.disabled"
                  :style="'width: calc(100% - '+item.labelWidth+'px);'">{{item.value}}</span>
               <!-- 下拉框-单选 item.useDict?item.dict:item.selections-->
               <uni-data-select id="dv_select" v-if="item.name=='Select' && !item.disabled"
                  :style="'width: calc(100% - '+item.labelWidth-10+'px);'"
                  :class="item.disabled?'input-disabled':''" v-model="item.value" :localdata="item.dict"
                  @change="onchange(item)" :disabled="item.disabled" :clear="false"></uni-data-select>
               <!-- 文本框/数字框 -->
               <view class="input-wrapper"
                  v-if="(item.name=='Input' || item.name=='InputNumber') && !item.disabled">
                  <text v-if="item.setting.prefix" class="uni-icon" :class="[item.setting.prefix]"
                     @change="classAttr_extButton(item)">&#xe568;</text>
                  <input class="uni-input" :class="item.disabled?'input-disabled':''"
                     :type="item.name=='Input'?'text':item.name=='InputNumber'?'number':'text'"
                     v-model="item.value" :disabled="item.disabled" :placeholder="item.placeholder"
                     :style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}"
                     :focus="focusFieldId == item.fieldId" @focus="ontap(item)" @click="onClick(item)"
                     @blur="onevent(item)" />
                  <text v-if="item.setting.suffix" class="uni-icon" :class="[item.setting.suffix]"
                     @click="classAttr_extButton(item)">&#xe568;</text>
               </view>
               <!-- 多行文本 -->
               <view class="input-wrapper" v-if="item.name=='Textarea' && !item.disabled">
                  <textarea class="uni-input" :class="item.disabled?'input-disabled':''" :value="item.value"
                     :focus="focusFieldId == item.fieldId" :placeholder="item.placeholder"
                     @blur="onModelValue(item)" @click="onClick(item)" :data-index="index" style="height:60px;"
                     :style="{'width':'96%'}" :disabled="item.disabled"></textarea>
      <view class="view-content">
         <!-- 表头样式 -->
         <uni-forms ref="baseForm" label-align="right">
            <view class="v-headStyle" v-for="(item,index) in head_styledef.form.items">
               <!-- 普通布局 -->
               <uni-forms-item class="head-form" v-if="item.name != 'Layout'&& item.show==true"
                  :label="item.label +'：' " :label-width="item.labelWidth+'px'">
                  <!-- <text class="txt_title" :style="{'width':item.labelWidth+'px'}">{{item.label}}：</text> -->
                  <span class="form-item-span" v-if="item.disabled"
                     :style="'width: calc(100% - '+item.labelWidth+'px);'">{{item.value}}</span>
                  <!-- 下拉框-单选 item.useDict?item.dict:item.selections-->
                  <uni-data-select id="dv_select" v-if="item.name=='Select' && !item.disabled"
                     :style="'width: calc(100% - '+item.labelWidth-10+'px);'"
                     :class="item.disabled?'input-disabled':''" v-model="item.value" :localdata="item.dict"
                     @change="onchange(item)" :disabled="item.disabled" :clear="false"></uni-data-select>
                  <!-- 文本框/数字框 -->
                  <view class="input-wrapper"
                     v-if="(item.name=='Input' || item.name=='InputNumber') && !item.disabled">
                     <text v-if="item.setting.prefix" class="uni-icon" :class="[item.setting.prefix]"
                        @change="classAttr_extButton(item)">&#xe568;</text>
                     <input class="uni-input" :class="item.disabled?'input-disabled':''"
                        :type="item.name=='Input'?'text':item.name=='InputNumber'?'number':'text'"
                        v-model="item.value" :disabled="item.disabled" :placeholder="item.placeholder"
                        :style="{'width':item.setting.prefix && item.setting.suffix?'78%':item.setting.prefix || item.setting.suffix?'87%':'96%'}"
                        :focus="focusFieldId == item.fieldId" @focus="ontap(item)" @click="onClick(item)"
                        @blur="onevent(item)" />
                     <text v-if="item.setting.suffix" class="uni-icon" :class="[item.setting.suffix]"
                        @click="classAttr_extButton(item)">&#xe568;</text>
                  </view>
                  <!-- 多行文本 -->
                  <view class="input-wrapper" v-if="item.name=='Textarea' && !item.disabled">
                     <textarea class="uni-input" :class="item.disabled?'input-disabled':''" :value="item.value"
                        :focus="focusFieldId == item.fieldId" :placeholder="item.placeholder"
                        @blur="onModelValue(item)" @click="onClick(item)" :data-index="index"
                        style="height:60px;" :style="{'width':'96%'}" :disabled="item.disabled"></textarea>

               </view>
               <!-- 复选框 -->
               <checkbox-group class="check_rememberPwd" v-if="item.name=='Checkbox'"
                  :class="item.disabled?'input-disabled':''" @change="onModelValue(item)"
                  :disabled="item.disabled" :data-ischeck="item.value">
                  <label>
                     <checkbox :value="item.value" :checked="item.value" />
                     <text>{{item.label}}</text>
                  </label>
               </checkbox-group>
               <!-- Switch开关 -->
               <switch class="input-switch" v-if="item.name=='Switch'" :class="item.disabled?'input-disabled':''"
                  :disabled="item.disabled" v-model="item.value" @change="onModelValue(item)" />
               <!-- 日期时间 -->
               <view class="input-wrapper"
                  v-if="(item.name=='TimePicker' || item.name=='DatePicker') && !item.disabled">
                  <picker mode="date" class="date_iput" :class="item.disabled?'input-disabled':''"
                     :disabled="item.disabled" :value="item.value" @change="onModelValue(item)">
                     <view class="picker">{{item.value}}</view>
                  </picker>
               </view>
            </uni-forms-item>
            <!-- 栅格布局 -->
            <uni-row class="demo-uni-row" v-if="item.name=='Layout' && item.show==true">
               <uni-col v-for="(cols,key) in item.setting.colList"
                  :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col">
                  <uni-forms-item v-if="cols!=null" :label="col.label +'：'" :label-width="col.labelWidth+'px'">
                     <!-- <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}：</text> -->
                     <span class="form-item-span" v-if="cols.disabled">{{cols.value}}</span>
                     <view class="input-wrapper"
                        v-if="(cols.name=='Input' || cols.name=='InputNumber') && !cols.disabled">
                        <text v-if="cols.setting.prefix" class="uni-icon" :class="[cols.setting.prefix]"
                           @change="onchange(cols)">&#xe568;</text>
                        <input class="uni-input" :class="cols.disabled?'input-disabled':''"
                           :type="cols.name=='Input'?'text':cols.name=='InputNumber'?'number':'text'"
                           v-model="cols.value" :disabled="cols.disabled" :placeholder="cols.placeholder"
                           :style="{'width':cols.setting.prefix && cols.setting.suffix?'78%':cols.setting.prefix || cols.setting.suffix?'87%':'96%'}"
                           :focus="focusFieldId == cols.fieldId" @focus="ontap(cols)" @click="onClick(cols)"
                           @blur="onevent(cols)" />
                        <text v-if="cols.setting.suffix" class="uni-icon" :class="[cols.setting.suffix]"
                           @click="onchange(cols)">&#xe568;</text>
                     </view>
                     <!-- 下拉框-单选 cols.useDict?cols.dict:cols.selections-->
                     <uni-data-select id="dv_select" v-if="cols.name=='Select' && !cols.disabled"
                        :class="cols.disabled?'input-disabled':''" v-model="cols.value" :localdata="cols.dict"
                        @change="onchange(cols)" :disabled="cols.disabled" :clear="false"></uni-data-select>
                     <!-- 多行文本 -->
                     <view class="input-wrapper" v-if="cols.name=='Textarea' && !cols.disabled">
                        <textarea class="uni-input" :value="cols.value"
                           :class="cols.disabled?'input-disabled':''" :placeholder="cols.placeholder"
                           :focus="focusFieldId == cols.fieldId" @blur="onModelValue(cols)"
                           @click="onClick(cols)" style="height:60px;" :style="{'width':'96%'}"
                           :disabled="cols.disabled"></textarea>
                     </view>
                     <!-- 复选框 -->
                     <checkbox-group class="check_rememberPwd" v-if="cols.name=='Checkbox'"
                        :class="cols.disabled?'input-disabled':''" :disabled="item.disabled"
                        @change="onModelValue(cols)" :data-ischeck="cols.value"
                        :style="{'margin-left':'10rpx'}">
                        <label>
                           <checkbox :value="cols.value" :checked="cols.value" />
                           <text>{{cols.label}}</text>
                        </label>
                     </checkbox-group>
                     <!-- Switch开关 -->
                     <switch v-if="cols.name=='Switch'" :class="cols.disabled?'input-disabled':''"
                        :disabled="item.disabled" v-model="cols.value" @change="onModelValue(cols)"
                        :style="{'margin-left':'10rpx'}" />
                     <!-- 日期时间 -->
                     <view class="input-wrapper"
                        v-if="(cols.name=='TimePicker' || cols.name=='DatePicker') && !cols.disabled">
                        <picker mode="date" class="date_iput" :class="cols.disabled?'input-disabled':''"
                           :disabled="item.disabled" :value="cols.value" @change="onModelValue(cols)">
                           <view class="picker">{{cols.value}}</view>
                        </picker>
                     </view>
                  </view>
                  <!-- 复选框 -->
                  <checkbox-group class="check_rememberPwd" v-if="item.name=='Checkbox'"
                     :class="item.disabled?'input-disabled':''" @change="onModelValue(item)"
                     :disabled="item.disabled" :data-ischeck="item.value">
                     <label>
                        <checkbox :value="item.value" :checked="item.value" />
                        <text>{{item.label}}</text>
                     </label>
                  </checkbox-group>
                  <!-- Switch开关 -->
                  <switch class="input-switch" v-if="item.name=='Switch'"
                     :class="item.disabled?'input-disabled':''" :disabled="item.disabled" v-model="item.value"
                     @change="onModelValue(item)" />
                  <!-- 日期时间 -->
                  <view class="input-wrapper"
                     v-if="(item.name=='TimePicker' || item.name=='DatePicker') && !item.disabled">
                     <picker mode="date" class="date_iput" :class="item.disabled?'input-disabled':''"
                        :disabled="item.disabled" :value="item.value" @change="onModelValue(item)">
                        <view class="picker">{{item.value}}</view>
                     </picker>
                  </view>
               </uni-forms-item>
               <!-- 栅格布局 -->
               <uni-row class="demo-uni-row" v-if="item.name=='Layout' && item.show==true">
                  <uni-col v-for="(cols,key) in item.setting.colList"
                     :span="item.setting.spanList?item.setting.spanList[key]:24 / item.setting.col">
                     <uni-forms-item class="head-form" v-if="cols!=null" :label="cols.label +'：'"
                        :label-width="cols.labelWidth+'px'">
                        <!-- <text class="txt_title" :style="{'width':cols.labelWidth+'px'}">{{cols.label}}：</text> -->
                        <span class="form-item-span" v-if="cols.disabled">{{cols.value}}</span>
                        <view class="input-wrapper"
                           v-if="(cols.name=='Input' || cols.name=='InputNumber') && !cols.disabled">
                           <text v-if="cols.setting.prefix" class="uni-icon" :class="[cols.setting.prefix]"
                              @change="onchange(cols)">&#xe568;</text>
                           <input class="uni-input" :class="cols.disabled?'input-disabled':''"
                              :type="cols.name=='Input'?'text':cols.name=='InputNumber'?'number':'text'"
                              v-model="cols.value" :disabled="cols.disabled" :placeholder="cols.placeholder"
                              :style="{'width':cols.setting.prefix && cols.setting.suffix?'78%':cols.setting.prefix || cols.setting.suffix?'87%':'96%'}"
                              :focus="focusFieldId == cols.fieldId" @focus="ontap(cols)"
                              @click="onClick(cols)" @blur="onevent(cols)" />
                           <text v-if="cols.setting.suffix" class="uni-icon" :class="[cols.setting.suffix]"
                              @click="onchange(cols)">&#xe568;</text>
                        </view>
                        <!-- 下拉框-单选 cols.useDict?cols.dict:cols.selections-->
                        <uni-data-select id="dv_select" v-if="cols.name=='Select' && !cols.disabled"
                           :class="cols.disabled?'input-disabled':''" v-model="cols.value"
                           :localdata="cols.dict" @change="onchange(cols)" :disabled="cols.disabled"
                           :clear="false"></uni-data-select>
                        <!-- 多行文本 -->
                        <view class="input-wrapper" v-if="cols.name=='Textarea' && !cols.disabled">
                           <textarea class="uni-input" :value="cols.value"
                              :class="cols.disabled?'input-disabled':''" :placeholder="cols.placeholder"
                              :focus="focusFieldId == cols.fieldId" @blur="onModelValue(cols)"
                              @click="onClick(cols)" style="height:60px;" :style="{'width':'96%'}"
                              :disabled="cols.disabled"></textarea>
                        </view>
                        <!-- 复选框 -->
                        <checkbox-group class="check_rememberPwd" v-if="cols.name=='Checkbox'"
                           :class="cols.disabled?'input-disabled':''" :disabled="item.disabled"
                           @change="onModelValue(cols)" :data-ischeck="cols.value"
                           :style="{'margin-left':'10rpx'}">
                           <label>
                              <checkbox :value="cols.value" :checked="cols.value" />
                              <text>{{cols.label}}</text>
                           </label>
                        </checkbox-group>
                        <!-- Switch开关 -->
                        <switch v-if="cols.name=='Switch'" :class="cols.disabled?'input-disabled':''"
                           :disabled="item.disabled" v-model="cols.value" @change="onModelValue(cols)"
                           :style="{'margin-left':'10rpx'}" />
                        <!-- 日期时间 -->
                        <view class="input-wrapper"
                           v-if="(cols.name=='TimePicker' || cols.name=='DatePicker') && !cols.disabled">
                           <picker mode="date" class="date_iput" :class="cols.disabled?'input-disabled':''"
                              :disabled="item.disabled" :value="cols.value" @change="onModelValue(cols)">
                              <view class="picker">{{cols.value}}</view>
                           </picker>
                        </view>

                  </uni-forms-item>
               </uni-col>
            </uni-row>
                     </uni-forms-item>
                  </uni-col>
               </uni-row>
            </view>
         </uni-forms>
      </view>
      <view class="view-bottom">
         <view class="uni-padding-wrap" v-if="dropdownBtns.length>0">
            <view class="uni-btn-v">
               <a @tap="clickDropdownBtns">
                  <Icon class="mobox-normal-more" />
               </a>
            </view>
         </view>
      </uni-forms>
      <view class="view-floor">
         <button type="default" @tap="sava" class="btn_add">{{title}}</button>
         <button type="default" @tap="sava" class="btn_add" v-if="dropdownBtns.length==0">{{title}}</button>
         <button type="default" @tap="cancel" class="btn_cancel">{{translateSys('cancel')}}</button>

      </view>
      <!-- 普通弹窗 top bottom center left right -->
      <view>
@@ -239,6 +252,12 @@
         this.$data.title = this.$data.param.Add_BtnName ? this.$data.param.Add_BtnName : options
            .titlename; //设置按钮文字
         this.loadData(options.paramValue)
      },
      computed: {
         dropdownBtns() {
            const btns = this.head_styledef.button || [];
            return btns
         },
      },

      methods: {
@@ -1821,6 +1840,168 @@
               });
            });
         },
         //点击按钮列表
         clickDropdownBtns() {
            var that = this
            var itemlist = [];
            this.dropdownBtns.forEach((btn) => {
               itemlist.push(btn.ShowName);
            });
            uni.showActionSheet({
               // title: '按钮列表',
               itemList: itemlist,
               success: (e) => {
                  console.log(e.tapIndex);
                  var btn = that.dropdownBtns[e.tapIndex];
                  that.onButtonClicked(btn);
               }
            })
         },
         onButtonClicked(btn) {
            let enviroment = {
               button: "top",
               button_name: btn.ShowName,
               cls_id: btn.Cls_ID,
               function: "3018",
               master: {},
            };
            console.log("onBtnClick", btn);
            if (btn.FunCode == "Add") {
               if (btn.Edit_dlg.Model == "small") {
                  this.showAddSmallDialog(btn, enviroment);
               } else {
                  uni.showModal({
                     title: this.translateSys("tip"),
                     content: this.translateSys("unrealized"),
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
               }
            } else if (btn.FunCode == "TriggerEvent") {
               this.onTriggerEvent(btn, enviroment);
            } else {
               this.$Message.warning(this.$t("sys.unrealized"));
            }
         },
         onTriggerEvent(btn, enviroment) {
            var obj_attr = this.head_styledef.form.model;
            // console.log(obj_attr);
            var input_param = {
               id: "",
               attrs: Object.keys(obj_attr).map((a) => ({
                  attr: a,
                  value: obj_attr[a],
               })),
            };

            var dataInfo = {
               ed_type: "0",
               start_transaction: true,
               class_id: btn.Cls_ID,
               class_name: '',
               event_id: btn.Event.ID,
               event_name: '',
               data_obj_id: '',
               obj_attr: obj_attr,
               prj_id: '',
               ref_cls_id: '',
               rel_obj_id: '',
               user_login: '',
               data_json: '',
               compose_info: '',
               input_param: '',
            };
            console.log(dataInfo);
            // return;
            this.$store.dispatch('runCustomEvent', dataInfo).then(success => {
               console.log(success);
               if (success.err_code == 0) {
                  var data = success.result;
                  if (data.ret != 0) {
                     var tip = data.err_info ? typeof data.err_info == 'string' ? data.err_info :
                        data
                        .err_info.join('<br/>') : '';
                     if (data.ret == 801) {
                        if (this.param.Only_Script_Error) {
                           let pos = tip.indexOf("：");
                           if (pos > -1) tip = tip.substring(pos + 1);
                        }
                        uni.showModal({
                           title: this.translateSys("tip"),
                           content: tip,
                           showCancel: false,
                           confirmText: this.translateSys("cancel")
                        });
                     } else uni.showModal({
                        title: this.translateSys("tip"),
                        content: tip + ',' + this.translateSys('tip') + ':' + data.ret,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                     });
                     return false
                  } else {
                     var tip = data.info ? typeof data.info == 'string' ? data.info : data.info
                        .join(
                           '<br/>') : '';
                     if (tip) uni.showModal({
                        title: this.translateSys("tip"),
                        content: tip,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                     });

                     var result = data.result;

                  }
               } else {
                  uni.showModal({
                     title: this.translateSys("error") + "7",
                     content: success.err_msg,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
               }
            }).catch(ex => {
               // console.log(ex);
               uni.showModal({
                  title: this.translateSys('tip') + "7.1",
                  content: ex.errMsg,
                  showCancel: false,
                  confirmText: this.translateSys("cancel")
               });
            });

         },
         //新增修改小窗口数据
         showAddSmallDialog(btn, enviroment) {
            var data = {
               Add_BtnName: btn.ShowName,
               EditDlgMode: btn.Edit_dlg.Model,
               clsid: btn.Cls_ID,
               cls_name: btn.Cls_Name,
               Edit_dlg: btn.Edit_dlg
            };
            const url = '../modal/3018?param=' + JSON.stringify(data) + "&titlename=" + btn.Edit_dlg.Name +
               "&type=addDataObj"
            console.log("showAddSmallDialog", url);
            var $this = this;
            uni.navigateTo({
               url: url,
               events: {
                  // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
                  addDataObj: function(resData) {
                     console.log(resData);
                     //刷新
                     if (!this.$data.param.After_Btn_Not_Refresh) {
                        uni.redirectTo({
                           url: '../modal/3018_2?param=' + JSON.stringify(this.$data.param) +
                              "&titlename=" + this.$data.title
                        });
                     }
                  },
               }
            });
         },

         cancel(e) { //取消
            uni.navigateBack({
@@ -1864,58 +2045,40 @@
         width: 98%;
      }

      .v-headStyle:first-child {
         margin-top: 15rpx;
      }

      .v-headStyle .txt_title {
         font-size: 34rpx;
         text-align: right;
         display: inline-block;
         /* vertical-align: 24rpx; */

         /* border: 0.1rpx solid red; */
      }

      .v-headStyle input {
         vertical-align: middle;
         display: inline-block;
         /* border: 1px solid #d5d5d5; */
         /* width: 65%; */
         width: 85%;
         height: 52rpx;
         line-height: 34rpx;
         background: #FFF;
         border-radius: 0 !important;
         color: #2d8cf0;
         padding: 10rpx 8rpx 12rpx;
         font-size: 34rpx;
         font-family: inherit;
         box-shadow: none !important;
         transition-duration: 0.1s;
         margin-top: 4rpx;
      }

      .v-headStyle input::-webkit-input-placeholder {
         font-size: 12rpx;
      .v-headStyle .head-form {
         // border: 0.5px solid red;
         margin-bottom: 11rpx;
      }

      .v-headStyle .form-item-span {
         /* vertical-align:top; */
         // border: 0.5px solid red;
         padding: 7rpx 0;
         color: #2d8cf0;
         white-space: normal;
         word-break: break-all;
         display: inline-block;

         /* border: 0.1rpx solid red; */
         // width: calc(100% - 100px);
      }

      .input-wrapper {
         border: 1px solid #d5d5d5;
         display: inline-block;
         width: 100%;
         line-height: 22rpx;
         vertical-align: middle;
         display: flex;
         flex-direction: row;

         .uni-input {
            color: #2d8cf0;
            flex: 1;
            padding: 10rpx 8rpx;
            // height: 40rpx;
            // line-height: 40rpx;
         }

         .uni-icon {
            padding: 8rpx;
            font-size: 32rpx;
            color: rgb(192, 196, 204);
         }
      }

      .check_rememberPwd,
@@ -1930,9 +2093,6 @@
         box-sizing: border-box;
      }

      .uni-input {
         /* border: none; */
      }

      .uni-icon {
         /* border: 1px solid red; */
@@ -1950,43 +2110,68 @@
         vertical-align: middle;
      }


      .view-content {
         min-height: 700rpx;
         /* border:1px solid red; */
      }

      .input-disabled {
         background-color: #f3f3f3 !important;
      }

      button.btn_add {
         width: 49.5%;
         margin-top: 50rpx;
         padding: 20rpx;
         line-height: 1.5;
         background: #4D6AF4;
         border: none;
         color: #fff;
         font-size: 38rpx;
         font-weight: bold;
         float: right;
         display: inline-block;
      .view-content {
         display: flex;
         flex: 1;
         width: calc(100% - 30rpx);
         padding: 10rpx 15rpx;
         flex-direction: column;
         overflow-y: auto;

      }

      button.btn_cancel {
         width: 49.5%;
         margin-top: 50rpx;
         padding: 20rpx;
         line-height: 1.5;
         background: #fff;
         border: none;
         color: #000;
         font-size: 38rpx;
         font-weight: bold;
         float: left;
         display: inline-block;
      .view-bottom {
         // display: flex;
         // flex-direction: row;
         display: block;
         width: calc(100% - 30rpx);
         padding: 10rpx 15rpx 20rpx 15rpx;

         .btn_add {
            width: 45%;
            margin: 0 10rpx;
            // padding: 5rpx 10rpx;
            background: #4D6AF4;
            border: none;
            color: #fff;
            float: left;
            display: inline-block;
         }

         .btn_cancel {
            width: 45%;
            margin: 0 10rpx;
            background: #fff;
            border: none;
            color: #000;
            font-size: 38rpx;
            float: right;
            display: inline-block;
         }

         .uni-padding-wrap {
            margin: 2rpx 0 0 10rpx;
            background-color: #98DAEA;
            width: 104rpx;
            height: 80rpx;
            text-align: center;
            border-radius: 54rpx;
            padding: 24rpx 0 0 0;
            float: right;
            display: inline-block;
         }

         .uni-padding-wrap a {
            font-size: 40rpx;
         }
      }




      .view-popup {
         position: relative;
@@ -2060,7 +2245,7 @@

      #dv_select {
         display: inline-block;
         width: 66%;
         // width: 66%;
         background: #FFF;
         border-radius: 0 !important;
         color: #2d8cf0;
@@ -2198,9 +2383,8 @@
         /* line-height: 22rpx; */
      }

      .view-floor {
         padding: 0 20rpx;
      }



      .demo-uni-row {
         margin-bottom: 0px;