巡检编辑和扫码

yyb

6 天以前 a9561a3189d50f0e33d693b5226ea56adda06a08

 src/pages/routingInspection/product_card/index.vue

@@ -83,7 +83,6 @@
               </text>
            </view>
         </wd-col>

      </wd-row>
      <wd-row class="my-2">
         <wd-col :span="12">
@@ -123,25 +122,55 @@
         </wd-col>
         <wd-col :span="8">
            <view class="flex">
               <wd-button v-if="data[map.status] == 1" size="small" type="primary" @click.stop="showRejectPopup = true"
                  style="margin-left: auto;">
          <wd-button
            v-if="data[map.status] == 1"
            size="small"
            type="primary"
            @click.stop="showRejectPopup = true"
            style="margin-left: auto"
          >
                  查看驳回信息
               </wd-button>
            </view>
         </wd-col>
      </wd-row>
   </wd-card>
<wd-popup v-model="showRejectPopup" title="驳回信息" custom-style="border-radius:32rpx;height: 500rpx;width: 600rpx;">
  <wd-card v-for="(item, index) in data.rejectList" :key="index" 
  <wd-popup
    v-model="showRejectPopup"
    title="驳回信息"
    custom-style="border-radius:32rpx;height: 800rpx;width: 600rpx;"
  >
    <wd-card
      v-for="(item, index) in data.rejectList"
      :key="index"
           :class="index % 2 === 0 ? 'reject-card-bg-1' : 'reject-card-bg-2'"
           style="margin-bottom: 15px; padding: 10px; border-radius: 8px;">
      style="margin-bottom: 8px; padding: 10px; border-radius: 8px"
    >
    <view class="content">
      <view>
        <view style="display: flex; justify-content: space-between; align-items: center; color: rgba(0,0,0,0.85); font-size: 14px; margin-bottom: 8px;">
          <view
            style="
              display: flex;
              justify-content: space-between;
              align-items: center;
              color: rgba(0, 0, 0, 0.85);
              font-size: 14px;
              margin-bottom: 8px;
            "
          >
          <view>{{ item.rejectPerson }}</view>
          <view>{{ item.rejectTime }}</view>
        </view>
        <view style="color: rgba(0,0,0,0.85); font-size: 14px; word-break: break-word; overflow-wrap: break-word; max-width: 100%; padding: 5px 0;">
          <view
            style="
              color: rgba(0, 0, 0, 0.85);
              font-size: 14px;
              word-break: break-word;
              overflow-wrap: break-word;
              max-width: 100%;
              padding: 5px 0;
            "
          >
          {{ item.rejectReason.reason }}
        </view>
      </view>
@@ -152,7 +181,7 @@

<script setup lang="ts">
import { ref } from "vue";
const emit = defineEmits(['click']);
const emit = defineEmits(["click"]);
   defineProps({
      data: {
         type: Object,
@@ -163,9 +192,9 @@
         default: () => { },
      },
   });
const showRejectPopup = ref<boolean>(false)
const showRejectPopup = ref<boolean>(false);
const handleCardClick = () => {
  emit('click');
  emit("click");
};
</script>

@@ -187,7 +216,8 @@
  .page-class {
    :deep() {
      .custom-shadow {
        box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
      box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%),
        0 1px 5px 0 rgb(0 0 0 / 12%);
      }
    }
  }