增加 特殊符号输入；计算基数增加类别筛选

css/main.css

@@ -317,3 +317,15 @@ body {
 .dropdown-item.disabled, .dropdown-item:disabled{
   pointer-events:none
 }
+.tools-symbol{
+  width:450px
+}
+.tools-symbol p{
+  margin: 0
+}
+.tools-symbol a.btn{
+  font-size: .95rem;
+  width:26px;
+  padding: 0;
+  height:26px;
+}

zaojiashu.html

@@ -93,13 +93,142 @@
           <div class="toolsbar px-1 d-flex justify-content-between">
               <div class="tools-btn btn-group align-top">
                 <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="复制"><i class="fa fa-files-o" aria-hidden="true"></i></a>
-                <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="接切"><i class="fa fa-scissors" aria-hidden="true"></i></a>
+                <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="剪切"><i class="fa fa-scissors" aria-hidden="true"></i></a>
                 <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="粘贴"><i class="fa fa-clipboard" aria-hidden="true"></i></a>
                 <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                 <a href="" class="btn btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                 <a href="" class="btn btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                 <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                 <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
+                <a href="" class="btn btn-sm" data-toggle="dropdown"><b data-toggle="tooltip" data-placement="bottom" title="特殊符号">π</b></a>
+                <div class="dropdown-menu dropdown-menu-left">
+                  <div class="px-2 tools-symbol">
+                    <a href="" class="float-right"><i class="fa fa-remove text-danger"></i></a>
+                    <p>
+                      <a href="" class="btn btn-outline-secondary btn-sm">①</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">②</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">③</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">④</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑤</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑥</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑦</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑧</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑨</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑩</a>
+                    </p>
+                    <p>
+                      <a href="" class="btn btn-outline-secondary btn-sm">≤</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">≥</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">÷</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">±</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">≈</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">≠</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">m³</a>
+                    </p>
+                    <p>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Φ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm"></a>
+                      <a href="" class="btn btn-outline-secondary btn-sm"></a>
+                      <a href="" class="btn btn-outline-secondary btn-sm"></a>
+                      <a href="" class="btn btn-outline-secondary btn-sm"></a>
+                      <a href="" class="btn btn-outline-secondary btn-sm"></a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ω</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">π</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">∑</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">‰</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">℃</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">￥</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">㎡</a>
+                    </p>
+                    <p>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅰ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅱ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅲ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅳ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅴ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅵ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅶ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅷ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅸ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ⅹ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">√</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">∞</a>
+                    </p>
+                    <p>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅰ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅱ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅲ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅳ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅴ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅵ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅶ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅷ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅸ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅹ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅺ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">Ⅻ</a>
+                    </p>
+                    <p>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑴</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑵</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑶</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑷</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑸</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑹</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑺</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑻</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑼</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑽</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑾</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">⑿</a>
+                    </p>
+                    <p>
+                      <a href="" class="btn btn-outline-secondary btn-sm">α</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">β</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">γ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">δ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ε</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ζ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">η</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">θ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ξ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">σ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ρ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">τ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">￡</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">§</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">μ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">υ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">λ</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">д</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">г</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">ω</a>
+                    </p>
+                    <p>
+                      <a href="" class="btn btn-outline-secondary btn-sm">∵</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">∴</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">∠</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">※</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">°</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">↑</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">↓</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">←</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">→</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">{</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">}</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">【</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">】</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">〖</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">〗</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">(</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">)</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">★</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">☆</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">●</a>
+                      <a href="" class="btn btn-outline-secondary btn-sm">◎</a>
+                    </p>
+                  </div>
+                </div>
               </div>
               <div class="tools-btn">
                 <a href="javacript:void(0);" data-toggle="modal" data-target="#column" class="btn btn-sm"><i class="fa fa-table" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="列设置"></i></a>
@@ -2876,37 +3005,68 @@
                       <button class="btn btn-secondary btn-sm">)</button>
                     </p>
                   </div>
-                  <div class=" modal-auto-height">
-                    <table class="table table-sm table-bordered">
-                      <thead>
-                        <tr><th></th><th>计算基础名称</th><th>金额</th></tr>
-                      </thead>
-                      <tbody>
-                        <tr>
-                          <td>1</td><td><button class="btn btn-secondary btn-sm">分部分项工程费</button></td><td>1000.16</td>
-                        </tr>
-                        <tr>
-                          <td>2</td><td><button class="btn btn-secondary btn-sm">分部分项基价直接工程费</button></td><td>600.16</td>
-                        </tr>
-                        <tr>
-                          <td>3</td><td><button class="btn btn-secondary btn-sm">分部分项基价人工费</button></td><td>100.16</td>
-                        </tr>
-                        <tr>
-                          <td>4</td><td><button class="btn btn-secondary btn-sm">分部分项基价材料费</button></td><td>200.16</td>
-                        </tr>
-                        <tr>
-                          <td>5</td><td><button class="btn btn-secondary btn-sm">分部分项基价机械费</button></td><td>300.16</td>
-                        </tr>
-                        <tr>
-                          <td>6</td><td><button class="btn btn-secondary btn-sm">分部分项调整人工费</button></td><td>100.16</td>
-                        </tr>
-                        <tr>
-                          <td>7</td><td><button class="btn btn-secondary btn-sm">分部分项调整机人工费</button></td><td>50.16</td>
-                        </tr>
-                      </tbody>
-                    </table>
-                    <p></p>
-                      <p></p>
+                  <div class="row">
+                    <div class="col-3">
+                      <ul class="list-unstyled">
+                        <li class="py-1">
+                          <a href="#">所有</a>
+                        </li>
+                        <li class="py-1">
+                          <a class="btn btn-outline-secondary btn-sm" href="#">分部分项</a>
+                        </li>
+                        <li class="py-1">
+                          <a href="#">措施项目</a>
+                        </li>
+                        <li class="py-1">
+                          <a href="#">其他项目</a>
+                        </li>
+                        <li class="py-1">
+                          <a href="#">分包费</a>
+                        </li>
+                        <li class="py-1">
+                          <a href="#">人材机</a>
+                        </li>
+                        <li class="py-1">
+                          <a href="#">规费</a>
+                        </li>
+                        <li class="py-1">
+                          <a href="#">税金</a>
+                        </li>
+                        <li class="py-1">
+                          <a href="#">税前工程造价</a>
+                        </li>
+                      </ul>
+                    </div>
+                    <div class=" modal-auto-height col-9">
+                      <table class="table table-sm table-bordered">
+                        <thead>
+                          <tr><th></th><th>计算基础名称</th><th>金额</th></tr>
+                        </thead>
+                        <tbody>
+                          <tr>
+                            <td>1</td><td><button class="btn btn-secondary btn-sm">分部分项工程费</button></td><td>1000.16</td>
+                          </tr>
+                          <tr>
+                            <td>2</td><td><button class="btn btn-secondary btn-sm">分部分项基价直接工程费</button></td><td>600.16</td>
+                          </tr>
+                          <tr>
+                            <td>3</td><td><button class="btn btn-secondary btn-sm">分部分项基价人工费</button></td><td>100.16</td>
+                          </tr>
+                          <tr>
+                            <td>4</td><td><button class="btn btn-secondary btn-sm">分部分项基价材料费</button></td><td>200.16</td>
+                          </tr>
+                          <tr>
+                            <td>5</td><td><button class="btn btn-secondary btn-sm">分部分项基价机械费</button></td><td>300.16</td>
+                          </tr>
+                          <tr>
+                            <td>6</td><td><button class="btn btn-secondary btn-sm">分部分项调整人工费</button></td><td>100.16</td>
+                          </tr>
+                          <tr>
+                            <td>7</td><td><button class="btn btn-secondary btn-sm">分部分项调整机人工费</button></td><td>50.16</td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
                   </div>
                 </div>
                 <div class="modal-footer">