diff --git a/pc4mobx/hrmSalary/pages/payroll/index.js b/pc4mobx/hrmSalary/pages/payroll/index.js
index 550f4b27..b49608a5 100644
--- a/pc4mobx/hrmSalary/pages/payroll/index.js
+++ b/pc4mobx/hrmSalary/pages/payroll/index.js
@@ -398,9 +398,20 @@ export default class Payroll extends React.Component {
             <SlideModalTitle 
               subtitle={"编辑工资单模板"}
               tabs={[{title: '基础设置', key: 0}, {title: "显示设置", key: 1}]}
-              editable={true}
-              onSave={() => {this.handleUpdateSave()}}
+              editable={false}
               selectedTab={selectedTab}
+              customOperate={<span>
+                {
+                  selectedTab == 0 && <Button type="primary" onClick={() => {this.handleUpdateSave()}}>保存</Button>
+                }
+                {
+                  selectedTab == 1 && 
+                  <span>
+                    <Button type="primary" onClick={() => {this.handleUpdateSave()}} style={{marginRight: '10px'}}>保存</Button>
+                    <Button type="default" onClick={() => {this.handlePreview()}}>预览</Button>
+                  </span>
+                }
+              </span>}
               subItemChange={
                 (item) => {this.setState({selectedTab: item.key})}
               }
diff --git a/pc4mobx/hrmSalary/pages/payroll/templatePreview/computerTemplate/index.js b/pc4mobx/hrmSalary/pages/payroll/templatePreview/computerTemplate/index.js
index 1413baf7..89629c82 100644
--- a/pc4mobx/hrmSalary/pages/payroll/templatePreview/computerTemplate/index.js
+++ b/pc4mobx/hrmSalary/pages/payroll/templatePreview/computerTemplate/index.js
@@ -44,7 +44,7 @@ export default class ComputerTemplate extends React.Component {
                 <div className="sobItemWrapper">
                     {
                         this.salaryItemSet.length > 0 && 
-                        this.salaryItemSet.map(group => (
+                        this.salaryItemSet.map((group,index) => (
                             <div className="sobItem">
                                 <Row className="titleRow">
                                     <Col span={24} className="sobTitle">{group.groupName}</Col>
@@ -56,7 +56,7 @@ export default class ComputerTemplate extends React.Component {
                                             <Col span={8}>
                                                 <Row>
                                                     <Col span={ 12 } className="contentItem">{item.name}</Col>
-                                                    <Col span={ 12 } className="contentItem">{item.salaryItemValue}</Col>
+                                                    <Col span={ 12 } className="contentItem">{index == 0 ? item.salaryItemValue : 10000}</Col>
                                                 </Row>
                                             </Col>
                                         ))
@@ -64,9 +64,7 @@ export default class ComputerTemplate extends React.Component {
                                 </Row>
                             </div>
                         ))
-                        
                     }
-                    
                 </div>
                 <div style={{margin: "20px auto"}}>
                     {
diff --git a/pc4mobx/hrmSalary/pages/payroll/templatePreview/index.js b/pc4mobx/hrmSalary/pages/payroll/templatePreview/index.js
index 1ea6dce8..a087f32e 100644
--- a/pc4mobx/hrmSalary/pages/payroll/templatePreview/index.js
+++ b/pc4mobx/hrmSalary/pages/payroll/templatePreview/index.js
@@ -16,8 +16,6 @@ export default class TemplatePreview extends React.Component {
         }
     }
 
-    
-
     handleSelectClick(selectKey) {
         this.setState({selectKey})
     }
diff --git a/pc4mobx/hrmSalary/pages/payroll/templatePreview/phoneTemplate/index.js b/pc4mobx/hrmSalary/pages/payroll/templatePreview/phoneTemplate/index.js
index 571d607d..61971ebb 100644
--- a/pc4mobx/hrmSalary/pages/payroll/templatePreview/phoneTemplate/index.js
+++ b/pc4mobx/hrmSalary/pages/payroll/templatePreview/phoneTemplate/index.js
@@ -3,41 +3,78 @@ import { Row, Col} from 'antd'
 import background from '../computerTemplate/background.png'
 import "../index.less"
 import { inject, observer } from 'mobx-react';
+import moment from 'moment'
 
 
 @inject('payrollStore')
 @observer
 export default class PhoneTemplate extends React.Component {
     
+    constructor(props) {
+        super(props);
+        this.templateBaseData = {}
+        this.salaryItemSetStr = {}
+        this.salaryTemplateShowSet = []
+    }
+    
+
+    componentWillMount() {
+        let templateBaseDataStr = window.localStorage.getItem("templateBaseData");
+        this.templateBaseData = JSON.parse(templateBaseDataStr)
+        let salaryTemplateShowSetStr = window.localStorage.getItem("salaryTemplateShowSet");
+        let salaryItemSetStr = window.localStorage.getItem("salaryItemSet");
+        this.salaryItemSet = JSON.parse(salaryItemSetStr)
+        this.salaryTemplateShowSet = JSON.parse(salaryTemplateShowSetStr)
+    }
+
     render() {
         return (
             <div className="computerTemplate phoneTemplate" >
                 <div className="phoneBar">薪酬预览</div>
                 <div className="titleWrapper">
-                    测试标题
+                    {this.salaryTemplateShowSet.theme.replace("${companyName}", "上海泛微").replace("${salaryMonth}", moment(new Date()).format("YYYY-MM"))}
                 </div>
                 <div className="background-wrapper">
-                    <img className="background-img" src={background} />
+                    <img className="background-img" src={this.salaryTemplateShowSet.background} />
+                </div>
+
+
+                <div className="sobItemDiv" style={{margin: "20px auto"}}>
+                    {
+                        this.salaryTemplateShowSet.textContentPosition == 1 && this.salaryTemplateShowSet.textContent
+                    }
                 </div>
 
                 <div className="sobItemWrapper">
-                    <div className="sobItem">
-                        <Row className="titleRow">
-                            <Col span={24} className="sobTitle">员工信息</Col>
-                        </Row>
-                        
-                        <Row className="contentRow">
-                            <Col span={ 6 } className="contentItem">个税扣缴义务人</Col>
-                            <Col span={ 6 } className="contentItem">上海泛微</Col>
-                            <Col span={ 6 } className="contentItem">姓名</Col>
-                            <Col span={ 6 } className="contentItem">张三</Col>
-                        </Row>
+                    {
+                        this.salaryItemSet.length > 0 && 
+                        this.salaryItemSet.map((group,index) => (
+                            <div className="sobItem">
+                                <Row className="titleRow">
+                                    <Col span={24} className="sobTitle">{group.groupName}</Col>
+                                </Row>
+                                
+                                <Row className="contentRow">
+                                    {
+                                        group.items && group.items.map(item => (
+                                            <Col span={12}>
+                                                <Row>
+                                                    <Col span={ 6 } className="contentItem">{item.name}</Col>
+                                                    <Col span={ 6 } className="contentItem">{index == 0 ?  item.salaryItemValue : 10000}</Col>
+                                                </Row>
+                                            </Col>
+                                        ))
+                                    }
+                                </Row>
+                            </div>
+                        ))
+                    }
+                </div>
 
-                        <Row className="contentRow">
-                            <Col span={ 6 } className="contentItem">部门</Col>
-                            <Col span={ 6 } className="contentItem">研发部</Col>
-                        </Row>
-                    </div>
+                <div style={{margin: "20px auto"}}>
+                    {
+                        this.salaryTemplateShowSet.textContentPosition == 2 && this.salaryTemplateShowSet.textContent
+                    }
                 </div>
             </div>
         )