|
|
@@ -62,18 +62,7 @@
|
|
|
</popup>
|
|
|
|
|
|
<!-- 上传照片弹窗 -->
|
|
|
- <popup v-model:show="showUpload" closeable :close-on-click-overlay="false" class="upload-popup">
|
|
|
- <div class="upload-content">
|
|
|
- <div class="upload-tips"><span class="required">*</span>请上传复核照片</div>
|
|
|
- <upload exampleImg class="upload-wrap" @handleUpload="handleUpload">
|
|
|
- <img class="example" src="@/assets/img/home/example-4.png" alt="" />
|
|
|
- <img class="example" src="@/assets/img/home/plus.png" alt="" />
|
|
|
- </upload>
|
|
|
- <div class="upload-footer">
|
|
|
- <div class="btn" @click="handleUploadConfirm">确认上传</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </popup>
|
|
|
+ <review-upload-popup v-model="showUpload" :record-id="sectionId" @success="resetAndLoad" />
|
|
|
</template>
|
|
|
<script setup>
|
|
|
import { ref, onMounted } from "vue";
|
|
|
@@ -81,9 +70,8 @@ import recordItem from "@/components/recordItem.vue";
|
|
|
import { Popup } from "vant";
|
|
|
import customHeader from "@/components/customHeader.vue";
|
|
|
import { useRouter, useRoute } from "vue-router";
|
|
|
-import upload from "@/components/upload";
|
|
|
import { Empty,List } from "vant";
|
|
|
-import { ElMessage } from "element-plus";
|
|
|
+import reviewUploadPopup from "@/components/popup/reviewUploadPopup.vue";
|
|
|
|
|
|
const showApplyPopup = ref(false);
|
|
|
const showUpload = ref(false);
|
|
|
@@ -96,26 +84,6 @@ const handleUploadPhoto = ({id}) => {
|
|
|
sectionId.value = id;
|
|
|
};
|
|
|
|
|
|
-const images = ref([]);
|
|
|
-function handleUpload({imgArr}) {
|
|
|
- images.value = imgArr;
|
|
|
-}
|
|
|
-
|
|
|
-// 确认上传处理函数
|
|
|
-const handleUploadConfirm = () => {
|
|
|
- const params = {
|
|
|
- recordId: sectionId.value,
|
|
|
- executeEvidence: images.value,
|
|
|
- };
|
|
|
- VE_API.monitor.addReviewImg(params).then((res) => {
|
|
|
- if (res.code === 0) {
|
|
|
- ElMessage.success('上传成功');
|
|
|
- showUpload.value = false;
|
|
|
- resetAndLoad();
|
|
|
- }
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
const handleApply = (section, index) => {
|
|
|
// // 更新当前项的发起需求状态
|
|
|
// showApplyPopup.value = true;
|
|
|
@@ -298,49 +266,4 @@ const handleClick = (section, index) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.upload-popup {
|
|
|
- width: 90%;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 20px 18px;
|
|
|
- background: linear-gradient(0deg, #ffffff 70%, #d1ebff 100%);
|
|
|
- border-radius: 10px;
|
|
|
-
|
|
|
- .upload-content {
|
|
|
- .upload-tips {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 500;
|
|
|
- color: #000;
|
|
|
- margin-bottom: 8px;
|
|
|
- .required {
|
|
|
- color: #ff4d4f;
|
|
|
- margin-right: 4px;
|
|
|
- }
|
|
|
- }
|
|
|
- .upload-wrap {
|
|
|
- margin: 12px 0 24px;
|
|
|
- .example {
|
|
|
- width: 80px;
|
|
|
- height: 80px;
|
|
|
- }
|
|
|
- .example + .example {
|
|
|
- margin-left: 12px;
|
|
|
- }
|
|
|
- }
|
|
|
- .upload-footer {
|
|
|
- margin-top: 20px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
-
|
|
|
- .btn {
|
|
|
- width: 80%;
|
|
|
- padding: 12px;
|
|
|
- background: #2199f8;
|
|
|
- border-radius: 25px;
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
</style>
|