From 56d22aec2aa647b1786583b9c6d5fa12046f0b5a Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Thu, 18 Jan 2024 08:59:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=BD=A6=E5=9E=8B=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E6=A0=87=E5=87=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/publicPage/criterion.vue   |  65 ++++
 .../publicPage/vehicleconfiguration.vue       | 307 ++++++++++++++++++
 2 files changed, 372 insertions(+)
 create mode 100644 anrui-riskcenter-ui/src/components/publicPage/criterion.vue
 create mode 100644 anrui-riskcenter-ui/src/components/publicPage/vehicleconfiguration.vue

diff --git a/anrui-riskcenter-ui/src/components/publicPage/criterion.vue b/anrui-riskcenter-ui/src/components/publicPage/criterion.vue
new file mode 100644
index 0000000000..0d254e4a48
--- /dev/null
+++ b/anrui-riskcenter-ui/src/components/publicPage/criterion.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>车型配置详情</div>
+      <div>
+        <el-button type="info" size="small" @click="handleReturn">关闭</el-button>
+      </div>
+    </div>
+    <vehicleconfiguration ref="divConfig" :params="sid_list"/>
+  </div>
+</template>
+
+<script>
+import vehicleconfiguration from './vehicleconfiguration'
+
+export default {
+  name: 'BiaoZhun',
+  components: {
+    vehicleconfiguration
+  },
+  data() {
+    return {
+      FormLoading: false,
+      isDown: true,
+      isDownOther: true,
+      sid_list: {
+        modelSid: '',
+        configSid: '',
+        vehModelConfigSid: '',
+        guidedPrice: ''
+      }
+    }
+  },
+  methods: {
+    // 返回
+    handleReturn() {
+      this.sid_list = {
+        modelSid: '',
+        configSid: '',
+        vehModelConfigSid: '',
+        guidedPrice: ''
+      }
+      this.$emit('doback')
+    },
+    // 查看
+    showInfo(row) {
+      this.FormLoading = true
+      this.sid_list.modelSid = row.modelSid
+      this.sid_list.configSid = row.modelConfigSid
+      this.sid_list.vehModelConfigSid = row.vehModelConfigSid
+      if (row.guidedPrice !== '' || row.guidedPrice !== null) {
+        const guidedPrice_two = parseFloat(Number(row.guidedPrice) / 10000).toFixed(2)
+        this.sid_list.guidedPrice = guidedPrice_two
+      }
+      if (row.guidedPrice === '' || row.guidedPrice == null) {
+        this.sid_list.guidedPrice = ''
+      }
+      // this.sid_list.guidedPrice = row.guidedPrice
+    }
+  }
+}
+</script>
+<style scoped>
+
+</style>
diff --git a/anrui-riskcenter-ui/src/components/publicPage/vehicleconfiguration.vue b/anrui-riskcenter-ui/src/components/publicPage/vehicleconfiguration.vue
new file mode 100644
index 0000000000..d53c3596eb
--- /dev/null
+++ b/anrui-riskcenter-ui/src/components/publicPage/vehicleconfiguration.vue
@@ -0,0 +1,307 @@
+<template>
+  <div class="app-container">
+    <div class="listconadd">
+      <el-form ref="dataForm" :model="formobj" class="formaddcopy02">
+        <div class="title" style="display: flex;flex-direction: row;justify-content: space-between;align-items: center">
+          <div>{{ formobj.vehicleAlias }}</div>
+          <div>销售指导价:<span>{{guidedPrice}} 万元</span></div>
+        </div>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>品牌</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.brandName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>功能</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.vehicleTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>系列</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.productLineValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>驱动</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.driveFormValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>马力</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.powerValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>版本</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.vehicleVersionValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>燃料</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.fuelTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>排放标准</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.emissionStandardValue }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>发动机型号</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.engineTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>变速箱类型</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.tranCaseTypeValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>变速箱</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.gearboxTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>细分市场</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.marketSegmentsValue }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>规格型号</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.specifications }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>系别</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.departmentValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>编码</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.vehicleTypeCode }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">常用配置<span>({{ formobj.configCode }})</span></div>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>后桥</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.rearAxleValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>速比</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.rearAxleRatio }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>轴距</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.wheelbase }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>悬架</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.suspension }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>鞍座</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.saddle }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>颜色</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.carColor }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>驾驶室</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.specification }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>保险杠</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.bumper }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>燃料箱</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.fuelTank }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>导流罩</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.baffleModel }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>独立热源</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.independentSources }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>缓速器</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.slowMachine }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>护轮罩</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.tireCover }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>后视镜</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.rearViewMirror }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>轮胎</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.tireSize }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>轮毂材质</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.hubMaterial }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>空调</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.airConditioner }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>座椅</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.seat }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>多媒体</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.multimedia }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>配置包</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.configuringBao }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>门窗</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.doorAndWindowValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>门锁</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.doorLockValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>大灯</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.headlightValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>上车踏板</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.boardPedalValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>方向盘</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.steerWheelValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>离合器</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.clutchValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>方向机</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.dirMachineValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>前桥</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.proponsValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="5" class="tlineheightb">
+            <div class="span-sty"><span>货箱内部长度</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.packingCase }}</span></el-form-item>
+          </el-col>
+          <el-col :span="4" class="tlineheightb">
+            <div class="span-sty"><span>蓄电池</span></div>
+            <el-form-item><span class="addinputInfo">{{ formobj.storagBatteryValue }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">
+          更多配置
+        </div>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item>{{ formobj.otherConfig }}</el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { selectExiCarConfig } from '@/api/Common/dictcommons'
+
+export default {
+  name: 'CheXingPeiZhiBiaoZhun',
+  props: {
+    params: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      FormLoading: false,
+      priceValidity: '',
+      guidedPrice: '',
+      formobj: {},
+      isDown: true,
+      isDownOther: true,
+      sid_list: {
+        modelSid: '',
+        configSid: '',
+        vehModelConfigSid: '',
+        userSid: window.sessionStorage.getItem('userSid')
+      }
+    }
+  },
+  watch: {
+    params: {
+      deep: true,
+      immediate: false,
+      handler(newVal, oldVal) {
+        if (newVal.configSid !== '' && newVal.modelSid !== '') {
+          this.guidedPrice = newVal.guidedPrice
+          selectExiCarConfig({
+            modelSid: newVal.modelSid,
+            configSid: newVal.configSid,
+            vehModelConfigSid: newVal.vehModelConfigSid
+          }).then((response) => {
+            this.FormLoading = false
+            if (response.success) {
+              this.formobj = response.data
+            } else {
+              this.$message({
+                showClose: true,
+                message: '查看失败！',
+                type: 'error'
+              })
+            }
+          })
+        } else {
+          this.formobj = {}
+          this.guidedPrice = ''
+        }
+      }
+    }
+  },
+  methods: {
+  }
+}
+</script>
+<style scoped>
+.span-sty {
+  width: 100px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+}
+.addinputInfo {
+  margin-left: 90px !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>