Browse Source

Merge branch 'dev' of http://192.168.2.241:3000/liangluogis/meishanshiwu into dev

sunk 1 year ago
parent
commit
a85f955aec
3 changed files with 264 additions and 180 deletions
  1. 7 7
      package-lock.json
  2. 1 1
      package.json
  3. 256 172
      src/views/currentSystem/waterHotline/manualSeat/messageSend/index.vue

+ 7 - 7
package-lock.json

@@ -7663,12 +7663,12 @@
       "integrity": "sha512-Kt1JmbcROgb+3IMI48KZECK2AP5lG6bSsOEs+AsuwaWJxQom31RTNd6NFYI01E/YaI1PFZeueaupjlmzSQasjQ=="
     },
     "echarts5": {
-      "version": "npm:echarts@5.4.2",
-      "resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.4.2.tgz",
-      "integrity": "sha512-2W3vw3oI2tWJdyAz+b8DuWS0nfXtSDqlDmqgin/lfzbkB01cuMEN66KWBlmur3YMp5nEDEEt5s23pllnAzB4EA==",
+      "version": "npm:echarts@5.4.3",
+      "resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.4.3.tgz",
+      "integrity": "sha512-mYKxLxhzy6zyTi/FaEbJMOZU1ULGEQHaeIeuMR5L+JnJTpz+YR03mnnpBhbR4+UYJAgiXgpyTVLffPAjOTLkZA==",
       "requires": {
         "tslib": "2.3.0",
-        "zrender": "5.4.3"
+        "zrender": "5.4.4"
       },
       "dependencies": {
         "tslib": {
@@ -7677,9 +7677,9 @@
           "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
         },
         "zrender": {
-          "version": "5.4.3",
-          "resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.4.3.tgz",
-          "integrity": "sha512-DRUM4ZLnoaT0PBVvGBDO9oWIDBKFdAVieNWxWwK0niYzJCMwGchRk21/hsE+RKkIveH3XHCyvXcJDkgLVvfizQ==",
+          "version": "5.4.4",
+          "resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz",
+          "integrity": "sha512-0VxCNJ7AGOMCWeHVyTrGzUgrK4asT4ml9PEkeGirAkKNYXYzoPJCLvmyfdoOXcjTHPs10OZVMfD1Rwg16AZyYw==",
           "requires": {
             "tslib": "2.3.0"
           }

+ 1 - 1
package.json

@@ -108,4 +108,4 @@
     "> 1%",
     "last 2 versions"
   ]
-}
+}

+ 256 - 172
src/views/currentSystem/waterHotline/manualSeat/messageSend/index.vue

@@ -1,14 +1,17 @@
 <template>
   <!-- 消息推送 -->
-  <div id="emergency" :style="!sms?'':{padding:'20px'}">
-    <div class="head" :style="!sms?{marginBottom:'5px'}:{marginBottom:'10px'}">
+  <div id="emergency" :style="!sms ? '' : { padding: '20px' }">
+    <div
+      class="head"
+      :style="!sms ? { marginBottom: '5px' } : { marginBottom: '10px' }"
+    >
       <el-row>
         <el-col :span="18">
           <el-row class="search_box" type="flex" :gutter="10">
             <el-col :span="8" class="datebox">
               <el-date-picker
                 v-model="value1"
-                :size="!sms?'mini':'small'"
+                :size="!sms ? 'mini' : 'small'"
                 clearable
                 type="date"
                 placeholder="开始日期"
@@ -18,7 +21,7 @@
               &nbsp;至&nbsp;
               <el-date-picker
                 v-model="value2"
-                :size="!sms?'mini':'small'"
+                :size="!sms ? 'mini' : 'small'"
                 clearable
                 type="date"
                 placeholder="结束日期"
@@ -32,7 +35,7 @@
                 v-model="pagination.contentType"
                 prefix-icon="el-icon-search"
                 placeholder="内容类型"
-                :size="!sms?'mini':'small'"
+                :size="!sms ? 'mini' : 'small'"
                 clearable
                 @clear="searchBtn"
               >
@@ -55,13 +58,24 @@
               />
             </el-col> -->
             <el-col :span="2">
-              <el-button type="primary" :size="!sms?'mini':'small'" @click="searchBtn">查询</el-button>
+              <el-button
+                type="primary"
+                :size="!sms ? 'mini' : 'small'"
+                @click="searchBtn"
+                >查询</el-button
+              >
             </el-col>
           </el-row>
         </el-col>
         <el-col :span="6">
           <el-row type="flex" class="row-bg" justify="end">
-            <el-button type="primary" :size="!sms?'mini':'small'" icon="el-icon-document-add" @click="add()">添 加</el-button>
+            <el-button
+              type="primary"
+              :size="!sms ? 'mini' : 'small'"
+              icon="el-icon-document-add"
+              @click="add()"
+              >添 加</el-button
+            >
             <!-- <el-button
               v-if="sms"
               type="primary"
@@ -72,11 +86,12 @@
             >发送短信</el-button> -->
             <el-button
               type="danger"
-              :size="!sms?'mini':'small'"
+              :size="!sms ? 'mini' : 'small'"
               :disabled="disabledBtns"
               icon="el-icon-delete"
               @click="del(multipleSelection[0])"
-            >删 除</el-button>
+              >删 除</el-button
+            >
           </el-row>
         </el-col>
       </el-row>
@@ -107,13 +122,13 @@
       top="15vh"
       @closed="closed"
     >
-      <div style="display:flex;justify-content:space-between;">
-        <div style="width:49%">
+      <div style="display: flex; justify-content: space-between">
+        <div style="width: 49%">
           <el-form
             ref="ruleForm"
             :model="ruleForm"
             label-width="110px"
-            :size="!sms?'mini':'small'"
+            :size="!sms ? 'mini' : 'small'"
             class="demo-ruleForm"
             :rules="rules"
           >
@@ -122,7 +137,12 @@
         </el-form-item> -->
             <el-form-item label="内容类型" prop="contentType">
               <!-- <el-input v-model="ruleForm.ywlx" maxlength="10" show-word-limit placeholder="请输入应急项目" /> -->
-              <el-select v-model="ruleForm.contentType" size="mini" clearable placeholder="请选择内容类型">
+              <el-select
+                v-model="ruleForm.contentType"
+                size="mini"
+                clearable
+                placeholder="请选择内容类型"
+              >
                 <el-option
                   v-for="item in yjlyList"
                   :key="item.id"
@@ -161,7 +181,7 @@
                   </el-radio-group>
                 </el-form-item>
               </el-col>
-              <el-col v-if="ruleForm.isSendNow==0" :span="12">
+              <el-col v-if="ruleForm.isSendNow == 0" :span="12">
                 <el-form-item label="发送时间" prop="sendTime">
                   <!-- <el-radio-group v-model="ruleForm.smsObject">
                 <el-radio label="0">客户</el-radio>
@@ -196,7 +216,7 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col v-if="ruleForm.receiverType==0" :span="12">
+              <el-col v-if="ruleForm.receiverType == 0" :span="12">
                 <!-- <el-radio-group v-model="ruleForm.smsObject">
                 <el-radio label="0">客户</el-radio>
                 <el-radio label="1">员工</el-radio>
@@ -216,7 +236,7 @@
                   </el-select>
                 </el-form-item>
               </el-col>
-              <el-col v-else-if="ruleForm.receiverType==1" :span="12">
+              <el-col v-else-if="ruleForm.receiverType == 1" :span="12">
                 <!-- <el-radio-group v-model="ruleForm.smsObject">
                 <el-radio label="0">客户</el-radio>
                 <el-radio label="1">员工</el-radio>
@@ -238,7 +258,10 @@
               </el-col>
               <el-col v-else :span="12">
                 <el-form-item label="性别" prop="receiver">
-                  <el-radio-group v-model="ruleForm.receiver" @change="queryUserData">
+                  <el-radio-group
+                    v-model="ruleForm.receiver"
+                    @change="queryUserData"
+                  >
                     <el-radio :label="0">男</el-radio>
                     <el-radio :label="1">女</el-radio>
                   </el-radio-group>
@@ -247,7 +270,7 @@
             </el-row>
           </el-form>
         </div>
-        <div style="width:49%">
+        <div style="width: 49%">
           <!-- <table-item
             :table-data="userData"
             :column="userColumn"
@@ -274,9 +297,24 @@
             max-height="400px"
             style="width: 100%"
           >
-            <el-table-column prop="userId" label="用户编号" align="center" show-overflow-tooltip />
-            <el-table-column prop="userName" label="用户姓名" align="center" show-overflow-tooltip />
-            <el-table-column prop="address" label="用户地址" align="center" show-overflow-tooltip />
+            <el-table-column
+              prop="userId"
+              label="用户编号"
+              align="center"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              prop="userName"
+              label="用户姓名"
+              align="center"
+              show-overflow-tooltip
+            />
+            <el-table-column
+              prop="address"
+              label="用户地址"
+              align="center"
+              show-overflow-tooltip
+            />
           </el-table>
           <el-pagination
             :current-page="userPagination.current"
@@ -302,56 +340,68 @@
 </template>
 
 <script>
-import TableItem from '@/components/Table'
-import SMS from './SMS'
-import { queryMsgPushManage, getYxChargeUserInfo, getYxChargeUserInfoAll, sendMessage, deleteInfoByIds, postEme, getUserAll, getAllDepartment, getYjList } from '@/api/hotline'
-import { getUserByDepts } from '@/api/work'
-import Bus from '@/utils/bus.js'
-import { client, parseTime } from '@/utils/index'
+import TableItem from "@/components/Table";
+import SMS from "./SMS";
+import {
+  queryMsgPushManage,
+  getYxChargeUserInfo,
+  getYxChargeUserInfoAll,
+  sendMessage,
+  deleteInfoByIds,
+  postEme,
+  getUserAll,
+  getAllDepartment,
+  getYjList,
+} from "@/api/hotline";
+import { getUserByDepts } from "@/api/work";
+import Bus from "@/utils/bus.js";
+import { client, parseTime } from "@/utils/index";
+import { lcInfo } from "staticPub/config";
+import axios from "axios";
 export default {
   components: { TableItem, SMS },
   props: {
     tableheight: {
       type: Number,
-      default: client().height - 230
+      default: client().height - 230,
     },
     sms: {
       type: Boolean,
-      default: true
-    }
+      default: true,
+    },
   },
   data() {
-    const end = new Date()
-    const start = new Date()
-    start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+    const end = new Date();
+    const start = new Date();
+    start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
     return {
-      value1: parseTime(start, '{y}-{m}-{d}'),
-      value2: parseTime(end, '{y}-{m}-{d}'),
+      value1: parseTime(start, "{y}-{m}-{d}"),
+      value2: parseTime(end, "{y}-{m}-{d}"),
       rules: {
-        yjbt: [{ required: true, message: ' ', trigger: 'blur' }],
-        ywlx: [{ required: true, message: ' ', trigger: 'blur' }],
-        yjms: [{ required: true, message: ' ', trigger: 'blur' }],
-        isSendNow: [{ required: true, message: ' ', trigger: 'change' }],
-        msgType: [{ required: true, message: ' ', trigger: 'change' }],
-        smsObject: [{ required: true, message: ' ', trigger: 'change' }],
-        isReview: [{ required: true, message: ' ', trigger: 'change' }],
-        remarks: [{ required: true, message: ' ', trigger: 'blur' }],
-        shbm: [{ required: true, message: ' ', trigger: 'change' }],
-        shry: [{ required: true, message: ' ', trigger: 'change' }],
-        content: [{ required: true, message: ' ', trigger: 'change' }],
-        contentType: [{ required: true, message: ' ', trigger: 'change' }],
-        receiver: [{ required: true, message: ' ', trigger: 'change' }]
+        yjbt: [{ required: true, message: " ", trigger: "blur" }],
+        ywlx: [{ required: true, message: " ", trigger: "blur" }],
+        yjms: [{ required: true, message: " ", trigger: "blur" }],
+        isSendNow: [{ required: true, message: " ", trigger: "change" }],
+        msgType: [{ required: true, message: " ", trigger: "change" }],
+        smsObject: [{ required: true, message: " ", trigger: "change" }],
+        isReview: [{ required: true, message: " ", trigger: "change" }],
+        remarks: [{ required: true, message: " ", trigger: "blur" }],
+        shbm: [{ required: true, message: " ", trigger: "change" }],
+        shry: [{ required: true, message: " ", trigger: "change" }],
+        content: [{ required: true, message: " ", trigger: "change" }],
+        contentType: [{ required: true, message: " ", trigger: "change" }],
+        receiver: [{ required: true, message: " ", trigger: "change" }],
       },
       postEme: postEme,
       ruleForm: {
-        content: '',
-        contentType: '',
+        content: "",
+        contentType: "",
         isSendNow: 1,
         msgType: 2,
-        sendTime: '',
+        sendTime: "",
         receiver: 0,
         receiverType: 0,
-        editPerson: this.$store.state.user.userId
+        editPerson: this.$store.state.user.userId,
       },
       smsObjectFlag: false,
       isReviewFlag: false,
@@ -359,32 +409,32 @@ export default {
       rzbmList: [],
       userList: [],
       // 搜索
-      date: '',
-      search: '',
+      date: "",
+      search: "",
       // 列表数据
-      list: [
-      ],
+      list: [],
       // 列表项
       column: [
         {
-          label: '推送内容',
-          prop: 'content'
+          label: "推送内容",
+          prop: "content",
         },
         {
-          label: '内容类型',
-          prop: 'contentTypeName'
+          label: "内容类型",
+          prop: "contentTypeName",
         },
         {
-          label: '内容编辑人员',
-          prop: 'editPersonName'
+          label: "内容编辑人员",
+          prop: "editPersonName",
         },
         {
-          label: '是否立即发送',
-          prop: 'isSendNowName'
-        }, {
-          label: '发送时间',
-          prop: 'sendTime'
-        }
+          label: "是否立即发送",
+          prop: "isSendNowName",
+        },
+        {
+          label: "发送时间",
+          prop: "sendTime",
+        },
       ],
       // userColumn: [
       //   {
@@ -403,19 +453,19 @@ export default {
       yjlyList: [
         {
           id: 1,
-          name: '天气',
-          value: 1
+          name: "天气",
+          value: 1,
         },
         {
           id: 2,
-          name: '保健护理',
-          value: 2
+          name: "保健护理",
+          value: 2,
         },
         {
           id: 3,
-          name: '疾病防护',
-          value: 3
-        }
+          name: "疾病防护",
+          value: 3,
+        },
       ],
       SMSdialogVisible: false,
       // 总页数
@@ -425,27 +475,27 @@ export default {
       // 模态框显示
       dialogVisible: false,
       // 模态框标题
-      dialogTitle: '',
+      dialogTitle: "",
       disabledBtn: true,
       disabledBtns: true,
       Yjlist: [],
       // 分页参数信息 {当前页,每页条数}
-      pagination: { current: 1, size: 20, contentType: '' },
-      deleteId: '',
+      pagination: { current: 1, size: 20, contentType: "" },
+      deleteId: "",
       userData: [],
       userDataAll: [],
-      userPagination: { current: 1, size: 20, contentType: '', total: 0 }
-    }
+      userPagination: { current: 1, size: 20, contentType: "", total: 0 },
+    };
   },
   computed: {
     headerStyle() {
       return {
-        background: 'rgba(223, 239, 254)',
-        color: 'rgb(59, 66, 80)',
-        height: '38px',
-        textAlign: 'center'
-      }
-    }
+        background: "rgba(223, 239, 254)",
+        color: "rgb(59, 66, 80)",
+        height: "38px",
+        textAlign: "center",
+      };
+    },
     // isSmsWatch() {
     //   return this.ruleForm.isSms
     // },
@@ -455,9 +505,9 @@ export default {
   },
   watch: {
     multipleSelection() {
-      this.disabledBtn = this.multipleSelection.length !== 1
-      this.disabledBtns = this.multipleSelection.length < 1
-    }
+      this.disabledBtn = this.multipleSelection.length !== 1;
+      this.disabledBtns = this.multipleSelection.length < 1;
+    },
     // isSmsWatch(newValue) {
     //   newValue === '0' ? this.smsObjectFlag = false : this.smsObjectFlag = true
     //   if (newValue === '1') {
@@ -472,8 +522,8 @@ export default {
     // }
   },
   created() {
-    this.fetchData()
-    this.queryUserData()
+    this.fetchData();
+    this.queryUserData();
     // Bus.$on('goBack', () => {
     //   // 此处执行对应的函数操作
     //   console.log(223123)
@@ -490,105 +540,138 @@ export default {
     // 获取列表数据
     fetchData() {
       const data = {
-        startDate: this.value1 ? this.value1 + ' 00:00:00' : '',
-        endDate: this.value2 ? this.value2 + ' 23:59:59' : ''
-      }
-      Object.assign(data, this.pagination)
-      queryMsgPushManage(data).then(res => {
-        this.total = res.result.total
-        this.list = res.result.records
-      })
+        startDate: this.value1 ? this.value1 + " 00:00:00" : "",
+        endDate: this.value2 ? this.value2 + " 23:59:59" : "",
+      };
+      Object.assign(data, this.pagination);
+      queryMsgPushManage(data).then((res) => {
+        this.total = res.result.total;
+        this.list = res.result.records;
+      });
     },
     queryUserData() {
-      this.getUserData()
-      this.getUserDataAll()
+      this.getUserData();
+      this.getUserDataAll();
     },
     /**
      * @getUserData 获取营销用户
      */
     getUserData() {
-      getYxChargeUserInfo(this.userPagination).then(res => {
+      const newaxios = axios.create({
+        withCredentials: true, // 跨域请求时发送cookiesokies
+        timeout: 60000, // 请求超时
+      });
+      newaxios({
+        method: "get",
+        url: lcInfo.otherUrlUserdetail,
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+          Appkey: "oievemzt7bowa9v9sf2iczmg",
+          AppSecret: "9rbbnwcs3idyyzfpvs2xv9aqr2g28hd7",
+          // Appkey: "sz8ihx4tyyf56h2jn1zunhj7",
+          // AppSecret: "ihzzm4cgog275557bw84jqfwwn2dggxt",
+        },
+        params: {
+          start: this.userPagination.current,
+          limit: this.userPagination.size,
+          // userid: "0101012064",
+        },
+      }).then((res) => {
+        console.log("浪潮接口获取用户详情", res);
+        let tableList = res.data.result.data;
+        tableList.forEach((item) => {
+          item.userId = item.userid;
+          item.userName = item.username;
+        });
+        this.userData = res.data.result.data;
+        this.userPagination.total = Number(res.data.result.total);
+      });
+
+      getYxChargeUserInfo(this.userPagination).then((res) => {
         if (res.code === 1) {
-          this.userData = res.result.records ? res.result.records : []
-          this.userPagination.total = res.result.total ? res.result.total : 0
+          this.userData = res.result.records ? res.result.records : [];
+          this.userPagination.total = res.result.total ? res.result.total : 0;
         }
-      })
+      });
     },
-    getUserDataAll() { // getYxChargeUserInfoAll
-      getYxChargeUserInfo({ size: 10, current: 1 }).then(res => {
+    getUserDataAll() {
+      // getYxChargeUserInfoAll
+      getYxChargeUserInfo({ size: 10, current: 1 }).then((res) => {
         if (res.code === 1) {
-          this.userDataAll = res.result.records ? res.result.records : []
+          this.userDataAll = res.result.records ? res.result.records : [];
         }
-      })
+      });
     },
     handleCurrentChange(currentPage) {
-      this.pagination.current = currentPage
-      this.fetchData()
+      this.pagination.current = currentPage;
+      this.fetchData();
     },
     handleSizeChange(pagesize) {
-      this.pagination.size = pagesize
-      this.fetchData()
+      this.pagination.size = pagesize;
+      this.fetchData();
     },
     handleSelectionChange(value) {
-      this.disabled = true
-      this.multipleSelection = value
+      this.disabled = true;
+      this.multipleSelection = value;
       // console.log('选中数据', value)
     },
     handleCurrentChange_user(currentPage) {
-      this.userPagination.current = currentPage
-      this.getUserData()
+      this.userPagination.current = currentPage;
+      this.getUserData();
     },
     handleSizeChange_user(pagesize) {
-      this.userPagination.size = pagesize
-      this.getUserData()
+      this.userPagination.size = pagesize;
+      this.getUserData();
     },
     // 认证部门变化
     rzbmChange(value) {
-      getUserByDepts({ depts: value }).then(res => {
-        this.userList = res.result[0].users
-      })
+      getUserByDepts({ depts: value }).then((res) => {
+        this.userList = res.result[0].users;
+      });
     },
     // 搜索
     searchBtn() {
-      this.pagination.current = 1
-      this.fetchData()
+      this.pagination.current = 1;
+      this.fetchData();
     },
     add() {
-      this.dialogVisible = true
-      this.dialogTitle = '添加消息'
+      this.dialogVisible = true;
+      this.dialogTitle = "添加消息";
     },
     alter(value) {
-      this.SMSdialogVisible = true
+      this.SMSdialogVisible = true;
     },
     goBack() {
-      this.SMSdialogVisible = false
+      this.SMSdialogVisible = false;
     },
     // 删除
     del() {
-      this.$confirm('此操作将永久删除该信息, 是否继续?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        const ids = []
-        for (let i = 0; i < this.multipleSelection.length; i++) {
-          ids.push(this.multipleSelection[i].id)
-        }
-        this.delete({ ids: ids + '' })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消删除'
-        })
+      this.$confirm("此操作将永久删除该信息, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       })
+        .then(() => {
+          const ids = [];
+          for (let i = 0; i < this.multipleSelection.length; i++) {
+            ids.push(this.multipleSelection[i].id);
+          }
+          this.delete({ ids: ids + "" });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
     },
     delete(data) {
-      deleteInfoByIds(data).then(res => {
+      deleteInfoByIds(data).then((res) => {
         if (res.code === 1) {
-          this.$message.success('删除成功')
-          this.fetchData()
+          this.$message.success("删除成功");
+          this.fetchData();
         }
-      })
+      });
       // try {
       //   await this.deleteEmer(data)
       //   this.$message.success('删除成功')
@@ -598,42 +681,42 @@ export default {
       // }
     },
     closed() {
-      this.dialogVisible = false
-      this.$refs.ruleForm.resetFields()
-      this.fetchData()
+      this.dialogVisible = false;
+      this.$refs.ruleForm.resetFields();
+      this.fetchData();
     },
     submitForm() {
       const data = {
-        msgPersonManages: this.userDataAll
-      }
+        msgPersonManages: this.userDataAll,
+      };
       this.$refs.ruleForm.validate((valid) => {
         if (valid) {
-          Object.assign(data, this.ruleForm)
-          sendMessage(data).then(res => {
+          Object.assign(data, this.ruleForm);
+          sendMessage(data).then((res) => {
             if (res.code === 1) {
-              this.$message.success('添加成功')
-              this.closed()
+              this.$message.success("添加成功");
+              this.closed();
             }
-          })
+          });
         }
-      })
+      });
     },
     async postEmer(data) {
       try {
-        await this.postEme(data)
-        this.dialogVisible = false
-        this.$message.success('成功!')
-        this.fetchData()
+        await this.postEme(data);
+        this.dialogVisible = false;
+        this.$message.success("成功!");
+        this.fetchData();
       } catch (err) {
-        console.log(err)
+        console.log(err);
       }
     },
 
     closes() {
-      this.SMSdialogVisible = false
-    }
-  }
-}
+      this.SMSdialogVisible = false;
+    },
+  },
+};
 </script>
 <style lang="scss" scoped>
 #emergency {
@@ -674,9 +757,10 @@ export default {
     left: 0;
     z-index: 1001;
   }
-}    .datebox{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
+}
+.datebox {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 </style>