内蒙古车辆模块字段修改、编辑bug修复

This commit is contained in:
jxj_yjl 2023-04-13 18:25:47 +08:00
parent 95c5b63a14
commit 4d94ec4ec0
5 changed files with 622 additions and 485 deletions

View File

@ -1,4 +1,4 @@
var COMPANY = ''; //通用 // var COMPANY = ''; //通用
// var COMPANY='zhongjian'; //中建,和沃尔对接的插件版用这个企业 // var COMPANY='zhongjian'; //中建,和沃尔对接的插件版用这个企业
// var COMPANY='hezhan'; //合展-宿迁 // var COMPANY='hezhan'; //合展-宿迁
// var COMPANY='nanchang'; //南昌地铁、衢州 // var COMPANY='nanchang'; //南昌地铁、衢州
@ -9,6 +9,7 @@ var COMPANY = ''; //通用
// COMPANY = 'xingxuan' // COMPANY = 'xingxuan'
// COMPANY = 'hengtong'//瑞士恒通 // COMPANY = 'hengtong'//瑞士恒通
// COMPANY = 'yunlian'//云联万物 // COMPANY = 'yunlian'//云联万物
COMPANY = 'neimenggu'//内蒙古项目
@ -21,7 +22,7 @@ var PROJECT = {
} }
var PROJECT_TYPE = PROJECT.online_zjsj var PROJECT_TYPE = PROJECT.local_test
var headerShow = true; // 是否显示头部 var headerShow = true; // 是否显示头部
var tabsShow = true; // 是否显示tabs var tabsShow = true; // 是否显示tabs

View File

@ -80,9 +80,9 @@ if (process.env.NODE_ENV == 'development') {
// axios.defaults.baseURL = 'http://192.168.34.221:12346' //郭圣雄本地 // axios.defaults.baseURL = 'http://192.168.34.221:12346' //郭圣雄本地
// axios.defaults.baseURL = 'http://192.168.34.221:12350' //金林湾本地 // axios.defaults.baseURL = 'http://192.168.34.221:12350' //金林湾本地
// axios.defaults.baseURL = 'http://192.168.34.122:8070' //彭洁本地 // axios.defaults.baseURL = 'http://192.168.34.122:8070' //彭洁本地
axios.defaults.baseURL = 'http://192.168.34.221:8070' //郭圣雄本地 // axios.defaults.baseURL = 'http://192.168.34.221:8070' //郭圣雄本地
// axios.defaults.baseURL = 'http://101.43.164.214:11111' //百色线上 // axios.defaults.baseURL = 'http://101.43.164.214:11111' //百色线上
// axios.defaults.baseURL = 'http://101.43.164.214:12345/#/'//内蒙古线上 axios.defaults.baseURL = 'http://101.43.164.214:12345/'//内蒙古线上
// axios.defaults.baseURL = 'http://121.196.214.246/api/'//金林湾线上新 // axios.defaults.baseURL = 'http://121.196.214.246/api/'//金林湾线上新
} else if (process.env.NODE_ENV == 'debug') { } else if (process.env.NODE_ENV == 'debug') {

View File

@ -89,6 +89,8 @@ export default new Vuex.Store({
// FILEURL: 'http://182.90.224.147:100/image/',//演示平台 // FILEURL: 'http://182.90.224.147:100/image/',//演示平台
// UPLOADURL: 'http://116.169.63.183:7070/upload/image',//三江集团 // UPLOADURL: 'http://116.169.63.183:7070/upload/image',//三江集团
// FILEURL: 'http://116.169.63.183:7070/image/',//三江集团 // FILEURL: 'http://116.169.63.183:7070/image/',//三江集团
// UPLOADURL: 'http://101.43.164.214:12345/upload/image',//内蒙古
// FILEURL: 'http://101.43.164.214:12345/image/',//内蒙古
ACCOUNTTYPE: [ ACCOUNTTYPE: [
"系统管理员", "系统管理员",

View File

@ -25,7 +25,7 @@ export default {
}, },
data() { data() {
// return { modelReport } // return { modelReport }
const list = new Array(6).fill(0).map((item, index) => new Array(3).fill(0).map(() => (index === 3 ? 0 : 1))) const list = new Array(6).fill(0).map((item, index) => new Array(3).fill(0).map(() => (index === 3 ? 1 : 1)))
return { return {
list list
} }

View File

@ -1,51 +1,112 @@
<template> <template>
<div class="fullHeight"> <div class="fullHeight">
<div class="searchBox whiteBlock"> <div class="searchBox whiteBlock">
<el-form <el-form :inline="true" class="demo-form-inline" size="medium">
:inline="true"
class="demo-form-inline"
size="medium"
>
<el-form-item :label="$t('message.carManage.carNumber')"> <el-form-item :label="$t('message.carManage.carNumber')">
<el-input v-model="carNumber" :placeholder="$t('message.deviceManage.placeholder')"></el-input> <el-input
v-model="carNumber"
:placeholder="$t('message.deviceManage.placeholder')"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('message.carManage.isBlack')"> <el-form-item :label="$t('message.carManage.isBlack')">
<el-select v-model="isBlack" :placeholder="$t('message.carManage.placeholder_select')" clearable> <el-select
v-model="isBlack"
:placeholder="$t('message.carManage.placeholder_select')"
clearable
>
<el-option <el-option
v-for="(item, index) in $t('message.carManage.isBlackArr')" v-for="(item, index) in $t('message.carManage.isBlackArr')"
:key="item.value" :key="item.value"
:label="item" :label="item"
:value="index"> :value="index"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" plain @click="getList">{{$t('message.deviceManage.query')}}</el-button> <el-button type="primary" plain @click="getList">{{
$t('message.deviceManage.query')
}}</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-button type="warning" size="medium" plain @click="refresh">{{$t('message.deviceManage.refresh')}}</el-button> <el-button type="warning" size="medium" plain @click="refresh">{{
<el-button type="primary" size="medium" @click="add">{{$t('message.deviceManage.add')}}</el-button> $t('message.deviceManage.refresh')
}}</el-button>
<el-button type="primary" size="medium" @click="add">{{
$t('message.deviceManage.add')
}}</el-button>
</div> </div>
<div class="table_wrap whiteBlock"> <div class="table_wrap whiteBlock">
<el-table class="tables" :data="List"> <el-table class="tables" :data="List">
<el-table-column prop="carNumber" align="center" :label="$t('message.carManage.carNumber')" <el-table-column
prop="carNumber"
align="center"
:label="$t('message.carManage.carNumber')"
></el-table-column> ></el-table-column>
<el-table-column prop="carColor" :label="$t('message.carManage.carColor')" align="center"></el-table-column> <el-table-column
<el-table-column prop="carTypeName" :label="$t('message.carManage.carType')" align="center"> v-if="COMPANY != 'neimenggu'"
prop="carColor"
:label="$t('message.carManage.carColor')"
align="center"
></el-table-column>
<el-table-column
prop="carTypeName"
:label="$t('message.carManage.carType')"
align="center"
>
</el-table-column> </el-table-column>
<el-table-column prop="driverWorkerName" :label="$t('message.carManage.driverName')" align="center"></el-table-column> <el-table-column
<el-table-column prop="driverTelephone" :label="$t('message.carManage.driverTelephone')" align="center"></el-table-column> prop="driverName"
<el-table-column prop="isBlack" :label="$t('message.carManage.isBlack')" align="center"> :label="$t('message.carManage.driverName')"
<template slot-scope="scope">{{$t('message.carManage.isBlackArr')[scope.row.isBlack]}}</template> align="center"
></el-table-column>
<el-table-column
prop="driverTelephone"
:label="$t('message.carManage.driverTelephone')"
align="center"
></el-table-column>
<el-table-column
prop="isBlack"
:label="$t('message.carManage.isBlack')"
align="center"
>
<template slot-scope="scope">{{
$t('message.carManage.isBlackArr')[scope.row.isBlack]
}}</template>
</el-table-column> </el-table-column>
<el-table-column width="80" align="center" :label="$t('message.carManage.carPhotosUrl')"> <el-table-column
width="80"
align="center"
:label="$t('message.carManage.carPhotosUrl')"
>
<div slot slot-scope="scope"> <div slot slot-scope="scope">
<img v-if="scope.row.carPhotosUrl && JSON.parse(scope.row.carPhotosUrl).length>0" :preview="JSON.parse(scope.row.carPhotosUrl)[0]?$store.state.FILEURL+JSON.parse(scope.row.carPhotosUrl)[0].url:''" <img
:src="JSON.parse(scope.row.carPhotosUrl)[0]?$store.state.FILEURL+JSON.parse(scope.row.carPhotosUrl)[0].url:''" v-if="
alt="" width="50px" height="50px"> scope.row.carPhotosUrl &&
JSON.parse(scope.row.carPhotosUrl).length > 0
"
:preview="
JSON.parse(scope.row.carPhotosUrl)[0]
? $store.state.FILEURL +
JSON.parse(scope.row.carPhotosUrl)[0].url
: ''
"
:src="
JSON.parse(scope.row.carPhotosUrl)[0]
? $store.state.FILEURL +
JSON.parse(scope.row.carPhotosUrl)[0].url
: ''
"
alt=""
width="50px"
height="50px"
/>
</div> </div>
</el-table-column> </el-table-column>
<el-table-column :label="$t('message.deviceManage.operation')" align="center"> <el-table-column
:label="$t('message.deviceManage.operation')"
align="center"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="tableBtns"> <div class="tableBtns">
<!--<div @click="yu(scope.row)" class="operationText"><img src="@/assets/images/yu.png" alt="">{{$t('message.alarmValueSet.yjz')}} <!--<div @click="yu(scope.row)" class="operationText"><img src="@/assets/images/yu.png" alt="">{{$t('message.alarmValueSet.yjz')}}
@ -53,11 +114,19 @@
<div @click="bao(scope.row)" class="operationText"><img src="@/assets/images/bao.png" alt="">{{$t('message.alarmValueSet.bjz')}} <div @click="bao(scope.row)" class="operationText"><img src="@/assets/images/bao.png" alt="">{{$t('message.alarmValueSet.bjz')}}
</div>--> </div>-->
<div @click="edit(scope.row)" class="operationText"> <div @click="edit(scope.row)" class="operationText">
<img src="@/assets/images/icon-edit.png" width="15px" height="15px"/> <img
src="@/assets/images/icon-edit.png"
width="15px"
height="15px"
/>
<span>{{ $t('message.deviceManage.edit') }}</span> <span>{{ $t('message.deviceManage.edit') }}</span>
</div> </div>
<div @click="deleteDev(scope.row)" class="operationText"> <div @click="deleteDev(scope.row)" class="operationText">
<img src="@/assets/images/icon-delete.png" width="15px" height="15px"/> <img
src="@/assets/images/icon-delete.png"
width="15px"
height="15px"
/>
<span>{{ $t('message.deviceManage.delete') }}</span> <span>{{ $t('message.deviceManage.delete') }}</span>
</div> </div>
</div> </div>
@ -76,18 +145,36 @@
background background
></el-pagination> ></el-pagination>
</div> </div>
<el-dialog :modal-append-to-body="false" @close="close" :title="$t('message.carManage.Popup_title')[Popup.type]" <el-dialog
:modal-append-to-body="false"
@close="close"
:title="$t('message.carManage.Popup_title')[Popup.type]"
:visible.sync="Popup.show" :visible.sync="Popup.show"
width="667px"> width="667px"
>
<div class="dialog_content"> <div class="dialog_content">
<el-form v-show="Popup.type === 'add'||Popup.type === 'edit'" size="medium" <el-form
ref="addEditForm" :model="addEditForm" :rules="addEditRules" v-show="Popup.type === 'add' || Popup.type === 'edit'"
label-width="120px" class="dialogFormBox"> size="medium"
<el-form-item :label="$t('message.carManage.carNumber')" prop="carNumber"> ref="addEditForm"
<el-input v-model="addEditForm.carNumber" :model="addEditForm"
:placeholder="$t('message.deviceManage.placeholder')"></el-input> :rules="addEditRules"
label-width="120px"
class="dialogFormBox"
>
<el-form-item
:label="$t('message.carManage.carNumber')"
prop="carNumber"
>
<el-input
v-model="addEditForm.carNumber"
:placeholder="$t('message.deviceManage.placeholder')"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('message.carManage.carPhotosUrl')" prop="carPhotosUrl"> <el-form-item
:label="$t('message.carManage.carPhotosUrl')"
prop="carPhotosUrl"
>
<el-upload <el-upload
:action="$store.state.UPLOADURL" :action="$store.state.UPLOADURL"
list-type="picture-card" list-type="picture-card"
@ -96,52 +183,86 @@
:limit="1" :limit="1"
:file-list="fileList" :file-list="fileList"
:on-success="handleSuccess" :on-success="handleSuccess"
:on-remove="handleRemove"> :on-remove="handleRemove"
<i class="el-icon-plus"></i> >
</el-upload><!--:on-preview="handlePictureCardPreview"--> <i class="el-icon-plus"></i> </el-upload
><!--:on-preview="handlePictureCardPreview"-->
<!-- {{showImgUrl}}--> <!-- {{showImgUrl}}-->
</el-form-item> </el-form-item>
<el-form-item :label="$t('message.carManage.carColor')" prop="carColor"> <el-form-item
<el-select v-model="addEditForm.carColor" :label="$t('message.carManage.carColor')"
:placeholder="$t('message.carManage.placeholder_select')"> prop="carColor"
v-if="COMPANY != 'neimenggu'"
>
<el-select
v-model="addEditForm.carColor"
:placeholder="$t('message.carManage.placeholder_select')"
>
<el-option <el-option
v-for="item in $t('message.carManage.carColorArr')" v-for="item in $t('message.carManage.carColorArr')"
:key="item.value" :key="item.value"
:label="item" :label="item"
:value="item"> :value="item"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('message.carManage.carType')" prop="carType"> <el-form-item :label="$t('message.carManage.carType')" prop="carType">
<el-select v-model="addEditForm.carType" <el-select
:placeholder="$t('message.carManage.placeholder_select')"> v-model="addEditForm.carType"
:placeholder="$t('message.carManage.placeholder_select')"
>
<el-option <el-option
v-for="(item, index) in carTypeList" v-for="(item, index) in carTypeList"
:key="index" :key="index"
:label="item.carTypeName" :label="item.carTypeName"
:value="item.id"> :value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 司机姓名 --> <!-- 司机姓名 -->
<el-form-item :label="$t('message.carManage.driverName')" prop="driverWorkerId"> <el-form-item
:label="$t('message.carManage.driverName')"
prop="driverName"
v-if="COMPANY == 'neimenggu'"
>
<el-input
v-model="addEditForm.driverName"
:placeholder="$t('message.deviceManage.placeholder')"
></el-input>
</el-form-item>
<!-- 司机姓名 -->
<el-form-item
:label="$t('message.carManage.driverName')"
prop="driverWorkerId"
v-else
>
<!-- <el-input v-model="addEditForm.driverName" <!-- <el-input v-model="addEditForm.driverName"
:placeholder="$t('message.deviceManage.placeholder')"></el-input> --> :placeholder="$t('message.deviceManage.placeholder')"></el-input> -->
<el-select v-model="addEditForm.driverWorkerId" <el-select
filterable multiple v-model="addEditForm.driverWorkerId"
filterable
multiple
collapse-tags collapse-tags
:placeholder="$t('message.deviceManage.placeholder_select')" @change="changeDriverFn"> :placeholder="$t('message.deviceManage.placeholder_select')"
@change="changeDriverFn"
>
<el-option <el-option
v-for="item in appWorkerList" v-for="item in appWorkerList"
:key="item.id" :key="item.id"
:label="item.workerName" :label="item.workerName"
:value="item.id"> :value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 司机电话 --> <!-- 司机电话 -->
<el-form-item label="司机电话" prop="driverTelephone"> <el-form-item label="司机电话" prop="driverTelephone">
<el-input v-model="addEditForm.driverTelephone" placeholder="请输入"></el-input> <el-input
v-model="addEditForm.driverTelephone"
placeholder="请输入"
></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item :label="$t('message.carManage.driverTelephone')" prop="driverTelephone"> <!-- <el-form-item :label="$t('message.carManage.driverTelephone')" prop="driverTelephone">
@ -155,21 +276,28 @@
<!-- 是否黑名单 --> <!-- 是否黑名单 -->
<el-form-item :label="$t('message.carManage.isBlack')" prop="isBlack"> <el-form-item :label="$t('message.carManage.isBlack')" prop="isBlack">
<el-radio-group v-model="addEditForm.isBlack"> <el-radio-group v-model="addEditForm.isBlack">
<el-radio v-for="(i,index) in $t('message.carManage.isBlackArr')" :key="i.value" <el-radio
:label="index">{{i}} v-for="(i, index) in $t('message.carManage.isBlackArr')"
:key="i.value"
:label="index"
>{{ i }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item :label="$t('message.deviceManage.alarmPushWorkerId')"> <el-form-item :label="$t('message.deviceManage.alarmPushWorkerId')">
<el-select v-model="addEditForm.alarmPushWorkerId" <el-select
v-model="addEditForm.alarmPushWorkerId"
multiple multiple
collapse-tags collapse-tags
:placeholder="$t('message.deviceManage.placeholder_select')"> :placeholder="$t('message.deviceManage.placeholder_select')"
<el-option v-if="item.workerId!=''" >
<el-option
v-if="item.workerId != ''"
v-for="item in options" v-for="item in options"
:key="item.workerId" :key="item.workerId"
:label="item.workerName" :label="item.workerName"
:value="item.workerId"> :value="item.workerId"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -217,6 +345,7 @@
}, },
data() { data() {
return { return {
COMPANY: COMPANY,
fileList: [], fileList: [],
showImgUrl: '', showImgUrl: '',
props: { props: {
@ -251,6 +380,10 @@
{ required: true, message: this.$t('message.carManage.required'), trigger: "blur" }, { required: true, message: this.$t('message.carManage.required'), trigger: "blur" },
{ required: true, message: this.$t('message.carManage.required'), trigger: "change" } { required: true, message: this.$t('message.carManage.required'), trigger: "change" }
], ],
driverName: [
{ required: true, message: this.$t('message.carManage.required'), trigger: "blur" },
{ required: true, message: this.$t('message.carManage.required'), trigger: "change" }
],
}, },
options: [ options: [
/*{realName: "", value: 1}, /*{realName: "", value: 1},
@ -307,8 +440,9 @@
edit(obj) { edit(obj) {
this.addEditForm = JSON.parse(JSON.stringify(obj)); this.addEditForm = JSON.parse(JSON.stringify(obj));
this.fileList = obj.carPhotosUrl; this.fileList = obj.carPhotosUrl;
console.log('类型============', obj);
if (typeof obj.carPhotosUrl === 'string') { if (typeof obj.carPhotosUrl === 'string') {
this.addEditForm.carPhotosUrl = JSON.parse(obj.carPhotosUrl); this.addEditForm.carPhotosUrl = obj.carPhotosUrl != "" ? JSON.parse(obj.carPhotosUrl) : [];
this.fileList = this.addEditForm.carPhotosUrl; this.fileList = this.addEditForm.carPhotosUrl;
this.fileList.map((file) => { this.fileList.map((file) => {
console.log('url', file.url); console.log('url', file.url);
@ -494,6 +628,6 @@
width: 462px; width: 462px;
} }
.el-form-item__content .el-select__tags { .el-form-item__content .el-select__tags {
flex-wrap: nowrap flex-wrap: nowrap;
} }
</style> </style>