settings

LogCreative · LogCreative · commit ea7d0f131537 · 2020-10-12T22:14:43.000+08:00
diff --git a/index.html b/index.html
@@ -8,7 +8,6 @@
     <link rel="stylesheet" href="web/css/main.css">
     <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
-    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
 </head>
 <body>
     <div class="nav">
@@ -26,6 +25,13 @@
     </div>
     <div class="container" id="app">
         <div class="properties">
+            <details>
+                <summary>
+                    设定
+                </summary>
+                <input id="chn" type="checkbox" onclick="chnClick(this)" checked="true">启用中文</input>
+                <input id="3d" type="checkbox" v-model="td">启用三维</input>
+            </details>
             <details>
                 <summary>
                     数据
@@ -44,12 +50,20 @@
                     参数
                 </summary>
                 <div>
-                    <table id="propcon">
+                    <!-- <table id="propcon"> -->
                         <property chname="标题" propkey="title"></property>
                         <tr>x轴</tr>
                         <property chname="最小" propkey="xmin"></property>
                         <property chname="最大" propkey="xmax"></property>
-                    </table>
+                        <tr>y轴</tr>
+                        <property chname="最小" propkey="ymin"></property>
+                        <property chname="最大" propkey="ymax"></property>
+                    <!-- </table> -->
+                    <div v-show="td">
+                        <tr>z轴</tr>
+                        <property chname="最小" propkey="zmin"></property>
+                        <property chname="最大" propkey="zmax"></property>
+                    </div>
                 </div>
             </details>
             <button v-on="{click: compile}">编译</button><br>
diff --git a/web/js/main.js b/web/js/main.js
@@ -1,11 +1,13 @@
+// 参数字典
 var paramDic = new Array();
 
+// 属性组件
 Vue.component('property',{
-    template:'<tr><td>{{chname}}</td><td>{{propkey}}</td><td><input :type="type" v-model="value" @keyup="on_change"></td></tr>',
+    template:'<tr><td>{{chname}}</td><td>{{propkey}}</td><td><input type="text" v-model="value" @keyup="on_change"></td></tr>',
     props: ['chname','propkey'],
     data: function(){
         return {
-            type: "text",             //属性的数据类型
+            // type: "text",             //属性的数据类型
             value: "",                //属性的值
         }
     },
@@ -22,17 +24,32 @@ Vue.component('property',{
     }
 });
 
+var s_premable = "\\documentclass[tikz]{standalone}\n\
+\\usepackage{pgfplots}\n\
+\\usepackage{CJKutf8}\n\
+\\pgfplotsset{compat=1.14}\n\
+\\begin{document}\n";
+
+var s_suffix = "\\end{document}";
+
+chnClick = function(obj){
+    if(obj.checked){
+        app.premable = s_premable + "\\begin{CJK}{UTF8}{gbsn}\n";
+        app.suffix = "\\end{CJK}\n" + s_suffix;
+    } else {
+        app.premable = s_premable;
+        app.suffix = s_suffix;
+    }
+};
 
 var app = new Vue({
     el: '#app',
     data:{
+        td: false,
         series: "",
         param: "",
-        premable:"\\documentclass[tikz]{standalone}\n\
-\\usepackage{pgfplots}\n\
-\\pgfplotsset{compat=1.14}\n\
-\\begin{document}\n",
-        suffix:"\\end{document}",
+        premable: s_premable + "\\begin{CJK}{UTF8}{gbsn}\n",
+        suffix: "\\end{CJK}\n" + s_suffix,
         curl:"",
     },
     computed:{
