fix:地图导航

quanyawei

2024-01-08 659d09ec24dab6c451220c8f3bb3943b0fdb3ba1

 pages/actionChange/newPage/index.vue

@@ -10,7 +10,11 @@
               @confirm="checkTime" @cancel='showeEscalationTime=false' />
         </u-form-item>
         <u-form-item border-bottom label="污染位置:" prop="pollutePosition" required>
            <u-input v-model="form.pollutePosition" border="none" placeholder="请输入" type="text" />
            <u-input v-model="form.pollutePosition" border="none" placeholder="请输入" type="text">
               <template slot="suffix">
                  <u-button @tap="authVerification()" text="地图选择" type="success" size="mini"></u-button>
               </template>
            </u-input>
         </u-form-item>
         <u-form-item border-bottom label="责任主体:" prop="unitId" required @click="
               showCheckBox = true;
@@ -27,16 +31,14 @@
               type="select" />
            <u-icon slot="right" name="arrow-right" />
         </u-form-item>
         <u-form-item border="none" border-bottom label="整改类型:" prop="changeType" required @click="
               showCheckBox = true;
               hideKeyboard('changeEnum', 'changeType');
            ">
            <u-input v-model="form.changeType" border="none" disabled disabled-color="#ffffff" placeholder="请选择"
               type="select" />
            <u-icon slot="right" name="arrow-right" />
         <u-form-item border="none" border-bottom label="整改类型:" prop="changeType" required>
            <u-radio-group v-model="form.changeType" style="font-size: 13px;">
               <u-radio :key="index" v-for="(item, index) in changeEnum" :customStyle="{marginRight: '16px'}"
                  :label="item.name" :name="item.value" />
            </u-radio-group>
         </u-form-item>
         <u-form-item border-bottom label="限期天数:" placeholder="请输入" required>
            <u-input v-model="form.changeDay" border="none" type="number" />
         <u-form-item border-bottom label="限期天数:" placeholder="请输入" required :disabled='Number(form.changeType)===1'>
            <u-input v-model="form.changeDay" border="none" type="number" :disabled='Number(form.changeType)===1' />
         </u-form-item>
         <u-form-item border-bottom label="上报单位:" prop="escalationUnitId" required @click="
               showCheckBox = true;
@@ -52,7 +54,13 @@
         <u-form-item border-bottom label="排查方式:" prop="investigationType" required>
            <u-radio-group v-model="form.investigationType" style="font-size: 13px;">
               <u-radio :key="index" v-for="(item, index) in Dic.investigationEnum"
                  :custom-style="{marginRight: '8px'}" :label="item.name" :name="item.value" />
                  :customStyle="{marginRight: '16px'}" :label="item.name" :name="item.value" />
            </u-radio-group>
         </u-form-item>
         <u-form-item border-bottom label="任务分类:" prop="keyPoint">
            <u-radio-group v-model="form.keyPoint" style="font-size: 13px;" placement='column'>
               <u-radio :key="index" v-for="(item, index) in Dic.emphasisEnum" :customStyle="{marginTop: '10px'}"
                  :label="item.name" :name="item.value" />
            </u-radio-group>
         </u-form-item>
         <u-form-item border-bottom label="问题描述:" prop="problemDescribe" required>
@@ -65,7 +73,7 @@
         </u-form-item>
      </u-form>
      <u-picker :show="showCheckBox" keyName="label" :columns="actionOptionList" @cancel="showCheckBox = false"
         @confirm="selectBack"></u-picker>
         :default-selector="[0]" :immediateChange='true' @confirm="selectBack"></u-picker>
      <!--    <u-action-sheet v-if="actionOptionList.length > 0" :actions="actionOptionList" :show="showCheckBox" title="请选择"
         @close="showCheckBox = false" @select="selectBack" /> -->
      <view class="bunts">
@@ -91,6 +99,7 @@
            labelStyle: {
               fontSize: '30.77rpx'
            },
            addressInfor: {},
            showeEscalationTime: false,
            actionOptionList: [],
            rules: {
@@ -100,11 +109,6 @@
                  trigger: ['blur', 'change']
               },
               'polluteType': {
                  required: true,
                  message: '请选择',
                  trigger: ['blur', 'change']
               },
               'changeType': {
                  required: true,
                  message: '请选择',
                  trigger: ['blur', 'change']
@@ -154,6 +158,7 @@
               escalationTime: '',
               problemDescribe: '',
               pollutePosition: '',
               keyPoint: 0
            },
            sumbitForm: {
               unitId: '',
@@ -165,6 +170,7 @@
               escalationTime: '',
               problemDescribe: '',
               pollutePosition: '',
               keyPoint: null
            },
            unitList: [],
            polluteList: [],
@@ -189,7 +195,88 @@
         return false
      },
      methods: {
         authVerification() {
            uni.getSetting({
               success: res => {
                  if (res.authSetting['scope.userLocation']) {
                     /* 用户授权成功时走这里 */
                     this.handerLocation()
                  } else if (res.authSetting['scope.userLocation'] === undefined) {
                     /* 用户未授权时走这里 */
                     console.log('没有授权', res)
                     this.handleOpenSetting()
                  } else {
                     /* 用户拒绝了授权后走这里 */
                     console.log('拒绝了授权 false')
                     this.handleOpenSetting()
                  }
               },
            })
         },
         handerChooseLocation(latitude, longitude) {
            uni.chooseLocation({
               latitude: latitude || '',
               longitude: longitude || '',
               success: res => {
                  console.log('取消按钮', res)
                  this.addressInfor = res
                  this.form.pollutePosition = res.address
               },
               fail: function(err) {
                  console.log('取消按钮', err)
               }
            })
         },
         handerLocation() {
            let that = this
            uni.getLocation({
               type: 'wgs84',
               success: function(res) {
                  console.log('111', res)
                  that.handerChooseLocation(res.latitude, res.longitude)
               },
               fail(error) {
                  console.log('失败', error)
               }
            })
         },
         handleOpenSetting() {
            let that = this
            uni.authorize({
               scope: 'scope.userLocation',
               success() {
                  console.log('res', '1111')
                  //点击允许后--就一直会进入成功授权的回调 就可以使用获取的方法了
                  that.handerLocation()
               },
               fail(error) {
                  //点击了拒绝授权后--就一直会进入失败回调函数--此时就可以在这里重新拉起授权窗口
                  console.log('拒绝授权', error)
                  uni.showModal({
                     title: '提示',
                     content: '若点击不授权，将无法使用位置功能',
                     cancelText: '不授权',
                     confirmText: '授权',
                     success(res) {
                        console.log(res)
                        if (res.confirm) {
                           // 选择弹框内授权
                           uni.openSetting({
                              success(res) {
                                 that.handerLocation()
                              }
                           })
                        } else if (res.cancel) {
                           // 选择弹框内 不授权
                           console.log('用户点击不授权')
                        }
                     }
                  })
               }
            })
         },
         handleFile(data) {
            console.log('datadata', data)
            this.fileBaseList = data
         },
         close() {
@@ -218,6 +305,14 @@
            console.log(e)
            this.form[this.currentKey] = e.value[0].label
            this.sumbitForm[this.currentKey] = e.value[0].id
            console.log('this.form.changeType', this.currentKey)
            if (Number(this.sumbitForm.changeType) !== 1) {
               this.sumbitForm.changeDay = '0'
               this.form.changeDay = '0'
            } else {
               this.sumbitForm.changeDay = ''
               this.form.changeDay = ''
            }
            this.showCheckBox = false
         },
         checkTime(e) {
@@ -228,13 +323,20 @@
            this.sumbitForm.escalationTime = data
         },
         submit() {
            console.log('this.sumbitForm', this.form)
            this.$refs.uForm.validate().then(res => {
               this.sumbitForm.problemDescribe = this.form.problemDescribe
               this.sumbitForm.pollutePosition = this.form.pollutePosition
               this.sumbitForm.address = this.addressInfor.address
               this.sumbitForm.latitude = this.addressInfor.latitude
               this.sumbitForm.longitude = this.addressInfor.longitude
               this.sumbitForm.name = this.addressInfor.name
               this.sumbitForm.changeDay = this.form.changeDay
               this.sumbitForm.escalationName = this.form.escalationName
               this.sumbitForm.investigationType = this.form.investigationType
               this.sumbitForm.fileBaseList = this.fileBaseList
               this.sumbitForm.changeType = this.form.changeType
               this.sumbitForm.keyPoint = this.form.keyPoint
               this.sumbitForm.state = '20'
               console.log('this.sumbitForm', this.sumbitForm)
               this.$http.httpPost('/allocation/insert', {
@@ -253,7 +355,7 @@
            this.form.escalationTime = data
            this.sumbitForm.escalationTime = data
            if (this.changeEnum.length > 0) {
               this.form.changeType = this.changeEnum[0].name
               this.form.changeType = this.changeEnum[0].value
               this.sumbitForm.changeType = this.changeEnum[0].value
            }
            let userInfor = JSON.parse(uni.getStorageSync('userInfor') || '{}')
@@ -265,8 +367,8 @@
               this.form.escalationUnitId = data
               this.sumbitForm.escalationUnitId = userInfor.unitId
            }
            this.form.escalationName = userInfor.name || ''
            this.sumbitForm.escalationName = userInfor.name || ''
            this.form.escalationName = userInfor.userName || ''
            this.sumbitForm.escalationName = userInfor.userName || ''
            this.form.investigationType = 1
            this.sumbitForm.investigationType = 1
            console.log('this.sumbitForm', this.sumbitForm)
@@ -277,6 +379,7 @@
               this.unitList = res.data
               this.Dic = JSON.parse(uni.getStorageSync('dict') || '[]')
               this.changeEnum = this.Dic.changeEnum
               this.changeEnum = this.Dic.changeEnum
               this.setDefaultValue()
            })
         },