yunxi
/
SC-MOM
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

车辆附件列表修改

Browse Source
product
17602169347 2 years ago
parent 523931deef
commit 1a56d37fca
2 changed files with 293 additions and 254 deletions
Show Stats Download Patch File Download Diff File

4
SC-web/src/views/scm/basicInformation/vehicle/Form.vue
Unescape View File

@ -49,7 +49,7 @@
</JNPF-UploadImg> </JNPF-UploadImg>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" > <!-- <el-col :span="12" >
<el-form-item label="录入人" <el-form-item label="录入人"
prop="creatorusername" > prop="creatorusername" >
<el-input v-model="dataForm.creatorusername" <el-input v-model="dataForm.creatorusername"
@ -66,7 +66,7 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col> -->
</template> </template>
</el-form> </el-form>
</el-row> </el-row>

109
SC-web/src/views/scm/basicInformation/vehicle/index.vue
Unescape View File

@ -40,33 +40,42 @@
<screenfull isContainer /> <screenfull isContainer />
</div> </div>
</div> </div>
<JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange' has-c @selection-change="handleSelectionChange"> <JNPF-table v-loading="listLoading" :data="list" @sort-change='sortChange' has-c
<el-table-column prop="id" label="ID" width="0" align="left" @selection-change="handleSelectionChange">
/> <!-- <el-table-column prop="id" label="ID" width="0" align="left" /> -->
<el-table-column prop="ticketno" label="车牌号" width="0" align="left" <el-table-column prop="ticketno" label="车牌号" width="0" align="left" />
/> <el-table-column prop="drivername" label="司机名称" width="0" align="left" />
<el-table-column prop="drivername" label="司机名称" width="0" align="left" <el-table-column prop="contact" label="手机号" width="0" align="left" />
/> <el-table-column prop="vehiclephotos" label="车辆照片" width="0" align="left">
<el-table-column prop="contact" label="手机号" width="0" align="left"
/> <template slot-scope="scope">
<el-table-column prop="vehiclephotos" label="车辆照片" width="0" align="left" <span v-for="(item,index) in JSON.parse(scope.row.vehiclephotos)" :key="index">
/> <el-popover placement="left" trigger="click" width="300">
<el-table-column prop="creatorusername" label="录入人" width="0" align="left" <img :src="`/dev${item.url}`" width="100%" />
/> <img
<el-table-column prop="creatortime" label="创建时间" width="0" align="left" slot="reference"
:src="`/dev${item.url}`"
:alt="`/dev${item.url}`"
style="max-height: 70px;max-width: 70px; padding: 5px"
/> />
<el-table-column label="操作" fixed="right" </el-popover>
width="100" > </span>
</template>
</el-table-column>
<el-table-column prop="creatorusername" label="录入人" width="0" align="left" />
<el-table-column prop="creatortime" label="创建时间" width="0" align="left" />
<el-table-column label="操作" fixed="right" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" <el-button type="text" @click="addOrUpdateHandle(scope.row.id)">编辑
@click="addOrUpdateHandle(scope.row.id)" >编辑
</el-button> </el-button>
<el-button type="text" class="JNPF-table-delBtn" @click="handleDel(scope.row.id)">删除 <el-button type="text" class="JNPF-table-delBtn" @click="handleDel(scope.row.id)">删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</JNPF-table> </JNPF-table>
<pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @pagination="initData"/> <pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize"
@pagination="initData" />
</div> </div>
</div> </div>
<JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" /> <JNPF-Form v-if="formVisible" ref="JNPFForm" @refresh="refresh" />
@ -77,14 +86,22 @@
<script> <script>
import request from '@/utils/request' import request from '@/utils/request'
import {getDictionaryDataSelector} from '@/api/systemData/dictionary' import {
getDictionaryDataSelector
} from '@/api/systemData/dictionary'
import JNPFForm from './Form' import JNPFForm from './Form'
import ExportBox from './ExportBox' import ExportBox from './ExportBox'
import {getDataInterfaceRes} from '@/api/systemData/dataInterface' import {
getDataInterfaceRes
} from '@/api/systemData/dataInterface'
import Detail from './Detail' import Detail from './Detail'
export default { export default {
components: {JNPFForm, ExportBox,Detail}, components: {
JNPFForm,
ExportBox,
Detail
},
data() { data() {
return { return {
detailVisible: false, detailVisible: false,
@ -99,7 +116,8 @@
}, },
list: [], list: [],
listLoading: true, listLoading: true,
multipleSelection: [], total: 0, multipleSelection: [],
total: 0,
listQuery: { listQuery: {
currentPage: 1, currentPage: 1,
pageSize: 20, pageSize: 20,
@ -108,12 +126,26 @@
}, },
formVisible: false, formVisible: false,
exportBoxVisible: false, exportBoxVisible: false,
columnList: [ columnList: [{
{prop: 'ticketno', label: '车牌号'}, prop: 'ticketno',
{prop: 'drivername', label: '司机名称'}, label: '车牌号'
{prop: 'contact', label: '手机号'}, },
{prop: 'creatorusername', label: '录入人'}, {
{prop: 'creatortime', label: '创建时间'}, prop: 'drivername',
label: '司机名称'
},
{
prop: 'contact',
label: '手机号'
},
{
prop: 'creatorusername',
label: '录入人'
},
{
prop: 'creatortime',
label: '创建时间'
},
], ],
} }
}, },
@ -132,7 +164,11 @@
this.$refs.Detail.init(id) this.$refs.Detail.init(id)
}) })
}, },
sortChange({column, prop, order}) { sortChange({
column,
prop,
order
}) {
this.listQuery.sort = order == 'ascending' ? 'asc' : 'desc' this.listQuery.sort = order == 'ascending' ? 'asc' : 'desc'
this.listQuery.sidx = !order ? '' : prop this.listQuery.sidx = !order ? '' : prop
this.initData() this.initData()
@ -176,8 +212,7 @@
} }
}); });
}) })
}).catch(() => { }).catch(() => {});
});
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
const res = val.map(item => item.id) const res = val.map(item => item.id)
@ -208,8 +243,7 @@
} }
}); });
}) })
}).catch(() => { }).catch(() => {})
})
}, },
addOrUpdateHandle(id, isDetail) { addOrUpdateHandle(id, isDetail) {
this.formVisible = true this.formVisible = true
@ -224,7 +258,12 @@
}) })
}, },
download(data) { download(data) {
let query = {...data, ...this.listQuery, ...this.query,menuId:this.menuId} let query = {
...data,
...this.listQuery,
...this.query,
menuId: this.menuId
}
request({ request({
url: `/api/example/Vehicle/Actions/Export`, url: `/api/example/Vehicle/Actions/Export`,
method: 'GET', method: 'GET',

Write Preview
Loading…
Cancel
Save