diff --git a/pc4mobx/hrmSalary/index.js b/pc4mobx/hrmSalary/index.js
index 2179f9ee..c9c0e3cf 100644
--- a/pc4mobx/hrmSalary/index.js
+++ b/pc4mobx/hrmSalary/index.js
@@ -145,7 +145,7 @@ const Routes = (
     <Route key="calculateDetail" path="calculateDetail" component={CalculateDetail}/>
     <Route key="doCalc" path="calculate/:salaryAcctRecordId" component={DoCalcDetail}/>
     <Route key="calcOc" path="calcOc/:salaryAcctRecordId" component={OfflineCompare}/>
-    <Route key="placeOnFileDetail" path="placeOnFileDetail" component={PlaceOnFileDetail}/>
+    <Route key="placeOnFileDetail" path="placeOnFileDetail/:salaryAcctRecordId" component={PlaceOnFileDetail}/>
     <Route key="compareDetail" path="compareDetail" component={CompareDetail}/>
     <Route key="payroll" path="payroll" component={Payroll}/>
     <Route key="watermarkPreview" path="payroll/watermark/preview" component={WatermarkPreview}/>
diff --git a/pc4mobx/hrmSalary/pages/calculate/calculate.js b/pc4mobx/hrmSalary/pages/calculate/calculate.js
index ae98e007..8f886557 100644
--- a/pc4mobx/hrmSalary/pages/calculate/calculate.js
+++ b/pc4mobx/hrmSalary/pages/calculate/calculate.js
@@ -123,7 +123,7 @@ class Calculate extends Component {
         break;
       case "3":
         //查看详情
-        window.open(`/spa/hrmSalary/static/index.html#/main/hrmSalary/placeOnFileDetail?id=${id}`);
+        window.open(`/spa/hrmSalary/static/index.html#/main/hrmSalary/placeOnFileDetail/${id}?id=${id}`);
         break;
       case "4":
         //重新核算
diff --git a/pc4mobx/hrmSalary/pages/calculate/index.less b/pc4mobx/hrmSalary/pages/calculate/index.less
index b0418614..98cfc21f 100644
--- a/pc4mobx/hrmSalary/pages/calculate/index.less
+++ b/pc4mobx/hrmSalary/pages/calculate/index.less
@@ -82,12 +82,17 @@
     }
 
     .ant-table-tbody {
+      .ant-table-row-indent {
+        display: none;
+      }
+
       td {
         span {
           width: 100%;
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
+          display: inline-block;
         }
       }
     }
diff --git a/pc4mobx/hrmSalary/pages/calculateDetail/placeOnFileDetail.js b/pc4mobx/hrmSalary/pages/calculateDetail/placeOnFileDetail.js
index 3f5096fe..4cdd5a9c 100644
--- a/pc4mobx/hrmSalary/pages/calculateDetail/placeOnFileDetail.js
+++ b/pc4mobx/hrmSalary/pages/calculateDetail/placeOnFileDetail.js
@@ -8,8 +8,9 @@ import FileMergeDetail from "./fileMergeDetail";
 import { getQueryString } from "../../util/url";
 import { inject, observer } from "mobx-react";
 import { getExportField } from "../../apis/calculate";
-import "./index.less";
 import CustomExportDialog from "./customExportDialog";
+import Layout from "../calculate/doCalc/layout";
+import "./index.less";
 
 const getLabel = WeaLocaleProvider.getLabel;
 @inject("calculateStore")
@@ -162,17 +163,18 @@ export default class PlaceOnFileDetail extends React.Component {
     };
 
     return (
-      <div className="placeOnFileDetail">
-        <CustomTab
-          searchOperationItem={
-            renderRightOperation()
-          }
-        />
-        <div className="tabWrapper" style={{ borderBottom: "none" }}>
-          <span style={{ marginRight: 10 }}>薪资所属月：{baseSalarySobCycle.salaryMonth}</span>
-          <WeaHelpfulTip
-            width={100}
-            title={`薪资周期\n
+      <Layout {...this.props}>
+        <div className="placeOnFileDetail">
+          <CustomTab
+            searchOperationItem={
+              renderRightOperation()
+            }
+          />
+          <div className="tabWrapper" style={{ borderBottom: "none" }}>
+            <span style={{ marginRight: 10 }}>薪资所属月：{baseSalarySobCycle.salaryMonth}</span>
+            <WeaHelpfulTip
+              width={100}
+              title={`薪资周期\n
                         ${baseSalarySobCycle.salaryCycle && baseSalarySobCycle.salaryCycle.fromDate}至${baseSalarySobCycle.salaryCycle && baseSalarySobCycle.salaryCycle.endDate}\n
                         税款所属期\n
                         ${baseSalarySobCycle.taxCycle}\n
@@ -180,53 +182,54 @@ export default class PlaceOnFileDetail extends React.Component {
                         ${baseSalarySobCycle.attendCycle && baseSalarySobCycle.attendCycle.fromDate}至${baseSalarySobCycle.attendCycle && baseSalarySobCycle.attendCycle.endDate}\n
                         福利台账月份\n
                         引用${baseSalarySobCycle.socialSecurityCycle}的福利台账数据`}
-            placement="topLeft"
+              placement="topLeft"
+            />
+          </div>
+          <div className="tabWrapper">
+            <span>公式=</span>
+            <span>{toJS(columnDescList)[columnIndex] && toJS(columnDescList)[columnIndex].formulaContent}</span>
+          </div>
+          <div className="tableWrapper">
+            <iframe
+              style={{ border: 0, width: "100%", height: "100%" }}
+              // src="http://localhost:7607/#/atdTable"
+              src="/spa/hrmSalary/hrmSalaryCalculateDetail/index.html#/atdTable"
+              id="atdTable"
+            />
+          </div>
+          <CustomExportDialog
+            {...customExportParams}
+            searchItemsValue={{ employeeName: this.state.searchValue }}
+            onCancel={() => {
+              this.setState({
+                customExportParams: {
+                  visible: false, checkItems: [], itemsByGroup: []
+                }
+              });
+            }}
           />
-        </div>
-        <div className="tabWrapper">
-          <span>公式=</span>
-          <span>{toJS(columnDescList)[columnIndex] && toJS(columnDescList)[columnIndex].formulaContent}</span>
-        </div>
-        <div className="tableWrapper">
-          <iframe
-            style={{ border: 0, width: "100%", height: "100%" }}
-            // src="http://localhost:7607/#/atdTable"
-            src="/spa/hrmSalary/hrmSalaryCalculateDetail/index.html#/atdTable"
-            id="atdTable"
-          />
-        </div>
-        <CustomExportDialog
-          {...customExportParams}
-          searchItemsValue={{ employeeName: this.state.searchValue }}
-          onCancel={() => {
-            this.setState({
-              customExportParams: {
-                visible: false, checkItems: [], itemsByGroup: []
+          {
+            slideVisiable &&
+            <WeaSlideModal
+              visible={slideVisiable}
+              top={0}
+              width={40}
+              height={100}
+              direction={"right"}
+              measure={"%"}
+              title={
+                <SlideModalTitle
+                  subtitle={"合并计税详情"}
+                  editable={true}
+                />
               }
-            });
-          }}
-        />
-        {
-          slideVisiable &&
-          <WeaSlideModal
-            visible={slideVisiable}
-            top={0}
-            width={40}
-            height={100}
-            direction={"right"}
-            measure={"%"}
-            title={
-              <SlideModalTitle
-                subtitle={"合并计税详情"}
-                editable={true}
-              />
-            }
-            content={(<FileMergeDetail/>)}
-            onClose={() => this.setState({ slideVisiable: false })}
-            showMask={true}
-            closeMaskOnClick={() => this.setState({ slideVisiable: false })}/>
-        }
-      </div>
+              content={(<FileMergeDetail/>)}
+              onClose={() => this.setState({ slideVisiable: false })}
+              showMask={true}
+              closeMaskOnClick={() => this.setState({ slideVisiable: false })}/>
+          }
+        </div>
+      </Layout>
     );
   }
 }
diff --git a/pc4mobx/hrmSalary/pages/mobilePayroll/index.js b/pc4mobx/hrmSalary/pages/mobilePayroll/index.js
index d742b459..2b2308d1 100644
--- a/pc4mobx/hrmSalary/pages/mobilePayroll/index.js
+++ b/pc4mobx/hrmSalary/pages/mobilePayroll/index.js
@@ -211,6 +211,7 @@ export default class MobilePayroll extends React.Component {
               <div className="templatePreview">
                 <div className="contentWrapper">
                   <PhoneTemplate
+                    isPreview
                     salaryTemplateShowSet={JSON.stringify(mySalaryBillData.salaryTemplate)}
                     salaryItemSet={!_.isEmpty(salaryGroups) ? JSON.stringify([employeeInformation, ...salaryGroups]) : []}
                   >