修改获取token接口路径

index.html

@@ -21,7 +21,136 @@
     <div class="w-full p-4 bg-gray-100">
 <!--      日常任务面板-->
       <div class="content p-3 h-46 bg-white rounded-lg">
-        <div class="h-6 mb-2 bg-gray-100"></div>
+        <div class="h-auto mb-2 bg-gray-100">
+          <view data-pid="1420652719055839232" data-uid="1298194698783170560" data-rid="xxx" data-tid="xxx" data-did="xxx">
+            <!--绿道一键通知-->
+            <div data-root="p1419895620596146176">
+              <div style="position: relative;" class="h-7 overflow-hidden box">
+                <div class="txt text-xl" style="white-space:nowrap;word-wrap: break-all;">
+                  <!-- 请<span style="color: #f00">XXX</span>到<span style="color: #f00">XX号窗口</span>交费&nbsp;&nbsp;&nbsp;&nbsp;
+                  请<span style="color: #f00">XXX</span>到<span style="color: #f00">XX号窗口</span>交费 -->
+                </div>
+              </div>
+            </div>
+          </view>
+
+          <script id="p1419895620596146176">
+            var p1419895620596146176 = {
+              token: '',
+              projectId: '',
+              dom: '',
+              name: 'pluginNotice',
+              timer: null,
+              content: '',
+              divWidth: 0,
+              timeId: null,
+
+              init() {
+                this.dom = document.querySelector("div[data-root=p1419895620596146176]");
+                var domBox = this.dom.parentNode;
+
+                // 获取父元素携带的参数
+                var userId = domBox.getAttribute("data-uid");
+                this.projectId = domBox.getAttribute("data-pid");
+                // 初始化的时候 获取token
+                this.getTokenByUserId(userId);
+              },
+
+              // 获取token
+              getTokenByUserId(userId){
+                var that = this
+                fetch(`https://www.tall.wiki/gateway/tall3/v3.0/users/userId?userId=${userId}`)
+                .then(function(response) {
+                  return response.json();
+                })
+                .then(function(res) {
+                  const { success, code, data, msg } = res;
+                  if (success && code === 200) {
+                      that.token = data.token;
+                      that.getFirstAidRecord()
+                      that.timer = setInterval(function (){
+                        //查询当前项目的最新消息
+                        that.getFirstAidRecord()
+                      },5000)
+                    } else {
+                      console.log('msg: ', msg);
+                    }
+                });
+              },
+
+              /**
+               * 查询当前项目最新消息
+               * @param {string} projectId 项目id
+               */
+              getFirstAidRecord() {
+                var that = this
+                const params = JSON.stringify({
+                  param: {projectId: that.projectId}
+                });
+
+                fetch('https://www.tall.wiki/gateway/qcp/v3.0/project/queryNewMessage', {
+                  method: 'POST',
+                  mode: 'cors',
+                  body: params,
+                  headers: new Headers({
+                    'Authorization': 'Bearer ' + that.token ,'Content-Type': 'application/json;charset=utf-8'
+                  })
+                }).then(function(response) {
+                  return response.json();
+                }).catch(function(error){
+                  console.error('Error:', error)
+                }).then(function(res){
+                  const { success, code, data, msg } = res;
+                  if (success && code === 200) {
+                    if(data.content !== that.content){
+                      that.setDate(data.content)
+                    }
+                  } else {
+                    console.log('msg: ', msg);
+                  }
+                })
+              },
+
+              // 界面渲染
+              setDate(res) {
+                var box = this.dom.querySelector('.box'); //获取标签
+                var oTxt = this.dom.querySelector('.txt'); //获取标签
+                this.content = res
+                oTxt.innerHTML = this.content
+                // 设置宽度
+                if(res.length < 88){
+                  oTxt.style.width = "70%"
+                }else{
+                  oTxt.style.width = "140%"
+                }
+
+                var textLeft = 0
+                if(this.divWidth === 0) {
+                  this.divWidth = oTxt.offsetWidth
+                  textLeft = box.offsetWidth - 1
+                }
+                var that = this
+                clearInterval(this.timeId);
+                this.timeId = null
+                if(!this.timeId) {
+                  this.timeId = setInterval(function (){
+                    //通过定时器重复动作
+                    // oTxt.style.position = 'absolute';
+                    if(textLeft > -oTxt.offsetWidth && textLeft < box.offsetWidth){
+                      textLeft--;
+                      var leftPX = textLeft + 'px';
+                      oTxt.style.transform = `translate3d(${leftPX},0,0)`
+                    } else {
+                      textLeft = box.offsetWidth - 1
+                      // clearInterval(this.timeId);
+                    }
+                  },20)
+                }
+              }
+            }
+            p1419895620596146176.init()
+          </script>
+        </div>
         <div class="h-6 mb-2 bg-gray-100"></div>
         <div class="h-6 mb-2 bg-gray-100"></div>
         <div class="h-6 mb-2 bg-gray-100"></div>
@@ -74,10 +203,10 @@
             <!--            示例插件1-->
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
             <!--            示例插件2 id=100-->
-            <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
+            <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p200.show()">测试组建2</button>
 
             <script>
-              const p100 = {
+              const p200 = {
                 name: 'hello tall plugin',
                 show() {
                   alert(this.name)

route.js

@@ -5,3 +5,13 @@ get('/blog').to.json({
     title: 'Hello world'
   }
 })
+
+// 查询当前项目的最新消息
+post('/getDate').to.json({
+  code: 200,
+  msg: 'ok',
+  data: {
+    text: '请<span style="color: #f00">XXX</span>到<span style="color: #f00">XX号窗口</span>交费'
+  },
+  success: true
+})