优化证书监控页 (#64)

Author: Cairry

src/pages/monitor/ssl/create.jsx

@@ -52,7 +52,6 @@ export const CreateMonitorSSLRule = ({ type, handleList }) => {
 
     const initBasicInfo =(selectedRow)=>{
         form.setFieldsValue({
-            name: selectedRow.name,
             domain: selectedRow.domain,
             expectTime: selectedRow.expectTime,
             description: selectedRow.description,
@@ -168,38 +167,6 @@ export const CreateMonitorSSLRule = ({ type, handleList }) => {
             overflowY: 'auto',
         }}>
             <Form form={form} name="form_item_path" layout="vertical" onFinish={handleFormSubmit}>
-
-                <div>
-                    <strong style={{ fontSize: '20px' }}>基础配置</strong>
-                    <div style={{ display: 'flex' }}>
-                        <MyFormItem
-                            name="name"
-                            label="规则名称"
-                            style={{
-                                marginRight: '10px',
-                                width: '50%',
-                            }}
-                            rules={[
-                                {
-                                    required: true,
-                                },
-                            ]}
-                        >
-                            <Input
-                                value={spaceValue}
-                                onChange={handleInputChange}
-                                onKeyPress={handleKeyPress}
-                                disabled={type === 'update'} />
-                        </MyFormItem>
-
-                        <MyFormItem name="description" label="描述" style={{width: '50%',}}>
-                            <Input />
-                        </MyFormItem>
-                    </div>
-                </div>
-
-                <Divider />
-
                 <div>
                     <strong style={{fontSize: '20px'}}>规则配置</strong>
                     <div style={{display: 'flex', gap:'10px'}}>
@@ -230,9 +197,11 @@ export const CreateMonitorSSLRule = ({ type, handleList }) => {
                                     required: true,
                                 },
                             ]}>
-                            <InputNumber placeholder="输入阈值" addonBefore={
-                                "当证书有效期 <"
-                            }addonAfter={"天时, 触发告警"}/>
+                            <InputNumber
+                                style={{width: '100%'}}
+                                placeholder="输入阈值"
+                                addonBefore={"当证书有效期 <"}
+                                addonAfter={"天时, 触发告警"}/>
                         </MyFormItem>
                     </div>
 

src/pages/monitor/ssl/index.jsx

@@ -8,12 +8,6 @@ export const MonitorSSL = () => {
     const [selectedRow, setSelectedRow] = useState(null);
     const [list, setList] = useState([]);
     const columns = [
-        {
-            title: '名称',
-            dataIndex: 'name',
-            key: 'name',
-            width: 'auto',
-        },
         {
             title: '域名',
             dataIndex: 'domain',
@@ -33,15 +27,17 @@ export const MonitorSSL = () => {
             },
         },
         {
-            title: '证书剩余时间',
+            title: '证书有效天数',
             dataIndex: 'timeRemaining',
             key: 'timeRemaining',
             width: 'auto',
             render: (text) => {
-                if (!text) {
+                if (text === undefined || text === null) {
                     return '-';
                 }
-                return text+"天";
+                return text < 0
+                    ? <span style={{ color: 'red' }}>{`-${Math.abs(text)}天 (已过期)`}</span>
+                    : `${text}天`;
             },
         },
         {