修改获取token接口路径

index.html

@@ -47,13 +47,144 @@
 <!--            示例插件2 id=100-->
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
 
+            <div data-tname="医技结论" data-pid="1420652719055839232" data-uid="1323567842540523520" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
+              <!-- 医技插件 -->
+              <div data-root="p1419895788024373248" class="flex flex-row items-center" style="height:100%;width:100%;" onclick="p1419895788024373248.jumpDetails(this)">
+                <div class="flex-1 title"></div>
+                <div class="flex flex-nowrap startBtn mr-2">
+                  <button class="bg-blue-500 text-xs rounded-full py-1 px-5 text-white">开始</button>
+                </div>
+                <div class="flex flex-nowrap unCompleteBtn mr-2" style="display:none">
+                  <button class="text-xs rounded-full py-1 px-3 text-white" style="background: #FD8853"></button>
+                </div>
+                <div class="flex flex-nowrap completeBtn mr-2" style="display:none">
+                  <button class="bg-green-500 text-xs rounded-full py-1 px-5 text-white">完成</button>
+                </div>
+                <div class="flex flex-row-reverse items-center">
+                  <img style="height:16px" src="https://www.tall.wiki/staticrec/photos/right.png">
+                </div>
+              </div>
+            </div>
+
             <script>
-              const p100 = {
-                name: 'hello tall plugin',
-                show() {
-                  alert(this.name)
+              var p1419895788024373248 = {
+                token: '',
+                dom: '',
+                projectId: '',
+
+                init() {
+                  this.dom = document.querySelector("div[data-root=p1419895788024373248]");
+                  var domBox = this.dom.parentNode;
+                  var title = this.dom.querySelector('.title');
+                  title.innerHTML = domBox.getAttribute('data-tname')
+
+                  // 获取父元素携带的参数
+                  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()
+                      } else {
+                        console.log('msg: ', msg);
+                      }
+                  });
+                },
+
+                /**
+               * 查询类型的所有下级和完成情况
+               * @param {string} projectId 项目id
+               * @param {string} code
+               */
+                getFirstAidRecord() {
+                  var that = this
+                  const params = JSON.stringify({
+                    param: {
+                      code: 'YJJL',
+                      projectId: that.projectId,
+                    }
+                  });
+
+                  fetch('https://www.tall.wiki/gateway/qcp/v3.0/patient/subordinate', {
+                    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)
+                    // TODO: 测试数据
+                    const aa = {
+                      completeNum: 8,
+                      totalNum: 8,
+                    }
+                    that.setDate(aa)
+                    // TODO
+                  }).then(function(res){
+                    const { success, code, data, msg } = res;
+                    if (success && code === 200) {
+                      that.setDate(data)
+                    } else {
+                      console.log('msg: ', msg);
+                    }
+                  })
+                },
+
+                // 界面渲染
+                setDate(res) {
+                  const { dom } = this;
+                  var startBtn = dom.querySelector('.startBtn');
+                  var unCompleteBtn = dom.querySelector('.unCompleteBtn');
+                  var completeBtn = dom.querySelector('.completeBtn');
+                  var btn = unCompleteBtn.querySelector('button');
+
+                  if(res && res.totalNum && (res.totalNum - res.completeNum === res.totalNum)){
+                    startBtn.style.display='block';
+                    unCompleteBtn.style.display='none';
+                    completeBtn.style.display='none';
+                    return
+                  }
+                  if(res && res.totalNum && (res.totalNum > res.completeNum)){
+                    btn.innerHTML = res.unComplete + "项未填"
+                    startBtn.style.display='none';
+                    unCompleteBtn.style.display='block';
+                    completeBtn.style.display='none';
+                    return
+                  }
+                  if(res && res.totalNum && (res.totalNum = res.completeNum)){
+                    startBtn.style.display='none';
+                    unCompleteBtn.style.display='none';
+                    completeBtn.style.display='block';
+                    return
+                  }
+                },
+
+                // 跳转详情
+                jumpDetails(that) {
+                  const pId = this.dom.parentNode.getAttribute('data-pid');
+                  const rId = this.dom.parentNode.getAttribute('data-rid');
+                  const uId = this.dom.parentNode.getAttribute('data-uid');
+                  const tId = this.dom.parentNode.getAttribute('data-tid');
+                  location.href = `https://www.tall.wiki/qc/medicalSkill?projectId=${pId}&roleId=${rId}&userId=${uId}&id=${tId}`;
                 }
               }
+              p1419895788024373248.init()
             </script>
           </div>
         </div>
@@ -75,7 +206,6 @@
             <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>
-
             <script>
               const p100 = {
                 name: 'hello tall plugin',

package-lock.json

@@ -0,0 +1,12 @@
+{
+  "name": "plugin-templete",
+  "version": "1.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "version": "1.0.0",
+      "license": "ISC"
+    }
+  }
+}

route.js

@@ -5,3 +5,13 @@ get('/blog').to.json({
     title: 'Hello world'
   }
 })
+
+post('/getDate').to.json({
+  code: 200,
+  msg: 'ok',
+  data: {
+    status: 2,
+    unComplete: 1,
+  },
+  success: true
+})