From 2dab908011ac0813684ab648b6cb96195180f693 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Fri, 15 Dec 2023 21:54:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E5=BE=AE=E8=80=83=E8=AF=95=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../wxtest/AppDutyInfo/AppDutyInfo.vue        | 77 +++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 src/project/wxtest/AppDutyInfo/AppDutyInfo.vue

diff --git a/src/project/wxtest/AppDutyInfo/AppDutyInfo.vue b/src/project/wxtest/AppDutyInfo/AppDutyInfo.vue
new file mode 100644
index 00000000..413dfe58
--- /dev/null
+++ b/src/project/wxtest/AppDutyInfo/AppDutyInfo.vue
@@ -0,0 +1,77 @@
+<script>
+import {mapActions, mapMutations, mapState} from "vuex";
+
+export default {
+  name: "AppDutyInfo",
+  appName: "值班信息",
+  data() {
+    return {
+      list: [],
+      show: false,
+      columns: [
+        {label: '值班人员', prop: 'dutyUserName'},
+        {label: '开始时间', prop: 'dutyStartTime'},
+        {label: '结束时间', prop: 'dutyEndTime'},
+      ],
+      typeList: [{value: '1', label: '陈锐-超管'}]
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  onShow() {
+    document.title = '值班信息'
+    if (this.user.token) {
+      this.getList()
+    } else this.getCode().then(this.getToken).then(this.getList)
+  },
+  methods: {
+    ...mapMutations(['setToken']),
+    ...mapActions(['getCode']),
+    getToken() {
+      return this.$http.post("/node/wxtest/token", null, {withoutToken: 1}).then(res => {
+        if (res?.data) {
+          return this.setToken(res.data.data)
+        }
+      })
+    },
+    getList() {
+      this.$http.post('/node/duty/list').then((res) => {
+        if (res?.data) {
+          this.list = res.data.records
+        }
+      })
+    },
+  },
+}
+
+</script>
+
+<template>
+  <section class="AppDutyInfo">
+    <div v-text="user.token"/>
+    <div class="select" @click="show=true">艾贤凌
+      <u-icon name="arrow-down" color="#999" size="24"/>
+    </div>
+    <u-select v-model="show" :list="typeList"/>
+    <u-table>
+      <u-tr>
+        <u-th width="33%" v-for="column in columns" :key="column.prop">{{ column.label }}</u-th>
+      </u-tr>
+      <u-tr v-for="(row, i) in list" :key="i">
+        <u-th width="33%" v-for="column in columns" :key="column.prop">{{ row[column.prop] }}</u-th>
+      </u-tr>
+    </u-table>
+  </section>
+</template>
+
+<style scoped lang="scss">
+.AppDutyInfo {
+  padding: 0 16px;
+
+  .select {
+    text-align: right;
+    padding: 32px 0;
+  }
+}
+</style>