页面样式及功能更新

GULIMMO

2023-11-13 5abafa3610cc7d6398e2a5a9caf6efd6d37efe5b

 subPackage/workbench/views/cscj.vue

@@ -1,9 +1,6 @@
<template>

   <view class="container">

      <u-form labelWidth="70" :model="form" :rules="rules" ref="form">

         <view class="box-title">

            <box-title title="基础信息"></box-title>

         </view>

         <view class="item">

            <!-- u-form-item v-if="!currentId" @click="showPicker = true" class="form-item" labelWidth="100" label="楼栋:"

               :required="isRequired" :disabled="isDisabled" prop="buildingCode">

@@ -11,7 +8,9 @@
               </u--input>

               <u-icon slot="right" name="arrow-right"></u-icon>

            </u-form-item> -->



            <view class="box-title">

               <box-title title="基础信息"></box-title>

            </view>

            <u-form-item class="form-item" labelWidth="100" label="场所名称:" :required="isRequiredPlace"

               :disabled="isDisabled" prop="placeName">

               <u--input border="none" v-model="form.placeName" placeholder="请输入">

@@ -42,11 +41,12 @@
            </u-form-item>

         </view>



         <view class="box-title">

            <box-title title="负责人信息"></box-title>

         </view>





         <view class="item">

            <view class="box-title">

               <box-title title="负责人信息"></box-title>

            </view>

            <u-form-item class="form-item" labelWidth="100" :required="isRequired" :disabled="isDisabled"

               label="场所负责人:" prop="username">

               <u--input border="none" v-model="form.username" placeholder="请输入">

@@ -60,14 +60,15 @@
         </view>





         <view class="box-title">

            <box-title title="场所照片"></box-title>

         </view>





         <view class="item pic">

            <view class="box-title">

               <box-title title="场所照片"></box-title>

            </view>

            <u-upload :fileList="form.images" :previewFullImage="uploadConfig.previewFullImage"

               :accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple" :maxCount="uploadConfig.maxCount"

               :capture="uploadConfig.capture" @afterRead="afterReadImg" @delete="deletePic">

               :capture="uploadConfig.capture" uploadIcon="/static/icon/upload.png" @afterRead="afterReadImg" @delete="deletePic">

            </u-upload>

         </view>



@@ -76,19 +77,20 @@


      </u-form>



      <view class="box-title">

         <box-title title="综治网格">

            <template slot="titleMore">

               <view class="title-more">

                  <view class="red item"></view>

                  <view class="orange item">85.9</view>

                  <view class="green item"></view>

               </view>

            </template>

         </box-title>

      </view>





      <view class="item">

         <view class="box-title">

            <box-title title="综治网格">

               <template slot="titleMore">

                  <view class="title-more">

                     <view class="red item"></view>

                     <view class="orange item">85.9</view>

                     <view class="green item"></view>

                  </view>

               </template>

            </box-title>

         </view>

         <lineItem :dataInfo="comprehensiveData.basic">

         </lineItem>



@@ -102,19 +104,20 @@
         </lineItem>

      </view>



      <view class="box-title">

         <box-title title="公安网格">

            <template slot="titleMore">

               <view class="title-more">

                  <view class="red item"></view>

                  <view class="orange item">85.9</view>

                  <view class="green item"></view>

               </view>

            </template>

         </box-title>

      </view>





      <view class="item">

         <view class="box-title">

            <box-title title="公安网格">

               <template slot="titleMore">

                  <view class="title-more">

                     <view class="red item"></view>

                     <view class="orange item">85.9</view>

                     <view class="green item"></view>

                  </view>

               </template>

            </box-title>

         </view>

         <lineItem :dataInfo="publicData.basic">

         </lineItem>



@@ -168,10 +171,12 @@
   import {

      format

   } from "echarts";

   import boxTitle from '../components/boxTitle/index.vue'

   export default {

      mixins: [uploadMixin],

      components: {

         lineItem

         lineItem,

         boxTitle

      },

      data() {

         return {

@@ -463,7 +468,7 @@
                  return

               }

               const dpaEntity = data?.doorplateAddressEntity || {}

					


               const gridEntity = data?.grid || {}



               this.form.buildingCode = dpaEntity?.buildingCode || ''

@@ -513,9 +518,8 @@


               data.placePoiLabelVOList.forEach(item => {

                  let label = this.labelList[0].children.find(sl => sl.text === item.labelName) || {}

                  console.log(label);

                  label['isClose'] = false

                  this.showLabelList.push(label)

                  label?.name && this.showLabelList.push(label)

               })



            })

@@ -718,11 +722,12 @@
<style scoped lang="scss">

   .container {

      position: relative;

      width: 100%;

      width: calc(100% - 60rpx);

      // height: 100%;

      display: flex;

      flex-direction: column;

      background: #F9F9FA;

      background: #f5f5f5;

      padding: 0 30rpx 20rpx 30rpx;



      .box-title {

         padding: 10px 0;

@@ -746,6 +751,10 @@
      }



      .item {

         margin-top: 20rpx;

         background-color: #ffffff;

         border-radius: 8rpx;

         padding: 0 30rpx;



         .form-item {

            background-color: #ffffff;

@@ -772,7 +781,12 @@


      .pic {

         background-color: #ffffff;

         padding: 40rpx 30rpx;

         padding-bottom: 20rpx;



         /deep/ .u-upload__button {

            border: 1rpx solid #EEEEEE;

            background-color: #fff;

         }

      }



      .image {