Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/jczz_app

shuishen

2023-11-01 dd4b75d3f418e7107a44d21cb2f22ca20b791dc8

 subPackage/house/roomControl/index.vue

@@ -2,34 +2,34 @@
   <view class="container">
      <view class="main">
         <view class="content">
            <u-form labelWidth="70" :model="form" :rules="rules" ref="form">
            <u-form labelWidth="70" :model="form" ref="form">
               <box-title title=""></box-title>

               <view class="basic-info mt-20">
                  <u-form-item class="form-item" labelWidth="100" label="绑定手机" required prop="location">
                     <u--input border="none" v-model="form.location" placeholder="请输入">
                  <u-form-item class="form-item" labelWidth="100" label="绑定手机" required>
                     <u--input border="none" v-model="form.phone" placeholder="请输入">
                     </u--input>
                  </u-form-item>

                  <u-form-item class="form-item" labelWidth="100" label="地址" required prop="location">
                     <u--input border="none" v-model="form.location">
                  <u-form-item class="form-item" labelWidth="100" label="地址" required>
                     <u--input border="none" v-model="form.address">
                     </u--input>
                  </u-form-item>

                  <u-form-item class="form-item" labelWidth="100" label="物业月费" required prop="location">
                     <u--input border="none" v-model="form.location">
                  <u-form-item class="form-item" labelWidth="100" label="物业月费" required>
                     <u--input border="none" v-model="form.property_price">
                     </u--input>
                  </u-form-item>

                  <u-form-item class="form-item" labelWidth="100" label="到期时间" required prop="location">
                     <u--input border="none" v-model="form.location">
                  <u-form-item class="form-item" labelWidth="100" label="到期时间" required>
                     <u--input border="none" v-model="form.service_due">
                     </u--input>
                  </u-form-item>
               </view>

               <box-title class="mt-20" title="房屋外观"></box-title>
               <view class="pic mt-20">
                  <u-upload :fileList="form.images" :previewFullImage="uploadConfig.previewFullImage"
                  <u-upload :fileList="form.image_urls" :previewFullImage="uploadConfig.previewFullImage"
                     :accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple"
                     :maxCount="uploadConfig.maxCount" :capture="uploadConfig.capture" @afterRead="afterReadImg"
                     @delete="deletePic">
@@ -53,12 +53,12 @@
      <u-modal style="flex: none;" :show="popupShow" :closeOnClickOverlay="true" showCancelButton @cancel="popupShow = false" @confirm="popupConfirm">
         <view class="slot-content">
            <view class="flex_base">
               安置房
               {{ labelModelInfo.title }}
            </view>

            <u-radio-group class="mt-40" v-model="labelValue" placement="row">
               <u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in labelList" :key="index"
                  :label="item.name" :name="item.name" :activeColor="item.color" @change="radioChange">
                  :label="item.name" :name="item.name" :activeColor="item.color" @change="radioChange(item)">
               </u-radio>
            </u-radio-group>

@@ -76,12 +76,21 @@

<script>
   import uploadMixin from "@/mixin/uploadMixin";
   import {
      getHouseDetail,
      getHouseLabelList
   } from "@/api/doorplateAddress/doorplateAddress";
   export default {
      mixins: [uploadMixin],
      data() {
         return {
            houseCode: '',
            form: {
               relation: ""
               phone: "",
               address: "",
               property_price: "",
               service_due: "",
               image_urls: []
            },
            showList: {
               relation: false
@@ -95,26 +104,8 @@

            popupShow: false,

            labelBtnList: [{
                  name: '商品房'
               },
               {
                  name: '自建房'
               },
               {
                  name: '安置房'
               },
               {
                  name: '公房'
               },
               {
                  name: '危房'
               },
               {
                  name: '出租房'
               },
            ],

            labelBtnList: [],
				
            // 安置房弹框中
            labelList: [{
                  name: '撤销',
@@ -136,7 +127,12 @@
                  color: '#EE0A24'
               }
            ],
            labelModelInfo: {
               title: '',
               selectedColor: ''
            },
            labelValue: '苹果',
            value1: ''
         }
      },
      created() {
@@ -146,18 +142,42 @@

      },
      onLoad(option) {

         const { code } = option
         this.houseCode = code
      },
      onShow() {

         this.getLabelList()
      },
      methods: {
         showLabelPopup(item) {
            this.popupShow = true
            this.labelModelInfo.title = item.name
         },
         
         popupConfirm(){
            this.popupShow = false
         },
			
         radioChange(item) {
				
         },
         async getHouseDetailInfo() {
            const res = await getHouseDetail()
            const { phone, address, property_price, service_due, image_urls } = res.data
            this.form = {
               phone,
               address,
               property_price,
               service_due,
               image_urls: [
                  image_urls
               ]
            }
				
         },
         async getLabelList() {
            const res = await getHouseLabelList()
            this.labelBtnList = res.data
         }
      }
   }