diff --git a/web/client/assets/video/priming.gif b/web/client/assets/video/priming.gif
new file mode 100644
index 0000000..c0f1866
Binary files /dev/null and b/web/client/assets/video/priming.gif differ
diff --git a/web/client/assets/video/priming.jpg b/web/client/assets/video/priming.jpg
new file mode 100644
index 0000000..cba31f5
Binary files /dev/null and b/web/client/assets/video/priming.jpg differ
diff --git a/web/client/src/sections/auth/containers/login.jsx b/web/client/src/sections/auth/containers/login.jsx
index e78cad2..461f81e 100644
--- a/web/client/src/sections/auth/containers/login.jsx
+++ b/web/client/src/sections/auth/containers/login.jsx
@@ -26,6 +26,10 @@ const Login = props => {
       }
    }, [user])
 
+
+
+
+
    return (
       <div style={{
          width: '100%',
@@ -36,23 +40,30 @@ const Login = props => {
          // position: 'relative',
       }}>
          <video
-            autoPlay loop muted
+            id='myVideo'
+            autoPlay
+            loop
+            // controls
+            muted
             style={{
                width: 'calc(100% - 512px)', objectFit: "fill", objectPosition: 'left top', height: '100%'
             }}
+            poster='/assets/video/priming.jpg'
             src="/assets/video/login_bg.mp4"
             type="video/mp4"
+            preload='auto'
          />
-         {/* <img src='/assets/images/background/loginBackground.gif' style={{
-                width: "100%",
-                height: 'calc(100vh - 4px)',
-                objectFit: "cover",
-                objectPosition: 'left top',
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                zIndex: "5"
-            }} /> */}
+         {/* <img id="endPoster" src='/assets/video/priming.gif' style={{
+            width: "100%",
+            height: '100%',
+            objectFit: "cover",
+            objectPosition: 'left top',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            zIndex: 5,
+            // display: 'none'
+         }} />  */}
          <div style={{
             width: 600,
             height: 90,
@@ -64,7 +75,7 @@ const Login = props => {
             zIndex: 5,
             fontSize: 14,
             color: ' #005ABD',
-            display:'flex',
+            display: 'flex',
             flexDirection: 'column',
             justifyContent: 'space-between',
          }}>
diff --git a/web/client/src/sections/service/components/recordModal.jsx b/web/client/src/sections/service/components/recordModal.jsx
index 28b909b..7114a37 100644
--- a/web/client/src/sections/service/components/recordModal.jsx
+++ b/web/client/src/sections/service/components/recordModal.jsx
@@ -20,7 +20,7 @@ const RecordModal = (props) => {
    useEffect(() => {
       setEndTime(recordRow?.solvingTime)
       setStartTime(recordRow?.occurrenceTime)
-      setUploadData(recordRow?.files[0] || {})
+      setUploadData(recordRow?.files ? (recordRow?.files[0] || {}) : {})
    }, [recordRow])
    const cancelHandler = () => {
       onClose()
diff --git a/web/client/src/sections/service/containers/serviceRecord.jsx b/web/client/src/sections/service/containers/serviceRecord.jsx
index 7217bef..7d0f7ca 100644
--- a/web/client/src/sections/service/containers/serviceRecord.jsx
+++ b/web/client/src/sections/service/containers/serviceRecord.jsx
@@ -219,45 +219,44 @@ const Server = (props) => {
    const column = [
       {
          title: '序号',
-         render: (t, r, i) => {
-            return i + 1
-         }
+         render: (t, r, i) => <div style={{ minWidth: 30 }}>{i + 1}</div>
       },
       {
          title: '任务名称',
          dataIndex: 'missionName',
+         render: (t) => <div style={{ minWidth: 100 }}>{t}</div>
       },
       {
          title: '责任人',
          render: (record) => {
-            return <span>
+            return <div style={{ minWidth: 50 }}>
                {record?.maintenancePlanExecuteUsers.map((item) => {
-                  return item.name
-               }).toString()
+                  return <div>{item.name}</div>
+               })
                }
-            </span>
+            </div>
          }
       },
       {
          title: '完成情况',
          dataIndex: 'state',
-         render: (t, record) => t || '--'
+         render: (t, record) => <div style={{ minWidth: 56 }}>{t || '--'}</div>
       },
       {
          title: '备注',
          dataIndex: 'remark',
-         render: (t, record) => t || '--'
+         render: (t, record) =><div style={{ minWidth: 100 }}>{t || '--'}</div>
       },
       {
          title: '计划完成时间',
          render: (record) => {
-            return <span>{moment(record.planFinishTime).format('YYYY-MM-DD')}</span>
+            return <div style={{ minWidth: 88 }}>{moment(record.planFinishTime).format('YYYY-MM-DD')}</div>
          },
       },
       {
          title: '实际完成时间',
          render: (record) => {
-            return record.actualFinishTime ? <span>{moment(record.actualFinishTime).format('YYYY-MM-DD')}</span> : '--'
+            return<div style={{ minWidth: 88 }}>{record.actualFinishTime ? <span>{moment(record.actualFinishTime).format('YYYY-MM-DD')}</span> : '--'}</div> 
          },
       },
    ];
@@ -340,7 +339,7 @@ const Server = (props) => {
          <Modal
             visible={visible}
             title={'查看周期计划'}
-            width={800}
+            width={1050}
             footer={null}
             onOk={() => {
                setVisible(false)