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 @@
class="mt-4"
@click="$router.push('/select-tag')"
/>
<input-cell
<input-cell
v-model="tel"
label="电话号码"
placeholder="添加电话号码"
class="mt-4">
<app-icon
class="mt-4"
>
<app-icon
slot="prefix"
type="png"
:path="require('@/assets/icons/y-add.png')"
class-name="w-7 h-7 mr-3"
/>
/>
</input-cell>
<input-cell
v-model="address"
......@@ -36,12 +37,12 @@
class="mt-4"
/>
<c-cell dot>
<app-icon
<app-icon
slot="prefix"
type="png"
:path="require('@/assets/icons/location.png')"
class-name="w-4 h-4 mb-2 mr-2"
/>
/>
<div slot="prefix" class="text-text-secondary">支持地图定位</div>
</c-cell>
<input-cell
......@@ -63,10 +64,12 @@
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>
</main-page>
</div>
</template>
<script lang="ts">
......@@ -74,11 +77,11 @@ import Vue from "vue";
export default Vue.extend({
name: "Add-client",
components: {
'main-page': () => import("@/layout/main-page.vue"),
'input-cell': () => import("@/components/common/input-cell.vue"),
'c-cell': () => import("@/components/common/c-cell.vue"),
'app-icon': () => import('@/components/common/Icon.vue'),
// 'group-cell': () => import('@/components/common/group-cell.vue')
"main-page": () => import("@/layout/main-page.vue"),
"input-cell": () => import("@/components/common/input-cell.vue"),
"c-cell": () => import("@/components/common/c-cell.vue"),
"app-icon": () => import("@/components/common/Icon.vue"),
"c-button": () => import("@/components/common/c-button.vue"),
},
created() {
// console.log(Mock, 'mock')
......@@ -103,5 +106,4 @@ export default Vue.extend({
</script>
<style>
</style>
\ No newline at end of file
src/views/client/add-follow.vue
View file @ 06076661
......@@ -2,39 +2,65 @@
<div class="add-client">
<main-page left-arrow @click-left="handleClickLeft">
<div class="px-4 pt-14">
<div class="bg-white rounded-md ">
<textarea 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 class="bg-white rounded-md">
<textarea
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>
<c-cell dot title="跟进方式" class="mt-4 " @click="showPopup" :content="content1"/>
<van-popup 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>
<c-cell
dot
title="跟进方式"
class="mt-4"
@click="showPopup"
:content="content1"
/>
<van-popup
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>
<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">
<app-icon
<app-icon
type="png"
:path="require('@/assets/icons/location.png')"
class-name="w-4 h-4 self-center"
></app-icon>
</div >
<div >
<p class="my-3 mx-3 text-base font-normal">这里是定位地址么什么什么什么什么什么什么什么v什么什么什么什么什么什么v么v的</p>
</div>
></app-icon>
</div>
<div>
<p class="my-3 mx-3 text-base font-normal">
这里是定位地址么什么什么什么什么什么什么什么v什么什么什么什么什么什么v么v的
</p>
</div>
</div>
<c-button
round
class="mt-20"
buttonBg="bg-color-primary"
>
<c-button round class="mt-20" buttonBg="bg-color-primary">
完成
</c-button>
</div>
......@@ -44,9 +70,9 @@
<script lang="ts">
import Vue from "vue";
import { Popup } from 'vant';
import { Uploader } from 'vant';
import { Cell, CellGroup } from 'vant';
import { Popup } from "vant";
import { Uploader } from "vant";
import { Cell, CellGroup } from "vant";
Vue.use(Cell);
Vue.use(CellGroup);
......@@ -58,29 +84,30 @@ export default Vue.extend({
"main-page": () => import("@/layout/main-page.vue"),
"c-button": () => import("@/components/common/c-button.vue"),
"c-cell": () => import("@/components/common/c-cell.vue"),
'app-icon': () => import('@/components/common/Icon.vue'),
"app-icon": () => import("@/components/common/Icon.vue"),
},
created() {
// console.log(Mock, 'mock')
},
data() {
return {
show:false,
isShow:false,
content1:'',
content2:'这里是定位地址么什么什么什么什么什么什么什么v什么什么什么什么什么什么v么v的',
show: false,
isShow: false,
content1: "",
content2:
"这里是定位地址么什么什么什么什么什么什么什么v什么什么什么什么什么什么v么v的",
fileList: [
fileList: [
// { url: 'https://img01.yzcdn.cn/vant/leaf.jpg' },
// // Uploader 根据文件后缀来判断是否为图片文件
// // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
// { url: 'https://cloud-image', isImage: true },
],
items:[
{action:'远程沟通'},
{action:'外勤拜访'},
{action:'取消'},
],
items: [
{ action: "远程沟通" },
{ action: "外勤拜访" },
{ action: "取消" },
],
};
},
methods: {
......@@ -94,22 +121,20 @@ export default Vue.extend({
showPopup() {
this.show = true;
},
clickHandle(index: number){
this.content1=this.items[index].action
this.show=!this.show
if(index==0){
this.isShow=false
}else if(index==1){
this.isShow=true
}else{
this.content1=''
this.isShow=false
clickHandle(index: number) {
this.content1 = this.items[index].action;
this.show = !this.show;
if (index == 0) {
this.isShow = false;
} else if (index == 1) {
this.isShow = true;
} else {
this.content1 = "";
this.isShow = false;
}
},
},
},
computed:{
}
computed: {},
});
</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