feat: 统一顺运宝日期同步并记录历史 (#59)

admin/static/css/app.css

@@ -100,6 +100,11 @@ body {
 /* 搜索表单占据剩余空间，把删除按钮挤到右边 */
 .toolbar .grow { flex: 1; }
 .toolbar label { color: #555; white-space: nowrap; }
+.toolbar .sync-range-form input[type="date"] {
+  width: 138px;
+  min-width: 138px;
+}
+.sync-range-message { margin: -4px 0 10px; }
 /* 搜索框收窄到 30%。目前 PDD 商品页、顺运宝数据页、采集采购页在用；
    蝦皮数据页和客户端列表页仍是撑满的。
    这样搜索表单里就没有会伸展的元素了，多余空间留在按钮之后，
@@ -225,6 +230,7 @@ tr.empty small { color: #aaa; }
   max-width: 720px;
 }
 .modal-narrow { max-width: 520px; }
+.modal-wide { max-width: 1160px; }
 .field-row {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -262,6 +268,39 @@ tr.empty small { color: #aaa; }
 }
 /* 把左边的按钮和右边的按钮推开 */
 .modal-foot .grow { flex: 1; }
+.button-link {
+  display: inline-block;
+  padding: 5px 12px;
+  border: 1px solid #ccd1d6;
+  border-radius: 3px;
+  background: #fff;
+  color: #24292f;
+  text-decoration: none;
+  white-space: nowrap;
+}
+.button-link:hover { background: #f0f2f4; }
+.button-link.disabled { color: #999; background: #f5f6f8; }
+.sync-history-table { max-height: 460px; }
+.sync-history-table td { vertical-align: top; }
+.sync-history-table .sync-error {
+  min-width: 220px;
+  max-width: 360px;
+  white-space: normal;
+  word-break: break-word;
+}
+.sync-history-foot > span:first-child { color: #555; }
+.sync-status {
+  display: inline-block;
+  min-width: 52px;
+  padding: 2px 6px;
+  border-radius: 10px;
+  text-align: center;
+  font-weight: 600;
+}
+.status-running { color: #7a4b00; background: #fff3cd; }
+.status-success { color: #176b36; background: #dff3e5; }
+.status-failed { color: #9b1c1c; background: #fde8e8; }
+.status-interrupted { color: #555; background: #eceff2; }
 button.primary {
   background: #1f6feb;
   border-color: #1f6feb;