Skip to content

O
OKR
Commit 06076661 authored by lshan's avatar lshan
Browse files
Options

lishan

parent e32a5f7c
Hide whitespace changes
Inline Side-by-side
Showing with 94 additions and 68 deletions
src/views/client/add-client.vue
View file @ 06076661
...@@ -16,17 +16,18 @@ ...@@ -16,17 +16,18 @@
class="mt-4" class="mt-4"
@click="$router.push('/select-tag')" @click="$router.push('/select-tag')"
/> />
<input-cell <input-cell
v-model="tel" v-model="tel"
label="电话号码" label="电话号码"
placeholder="添加电话号码" placeholder="添加电话号码"
class="mt-4"> class="mt-4"
<app-icon >
<app-icon
slot="prefix" slot="prefix"
type="png" type="png"
:path="require('@/assets/icons/y-add.png')" :path="require('@/assets/icons/y-add.png')"
class-name="w-7 h-7 mr-3" class-name="w-7 h-7 mr-3"
/> />
</input-cell> </input-cell>
<input-cell <input-cell
v-model="address" v-model="address"
...@@ -36,12 +37,12 @@ ...@@ -36,12 +37,12 @@
class="mt-4" class="mt-4"
/> />
<c-cell dot> <c-cell dot>
<app-icon <app-icon
slot="prefix" slot="prefix"
type="png" type="png"
:path="require('@/assets/icons/location.png')" :path="require('@/assets/icons/location.png')"
class-name="w-4 h-4 mb-2 mr-2" class-name="w-4 h-4 mb-2 mr-2"
/> />
<div slot="prefix" class="text-text-secondary">支持地图定位</div> <div slot="prefix" class="text-text-secondary">支持地图定位</div>
</c-cell> </c-cell>
<input-cell <input-cell
...@@ -63,10 +64,12 @@ ...@@ -63,10 +64,12 @@
class="mt-4" class="mt-4"
/> />
<c-cell dot title="跟进人" class="mt-4" /> <c-cell dot title="跟进人" class="mt-4" />
<div class="py-10">
<c-button round class="" buttonBg="bg-color-primary"> 完成 </c-button>
</div>
</div> </div>
</main-page> </main-page>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
...@@ -74,11 +77,11 @@ import Vue from "vue"; ...@@ -74,11 +77,11 @@ import Vue from "vue";
export default Vue.extend({ export default Vue.extend({
name: "Add-client", name: "Add-client",
components: { components: {
'main-page': () => import("@/layout/main-page.vue"), "main-page": () => import("@/layout/main-page.vue"),
'input-cell': () => import("@/components/common/input-cell.vue"), "input-cell": () => import("@/components/common/input-cell.vue"),
'c-cell': () => import("@/components/common/c-cell.vue"), "c-cell": () => import("@/components/common/c-cell.vue"),
'app-icon': () => import('@/components/common/Icon.vue'), "app-icon": () => import("@/components/common/Icon.vue"),
// 'group-cell': () => import('@/components/common/group-cell.vue') "c-button": () => import("@/components/common/c-button.vue"),
}, },
created() { created() {
// console.log(Mock, 'mock') // console.log(Mock, 'mock')
...@@ -103,5 +106,4 @@ export default Vue.extend({ ...@@ -103,5 +106,4 @@ export default Vue.extend({
</script> </script>
<style> <style>
</style> </style>
\ No newline at end of file
src/views/client/add-follow.vue
View file @ 06076661
...@@ -2,39 +2,65 @@ ...@@ -2,39 +2,65 @@
<div class="add-client"> <div class="add-client">
<main-page left-arrow @click-left="handleClickLeft"> <main-page left-arrow @click-left="handleClickLeft">
<div class="px-4 pt-14"> <div class="px-4 pt-14">
<div class="bg-white rounded-md "> <div class="bg-white rounded-md">
<textarea placeholder="请填写具体描述" rows="4" class="px-4 mt-2 w-full"/> <textarea
<van-uploader v-model="fileList" multiple accept=".doc, .docx, .xml, .xlsx, .pdf, audio/*, image/*, video/*" class="mb-2 ml-4"/> placeholder="请填写具体描述"
rows="4"
class="px-4 mt-2 w-full"
/>
<van-uploader
v-model="fileList"
multiple
accept=".doc, .docx, .xml, .xlsx, .pdf, audio/*, image/*, video/*"
class="mb-2 ml-4"
/>
</div> </div>
<c-cell dot title="跟进方式" class="mt-4 " @click="showPopup" :content="content1"/> <c-cell
<van-popup v-model="show" round position="bottom" :style="{ height: '30%' }" class="bg-common-bg" > dot
<van-cell-group v-for="(item,index) in items" :key="index" class="text-center"> title="跟进方式"
<van-cell @click="clickHandle(index)"> class="mt-4"
<div class="text-center py-2"> @click="showPopup"
{{item.action}} :content="content1"
</div> />
</van-cell> <van-popup
</van-cell-group> v-model="show"
round
position="bottom"
:style="{ height: '30%' }"
class="bg-common-bg"
>
<van-cell-group
v-for="(item, index) in items"
:key="index"
class="text-center"
>
<van-cell @click="clickHandle(index)">
<div class="text-center py-2">
{{ item.action }}
</div>
</van-cell>
</van-cell-group>
</van-popup> </van-popup>
<div class="flex bg-blue-50 w-full mt-4 rounded-md object-center" v-show="isShow"> <div
class="flex bg-blue-50 w-full mt-4 rounded-md object-center"
v-show="isShow"
>
<div class="flex pl-4"> <div class="flex pl-4">
<app-icon <app-icon
type="png" type="png"
:path="require('@/assets/icons/location.png')" :path="require('@/assets/icons/location.png')"
class-name="w-4 h-4 self-center" class-name="w-4 h-4 self-center"
></app-icon> ></app-icon>
</div > </div>
<div > <div>
<p class="my-3 mx-3 text-base font-normal">这里是定位地址么什么什么什么什么什么什么什么v什么什么什么什么什么什么v么v的</p> <p class="my-3 mx-3 text-base font-normal">
</div> 这里是定位地址么什么什么什么什么什么什么什么v什么什么什么什么什么什么v么v的
</p>
</div>
</div> </div>
<c-button <c-button round class="mt-20" buttonBg="bg-color-primary">
round
class="mt-20"
buttonBg="bg-color-primary"
>
完成 完成
</c-button> </c-button>
</div> </div>
...@@ -44,9 +70,9 @@ ...@@ -44,9 +70,9 @@
<script lang="ts"> <script lang="ts">
import Vue from "vue"; import Vue from "vue";
import { Popup } from 'vant'; import { Popup } from "vant";
import { Uploader } from 'vant'; import { Uploader } from "vant";
import { Cell, CellGroup } from 'vant'; import { Cell, CellGroup } from "vant";
Vue.use(Cell); Vue.use(Cell);
Vue.use(CellGroup); Vue.use(CellGroup);
...@@ -58,29 +84,30 @@ export default Vue.extend({ ...@@ -58,29 +84,30 @@ export default Vue.extend({
"main-page": () => import("@/layout/main-page.vue"), "main-page": () => import("@/layout/main-page.vue"),
"c-button": () => import("@/components/common/c-button.vue"), "c-button": () => import("@/components/common/c-button.vue"),
"c-cell": () => import("@/components/common/c-cell.vue"), "c-cell": () => import("@/components/common/c-cell.vue"),
'app-icon': () => import('@/components/common/Icon.vue'), "app-icon": () => import("@/components/common/Icon.vue"),
}, },
created() { created() {
// console.log(Mock, 'mock') // console.log(Mock, 'mock')
}, },
data() { data() {
return { return {
show:false, show: false,
isShow:false, isShow: false,
content1:'', content1: "",
content2:'这里是定位地址么什么什么什么什么什么什么什么v什么什么什么什么什么什么v么v的', content2:
"这里是定位地址么什么什么什么什么什么什么什么v什么什么什么什么什么什么v么v的",
fileList: [ fileList: [
// { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' }, // { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },
// // Uploader 根据文件后缀来判断是否为图片文件 // // Uploader 根据文件后缀来判断是否为图片文件
// // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明 // // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
// { url: 'https://cloud-image', isImage: true }, // { url: 'https://cloud-image', isImage: true },
], ],
items:[ items: [
{action:'远程沟通'}, { action: "远程沟通" },
{action:'外勤拜访'}, { action: "外勤拜访" },
{action:'取消'}, { action: "取消" },
], ],
}; };
}, },
methods: { methods: {
...@@ -94,22 +121,20 @@ export default Vue.extend({ ...@@ -94,22 +121,20 @@ export default Vue.extend({
showPopup() { showPopup() {
this.show = true; this.show = true;
}, },
clickHandle(index: number){ clickHandle(index: number) {
this.content1=this.items[index].action this.content1 = this.items[index].action;
this.show=!this.show this.show = !this.show;
if(index==0){ if (index == 0) {
this.isShow=false this.isShow = false;
}else if(index==1){ } else if (index == 1) {
this.isShow=true this.isShow = true;
}else{ } else {
this.content1='' this.content1 = "";
this.isShow=false this.isShow = false;
} }
}, },
}, },
computed:{ computed: {},
}
}); });
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment