|
@@ -28,7 +28,7 @@
|
|
|
<img src="@/assets/images/phone-btn2.png" alt="" class="img" />
|
|
|
<span> 工单详情</span>
|
|
|
</div>
|
|
|
- <div class="btn" @click="handleAdd" style="margin-top: 30px">
|
|
|
+ <div class="btn" @click="handleAdd" style="margin-top: 50px">
|
|
|
<img src="@/assets/images/phone-btn1.png" alt="" class="img" />
|
|
|
<span> 售后申请 </span>
|
|
|
</div>
|
|
@@ -194,10 +194,16 @@
|
|
|
:data="uploadData"
|
|
|
multiple
|
|
|
:before-upload="uploadFile"
|
|
|
- :on-preview="onPreviewFile"
|
|
|
>
|
|
|
<el-button>选择</el-button>
|
|
|
</el-upload>
|
|
|
+ <!-- <input
|
|
|
+ type="file"
|
|
|
+ accept="image/*"
|
|
|
+ capture="camera"
|
|
|
+ multiple
|
|
|
+ @change="handleFileChange"
|
|
|
+ /> -->
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
@@ -219,6 +225,7 @@
|
|
|
import TitleInfo from "@/components/TitleInfo/index.vue";
|
|
|
import useUserStore from "@/store/modules/user";
|
|
|
import request from "@/utils/request";
|
|
|
+import { async } from "@antv/x6/lib/registry/marker/async";
|
|
|
import { ElMessage, ElMessageBox } from "element-plus";
|
|
|
import QRCode from "qrcodejs2-fix";
|
|
|
|
|
@@ -370,8 +377,40 @@ onMounted(() => {
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
+
|
|
|
+const handleFileChange = (e) => {
|
|
|
+ const file = e.target.files[0];
|
|
|
+ request({
|
|
|
+ url: "/open/afterSales/fileInfo/getSing",
|
|
|
+ headers: {
|
|
|
+ isToken: false,
|
|
|
+ },
|
|
|
+ method: "post",
|
|
|
+ data: { fileName: file.name },
|
|
|
+ }).then((res) => {
|
|
|
+ request({
|
|
|
+ url: "https://winfaster.obs.cn-south-1.myhuaweicloud.com",
|
|
|
+ headers: {
|
|
|
+ isToken: false,
|
|
|
+ },
|
|
|
+ method: "post",
|
|
|
+ data: { ...res.data.uploadBody, file },
|
|
|
+ }).then(() => {
|
|
|
+ file.id = res.data.id;
|
|
|
+ file.fileUrl = res.data.fileUrl;
|
|
|
+ file.fileName = res.data.fileName;
|
|
|
+ afterSalesForm.value.fileList.push({
|
|
|
+ id: res.data.id,
|
|
|
+ fileName: res.data.fileName,
|
|
|
+ fileUrl: res.data.fileUrl,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
+
|
|
|
+
|
|
|
<style lang="scss" scoped>
|
|
|
.bg {
|
|
|
height: 100vh;
|
|
@@ -387,13 +426,13 @@ onMounted(() => {
|
|
|
.top {
|
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
|
border-radius: 5px;
|
|
|
- padding: 10px;
|
|
|
+ padding: 20px 10px;
|
|
|
.t {
|
|
|
.title1 {
|
|
|
font-size: 20px;
|
|
|
font-weight: 700;
|
|
|
color: #fff;
|
|
|
- margin-bottom: 10px;
|
|
|
+ margin-bottom: 20px;
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
@@ -418,13 +457,13 @@ onMounted(() => {
|
|
|
.bottom {
|
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
|
border-radius: 5px;
|
|
|
- padding: 30px;
|
|
|
+ padding: 50px 30px;
|
|
|
margin-top: 20px;
|
|
|
.btn {
|
|
|
- height: 13vh;
|
|
|
+ height: 17vh;
|
|
|
text-align: center;
|
|
|
cursor: pointer;
|
|
|
- line-height: 13vh;
|
|
|
+ line-height: 17vh;
|
|
|
color: #fff;
|
|
|
background-color: rgba(21, 73, 121, 1);
|
|
|
font-size: 25px;
|