From 8539cd011187d85633204fc22a9c7fc7fd008605 Mon Sep 17 00:00:00 2001 From: yxh <172933527@qq.com> Date: 星期二, 22 八月 2023 09:57:09 +0800 Subject: [PATCH] Merge branch 'wulong' of http://116.62.18.175:6699/r/~yxh/smartor-web into yxh01 --- src/views/followvisit/record/detailpage/index.vue | 136 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 136 insertions(+), 0 deletions(-) diff --git a/src/views/followvisit/record/detailpage/index.vue b/src/views/followvisit/record/detailpage/index.vue new file mode 100644 index 0000000..1b1ffd7 --- /dev/null +++ b/src/views/followvisit/record/detailpage/index.vue @@ -0,0 +1,136 @@ +<template> + <div class="Followupdetailspage"> + <div class="Followuserinfo"> + <div class="userinfo-text">闅忚璇︽儏</div> + <div class="userinfo-value"> + <span><i class="el-icon-user-solid"></i>鍚撮緳</span><span>鐢�</span + ><span><i class="el-icon-user-solid"></i>13803963330</span + ><span>鍑洪櫌鏃堕棿锛�:2023-03-29 08:57:57</span> + </div> + <div><el-button type="success">闅忚鍚庣煭淇�</el-button></div> + </div> + <div> + <el-tabs type="border-card"> + <el-tab-pane> + <span class="mulsz" slot="label" + ><i class="el-icon-headset"></i> 璇煶璇︽儏1</span + > + <div class="borderdiv"> + <div> + <div class="leftside"> + <i class="el-icon-phone-outline"></i><span>璇存拻鍟婂皬璇�</span> + </div> + <div class="offside"> + <i class="el-icon-user"></i> + <div class="offside-value"> + <el-input v-model="input"></el-input> + <el-radio v-model="radio" label="1">澶囬�夐」</el-radio> + <el-radio v-model="radio" label="2">澶囬�夐」2</el-radio> + <el-radio v-model="radio" label="3">澶囬�夐」3</el-radio> + <el-radio v-model="radio" label="4">澶囬�夐」4</el-radio> + </div> + </div> + </div> + </div> + </el-tab-pane> + <el-tab-pane> + <span class="mulsz" slot="label" + ><i class="el-icon-headset"></i> 璇煶璇︽儏2</span + > + <div class="borderdiv">璇煶璇︽儏2</div> + </el-tab-pane> + <el-tab-pane> + <span class="mulsz" slot="label" + ><i class="el-icon-notebook-1"></i> 璇煶淇℃伅</span + > + <div class="borderdiv">璇煶淇℃伅</div> + </el-tab-pane> + <el-tab-pane> + <span class="mulsz" slot="label" + ><i class="el-icon-phone-outline"></i> 澶栧懠淇℃伅</span + > + <div class="borderdiv">澶栧懠淇℃伅</div> + </el-tab-pane> + <el-tab-pane> + <span class="mulsz" slot="label" + ><i class="el-icon-s-operation"></i> 鏍囩鐘舵��</span + > + <div class="borderdiv"> + <el-radio v-model="radio" label="1">涓嶅鐞�</el-radio> + <el-radio v-model="radio" label="2">缁х画璺熻釜</el-radio + ><el-radio v-model="radio" label="3">閫氱煡鍖婚櫌灏辫瘖</el-radio> + </div> + </el-tab-pane> + </el-tabs> + </div> + </div> +</template> + +<script> +export default { + data() { + return { + radio: "1", + userid: "", + input: "", + radio: "2", + }; + }, + + created() {}, + + methods: {}, +}; +</script> + +<style lang="scss" scoped> +.Followuserinfo { + margin: 20px 10px; + display: flex; + align-items: center; + .userinfo-text { + font-size: 20px; + margin-right: 20px; + } + .userinfo-value { + color: rgb(15, 139, 211); + span { + margin-right: 20px; + } + } +} +.borderdiv { + min-height: 60vh; + font-size: 20px; + padding: 30px; + .leftside { + margin-bottom: 30px; + span { + width: 400px; + margin-left: 20px; + padding: 10px; + color: #fff; + background: rgb(110, 196, 247); + border-radius: 10px; + } + } + .offside { + display: flex; + flex-direction: row-reverse; + .offside-value { + padding: 10px; + background: rgb(217, 173, 253); + border-radius: 10px; + color: #fff; + margin-right: 20px; + } + } +} +::v-deep.offside-value .el-radio__label { + color: #fff; +} +.mulsz { + font-size: 25px; + margin-top: 20px; +} +</style> -- Gitblit v1.9.3