|
@@ -55,7 +55,7 @@
|
|
|
|
|
|
<van-popup v-model:show="showDelay" closeable position="bottom" round>
|
|
|
<div class="newModuleAdded relative">
|
|
|
- <div class="text-size-large text-[#474A56] absolute topTitle">延期时间</div>
|
|
|
+ <div class="text-size-large text-[#474A56] absolute topTitle">{{ delayRestartText }}时间</div>
|
|
|
<div class="flex flex-col overflow-y-auto h-52">
|
|
|
<div class="flex-1">
|
|
|
<div class="px-6 py-4 bg-[#F8F8FA] flex justify-between items-center mt-2" @click="showDatePicker = true">
|
|
@@ -83,20 +83,43 @@
|
|
|
<template v-slot:footer v-if="detailedData.finishState == 0">
|
|
|
<div class="w-full flex justify-between layout">
|
|
|
<div class="footerBtnLeft layouts" @click="showContactsCli()">
|
|
|
- <div class="imgClss"></div>
|
|
|
+ <div class="imgClss">
|
|
|
+ <img src="/src/assets/image/lianxir.png" alt="">
|
|
|
+ </div>
|
|
|
联系人
|
|
|
</div>
|
|
|
- <div class="footerBtnRight layouts" @click="showDelay = true, showDelayData = ''">
|
|
|
- <div class="imgClss"></div>
|
|
|
+ <div class="footerBtnRight layouts" @click="delayRestart('DELAY')">
|
|
|
+ <div class="imgClss">
|
|
|
+ <img src="/src/assets/image/yanqi.png" alt="">
|
|
|
+ </div>
|
|
|
延期
|
|
|
</div>
|
|
|
<div class="coverWithWhite"></div>
|
|
|
<div class="bigCircle" @click="completeThePlan()">
|
|
|
- <div class="imgClss"></div>
|
|
|
+ <div class="imgClss">
|
|
|
+ <img src="/src/assets/image/wanc.png" alt="">
|
|
|
+ </div>
|
|
|
完成
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
+
|
|
|
+ <template v-slot:footer v-if="detailedData.finishState != 0">
|
|
|
+ <div class="w-full flex justify-between layout">
|
|
|
+ <div class="footerBtnTwoLeft layoutsTwo" @click="showContactsCli()">
|
|
|
+ <div class="imgClss">
|
|
|
+ <img src="/src/assets/image/lianxir.png" alt="">
|
|
|
+ </div>
|
|
|
+ 联系人
|
|
|
+ </div>
|
|
|
+ <div class="footerBtnTwoLeft layoutsTwo" @click="delayRestart('RESTART')">
|
|
|
+ <div class="imgClss">
|
|
|
+ <img src="/src/assets/image/chongqi.png" alt="">
|
|
|
+ </div>
|
|
|
+ 重启
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
</Page>
|
|
|
</template>
|
|
|
|
|
@@ -124,6 +147,14 @@ const showDatePickerVal = ref(dayjs().format("YYYY-MM-DD").split('-'))
|
|
|
const showDelayData = ref('')
|
|
|
const currentTime = ref('')
|
|
|
const contactList = ref([]);
|
|
|
+const delayRestartText = ref('')
|
|
|
+
|
|
|
+function delayRestart(type = 'DELAY') {
|
|
|
+ const textType = { 'DELAY': '延期', 'RESTART': '重启' }
|
|
|
+ delayRestartText.value = textType[type]
|
|
|
+ showDelay.value = true
|
|
|
+ showDelayData.value = ''
|
|
|
+}
|
|
|
|
|
|
function visitorEditor() {
|
|
|
router.navigateTo({
|
|
@@ -153,7 +184,7 @@ function jumpToCustomerDetails() {
|
|
|
}
|
|
|
|
|
|
function showContactsCli() {
|
|
|
- if(!((contactList.value || []).length)) {
|
|
|
+ if (!((contactList.value || []).length)) {
|
|
|
toastText('该联系人无号码')
|
|
|
return
|
|
|
}
|
|
@@ -266,13 +297,32 @@ useLifecycle({
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
+ .layoutsTwo {
|
|
|
+ width: 40%;
|
|
|
+ height: 100%;
|
|
|
+ background: #fff;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+
|
|
|
.footerBtnLeft {
|
|
|
border-top-right-radius: 25px;
|
|
|
|
|
|
.imgClss {
|
|
|
width: 30px;
|
|
|
height: 30px;
|
|
|
- background-color: #000;
|
|
|
+ margin-bottom: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .footerBtnTwoLeft {
|
|
|
+ width: 50%;
|
|
|
+
|
|
|
+ .imgClss {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
margin-bottom: 6px;
|
|
|
}
|
|
|
}
|
|
@@ -283,7 +333,6 @@ useLifecycle({
|
|
|
.imgClss {
|
|
|
width: 26px;
|
|
|
height: 24px;
|
|
|
- background-color: #000;
|
|
|
margin-bottom: 9px;
|
|
|
}
|
|
|
}
|
|
@@ -321,7 +370,6 @@ useLifecycle({
|
|
|
width: 25.5px;
|
|
|
height: 25.5px;
|
|
|
margin-bottom: 4px;
|
|
|
- background: #000;
|
|
|
}
|
|
|
}
|
|
|
}
|