update

src/api.js

@@ -109,5 +109,12 @@ export default {
     },
     getUserAgreementInfo: params => {
         return axios.get(`${baseURL}/api/admin/doctor/useragreement`, { params: params })
-    }
+    },
+    // 验证码发送记录
+    getPhoneRecordList: params => {
+        return axios.get(`${baseURL}/api/admin/phcode/list`, { params: params })
+    },
+    sendPhoneCode: params => {
+        return axios.post(`${baseURL}/api/account/phcode`, params)
+    },
 }

src/router.js

@@ -10,6 +10,13 @@ export default new Router({
                 import ('./views/Login.vue'),
             show: 0,
         },
+        {
+            path: '/map',
+            name: 'map',
+            component: () =>
+                import ('./views/WorldMap.vue'),
+            show: 0,
+        },
         {
             path: '/doctor',
             name: '医生管理',
@@ -58,6 +65,12 @@ export default new Router({
                     component: () =>
                         import ('./views/doctor/agreementIndex.vue'),
                     name: '用户协议'
+                },
+                {
+                    path: '/phocode/list',
+                    component: () =>
+                        import ('./views/doctor/phcodeList.vue'),
+                    name: '短信记录'
                 }
             ]
         }

src/views/Login.vue

@@ -94,18 +94,18 @@
         <form>
             <div class="input_div">
               <label>用户名</label>
-              <input type="text" v-model="logindata.username" placeholder="请输入用户名">
+              <input type="text" v-model="logindata.username" placeholder="请输入用户名" @keyup.enter="login">
             </div>
             <div class="input_div">
               <label>密&nbsp;&nbsp;码</label>
-              <input type="password" v-model="logindata.password" placeholder="请输入密码">
+              <input type="password" v-model="logindata.password" placeholder="请输入密码" @keyup.enter="login">
             </div>
             <div class="input_div code">
               <img @click="getCode" :src="code" alt="">
               <label>图形码</label>
               <input type="text" v-model="logindata.imgcode" placeholder="请输入验证码">  
             </div>
-            <el-button @click="login" @keyup.enter="login" class="login-btn" type="primary">登  录</el-button>
+            <el-button @click="login" @click.native.prevent="login" @keyup.native.enter="login" class="login-btn" type="primary">登  录</el-button>
         </form>
       </div>
       <p class="footer">Copyright © {{copyrightdate}} 贝安欣 版权所有</p>

src/views/WorldMap.vue

@@ -0,0 +1,266 @@
+<template>
+    <div class="world-map" :id="idName"></div>
+</template>
+
+<script>
+    import * as echarts from 'echarts';
+    import '../assets/world';
+    let nameMap = {
+        Afghanistan: '阿富汗',
+        Singapore: '新加坡',
+        Angola: '安哥拉',
+        Albania: '阿尔巴尼亚',
+        'United Arab Emirates': '阿联酋',
+        Argentina: '阿根廷',
+        Armenia: '亚美尼亚',
+        'French Southern and Antarctic Lands':
+            '法属南半球和南极领地',
+        Australia: '澳大利亚',
+        Austria: '奥地利',
+        Azerbaijan: '阿塞拜疆',
+        Burundi: '布隆迪',
+        Belgium: '比利时',
+        Benin: '贝宁',
+        'Burkina Faso': '布基纳法索',
+        Bangladesh: '孟加拉国',
+        Bulgaria: '保加利亚',
+        'The Bahamas': '巴哈马',
+        'Bosnia and Herzegovina': '波斯尼亚和黑塞哥维那',
+        Belarus: '白俄罗斯',
+        Belize: '伯利兹',
+        Bermuda: '百慕大',
+        Bolivia: '玻利维亚',
+        Brazil: '巴西',
+        Brunei: '文莱',
+        Bhutan: '不丹',
+        Botswana: '博茨瓦纳',
+        'Central African Republic': '中非共和国',
+        Canada: '加拿大',
+        Switzerland: '瑞士',
+        Chile: '智利',
+        China: '中国',
+        'Ivory Coast': '象牙海岸',
+        Cameroon: '喀麦隆',
+        'Democratic Republic of the Congo': '刚果民主共和国',
+        'Republic of the Congo': '刚果共和国',
+        Colombia: '哥伦比亚',
+        'Costa Rica': '哥斯达黎加',
+        Cuba: '古巴',
+        'Northern Cyprus': '北塞浦路斯',
+        Cyprus: '塞浦路斯',
+        'Czech Republic': '捷克共和国',
+        Germany: '德国',
+        Djibouti: '吉布提',
+        Denmark: '丹麦',
+        'Dominican Republic': '多明尼加共和国',
+        Algeria: '阿尔及利亚',
+        Ecuador: '厄瓜多尔',
+        Egypt: '埃及',
+        Eritrea: '厄立特里亚',
+        Spain: '西班牙',
+        Estonia: '爱沙尼亚',
+        Ethiopia: '埃塞俄比亚',
+        Finland: '芬兰',
+        Fiji: '斐',
+        'Falkland Islands': '福克兰群岛',
+        France: '法国',
+        Gabon: '加蓬',
+        'United Kingdom': '英国',
+        Georgia: '格鲁吉亚',
+        Ghana: '加纳',
+        Guinea: '几内亚',
+        Gambia: '冈比亚',
+        'Guinea Bissau': '几内亚比绍',
+        Greece: '希腊',
+        Greenland: '格陵兰',
+        Guatemala: '危地马拉',
+        'French Guiana': '法属圭亚那',
+        Guyana: '圭亚那',
+        Honduras: '洪都拉斯',
+        Croatia: '克罗地亚',
+        Haiti: '海地',
+        Hungary: '匈牙利',
+        Indonesia: '印度尼西亚',
+        India: '印度',
+        Ireland: '爱尔兰',
+        Iran: '伊朗',
+        Iraq: '伊拉克',
+        Iceland: '冰岛',
+        Israel: '以色列',
+        Italy: '意大利',
+        Jamaica: '牙买加',
+        Jordan: '约旦',
+        Japan: '日本',
+        Kazakhstan: '哈萨克斯坦',
+        Kenya: '肯尼亚',
+        Kyrgyzstan: '吉尔吉斯斯坦',
+        Cambodia: '柬埔寨',
+        Kosovo: '科索沃',
+        Kuwait: '科威特',
+        Laos: '老挝',
+        Lebanon: '黎巴嫩',
+        Liberia: '利比里亚',
+        Libya: '利比亚',
+        'Sri Lanka': '斯里兰卡',
+        Lesotho: '莱索托',
+        Lithuania: '立陶宛',
+        Luxembourg: '卢森堡',
+        Latvia: '拉脱维亚',
+        Morocco: '摩洛哥',
+        Moldova: '摩尔多瓦',
+        Madagascar: '马达加斯加',
+        Mexico: '墨西哥',
+        Macedonia: '马其顿',
+        Mali: '马里',
+        Myanmar: '缅甸',
+        Montenegro: '黑山',
+        Mongolia: '蒙古',
+        Mozambique: '莫桑比克',
+        Mauritania: '毛里塔尼亚',
+        Malawi: '马拉维',
+        Malaysia: '马来西亚',
+        Namibia: '纳米比亚',
+        'New Caledonia': '新喀里多尼亚',
+        Niger: '尼日尔',
+        Nigeria: '尼日利亚',
+        Nicaragua: '尼加拉瓜',
+        Netherlands: '荷兰',
+        Norway: '挪威',
+        Nepal: '尼泊尔',
+        'New Zealand': '新西兰',
+        Oman: '阿曼',
+        Pakistan: '巴基斯坦',
+        Panama: '巴拿马',
+        Peru: '秘鲁',
+        Philippines: '菲律宾',
+        'Papua New Guinea': '巴布亚新几内亚',
+        Poland: '波兰',
+        'Puerto Rico': '波多黎各',
+        'North Korea': '北朝鲜',
+        Portugal: '葡萄牙',
+        Paraguay: '巴拉圭',
+        Qatar: '卡塔尔',
+        Romania: '罗马尼亚',
+        Russia: '俄罗斯',
+        Rwanda: '卢旺达',
+        'Western Sahara': '西撒哈拉',
+        'Saudi Arabia': '沙特阿拉伯',
+        Sudan: '苏丹',
+        'South Sudan': '南苏丹',
+        Senegal: '塞内加尔',
+        'Solomon Islands': '所罗门群岛',
+        'Sierra Leone': '塞拉利昂',
+        'El Salvador': '萨尔瓦多',
+        Somaliland: '索马里兰',
+        Somalia: '索马里',
+        'Republic of Serbia': '塞尔维亚',
+        Suriname: '苏里南',
+        Slovakia: '斯洛伐克',
+        Slovenia: '斯洛文尼亚',
+        Sweden: '瑞典',
+        Swaziland: '斯威士兰',
+        Syria: '叙利亚',
+        Chad: '乍得',
+        Togo: '多哥',
+        Thailand: '泰国',
+        Tajikistan: '塔吉克斯坦',
+        Turkmenistan: '土库曼斯坦',
+        'East Timor': '东帝汶',
+        'Trinidad and Tobago': '特里尼达和多巴哥',
+        Tunisia: '突尼斯',
+        Turkey: '土耳其',
+        'United Republic of Tanzania': '坦桑尼亚',
+        Uganda: '乌干达',
+        Ukraine: '乌克兰',
+        Uruguay: '乌拉圭',
+        'United States': '美国',
+        Uzbekistan: '乌兹别克斯坦',
+        Venezuela: '委内瑞拉',
+        Vietnam: '越南',
+        Vanuatu: '瓦努阿图',
+        'West Bank': '西岸',
+        Yemen: '也门',
+        'South Africa': '南非',
+        Zambia: '赞比亚',
+        Korea: '韩国',
+        Tanzania: '坦桑尼亚',
+        Zimbabwe: '津巴布韦',
+        Congo: '刚果',
+        'Central African Rep.': '中非',
+        Serbia: '塞尔维亚',
+        'Bosnia and Herz.': '波黑',
+        'Czech Rep.': '捷克',
+        'W. Sahara': '西撒哈拉',
+        'Lao PDR': '老挝',
+        'Dem.Rep.Korea': '朝鲜',
+        'Falkland Is.': '福克兰群岛',
+        'Timor-Leste': '东帝汶',
+        'Solomon Is.': '所罗门群岛',
+        Palestine: '巴勒斯坦',
+        'N. Cyprus': '北塞浦路斯',
+        Aland: '奥兰群岛',
+        'Fr. S. Antarctic Lands': '法属南半球和南极陆地',
+        Mauritius: '毛里求斯',
+        Comoros: '科摩罗',
+        'Eq. Guinea': '赤道几内亚',
+        'Guinea-Bissau': '几内亚比绍',
+        'Dominican Rep.': '多米尼加',
+        'Saint Lucia': '圣卢西亚',
+        Dominica: '多米尼克',
+        'Antigua and Barb.': '安提瓜和巴布达',
+        'U.S. Virgin Is.': '美国原始岛屿',
+        Montserrat: '蒙塞拉特',
+        Grenada: '格林纳达',
+        Barbados: '巴巴多斯',
+        Samoa: '萨摩亚',
+        Bahamas: '巴哈马',
+        'Cayman Is.': '开曼群岛',
+        'Faeroe Is.': '法罗群岛',
+        'IsIe of Man': '马恩岛',
+        Malta: '马耳他共和国',
+        Jersey: '泽西',
+        'Cape Verde': '佛得角共和国',
+        'Turks and Caicos Is.': '特克斯和凯科斯群岛',
+        'St. Vin. and Gren.': '圣文森特和格林纳丁斯'
+    }
+    export default {
+        name: "WorldMap",
+        props: {
+            idName: {
+                type: String
+            }
+        },
+        mounted() {
+            let myChart = echarts.init(document.getElementById(this.idName));
+            myChart.setOption({
+                nameMap:nameMap,
+                series: [
+                    {
+                        name: 'World Population (2010)',
+                        type: 'map',
+                        mapType: 'world',
+                        roam: true,
+                        itemStyle: {
+                            emphasis: {label: {show: true}}
+                        },
+                        data: [
+                            {name: '中国', value: 28397.812},
+                            {name: '美国', value: 19549.124},
+                            {name: '日本', value: 3150.143},
+                            {name: '韩国', value: 8441.537},
+                            {name: '澳大利亚', value: 1111844},
+                        ]
+                    }
+                ]
+            })
+        }
+    }
+</script>
+
+<style scoped>
+    .world-map {
+        display: inline-block;
+        width: 1000px;
+        height: 500px;
+    }
+</style>

src/views/doctor/Index.vue

@@ -136,8 +136,6 @@
             placeholder="请输入医生姓名"
             clearable
             filterable
-            remote
-            :remote-method="remoteMethod"
             size="mini"
           >
             <el-option
@@ -248,6 +246,15 @@ export default {
         this.total = res.data.data.total;
         this.loading = false;
       });
+
+      this.$api
+          .getDoctorsSearchList({
+          })
+          .then((res) => {
+            this.doctorList = res.data.data;
+            this.$set(this.doctorList, res.data.data);
+            // this.loading = false;
+          });
     },
     handleAdd() {
       this.open = true;
@@ -312,6 +319,7 @@ export default {
   },
   created() {
     this.getData();
+    
   },
 };
 </script>

src/views/doctor/phcodeList.vue

@@ -0,0 +1,204 @@
+<style lang="scss">
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+<template>
+  <section class="content">
+    <h4>短信记录列表</h4>
+    
+    <el-divider></el-divider>
+    <el-form :inline="true">
+      <el-form-item label="手机号" >
+          <el-input v-model="queryParams.phone" placeholder="请输入手机号"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="getData" type="primary">搜索</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      v-loading="loading"
+      :data="list"
+      style="width: 100%; margin-top: 10px"
+      height="50vh"
+    >
+      <el-table-column align="center" prop="phone" label="手机号" />
+      <el-table-column align="center" prop="code" label="验证码" />
+      <el-table-column align="center" prop="result" label="发送状态">
+          <template slot-scope="scope">
+            <div>
+                <span style="color:green;" v-if="scope.row.result && scope.row.result.indexOf('success') >-1">成功</span>
+                <span v-else="失败">失败:{{scope.row.result}}</span>
+             </div>
+          </template>
+      </el-table-column>
+      <el-table-column align="center" prop="ctime" label="创建时间" />
+      <el-table-column align="center" prop="date" label="操作" width="320">
+        <template slot-scope="scope">
+          <el-button @click="edit(scope.row)" size="mini" type="warning"
+            >重新发送</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <Page
+      ref="pageButton"
+      :current="form.page"
+      :page_size="form.page_size"
+      :total="total"
+      @pageChange="gopage"
+    />
+    <!-- 新增医生 -->
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="手机号" prop="name">
+          <el-input
+            clearable
+            v-model="form.phone"
+            placeholder="请输入手机号"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="open = false">取 消</el-button>
+        <el-button type="primary" @click="submitForm">发 送</el-button>
+      </div>
+    </el-dialog>
+  </section>
+</template>
+<script>
+import Page from "../../components/Page";
+import fuEditor from "@/components/fuEditor/index.vue";
+export default {
+  components: {
+    Page,
+    fuEditor
+  },
+  data() {
+    return {
+      loading: false,
+      queryParams: {
+        page: 1,
+      },
+      form: {},
+      form1: {},
+      form2: {},
+      list: [{}, {}],
+      total: 0,
+      title: "新增用户",
+      open: false,
+      doctorList: [],
+      rules: {},
+      myConfig: {
+	      // 编辑器自动被内容撑高
+	      autoHeightEnabled: true,
+	      // 初始容器高度
+	      initialFrameHeight: 500,
+	      // 初始容器宽度
+	      initialFrameWidth: '100%',
+	      // 上传文件接口，实现上传图片功能必须的配置，这个地址会在后端配置的时候产生，此处先放上结果
+	      serverUrl: '/api/admin/ueditor/upload',
+	    },
+    };
+  },
+  methods: {
+    del(id) {
+      this.$confirm("确认删除?", "提示", {
+        type: "warning",
+      }).then(() => {
+        this.$api
+          .delDoctorInfo({
+            id: id,
+          })
+          .then((res) => {
+            if (!res.data.code) {
+              this.$msgSuccess("删除成功");
+              this.getData();
+            } else {
+              this.$msgError(res.data.message);
+            }
+          });
+      });
+    },
+    gopage(size) {
+      if (size) {
+        this.queryParams.page_size = size;
+      }
+      this.queryParams.page = this.$refs.pageButton.page;
+      this.getData();
+    },
+    getData() {
+      this.loading = true;
+      this.$api.getPhoneRecordList(this.queryParams).then((res) => {
+        this.list = res.data.data.list;
+        this.total = res.data.data.total;
+        this.loading = false;
+      });
+    },
+    handleAdd() {
+      this.open = true;
+      this.title = "新增医生";
+      this.form = {};
+    },
+    edit(row) {
+      this.title = "重新发送";
+      this.open = true;
+      this.form = row;
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+          this.$api.sendPhoneCode(this.form).then(res=>{
+            if(res.data.data.indexOf("success")>-1){
+              this.$message.success("成功")
+              this.open = false
+              this.getData()
+            }
+          })
+      });
+    },
+    remoteMethod(query) {
+      if (query !== "") {
+        // this.loading = true;
+        this.$api
+          .getDoctorsSearchList({
+            name: query,
+          })
+          .then((res) => {
+            this.doctorList = res.data.data;
+            this.$set(this.doctorList, res.data.data);
+            // this.loading = false;
+          });
+      } else {
+        this.doctorList = [];
+      }
+    },
+  },
+  created() {
+    this.getData();
+  },
+};
+</script>