diff --git a/anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/contract.js b/anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/contract.js
index bb4c0698bf..c6fffcf013 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/contract.js
+++ b/anrui-buscenter/anrui-buscenter-ui/src/api/jichuxinxi/contract.js
@@ -1,250 +1,165 @@
-import request from "@/utils/request";
-// import qs from "qs";
-// ----------------------------------- 合同档案管理
-// 列表查询接口
+import request from '@/utils/request'
+
 export function getPageList(data) {
   return request({
-    url: "/base/v1/commoncontract/listPage",
-    method: "post",
+    url: '/base/v1/commoncontract/listPage',
+    method: 'post',
     data: data,
-    headers: {
-      "Content-Type": "application/json"
-    }
-  });
+    headers: { 'Content-Type': 'application/json' }
+  })
 }
 
 // 保存
 export function saveContract(data) {
   return request({
-    url: "base/v1/commoncontract/save",
-    data,
-    method: "post",
-    // data: data,
-    headers: {
-      "Content-Type": "application/json"
-    }
-  });
+    url: 'base/v1/commoncontract/save',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
 }
 
 export function updateContract(data) {
   return request({
-    url: "/base/v1/commoncontract/update/" + data.sid,
-    method: "post",
+    url: '/base/v1/commoncontract/update/' + data.sid,
+    method: 'post',
     data: data,
-    headers: {
-      "Content-Type": "application/json"
-    }
-  });
+    headers: { 'Content-Type': 'application/json' }
+  })
 }
 
 // 编辑回显
 export function getOneContract(data) {
   return request({
-    url: "/base/v1/commoncontract/fetchSid/" + data,
-    method: "get"
-  });
+    url: '/base/v1/commoncontract/fetchSid/' + data,
+    method: 'get'
+  })
 }
 
 export function deleteByids(data) {
-  var params = new URLSearchParams();
-  params.append("sids", data);
-  return request({
-    url: "/base/v1/commoncontract/deleteBySids",
-    method: "DELETE",
-    data: params
-  });
-}
-// export function exportCommoncontractExcel(data) {
-//   data.url = "/base/v1/commoncontract/exportExcel";
-//   exportExcelPublic(data);
-// }
-// export function exportExcelPublic(data) {
-//   axios({
-//     method: data.method,
-//     url: `${data.url}${data.params ? "?" + data.params : ""}`,
-//     responseType: "blob"
-//   })
-//     .then(res => {
-//       const link = document.createElement("a");
-//       const blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
-//       link.style.display = "none";
-//       link.href = URL.createObjectURL(blob);
-//       const temp = res.headers["content-disposition"]
-//         .split(";")[1]
-//         .split("filename=")[1];
-//       const iconv = require("iconv-lite");
-//       iconv.skipDecodeWarning = true;
-//       const fileName = iconv.decode(temp, "utf-8");
-//       // link.download = res.headers['content-disposition'] // 下载后文件名
-//       link.download = fileName; // 下载的文件名
-//       document.body.appendChild(link);
-//       link.click();
-//       document.body.removeChild(link);
-//     })
-//     .catch(error => {
-//       this.$message.error({
-//         title: "错误",
-//         desc: "网络连接错误"
-//       });
-//       console.log(error);
-//     });
-// }
+  return request({
+    url: '/base/v1/commoncontract/deleteBySids',
+    method: 'DELETE',
+    data: data
+  })
+}
+
 // 导出
 export function basefinbankExportExcel(data) {
   return request({
-    url: "/base/v1/commoncontract/exportExcel",
-    method: "get",
-    responseType: "blob", // 表明返回服务器返回的数据类型
+    url: '/base/v1/commoncontract/exportExcel',
+    method: 'get',
+    responseType: 'blob', // 表明返回服务器返回的数据类型
     params: data,
     headers: {
-      "Content-Type": "application/x-www-form-urlencoded"
+      'Content-Type': 'application/x-www-form-urlencoded'
     }
-  });
+  })
 }
+
 // ----合同模板
 export function getTemplatePageList(data) {
   return request({
-    url: "/base/v1/commoncontracttemplate/listPage",
-    method: "post",
+    url: '/base/v1/commoncontracttemplate/listPage',
+    method: 'post',
     data: data,
     headers: {
-      "Content-Type": "application/json"
+      'Content-Type': 'application/json'
     }
-  });
+  })
 }
 
 export function saveTemplate(data) {
   return request({
-    url: "/base/v1/commoncontracttemplate/save",
-    data,
-    method: "post",
-    // data: data,
+    url: '/base/v1/commoncontracttemplate/save',
+    method: 'post',
+    data: data,
     headers: {
-      "Content-Type": "application/json"
+      'Content-Type': 'application/json'
     }
-  });
+  })
 }
 
 export function updateTemplate(data) {
   return request({
-    url: "/base/v1/commoncontracttemplate/update/" + data.sid,
-    method: "post",
+    url: '/base/v1/commoncontracttemplate/update/' + data.sid,
+    method: 'post',
     data: data,
     headers: {
-      "Content-Type": "application/json"
+      'Content-Type': 'application/json'
     }
-  });
+  })
 }
 
 export function getOneTemplate(data) {
   return request({
-    url: "/base/v1/commoncontracttemplate/fetchSid/" + data,
-    method: "get"
-  });
+    url: '/base/v1/commoncontracttemplate/fetchSid/' + data,
+    method: 'get'
+  })
 }
+
 export function deleteTemplateByids(data) {
-  var params = new URLSearchParams();
-  params.append("sids", data);
   return request({
-    url: "/base/v1/commoncontracttemplate/deleteBySids",
-    method: "DELETE",
-    data: params
-  });
+    url: '/base/v1/commoncontracttemplate/deleteBySids',
+    method: 'DELETE',
+    data: data
+  })
 }
+
 // 导出合同模板excel;
 export function basefinbankTemplateExportExcel(data) {
   return request({
-    url: "/base/v1/commoncontracttemplate/exportExcel", // + data
-    method: "get",
-    responseType: "blob", // 表明返回服务器返回的数据类型
+    url: '/base/v1/commoncontracttemplate/exportExcel', // + data
+    method: 'get',
+    responseType: 'blob', // 表明返回服务器返回的数据类型
     params: data,
     headers: {
-      "Content-Type": "application/x-www-form-urlencoded"
+      'Content-Type': 'application/x-www-form-urlencoded'
     }
-  });
-}
-
-// export function basefinbankTemplateExportExcel(data) {
-//   data.url = "/base/v1/commoncontracttemplate/exportExcel";
-//   exportExcelPublic(data);
-// }
-// export function exportExcelPublic(data) {
-//   console.log(data.params);
-//   axios({
-//     method: data.method,
-//     //  url: `${data.url}${data.params ? "?" + data.params : ""}`,
-//     url: data.url,
-//     data: data.params,
-//     responseType: "blob",
-//     headers: {
-//       "Content-Type": "application/x-www-form-urlencoded"
-//     }
-//   })
-//     .then(res => {
-//       const link = document.createElement("a");
-//       const blob = new Blob([res.data], { type: "application/vnd.ms-excel" });
-//       link.style.display = "none";
-//       link.href = URL.createObjectURL(blob);
-//       const temp = res.headers["content-disposition"]
-//         .split(";")[1]
-//         .split("filename=")[1];
-//       const iconv = require("iconv-lite");
-//       iconv.skipDecodeWarning = true;
-//       const fileName = iconv.decode(temp, "utf-8");
-//       // link.download = res.headers['content-disposition'] // 下载后文件名
-//       link.download = fileName; // 下载的文件名
-//       document.body.appendChild(link);
-//       link.click();
-//       document.body.removeChild(link);
-//     })
-//     .catch(error => {
-//       //   this.$message.error({
-//       //     title: "错误",
-//       //     desc: "网络连接错误"
-//       //   });
-//       //  console.log(error);
-//       console.log(9);
-//     });
-// }
+  })
+}
 
 // 获取人员类型
 export function getPersonnelType(data) {
   return request({
-    url: "/base/v1/commoncontract/getPersonnelType",
-    method: "post"
-  });
+    url: '/base/v1/commoncontract/getPersonnelType',
+    method: 'post'
+  })
 }
 
 // 项目类型
 export function getProjectType(data) {
   return request({
-    url: "/base/v1/commoncontract/getProjectType",
-    method: "post"
-  });
+    url: '/base/v1/commoncontract/getProjectType',
+    method: 'post'
+  })
 }
+
 // 上传
 
 export function uploadFile(data) {
   return request({
-    url: "/base/file/upload",
-    method: "post",
+    url: '/base/file/upload',
+    method: 'post',
     data: data
-  });
+  })
 }
+
 // 下载
 export function download(data) {
   return request({
-    url: "/base/file/download",
-    method: "get",
+    url: '/base/file/download',
+    method: 'get',
     params: data,
-    responseType: "blob" // 表明返回服务器返回的数据类型
-  });
+    responseType: 'blob' // 表明返回服务器返回的数据类型
+  })
 }
+
 // 移除
 export function deleteFilesOss(data) {
   return request({
-    url: "/base/v1/commonappendix/deleteFilesOss",
-    method: "post",
+    url: '/base/v1/commonappendix/deleteFilesOss',
+    method: 'post',
     params: { fullPath: data }
-  });
+  })
 }
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanli.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanli.vue
index 072e7cbbf6..354210bd01 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanli.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanli.vue
@@ -1,71 +1,50 @@
 <template>
   <div class="app-container">
-       <div v-show="viewState == 1">
-      <div class="tab-header webtop">
-        <div>合同档案管理</div>
-        <div>
-          <el-button type="primary" size="small" @click="handleCreate()">新增</el-button>
-          <el-button type="primary" size="small" @click="handleUpdate()">编辑</el-button>
-          <el-button type="primary" size="small" :disabled="isableSub" @click="handleSubmit()">提交</el-button>
-          <el-button type="danger" size="small" @click="handleDelete()">删除</el-button>
-          <el-button type="success" size="small" @click="handleDaoru()">导入</el-button>
-          <el-button type="success" size="small" @click="handleDaoChu()">导出</el-button>
-          <!-- <el-button type="info" size="small" @click="handleReturn()">返回</el-button> -->
-        </div>
-      </div>
-      <div class="webcon">
+    <div v-show="viewState == 1">
+      <button-bar view-title="合同档案管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
+      <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-select v-model="listQuery.params.contractType" placeholder="请选择" class="filter-item">
-                  <el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue"
-                             :value="item.dictValue"/>
+              <el-form-item label="合同类型">
+                <el-select v-model="listQuery.params.contractTypeKey" filterable placeholder="请选择">
+                  <el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
                 </el-select>
               </el-form-item>
-              <el-form-item label="合同编号" class="searchlist">
-                <el-input v-model="listQuery.params.contractNo" placeholder="" clearable class="filter-item"/>
+              <el-form-item label="合同编号">
+                <el-input v-model="listQuery.params.contractNo" placeholder="" clearable/>
               </el-form-item>
-              <el-form-item label="签订日期" class="searchlist">
-                <el-date-picker v-model="listQuery.params.createDateStart" class="filter-item" type="date"
-                                format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择"/>
-                <label>至</label>
-                <el-date-picker v-model="listQuery.params.createDateEnd" class="filter-item" type="date"
-                                format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择"/>
+              <el-form-item label="签订日期">
+                <el-date-picker v-model="listQuery.params.createDateStart" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择"/>
+                <span style="padding: 0 8px">至</span>
+                <el-date-picker v-model="listQuery.params.createDateEnd" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="请选择"/>
               </el-form-item>
-              <el-form-item label="甲方名称" class="searchlist">
-                <el-input v-model="listQuery.params.partyA" placeholder="" clearable class="filter-item"/>
+              <el-form-item label="甲方名称">
+                <el-input v-model="listQuery.params.partyA" placeholder="" clearable/>
               </el-form-item>
-              <el-form-item label="乙方名称" class="searchlist">
-                <el-input v-model="listQuery.params.partyB" placeholder="" clearable class="filter-item"/>
+              <el-form-item label="乙方名称">
+                <el-input v-model="listQuery.params.partyB" placeholder="" clearable/>
               </el-form-item>
-              <div class="searchbtns">
-                <el-button type="primary" @click="handleLook">查询</el-button>
-                <el-button type="primary" @click="handleReset">重置</el-button>
-              </div>
             </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button size="small" icon="el-icon-search" type="primary" @click="handleLook">查询</el-button>
+              <el-button size="small" icon="el-icon-refresh" type="primary" @click="handleReset">重置</el-button>
+            </div>
           </div>
         </div>
         <div class="listtop">
           <div class="tit">合同档案列表</div>
-          <pageye v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
-                  class="pagination" @pagination="getList"/>
+          <pageye v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
         </div>
         <div class="">
-          <el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%"
-                    @selection-change="handleSelectionChange">
-            <el-table-column width="50px" type="selection" align="center"/>
-            <el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
-            <el-table-column width="150px" label="操作" align="center">
+          <el-table :key="tableKey" 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="60" label="序号" type="index" :index="indexMethod" align="center"/>
+            <el-table-column width="100" label="操作" align="center">
               <template slot-scope="scope">
-                <div class="searchbtns">
-                  <el-button size="small" type="primary"
-                             :disabled="scope.row.nodeState == ''?false:true"
-                             @click="changeNodeState(scope.row)">办理
-                  </el-button>
-                </div>
+                <el-button size="small" type="primary" @click="toEdit(scope.row)">办理</el-button>
               </template>
             </el-table-column>
             <el-table-column label="状态" align="center">
@@ -75,7 +54,7 @@
             </el-table-column>
             <el-table-column label="合同编号" align="center">
               <template slot-scope="scope">
-                <span class="bluezi" @click="handleCheck(scope.row)">{{scope.row.contractNo}}</span>
+                <span class="bluezi" @click="toInfo(scope.row)">{{ scope.row.contractNo }}</span>
               </template>
             </el-table-column>
             <el-table-column label="合同类型" align="center">
@@ -125,7 +104,6 @@
             </el-table-column>
             <el-table-column label="合同扫描件" align="center">
               <template slot-scope="scope">
-                <!-- <img :src="scope.row.appdixUrl"> -->
                 <span class="bluezi" @click="lookPicture(scope.row)">查看</span>
               </template>
             </el-table-column>
@@ -139,21 +117,17 @@
         <div class="pages">
           <div class="tit"/>
           <!-- 翻页 -->
-          <pagination v-show="total > 0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
-                      class="pagination" @pagination="getList"/>
+          <pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
         </div>
       </div>
     </div>
-    <hetongdanganguanli-add ref="addAndUpdate" v-show="viewState == 2 || viewState == 3" @handleReturn="resetState"
-                            @created="dataCreated" @updated="dataUpdated"/>
-    <hetongdanganguanli-info ref="openInfo" v-show="viewState == 4" @handleReturn="resetState"/>
+    <hetongdanganguanli-add ref="divAdd" v-show="viewState == 2 || viewState == 3" @handleReturn="resetState" @reloadlist="getList"/>
+    <hetongdanganguanli-info ref="divInfo" v-show="viewState == 4" @handleReturn="resetState"/>
 
     <div class="dialogStyle">
       <el-dialog title="查看" :visible.sync="dialogVisible" width="45%" height="320">
-        <embed v-show="pdfShow" id="plugin" width="100%" height="600" name="plugin" :src="contractPdf"
-               type="application/pdf" internalinstanceid="119">
-        <el-image v-for="url in pictureUrls" v-show="imageShow" :key="url" :src="url" lazy
-                  style="width:200px;height:200px" :preview-src-list="pictureUrls"/>
+        <embed v-show="pdfShow" id="plugin" width="100%" height="600" name="plugin" :src="contractPdf" type="application/pdf" internalinstanceid="119">
+        <el-image v-for="url in pictureUrls" v-show="imageShow" :key="url" :src="url" lazy style="width:200px;height:200px" :preview-src-list="pictureUrls"/>
       </el-dialog>
     </div>
 
@@ -161,382 +135,268 @@
 </template>
 
 <script>
-  import {mapGetters} from 'vuex'
-  import {
-    getPageList,
-    deleteByids,
-    basefinbankExportExcel,
-  } from '@/api/jichuxinxi/contract'
-  import {dictType} from '@/api/salesManagement/orderManagement'
-  import {submitCarSale, updateCarSale} from '@/api/portal/workFlow'
-  // import { setuser, getuser } from '@/utils/baocun'
-  import Pagination from '@/components/pagination'
-  import pageye from '@/components/pagination/pageye'
-  import hetongdanganguanliAdd from './hetongdanganguanliAdd.vue'
-  import hetongdanganguanliInfo from './hetongdanganguanliInfo.vue'
+import { getPageList, deleteByids, basefinbankExportExcel } from '@/api/jichuxinxi/contract'
+import { typeValues, getOrgSidByPath } from '@/api/dictcommons/dictcommons'
+import Pagination from '@/components/pagination'
+import pageye from '@/components/pagination/pageye'
+import ButtonBar from '@/components/ButtonBar'
+import hetongdanganguanliAdd from './hetongdanganguanliAdd.vue'
+import hetongdanganguanliInfo from './hetongdanganguanliInfo.vue'
 
-  export default {
-    name: 'Hetongdanganguanli',
-    components: {
-      Pagination,
-      pageye,
-      hetongdanganguanliAdd,
-      hetongdanganguanliInfo,
-    },
-    data() {
-      return {
-        isableSub:false,
-        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
-        contractPdf: '',
-        typeList: [],
-        pictureUrls: [],
-        pdfShow: false,
-        imageShow: false,
-        dialogVisible: false,
-        isSearchShow: false,
-        searchxianshitit: '隐藏查询条件',
-        // 查询 -----------
-        tableKey: 0,
-        list: [],
-        sids: [],
-        total: 1,
-        FormLoading: false,
-        listLoading: false,
-        listQuery: {
-          current: 1,
-          size: 20,
-          params: {
-            contractType: '',
-            contractNo: '',
-            partyA: '',
-            partyB: '',
-            createDateStart: '',
-            createDateEnd: '',
-          },
+export default {
+  name: 'HeTongDangAnGuanLi',
+  components: {
+    Pagination,
+    pageye,
+    ButtonBar,
+    hetongdanganguanliAdd,
+    hetongdanganguanliInfo
+  },
+  data() {
+    return {
+      btndisabled: false,
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
         },
-        submitDto: {
-          businessSid: '',
-          userSid: window.sessionStorage.getItem('userSid'),
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
         },
-        updateDto: {
-          nodeState: '',
-          sid: '',
-        },
-        nodeState: '',
-        selectDate: undefined,
-        temp: {}, // 添加和修改
-        // visible: true,
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ],
+      viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+      contractPdf: '',
+      typeList: [],
+      pictureUrls: [],
+      pdfShow: false,
+      imageShow: false,
+      dialogVisible: false,
+      isSearchShow: false,
+      searchxianshitit: '隐藏查询条件',
+      // 查询 -----------
+      tableKey: 0,
+      list: [],
+      sids: [],
+      FormLoading: false,
+      listLoading: false,
+      listQuery: {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          contractNo: '',
+          contractTypeKey: '',
+          partyA: '',
+          partyB: '',
+          createDateStart: '',
+          createDateEnd: '',
+          userOrgSid: '',
+          userSid: ''
+        }
+      }
+    }
+  },
+  mounted() {
+    this.$refs['btnbar'].setButtonList(this.btnList)
+  },
+  created() {
+    this.init()
+  },
+  methods: {
+    // 搜索条件效果
+    clicksearchShow() {
+      this.isSearchShow = !this.isSearchShow
+      if (this.isSearchShow) {
+        this.searchxianshitit = '隐藏查询条件'
+      } else {
+        this.searchxianshitit = '显示查询条件'
       }
     },
-    computed: {
-      ...mapGetters([
-        'id',
-        'roles',
-        'rolesIds',
-        'departmentId',
-        'departmentCode',
-      ]),
+    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
+      }
     },
-    created() {
-      // this.init()
-      this.getList()
-      this.getType()
+    init() {
+      typeValues({ type: 'contractType' }).then((response) => {
+        if (response.success) {
+          this.typeList = response.data
+        }
+      })
+      getOrgSidByPath({ orgPath: window.sessionStorage.getItem('defaultOrgPath') }).then((resp) => {
+        if (resp.success) {
+          this.listQuery.params.userOrgSid = resp.data
+          this.getList()
+        }
+      })
     },
-    methods: {
-      // 搜索条件效果
-      clicksearchShow() {
-        this.isSearchShow = !this.isSearchShow
-        if (this.isSearchShow) {
-          this.searchxianshitit = '隐藏查询条件'
+    // 序号
+    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')
+      getPageList(this.listQuery).then((response) => {
+        this.listLoading = false
+        if (response.success) {
+          this.list = response.data.records
+          this.listQuery.total = response.data.total
         } else {
-          this.searchxianshitit = '显示查询条件'
+          this.list = []
+          this.listQuery.total = 0
         }
-      },
-      init() {
-
-      },
-      // 合同类型
-      getType() {
-        dictType({
-          type: 'contractType',
-        }).then((response) => {
-          if (response.code === '200' && response.data) {
-            this.typeList = response.data
-          }
-        })
-      },
-      // 返回
-      resetState() {
-        this.viewState = 1
-      },
-      // 序号
-      indexMethod(index) {
-        var pagestart = (this.listQuery.current - 1) * this.listQuery.size
-        var pageindex = index + 1 + pagestart
-        return pageindex
-      },
-      // 查询列表信息
-      getList() {
-        this.listLoading = true
-        getPageList({
-          current: this.listQuery.current,
-          size: this.listQuery.size,
-          params: this.listQuery.params,
-        }).then((response) => {
-          this.listLoading = false
-          if (
-            response.code === '200' &&
-            response.data &&
-            response.data.total > 0
-          ) {
-            this.list = response.data.records
-            this.total = response.data.total
-          } else {
-            this.list = []
-            this.total = 0
-          }
-        })
-      },
-
-      // 查询按钮
-      handleLook() {
-        this.listQuery.current = 1
-        this.getList()
-      },
-      // 重置
-      handleReset() {
-        this.listQuery.params.contractType = ''
-        this.listQuery.params.contractNo = ''
-        this.listQuery.params.partyA = ''
-        this.listQuery.params.partyB = ''
-        this.listQuery.params.createDate = ''
-        this.listQuery.params.createDateStart = ''
-        this.listQuery.params.createDateEnd = ''
-        this.SearchTime = ''
-        //   this.getList()
-      },
-      // 打开添加
-      handleCreate() {
-        this.$refs.addAndUpdate.openCreate(() => {
-          this.viewState = 2
-        })
-      },
-      // 勾选
-      handleSelectionChange(row) {
-        const aa = []
-        row.forEach((element) => {
-          aa.push(element.sid)
-          //  setuser(this.sids)
-        })
-        this.sids = aa
-        const bb = []
-        row.forEach((element) => {
-          bb.push(element.nodeState)
-          console.log(element.nodeState)
-          if (element.nodeState !==''){
-            this.isableSub = true
-          }else if (element.nodeState ==''){
-            this.isableSub = false
-          }
-        })
-      },
-      // 打开修改
-      handleUpdate() {
-        if (this.sids.length === 1) {
-          this.dialogStatus = 'update'
-          this.viewState = 3
-          this.$refs.addAndUpdate.openUpdate(this.sids[0])
-        } else if (this.sids.length > 1) {
-          this.$notify({
-            title: '提示',
-            message: '不能选中多个数据修改!!',
-            type: 'info',
-            duration: 2000,
-          })
+      })
+    },
+    // 勾选
+    handleSelectionChange(row) {
+      const aa = []
+      row.forEach((element) => {
+        aa.push(element.sid)
+      })
+      this.sids = aa
+    },
+    // 查询按钮
+    handleLook() {
+      this.listQuery.current = 1
+      this.getList()
+    },
+    // 重置
+    handleReset() {
+      this.listQuery = {
+        current: 1,
+        size: 10,
+        total: 0,
+        params: {
+          contractNo: '',
+          contractTypeKey: '',
+          partyA: '',
+          partyB: '',
+          createDateStart: '',
+          createDateEnd: '',
+          userOrgSid: '',
+          userSid: ''
+        }
+      }
+      this.init()
+    },
+    // 打开添加
+    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
+      }
+      deleteByids(this.sids).then((response) => {
+        if (response.success) {
+          this.$message({ showClose: true, type: 'success', message: '操作成功' })
+          this.getList()
         } else {
-          this.$notify({
-            title: '提示',
-            message: '没有选择数据!!',
-            type: 'error',
-            duration: 2000,
-          })
-          return
+          this.$message({ showClose: true, type: 'error', message: '删除失败' })
         }
-      },
-      // 查看詳情
-      handleCheck(row) {
-        this.viewState = 4
-        this.$refs.openInfo.hetongdanganguanliinfo(row.sid, () => {
-          // this.visible = false
+      })
+    },
+    // 导出
+    handleDaoChu(row) {
+      if (this.sids.length > 0) {
+        this.listQuery.params.sids = this.sids.join(',')
+      }
+      basefinbankExportExcel(this.listQuery.params).then((res) => {
+        const blob = new Blob([res], {
+          type: 'application/vnd.ms-excel',
         })
-      },
-      //办理
-      changeNodeState(row) {
-        if (row.nodeState == '') {
-          this.dialogStatus = 'update'
-          this.viewState = 3
-          this.$refs.addAndUpdate.openUpdate(row.sid)
-        }
-      },
-      // 提交
-      handleSubmit() {
-        if (this.sids.length == 1) {
-          console.log('提交sid', this.sids[0])
-          this.$confirm('是否确定提交该业务', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          }).then(() => {
-            this.submitDto.businessSid = this.sids[0]
-            submitCarSale(this.submitDto).then((response) => {
-              if (response.code === '200') {
-                this.updateDto.nodeState = response.data.nodeState
-                this.$notify({
-                  title: '提示',
-                  message: '提交成功',
-                  type: 'success',
-                  duration: 2000,
-                })
-                // 更新审批 状态
-                this.updateDto.sid = this.sids[0]
-                updateCarSale(this.updateDto).then((response) => {
-                  if (response.code === '200') {
-                    this.$notify({
-                      title: '提示',
-                      message: '更新成功',
-                      type: 'success',
-                      duration: 2000,
-                    })
-                    this.getList()
-                  } else {
-                    this.$notify({
-                      title: '更新失败',
-                      message: response.msg,
-                      type: 'error',
-                    })
-                  }
-                })
-              } else {
-                this.$notify({
-                  title: '提交失败',
-                  message: response.msg,
-                  type: 'error',
-                })
-              }
-            })
-          })
-        } else if (this.sids.length == 0) {
-          this.$notify({
-            title: '您还未选择，请选择数据！',
-            type: 'error',
-          })
-        } else if (this.sids.length > 1) {
-          this.$notify({
-            title: '您选择的数据过多，请选择一条数据编辑！',
-            type: 'error',
-          })
-        }
-      },
-      // 删除
-      handleDelete() {
-        if (this.sids.length === 0) {
-          this.$notify({
-            title: '提示',
-            message: '没有选择!!',
-            type: 'warning',
-            duration: 2000,
-          })
-          return
-        }
-        deleteByids(this.sids).then((response) => {
-          if (response.code === '200') {
-            this.$notify({
-              title: '提示',
-              message: '删除成功',
-              type: 'success',
-              duration: 2000,
-            })
-            this.getList()
-          } else {
-            this.$notify({
-              title: '删除失败',
-              message: response.msg,
-              type: 'error',
-            })
-          }
+        const objectUrl = URL.createObjectURL(blob)
+        window.location.href = objectUrl
+        this.$notify({
+          title: '提示',
+          message: '导出成功',
+          type: 'success',
+          duration: 2000
         })
-      },
-      // 导出
-      handleDaoChu(row) {
-        if (this.sids.length > 0) {
-          this.listQuery.params.sids = this.sids.join(',')
+      })
+    },
+    lookPicture(data) {
+      this.pdfShow = false
+      this.imageShow = false
+      this.pictureUrls = []
+      this.contractPdf = ''
+      const da = data.appdixUrl.split(',')
+      da.forEach((e) => {
+        if (e.endsWith('pdf')) {
+          this.contractPdf = e
+        } else if (e !== '') {
+          this.pictureUrls.push(e)
         }
-        basefinbankExportExcel(this.listQuery.params).then((res) => {
-          const blob = new Blob([res], {
-            type: 'application/vnd.ms-excel',
-          })
-          const objectUrl = URL.createObjectURL(blob)
-          window.location.href = objectUrl
-          this.$notify({
-            title: '提示',
-            message: '导出成功',
-            type: 'success',
-            duration: 2000,
-          })
-        })
-      },
-      // 添加修改返回
-      AddUpdateReturn() {
-        this.viewState = 1
-      },
-      // 添加保存完成
-      dataCreated() {
-        this.viewState = 1
-        this.handleLook()
-      },
-      // 修改保存完成
-      dataUpdated() {
-        this.viewState = 1
-        this.getList()
-      },
-      lookPicture(data) {
-        // console.log(data)
-        this.pdfShow = false
-        this.imageShow = false
-        this.pictureUrls = []
-        this.contractPdf = ''
-        const da = data.appdixUrl.split(',')
-        da.forEach((e) => {
-          if (e.endsWith('pdf')) {
-            this.contractPdf = e
-          } else if (e !== '') {
-            this.pictureUrls.push(e)
-          }
+      })
+      if (this.contractPdf && this.contractPdf !== '') {
+        this.pdfShow = true
+        this.dialogVisible = true
+      }
+      if (this.pictureUrls.length > 0) {
+        this.imageShow = true
+        this.dialogVisible = true
+      }
+      if (!this.dialogVisible) {
+        this.$notify({
+          title: '提示',
+          message: '没有文件',
+          type: 'warning',
+          duration: 2000
         })
-        if (this.contractPdf && this.contractPdf !== '') {
-          this.pdfShow = true
-          this.dialogVisible = true
-        }
-        if (this.pictureUrls.length > 0) {
-          this.imageShow = true
-          this.dialogVisible = true
-        }
-        if (!this.dialogVisible) {
-          this.$notify({
-            title: '提示',
-            message: '没有文件',
-            type: 'warning',
-            duration: 2000,
-          })
-        }
-      },
+      }
+    },
+    // 返回
+    resetState() {
+      this.viewState = 1
     },
+    doClose() {
+      this.$store.dispatch('tagsView/delView', this.$route)
+      this.$router.go(-1)
+    }
   }
+}
 </script>
 <style scoped>
-  /* .listcon {
-    height: calc(100vh - 550px);
-    overflow-y: auto;
-    overflow-x: hidden;
-  } */
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliAdd.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliAdd.vue
index 4ed053e3af..3f75e3a78f 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliAdd.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliAdd.vue
@@ -1,28 +1,19 @@
 <template>
   <div class="app-container">
     <div class="tab-header webtop">
-      <div>预订车辆</div>
-      <!-- <div v-else>11</div> -->
+      <div>{{ viewTitle }}</div>
       <div>
-        <el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
-        <el-button type="primary" size="small" :disabled="disabled" @click="handleSubmit()">提交
-        </el-button>
-        <el-button v-show="buttonState" type="primary" size="small">预览</el-button>
-        <el-button v-show="buttonState" type="primary" size="small">打印</el-button>
-        <el-button type="info" size="small" @click="handleReturn()">返回</el-button>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleCreate()">保存</el-button>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSubmit()">提交</el-button>
+        <el-button type="primary" size="small">预览</el-button>
+        <el-button type="primary" size="small">打印</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
       </div>
     </div>
     <div class="listconadd">
-      <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules">
-        <div style="text-align: center; font-size: 25px; font-weight: bold; margin-bottom: 20px; margin-top: 20px;">合同
-        </div>
-        <div style="border-top: 1px solid #e0e3eb"/>
-        <!-- <el-input v-model="temp.contractType" maxlength="125" placeholder="" class="addinputw" clearable hidden /> -->
-        <el-form-item prop="customerSid" hidden>
-          <span slot="label"/>
-          <el-input v-model="temp.customerSid" maxlength="125" placeholder="" class="addinputw" clearable/>
-        </el-form-item>
-        <el-row>
+      <div class="titwu">合同审核</div>
+      <el-form ref="temp_obj" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules">
+        <el-row style="border-top: 1px solid #e0e3eb">
           <el-col :span="12">
             <el-form-item prop="contractNo">
               <span slot="label">合同编号</span>
@@ -32,9 +23,8 @@
           <el-col :span="12">
             <el-form-item prop="contractType">
               <span slot="label">合同类型</span>
-              <el-select v-model="temp.contractType" placeholder="请选择" class="addinputw" @change="typeChange">
-                <el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue"
-                           :value="item.dictValue"/>
+              <el-select v-model="temp.contractType" placeholder="请选择" filterable class="addinputw" @change="typeChange">
+                <el-option v-for="item in typeList" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
               </el-select>
             </el-form-item>
           </el-col>
@@ -43,13 +33,13 @@
           <el-col :span="12">
             <el-form-item prop="partyA">
               <span slot="label">甲方名称</span>
-              <el-input v-model="temp.partyA" maxlength="125" placeholder="" class="addinputw" clearable/>
+              <el-input v-model="temp.partyA" placeholder="" class="addinputw" clearable/>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item prop="partyB">
               <span slot="label">乙方名称</span>
-              <el-input v-model="temp.partyB" maxlength="125" placeholder="" class="addinputw" clearable/>
+              <el-input v-model="temp.partyB" placeholder="" class="addinputw" clearable/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -57,16 +47,13 @@
           <el-col :span="12">
             <el-form-item prop="partyC">
               <span slot="label">其他方名称</span>
-              <el-input v-model="temp.partyC" maxlength="125" placeholder="" class="addinputw" clearable/>
-              <!-- <span>完善客户信息</span> -->
+              <el-input v-model="temp.partyC" placeholder="" class="addinputw" clearable/>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item prop="createDate">
               <span slot="label">签订日期</span>
-              <!-- <el-input v-model="temp.createDate" maxlength="125" placeholder="" class="addinputw" clearable /> -->
-              <el-date-picker v-model="temp.createDate" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
-                              clearable placeholder="选择日期" class="addinputw"/>
+              <el-date-picker v-model="temp.createDate" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" clearable placeholder="选择日期" class="addinputw"/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -80,8 +67,7 @@
           <el-col :span="12">
             <el-form-item prop="contractAmount">
               <span slot="label">合同金额</span>
-              <el-input v-model="temp.contractAmount" maxlength="125" placeholder="" type="Number" class="addinputw"
-                        clearable/>
+              <el-input v-model="temp.contractAmount" maxlength="125" placeholder="" type="Number" class="addinputw" clearable/>
             </el-form-item>
           </el-col>
         </el-row>
@@ -89,8 +75,7 @@
           <el-col :span="12">
             <el-form-item prop="deposit">
               <span slot="label">订金</span>
-              <el-input v-model="temp.deposit" maxlength="125" placeholder="" type="Number" class="addinputw"
-                        clearable/>
+              <el-input v-model="temp.deposit" maxlength="125" placeholder="" type="Number" class="addinputw" clearable/>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -100,729 +85,193 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="title" style="text-align: left;margin-bottom: 3px;">上传合同扫描件（ pdf、图片 ）</div>
+        <div class="title">新车买卖合同</div>
         <el-row>
           <el-col :span="24">
-            <!-- <el-button size="small" type="primary">选择文件</el-button> -->
-            <span slot="label">文件</span>
             <Upload ref="uploadImg" v-model="list1" :limit="1" bucket="map" :upload-data="{type:'0001'}"/>
           </el-col>
-          <!--          <el-col>-->
-          <!--            <div v-for="(url,index) in list3" v-if="list3.length>0 && url.filePath!=='' " :key="index">-->
-          <!--              <div class="nameStyle"><span @click="lookFile(url.filePath,url.type)">{{ url.name }}</span><i-->
-          <!--                v-show="deleteTubiaoStyle" class="el-icon-delete" style="color:grey;size:10px"-->
-          <!--                @click="deleteFile(url.filePath,index)"/></div>-->
-          <!--            </div>-->
-          <!--          </el-col>-->
-          <!--                    <el-col :span="24">-->
-          <!--                      <div v-for="(url,index) in list2" v-if="list2.length>0 && url.filePath!=='' " :key="index"-->
-          <!--                           class="imgcontent">-->
-          <!--                        <div class="dtp"><i v-show="deleteTubiaoStyle" class="el-icon-delete" style="color:grey;size:10px"-->
-          <!--                                            @click="deleteJpg(url.filePath,index)"/></div>-->
-          <!--                        <el-image :src="url.filePath" lazy style="width:200px;height:200px"/>-->
-          <!--                      </div>-->
-          <!--          &lt;!&ndash;             <el-image v-for="url in pictureUrls" :key="url" :src="url" lazy />&ndash;&gt;-->
-          <!--                    </el-col>-->
-
-          <!--          <el-upload-->
-          <!--            action="https://jsonplaceholder.typicode.com/posts/"-->
-          <!--            list-type="picture-card"-->
-          <!--            :on-preview="handlePictureCardPreview"-->
-          <!--            :on-remove="handleRemove">-->
-          <!--            <i class="el-icon-plus"></i>-->
-          <!--          </el-upload>-->
-          <!--          <el-dialog :visible.sync="dialogVisible">-->
-          <!--            <img width="100%" :src="dialogImageUrl" alt="">-->
-          <!--          </el-dialog>-->
-
+        </el-row>
+        <div class="title">现场签署照片</div>
+        <el-row>
+          <el-col :span="24">
+            <Upload ref="uploadImg" v-model="list2" :limit="1" bucket="map" :upload-data="{type:'0001'}"/>
+          </el-col>
+        </el-row>
+        <div class="title">证件照片</div>
+        <el-row>
+          <el-col :span="24">
+            <Upload ref="uploadImg" v-model="list3" :limit="1" bucket="map" :upload-data="{type:'0001'}"/>
+          </el-col>
         </el-row>
       </el-form>
     </div>
-    <el-dialog style="margin-top: -15vh!important;" width="60%" :append-to-body="true" :visible.sync="contractPdfView"
-               title="合同">
-      <embed id="plugin" width="100%" height="600" name="plugin" :src="contractPdf" type="application/pdf"
-             internalinstanceid="119">
-    </el-dialog>
+<!--    <el-dialog style="margin-top: -15vh!important;" width="60%" :append-to-body="true" :visible.sync="contractPdfView" title="合同">-->
+<!--      <embed id="plugin" width="100%" height="600" name="plugin" :src="contractPdf" type="application/pdf" internalinstanceid="119">-->
+<!--    </el-dialog>-->
   </div>
 
 </template>
 
 <script>
-  import {mapGetters} from 'vuex'
-  import {
-    getSaveByOrderSid,
-    saveOrderContract,
-    getXiaoShouHeTongByOrderSid,
-  } from '@/api/salesManagement/orderManagement'
-  import {
-    postsave,
-    getByBusSid,
-    generateContractNo,
-  } from '@/api/jichuxinxi/commoncontract'
-  import {
-    saveContract,
-    getOneContract,
-    updateContract,
-    download,
-    deleteFilesOss,
-  } from '@/api/jichuxinxi/contract'
-  import {submitCarSale, updateCarSale} from '@/api/portal/workFlow'
-  import {getPcAppendix} from '@/api/jichuxinxi/commonappendix'
-  import Upload from '@/components/uploadFile/upload.vue' //   上传文件
-  import {dictType} from '@/api/salesManagement/orderManagement'
-  import {loginDetails} from '@/api/dictcommons/basemanufacturer'
-  import {getStorage} from '@/utils/auth'
-
+import { saveContract, getOneContract, updateContract, download, deleteFilesOss } from '@/api/jichuxinxi/contract'
+import Upload from '@/components/uploadFile/upload.vue' //   上传文件
+import { typeValues } from '@/api/dictcommons/dictcommons'
 
-  export default {
-    name: 'HetongdanganguanliAdd',
-    components: {Upload},
-    data() {
-      return {
-        disabled: false, // 提交按钮
-        // 图片上传
-        dialogImageUrl: '',
-        dialogVisible: false,
-        //
-        fileList: [],
-        typeList: [],
-        YongHuid: '',
-        list1: [],
-        list2: [],
-        list3: [],
-        pictlist: [],
-        contractPdf: '',
-        text: '',
-        pictureUrls: [],
-        visible: false,
-        file_list: {
-          attachType: '0001',
-          linkSid: '',
-        },
-        contractPdfView: false,
-        deleteTubiaoStyle: false,
-        buttonState: true,
-        stateId: 0,
-        FormLoading: false,
-        listLoading: false,
-        nodeState: '', // 节点状态
-        submitDto: {
-          businessSid: '',
-          userSid: window.sessionStorage.getItem('userSid')
-        },
-        updateDto: {
-          nodeState: '',
-          sid: '',
-        },
-        temp: {}, // 添加和修改
-        rules: {
-          contractType: [{required: true, message: '请填写', trigger: 'blur'},],
-          contractNo: [{required: true, message: '请填写', trigger: 'blur'}],
-          address: [{required: true, message: '请填写', trigger: 'blur'}],
-          contractAmount: [
-            {required: true, message: '请填写', trigger: 'blur'},
-          ],
-          createDate: [{required: true, message: '请选择', trigger: 'blur'}],
-          // mobile: [
-          //  {
-          //   required: true,
-          //   message: '请填写联系电话',
-          //   trigger: 'blur'
-          //  },
-          //  {
-          //   pattern: /^1[3-9]\d{9}$/,
-          //   message: '手机号格式错误'
-          //  }
-          // ]
-        },
-        // ------------------------------------
+export default {
+  name: 'HetongdanganguanliAdd',
+  components: { Upload },
+  data() {
+    return {
+      submitdisabled: false, // 提交按钮
+      viewTitle: '',
+      // 图片上传
+      dialogImageUrl: '',
+      dialogVisible: false,
+      typeList: [],
+      list1: [],
+      list2: [],
+      list3: [],
+      contractPdf: '',
+      visible: false,
+      file_list: {
+        attachType: '0001',
+        linkSid: ''
+      },
+      contractPdfView: false,
+      temp: {
+        address: '',
+        appdixUrl: '',
+        busSid: '',
+        contractAmount: '',
+        contractNo: '',
+        contractType: '',
+        contractTypeKey: '',
+        createDate: '',
+        deposit: '',
+        partyA: '',
+        partyB: '',
+        partyC: '',
+        pcCommonAppendixDtoList: [],
+        remarks: '',
+        sceneSignUrl: '',
+        sceneSignUrlList: '',
+        sid: '',
+        staffName: '',
+        staffSid: ''
+      },
+      rules: {
+        contractType: [{ required: true, message: '合同类型不能为空', trigger: 'blur' }],
+        contractNo: [{ required: true, message: '合同编号不能为空', trigger: 'blur' }],
+        address: [{ required: true, message: '签订地点不能为空', trigger: 'blur' }],
+        contractAmount: [{ required: true, message: '合同金额不能为空', trigger: 'blur' }],
+        createDate: [{ required: true, message: '签订日期不能为空', trigger: 'blur' }]
       }
+    }
+  },
+  methods: {
+    // 合同类型
+    init() {
+      typeValues({ type: 'contractType' }).then((response) => {
+        if (response.success) {
+          this.typeList = response.data
+        }
+      })
     },
-    computed: {
-      ...mapGetters([
-        'id',
-        'roles',
-        'rolesIds',
-        'departmentId',
-        'departmentCode',
-      ]),
-    },
-    created() {
-      // 初始化变量
-      this.getType()
-      this.postHuoquyonghu()
+    showAdd() {
+      this.init()
+      this.$nextTick(() => {
+        this.$refs['temp_obj'].clearValidate()
+      })
+      this.viewTitle = '【新增】合同审核'
+      this.temp.staffName = window.sessionStorage.getItem('name')
+      this.temp.staffSid = window.sessionStorage.getItem('staffSid')
     },
-    methods: {
-      lookFile(val, type) {
-        console.log(val + '-------' + type)
-        if (type == 'pdf' && val != '') {
-          this.contractPdfView = true
-          this.contractPdf = val
-        } else {
-          this.$notify({
-            title: '提示',
-            message: '没有pdf',
-            type: 'warning',
-            duration: 2000,
-          })
+    showEdit(row) {
+      this.init()
+      this.$nextTick(() => {
+        this.$refs['temp_obj'].clearValidate()
+      })
+      getOneContract(row.sid).then((res) => {
+        if (res.success) {
+          this.temp = res.data
         }
-      },
-      // 删除文件
-      deleteFile(url, index) {
-        deleteFilesOss(url).then((re) => {
-          if (re.code === '200') {
-            this.$notify({
-              title: '提示',
-              message: '删除成功',
-              type: 'success',
-              duration: 2000,
-            })
-            this.list3.splice(index, 1)
-            var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
-              if (item.filePath === url) {
-                return true
-              }
-            })
-            this.temp.pcCommonAppendixDtoList.splice(index2, 1)
-          }
-        })
-      },
-      deleteJpg(url, index) {
-        deleteFilesOss(url).then((re) => {
-          if (re.code === '200') {
-            this.$notify({
-              title: '提示',
-              message: '删除成功',
-              type: 'success',
-              duration: 2000,
-            })
-            this.list2.splice(index, 1)
-            var index2 = this.temp.pcCommonAppendixDtoList.findIndex((item) => {
-              if (item.filePath === url) {
-                return true
-              }
-            })
-            this.temp.pcCommonAppendixDtoList.splice(index2, 1)
-          }
-        })
-      },
-      // 合同类型
-      getType() {
-        dictType({type: 'contractType'}).then((response) => {
-          if (response.code === '200' && response.data) {
-            this.typeList = response.data
-          }
-        })
-      },
-      typeChange(val) {
-        const choosetItem = this.typeList.filter((item) => item.dictValue == val)
-        this.temp.contractTypeKey = choosetItem[0].dictKey
-      },
-
-      openUpdate(sid, showed) {
-        this.list3 = []
-        this.list2 = []
-        this.updateDto.sid = sid
-        this.submitDto.businessSid = sid
-        this.temp.sid = sid
-        this.stateId = 'xiugai'
-
-        console.log('编辑sid', sid)
-        if (this.stateId !== '0') {
-          getOneContract(sid).then((response) => {
-            if (response.code === '200') {
-              this.$refs['dataForm'].clearValidate()
-              this.temp = response.data
-              if(this.temp.nodeState !==''){
-                this.disabled = true
-              }
-              if (response.data.appdixUrl.indexOf(',') > 0) {
-                const da = response.data.appdixUrl.split(',')
-                for (var i = 0; i < da.length; i++) {
-                  const imgName = da[i].split('/')
-                  this.list2.push({
-                    name: imgName[imgName.length - 1],
-                    url: da[i]
-                  })
-                }
-                const imgList = this.list2
-                this.$refs['uploadImg'].showImg(imgList)
-                console.log('123456', this.list2)
-              }
-              const imgName = response.data.appdixUrl.split('/')
-              this.list2.push({
-                name: imgName[imgName.length - 1],
-                url: response.data.appdixUrl
-              })
-              const imgList = this.list2
-              this.$refs['uploadImg'].showImg(imgList)
-              // this.deleteTubiaoStyle = true
-              // dialogImageUrl
-              // const data = response.data.pcCommonAppendixDtoList
-              // this.list2 = response.data.pcCommonAppendixDtoList
-              // da.forEach((element) => {
-              //   if (element.fileType == 'pdf' || element.fileType == 'docx') {
-              //     this.list3.push({
-              //       name: element.fileName,
-              //       filePath: element.filePath,
-              //       type: element.fileType,
-              //     })
-              //   } else if (
-              //     element.fileType == 'jpg' ||
-              //     element.fileType == 'jpeg' ||
-              //     element.fileType == 'png'
-              //   ) {
-              //     this.list2.push({
-              //       name: element.fileName,
-              //       filePath: element.filePath,
-              //     })
-              //   }
-              // })
-              if (showed && typeof showed === 'function') {
-                showed()
-              }
+      })
+      this.viewTitle = '【编辑】合同审核'
+    },
+    typeChange(val) {
+      const choosetItem = this.typeList.filter((item) => item.dictValue === val)
+      this.temp.contractTypeKey = choosetItem[0].dictKey
+    },
+    // 添加数据
+    handleCreate() {
+      this.$refs['temp_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
+          updateContract(this.temp).then((res) => {
+            if (res.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              this.handleReturn('true')
             }
           })
         }
-      },
-      openCreate(showed) {
-        this.resetTemp()
-        this.$refs['dataForm'].clearValidate()
-        this.stateId = '0'
-        // this.visible = false
-        if (showed && typeof showed === 'function') {
-          showed()
+      })
+    },
+    // 保存并提交、更新
+    handleSubmit() {
+      this.$refs['temp_obj'].validate((valid) => {
+        if (valid) {
+          this.submitdisabled = true
         }
-      },
-      // ----------------------------------方法--------------------
-      // 返回
-      handleReturn() {
-        this.list3 = []
-        this.list2 = []
-        this.list1 = []
-        // this.visible = false
-        this.$emit('handleReturn')
-      },
-      downloadData() {
-        download({
-          filePath: '20211126/test2_20211126133452425549.pdf',
-          outFileName: 'test2.pdf',
-        }).then((res) => {
-          this.FormLoading = false
-          // const blob = new Blob([res], {
-          //       type: 'application/vnd.ms-excel'
-          //     })
-
-          //  const objectUrl = URL.createObjectURL(blob)
-          // window.location.href = objectUrl
-          //   window.open(routeUrl.href, '_blank')
-          this.$notify({
-            title: '提示',
-            message: '下载',
-            type: 'success',
-            duration: 2000,
-          })
-        })
-      },
-      // 添加前数据初始化
-      resetTemp() {
-        this.temp = {}
-      },
-      // 获取用户信息
-      postHuoquyonghu() {
-        var token = getStorage()
-        loginDetails(token).then((response) => {
-          if (response.code === '200') {
-            this.YongHuid = response.data
-          }
-        })
-      },
-
-      // 添加数据
-      handleCreate() {
-        this.$refs['dataForm'].validate((valid) => {
-          if (valid) {
-            this.FormLoading = true
-            this.temp.staffSid = this.YongHuid.staffSid
-            console.log(this.temp.staffSid)
-            if (this.stateId === '0') {
-              this.temp.pcCommonAppendixDtoList = []
-              this.getUrl()
-              // this.temp.deposit = Number(this.temp.deposit)
-              saveContract(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '添加成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  // this.visible = false
-                  this.$emit('created')
-                  this.$refs['dataForm'].resetFields() //
-                  this.temp = {}
-                  this.list1 = []
-                } else {
-                  this.$notify({
-                    title: '提示',
-                    message: '添加失败',
-                    type: 'error',
-                    duration: 2000,
-                  })
-                }
-              })
-            } else if (this.stateId === 'xt') {
-              // 销售合同
-              // this.temp.pcCommonAppendixDtoList = []
-              this.getUrl()
-              saveOrderContract(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '修改成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  this.$emit('updated')
-                } else {
-                  this.$notify({
-                    title: '失败',
-                    message: '修改失败',
-                    type: 'error',
-                  })
-                }
-              })
-            } else if (this.stateId === 'ht') {
-              // 订车合同
-              this.temp.staffSid = this.YongHuid.staffSid
-              this.temp.busSid = this.contractsid
-              this.temp.pcCommonAppendixDtoList = []
-              this.getUrl()
-              postsave(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '订车合同添加成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  this.$emit('handleReturn')
-                } else {
-                  this.$notify({
-                    title: '失败',
-                    message: '订车合同添加失败',
-                    type: 'error',
-                  })
-                }
-              })
-            } else {
-              this.getUrl()
-              updateContract(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '保存成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  // this.visible = false
-                  this.$emit('updated')
-                } else {
-                  this.$notify({
-                    title: '失败',
-                    message: '保存失败',
-                    type: 'error',
-                  })
-                }
-              })
-            }
-          }
-        })
-      },
-      // 提交、更新
-      submitIt() {
-        this.$confirm('是否确定提交该业务', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          console.log('submitDto', this.submitDto)
-          // 提交流程
-          submitCarSale(this.submitDto).then((response) => {
-            if (response.code === '200') {
-              this.updateDto.nodeState = response.data.nodeState
-              this.$notify({
-                title: '提示',
-                message: '添加成功',
-                type: 'success',
-                duration: 2000,
-              })
-              // 更新审批 状态
-              updateCarSale(this.updateDto).then((response) => {
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '更新成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  console.log('提交更新时页面状态',this.stateId)
-                  if (this.stateId === '0') {
-                    this.$emit('created')
-                  } else if (this.stateId === 'xiugai') {
-                    this.$emit('updated')
-                  }
-                } else {
-                  this.$notify({
-                    title: '更新失败',
-                    message: response.msg,
-                    type: 'error',
-                  })
-                }
-              })
-            } else {
-              this.$notify({
-                title: '添加失败',
-                message: response.msg,
-                type: 'error',
-              })
-            }
-          })
-        })
-      },
-
-      // 保存并提交、更新
-      handleSubmit() {
-        this.$refs['dataForm'].validate((valid) => {
-          if (valid) {
-            this.FormLoading = true
-            this.temp.staffSid = this.YongHuid.staffSid
-            console.log(this.temp.staffSid)
-            if (this.stateId === '0') {
-              this.temp.pcCommonAppendixDtoList = []
-              this.getUrl()
-              // this.temp.deposit = Number(this.temp.deposit)
-              saveContract(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.submitDto.businessSid = response.data
-                  this.updateDto.sid = response.data
-                  this.$notify({
-                    title: '提示',
-                    message: '添加成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  this.submitIt()
-                  this.$refs['dataForm'].resetFields() //
-                  this.temp = {}
-                  this.list1 = []
-                } else {
-                  this.$notify({
-                    title: '提示',
-                    message: '添加失败',
-                    type: 'error',
-                    duration: 2000,
-                  })
-                }
-              })
-            } else if (this.stateId === 'xt') {
-              // 销售合同
-              // this.temp.pcCommonAppendixDtoList = []
-              this.getUrl()
-              saveOrderContract(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '修改成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                } else {
-                  this.$notify({
-                    title: '失败',
-                    message: '修改失败',
-                    type: 'error',
-                  })
-                }
-              })
-            } else if (this.stateId === 'ht') {
-              // 订车合同
-              this.temp.staffSid = this.YongHuid.staffSid
-              this.temp.busSid = this.contractsid
-              this.temp.pcCommonAppendixDtoList = []
-              this.getUrl()
-              postsave(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '订车合同添加成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  this.$emit('handleReturn')
-                } else {
-                  this.$notify({
-                    title: '失败',
-                    message: '订车合同添加失败',
-                    type: 'error',
-                  })
-                }
-              })
-            } else {
-              this.getUrl()
-              updateContract(this.temp).then((response) => {
-                this.FormLoading = false
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '保存成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  this.submitIt()
-                } else {
-                  this.$notify({
-                    title: '失败',
-                    message: '保存失败',
-                    type: 'error',
-                  })
-                }
-              })
-            }
-          }
+      })
+    },
+    getUrl() {
+      for (var i = 0; i < this.list1.length; i++) {
+        var namese = this.list1[i].name
+        var nameArr = namese.split('.')
+        console.log(this.temp)
+        this.temp.pcCommonAppendixDtoList.push({
+          attachType: '0001',
+          fileName: this.list1[i].name,
+          filePath: this.list1[i].url,
+          fileSize: this.list1[i].size,
+          createBySid: '',
+          fileType: nameArr[nameArr.length - 1]
         })
-      },
-      getUrl() {
-        for (var i = 0; i < this.list1.length; i++) {
-          var namese = this.list1[i].name
-          var nameArr = namese.split('.')
-          console.log(this.temp)
-          this.temp.pcCommonAppendixDtoList.push({
-            attachType: '0001',
-            fileName: this.list1[i].name,
-            filePath: this.list1[i].url,
-            fileSize: this.list1[i].size,
-            // linkSid: this.temp.customerSid,
-            createBySid: this.YongHuid.sid,
-            fileType: nameArr[nameArr.length - 1],
-          })
-          console.log('11223344', this.temp.pcCommonAppendixDtoList)
-        }
-      },
-      // 从销售订单跳过来的
-      showOrderHeTong(type, userSid, order, state) {
-        this.buttonState = false
-        this.stateId = 'xt'
-        this.resetTemp()
-        this.list3 = []
-        this.list2 = []
-        if (state == '0') {
-          // 添加回显
-          getSaveByOrderSid({userSid: userSid, orderSid: order}).then(
-            (response) => {
-              if (response.code === '200') {
-                this.temp = response.data
-                this.postHuoquyonghu()
-              }
-            }
-          )
-        } else {
-          // 修改回显
-          this.temp.orderSid = order
-          getXiaoShouHeTongByOrderSid({orderSid: order}).then((response) => {
-            if (response.code === '200') {
-              this.temp = response.data
-              this.text = response.data
-
-              const data = response.data.pcCommonAppendixDtoList
-              // data.forEach((element) => {
-              //   if (element.fileType == 'pdf' || element.fileType == 'docx') {
-              //     this.list3.push({
-              //       name: element.fileName,
-              //       filePath: element.filePath,
-              //       type: element.fileType,
-              //     })
-              //   } else if (
-              //     element.fileType == 'jpg' ||
-              //     element.fileType == 'jpeg' ||
-              //     element.fileType == 'png'
-              //   ) {
-              //     this.list2.push({
-              //       name: element.fileName,
-              //       filePath: element.filePath,
-              //     })
-              //   }
-              //   this.deleteTubiaoStyle = true
-              // })
-
-              this.postHuoquyonghu()
-            }
-          })
-        }
-      },
-      // 接收订单合同传值
-      agreement(type, contract, state) {
-        this.stateId = 'ht'
-        this.contractsid = contract
-        this.file_list.linkSid = contract
-        if (state == 0) {
-          generateContractNo(this.YongHuid.sid).then((res) => {
-            this.temp = res
-          })
-        } else {
-          this.list3 = []
-          this.list2 = []
-          getByBusSid(this.contractsid).then((response) => {
-            if (response.code === '200') {
-              this.temp = response.data
-              const data = response.data.pcCommonAppendixDtoList
-              this.deleteTubiaoStyle = true
-              data.forEach((element) => {
-                if (element.fileType == 'pdf' || element.fileType == 'docx') {
-                  this.list3.push({
-                    name: element.fileName,
-                    filePath: element.filePath,
-                    type: element.fileType,
-                  })
-                } else if (
-                  element.fileType == 'jpg' ||
-                  element.fileType == 'jpeg' ||
-                  element.fileType == 'png'
-                ) {
-                  this.list2.push({
-                    name: element.fileName,
-                    filePath: element.filePath,
-                  })
-                }
-              })
-            }
-          })
-        }
-      },
+        console.log('11223344', this.temp.pcCommonAppendixDtoList)
+      }
     },
+    // 返回
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.temp = {
+        address: '',
+        appdixUrl: '',
+        busSid: '',
+        contractAmount: '',
+        contractNo: '',
+        contractType: '',
+        contractTypeKey: '',
+        createDate: '',
+        deposit: '',
+        partyA: '',
+        partyB: '',
+        partyC: '',
+        pcCommonAppendixDtoList: [],
+        remarks: '',
+        sceneSignUrl: '',
+        sceneSignUrlList: '',
+        sid: '',
+        staffName: '',
+        staffSid: ''
+      }
+      this.list3 = []
+      this.list2 = []
+      this.list1 = []
+      this.$refs['temp_obj'].resetFields()
+      this.$emit('handleReturn')
+    }
   }
+}
 </script>
 <style scoped>
-  .dtp {
-    z-index: 999;
-    position: absolute;
-    cursor: pointer;
-    right: 0px;
-  }
-
-  .imgcontent {
-    position: relative;
-    display: inline-block;
-  }
-
-  .nameStyle {
-    cursor: pointer;
-  }
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue
index 3f90cf7d46..a6cbf94f1b 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/hetongguanli/hetongdanganguanli/hetongdanganguanliInfo.vue
@@ -2,45 +2,38 @@
   <div class="app-container">
     <div class="tab-header webtop">
       <div>XXX合同详情</div>
-      <!-- <div v-else></div> -->
       <div>
-        <el-button type="primary" size="small" :disabled="disabled" @click="handleSubmit()">提交
-        </el-button>
         <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
       </div>
     </div>
     <div class="listconadd">
-      <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :disabled="edit">
-        <div class="titwu">XXX合同</div>
+      <div class="titwu">XXX合同</div>
+      <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd">
         <el-row class="bordertopline">
           <el-col :span="12">
-            <el-form-item prop="name">
+            <el-form-item>
               <span slot="label">合同类型</span>
-              <el-input v-model="temp.contractType" class="addinputw" />
-              <!-- <el-select v-model="temp.contractType" class="addinputw" placeholder="请选择合同类型">
-                <el-option v-for="(item,index) in hetongType" :key="index" :label="item.manageName" :value="item.sid" />
-              </el-select> -->
+              <span>{{ temp.contractType }}</span>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item prop="name">
+            <el-form-item>
               <span slot="label">合同编号</span>
-              <el-input v-model="temp.contractNo" class="addinputw" />
+              <span>{{ temp.contractNo }}</span>
             </el-form-item>
           </el-col>
-
         </el-row>
         <el-row>
           <el-col :span="12">
             <el-form-item>
               <span slot="label">甲方名称</span>
-              <el-input v-model="temp.partyA" class="addinputw" />
+              <span>{{ temp.partyA }}</span>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item>
               <span slot="label">乙方名称</span>
-              <el-input v-model="temp.partyB" class="addinputw" />
+              <span>{{ temp.partyB }}</span>
             </el-form-item>
           </el-col>
         </el-row>
@@ -48,28 +41,27 @@
           <el-col :span="12">
             <el-form-item>
               <span slot="label">其他方名称</span>
-              <el-input v-model="temp.partyC" class="addinputw" />
-              <!-- <span>完善客户信息</span> -->
+              <span>{{ temp.partyC }}</span>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item prop="name">
+            <el-form-item>
               <span slot="label">签订日期</span>
-              <el-input v-model="temp.createDate" class="addinputw" />
+              <span>{{ temp.createDate }}</span>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item prop="name">
+            <el-form-item>
               <span slot="label">签订地点</span>
-              <el-input v-model="temp.address" class="addinputw" />
+              <span>{{ temp.address }}</span>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item prop="name">
+            <el-form-item>
               <span slot="label">合同金额</span>
-              <el-input v-model="temp.contractAmount" class="addinputw" />
+              <span>{{ temp.contractAmount }}</span>
             </el-form-item>
           </el-col>
         </el-row>
@@ -77,32 +69,27 @@
           <el-col :span="12">
             <el-form-item>
               <span slot="label">订金</span>
-              <el-input v-model="temp.deposit" class="addinputw" />
+              <span>{{ temp.deposit }}</span>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item>
               <span slot="label">备注</span>
-              <el-input v-model="temp.remarks" class="addinputw" />
+              <span>{{ temp.remarks }}</span>
             </el-form-item>
           </el-col>
+        </el-row>
+        <div class="title">新车买卖合同</div>
+        <el-row>
 
         </el-row>
+        <div class="title">现场签署照片</div>
         <el-row>
-          <el-col :span="24">
-            <!-- <el-button size="small" type="primary">选择文件</el-button> -->
-            <span slot="label">文件</span>
-          </el-col>
-          <el-col>
-            <div v-for="(url,index) in list3" v-if="list3.length>0 && url.filePath!=='' " :key="index">
-              <div class="nameStyle">{{ url.name }}</div>
-            </div>
-          </el-col>
-          <el-col :span="24">
-            <div v-for="(url,index) in list2" v-if="list2.length>0 && url.filePath!=='' " :key="index" class="imgcontent">
-              <el-image :src="url.filePath" lazy style="width:200px;height:200px" />
-            </div>
-          </el-col>
+
+        </el-row>
+        <div class="title">证件照片</div>
+        <el-row>
+
         </el-row>
       </el-form>
     </div>
@@ -110,205 +97,32 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
-import { getXiaoShouHeTongByOrderSid } from '@/api/salesManagement/orderManagement'
 import { getOneContract } from '@/api/jichuxinxi/contract'
-import { getByBusSid } from '@/api/jichuxinxi/commoncontract'
-import {submitCarSale, updateCarSale} from '@/api/portal/workFlow'
-
 
 export default {
-  name: 'HetongdanganguanliAdd',
+  name: 'HetongdanganguanliInfo',
   data() {
     return {
-      disabled:false,
-      visible: false,
-      stateId: 0,
       temp: {},
       list2: [],
       list3: [],
-      contractsid: '',
-      hetongType: [],
-      list1: [],
-      edit:true,
+      list1: []
     }
   },
-  computed: {
-
-  },
-  created() {
-    // 初始化变量
-  },
+  computed: {},
   methods: {
-    // 提交
-    handleSubmit() {
-      this.$confirm('是否将此条数据添加到待办任务', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        console.log('submitDto', this.submitDto)
-        // 提交流程
-        submitCarSale(this.submitDto).then((response) => {
-          if (response.code === '200') {
-            this.updateDto.nodeState = response.data.nodeState
-            this.$notify({
-              title: '提示',
-              message: '添加成功',
-              type: 'success',
-              duration: 2000,
-            })
-            // 更新审批 状态
-            updateCarSale(this.updateDto).then((response) => {
-              if (response.code === '200') {
-                this.$notify({
-                  title: '提示',
-                  message: '更新成功',
-                  type: 'success',
-                  duration: 2000,
-                })
-                this.handleReturn('true')
-              } else {
-                this.$notify({
-                  title: '更新失败',
-                  message: response.msg,
-                  type: 'error',
-                })
-              }
-            })
-          } else {
-            this.$notify({
-              title: '添加失败',
-              message: response.msg,
-              type: 'error',
-            })
-          }
-        })
-      })
-    },
+    showInfo(row) {
 
-    hetongdanganguanliinfo(stateId) {
-      this.submitDto.businessSid = stateId
-      this.updateDto.sid = stateId
-      this.contractsid = stateId
-      getByBusSid(this.contractsid).then((response) => {
-        if (response.code === '200') {
-          this.temp = response.data
-          // 附件回显
-          if (response.data.appdixUrl.indexOf(',') >= 0) {
-            const da = response.data.appdixUrl.split(',')
-            for (var i = 0; i < da.length; i++) {
-              const imgName = da[i].split('/')
-              this.list2.push({
-                name: imgName[imgName.length - 1],
-                filePath: da[i]
-              })
-            }
-          }
-          const imgName = response.data.appdixUrl.split('/')
-          this.list2.push({
-            name:imgName[imgName.length - 1],
-            filePath:response.data.appdixUrl
-          })
-          // this.deleteTubiaoStyle = true
-          // const data = response.data.pcCommonAppendixDtoList
-          // data.forEach((element) => {
-          //   if (element.fileType == 'pdf' || element.fileType == 'docx') {
-          //     this.list3.push({
-          //       name: element.fileName,
-          //       filePath: element.filePath,
-          //       type: element.fileType
-          //     })
-          //   } else if (
-          //     element.fileType == 'jpg' ||
-          //     element.fileType == 'jpeg' ||
-          //     element.fileType == 'png'
-          //   ) {
-          //     this.list2.push({
-          //       name: element.fileName,
-          //       filePath: element.filePath
-          //     })
-          //   }
-          //   this.deleteTubiaoStyle = true
-          // })
-        }
-      })
-    },
-    //合同自己的
-    openCreate(sid, showed) {
-      this.stateId = sid
-      getOneContract(this.stateId).then((response) => {
-        if (response.code === '200') {
-          this.$refs['dataForm'].clearValidate()
-          this.temp = response.data
-          this.list2 = []
-          this.list3 = []
-          this.visible = true
-          this.list1 = response.data.commonAppendixVoList
-          const data = response.data.pcCommonAppendixDtoList
-          data.forEach((element) => {
-            if (element.fileType == 'pdf' || element.fileType == 'docx') {
-              this.list3.push({
-                name: element.fileName,
-                filePath: element.filePath
-              })
-            } else if (
-              element.fileType == 'jpg' ||
-              element.fileType == 'jpeg' ||
-              element.fileType == 'png'
-            ) {
-              this.list2.push({
-                name: element.fileName,
-                filePath: element.filePath
-              })
-            }
-          })
-          if (showed && typeof showed === 'function') {
-            showed()
-          }
-        }
-      })
-    },
-    showOrderHeTong(re) {
-      this.visible = true
-      getXiaoShouHeTongByOrderSid({ orderSid: re }).then((response) => {
-        if (response.code === '200') {
-          this.temp = response.data
-          this.text = response.data
-          this.list2 = []
-          this.list3 = []
-          const data = response.data.pcCommonAppendixDtoList
-          data.forEach((element) => {
-            if (element.fileType == 'pdf' || element.fileType == 'docx') {
-              this.list3.push({
-                name: element.fileName,
-                filePath: element.filePath,
-                type: element.fileType
-              })
-            } else if (
-              element.fileType == 'jpg' || element.fileType == 'jpeg' || element.fileType == 'png'
-            ) {
-              this.list2.push({
-                name: element.fileName,
-                filePath: element.filePath
-              })
-            }
-            this.deleteTubiaoStyle = true
-          })
-        }
-      })
     },
     // 返回
     handleReturn() {
       this.$emit('handleReturn')
     }
-
   }
 }
 </script>
 <style scoped>
 .imgcontent {
-  /* position: relative; */
   display: inline-block;
 }
 </style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdangan.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdangan.vue
deleted file mode 100644
index f9946e934b..0000000000
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdangan.vue
+++ /dev/null
@@ -1,313 +0,0 @@
-<template>
-  <div class="app-container">
-    <div class="tab-header webtop">
-      <div>XXX合同详情</div>
-      <!-- <div v-else></div> -->
-      <div>
-        <el-button type="primary" size="small" :disabled="disabled" @click="handleSubmit()">提交
-        </el-button>
-        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
-      </div>
-    </div>
-    <div class="listconadd">
-      <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :disabled="edit">
-        <div class="titwu">XXX合同</div>
-        <el-row class="bordertopline">
-          <el-col :span="12">
-            <el-form-item prop="name">
-              <span slot="label">合同类型</span>
-              <el-input v-model="temp.contractType" class="addinputw"/>
-              <!-- <el-select v-model="temp.contractType" class="addinputw" placeholder="请选择合同类型">
-                <el-option v-for="(item,index) in hetongType" :key="index" :label="item.manageName" :value="item.sid" />
-              </el-select> -->
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item prop="name">
-              <span slot="label">合同编号</span>
-              <el-input v-model="temp.contractNo" class="addinputw"/>
-            </el-form-item>
-          </el-col>
-
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item>
-              <span slot="label">甲方名称</span>
-              <el-input v-model="temp.partyA" class="addinputw"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item>
-              <span slot="label">乙方名称</span>
-              <el-input v-model="temp.partyB" class="addinputw"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item>
-              <span slot="label">其他方名称</span>
-              <el-input v-model="temp.partyC" class="addinputw"/>
-              <!-- <span>完善客户信息</span> -->
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item prop="name">
-              <span slot="label">签订日期</span>
-              <el-input v-model="temp.createDate" class="addinputw"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item prop="name">
-              <span slot="label">签订地点</span>
-              <el-input v-model="temp.address" class="addinputw"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item prop="name">
-              <span slot="label">合同金额</span>
-              <el-input v-model="temp.contractAmount" class="addinputw"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item>
-              <span slot="label">订金</span>
-              <el-input v-model="temp.deposit" class="addinputw"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item>
-              <span slot="label">备注</span>
-              <el-input v-model="temp.remarks" class="addinputw"/>
-            </el-form-item>
-          </el-col>
-
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <!-- <el-button size="small" type="primary">选择文件</el-button> -->
-            <span slot="label">文件</span>
-          </el-col>
-          <el-col>
-            <div v-for="(url,index) in list3" v-if="list3.length>0 && url.filePath!=='' " :key="index">
-              <div class="nameStyle">{{ url.name }}</div>
-            </div>
-          </el-col>
-          <el-col :span="24">
-            <div v-for="(url,index) in list2" v-if="list2.length>0 && url.filePath!=='' " :key="index"
-                 class="imgcontent">
-              <el-image :src="url.filePath" lazy style="width:200px;height:200px"/>
-            </div>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-  </div>
-</template>
-
-<script>
-  import {mapGetters} from 'vuex'
-  import {getXiaoShouHeTongByOrderSid} from '@/api/salesManagement/orderManagement'
-  import {getOneContract} from '@/api/jichuxinxi/contract'
-  import {getByBusSid} from '@/api/jichuxinxi/commoncontract'
-  import {submitCarSale, updateCarSale} from '@/api/portal/workFlow'
-
-  export default {
-    name: "hetongdangan",
-    data() {
-      return {
-        disabled: false,
-        visible: false,
-        stateId: 0,
-        temp: {},
-        list2: [],
-        list3: [],
-        contractsid: '',
-        hetongType: [],
-        list1: [],
-        edit: true,
-      }
-    },
-    computed: {},
-    created() {
-      // 初始化变量
-    },
-    methods: {
-      // 提交
-      handleSubmit() {
-        this.$confirm('是否将此条数据添加到待办任务', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          console.log('submitDto', this.submitDto)
-          // 提交流程
-          submitCarSale(this.submitDto).then((response) => {
-            if (response.code === '200') {
-              this.updateDto.nodeState = response.data.nodeState
-              this.$notify({
-                title: '提示',
-                message: '添加成功',
-                type: 'success',
-                duration: 2000,
-              })
-              // 更新审批 状态
-              updateCarSale(this.updateDto).then((response) => {
-                if (response.code === '200') {
-                  this.$notify({
-                    title: '提示',
-                    message: '更新成功',
-                    type: 'success',
-                    duration: 2000,
-                  })
-                  this.handleReturn('true')
-                } else {
-                  this.$notify({
-                    title: '更新失败',
-                    message: response.msg,
-                    type: 'error',
-                  })
-                }
-              })
-            } else {
-              this.$notify({
-                title: '添加失败',
-                message: response.msg,
-                type: 'error',
-              })
-            }
-          })
-        })
-      },
-
-      hetongdanganguanliinfo(stateId) {
-        this.submitDto.businessSid = stateId
-        this.updateDto.sid = stateId
-        this.contractsid = stateId
-        getByBusSid(this.contractsid).then((response) => {
-          if (response.code === '200') {
-            this.temp = response.data
-            // 附件回显
-            if (response.data.appdixUrl.indexOf(',') >= 0) {
-              const da = response.data.appdixUrl.split(',')
-              for (var i = 0; i < da.length; i++) {
-                const imgName = da[i].split('/')
-                this.list2.push({
-                  name: imgName[imgName.length - 1],
-                  filePath: da[i]
-                })
-              }
-            }
-            const imgName = response.data.appdixUrl.split('/')
-            this.list2.push({
-              name: imgName[imgName.length - 1],
-              filePath: response.data.appdixUrl
-            })
-            // this.deleteTubiaoStyle = true
-            // const data = response.data.pcCommonAppendixDtoList
-            // data.forEach((element) => {
-            //   if (element.fileType == 'pdf' || element.fileType == 'docx') {
-            //     this.list3.push({
-            //       name: element.fileName,
-            //       filePath: element.filePath,
-            //       type: element.fileType
-            //     })
-            //   } else if (
-            //     element.fileType == 'jpg' ||
-            //     element.fileType == 'jpeg' ||
-            //     element.fileType == 'png'
-            //   ) {
-            //     this.list2.push({
-            //       name: element.fileName,
-            //       filePath: element.filePath
-            //     })
-            //   }
-            //   this.deleteTubiaoStyle = true
-            // })
-          }
-        })
-      },
-      //合同自己的
-      openCreate(sid, showed) {
-        this.stateId = sid
-        getOneContract(this.stateId).then((response) => {
-          if (response.code === '200') {
-            this.$refs['dataForm'].clearValidate()
-            this.temp = response.data
-            this.list2 = []
-            this.list3 = []
-            this.visible = true
-            this.list1 = response.data.commonAppendixVoList
-            const data = response.data.pcCommonAppendixDtoList
-            data.forEach((element) => {
-              if (element.fileType == 'pdf' || element.fileType == 'docx') {
-                this.list3.push({
-                  name: element.fileName,
-                  filePath: element.filePath
-                })
-              } else if (
-                element.fileType == 'jpg' ||
-                element.fileType == 'jpeg' ||
-                element.fileType == 'png'
-              ) {
-                this.list2.push({
-                  name: element.fileName,
-                  filePath: element.filePath
-                })
-              }
-            })
-            if (showed && typeof showed === 'function') {
-              showed()
-            }
-          }
-        })
-      },
-      showOrderHeTong(re) {
-        this.visible = true
-        getXiaoShouHeTongByOrderSid({orderSid: re}).then((response) => {
-          if (response.code === '200') {
-            this.temp = response.data
-            this.text = response.data
-            this.list2 = []
-            this.list3 = []
-            const data = response.data.pcCommonAppendixDtoList
-            data.forEach((element) => {
-              if (element.fileType == 'pdf' || element.fileType == 'docx') {
-                this.list3.push({
-                  name: element.fileName,
-                  filePath: element.filePath,
-                  type: element.fileType
-                })
-              } else if (
-                element.fileType == 'jpg' || element.fileType == 'jpeg' || element.fileType == 'png'
-              ) {
-                this.list2.push({
-                  name: element.fileName,
-                  filePath: element.filePath
-                })
-              }
-              this.deleteTubiaoStyle = true
-            })
-          }
-        })
-      },
-      // 返回
-      handleReturn() {
-        this.$emit('handleReturn')
-      }
-
-    }
-  }
-</script>
-
-<style scoped>
-  .imgcontent {
-    /* position: relative; */
-    display: inline-block;
-  }
-</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanByFileInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanByFileInfo.vue
new file mode 100644
index 0000000000..ce6050529d
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanByFileInfo.vue
@@ -0,0 +1,136 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>XXX合同详情</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <div class="titwu">XXX合同</div>
+      <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd">
+        <el-row class="bordertopline">
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同类型</span>
+              <span>{{ temp.contractType }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同编号</span>
+              <span>{{ temp.contractNo }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">甲方名称</span>
+              <span>{{ temp.partyA }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">乙方名称</span>
+              <span>{{ temp.partyB }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">其他方名称</span>
+              <span>{{ temp.partyC }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">签订日期</span>
+              <span>{{ temp.createDate }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">签订地点</span>
+              <span>{{ temp.address }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同金额</span>
+              <span>{{ temp.contractAmount }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">订金</span>
+              <span>{{ temp.deposit }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">备注</span>
+              <span>{{ temp.remarks }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">新车买卖合同</div>
+        <el-row>
+          <el-col :span="24">
+            <Upload ref="uploadImg" v-model="list1" :limit="1" bucket="map" :upload-data="{type:'0001'}"/>
+          </el-col>
+        </el-row>
+        <div class="title">现场签署照片</div>
+        <el-row>
+          <el-col :span="24">
+            <Upload ref="uploadImg" v-model="list2" :limit="1" bucket="map" :upload-data="{type:'0001'}"/>
+          </el-col>
+        </el-row>
+        <div class="title">证件照片</div>
+        <el-row>
+
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getOneContract } from '@/api/jichuxinxi/contract'
+import Upload from '@/components/uploadFile/upload.vue' //   上传文件
+
+export default {
+  name: 'HeTongDangAnDaiiBanInfo',
+  components: {
+    Upload
+  },
+  data() {
+    return {
+      temp: {},
+      list2: [],
+      list3: [],
+      list1: []
+    }
+  },
+  computed: {},
+  methods: {
+    showInfo(row) {
+
+    },
+    // 返回
+    handleReturn() {
+      this.$emit('handleReturn')
+    }
+  }
+}
+</script>
+<style scoped>
+.imgcontent {
+  display: inline-block;
+}
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanInfo.vue
new file mode 100644
index 0000000000..16d8d8c8fe
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganDaiBanInfo.vue
@@ -0,0 +1,128 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>XXX合同详情</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <div class="titwu">XXX合同</div>
+      <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd">
+        <el-row class="bordertopline">
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同类型</span>
+              <span>{{ temp.contractType }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同编号</span>
+              <span>{{ temp.contractNo }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">甲方名称</span>
+              <span>{{ temp.partyA }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">乙方名称</span>
+              <span>{{ temp.partyB }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">其他方名称</span>
+              <span>{{ temp.partyC }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">签订日期</span>
+              <span>{{ temp.createDate }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">签订地点</span>
+              <span>{{ temp.address }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同金额</span>
+              <span>{{ temp.contractAmount }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">订金</span>
+              <span>{{ temp.deposit }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">备注</span>
+              <span>{{ temp.remarks }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">新车买卖合同</div>
+        <el-row>
+
+        </el-row>
+        <div class="title">现场签署照片</div>
+        <el-row>
+
+        </el-row>
+        <div class="title">证件照片</div>
+        <el-row>
+
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getOneContract } from '@/api/jichuxinxi/contract'
+
+export default {
+  name: 'HeTongDangAnDaiiBanInfo',
+  data() {
+    return {
+      temp: {},
+      list2: [],
+      list3: [],
+      list1: []
+    }
+  },
+  computed: {},
+  methods: {
+    showInfo(row) {
+
+    },
+    // 返回
+    handleReturn() {
+      this.$emit('handleReturn')
+    }
+  }
+}
+</script>
+<style scoped>
+.imgcontent {
+  display: inline-block;
+}
+</style>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganEdit.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganEdit.vue
index bb03bb669a..bb150f5693 100644
--- a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganEdit.vue
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganEdit.vue
@@ -3,9 +3,9 @@
 </template>
 
 <script>
-    export default {
-        name: "hetongdanganEdit"
-    }
+export default {
+  name: 'HeTongDangAnEdit'
+}
 </script>
 
 <style scoped>
diff --git a/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganYiBanInfo.vue b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganYiBanInfo.vue
new file mode 100644
index 0000000000..331b42e261
--- /dev/null
+++ b/anrui-buscenter/anrui-buscenter-ui/src/views/workflow/hetongguanliFlow/hetongdanganguanli/hetongdanganYiBanInfo.vue
@@ -0,0 +1,128 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>XXX合同详情</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <div class="titwu">XXX合同</div>
+      <el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd">
+        <el-row class="bordertopline">
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同类型</span>
+              <span>{{ temp.contractType }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同编号</span>
+              <span>{{ temp.contractNo }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">甲方名称</span>
+              <span>{{ temp.partyA }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">乙方名称</span>
+              <span>{{ temp.partyB }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">其他方名称</span>
+              <span>{{ temp.partyC }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">签订日期</span>
+              <span>{{ temp.createDate }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">签订地点</span>
+              <span>{{ temp.address }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">合同金额</span>
+              <span>{{ temp.contractAmount }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">订金</span>
+              <span>{{ temp.deposit }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <span slot="label">备注</span>
+              <span>{{ temp.remarks }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">新车买卖合同</div>
+        <el-row>
+
+        </el-row>
+        <div class="title">现场签署照片</div>
+        <el-row>
+
+        </el-row>
+        <div class="title">证件照片</div>
+        <el-row>
+
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getOneContract } from '@/api/jichuxinxi/contract'
+
+export default {
+  name: 'HeTongDangAnYiBanInfo',
+  data() {
+    return {
+      temp: {},
+      list2: [],
+      list3: [],
+      list1: []
+    }
+  },
+  computed: {},
+  methods: {
+    showInfo(row) {
+
+    },
+    // 返回
+    handleReturn() {
+      this.$emit('handleReturn')
+    }
+  }
+}
+</script>
+<style scoped>
+.imgcontent {
+  display: inline-block;
+}
+</style>