完善车型管理--车辆配置--标签

anrui-scm/anrui-scm-ui/src/api/cheliang/basemodelconfig.js

@@ -60,6 +60,32 @@ export function update(data) {
   })
 }
 
+// 标签--标签选择
+export function fetchDetailsByOrgSid(data) {
+  return request({
+    url: '/base/v1/basevehmodellabel/fetchDetailsByOrgSid/' + data,
+    method: 'get'
+  })
+}
+
+// 标签--标签保存
+export function saveBiaoQian(data) {
+  return request({
+    url: '/base/v1/basevehmodelconfiglabel/save',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
+// 标签--编辑回显
+export function fetchDetailsByVehModelSid(data) {
+  return request({
+    url: '/base/v1/basevehmodelconfiglabel/fetchDetailsByVehModelSid/' + data,
+    method: 'get'
+  })
+}
+
 // 添加
 export function SaveList(data) {
   return request({

anrui-scm/anrui-scm-ui/src/views/cheliang/chexing/relation/chexingguanlianchangyong.vue

@@ -127,10 +127,10 @@
           <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" fixed label="序号" type="index" :index="indexMethod" align="center"/>
-            <el-table-column label="操作" fixed align="center" width="110px" class-name="small-padding fixed-width">
+            <el-table-column label="操作" fixed align="center" width="180px" class-name="small-padding fixed-width">
               <template slot-scope="{row}">
                 <el-button size="mini" type="primary" :disabled="row.guidedPrice !== ''"  @click="handleJiage(row)">价格维护</el-button>
-<!--                <el-button size="mini" type="primary" @click="handleBiaoQian(row)">标签</el-button>-->
+                <el-button size="mini" type="primary" @click="handleBiaoQian(row)">标签</el-button>
               </template>
             </el-table-column>
             <el-table-column fixed prop="insideCode" width="130" label="内部编码" align="center" />
@@ -168,7 +168,7 @@
     </div>
     <chexingpeizhijiageweihu v-show="pageState === 2" ref="weihu" @doback="resetState" @reloadlist="getList"></chexingpeizhijiageweihu>
     <changyongpeizhi v-show="pageState === 3" ref="changyongpeizhi" @doback="resetState" @reloadlist="getList"></changyongpeizhi>
-<!--    <chexingpeizhibiaoqian v-show="pageState === 4" ref="biaoqian" @doback="resetState"/>-->
+    <chexingpeizhibiaoqian v-show="pageState === 4" ref="biaoqian" @doback="resetState"/>
   </div>
 </template>
 
@@ -178,7 +178,7 @@ import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import chexingpeizhijiageweihu from './chexingpeizhijiageweihuAdd'
 import changyongpeizhi from './changyongpeizhi'
-// import chexingpeizhibiaoqian from './chexingpeizhibiaoqian'
+import chexingpeizhibiaoqian from './chexingpeizhibiaoqian'
 import { getUseOrgByUserSid } from '@/api/cheliang/basevehicle'
 
 export default {
@@ -188,7 +188,7 @@ export default {
     pageye,
     chexingpeizhijiageweihu,
     changyongpeizhi,
-    // chexingpeizhibiaoqian
+    chexingpeizhibiaoqian
   },
   data() {
     return {
@@ -468,10 +468,10 @@ export default {
       this.pageState = 2
       this.$refs['weihu'].showWeiHu(row.sid)
     },
-    // handleBiaoQian(row) {
-    //   this.pageState = 4
-    //   this.$refs['biaoqian'].showEdit(row.sid)
-    // },
+    handleBiaoQian(row) {
+      this.pageState = 4
+      this.$refs['biaoqian'].showEdit(row.sid, this.listQuery.params.useOrgSid)
+    },
     // 打开关联
     handleGuanlian() {
       this.pageState = 3

anrui-scm/anrui-scm-ui/src/views/cheliang/chexing/relation/chexingpeizhibiaoqian.vue

@@ -0,0 +1,170 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>设置标签</div>
+      <div>
+        <el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="temp_form" :model="temp" label-position="right" class="formadd" :rules="rules">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="3" class="tleftb">
+            <span>车型</span>
+          </el-col>
+          <el-col :span="21">
+            <el-form-item>
+              <span>{{ temp.vehicleAlias }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="3" class="tleftb">
+            <span>常用配置</span>
+          </el-col>
+          <el-col :span="21" class="tleftb_chang">
+            <el-form-item>
+              <span>{{ temp.configName }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="3" class="tleftb">
+            <span>更多配置</span>
+          </el-col>
+          <el-col :span="21" class="break_word">
+            <el-form-item>
+              <span>{{ temp.otherConfig }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <div class="title">
+          <div>标签列表</div>
+          <el-button type="primary" size="mini" class="btntopblueline" @click="handleAdd()">添加</el-button>
+        </div>
+        <el-table :key="tableKey" :data="temp.labelSid" :index="index" border style="width: 100%">
+          <el-table-column fixed width="60px" label="序号" type="index" :index="index + 1" align="center"/>
+          <el-table-column fixed label="操作" width="190px" align="center" header-align="center">
+            <template slot-scope="scope">
+              <el-button size="mini" type="danger" @click="dataDelete(scope.$index)">删除</el-button>
+            </template>
+          </el-table-column>
+          <el-table-column label="标签名称" align="center">
+            <template slot-scope="scope">
+              <el-select v-model="scope.row.labelSid" placeholder="请选择" filterable @change="changeActualPay($event, scope.row)">
+                <el-option v-for="item in label_list" :key="item.sid" :label="item.labelName" :value="item.sid"></el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import {fetchBySid, fetchDetailsByOrgSid, fetchDetailsByVehModelSid, saveBiaoQian} from '@/api/cheliang/basemodelconfig'
+
+export default {
+  name: 'chexingpeizhibiaoqian',
+  data() {
+    return {
+      tableKey: 0,
+      index: 0,
+      label_list: [],
+      temp: {
+        sid: '', // 一条数据的sid
+        vehicleAlias: '',
+        configName: '',
+        otherConfig: '',
+        vehmodelConfigSid: '',
+        labelSid: []
+      },
+      rules: {}
+    }
+  },
+  methods: {
+    showEdit(sid, useOrgSid) {
+      this.$nextTick(() => {
+        this.$refs['temp_form'].clearValidate()
+      })
+      fetchBySid(sid).then(resp => {
+        if (resp.success) {
+          this.temp.vehicleAlias = resp.data.vehicleAlias
+          this.temp.configName = resp.data.configName
+          this.temp.otherConfig = resp.data.otherConfig
+          this.temp.sid = sid
+          this.temp.vehmodelConfigSid = sid
+        }
+      })
+      fetchDetailsByOrgSid(useOrgSid).then((res) => {
+        if (res.success) {
+          this.label_list = res.data
+        }
+      })
+      fetchDetailsByVehModelSid(sid).then((resp) => {
+        if (resp.success) {
+          this.temp.labelSid = resp.data.labelSid
+        }
+      })
+    },
+    handleAdd() {
+      this.temp.labelSid.push({
+        labelName: '',
+        labelSid: ''
+      })
+    },
+    dataDelete(index) {
+      this.temp.labelSid.splice(index, 1)
+    },
+    changeActualPay(value, row) {
+      const choose = this.label_list.filter((item) => item.sid === value)
+      row.labelName = choose[0].labelName
+    },
+    // 返回
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.temp = {
+        sid: '', // 一条数据的sid
+        vehicleAlias: '',
+        configName: '',
+        otherConfig: '',
+        vehmodelConfigSid: '',
+        labelSid: []
+      }
+      this.$emit('doback')
+    },
+    // 保存修改数据
+    handleCreate() {
+      this.$refs['temp_form'].validate(valid => {
+        if (valid) {
+          saveBiaoQian(this.temp).then(resp => {
+            if (resp.success) {
+              this.$message({ showClose: true, type: 'success', message: '保存成功' })
+              this.handleReturn('true')
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.title {
+  padding: 7px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.break_word {
+  word-wrap: break-word;
+}
+
+.tleftb_chang .el-form-item /deep/ .el-form-item__content {
+  line-height: 20px;
+}
+</style>