diff --git a/yxt-as-ui/src/api/Common/dictcommons.js b/yxt-as-ui/src/api/Common/dictcommons.js
index 8b9dc444db..0938596637 100644
--- a/yxt-as-ui/src/api/Common/dictcommons.js
+++ b/yxt-as-ui/src/api/Common/dictcommons.js
@@ -44,6 +44,7 @@ export function fetchBySid(sid) {
 }
 
 // 根据分公司全路径Sid获取分公司下开票信息(采购系统不能为空)
+//  开票单位
 export function getInvoicingList(data) {
   return request({
     url: '/fin/v1/fincompanyinvoicing/getInvoicingList',
@@ -276,6 +277,7 @@ export function getCounty(data) {
 }
 
 // 获取售后服务--基础信息--供应商信息
+//  开票名称
 export function choiceSupplierInfo(data) {
   return request({
     url: '/pms/v1/pmssupplierinfo/choiceSupplierInfo',
diff --git a/yxt-as-ui/src/api/operation/salesInvoice.js b/yxt-as-ui/src/api/operation/salesInvoice.js
new file mode 100644
index 0000000000..dcd49afef8
--- /dev/null
+++ b/yxt-as-ui/src/api/operation/salesInvoice.js
@@ -0,0 +1,141 @@
+import request from '@/utils/request'
+//  销售单开票申请
+export default {
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      // baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
+      url: '/as/v1/salesInvoice/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  saveOrUpdate: function(data) {
+    return request({
+      // baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
+      url: '/as/v1/salesInvoice/saveOrUpdate',
+      method: 'post',
+      data: data,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  fetchBySid: function(data) {
+    return request({
+      // baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
+      url: '/as/v1/salesInvoice/fetchDetailsBySid/' + data,
+      method: 'get'
+    })
+  },
+  deleteBySids: function(data) {
+    return request({
+      // baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
+      url: '/as/v1/salesInvoice/delBySids',
+      method: 'DELETE',
+      data: data,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  submit: function(data) {
+    return request({
+      // baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
+      url: '/as/v1/salesInvoice/submit',
+      method: 'post',
+      data: data,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+
+  salesOrderListPage: function(params) {
+    return request({
+      // baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
+      url: '/as/v1/salesInvoice/salesOrderListPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+
+
+  // 流程审批（同意）
+  complete: function(params) {
+    return request({
+      url: '/as/v1/salesInvoice/complete',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 流程审批（加签）
+  delegate: function(params) {
+    return request({
+      url: '/as/v1/salesInvoice/delegate',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 流程审批（驳回）
+  reject: function(params) {
+    return request({
+      url: '/as/v1/salesInvoice/reject',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 流程审批（终止）
+  breakProcess: function(params) {
+    return request({
+      url: '/as/v1/salesInvoice/breakProcess',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 流程审批（撤回）
+  revokeProcess: function(params) {
+    return request({
+      url: '/as/v1/salesInvoice/revokeProcess',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 审批流程（同意）获取下一环节
+  getNextNodesForSubmit: function(data) {
+    return request({
+      url: '/as/v1/salesInvoice/getNextNodesForSubmit',
+      method: 'get',
+      params: data
+    })
+  },
+  // 审批流程（驳回）获取上一环节
+  getPreviousNodesForReject: function(data) {
+    return request({
+      url: '/as/v1/salesInvoice/getPreviousNodesForReject',
+      method: 'get',
+      params: data
+    })
+  }
+}
diff --git a/yxt-as-ui/src/router/index.js b/yxt-as-ui/src/router/index.js
index 52fa248a5f..528a2e7864 100644
--- a/yxt-as-ui/src/router/index.js
+++ b/yxt-as-ui/src/router/index.js
@@ -255,6 +255,15 @@ export const constantRoutes = [{
           title: '工时提成抵顶配件费用管理',
           noCache: true
         }
+      },
+      {
+        path: '/salesInvoice/salesInvoice',
+        component: () => import('@/views/operation/salesInvoice/salesInvoice.vue'),
+        name: 'SalesInvoice',
+        meta: {
+          title: '销售单开票申请管理',
+          noCache: true
+        }
       }
     ]
   },
@@ -1665,6 +1674,31 @@ export const constantRoutes = [{
   },
 
 
+  //  销售单申请开票 -- 编辑
+  {
+    path: '/salesInvoiceFlow/salesInvoiceEdit',
+    component: () =>
+      import('@/views/workFlow/salesInvoiceFlow/salesInvoiceEdit.vue'),
+    name: 'SalesInvoiceEdit'
+  },
+  // 销售单申请开票   -- 待办
+  {
+    path: '/salesInvoiceFlow/salesInvoiceDaiBan',
+    component: () =>
+      import('@/views/workFlow/salesInvoiceFlow/salesInvoiceDaiBan.vue'),
+    name: 'SalesInvoiceDaiBan'
+  },
+  // 销售单申请开票   -- 已办
+  {
+    path: '/salesInvoiceFlow/salesInvoiceYiBan',
+    component: () =>
+      import('@/views/workFlow/salesInvoiceFlow/salesInvoiceYiBan.vue'),
+    name: 'SalesInvoiceYiBan'
+  },
+
+
+
+
 
   // 404 page must be placed at the end !!!
   // { path: '*', redirect: '/404', hidden: true }
diff --git a/yxt-as-ui/src/views/basicinformation/secondaryCooperativeStation/secondaryCooperativeStation.vue b/yxt-as-ui/src/views/basicinformation/secondaryCooperativeStation/secondaryCooperativeStation.vue
index c5a8cc7f8f..f2e75286e9 100644
--- a/yxt-as-ui/src/views/basicinformation/secondaryCooperativeStation/secondaryCooperativeStation.vue
+++ b/yxt-as-ui/src/views/basicinformation/secondaryCooperativeStation/secondaryCooperativeStation.vue
@@ -340,7 +340,7 @@
         // }
 
         this.viewState = 3
-        this.$refs['divAdd'].showEdit(row.sid)
+        this.$refs['divAdd'].showEdit(row)
       },
       toInfo(row) {
         this.viewState = 4
diff --git a/yxt-as-ui/src/views/operation/salesInvoice/relation/selectSalesOrder.vue b/yxt-as-ui/src/views/operation/salesInvoice/relation/selectSalesOrder.vue
new file mode 100644
index 0000000000..934e926c12
--- /dev/null
+++ b/yxt-as-ui/src/views/operation/salesInvoice/relation/selectSalesOrder.vue
@@ -0,0 +1,207 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>选择配件销售单</div>
+        <div>
+          <el-button type="primary" size="small" @click="AddUpdateReturn">确定</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="单据编号" class="searchlist">
+                <el-input v-model="listQuery.params.billNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="配件销售人" class="searchlist">
+                <el-input v-model="listQuery.params.salePerson" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="客户名称" class="searchlist">
+                <el-input v-model="listQuery.params.cusmoterName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="车牌号" class="searchlist">
+                <el-input v-model="listQuery.params.vehMark" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="结算日期">
+                <el-date-picker v-model="listQuery.params.settleDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.settleDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+              <el-form-item label="制单日期">
+                <el-date-picker v-model="listQuery.params.createDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">商品列表</div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%"
+            @selection-change="handleSelectionChange">
+            <el-table-column width="50" type="selection" align="center" />
+            <el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center" />
+            <el-table-column prop="saleOrderNo" label="单据编号" align="center" width="170" />
+            <el-table-column prop="salePerson" label="配件销售人" align="center" width="120" />
+            <el-table-column prop="cusmoterName" label="客户名称" align="center" min-width="120" />
+            <el-table-column prop="vehMark" label="车牌号" align="center" width="130" />
+            <el-table-column prop="vinNo" label="车架号" align="center" width="130" />
+            <el-table-column prop="goodsAmount" label="材料费" align="center" width="120" />
+            <el-table-column prop="addAmount" label="附加费" align="center" width="120" />
+            <el-table-column prop="discountAmount" label="优惠" align="center" width="120" />
+            <el-table-column prop="settleDate" label="结算日期" align="center" width="120" />
+            <el-table-column prop="settleAmount" label="结算金额合计" align="center" width="120" />
+            <el-table-column prop="createByName" label="制单人" align="center" width="120" />
+            <el-table-column prop="createDate" label="制单日期" align="center" width="120" />
+          </el-table>
+        </div>
+        <div class="pages">
+          <div class="tit" />
+          <!-- 翻页 -->
+          <Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
+            :limit.sync="listQuery.size" class="pagination" @pagination="getList" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import Pagination from '@/components/pagination'
+  import req from '@/api/operation/salesInvoice'
+
+  export default {
+    name: 'SelectSalesOrder',
+    components: {
+      Pagination
+    },
+    data() {
+      return {
+        isSearchShow: false,
+        searchxianshitit: '隐藏查询条件',
+        tableKey: 0,
+        sids: [],
+        list: [],
+        number: '',
+        listLoading: false,
+        listQuery: {
+          current: 1,
+          size: 10,
+          params: {
+            "deptSid": "",
+            "billNo": "",
+            "salePerson": "",
+            "cusmoterName": "",
+            "vehMark": "",
+            "settleDateStart": "",
+            "settleDateEnd": "",
+            "createDateStart": "",
+            "createDateEnd": ""
+          },
+          total: 0
+        }
+      }
+    },
+    methods: {
+      // 搜索条件效果
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
+        }
+      },
+      indexMethod(index) {
+        var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+        var pageindex = index + 1 + pagestart
+        return pageindex
+      },
+      // 查询列表信息
+      getList() {
+        this.listLoading = true
+        req.salesOrderListPage(this.listQuery).then((response) => {
+          this.listLoading = false
+          if (response.success) {
+            this.listQuery.total = response.data.total
+            this.list = response.data.records
+          } else {
+            this.listQuery.total = 0
+            this.list = []
+          }
+        })
+      },
+      // 查询按钮
+      handleFilter() {
+        this.listQuery.current = 1
+        this.getList()
+      },
+      // 重置按钮
+      handleReset() {
+        this.listQuery.current = 1
+        this.listQuery.size = 10
+        this.listQuery.total = 0
+        this.listQuery.params.billNo = ''
+        this.listQuery.params.salePerson = ''
+        this.listQuery.params.cusmoterName = ''
+        this.listQuery.params.vehMark = ''
+        this.listQuery.params.settleDateStart = ''
+        this.listQuery.params.settleDateEnd = ''
+        this.listQuery.params.createDateStart = ''
+        this.listQuery.params.createDateEnd = ''
+        this.getList()
+      },
+      handleSelectionChange(row) {
+        this.sids = row
+      },
+      showData(value, deptSid) {
+        // const aa = []
+        // if (value.length > 0) {
+        //   for (var i = 0; i < value.length; i++) {
+        //     aa.push(value[i].saleVehSid)
+        //   }
+        //   this.listQuery.params.saleVehSids = aa
+        // } else {
+        //   this.listQuery.params.saleVehSids = []
+        // }``
+        this.listQuery.params.deptSid = deptSid
+        this.listQuery.current = 1
+        this.listQuery.size = 10
+        this.listQuery.total = 0
+        this.getList()
+      },
+      // 添加修改返回
+      AddUpdateReturn() {
+        if (this.sids.length > 0) {
+          this.$emit('backData', this.sids)
+        } else {
+          this.$notify({
+            title: '提示',
+            message: '请至少选择一条记录进行操作',
+            type: 'error',
+            duration: 2000
+          })
+        }
+      },
+      // 返回
+      handleReturn() {
+        this.$emit('doback')
+      }
+    }
+  }
+</script>
+<style scoped>
+</style>
diff --git a/yxt-as-ui/src/views/operation/salesInvoice/salesInvoice.vue b/yxt-as-ui/src/views/operation/salesInvoice/salesInvoice.vue
new file mode 100644
index 0000000000..8f64922782
--- /dev/null
+++ b/yxt-as-ui/src/views/operation/salesInvoice/salesInvoice.vue
@@ -0,0 +1,401 @@
+<template>
+  <div class="app-container">
+    <!--列表页面-->
+    <div v-show="viewState == 1">
+      <button-bar view-title="配件销售单开票申请管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle" />
+      <!--Start查询列表部分-->
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="分公司">
+                <el-input v-model="listQuery.params.useOrgName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="申请部门">
+                <el-input v-model="listQuery.params.deptName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="申请人">
+                <el-input v-model="listQuery.params.createByName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="单据编号">
+                <el-input v-model="listQuery.params.billNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="申请日期">
+                <el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+              <el-form-item label="办结日期">
+                <el-date-picker v-model="listQuery.params.startDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.endDate" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+              <el-form-item label="开票单位">
+                <el-input v-model="listQuery.params.customerName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="开票名称">
+                <el-input v-model="listQuery.params.vehMark" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="开票类型">
+                <el-input v-model="listQuery.params.vinNo" placeholder="" clearable />
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!--End查询列表部分-->
+        <div class="listtop">
+          <div class="tit">配件销售单开票申请列表</div>
+          <!--  <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
+            :limit.sync="listQuery.size" class="pagination" @pagination="getList" /> -->
+        </div>
+        <!--Start 主页面主要部分 -->
+        <div class="">
+          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
+            @selection-change="handleSelectionChange">
+            <el-table-column type="selection" align="center" width="50" />
+            <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center" />
+            <el-table-column label="操作" width="180" align="center">
+              <template slot-scope="scope">
+                <el-button type="primary" :disabled="scope.row.state == '已办结'" size="small"
+                  @click="toEdit(scope.row)">办理</el-button>
+                <el-button type="primary" size="small" @click="toInfo(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="流程状态" width="180" header-align="center">
+              <template slot-scope="scope">
+                <span v-if="scope.row.nodeState=='待提交'" type="primary" size="mini">待提交</span>
+                <span v-else @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.nodeState }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="billNo" label="单据编号" align="center" width="220" />
+            <el-table-column prop="useOrgName" label="分公司" align="center" min-width="150" />
+            <el-table-column prop="deptName" label="申请部门" align="center" min-width="150" />
+            <el-table-column prop="createByName" label="申请人" align="center" width="120" />
+            <el-table-column prop="createTime" label="申请日期" align="center" width="120" />
+            <el-table-column prop="finishTime" label="办结日期" align="center" width="120" />
+            <el-table-column prop="invoiceOrg" label="开票单位" align="center" width="160" />
+            <el-table-column prop="invoiceName" label="开票名称" align="center" width="160" />
+            <el-table-column prop="invoiceType" label="开票类型" align="center" width="120" />
+            <el-table-column prop="invoicePrice" label="开票金额" align="center" width="120" />
+            <el-table-column label="附件" width="80" align="center">
+              <template slot-scope="scope">
+                <span @click="showFiles(scope.row.files)" class="bluezi">查看</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <!--End 主页面主要部分-->
+        <div class="pages">
+          <div class="tit" />
+          <!-- 翻页 -->
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
+            :limit.sync="listQuery.size" class="pagination" @pagination="getList" />
+        </div>
+        <!--End查询列表部分-->
+      </div>
+    </div>
+    <!--新增及修改 -->
+    <salesInvoiceAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState"
+      @reloadlist="getList" />
+    <!-- 详情 -->
+    <salesInvoiceInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" />
+
+    <!-- 流程审批记录 -->
+    <el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
+      <iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no"
+        :src="this.centerDialogVisible === true ? url :''"></iframe>
+    </el-dialog>
+
+    <!-- 附件 -->
+    <el-dialog title="附件" :visible.sync="filesDialogVisible" width="78%" height="1%"
+      :before-close="closeFilesDialogVisible">
+      <div style=" margin-top: -20px">
+        <el-image class="addinputInfo" style="width: 150px;height: 150px;padding: 10px;"
+          v-for="(item, index) in filesList" :key="index" :src="item" :preview-src-list="filesList" />
+      </div>
+
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  import ButtonBar from '@/components/ButtonBar'
+  import req from '@/api/operation/salesInvoice'
+  import salesInvoiceAdd from './salesInvoiceAdd'
+  import salesInvoiceInfo from './salesInvoiceInfo'
+  import {
+    getStorage
+  } from '@/utils/auth'
+
+  export default {
+    name: 'SalesTicket',
+    components: {
+      Pagination,
+      pageye,
+      ButtonBar,
+      salesInvoiceAdd,
+      salesInvoiceInfo
+    },
+    data() {
+      return {
+        url: '',
+        dialogHeight: '80%',
+        centerDialogVisible: false,
+        btndisabled: false,
+        btnList: [{
+            type: 'primary',
+            size: 'small',
+            icon: 'plus',
+            btnKey: 'toAdd',
+            btnLabel: '新增'
+          },
+          {
+            type: 'danger',
+            size: 'small',
+            icon: 'del',
+            btnKey: 'doDel',
+            btnLabel: '删除'
+          },
+          {
+            type: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+        isSearchShow: false,
+        searchxianshitit: '显示查询条件',
+        viewState: 1, // 1、列表 2、新增 3、编辑 4、查看
+        tableKey: 0,
+        list: [],
+        sids: [], // 用于导出的时候保存已选择的SIDs
+        listLoading: false,
+        // 翻页
+        listQuery: {
+          current: 1,
+          size: 5,
+          total: 0,
+          params: {
+            useOrgName: '',
+            deptName: '',
+            createByName: '',
+            billNo: '',
+            startDate: '',
+            endDate: '',
+            colesStartDate: '',
+            colesEndDate: '',
+            invoiceName: '',
+            invoiceValue: '',
+            createBySid: '',
+            orgPath: ''
+          }
+        },
+        filesList: [],
+        filesDialogVisible: false,
+      }
+    },
+    created() {
+      // 初始化变量
+      this.getList()
+    },
+    mounted() {
+      // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
+      window.addEventListener('message', this.handleMessage)
+      this.$refs['btnbar'].setButtonList(this.btnList)
+    },
+    methods: {
+      async handleMessage(event) {
+        var code = ''
+        if (event.data.params !== null && event.data.params !== undefined) {
+          code = event.data.params.code
+        }
+        if (code === 1) {
+          this.centerDialogVisible = false
+        } else if (code === 2) {
+          this.dialogHeight = event.data.params.data
+          this.setIframeHeight(document.getElementById('iframe'))
+        }
+      },
+      closeIt() {
+        this.url = ''
+        this.centerDialogVisible = false
+      },
+      setIframeHeight(iframe) {
+        iframe.height = this.dialogHeight
+      },
+      flowRecord(row) {
+        this.centerDialogVisible = true
+        var params = {
+          deployId: row.procDefId,
+          procInsId: row.procInstId,
+          token: getStorage()
+        }
+        this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
+      },
+      // 搜索条件效果
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
+        }
+      },
+      btnHandle(btnKey) {
+        console.log('XXXXXXXXXXXXXXX    ' + btnKey)
+        switch (btnKey) {
+          case 'toAdd':
+            this.toAdd()
+            break
+          case 'doDel':
+            this.doDel()
+            break
+          case 'doClose':
+            this.doClose()
+            break
+          default:
+            break
+        }
+      },
+      // 信息条数 获取点击时当前的sid
+      handleSelectionChange(row) {
+        const aa = []
+        row.forEach(element => {
+          aa.push(element.sid)
+        })
+        this.sids = aa
+      },
+      // 表中序号
+      indexMethod(index) {
+        var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+        var pageindex = index + 1 + pagestart
+        return pageindex
+      },
+      // 查询列表信息
+      getList() {
+        this.listLoading = true
+        this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
+        this.listQuery.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+        this.listQuery.params.menuUrl = this.$route.path
+        req.listPage(this.listQuery).then(response => {
+          this.listLoading = false
+          if (response.success) {
+            this.list = response.data.records
+            this.listQuery.total = response.data.total
+          } else {
+            this.list = []
+            this.listQuery.total = 0
+          }
+        })
+      },
+      // 查询按钮
+      handleFilter() {
+        this.listQuery.current = 1
+        this.getList()
+      },
+      // 点击重置
+      handleReset() {
+        this.listQuery = {
+          current: 1,
+          size: 5,
+          total: 0,
+          params: {
+            useOrgName: '',
+            deptName: '',
+            createByName: '',
+            bilLNo: '',
+            startDate: '',
+            endDate: '',
+            customerName: '',
+            vehMark: '',
+            vinNo: '',
+            salesName: '',
+            orgPath: '',
+            usersid: '',
+            menuUrl: ''
+          }
+        }
+        this.getList()
+      },
+      showFiles(files) {
+        this.filesList = files
+        this.filesDialogVisible = true
+      },
+      closeFilesDialogVisible() {
+        this.filesDialogVisible = false
+      },
+      toAdd() {
+        this.viewState = 2
+        this.$refs['divAdd'].showAdd()
+      },
+      toEdit(row) {
+        this.viewState = 3
+        this.$refs['divAdd'].showEdit(row)
+      },
+      toInfo(row) {
+        this.viewState = 4
+        this.$refs['divInfo'].showInfo(row)
+      },
+      // 删除
+      doDel() {
+        if (this.sids.length === 0) {
+          this.$message({
+            showClose: true,
+            type: 'error',
+            message: '请选择至少一条记录进行删除操作'
+          })
+          return
+        }
+        const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
+        this.$confirm(tip, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          const loading = this.$loading({
+            lock: true,
+            text: 'Loading',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          })
+          req.deleteBySids(this.sids).then((resp) => {
+            if (resp.success) {
+              this.$message({
+                type: 'success',
+                message: resp.msg,
+                showClose: true
+              })
+            }
+            this.getList()
+            loading.close()
+          }).catch(e => {
+            loading.close()
+          })
+        }).catch(() => {})
+      },
+      // 修改、编辑、详情返回列表页面
+      resetState() {
+        this.viewState = 1
+      },
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
+        this.$router.go(-1)
+      }
+    }
+  }
+</script>
+<style scoped>
+</style>
diff --git a/yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceAdd.vue b/yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceAdd.vue
new file mode 100644
index 0000000000..85d9dc3cf2
--- /dev/null
+++ b/yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceAdd.vue
@@ -0,0 +1,457 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate()">保存</el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit()">提交</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span class="icon">*</span>开票单位</div>
+              <el-form-item prop="invoiceOrg"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceOrg"
+                  placeholder="请选择" @change="selectInvoiceOrg">
+                  <el-option v-for="(item,i) in invoiceOrgList" :key="i" :label="item.companyInvoicingName"
+                    :value="item.companyInvoicingSid">
+                  </el-option>
+                </el-select></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>开票名称</div>
+              <el-form-item prop="invoiceName"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceName"
+                  placeholder="请选择" @change="selectInvoiceName">
+                  <el-option v-for="(item,i) in invoiceNameList" :key="i" :label="item.supplierName" :value="item.sid">
+                  </el-option>
+                </el-select></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>开票类型</div>
+              <el-form-item prop="invoiceType"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceType"
+                  placeholder="请选择" @change="selectInvoiceType">
+                  <el-option v-for="(item,i) in invoiceTypeList" :key="i" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select></el-form-item>
+
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo addinputw">{{settleAmount}}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable
+                  placeholder="" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.files" :limit="50" bucket="map"
+                  :upload-data="{ type: '0001' }" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <div class="title titleOne">
+            <div>销售单列表</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="selectOrder">选择销售单</el-button>
+          </div>
+          <el-table :key="sitemKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column fixed label="操作" align="center" width="100">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="delOrder(scope.$index)">删除</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售单号" prop="saleOrderNo" align="center" />
+            <el-table-column label="配件销售人" prop="salePerson" align="center" />
+            <el-table-column label="客户名称" prop="cusmoterName" align="center" />
+            <el-table-column label="车牌号" prop="vehMark" align="center" />
+            <el-table-column label="车架号" prop="vinNo" align="center" />
+            <el-table-column label="材料费" prop="goodsAmount" align="center" />
+            <el-table-column label="附加费" prop="addAmount" align="center" />
+            <el-table-column label="优惠" prop="discountAmount" align="center" />
+            <el-table-column label="结算日期" prop="settleDate" align="center" />
+            <el-table-column label="结算金额合计" prop="settleAmount" align="center" />
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!-- 选择销售单 -->
+    <selectSalesOrder v-show="viewState == 2" ref="divXSD" @backData="backData" @doback="resetState" />
+  </div>
+</template>
+
+<script>
+  import req from '@/api/operation/salesInvoice'
+  import {
+    getOrgSidByPath,
+    getInvoicingList,
+    choiceSupplierInfo,
+    typeValues
+  } from '@/api/Common/dictcommons'
+  import selectSalesOrder from './relation/selectSalesOrder'
+  import uploadImg from '@/components/uploadFile/uploadImg'
+  import {
+    getCurrentDate
+  } from '@/utils/index.js'
+  export default {
+    name: 'SalesInvoiceAdd',
+    components: {
+      selectSalesOrder,
+      uploadImg
+    },
+    data() {
+      return {
+        viewTitle: '',
+        viewState: 1,
+        submitdisabled: false,
+        dialogVisible: false,
+        tableKey: 1,
+        sitemKey: 2,
+        sitemReturnKey: 3,
+        goodsKey: 4,
+        index: 0,
+        formobj: {
+          "sid": "",
+          "nodeState": "",
+          "procInstId": "",
+          "procDefId": "",
+          "taskId": "",
+          "nodeId": "",
+          "useOrgName": "",
+          "createByName": "",
+          "deptName": "",
+          "createTime": "",
+          "invoiceOrg": "",
+          "invoiceOrgSid": "",
+          "invoiceName": "",
+          "invoiceNameSid": "",
+          "invoiceType": "",
+          "invoiceTypeSid": "",
+          "invoicePrice": "",
+          "remarks": "",
+          "files": [],
+          "saleOrderList": [
+
+          ]
+        },
+        rules: {
+          invoiceOrg: [{
+            required: true,
+            message: '开票单位不能为空',
+            trigger: 'change'
+          }],
+          invoiceName: [{
+            required: true,
+            message: '开票名称不能为空',
+            trigger: 'blur'
+          }],
+          invoiceType: [{
+            required: true,
+            message: '开票类型不能为空',
+            trigger: 'blur'
+          }]
+        },
+        invoiceOrgList: [],
+        invoiceNameList: [],
+        invoiceTypeList: []
+      }
+    },
+    computed: {
+      // 计算开票金额
+      settleAmount() {
+        let settleAmount = 0
+        if (this.formobj.saleOrderList.length > 0) {
+          this.formobj.saleOrderList.forEach((e) => {
+            if (e.settleAmount !== '') {
+              settleAmount += Number(e.settleAmount)
+            }
+          })
+        }
+        return settleAmount
+      },
+
+    },
+    methods: {
+
+      init() {
+
+        getInvoicingList({
+          orgPath: window.sessionStorage.getItem('defaultOrgPath')
+        }).then((res) => {
+          if (res.success) {
+            this.invoiceOrgList = res.data
+          }
+        })
+
+        choiceSupplierInfo({
+          deptSid: window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage.getItem(
+            'defaultOrgPath').lastIndexOf('/') + 1)
+        }).then((resp) => {
+          if (resp.success) {
+            this.invoiceNameList = resp.data
+          }
+        })
+
+        typeValues({
+          type: 'billingType'
+        }).then((res) => {
+          if (res.success) {
+            this.invoiceTypeList = res.data
+          }
+        })
+
+      },
+
+      selectInvoiceOrg(val) {
+        const choose = this.invoiceOrgList.filter((item) => item.companyInvoicingSid === val)
+
+        if (choose.length > 0 && choose !== null) {
+          this.formobj.invoiceOrg = choose[0].companyInvoicingName
+          this.formobj.invoiceOrgSid = choose[0].companyInvoicingSid
+        } else {
+          this.formobj.invoiceOrg = ''
+          this.formobj.invoiceOrgSid = ''
+
+        }
+      },
+
+      selectInvoiceName(val) {
+        const choose = this.invoiceNameList.filter((item) => item.sid === val)
+
+        if (choose.length > 0 && choose !== null) {
+          this.formobj.invoiceName = choose[0].supplierName
+          this.formobj.invoiceNameSid = choose[0].sid
+        } else {
+          this.formobj.invoiceName = ''
+          this.formobj.invoiceNameSid = ''
+
+        }
+      },
+
+      selectInvoiceType(val) {
+        const choose = this.invoiceTypeList.filter((item) => item.dictKey === val)
+
+        if (choose.length > 0 && choose !== null) {
+          this.formobj.invoiceType = choose[0].dictValue
+          this.formobj.invoiceTypeSid = choose[0].dictKey
+        } else {
+          this.formobj.invoiceType = ''
+          this.formobj.invoiceTypeSid = ''
+
+        }
+      },
+
+      selectOrder() {
+
+        this.viewState = 2
+        const aa = []
+        this.$refs['divXSD'].showData(aa, this.formobj.deptSid)
+      },
+
+      backData(value) {
+        this.viewState = 1
+        console.log("aaa", value)
+
+        for (var i = 0; i < value.length; i++) {
+          this.formobj.saleOrderList.push(value[i])
+        }
+
+      },
+      showAdd() {
+        this.init()
+        this.viewTitle = '【新增】配件销售单位开票申请'
+        this.$nextTick(() => {
+          this.$refs['form_obj'].clearValidate()
+        })
+        this.formobj.createByName = window.sessionStorage.getItem('name')
+        this.formobj.createBySid = window.sessionStorage.getItem('userSid')
+        this.formobj.deptName = window.sessionStorage.getItem('defaultOrgPathName').substring(window
+          .sessionStorage
+          .getItem('defaultOrgPathName').lastIndexOf('/') + 1)
+        this.formobj.deptSid = window.sessionStorage.getItem('defaultOrgPath').substring(window.sessionStorage
+          .getItem(
+            'defaultOrgPath').lastIndexOf('/') + 1)
+        this.formobj.createTime = getCurrentDate()
+        getOrgSidByPath({
+          orgPath: window.sessionStorage.getItem('defaultOrgPath')
+        }).then((res) => {
+          if (res.success) {
+            this.formobj.createOrgSid = res.data
+            this.formobj.useOrgSid = res.data
+          }
+        })
+      },
+      showEdit(row) {
+        this.init()
+        this.viewTitle = '【编辑】配件销售单位开票申请'
+        this.$nextTick(() => {
+          this.$refs['form_obj'].clearValidate()
+        })
+        req.fetchBySid(row.sid).then((res) => {
+          if (res.success) {
+            this.formobj = res.data
+          }
+        })
+      },
+
+      resetState() {
+        this.viewState = 1
+      },
+
+      delOrder(index) {
+        this.formobj.saleOrderList.splice(index, 1)
+      },
+      saveOrUpdate() {
+        this.$refs['form_obj'].validate((valid) => {
+          if (valid) {
+            if (this.formobj.saleOrderList.length == 0) {
+              this.$message({
+                showClose: true,
+                type: 'error',
+                message: '请选择销售单'
+              })
+              return
+            }
+            this.submitdisabled = true
+            req.saveOrUpdate(this.formobj).then((res) => {
+              if (res.success) {
+                this.$message({
+                  showClose: true,
+                  type: 'success',
+                  message: '保存成功'
+                })
+                this.handleReturn('true')
+              } else {
+                this.submitdisabled = false
+              }
+            }).catch(() => {
+              this.submitdisabled = false
+            })
+          }
+        })
+      },
+      submit() {
+        this.$refs['form_obj'].validate((valid) => {
+          if (valid) {
+            if (this.formobj.saleOrderList.length == 0) {
+              this.$message({
+                showClose: true,
+                type: 'error',
+                message: '请选择销售单'
+              })
+              return
+            }
+            this.submitdisabled = true
+            req.submit(this.formobj).then((res) => {
+              if (res.success) {
+                this.$message({
+                  showClose: true,
+                  type: 'success',
+                  message: '提交成功'
+                })
+                this.handleReturn('true')
+              } else {
+                this.submitdisabled = false
+              }
+            }).catch(() => {
+              this.submitdisabled = false
+            })
+          }
+        })
+      },
+      handleReturn(isreload) {
+        if (isreload === 'true') this.$emit('reloadlist')
+        this.formobj = {
+          "sid": "",
+          "nodeState": "",
+          "procInstId": "",
+          "procDefId": "",
+          "taskId": "",
+          "nodeId": "",
+          "useOrgName": "",
+          "createByName": "",
+          "deptName": "",
+          "createTime": "",
+          "invoiceOrg": "",
+          "invoiceOrgSid": "",
+          "invoiceName": "",
+          "invoiceNameSid": "",
+          "invoiceType": "",
+          "invoiceTypeSid": "",
+          "invoicePrice": "",
+          "remarks": "",
+          "files": [],
+          "saleOrderList": [
+
+          ]
+        }
+        this.submitdisabled = false
+        this.$emit('doback')
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .span-sty {
+    width: 130px !important;
+  }
+
+  .addinputInfo {
+    margin-left: 120px !important;
+  }
+
+  /deep/ .el-form-item__error {
+    margin-left: 120px !important;
+  }
+
+  .titleOne {
+    padding: 7px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
+    margin-left: 120px !important;
+    width: calc(100% - 115px);
+  }
+
+  .formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group {
+    display: inline;
+    line-height: 1px;
+    vertical-align: middle;
+  }
+
+  .el-divider {
+    margin: 0 !important;
+    background-color: #FFFFFF;
+  }
+</style>
diff --git a/yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceInfo.vue b/yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceInfo.vue
new file mode 100644
index 0000000000..11c8a0bcb8
--- /dev/null
+++ b/yxt-as-ui/src/views/operation/salesInvoice/salesInvoiceInfo.vue
@@ -0,0 +1,127 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="listconadd">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceOrg }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">开票名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoicePrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px;padding: 10px;"
+                  v-for="(item, index) in formobj.files" :key="index" :src="item"
+                  :preview-src-list="formobj.files" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>配件销售开票申请列表</div>
+          </div>
+          <el-table :key="commodityKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index+1" align="center" />
+            <el-table-column label="销售单号" prop="saleOrderNo" align="center" />
+            <el-table-column label="配件销售人" prop="salePerson" align="center" />
+            <el-table-column label="客户名称" prop="cusmoterName" align="center" />
+            <el-table-column label="车牌号" prop="vehMark" align="center" />
+            <el-table-column label="车架号" prop="vinNo" align="center" />
+            <el-table-column label="材料费" prop="goodsAmount" align="center" />
+            <el-table-column label="附加费" prop="addAmount" align="center" />
+            <el-table-column label="优惠" prop="discountAmount" align="center" />
+            <el-table-column label="结算日期" prop="settleDate" align="center" />
+            <el-table-column label="结算金额合计" prop="settleAmount" align="center" />
+
+          </el-table>
+
+        </el-form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import req from '@/api/operation/salesInvoice'
+
+  export default {
+    name: 'SalesInvoiceInfo',
+    data() {
+      return {
+        viewTitle: '',
+        viewState: 1,
+        commodityKey: 1,
+        index: 0,
+        formobj: {
+
+        },
+        rules: {}
+      }
+    },
+    computed: {},
+    methods: {
+      showInfo(row) {
+        this.viewTitle = '配件销售单开票申请详情'
+        req.fetchBySid(row.sid).then((res) => {
+          if (res.success) {
+            this.formobj = res.data
+          }
+        })
+      },
+      handleReturn() {
+        this.formobj = {}
+        this.$emit('doback')
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .span-sty {
+    width: 140px !important;
+  }
+
+  .addinputInfo {
+    margin-left: 130px !important;
+  }
+</style>
diff --git a/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/relation/selectSalesOrder.vue b/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/relation/selectSalesOrder.vue
new file mode 100644
index 0000000000..934e926c12
--- /dev/null
+++ b/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/relation/selectSalesOrder.vue
@@ -0,0 +1,207 @@
+<template>
+  <div class="app-container">
+    <div>
+      <div class="tab-header webtop">
+        <div>选择配件销售单</div>
+        <div>
+          <el-button type="primary" size="small" @click="AddUpdateReturn">确定</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
+              <el-form-item label="单据编号" class="searchlist">
+                <el-input v-model="listQuery.params.billNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="配件销售人" class="searchlist">
+                <el-input v-model="listQuery.params.salePerson" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="客户名称" class="searchlist">
+                <el-input v-model="listQuery.params.cusmoterName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="车牌号" class="searchlist">
+                <el-input v-model="listQuery.params.vehMark" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="结算日期">
+                <el-date-picker v-model="listQuery.params.settleDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.settleDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+              <el-form-item label="制单日期">
+                <el-date-picker v-model="listQuery.params.createDateStart" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createDateEnd" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
+                  type="date" placeholder="选择日期"></el-date-picker>
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <div class="listtop">
+          <div class="tit">商品列表</div>
+        </div>
+        <div class="">
+          <el-table :key="tableKey" ref="multipleTable" v-loading="listLoading" :data="list" border style="width: 100%"
+            @selection-change="handleSelectionChange">
+            <el-table-column width="50" type="selection" align="center" />
+            <el-table-column width="80" label="序号" type="index" :index="indexMethod" align="center" />
+            <el-table-column prop="saleOrderNo" label="单据编号" align="center" width="170" />
+            <el-table-column prop="salePerson" label="配件销售人" align="center" width="120" />
+            <el-table-column prop="cusmoterName" label="客户名称" align="center" min-width="120" />
+            <el-table-column prop="vehMark" label="车牌号" align="center" width="130" />
+            <el-table-column prop="vinNo" label="车架号" align="center" width="130" />
+            <el-table-column prop="goodsAmount" label="材料费" align="center" width="120" />
+            <el-table-column prop="addAmount" label="附加费" align="center" width="120" />
+            <el-table-column prop="discountAmount" label="优惠" align="center" width="120" />
+            <el-table-column prop="settleDate" label="结算日期" align="center" width="120" />
+            <el-table-column prop="settleAmount" label="结算金额合计" align="center" width="120" />
+            <el-table-column prop="createByName" label="制单人" align="center" width="120" />
+            <el-table-column prop="createDate" label="制单日期" align="center" width="120" />
+          </el-table>
+        </div>
+        <div class="pages">
+          <div class="tit" />
+          <!-- 翻页 -->
+          <Pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current"
+            :limit.sync="listQuery.size" class="pagination" @pagination="getList" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import Pagination from '@/components/pagination'
+  import req from '@/api/operation/salesInvoice'
+
+  export default {
+    name: 'SelectSalesOrder',
+    components: {
+      Pagination
+    },
+    data() {
+      return {
+        isSearchShow: false,
+        searchxianshitit: '隐藏查询条件',
+        tableKey: 0,
+        sids: [],
+        list: [],
+        number: '',
+        listLoading: false,
+        listQuery: {
+          current: 1,
+          size: 10,
+          params: {
+            "deptSid": "",
+            "billNo": "",
+            "salePerson": "",
+            "cusmoterName": "",
+            "vehMark": "",
+            "settleDateStart": "",
+            "settleDateEnd": "",
+            "createDateStart": "",
+            "createDateEnd": ""
+          },
+          total: 0
+        }
+      }
+    },
+    methods: {
+      // 搜索条件效果
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
+        }
+      },
+      indexMethod(index) {
+        var pagestart = (this.listQuery.current - 1) * this.listQuery.size
+        var pageindex = index + 1 + pagestart
+        return pageindex
+      },
+      // 查询列表信息
+      getList() {
+        this.listLoading = true
+        req.salesOrderListPage(this.listQuery).then((response) => {
+          this.listLoading = false
+          if (response.success) {
+            this.listQuery.total = response.data.total
+            this.list = response.data.records
+          } else {
+            this.listQuery.total = 0
+            this.list = []
+          }
+        })
+      },
+      // 查询按钮
+      handleFilter() {
+        this.listQuery.current = 1
+        this.getList()
+      },
+      // 重置按钮
+      handleReset() {
+        this.listQuery.current = 1
+        this.listQuery.size = 10
+        this.listQuery.total = 0
+        this.listQuery.params.billNo = ''
+        this.listQuery.params.salePerson = ''
+        this.listQuery.params.cusmoterName = ''
+        this.listQuery.params.vehMark = ''
+        this.listQuery.params.settleDateStart = ''
+        this.listQuery.params.settleDateEnd = ''
+        this.listQuery.params.createDateStart = ''
+        this.listQuery.params.createDateEnd = ''
+        this.getList()
+      },
+      handleSelectionChange(row) {
+        this.sids = row
+      },
+      showData(value, deptSid) {
+        // const aa = []
+        // if (value.length > 0) {
+        //   for (var i = 0; i < value.length; i++) {
+        //     aa.push(value[i].saleVehSid)
+        //   }
+        //   this.listQuery.params.saleVehSids = aa
+        // } else {
+        //   this.listQuery.params.saleVehSids = []
+        // }``
+        this.listQuery.params.deptSid = deptSid
+        this.listQuery.current = 1
+        this.listQuery.size = 10
+        this.listQuery.total = 0
+        this.getList()
+      },
+      // 添加修改返回
+      AddUpdateReturn() {
+        if (this.sids.length > 0) {
+          this.$emit('backData', this.sids)
+        } else {
+          this.$notify({
+            title: '提示',
+            message: '请至少选择一条记录进行操作',
+            type: 'error',
+            duration: 2000
+          })
+        }
+      },
+      // 返回
+      handleReturn() {
+        this.$emit('doback')
+      }
+    }
+  }
+</script>
+<style scoped>
+</style>
diff --git a/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceDaiBan.vue b/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceDaiBan.vue
new file mode 100644
index 0000000000..7d94b56cd6
--- /dev/null
+++ b/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceDaiBan.vue
@@ -0,0 +1,446 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" @click="openCountersign('加签')">加 签</el-button>
+          <el-button type="primary" size="small" @click="openAgree('同意')">同 意</el-button>
+          <el-button type="danger" size="small" @click="openReject('驳回')">驳 回</el-button>
+          <el-button type="danger" size="small" @click="openStop('终止')">终 止</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceOrg }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">开票名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoicePrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px;padding: 10px;"
+                  v-for="(item, index) in formobj.files" :key="index" :src="item"
+                  :preview-src-list="formobj.files" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>配件销售开票申请列表</div>
+          </div>
+          <el-table :key="commodityKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index+1" align="center" />
+            <el-table-column label="销售单号" prop="saleOrderNo" align="center" />
+            <el-table-column label="配件销售人" prop="salePerson" align="center" />
+            <el-table-column label="客户名称" prop="cusmoterName" align="center" />
+            <el-table-column label="车牌号" prop="vehMark" align="center" />
+            <el-table-column label="车架号" prop="vinNo" align="center" />
+            <el-table-column label="材料费" prop="goodsAmount" align="center" />
+            <el-table-column label="附加费" prop="addAmount" align="center" />
+            <el-table-column label="优惠" prop="discountAmount" align="center" />
+            <el-table-column label="结算日期" prop="settleDate" align="center" />
+            <el-table-column label="结算金额合计" prop="settleAmount" align="center" />
+
+          </el-table>
+
+        </el-form>
+      </div>
+    </div>
+
+    <!-- 选择待办人 的弹出框-->
+    <el-dialog title="填写审批意见" :visible.sync="nodeDialogVisible" width="80%">
+      <el-form class="formadd">
+        <el-row v-show="countersignLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span class="icon">*</span>加签人员:
+          </el-col>
+          <el-col :span="20">
+            <el-form-item>
+              <el-select v-model="countersign.assignee" placeholder="请选择" filterable>
+                <el-option v-for="item in options" :key="item.userSid" :label="item.staffName" :value="item.userSid">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-show="currentLink" style="border-top: 1px solid #e0e3eb">
+          <el-col :span="4" class="tleftb">
+            <span>当前环节:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><span>{{ current.taskName }}->{{ nextNode.name }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :class="{rowClass:!currentLink}">
+          <el-col :span="4" class="tleftb">
+            <span>意见:</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><el-input size="small" v-model="dialogList.comment" placeholder="审批意见" class="addinputw"
+                type="textarea" :autosize="{ minRows: 1, maxRows: 10}" clearable></el-input></el-form-item>
+          </el-col>
+        </el-row>
+        <div style="text-align:center;margin-top: 20px;">
+          <el-button type="primary" size="mini" @click="reject">确 定</el-button>
+          <el-button type="info " size="mini" @click="nodeDialogVisible = false">取 消</el-button>
+        </div>
+      </el-form>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+  import req from '@/api/operation/salesInvoice'
+  import {
+    selectStaffListss
+  } from '@/api/Common/dictcommons'
+  export default {
+    name: 'SalesInvoiceInfo',
+    data() {
+      return {
+        viewTitle: '',
+        viewState: 1,
+        commodityKey: 1,
+        index: 0,
+        formobj: {
+
+        },
+        rules: {},
+        options: [],
+        operation: '', // 点击操作按钮
+        dialogList: {
+          comment: ''
+        },
+        startTask: true,
+        current: {
+          taskDefKey: '',
+          taskName: '' // 当前环节名称
+        },
+        nextNode: {}, // 下一环节
+        nodeDialogVisible: false,
+        currentLink: true,
+        countersignLink: false,
+        // 环节所需参数
+        linkByParameter: {
+          businessSid: '',
+          comment: '',
+          instanceId: '',
+          taskId: '',
+          orgSidPath: '',
+          taskDefKey: '',
+          userSid: ''
+        },
+        // 加签按钮所需参数
+        countersign: {
+          taskId: '',
+          assignee: '',
+          userSid: '',
+          instanceId: '',
+          views: ''
+        }
+      }
+    },
+    computed: {},
+    created() {
+      console.log('url:' + window.location.href)
+      var one = window.location.href.indexOf('&data') + 6
+      const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+      const obj = JSON.parse(decodeURIComponent(data))
+      console.log('iframe页面获取的obj:', obj)
+      // 点击（同意、终止、驳回、驳回）操作时所需的参数
+      this.linkByParameter.businessSid = obj.businessSid
+      this.linkByParameter.instanceId = obj.instanceId
+      this.linkByParameter.taskId = obj.taskId
+      this.linkByParameter.taskDefKey = obj.taskDefKey
+      // this.linkByParameter.orgSidPath = window.sessionStorage.getItem('orgSidPath')
+      this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+      this.current.taskDefKey = obj.taskDefKey
+      this.current.taskName = obj.taskName
+      // 加签参数
+      this.countersign.taskId = obj.taskId
+      this.countersign.userSid = window.sessionStorage.getItem('userSid')
+      this.countersign.instanceId = obj.instanceId
+      // 加载表单数据
+      this.showInfo(obj.businessSid)
+    },
+    mounted() {
+      window.parent.postMessage({
+        cmd: 'returnHeight',
+        params: {
+          // 告诉父级页面，子页面的弹框高度。
+          code: 2,
+          data: 500 + 'px'
+        }
+      }, '*')
+    },
+    methods: {
+      showInfo(sid) {
+        this.viewTitle = '配件销售单开票申请详情'
+        req.fetchBySid(sid).then((res) => {
+          if (res.success) {
+            this.formobj = res.data
+          }
+        })
+
+        selectStaffListss().then((res) => {
+          if (res.success) {
+            this.options = res.data
+          }
+        })
+
+      },
+      // 加签
+      openCountersign(val) {
+        this.operation = val
+        this.currentLink = true
+        this.countersignLink = true
+        this.dialogList.comment = ''
+        req.getNextNodesForSubmit({
+          taskDefKey: this.current.taskDefKey,
+          businessSid: this.linkByParameter.businessSid
+        }).then((resp) => {
+          if (resp.success) {
+            var arr = resp.data
+            this.nextNode = arr[0]
+            this.nodeDialogVisible = true
+          }
+          this.submitdisabled = false
+        })
+      },
+      // 同意
+      openAgree(val) {
+        this.operation = val
+        this.currentLink = true
+        this.countersignLink = false
+        this.dialogList.comment = '同意'
+        req.getNextNodesForSubmit({
+          taskDefKey: this.current.taskDefKey,
+          businessSid: this.linkByParameter.businessSid
+        }).then((resp) => {
+          if (resp.success) {
+            var arr = resp.data
+            this.nextNode = arr[0]
+            this.nodeDialogVisible = true
+          }
+          this.submitdisabled = false
+        })
+      },
+      // 驳回
+      openReject(val) {
+        this.operation = val
+        this.currentLink = true
+        this.countersignLink = false
+        this.dialogList.comment = ''
+        req.getPreviousNodesForReject({
+          taskDefKey: this.current.taskDefKey,
+          businessSid: this.linkByParameter.businessSid
+        }).then((resp) => {
+          if (resp.success) {
+            var arr = resp.data
+            this.nextNode = arr[0]
+            this.nodeDialogVisible = true
+          }
+          this.submitdisabled = false
+        })
+      },
+      // 终止
+      openStop(val) {
+        this.operation = val
+        this.currentLink = false
+        this.countersignLink = false
+        this.dialogList.comment = ''
+        this.nodeDialogVisible = true
+      },
+      reject() {
+        if (this.operation === '同意') {
+          this.handleAgree()
+        } else if (this.operation === '驳回') {
+          if (this.dialogList.comment === '') {
+            this.$message({
+              showClose: true,
+              type: 'error',
+              message: '请填写审批意见'
+            })
+          } else {
+            this.handleReject()
+          }
+        } else if (this.operation === '终止') {
+          if (this.dialogList.comment === '') {
+            this.$message({
+              showClose: true,
+              type: 'error',
+              message: '请填写审批意见'
+            })
+          } else {
+            this.handleStop()
+          }
+        } else if (this.operation === '加签') {
+          this.handleCountersign()
+        }
+      },
+      /** 加签 */
+      handleCountersign() {
+        if (this.countersign.assignee === '') {
+          this.$message({
+            showClose: true,
+            type: 'error',
+            message: '请选择加签人员'
+          })
+          return
+        }
+        if (this.dialogList.comment === '') {
+          this.$message({
+            showClose: true,
+            type: 'error',
+            message: '请填写审批意见'
+          })
+          return
+        }
+        this.countersign.views = this.dialogList.comment
+        req.delegate(this.countersign).then((response) => {
+          if (response.success) {
+            this.$notify({
+              title: '提示',
+              message: '执行成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.nodeDialogVisible = false
+            // 子页面向父级页面传递值
+            window.parent.postMessage({
+              cmd: 'returnHeight',
+              params: {
+                // 操作成功，告诉父级页面关闭弹框
+                code: 1
+              }
+            }, '*')
+          }
+        })
+      },
+      /** 同意任务 */
+      handleAgree() {
+        this.linkByParameter.comment = this.dialogList.comment
+        req.complete(this.linkByParameter).then((response) => {
+          if (response.success) {
+            this.$notify({
+              title: '提示',
+              message: '执行成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.nodeDialogVisible = false
+            // 子页面向父级页面传递值
+            window.parent.postMessage({
+              cmd: 'returnHeight',
+              params: {
+                // 操作成功，告诉父级页面关闭弹框
+                code: 1
+              }
+            }, '*')
+          }
+        })
+      },
+      /** 驳回任务 */
+      handleReject() {
+        this.linkByParameter.comment = this.dialogList.comment
+        req.reject(this.linkByParameter).then((response) => {
+          if (response.success) {
+            this.$notify({
+              title: '提示',
+              message: '执行成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.nodeDialogVisible = false
+            // 子页面向父级页面传递值
+            window.parent.postMessage({
+              cmd: 'returnHeight',
+              params: {
+                // 操作成功，告诉父级页面关闭弹框
+                code: 1
+              }
+            }, '*')
+          }
+        })
+      },
+      /** 终止任务 */
+      handleStop() {
+        this.linkByParameter.comment = this.dialogList.comment
+        req.breakProcess(this.linkByParameter).then((response) => {
+          if (response.success) {
+            this.$notify({
+              title: '提示',
+              message: '执行成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.nodeDialogVisible = false
+            // 子页面向父级页面传递值
+            window.parent.postMessage({
+              cmd: 'returnHeight',
+              params: {
+                // 操作成功，告诉父级页面关闭弹框
+                code: 1
+              }
+            }, '*')
+          }
+        })
+      }
+
+    }
+  }
+</script>
+
+<style scoped>
+  .first_row {
+    border-top: 1px solid #E0E3EB;
+  }
+
+  .span-sty {
+    width: 130px !important;
+  }
+
+  .addinputInfo {
+    margin-left: 120px !important;
+  }
+
+  .rowClass {
+    border-top: 1px solid #E0E3EB;
+  }
+</style>
diff --git a/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceEdit.vue b/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceEdit.vue
new file mode 100644
index 0000000000..dafb24c19d
--- /dev/null
+++ b/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceEdit.vue
@@ -0,0 +1,460 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
+          <el-button type="primary" size="small" :disabled="submitdisabled" @click="submit">提交</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty"><span class="icon">*</span>开票单位</div>
+              <el-form-item prop="invoiceOrg"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceOrg"
+                  placeholder="请选择" @change="selectInvoiceOrg">
+                  <el-option v-for="(item,i) in invoiceOrgList" :key="i" :label="item.companyInvoicingName"
+                    :value="item.companyInvoicingSid">
+                  </el-option>
+                </el-select></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>开票名称</div>
+              <el-form-item prop="invoiceName"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceName"
+                  placeholder="请选择" @change="selectInvoiceName">
+                  <el-option v-for="(item,i) in invoiceNameList" :key="i" :label="item.supplierName" :value="item.sid">
+                  </el-option>
+                </el-select></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty"><span class="icon">*</span>开票类型</div>
+              <el-form-item prop="invoiceType"> <el-select class="addinputInfo addinputw" v-model="formobj.invoiceType"
+                  placeholder="请选择" @change="selectInvoiceType">
+                  <el-option v-for="(item,i) in invoiceTypeList" :key="i" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select></el-form-item>
+
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo addinputw">{{settleAmount}}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable
+                  placeholder="" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <uploadImg ref="uploadImg" class="addinputInfo" v-model="formobj.files" :limit="50" bucket="map"
+                  :upload-data="{ type: '0001' }" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <div class="title titleOne">
+            <div>销售单列表</div>
+            <el-button type="primary" size="mini" class="btntopblueline" @click="selectOrder">选择销售单</el-button>
+          </div>
+          <el-table :key="sitemKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index + 1" align="center" />
+            <el-table-column fixed label="操作" align="center" width="100">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="delOrder(scope.$index)">删除</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column label="销售单号" prop="saleOrderNo" align="center" />
+            <el-table-column label="配件销售人" prop="salePerson" align="center" />
+            <el-table-column label="客户名称" prop="cusmoterName" align="center" />
+            <el-table-column label="车牌号" prop="vehMark" align="center" />
+            <el-table-column label="车架号" prop="vinNo" align="center" />
+            <el-table-column label="材料费" prop="goodsAmount" align="center" />
+            <el-table-column label="附加费" prop="addAmount" align="center" />
+            <el-table-column label="优惠" prop="discountAmount" align="center" />
+            <el-table-column label="结算日期" prop="settleDate" align="center" />
+            <el-table-column label="结算金额合计" prop="settleAmount" align="center" />
+          </el-table>
+        </el-form>
+      </div>
+    </div>
+    <!-- 选择销售单 -->
+    <selectSalesOrder v-show="viewState == 2" ref="divXSD" @backData="backData" @doback="resetState" />
+  </div>
+</template>
+
+<script>
+  import req from '@/api/operation/salesInvoice'
+  import {
+    getOrgSidByPath,
+    getInvoicingList,
+    choiceSupplierInfo,
+    typeValues
+  } from '@/api/Common/dictcommons'
+  import selectSalesOrder from './relation/selectSalesOrder'
+  import uploadImg from '@/components/uploadFile/uploadImg'
+  import {
+    getCurrentDate
+  } from '@/utils/index.js'
+  export default {
+    name: 'SalesInvoiceAdd',
+    components: {
+      selectSalesOrder,
+      uploadImg
+    },
+    data() {
+      return {
+        viewTitle: '',
+        viewState: 1,
+        submitdisabled: false,
+        dialogVisible: false,
+        tableKey: 1,
+        sitemKey: 2,
+        sitemReturnKey: 3,
+        goodsKey: 4,
+        index: 0,
+        formobj: {
+          "sid": "",
+          "nodeState": "",
+          "procInstId": "",
+          "procDefId": "",
+          "taskId": "",
+          "nodeId": "",
+          "useOrgName": "",
+          "createByName": "",
+          "deptName": "",
+          "createTime": "",
+          "invoiceOrg": "",
+          "invoiceOrgSid": "",
+          "invoiceName": "",
+          "invoiceNameSid": "",
+          "invoiceType": "",
+          "invoiceTypeSid": "",
+          "invoicePrice": "",
+          "remarks": "",
+          "files": [],
+          "saleOrderList": [
+
+          ]
+        },
+        rules: {
+          invoiceOrg: [{
+            required: true,
+            message: '开票单位不能为空',
+            trigger: 'change'
+          }],
+          invoiceName: [{
+            required: true,
+            message: '开票名称不能为空',
+            trigger: 'blur'
+          }],
+          invoiceType: [{
+            required: true,
+            message: '开票类型不能为空',
+            trigger: 'blur'
+          }]
+        },
+        invoiceOrgList: [],
+        invoiceNameList: [],
+        invoiceTypeList: []
+      }
+    },
+    created() {
+      console.log('url:' + window.location.href)
+      var one = window.location.href.indexOf('&data') + 6
+      const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+      const obj = JSON.parse(decodeURIComponent(data))
+      this.showInfo(obj.businessSid)
+    },
+    mounted() {
+      window.parent.postMessage({
+        cmd: 'returnHeight',
+        params: {
+          // 告诉父级页面，子页面的弹框高度。
+          code: 2,
+          data: 500 + 'px'
+        }
+      }, '*')
+    },
+    computed: {
+      // 计算开票金额
+      settleAmount() {
+        let settleAmount = 0
+        if (this.formobj.saleOrderList.length > 0) {
+          this.formobj.saleOrderList.forEach((e) => {
+            if (e.settleAmount !== '') {
+              settleAmount += Number(e.settleAmount)
+            }
+          })
+        }
+        return settleAmount
+      },
+
+    },
+    methods: {
+
+      selectInvoiceOrg(val) {
+        const choose = this.invoiceOrgList.filter((item) => item.companyInvoicingSid === val)
+
+        if (choose.length > 0 && choose !== null) {
+          this.formobj.invoiceOrg = choose[0].companyInvoicingName
+          this.formobj.invoiceOrgSid = choose[0].companyInvoicingSid
+        } else {
+          this.formobj.invoiceOrg = ''
+          this.formobj.invoiceOrgSid = ''
+
+        }
+      },
+
+      selectInvoiceName(val) {
+        const choose = this.invoiceNameList.filter((item) => item.sid === val)
+
+        if (choose.length > 0 && choose !== null) {
+          this.formobj.invoiceName = choose[0].supplierName
+          this.formobj.invoiceNameSid = choose[0].sid
+        } else {
+          this.formobj.invoiceName = ''
+          this.formobj.invoiceNameSid = ''
+
+        }
+      },
+
+      selectInvoiceType(val) {
+        const choose = this.invoiceTypeList.filter((item) => item.dictKey === val)
+
+        if (choose.length > 0 && choose !== null) {
+          this.formobj.invoiceType = choose[0].dictValue
+          this.formobj.invoiceTypeSid = choose[0].dictKey
+        } else {
+          this.formobj.invoiceType = ''
+          this.formobj.invoiceTypeSid = ''
+
+        }
+      },
+
+      selectOrder() {
+
+        this.viewState = 2
+        const aa = []
+        this.$refs['divXSD'].showData(aa, this.formobj.deptSid)
+      },
+
+      backData(value) {
+        this.viewState = 1
+        console.log("aaa", value)
+
+        for (var i = 0; i < value.length; i++) {
+          this.formobj.saleOrderList.push(value[i])
+        }
+
+      },
+      showInfo(sid) {
+        this.viewTitle = '【编辑】配件销售单位开票申请'
+        this.$nextTick(() => {
+          this.$refs['form_obj'].clearValidate()
+        })
+        req.fetchBySid(sid).then((res) => {
+          if (res.success) {
+            this.formobj = res.data
+
+
+            getInvoicingList({
+              orgPath: this.formobj.createOrgSid
+            }).then((res) => {
+              if (res.success) {
+                this.invoiceOrgList = res.data
+              }
+            })
+
+            choiceSupplierInfo({
+              deptSid: this.formobj.deptSid
+            }).then((resp) => {
+              if (resp.success) {
+                this.invoiceNameList = resp.data
+              }
+            })
+
+            typeValues({
+              type: 'billingType'
+            }).then((res) => {
+              if (res.success) {
+                this.invoiceTypeList = res.data
+              }
+            })
+
+
+          }
+        })
+      },
+
+      resetState() {
+        this.viewState = 1
+      },
+
+      delOrder(index) {
+        this.formobj.saleOrderList.splice(index, 1)
+      },
+      saveOrUpdate() {
+        this.$refs['form_obj'].validate((valid) => {
+          if (valid) {
+            if (this.formobj.saleOrderList.length == 0) {
+              this.$message({
+                showClose: true,
+                type: 'error',
+                message: '请选择销售单'
+              })
+              return
+            }
+            this.submitdisabled = true
+            req.saveOrUpdate(this.formobj).then((res) => {
+              if (res.success) {
+                this.$message({
+                  showClose: true,
+                  type: 'success',
+                  message: '保存成功'
+                })
+                // 子页面向父级页面传递值(关闭弹框)
+                window.parent.postMessage({
+                  cmd: 'returnHeight',
+                  params: {
+                    // 操作成功，告诉父级页面关闭弹框
+                    code: 1
+                  }
+                }, '*')
+              } else {
+                this.submitdisabled = false
+              }
+            }).catch(() => {
+              this.submitdisabled = false
+            })
+          }
+        })
+      },
+      submit() {
+        this.$refs['form_obj'].validate((valid) => {
+          if (valid) {
+            if (this.formobj.saleOrderList.length == 0) {
+              this.$message({
+                showClose: true,
+                type: 'error',
+                message: '请选择销售单'
+              })
+              return
+            }
+            this.submitdisabled = true
+            req.submit(this.formobj).then((res) => {
+              if (res.success) {
+                this.$message({
+                  showClose: true,
+                  type: 'success',
+                  message: '提交成功'
+                })
+                // 子页面向父级页面传递值(关闭弹框)
+                window.parent.postMessage({
+                  cmd: 'returnHeight',
+                  params: {
+                    // 操作成功，告诉父级页面关闭弹框
+                    code: 1
+                  }
+                }, '*')
+              } else {
+                this.submitdisabled = false
+              }
+            }).catch(() => {
+              this.submitdisabled = false
+            })
+          }
+        })
+      },
+      handleReturn(isreload) {
+        if (isreload === 'true') this.$emit('reloadlist')
+        this.formobj = {
+          "sid": "",
+          "nodeState": "",
+          "procInstId": "",
+          "procDefId": "",
+          "taskId": "",
+          "nodeId": "",
+          "useOrgName": "",
+          "createByName": "",
+          "deptName": "",
+          "createTime": "",
+          "invoiceOrg": "",
+          "invoiceOrgSid": "",
+          "invoiceName": "",
+          "invoiceNameSid": "",
+          "invoiceType": "",
+          "invoiceTypeSid": "",
+          "invoicePrice": "",
+          "remarks": "",
+          "files": [],
+          "saleOrderList": [
+
+          ]
+        }
+        this.submitdisabled = false
+        this.$emit('doback')
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .span-sty {
+    width: 130px !important;
+  }
+
+  .addinputInfo {
+    margin-left: 120px !important;
+  }
+
+  /deep/ .el-form-item__error {
+    margin-left: 120px !important;
+  }
+
+  .titleOne {
+    padding: 7px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
+    margin-left: 120px !important;
+    width: calc(100% - 115px);
+  }
+
+  .formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group {
+    display: inline;
+    line-height: 1px;
+    vertical-align: middle;
+  }
+
+  .el-divider {
+    margin: 0 !important;
+    background-color: #FFFFFF;
+  }
+</style>
diff --git a/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceYiBan.vue b/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceYiBan.vue
new file mode 100644
index 0000000000..0b3356488e
--- /dev/null
+++ b/yxt-as-ui/src/views/workFlow/salesInvoiceFlow/salesInvoiceYiBan.vue
@@ -0,0 +1,205 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="danger" size="small" @click="openRevoke()">撤回</el-button>
+        </div>
+      </div>
+      <div class="">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.deptName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceOrg }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">开票名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoiceType }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.invoicePrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">备注</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item><el-image class="addinputInfo" style="width: 150px;height: 150px;padding: 10px;"
+                  v-for="(item, index) in formobj.files" :key="index" :src="item"
+                  :preview-src-list="formobj.files" /></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">
+            <div>配件销售开票申请列表</div>
+          </div>
+          <el-table :key="commodityKey" :data="formobj.saleOrderList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="index+1" align="center" />
+            <el-table-column label="销售单号" prop="saleOrderNo" align="center" />
+            <el-table-column label="配件销售人" prop="salePerson" align="center" />
+            <el-table-column label="客户名称" prop="cusmoterName" align="center" />
+            <el-table-column label="车牌号" prop="vehMark" align="center" />
+            <el-table-column label="车架号" prop="vinNo" align="center" />
+            <el-table-column label="材料费" prop="goodsAmount" align="center" />
+            <el-table-column label="附加费" prop="addAmount" align="center" />
+            <el-table-column label="优惠" prop="discountAmount" align="center" />
+            <el-table-column label="结算日期" prop="settleDate" align="center" />
+            <el-table-column label="结算金额合计" prop="settleAmount" align="center" />
+
+          </el-table>
+
+        </el-form>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+  import req from '@/api/operation/salesInvoice'
+  export default {
+    name: 'SalesInvoiceInfo',
+    data() {
+      return {
+        viewTitle: '',
+        viewState: 1,
+        commodityKey: 1,
+        index: 0,
+        formobj: {
+
+        },
+        rules: {},
+        // 环节所需参数
+        linkByParameter: {
+          businessSid: '',
+          comment: '',
+          instanceId: '',
+          taskId: '',
+          orgSidPath: '',
+          taskDefKey: '',
+          userSid: ''
+        }
+      }
+    },
+    computed: {},
+    created() {
+      console.log('url:' + window.location.href)
+      var one = window.location.href.indexOf('&data') + 6
+      const data = window.location.href.substr(one) // url解码unescape()已从web中移除,尽量不使用
+      const obj = JSON.parse(decodeURIComponent(data))
+      console.log('iframe页面获取的obj:', obj)
+      // 点击（同意、终止、驳回、驳回）操作时所需的参数
+      this.linkByParameter.businessSid = obj.businessSid
+      this.linkByParameter.instanceId = obj.instanceId
+      this.linkByParameter.taskId = obj.taskId
+      this.linkByParameter.taskDefKey = obj.taskDefKey
+      this.linkByParameter.userSid = window.sessionStorage.getItem('userSid')
+      // 加载表单数据
+      this.showInfo(obj.businessSid)
+    },
+    mounted() {
+      window.parent.postMessage({
+        cmd: 'returnHeight',
+        params: {
+          // 告诉父级页面，子页面的弹框高度。
+          code: 2,
+          data: 500 + 'px'
+        }
+      }, '*')
+    },
+    methods: {
+      showInfo(sid) {
+        this.viewTitle = '配件销售单开票申请详情'
+        req.fetchBySid(sid).then((res) => {
+          if (res.success) {
+            this.formobj = res.data
+          }
+        })
+      },
+
+      /** 确认撤回任务 */
+      openRevoke() {
+        this.$confirm('是否确认执行撤回操作', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.handleRevoke()
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消撤回'
+          })
+        })
+      },
+      /** 撤回任务 */
+      handleRevoke() {
+        req.revokeProcess(this.linkByParameter).then((response) => {
+          if (response.success) {
+            this.$notify({
+              title: '提示',
+              message: '执行成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.nodeDialogVisible = false
+            // 子页面向父级页面传递值
+            window.parent.postMessage({
+              cmd: 'returnHeight',
+              params: {
+                // 操作成功，告诉父级页面关闭弹框
+                code: 1
+              }
+            }, '*')
+          }
+        })
+      }
+
+    }
+  }
+</script>
+
+<style scoped>
+  .first_row {
+    border-top: 1px solid #E0E3EB;
+  }
+
+  .span-sty {
+    width: 130px !important;
+  }
+
+  .addinputInfo {
+    margin-left: 120px !important;
+  }
+
+  .rowClass {
+    border-top: 1px solid #E0E3EB;
+  }
+</style>