Bläddra i källkod

Merge branch 'master' of https://gitee.com/dmc_qq/etc-project into master

master
wq 3 år sedan
förälder
incheckning
a174001d94

+ 4
- 0
src/App.vue Visa fil

@@ -25,4 +25,8 @@ body {
height: 100%;
font-family: 'Microsoft Yahei', Arial, sans-serif
}
#app .content-warpper{
padding: 0 22px 20px;
/* background: #f8f8f8; */
}
</style>

+ 61
- 47
src/views/fancongcong/corporateaccountManage/corporateaccountManage.vue Visa fil

@@ -2,15 +2,6 @@
<div class="app_container">
<div class="menu">
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="对公账户资金账户编号">
<el-input v-model="formInline.user" placeholder="对公账户资金账户编号" />
</el-form-item>
<el-form-item label="公司证件号">
<el-input v-model="formInline.user" placeholder="公司证件号" />
</el-form-item>
<el-form-item label="公司名称">
<el-input v-model="formInline.user" placeholder="公司名称" />
</el-form-item>
<el-form-item label="申请时间">
<div class="block">
<el-date-picker v-model="value1" type="datetime" placeholder="" />
@@ -32,13 +23,25 @@
<el-option v-for="item in optiones" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="对公账户资金账户编号">
<el-input v-model="formInline.user" placeholder="对公账户资金账户编号" />
</el-form-item>
<el-form-item label="公司证件号">
<el-input v-model="formInline.user" placeholder="公司证件号" />
</el-form-item>
<el-form-item label="公司名称">
<el-input v-model="formInline.user" placeholder="公司名称" />
</el-form-item>

<el-form-item>
<el-button :icon="Search" type="primary">查询</el-button>
<el-button type="info">重置</el-button>
<el-button :icon="download" type="primary">导出</el-button>
</el-form-item>
</el-form>
</div>
<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true">
<el-table-column prop="date" label="序号" />
<el-table :data="tableData" border style="width: 100%" class="table_box" scrollbar-always-on="true" stripe >
<el-table-column prop="date" label="序号" width="100px"/>
<el-table-column prop="name" label="对公账户资金账户编号" />
<el-table-column prop="address" label="公司名称" />
<el-table-column prop="number" label="公司证件号" />
@@ -47,23 +50,48 @@
<el-table-column prop="regname" label="审核人员" />
<el-table-column prop="regtime" label="审核时间" />
<el-table-column label="操作" align="center">

<el-tooltip content="详细" placement="top">
<el-button>详细</el-button>
<el-button type="primary" @click="dialogFormVisible = true">详细</el-button>
</el-tooltip>
<el-tooltip content="驳回" placement="top">
<el-button type="danger">驳回</el-button>
</el-tooltip>
<el-tooltip content="审核通过" placement="top">
<el-button type="warning">审核通过</el-button>
</el-tooltip>

</el-table-column>
</el-table>

<div class="page_box">
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" />
</div>

<el-dialog v-model="dialogFormVisible" title="Shipping address">
<el-form :model="form">
<el-form-item label="Promotion name" :label-width="formLabelWidth">
<el-input v-model="form.name" autocomplete="off" />
</el-form-item>
<el-form-item label="Zones" :label-width="formLabelWidth">
<el-select v-model="form.region" placeholder="Please select a zone">
<el-option label="Zone No.1" value="shanghai" />
<el-option label="Zone No.2" value="beijing" />
</el-select>
</el-form-item>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisible = false">Cancel</el-button>
<el-button type="primary" @click="dialogFormVisible = false">Confirm</el-button>
</span>
</template>
</el-dialog>
</div>
</template>

<script lang="ts" setup>
import {
Search
Search,
Dwnload
} from '@element-plus/icons-vue'
import {
reactive,
@@ -105,7 +133,23 @@
const value2 = ref('')
const value3 = ref('')
const value4 = ref('')

const dialogTableVisible = ref(false)
const dialogFormVisible = ref(false)
const formLabelWidth = '140px'
const form = reactive({
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: '',
})
const optiones = [{
value: '2',
label: '2',
@@ -181,37 +225,7 @@
type: "已启用",
regname: "xn18096012008",
regtime: "2021-06-23T15:08:39"
},
{
date: '01',
name: 'Liu461185',
address: '安顺市顺安防雷安全检测站平坝分站',
number: "91520421MA6EBM14XC",
time: "2021-06-22T12:52:17",
type: "已启用",
regname: "xn18096012008",
regtime: "2021-06-23T15:08:39"
},
{
date: '02',
name: 'Liu461185',
address: '安顺市顺安防雷安全检测站平坝分站',
number: "91520421MA6EBM14XC",
time: "2021-06-22T12:52:17",
type: "已启用",
regname: "xn18096012008",
regtime: "2021-06-23T15:08:39"
},
{
date: '03',
name: 'Liu461185',
address: '安顺市顺安防雷安全检测站平坝分站',
number: "91520421MA6EBM14XC",
time: "2021-06-22T12:52:17",
type: "已启用",
regname: "xn18096012008",
regtime: "2021-06-23T15:08:39"
}
}
]
</script>


+ 123
- 2
src/views/weixingrong/OBUQuery/OBUQuery.vue Visa fil

@@ -1,8 +1,129 @@
<script lang='ts' setup>
import { reactive } from 'vue';
const OBUList = reactive({
cno: '',
carNo: '',
carColors: '',
OBUno: '',
})
const options = [
{
value: 'Option1',
label: 'Option1',
},
{
value: 'Option2',
label: 'Option2',
},
{
value: 'Option3',
label: 'Option3',
},
{
value: 'Option4',
label: 'Option4',
},
{
value: 'Option5',
label: 'Option5',
},
]
const tableData = [
{
date: '2016-05-03',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Home',
},
{
date: '2016-05-02',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Office',
},
{
date: '2016-05-04',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St, Los Angeles',
zip: 'CA 90036',
tag: 'Home',
},
]
const handleClick = () => {
console.log('click')
}
</script>
<template>
OBU信息查询服务
<div class="OBU-query content-warpper">
<el-form :inline="true" :model="OBUList" class="demo-form-inline">
<el-form-item label="客户编号">
<el-input v-model="OBUList.cno" placeholder="客户编号" />
</el-form-item>
<el-form-item label="车牌号码">
<el-input v-model="OBUList.carNo" placeholder="车牌号码" />
</el-form-item>
<el-form-item label="车牌颜色">
<el-select v-model="OBUList.carColors" class="m-2" placeholder="Select">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="OBU编号">
<el-input v-model="OBUList.OBUno" placeholder="OBU编号" />
</el-form-item>
<el-form-item><el-button type="primary">读OBU</el-button></el-form-item>
<el-form-item label="状态">
<el-select v-model="OBUList.carColors" class="m-2" placeholder="Select">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="每条页数">
<el-select v-model="OBUList.carColors" class="m-2" placeholder="Select">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item><el-button type="primary" icon="Search">查询</el-button></el-form-item>
<el-form-item><el-button type="warning" plain icon="Refresh">重置</el-button></el-form-item>
</el-form>
<el-table :data="tableData" style="width: 100%">
<el-table-column type="index" label="序号" width="64" fixed />
<el-table-column fixed prop="date" label="客户名称" width="150" />
<el-table-column prop="name" label="车牌" width="120" />
<el-table-column prop="state" label="车牌颜色" width="120" />
<el-table-column prop="city" label="车型" width="120" />
<el-table-column prop="address" label="OBU编号" width="160" />
<el-table-column prop="address" label="渠道" width="260" />
<el-table-column prop="zip" label="OBU状态" width="120" />
<el-table-column fixed="right" label="操作" width="160">
<template #default>
<el-button type="primary" size="small" @click="handleClick">详情</el-button>
<el-button text size="small">Edit</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<style scoped>

Laddar…
Avbryt
Spara