组件位置调整

guoshilong

2023-11-12 03e24712b3534ffacd58ac8237237eccd4a4dd02

 subPackage/house/roomControl/index.vue

@@ -37,8 +37,9 @@
                  <newBoxTitle title="房屋标签"></newBoxTitle>

                  <view class="list">

                     <view v-for="(item, index) in labelBtnList" :key="index">

                        <u-button size="mini" type="primary" :style="{background: item.color, color: item.color && '#fff'}"

                           :plain="true" :text="item.name" @click="showLabelPopup(item)"></u-button>

                        <u-button size="mini" type="primary"

                           :style="{background: item.color, color: item.color && '#fff'}" :plain="true"

                           :text="item.name" @click="showLabelPopup(item)"></u-button>

                     </view>

                  </view>

               </view>

@@ -46,7 +47,8 @@
         </view>



         <view class="edit-btn">

            <u-button type="primary" color="linear-gradient(163deg, #01BDFC 0%, #017BFC 100%)" text="修改数据" @click="updateHouseInfo(item)"></u-button>

            <u-button type="primary" color="linear-gradient(163deg, #01BDFC 0%, #017BFC 100%)" text="修改数据"

               @click="updateHouseInfo(item)"></u-button>

         </view>

      </view>



@@ -59,7 +61,8 @@


            <u-radio-group v-model="" class="mt-40" v-model="labelValue" placement="row">

               <u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in labelList" :key="index"

                  :label="item.name" :labelColor="item.color" :name="item.name" :activeColor="item.color" @change="radioChange(item)">

                  :label="item.name" :labelColor="item.color" :name="item.name" :activeColor="item.color"

                  @change="radioChange(item)">

               </u-radio>

            </u-radio-group>



@@ -77,10 +80,7 @@


<script>

   import uploadMixin from "@/mixin/uploadMixin";

   import newBoxTitle from '@/components/boxTitle/index2.vue'

   import {

      uploadFile

   } from "@/api/doorplateAddress/doorplateAddress";

   import newBoxTitle from '@/subPackage/house/components/boxTitle/index2.vue'

   import {

      getLabelListByParentId

   } from "@/api/label/label.js";

@@ -95,9 +95,6 @@
   import {

      minioBaseUrl

   } from '@/common/setting'

   import {

      number

   } from "echarts";

   export default {

      mixins: [uploadMixin],

      components: {

@@ -181,8 +178,8 @@
            labelValue: "",

            remark: '',

            // 标记

            number: 0
				
            number: 0



         }

      },

      created() {

@@ -307,10 +304,10 @@
            this.labelModelInfo.title = item.name

            this.currentLabelInfo = item

            // 遍历标签集合

            this.labelList.forEach(e => {
               console.log(e.color,item.color);

            this.labelList.forEach(e => {

               console.log(e.color, item.color);

               if (e.color == item.color) {

                  this.labelValue = e.name
                  this.labelValue = e.name

                  console.log(e);

                  this.remark = item.remark

                  this.number = 1

@@ -430,21 +427,25 @@
            .label-btn-box {

               padding: 30rpx;

               margin-top: 20rpx;

               display: flex;
               display: flex;

               flex-direction: column;

               .list {
                  display: flex;


               .list {

                  display: flex;

                  flex-wrap: wrap;

                  &>view {


                  &>view {

                     width: calc((100% - 80rpx) / 5);

                     margin: 0 20rpx 20rpx 0;
                     &:nth-child(5n) {
                        margin-right: 0;
                     margin: 0 20rpx 20rpx 0;



                     &:nth-child(5n) {

                        margin-right: 0;

                     }



                     .u-button {

                        padding: 6rpx 8rpx;

                        border-width: 0 !important;
                        background-color: #F5F5F5;
                        border-width: 0 !important;

                        background-color: #F5F5F5;

                        color: #999999;

                     }

                  }

@@ -461,7 +462,7 @@
            justify-content: space-around;

            align-items: center;

            background: #fff;

            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);

            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);

         }

      }

   }