yxt_develop
/
anrui
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge remote-tracking branch 'origin/master'

master
God 3 years ago
parent
080e1aa685 7089444f00
commit
92a8123ebd
9 changed files with 1233 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 38
      anrui-scm/anrui-scm-ui/src/api/othermenu/chexingbiaoqian.js
  2. 39
      anrui-scm/anrui-scm-ui/src/api/othermenu/gonggaoxinghao.js
  3. 22
      anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
  4. 203
      anrui-scm/anrui-scm-ui/src/views/othermenu/affichetype/gonggaoAdd.vue
  5. 130
      anrui-scm/anrui-scm-ui/src/views/othermenu/affichetype/gonggaoInfo.vue
  6. 263
      anrui-scm/anrui-scm-ui/src/views/othermenu/affichetype/gonggaoguanli.vue
  7. 156
      anrui-scm/anrui-scm-ui/src/views/othermenu/cartags/chexingbiaoqianAdd.vue
  8. 115
      anrui-scm/anrui-scm-ui/src/views/othermenu/cartags/chexingbiaoqianInfo.vue
  9. 267
      anrui-scm/anrui-scm-ui/src/views/othermenu/cartags/chexingbiaoqianguanli.vue

38
anrui-scm/anrui-scm-ui/src/api/othermenu/chexingbiaoqian.js
View File

@ -0,0 +1,38 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(params) {
return request({
url: '/base/v1/basevehmodellabel/listPage',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 删除
delete: function(params) {
return request({
url: '/base/v1/basevehmodellabel/delBySids',
method: 'DELETE',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存修改记录
saveOrUpdate: function(params) {
return request({
url: '/base/v1/basevehmodellabel/save',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid查询一条记录
fetchBySid: function(data) {
return request({
url: '/base/v1/basevehmodellabel/fetchDetailsBySid/' + data,
method: 'get'
})
}
}

39
anrui-scm/anrui-scm-ui/src/api/othermenu/gonggaoxinghao.js
View File

@ -0,0 +1,39 @@
import request from '@/utils/request'
export default {
// 查询分页列表
listPage: function(params) {
return request({
url: '/base/v1/baseannouncementmodel/listPage',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 删除
delete: function(params) {
return request({
url: '/base/v1/baseannouncementmodel/delBySids',
method: 'DELETE',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 保存修改记录
saveOrUpdate: function(params) {
return request({
url: '/base/v1/baseannouncementmodel/save',
method: 'post',
data: params,
headers: { 'Content-Type': 'application/json' }
})
},
// 通过sid查询一条记录
fetchBySid: function(data) {
return request({
url: '/base/v1/baseannouncementmodel/fetchDetailsBySid/' + data,
params: { sid: data },
method: 'get'
})
}
}

22
anrui-scm/anrui-scm-ui/src/router/modules/codemenu.js
View File

@ -407,6 +407,28 @@ const codemenu = [
}
]
},
{
path: '/othermenu',
component: Layout,
redirect: '/othermenu',
meta: {
title: '其他菜单'
},
children: [
{
path: '/othermenu/affichetype',
component: () => import('@/views/othermenu/affichetype/gonggaoguanli.vue'),
name: 'gonggaoxinghaoguanli',
meta: { title: '公告型号管理', noCache: true }
},
{
path: '/othermenu/cartags',
component: () => import('@/views/othermenu/cartags/chexingbiaoqianguanli.vue'),
name: 'chexingbiaoqianguanli',
meta: { title: '车型标签管理', noCache: true }
}
]
},
// 入账管理
{
path: '/ruzhang',

203
anrui-scm/anrui-scm-ui/src/views/othermenu/affichetype/gonggaoAdd.vue
View File

@ -0,0 +1,203 @@
<template>
<div class="app-container">
<div>
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 添加修改按钮-->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="save()">保存
</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<!--标题按钮部分结束-->
<!--Start 新增修改部分-->
<div class="listconadd">
<div class="titwu"><span>公告型号</span></div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="4" class="tleftb">
<span>公告型号</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input v-model="formobj.announcementmodelName" clearable placeholder="" style="width: 20%"></el-input></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>备注</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputw"></el-input></el-form-item>
</el-col>
</el-row>
<div class="title">
<div>公告型号列表</div>
<div>
<el-button type="primary" size="mini" icon="el-icon-plus" @click="add()">添加</el-button>
</div>
</div>
<el-table :key="tableKey" :data="formobj.baseAnnouncementmodelParams" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column fixed prop="name" label="操作" width="100px" 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-input v-model="scope.row.vehAppeSize" clearable placeholder="" class="addinputw"></el-input>
</template>
</el-table-column>
<el-table-column label="准牵引总质量" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.accTowTotalMass" clearable placeholder="" class="addinputw"></el-input>
</template>
</el-table-column>
<el-table-column label="整备质量" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.preparationMass" clearable placeholder="" class="addinputw"></el-input>
</template>
</el-table-column>
<el-table-column label="板簧片数" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.plateReedNum" clearable placeholder="" class="addinputw"></el-input>
</template>
</el-table-column>
<el-table-column label="轮胎" align="center">
<template slot-scope="scope">
<el-input v-model="scope.row.tyre" clearable placeholder="" class="addinputw"></el-input>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
</div>
</template>
<script>
import req from '@/api/othermenu/gonggaoxinghao'
import { getPathSidByUserSid } from '@/api/cheliang/dictcommons'
export default {
name: 'gongggaoxinghaoAdd',
data() {
return {
viewTitle: '',
index: 0,
tableKey: 0,
// 表单数据
formobj: {
sid: '', // 一条数据的sid
announcementmodelName: '',
createOrgSid: '',
useOrgSid: '',
createBySid: '',
remarks: '',
baseAnnouncementmodelParams: []
},
rules: {},
submitdisabled: false
}
},
methods: {
init() {
getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid') }).then((resp) => {
if (resp.success) {
this.formobj.createOrgSid = resp.data
this.formobj.useOrgSid = resp.data
}
})
},
showAdd() {
this.init()
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.formobj.createBySid = window.sessionStorage.getItem('userSid')
this.viewTitle = '【新增】公告型号'
},
showEdit(row) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '【编辑】公告型号'
console.log('编辑回显', row.sid)
req.fetchBySid(row.sid).then((resp) => {
this.formobj = resp.data
}).catch((e) => {
this.formobj = row
})
},
// 明细表添加一行数据
add() {
this.formobj.baseAnnouncementmodelParams.push({
accTowTotalMass: '',
mainSid: '',
plateReedNum: '',
preparationMass: '',
sid: '',
vehAppeSize: '',
tyre: ''
})
},
// 明细表删除一行数据
dataDelete(index) {
this.formobj.baseAnnouncementmodelParams.splice(index, 1)
},
save() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.saveOrUpdate(this.formobj).then((resp) => {
this.submitdisabled = false
if (resp.success) {
this.$message({
showClose: true,
type: 'success',
message: resp.msg
})
this.handleReturn('true')
}
}).catch(() => {
this.submitdisabled = false
})
} else {
return false
}
})
},
// 返回（===既判断）
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
// 表单数据
this.formobj = {
sid: '', // 一条数据的sid
announcementmodelName: '',
createOrgSid: '',
useOrgSid: '',
createBySid: '',
remarks: '',
baseAnnouncementmodelParams: []
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.title {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

130
anrui-scm/anrui-scm-ui/src/views/othermenu/affichetype/gonggaoInfo.vue
View File

@ -0,0 +1,130 @@
<template>
<div class="app-container">
<div>
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 添加修改按钮-->
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<!--标题按钮部分结束-->
<!--Start 新增修改部分-->
<div class="listconadd">
<div class="titwu"><span>公告型号</span></div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="4" class="tleftb">
<span>公告型号</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ formobj.announcementmodelName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>备注</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
<div class="title">
<div>公告型号列表</div>
</div>
<el-table :key="tableKey" :data="formobj.baseAnnouncementmodelParams" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column label="整车外观尺寸" align="center">
<template slot-scope="scope">
<span>{{ scope.row.vehAppeSize }}</span>
</template>
</el-table-column>
<el-table-column label="准牵引总质量" align="center">
<template slot-scope="scope">
<span>{{ scope.row.accTowTotalMass }}</span>
</template>
</el-table-column>
<el-table-column label="整备质量" align="center">
<template slot-scope="scope">
<span>{{ scope.row.preparationMass }}</span>
</template>
</el-table-column>
<el-table-column label="板簧片数" align="center">
<template slot-scope="scope">
<span>{{ scope.row.plateReedNum }}</span>
</template>
</el-table-column>
<el-table-column label="轮胎" align="center">
<template slot-scope="scope">
<span>{{ scope.row.tyre }}</span>
</template>
</el-table-column>
</el-table>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
</div>
</template>
<script>
import req from '@/api/othermenu/gonggaoxinghao'
export default {
name: 'gongggaoxinghaoAdd',
data() {
return {
viewTitle: '',
index: 0,
tableKey: 0,
// 表单数据
formobj: {
sid: '', // 一条数据的sid
announcementmodelName: '',
createOrgSid: '',
useOrgSid: '',
createBySid: '',
remarks: '',
baseAnnouncementmodelParams: []
},
rules: {},
submitdisabled: false
}
},
methods: {
showInfo(row) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '公告型号详情'
console.log('编辑回显', row.sid)
req.fetchBySid(row.sid).then((resp) => {
this.formobj = resp.data
}).catch((e) => {
this.formobj = row
})
},
// 返回（===既判断）
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
// 表单数据
this.formobj = {
sid: '', // 一条数据的sid
announcementmodelName: '',
createOrgSid: '',
useOrgSid: '',
createBySid: '',
remarks: '',
baseAnnouncementmodelParams: []
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
</style>

263
anrui-scm/anrui-scm-ui/src/views/othermenu/affichetype/gonggaoguanli.vue
View File

@ -0,0 +1,263 @@
<template>
<div class="app-container">
<!-- Start 列表页面 -->
<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="申请日期">
<el-date-picker v-model="listQuery.params.createStartTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="listQuery.params.createEndTime" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/>
</el-form-item>
<el-form-item label="公告型号">
<el-input v-model="listQuery.params.announcementmodelName" placeholder="请输入车架号" clearable/>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">公告型号申请列表</div>
<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 fixed type="selection" align="center" width="50px"/>
<el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80px"/>
<el-table-column fixed label="操作" align="center" width="180px" >
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toEdit(scope.row)">编辑</el-button>
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="公告型号" align="center">
<template slot-scope="scope">
<span>{{ scope.row.announcementmodelName }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<span>{{ scope.row.remarks }}</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<gonggaoAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<gonggaoInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/othermenu/gonggaoxinghao'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import gonggaoAdd from './gonggaoAdd'
import gonggaoInfo from './gonggaoInfo'
export default {
name: 'gonggaoxinghaoguanli',
components: {
Pagination,
pageye,
ButtonBar,
gonggaoAdd,
gonggaoInfo
},
data() {
return {
btndisabled: false,
btnList: [
{
type: 'primary',
size: 'small',
icon: 'plus',
btnKey: 'toAdd',
btnLabel: '新增'
},
{
type: 'danger',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1,
// 查询条件 -----------
tableKey: 0,
list: [],
sids: [],
FormLoading: false,
listLoading: false,
listQuery: {
params: {
announcementmodelName: '',
createStartTime: '',
createEndTime: '',
userSid: ''
},
current: 1,
size: 5,
total: 0
},
rules: {}
}
},
created() {
// 加载列表
this.getList()
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
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
}
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelectionChange(row) {
const aa = []
row.forEach((element) => {
aa.push(element.sid)
})
this.sids = aa
console.log('sids', this.sids)
},
// 查询列表信息
getList() {
this.listLoading = true
this.listQuery.params.userSid = window.sessionStorage.getItem('userSid')
req.listPage(this.listQuery).then((response) => {
console.log('列表查询结果：', response)
this.listLoading = false
if (response.success && response.data && response.data.total > 0) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
handleReset() {
this.listQuery = {
params: {
announcementmodelName: '',
createStartTime: '',
createEndTime: '',
userSid: ''
},
current: 1,
size: 5,
total: 0
}
this.getList()
},
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
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.delete(this.sids).then(resp => {
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
}
this.getList()
loading.close()
}).catch(e => {
loading.close()
})
}).catch(() => {
})
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

156
anrui-scm/anrui-scm-ui/src/views/othermenu/cartags/chexingbiaoqianAdd.vue
View File

@ -0,0 +1,156 @@
<template>
<div class="app-container">
<div>
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 添加修改按钮-->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="save()">保存
</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<!--标题按钮部分结束-->
<!--Start 新增修改部分-->
<div class="listconadd">
<div class="titwu"><span>车型标签</span></div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="4" class="tleftb">
<span>分公司</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ formobj.createOrgName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>车型标签</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input v-model="formobj.labelName" clearable placeholder="" style="width: 20%"></el-input></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>备注</span>
</el-col>
<el-col :span="20">
<el-form-item><el-input v-model="formobj.remarks" clearable placeholder="" class="addinputw"></el-input></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
</div>
</template>
<script>
import req from '@/api/othermenu/gonggaoxinghao'
import { fetchBySid } from '@/api/cheliang/dictcommons'
export default {
name: 'gongggaoxinghaoAdd',
data() {
return {
viewTitle: '',
index: 0,
tableKey: 0,
// 表单数据
formobj: {
sid: '', // 一条数据的sid
createOrgName: '',
createOrgSid: '',
labelName: '',
remarks: '',
useOrgName: '',
useOrgSid: ''
},
rules: {},
submitdisabled: false
}
},
methods: {
init() {
fetchBySid(this.formobj.createOrgSid).then((resp) => {
if (resp.success) {
this.formobj.createOrgName = resp.data.name
this.formobj.useOrgName = resp.data.name
}
})
},
showAdd(createOrgSid) {
this.$nextTick(() => {
this.init()
this.$refs['form_obj'].clearValidate()
})
this.formobj.createOrgSid = createOrgSid
this.formobj.useOrgSid = createOrgSid
this.viewTitle = '【新增】车型标签'
},
showEdit(row) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '【编辑】车型标签'
console.log('编辑回显', row.sid)
req.fetchBySid(row.sid).then((resp) => {
this.formobj = resp.data
}).catch((e) => {
this.formobj = row
})
},
save() {
this.$refs['form_obj'].validate((valid) => {
if (valid) {
this.submitdisabled = true
req.saveOrUpdate(this.formobj).then((resp) => {
this.submitdisabled = false
if (resp.success) {
this.$message({
showClose: true,
type: 'success',
message: resp.msg
})
this.handleReturn('true')
}
}).catch(() => {
this.submitdisabled = false
})
} else {
return false
}
})
},
// 返回（===既判断）
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
// 表单数据
this.formobj = {
sid: '', // 一条数据的sid
createOrgName: '',
createOrgSid: '',
labelName: '',
remarks: '',
useOrgName: '',
useOrgSid: ''
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.title {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

115
anrui-scm/anrui-scm-ui/src/views/othermenu/cartags/chexingbiaoqianInfo.vue
View File

@ -0,0 +1,115 @@
<template>
<div class="app-container">
<div>
<!--标题按钮部分开始-->
<div class="tab-header webtop">
<!--标题-->
<div>{{ viewTitle }}</div>
<!--start 添加修改按钮-->
<div>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
</div>
<!--标题按钮部分结束-->
<!--Start 新增修改部分-->
<div class="listconadd">
<div class="titwu"><span>车型标签</span></div>
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd">
<el-row style="border-top: 1px solid #E0E3EB">
<el-col :span="4" class="tleftb">
<span>分公司</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ formobj.createOrgName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>车型标签</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ formobj.labelName }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb">
<span>备注</span>
</el-col>
<el-col :span="20">
<el-form-item><span>{{ formobj.remarks }}</span></el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<!--End 添加修改部分-->
</div>
</template>
<script>
import req from '@/api/othermenu/gonggaoxinghao'
import { fetchBySid } from '@/api/cheliang/dictcommons'
export default {
name: 'chexingbiaoqianInfo',
data() {
return {
viewTitle: '',
index: 0,
tableKey: 0,
// 表单数据
formobj: {
sid: '', // 一条数据的sid
createOrgName: '',
createOrgSid: '',
labelName: '',
remarks: '',
useOrgName: '',
useOrgSid: ''
},
rules: {},
submitdisabled: false
}
},
methods: {
showInfo(row) {
this.$nextTick(() => {
this.$refs['form_obj'].clearValidate()
})
this.viewTitle = '车型标签详情'
console.log('编辑回显', row.sid)
req.fetchBySid(row.sid).then((resp) => {
this.formobj = resp.data
}).catch((e) => {
this.formobj = row
})
},
// 返回（===既判断）
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
// 表单数据
this.formobj = {
sid: '', // 一条数据的sid
createOrgName: '',
createOrgSid: '',
labelName: '',
remarks: '',
useOrgName: '',
useOrgSid: ''
}
this.$refs['form_obj'].resetFields()
this.$emit('doback')
}
}
}
</script>
<style scoped>
.title {
padding: 7px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
</style>

267
anrui-scm/anrui-scm-ui/src/views/othermenu/cartags/chexingbiaoqianguanli.vue
View File

@ -0,0 +1,267 @@
<template>
<div class="app-container">
<!-- Start 列表页面 -->
<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="车型标签">
<el-input v-model="listQuery.params.labelName" placeholder="请输入车架号" clearable/>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" @click="handleFilter" size="small">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="handleReset" size="small">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">车型标签申请列表</div>
<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 fixed type="selection" align="center" width="50px"/>
<el-table-column fixed label="序号" type="index" :index="indexMethod" align="center" width="80px"/>
<el-table-column fixed label="操作" align="center" width="180px" >
<template slot-scope="scope">
<el-button type="primary" size="mini" @click="toEdit(scope.row)">编辑</el-button>
<el-button type="primary" size="mini" @click="toInfo(scope.row)">查看</el-button>
</template>
</el-table-column>
<el-table-column label="分公司" align="center">
<template slot-scope="scope">
<span>{{ scope.row.createOrgName }}</span>
</template>
</el-table-column>
<el-table-column label="车型标签" align="center">
<template slot-scope="scope">
<span>{{ scope.row.labelName }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center">
<template slot-scope="scope">
<span>{{ scope.row.remarks }}</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="pages">
<!-- 翻页 -->
<pagination v-show="list.length > 0" :total="listQuery.total" :page.sync="listQuery.current" :limit.sync="listQuery.size" class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<chexingbiaoqianAdd v-show="viewState == 2 || viewState == 3" ref="divAdd" @doback="resetState" @reloadlist="getList"/>
<chexingbiaoqianInfo v-show="viewState == 4" ref="divInfo" @doback="resetState"/>
</div>
</template>
<script>
import req from '@/api/othermenu/chexingbiaoqian'
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar'
import { getPathSidByUserSid } from '@/api/cheliang/dictcommons'
import chexingbiaoqianAdd from './chexingbiaoqianAdd'
import chexingbiaoqianInfo from './chexingbiaoqianInfo'
export default {
name: 'chexingbiaoqianguanli',
components: {
Pagination,
pageye,
ButtonBar,
chexingbiaoqianAdd,
chexingbiaoqianInfo
},
data() {
return {
btndisabled: false,
btnList: [
{
type: 'primary',
size: 'small',
icon: 'plus',
btnKey: 'toAdd',
btnLabel: '新增'
},
{
type: 'danger',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}
],
isSearchShow: false,
searchxianshitit: '显示查询条件',
viewState: 1,
// 查询条件 -----------
tableKey: 0,
list: [],
sids: [],
FormLoading: false,
listLoading: false,
listQuery: {
params: {
labelName: '',
createOrgSid: ''
},
current: 1,
size: 5,
total: 0
},
rules: {}
}
},
created() {
// 加载列表
this.init()
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
methods: {
init() {
getPathSidByUserSid({ userSid: window.sessionStorage.getItem('userSid')}).then((resp) => {
if (resp.success) {
this.listQuery.params.createOrgSid = resp.data
this.getList()
}
})
},
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
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
}
},
// 序号
indexMethod(index) {
var pagestart = (this.listQuery.current - 1) * this.listQuery.size
var pageindex = index + 1 + pagestart
return pageindex
},
handleSelectionChange(row) {
const aa = []
row.forEach((element) => {
aa.push(element.sid)
})
this.sids = aa
console.log('sids', this.sids)
},
// 查询列表信息
getList() {
this.listLoading = true
req.listPage(this.listQuery).then((response) => {
console.log('列表查询结果：', response)
this.listLoading = false
if (response.success && response.data && response.data.total > 0) {
this.list = response.data.records
this.listQuery.total = response.data.total
} else {
this.list = []
this.listQuery.total = 0
}
})
},
// 查询按钮
handleFilter() {
this.listQuery.current = 1
this.getList()
},
handleReset() {
this.listQuery = {
params: {
labelName: '',
createOrgSid: ''
},
current: 1,
size: 5,
total: 0
}
this.init()
},
toAdd() {
this.viewState = 2
this.$refs['divAdd'].showAdd(this.listQuery.params.createOrgSid)
},
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
}
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.delete(this.sids).then(resp => {
if (resp.success) {
this.$message({ type: 'success', message: resp.msg, showClose: true })
}
this.getList()
loading.close()
}).catch(e => {
loading.close()
})
}).catch(() => {
})
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>
Write Preview
Loading…
Cancel
Save