完善竞价功能

anrui-system-ui/src/api/notificationannouncement/notificationannouncement.js

@@ -44,6 +44,53 @@ export function saveOrUpdate(data) {
   })
 }
 
+// 车辆二次销售回显
+export function getdetails(data) {
+  return request({
+    url: '/riskcenter/v1/LoanSecondarySalesApply/details',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
+// 销售订单 -- 金融方案初始化
+export function selectDetailss(data) {
+  return request({
+    url: '/riskcenter/v1/loansolutions/selectDetailss',
+    method: 'get',
+    params: data
+  })
+}
+
+// 竞价列表
+export function getList(data) {
+  return request({
+    url: '/riskcenter/v1/LoanSecondarySalesBidding/getList',
+    method: 'get',
+    params: data
+  })
+}
+
+// 竞价列表--我要竞价--初始化
+export function getPrice(data) {
+  return request({
+    url: '/riskcenter/v1/LoanSecondarySalesBidding/getPrice',
+    method: 'get',
+    params: data
+  })
+}
+
+// 竞价列表--我要竞价--保存
+export function save(data) {
+  return request({
+    url: '/riskcenter/v1/LoanSecondarySalesBidding/save',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
 export function delBySids(data) {
   return request({
     url: '/portal/v1/SysNotice/delBySids',

anrui-system-ui/src/components/publicPage/financialschemeInfo.vue

@@ -0,0 +1,333 @@
+<template>
+  <div class="">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div v-show="source != '01'">
+        <el-button type="info" size="small" icon="el-icon-close" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div style="margin-bottom: 5px;overflow-y: auto;overflow-x: hidden;height: calc(100vh - 60px)">
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <div>
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="6">
+              <div class="span-sty">是否打包</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.isPack == '1' ? '是' : formobj.isPack == '0' ? '否' : '' }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <div class="span-sty">产品政策</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">融资项目</div>
+              <el-form-item>
+                <div class="addinputInfo">
+                  <span>主车发票价 {{ formobj.mainVehicleAmount }} 元</span>
+                  <span style="padding-left: 10px">配件 {{ formobj.accessoriesAmount }} 元</span>
+                  <span style="padding-left: 10px">挂车 {{ formobj.trailerAmount }} 元</span>
+                  <span style="padding-left: 10px">保险 {{ formobj.premium }} 元</span>
+                  <span style="padding-left: 10px">购置税 {{ formobj.purchaseTax }} 元</span>
+                </div>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <div class="span-sty">融资项目总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">首付比例(%)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">首付金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">产品期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金比例(%)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6" class="tlineheightb">
+              <div class="span-sty">厂家贴息</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscount }} {{ formobj.actualDiscount !== '' ? '(实贴' + formobj.actualDiscount + ')' : '' }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贴息用途</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.factoryDiscountUse }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">年利率(%)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.policyYearRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">月还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanPayMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanInterest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div v-show="formobj.factoryDiscountUseKey == '01'">
+                <div class="span-sty">贴息抵车款</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.discountCar }}</span></el-form-item>
+              </div>
+            </el-col>
+          </el-row>
+          <div v-show="formobj.otherPolicyState">
+            <div class="title">其它融</div>
+            <el-row>
+              <el-col :span="12">
+                <div class="span-sty">其它融名称</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyName }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">贷款金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyAmount }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">期数</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyPeriod }}</span></el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <div class="span-sty">年利率</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyYearRatio }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">月还金额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyMonthlyRepay }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <div class="span-sty">利息总额</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherPolicyInterest }}</span></el-form-item>
+              </el-col>
+              <el-col :span="6" class="tlineheightb">
+                <div class="span-sty">其它融贴息</div>
+                <el-form-item><span class="addinputInfo">{{ formobj.otherDiscount }} {{ formobj.otherActualDiscount !== '' ? '(实贴' + formobj.otherActualDiscount + ')' : '' }}</span></el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <div class="title">方案汇总</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanDownPay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">实际首付比例(%)</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmountsRatio }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">总贷款金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanAmountTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.period }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6"></el-col>
+            <el-col :span="6">
+              <div class="span-sty">月还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.monthlyRepay }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">利息总额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.interest }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">预计首款还款日</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.returnTime }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">应收明细</div>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">融资首付</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.downPayAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bondAmounts }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">保险保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">落户保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.depositSettle }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">服务费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.serviceAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">代收意外险</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyAccidentPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">上牌费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.registerAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">运管费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.operationAmount }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">补车价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehOtherPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <div class="span-sty">其它费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmount }}</span></el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <div class="span-sty">其它费用说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.otherAmountRemark }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">办理方式选择</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.dealWay }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.dealWayKey == '01' && formobj.isPack == '0' ">
+            <el-col :span="6">
+              <div class="span-sty">代收费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">代收购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.proxyPurchasetax }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">应收合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.receivableTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row v-if="formobj.dealWayKey == '02' && formobj.isPack == '1'">
+            <el-col :span="6">
+              <div class="span-sty">抵顶费用合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetTotal }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶首年保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPremium }}</span></el-form-item>
+            </el-col>
+            <el-col :span="9">
+              <div class="span-sty">抵顶购置税</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.offsetPurchasetax }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">实收合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.realTotal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">车辆总价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.vehTotalPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6">
+              <div class="span-sty">名义(留购)价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.nominalPrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="18">
+              <el-form-item><span class="addinputInfo">注：结清时需缴纳此费用</span></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: '',
+  data() {
+    return {
+      viewTitle: '',
+      tableKey: 0,
+      index: 0,
+      source: '', // 进入该页面的组件来源(01 代表公司定制金融方案 02 消贷合同列表 -- 生成还款计划表 03 代表销售订单详情公共页面)
+      formobj: {
+        otherPolicyState: false
+      }
+    }
+  },
+  methods: {
+    showInfo(value, source) {
+      this.viewTitle = '金融方案'
+      this.formobj = value
+      this.source = source
+    },
+    handleReturn() {
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.formaddcopy02 {
+  padding: 0px;
+}
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>

anrui-system-ui/src/router/index.js

@@ -359,6 +359,10 @@ export const constantRoutes = [
     path: '/haveread',
     component: () => import('@/views/flow/havereadList.vue')
   },
+  {
+    path: '/notificationannouncement/relation/secondarysaleannouncement',
+    component: () => import('@/views/notificationannouncement/relation/secondarysaleannouncement.vue')
+  },
 
 //	{
 //		path: '/',

anrui-system-ui/src/views/Home/Home.vue

@@ -270,6 +270,7 @@ export default {
     // 查看通知公告详情
     lookInfo(item) {
       if (item.pcUrl !== '' && item.pcUrl !== null) {
+        window.open('/' + item.pcUrl + '?token=' + getStorage() + '&sid=' + item.sid, '_blank')
       } else {
         this.formobj = {
           content: '',
@@ -365,9 +366,6 @@ export default {
         dangerouslyUseHTMLString: true
       })
     },
-    toNavbar(name) {
-      let myPopup = window.open(name + '?token=' + getStorage(), '_blank')
-    },
     changeOrg(value) {
       const choose = this.orgDept_list.filter((item) => item.orgName === value)
       this.defaultOrgPathName = choose[0].orgName

anrui-system-ui/src/views/notificationannouncement/relation/secondarysaleannouncement.vue

@@ -0,0 +1,597 @@
+<template>
+  <div class="">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <div>{{ viewTitle }}</div>
+        <div>
+          <el-button type="primary" size="small" @click="handleBidding()">竞价</el-button>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+      <div style="margin-bottom: 5px;overflow-y: auto;overflow-x: hidden;height: calc(100vh - 60px)">
+        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+          <el-row style="border-top: 1px solid #e0e3eb">
+            <el-col :span="8">
+              <div class="span-sty">申请部门</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDept }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">申请日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.customerName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款人</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanContractNo }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">资方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">资方合同编号</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.bankContractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">停放地点</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.locationName }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title titleOne">
+            <div>二次销售车辆列表(含主车、挂车)</div>
+            <el-button size="mini" type="primary" class="btntopblueline" @click="lookFinancial">金融方案</el-button>
+          </div>
+          <el-table :key="tableKey" :data="formobj.loanSecondarySalesVehVoList" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="vinNo" label="车架号" align="center" min-width="100" />
+            <el-table-column prop="vehMark" label="车牌号" align="center" min-width="100"/>
+            <el-table-column prop="vehType" label="车辆类型" align="center" min-width="120"/>
+            <el-table-column prop="modelName" label="车型" align="center" min-width="130"/>
+          </el-table>
+          <div class="title">车辆状况</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">是否年检</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.inspect }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <div class="span-sty">年检情况</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.inspectSituation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">是否已出保</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.guaranteed }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16" class="tlineheightb">
+              <div class="span-sty">保险情况</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.insuranceSituation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">首次登记日期</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.firstDate }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">当前行驶公里数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.kilometerDriven }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">其他车况说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.illustrate }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">车辆照片</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.filesList" :key="index" :src="item" :preview-src-list="formobj.filesList"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">已还与欠款情况</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">已还金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">当前逾期金额/其中资金占用费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.currentBeMoney }}/{{ formobj.wheFundOccMoney }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">未到期金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.unexpiredMoney }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">总期数/当前期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.nper }}/{{ formobj.currentPeriod }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">已还金额换算期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.alRepaidMoneyConPeriod }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">逾期金额换算期数</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.beOverdueMoneyAndPeriod }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <div class="title">费用说明</div>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">欠款合计</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.arrearsAll }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">贷款保证金</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.loanDeposit }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">车辆售价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.vehPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">催收费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.collectionCost }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">风控中心车辆评估价</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.vehicleEvaluation }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">资方结清费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.bankSettleCost }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">承担方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.bankSettleCostAssume }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">车辆违章费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.vehicleViolationCost }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">承担方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.vehicleViolationCostAssume }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">年检费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.inspectYearCost }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">承担方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.inspectYearCostAssume }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">保险费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.insureCost }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">承担方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.insureCostAssume }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">过户费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.ownershipCost }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">承担方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.ownershipCostAssume }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">停车费</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.stopCost }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">承担方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.stopCostAssume }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">其他费用</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.otherCost }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">承担方</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.otherCostAssume }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8" class="tlineheightb">
+              <div class="span-sty">费用说明</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.costDescription }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">预计亏损金额</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.lossPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">后续欠款处置方向</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.loanSecondarySalesCost.debtDisposal }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">附件</div>
+              <el-form-item>
+                <el-image class="addinputInfo" style="width: 150px;height: 150px" v-for="(item, index) in formobj.loanSecondarySalesCost.files" :key="index" :src="item" :preview-src-list="formobj.loanSecondarySalesCost.files"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+    </div>
+    <!-- 查看车辆历史催收记录 -->
+    <financialschemeInfo v-show="viewState == 2" ref="divFinancial" @doback="resetState" />
+    <!-- 竞价列表 -->
+    <el-dialog :visible.sync="dialogVisible" width="40%" :show-close="false" :close-on-click-modal="false" :close-on-press-escape="false">
+      <div style="background-color: #edf1f7;border: 1px solid #dfe4ed;">
+        <div v-if="!isBidding" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div style="font-size: 16px">竞价列表</div>
+          <div>
+            <el-button type="parimary" style="background-color: #018ad2;color:#fff;" size="mini" @click="toBidding">我要竞价</el-button>
+            <el-button type="info" size="mini" @click="toDialogClose">关闭</el-button>
+          </div>
+        </div>
+        <div v-else style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div style="font-size: 16px">我要竞价</div>
+          <div>
+            <el-button type="parimary" style="background-color: #018ad2;color:#fff;" size="mini" @click="toConFirm">确认</el-button>
+            <el-button type="info" size="mini" @click="toClose">关闭</el-button>
+          </div>
+        </div>
+      </div>
+      <el-form :model="bidding" class="formaddcopy02">
+        <div v-if="!isBidding">
+          <el-table :key="biddingKey" :data="bidding.list" :index="index" border style="width: 100%">
+            <el-table-column fixed width="80" label="序号" type="index" :index="index + 1" align="center"/>
+            <el-table-column prop="createTime" label="时间" align="center" min-width="100" />
+            <el-table-column prop="price" label="报价(元)" align="center" min-width="100"/>
+            <el-table-column prop="useOrgName" label="分公司" align="center" min-width="120"/>
+            <el-table-column prop="createByName" label="报价人" align="center" min-width="130"/>
+          </el-table>
+        </div>
+        <div v-else>
+          <el-row style="border-top: 1px solid #E0E3EB">
+            <el-col :span="24">
+              <div class="span-sty">当前最高报价(元)</div>
+              <el-form-item><span class="addinputInfo">{{ bidding.maxPrice }}</span></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <div class="span-sty">我的报价(元)</div>
+              <el-form-item><el-input class="addinputInfo" style="width: 20%" v-model="bidding.price" clearable placeholder="" /></el-form-item>
+            </el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="24">
+              <el-form-item><span style="color: red;font-weight: bold">注：每次竞价幅度不低于1000元</span></el-form-item>
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getdetails, selectDetailss, getList, getPrice, save } from '@/api/notificationannouncement/notificationannouncement'
+import financialschemeInfo from '@/components/publicPage/financialschemeInfo'
+
+export default {
+  name: 'SecondarySaleAnnouncement',
+  components: {
+    financialschemeInfo
+  },
+  data() {
+    return {
+      viewTitle: '',
+      viewState: 1,
+      tableKey: 1,
+      index: 0,
+      dialogVisible: false,
+      isBidding: false, // 是否我要报价
+      biddingKey: 2,
+      bidding: {
+        mainSid: '',
+        maxPrice: '',
+        orgPath: '',
+        price: '',
+        userSid: '',
+        list: []
+      },
+      formobj: {
+        alRepaidMoney: '',
+        alRepaidMoneyConPeriod: '',
+        bankContractNo: '',
+        bankName: '',
+        beOverdueMoneyAndPeriod: '',
+        createByName: '',
+        createDate: '',
+        createDept: '',
+        createDeptSid: '',
+        currentBeMoney: '',
+        currentPeriod: '',
+        customerName: '',
+        files: '',
+        filesList: [],
+        firstDate: '',
+        guaranteed: '',
+        illustrate: '',
+        inspect: '',
+        inspectSituation: '',
+        insuranceSituation: '',
+        kilometerDriven: '',
+        loanContractNo: '',
+        loanName: '',
+        loanSecondarySalesCost: {
+          arrearsAll: '',
+          bankSettleCost: '',
+          bankSettleCostAssume: '',
+          collectionCost: '',
+          costDescription: '',
+          debtDisposal: '',
+          files: [],
+          inspectYearCost: '',
+          inspectYearCostAssume: '',
+          insureCost: '',
+          insureCostAssume: '',
+          loanDeposit: '',
+          lossPrice: '',
+          otherCost: '',
+          otherCostAssume: '',
+          ownershipCost: '',
+          ownershipCostAssume: '',
+          stopCost: '',
+          stopCostAssume: '',
+          vehicleEvaluation: '',
+          vehPrice: '',
+          vehicleViolationCost: '',
+          vehicleViolationCostAssume: ''
+        },
+        loanSecondarySalesVehVoList: [],
+        locationName: '',
+        nper: '',
+        orgPath: '',
+        procInstId: '',
+        sid: '',
+        taskId: '',
+        unexpiredMoney: '',
+        useOrgSid: '',
+        userSid: '',
+        wheFundOccMoney: ''
+      },
+      rules: {}
+    }
+  },
+  mounted() {
+    const sid = this.$route.query.sid
+    this.showInfo(sid)
+  },
+  methods: {
+    showInfo(sid) {
+      this.viewTitle = '二手车销售公示'
+      this.$nextTick(() => {
+        this.$refs['form_obj'].clearValidate()
+      })
+      getdetails({ chooseSidList: [], orgPath: '', sid: sid, userSid: '' }).then((res) => {
+        if (res.success) {
+          this.formobj = res.data
+          if (this.formobj.loanSecondarySalesCost.files.length > 0) {
+            const bb = []
+            this.formobj.loanSecondarySalesCost.files.forEach((e) => {
+              bb.push(e.url)
+            })
+            this.formobj.loanSecondarySalesCost.files = bb
+          }
+        }
+      })
+    },
+    // 查看金融方案
+    lookFinancial() {
+      selectDetailss({ businessSid: this.formobj.salesOrderSid }).then((res) => {
+        if (res.success) {
+          this.viewState = 2
+          this.$refs['divFinancial'].showInfo(res.data, '03')
+        }
+      })
+    },
+    resetState() {
+      this.viewState = 1
+    },
+    // 竞价列表 -- 初始化
+    handleBidding() {
+      getList({ sid: this.formobj.sid }).then((resp) => {
+        if (resp.success) {
+          this.dialogVisible = true
+          this.isBidding = false
+          this.bidding.list = resp.data
+        }
+      })
+    },
+    // 竞价列表--关闭
+    toDialogClose() {
+      this.dialogVisible = false
+      this.isBidding = false
+      this.bidding = {
+        mainSid: '',
+        maxPrice: '',
+        orgPath: '',
+        price: '',
+        userSid: '',
+        list: []
+      }
+    },
+    // 我要竞价--初始化
+    toBidding() {
+      getPrice({ sid: this.formobj.sid }).then((res) => {
+        if (res.success) {
+          this.isBidding = true
+          this.bidding.maxPrice = res.data
+        }
+      })
+    },
+    // 我要竞价--保存
+    toConFirm() {
+      if (this.bidding.price !== '') {
+        this.bidding.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+        this.bidding.userSid = window.sessionStorage.getItem('userSid')
+        this.bidding.mainSid = this.formobj.sid
+        save(this.bidding).then((resp) => {
+          if (resp.success) {
+            this.$message({ showClose: true, type: 'success', message: '操作成功' })
+            this.toClose()
+          }
+        })
+      } else {
+        this.$message({ showClose: true, type: 'error', message: '请填写我的报价' })
+      }
+    },
+    // 关闭我要竞价页面
+    toClose() {
+      this.isBidding = false
+      this.bidding = {
+        mainSid: '',
+        maxPrice: '',
+        orgPath: '',
+        price: '',
+        userSid: '',
+        list: []
+      }
+      this.handleBidding()
+    },
+    handleReturn() {
+      this.formobj = {
+        alRepaidMoney: '',
+        alRepaidMoneyConPeriod: '',
+        bankContractNo: '',
+        bankName: '',
+        beOverdueMoneyAndPeriod: '',
+        createByName: '',
+        createDate: '',
+        createDept: '',
+        createDeptSid: '',
+        currentBeMoney: '',
+        currentPeriod: '',
+        customerName: '',
+        files: '',
+        filesList: [],
+        firstDate: '',
+        guaranteed: '',
+        illustrate: '',
+        inspect: '',
+        inspectSituation: '',
+        insuranceSituation: '',
+        kilometerDriven: '',
+        loanContractNo: '',
+        loanName: '',
+        loanSecondarySalesCost: {
+          arrearsAll: '',
+          bankSettleCost: '',
+          bankSettleCostAssume: '',
+          collectionCost: '',
+          costDescription: '',
+          debtDisposal: '',
+          files: [],
+          inspectYearCost: '',
+          inspectYearCostAssume: '',
+          insureCost: '',
+          insureCostAssume: '',
+          loanDeposit: '',
+          lossPrice: '',
+          otherCost: '',
+          otherCostAssume: '',
+          ownershipCost: '',
+          ownershipCostAssume: '',
+          stopCost: '',
+          stopCostAssume: '',
+          vehicleEvaluation: '',
+          vehPrice: '',
+          vehicleViolationCost: '',
+          vehicleViolationCostAssume: ''
+        },
+        loanSecondarySalesVehVoList: [],
+        locationName: '',
+        nper: '',
+        orgPath: '',
+        procInstId: '',
+        sid: '',
+        taskId: '',
+        unexpiredMoney: '',
+        useOrgSid: '',
+        userSid: '',
+        wheFundOccMoney: ''
+      }
+      window.close()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+.titleOne {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.tlineheightb {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+/deep/ .tlineheightb .el-form-item .el-form-item__content .addinputInfo {
+  line-height: 15px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+}
+</style>