use fastapi

chem/index.html

@@ -144,7 +144,7 @@
                 </small></h2>
             <div class="input-group">
                 <span class="input-group-btn">
-                    <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></button>
+                    <button type="button" class="btn btn-default" style="border-bottom-left-radius: 0;"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></button>
                     <button type="button" class="btn btn-default" data-toggle="button" onclick="qryToggleMatch()" id="qryMatch">匹配分子</button>
                 </span>
                 <input id="qryInput" type="text" class="form-control qryInput" autocomplete="off" oninput="input2()">
@@ -152,7 +152,7 @@
                 <input id="qryInput2" type="text" class="form-control qryInput qryInputHidable" style="display:none" autocomplete="off" oninput="input2()">
                 <span class="input-group-btn">
                     <button type="button" class="btn btn-default" onclick="query()" id="qryBtn">查询方程式</button>
-                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" style="border-bottom-right-radius: 0;">
                         <span class="caret"></span>
                         <span class="sr-only">切换下拉菜单</span>
                     </button>
@@ -183,7 +183,7 @@
                 </span>
                 <span class="input-group-addon">:)</span>
             </div>
-            <pre class="ok" style="font-family: 'Consolas'"></pre>
+            <pre class="ok" style="font-family: 'Consolas';top: -1px;position: relative;border-top-left-radius: 0;border-top-right-radius: 0;"></pre>
             <hr>
             <div class="well frame">
                 <span id="qryInputRender"></span>

js/chem.js

@@ -243,16 +243,16 @@ function input() {
     inputText = balInput.value
     if (mode == 'bal') {
         $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case1 : inputText) + '<br>'
-        + '<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + ((balText != '') ? (renderEquation(balText)) : ('...'));
+            + '<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + ((balText != '') ? (renderEquation(balText)) : ('...'));
     } else if (mode == 'weigh') {
         $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case2 : inputText) + '<br>'
-        + weighEquation((inputText == '') ? case2 : inputText);
+            + weighEquation((inputText == '') ? case2 : inputText);
     } else if (mode == 'weigh2') {
         $('.frame')[0].innerHTML = renderEquation((inputText == '') ? case2 : inputText) + '<br>'
-        + weighEquation((inputText == '') ? case2 : inputText, 1);
+            + weighEquation((inputText == '') ? case2 : inputText, 1);
     }
     if (preview) MathJax.typeset()
-    if(inputText.match('!')){
+    if (inputText.match('!')) {
         balUp()
     }
 }
@@ -264,7 +264,16 @@ function balance() {
     $('#balBtn').addClass('disabled')
     $('.frame').addClass('text-muted')
     running = 1;
-    return $.get('/chem?' + ((inputText == '') ? case1 : inputText), function (e) {
+    return fetch('https://43.143.233.184:7989/chem', {
+        method: 'POST',
+        headers: {
+            'Content-type': 'application/json',
+        },
+        body: '{"q":"' + ((inputText == '') ? case1 : inputText) + '"}'
+    }).then(
+        res => res.text()
+    ).then(e => {
+        e = e.split('"')[1].replace(/\\n/g, '\n')
         $('.frame')[0].innerHTML = (e.charAt(0) == '!') ? ('<pre class="text-danger bg-danger">' + e.slice(1, e.length) + '</pre>') : (renderEquation((inputText == '') ? case1 : inputText)
             + '<br><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span><br>' + renderEquation(e));
         if (e.charAt(0) != '!') balText = e
@@ -273,6 +282,7 @@ function balance() {
         $('#balBtn').removeClass('disabled')
         $('.frame').removeClass('text-muted')
         running = 0;
+        return new Promise(res => res(e))
     })
 }
 
@@ -416,7 +426,6 @@ function doQuery(bd, isId = '', replace = 1) {
                     $('#addCondition').val(e[0].conditions)
                     $('#addDescription').val(e[0].descriptions)
                 }
-                console.log(qin)
                 if (qin.match('!') || replace == 2) $('#qryInput').val(e[0].content)
                 str += '</div>'
             }
@@ -439,9 +448,7 @@ function query() {
         $('#balInput').val($('#qryInput').val() ? $('#qryInput').val() : $('#qryInput').attr('placeholder').split('（')[0])
         setBal();
         balance().then(e => {
-            if (e[0] == '!') {
-                return;
-            }
+            if (e[0] == '!') return;
             input();
             if (!$('#addDescription').val()) {
                 alert('无描述')