linwe
2024-05-23 b49da32f7f04a7c45b84958856daf79cd239b0e0
subPackage/workbench/components/actionBtn.vue
@@ -1,7 +1,8 @@
<template>
   <view class="">
      <view class="footer flex a-i-c j-c-s-b">
         <button class="footer-btn" @click="submit(2)">通过</button>
         <button v-if="dataItem.type === 1" class="footer-btn" @click="submit(2)">通过</button>
         <button v-if="dataItem.type === 2" class="footer-btn" @click="submitTwo(2)">通过</button>
         <button class="footer-btn" @click="open()">驳回</button>
      </view>
      <u-modal :show="isShowModal" title="备注" :showConfirmButton="false">
@@ -13,19 +14,64 @@
            </view>
         </view>
      </u-modal>
      <u-modal :show="isShowModalTwo" title="备注" :showConfirmButton="false">
         <view class="modal-content">
            <u-search placeholder="请输入场所名称" :clearabled="true" @blur="searchPlace()" v-model="placeName"></u-search>
            <!-- <u-search placeholder="请输入需要查询信息的姓名" v-model="placeName" :clearabled="true" :showAction="true"
               :animation="true" @search="searchPlace"></u-search> -->
            <!-- <view v-for="(item,index) in placeList" :key="index">
               <view :class="item.isSelect ? '':''" @click="selectChang(item)">
                  {{item.placeName +'----场所地址:'+item.location}}
               </view>
            </view> -->
            <u-radio-group v-model="houseCode" placement="column" @change="groupChange">
               <u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in placeList" :key="index"
                  :label="item.placeName +'----场所地址:'+item.location" :name="item.houseCode" @change="radioChange">
               </u-radio>
            </u-radio-group>
            <view class="modal-btn flex j-c-s-b a-i-c" slot="confirmButton">
               <button class="modal-btn-item c-main f-30" @click="isShowModalTwo = false">取消</button>
               <button class="modal-btn-item bgc-main f-30 c-ff" @click="submit(2)">确定</button>
            </view>
         </view>
      </u-modal>
   </view>
</template>
<script>
   import {
      getLocationRecord
   } from "@/api/place/place";
   export default {
      name: "auditAction",
      data() {
         return {
            isShowModal: false,
            remark: ""
            isShowModalTwo: false,
            remark: "",
            placeName: '',
            houseCode: '',
            dataItem: {},
            placeList: []
         }
      },
      props: ['dataItem'],
      methods: {
         groupChange(n) {
            this.houseCode = n
            console.log('groupChange', n);
         },
         radioChange(n) {
            console.log('radioChange', n);
         },
         open() {
            this.isShowModal = true;
         },
@@ -33,10 +79,36 @@
            this.isShowModal = false;
         },
         submitTwo(type) {
            console.log("*****111*******", JSON.stringify(this.dataItem))
            this.isShowModalTwo = true
         },
         searchPlace() {
            if (!this.placeName) {
               return
            }
            getLocationRecord({
               roleName: 'admin',
               current: 1,
               size: 30,
               isPerfect: 2,
               placeName: this.placeName,
               isNine: 1
            }).then(res => {
               this.placeList = res.data.records;
               this.placeList.forEach(item => {
                  item.isSelect = false
               })
            })
         },
         submit(type) {
            let data = {
               type,
               remark: this.remark
               remark: this.remark,
               houseCode: this.houseCode
            }
            if (type == 3 && !this.remark) {