|
|
@@ -5,7 +5,7 @@
|
|
|
<div class="sheet-content">
|
|
|
<div class="review-image">
|
|
|
<div class="vs-wrap" v-if="preImg">
|
|
|
- <img src="@/assets/img/home/vs.png" alt="">
|
|
|
+ <img src="@/assets/img/home/vs.png" alt="" />
|
|
|
</div>
|
|
|
<div class="review-image-item" v-if="preImg">
|
|
|
<div class="review-image-item-title">农事前</div>
|
|
|
@@ -20,23 +20,25 @@
|
|
|
<div class="quotation-info">
|
|
|
<div class="info-item">
|
|
|
<span class="info-label">执行农资</span>
|
|
|
- <span class="info-value">{{ quotationData.serviceMain || '--' }}</span>
|
|
|
+ <span class="info-value">{{ quotationData.serviceMain || "--" }}</span>
|
|
|
</div>
|
|
|
<div class="info-item">
|
|
|
<span class="info-label">农事名称</span>
|
|
|
- <span class="info-value">{{ quotationData?.farmWorkName || '--' }}</span>
|
|
|
+ <span class="info-value">{{ quotationData?.farmWorkName || "--" }}</span>
|
|
|
</div>
|
|
|
<div class="info-item flex-wrap">
|
|
|
<div class="info-label">复核成效</div>
|
|
|
- <div class="info-value">通过精准农业技术的应用,作物产量实现增长,病虫害的发生率大幅下降</div>
|
|
|
+ <div class="info-value">
|
|
|
+ 通过精准农业技术的应用,作物产量实现增长,病虫害的发生率大幅下降
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="bottom-info">
|
|
|
<div class="bottom-l">
|
|
|
<div class="l-img">
|
|
|
- <img src="@/assets/img/home/bird.png" alt="">
|
|
|
+ <img src="@/assets/img/home/bird.png" alt="" />
|
|
|
</div>
|
|
|
<div class="l-text">
|
|
|
<div class="l-text-title">飞鸟管家</div>
|
|
|
@@ -44,7 +46,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="bottom-r">
|
|
|
- <img src="@/assets/img/home/qrcode.png" alt="">
|
|
|
+ <img src="@/assets/img/home/qrcode.png" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -88,14 +90,13 @@ import html2canvas from "html2canvas";
|
|
|
const router = useRouter();
|
|
|
const showPopup = ref(false);
|
|
|
const contentEl = ref(null);
|
|
|
-const preImg = ref('');
|
|
|
-const resImg = ref('');
|
|
|
+const preImg = ref("");
|
|
|
+const resImg = ref("");
|
|
|
// 报价数据
|
|
|
const quotationData = ref({});
|
|
|
|
|
|
-onActivated(() => {
|
|
|
-})
|
|
|
-const recordId = ref('');
|
|
|
+onActivated(() => {});
|
|
|
+const recordId = ref("");
|
|
|
const handleShowPopup = async (id, preImgVal, resImgVal) => {
|
|
|
recordId.value = id;
|
|
|
await getDetail();
|
|
|
@@ -112,19 +113,23 @@ async function getDetail() {
|
|
|
const handleShare = () => {
|
|
|
const userId = quotationData.value.users[0]?.userId;
|
|
|
const parmasPage = {
|
|
|
- farmWorkOrderId:quotationData.value.orderId,
|
|
|
- farmMiniUserId:userId,
|
|
|
- farmMiniUserName:quotationData.value.expertUserName,
|
|
|
- farmId:quotationData.value.farmId,
|
|
|
- farmWorkName:quotationData.value.farmWorkName,
|
|
|
- id:quotationData.value.id,
|
|
|
- type:'quotation'
|
|
|
+ farmWorkOrderId: quotationData.value.orderId,
|
|
|
+ farmMiniUserId: userId,
|
|
|
+ farmMiniUserName: quotationData.value.expertUserName,
|
|
|
+ farmId: quotationData.value.farmId,
|
|
|
+ farmWorkName: quotationData.value.farmWorkName,
|
|
|
+ id: quotationData.value.id,
|
|
|
+ type: "quotation",
|
|
|
+ };
|
|
|
+ if (userId) {
|
|
|
+ router.push(
|
|
|
+ `/chat_frame?userId=${userId}&name=${parmasPage.farmMiniUserName}&farmId=${
|
|
|
+ parmasPage.farmId
|
|
|
+ }&pageParams=${JSON.stringify(parmasPage)}`
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ ElMessage.warning("尚未绑定用户,暂时无法分享");
|
|
|
}
|
|
|
- if(userId){
|
|
|
- router.push(`/chat_frame?userId=${userId}&name=${parmasPage.farmMiniUserName}&farmId=${parmasPage.farmId}&pageParams=${JSON.stringify(parmasPage)}`);
|
|
|
- }else{
|
|
|
- ElMessage.warning('尚未绑定用户,暂时无法分享')
|
|
|
- }
|
|
|
};
|
|
|
|
|
|
const handleWechat = () => {
|
|
|
@@ -133,9 +138,15 @@ const handleWechat = () => {
|
|
|
// path: "/completed_work",
|
|
|
// query: { id: quotationData.value.id, farmWorkOrderId: quotationData.value.orderId, isAssign: true },
|
|
|
// });
|
|
|
+ const query = {
|
|
|
+ askInfo: { title: "农事执行成果", content: "是否分享该农事执行成果给好友" },
|
|
|
+ shareText: "向您分享了农事执行成果",
|
|
|
+ id: recordId.value,
|
|
|
+ postImg: resImg.value,
|
|
|
+ };
|
|
|
|
|
|
wx.miniProgram.navigateTo({
|
|
|
- url: `/pages/subPages/share_page/index?pageParams=${JSON.stringify({ shareText: "向您分享了农事执行成果", id: recordId.value, postImg: resImg.value })}&type=reviewWork`,
|
|
|
+ url: `/pages/subPages/share_page/index?pageParams=${JSON.stringify(query)}&type=reviewWork`,
|
|
|
});
|
|
|
};
|
|
|
|
|
|
@@ -143,7 +154,7 @@ const handleSaveImage = async () => {
|
|
|
try {
|
|
|
if (!contentEl.value) return;
|
|
|
const element = contentEl.value;
|
|
|
- const scroller = element.querySelector('.sheet-content');
|
|
|
+ const scroller = element.querySelector(".sheet-content");
|
|
|
|
|
|
// 记录原样式
|
|
|
const prev = {
|
|
|
@@ -156,13 +167,13 @@ const handleSaveImage = async () => {
|
|
|
};
|
|
|
|
|
|
// 展开内容,去除滚动限制,确保截图包含全部内容
|
|
|
- element.style.overflow = 'visible';
|
|
|
- element.style.maxHeight = 'none';
|
|
|
- element.style.height = 'auto';
|
|
|
+ element.style.overflow = "visible";
|
|
|
+ element.style.maxHeight = "none";
|
|
|
+ element.style.height = "auto";
|
|
|
if (scroller) {
|
|
|
- scroller.style.overflow = 'visible';
|
|
|
- scroller.style.maxHeight = 'none';
|
|
|
- scroller.style.height = 'auto';
|
|
|
+ scroller.style.overflow = "visible";
|
|
|
+ scroller.style.maxHeight = "none";
|
|
|
+ scroller.style.height = "auto";
|
|
|
}
|
|
|
|
|
|
// 计算完整尺寸
|
|
|
@@ -170,7 +181,7 @@ const handleSaveImage = async () => {
|
|
|
const height = element.scrollHeight;
|
|
|
|
|
|
const canvas = await html2canvas(element, {
|
|
|
- backgroundColor: '#ffffff',
|
|
|
+ backgroundColor: "#ffffff",
|
|
|
useCORS: true,
|
|
|
allowTaint: true,
|
|
|
scale: Math.min(2, window.devicePixelRatio || 2),
|
|
|
@@ -181,10 +192,10 @@ const handleSaveImage = async () => {
|
|
|
scrollX: 0,
|
|
|
scrollY: 0,
|
|
|
});
|
|
|
- const dataUrl = canvas.toDataURL('image/png');
|
|
|
- const link = document.createElement('a');
|
|
|
+ const dataUrl = canvas.toDataURL("image/png");
|
|
|
+ const link = document.createElement("a");
|
|
|
link.href = dataUrl;
|
|
|
- link.download = '服务报价单.png';
|
|
|
+ link.download = "服务报价单.png";
|
|
|
document.body.appendChild(link);
|
|
|
link.click();
|
|
|
document.body.removeChild(link);
|
|
|
@@ -199,7 +210,7 @@ const handleSaveImage = async () => {
|
|
|
scroller.style.height = prev.scrollerHeight;
|
|
|
}
|
|
|
} catch (e) {
|
|
|
- console.error('保存图片失败', e);
|
|
|
+ console.error("保存图片失败", e);
|
|
|
}
|
|
|
};
|
|
|
|
|
|
@@ -380,7 +391,7 @@ defineExpose({
|
|
|
.total-value {
|
|
|
font-size: 22px;
|
|
|
font-weight: bold;
|
|
|
- color: #2199F8;
|
|
|
+ color: #2199f8;
|
|
|
}
|
|
|
|
|
|
.total-unit {
|
|
|
@@ -566,7 +577,7 @@ defineExpose({
|
|
|
.detail-item + .detail-item {
|
|
|
position: relative;
|
|
|
&::before {
|
|
|
- content: '';
|
|
|
+ content: "";
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 50%;
|
|
|
@@ -588,7 +599,7 @@ defineExpose({
|
|
|
}
|
|
|
.edit-btn {
|
|
|
background: rgba(33, 153, 248, 0.1);
|
|
|
- color: #2199F8;
|
|
|
+ color: #2199f8;
|
|
|
padding: 6px 16px;
|
|
|
border-radius: 20px;
|
|
|
font-size: 14px;
|
|
|
@@ -630,15 +641,15 @@ defineExpose({
|
|
|
}
|
|
|
|
|
|
&.blue-btn .icon-circle {
|
|
|
- background: #2199F8;
|
|
|
+ background: #2199f8;
|
|
|
}
|
|
|
|
|
|
&.green-btn .icon-circle {
|
|
|
- background: #07C160;
|
|
|
+ background: #07c160;
|
|
|
}
|
|
|
|
|
|
&.orange-btn .icon-circle {
|
|
|
- background: #FF790B;
|
|
|
+ background: #ff790b;
|
|
|
}
|
|
|
|
|
|
.btn-label {
|
|
|
@@ -655,4 +666,4 @@ defineExpose({
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|