w

src/views/weixingrong/OBUQuery/OBUQuery.vue

@@ -30,32 +30,42 @@ const options = [
 ]
 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',
+    customerName: '周金波',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    OBUNo: '5202161708027065',
+    channel: '中国邮政储蓄银行股份有限公司贵州省分行',
+    OBUStatus: '正常',
   },
   {
-    date: '2016-05-02',
-    name: 'Tom',
-    state: 'California',
-    city: 'Los Angeles',
-    address: 'No. 189, Grove St, Los Angeles',
-    zip: 'CA 90036',
-    tag: 'Office',
+    customerName: '周金波',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    OBUNo: '5202161708027065',
+    channel: '中国邮政储蓄银行股份有限公司贵州省分行',
+    OBUStatus: '正常',
   },
   {
-    date: '2016-05-04',
-    name: 'Tom',
-    state: 'California',
-    city: 'Los Angeles',
-    address: 'No. 189, Grove St, Los Angeles',
-    zip: 'CA 90036',
-    tag: 'Home',
+    customerName: '周金波',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    OBUNo: '5202161708027065',
+    channel: '中国邮政储蓄银行股份有限公司贵州省分行',
+    OBUStatus: '正常',
   },
+  {
+    customerName: '周金波',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    OBUNo: '5202161708027065',
+    channel: '中国邮政储蓄银行股份有限公司贵州省分行',
+    OBUStatus: '正常',
+  },
+  
 ]
 const handleClick = () => {
   console.log('click')
@@ -108,18 +118,18 @@ const handleClick = () => {
             <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">
+            <el-table-column type="index" label="序号" width="64" fixed align="center" />
+            <el-table-column fixed prop="customerName" label="客户名称" width="100" align="center" />
+            <el-table-column prop="carNo" label="车牌" width="100" align="center" />
+            <el-table-column prop="carColor" label="车牌颜色" width="120" align="center" />
+            <el-table-column prop="carStyle" label="车型" width="100" align="center" />
+            <el-table-column prop="OBUNo" label="OBU编号" width="160" align="center" />
+            <el-table-column prop="channel" label="渠道" width="360" align="center" />
+            <el-table-column prop="OBUStatus" label="OBU状态" width="100" align="center" />
+            <el-table-column fixed="right" label="操作" width="160" align="center" >
             <template #default>
                 <el-button type="primary" size="small" @click="handleClick">详情</el-button>
-                <el-button text size="small">Edit</el-button>
+                <el-button type="success" size="small">修改</el-button>
             </template>
             </el-table-column>
         </el-table>

src/views/weixingrong/cardQueries/cardQueries.vue

@@ -1,8 +1,130 @@
 <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 = [
+  {
+    creatTime: '2012-01-10 09:30:15',
+    customerName: '周金波',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    cardNo: '5202161708027065',
+    cardType: '一般卡类型',
+    productType: '一般卡产品类型',
+    updateTime: '2012-01-10 09:30:15',
+    modifyTime: '2012-01-10 09:30:15',
+    cardStatus: '正常',
+  },
+  
+]
+const handleClick = () => {
+  console.log('click')
+}
 </script>
 <template>
-    卡片信息查询服务
+    <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="卡表面号">
+                <el-input v-model="OBUList.OBUno" placeholder="卡表面号" />
+            </el-form-item>
+            <el-form-item><el-button type="primary">读卡</el-button></el-form-item>
+            <el-form-item label="卡类型">
+                <el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择">
+                    <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="请选择">
+                    <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 align="center" />
+            <el-table-column fixed prop="creatTime" label="创建时间" width="100" align="center" />
+            <el-table-column fixed prop="customerName" label="客户名称" width="100" align="center" />
+            <el-table-column prop="carNo" label="车牌" width="100" align="center" />
+            <el-table-column prop="carColor" label="车牌颜色" width="120" align="center" />
+            <el-table-column prop="carStyle" label="客货类别" width="100" align="center" />
+            <el-table-column prop="cardNo" label="卡表面号" width="160" align="center" />
+            <el-table-column prop="cardType" label="卡类型" width="120" align="center" />
+            <el-table-column prop="productType" label="产品类型" width="120" align="center" />
+            <el-table-column prop="cardStatus" label="状态" width="100" align="center" />
+            <el-table-column prop="updateTime" label="状态变更时间" width="100" align="center" />
+            <el-table-column prop="modifyTime" label="更新时间" width="100" align="center" />
+            <el-table-column fixed="right" label="操作" width="160" align="center" >
+            <template #default>
+                <el-button type="primary" size="small" @click="handleClick">详情</el-button>
+                <el-button type="success" size="small">修改</el-button>
+            </template>
+            </el-table-column>
+        </el-table>
+    </div>
 </template>
 <style scoped>
     

src/views/weixingrong/signingQuery/signingQuery.vue

@@ -1,8 +1,130 @@
 <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 = [
+  {
+    creatTime: '2012-01-10 09:30:15',
+    customerName: '周金波',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    cardNo: '5202161708027065',
+    cardType: '一般卡类型',
+    productType: '一般卡产品类型',
+    updateTime: '2012-01-10 09:30:15',
+    modifyTime: '2012-01-10 09:30:15',
+    cardStatus: '正常',
+  },
+  
+]
+const handleClick = () => {
+  console.log('click')
+}
 </script>
 <template>
-    签约信息查询服务
+    <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="卡表面号">
+                <el-input v-model="OBUList.OBUno" placeholder="卡表面号" />
+            </el-form-item>
+            <el-form-item><el-button type="primary">读卡</el-button></el-form-item>
+            <el-form-item label="卡类型">
+                <el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择">
+                    <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="请选择">
+                    <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 align="center" />
+            <el-table-column fixed prop="creatTime" label="创建时间" width="100" align="center" />
+            <el-table-column fixed prop="customerName" label="客户名称" width="100" align="center" />
+            <el-table-column prop="carNo" label="车牌" width="100" align="center" />
+            <el-table-column prop="carColor" label="车牌颜色" width="120" align="center" />
+            <el-table-column prop="carStyle" label="客货类别" width="100" align="center" />
+            <el-table-column prop="cardNo" label="卡表面号" width="160" align="center" />
+            <el-table-column prop="cardType" label="卡类型" width="120" align="center" />
+            <el-table-column prop="productType" label="产品类型" width="120" align="center" />
+            <el-table-column prop="cardStatus" label="状态" width="100" align="center" />
+            <el-table-column prop="updateTime" label="状态变更时间" width="100" align="center" />
+            <el-table-column prop="modifyTime" label="更新时间" width="100" align="center" />
+            <el-table-column fixed="right" label="操作" width="160" align="center" >
+            <template #default>
+                <el-button type="primary" size="small" @click="handleClick">详情</el-button>
+                <el-button type="success" size="small">修改</el-button>
+            </template>
+            </el-table-column>
+        </el-table>
+    </div>
 </template>
 <style scoped>
     

src/views/weixingrong/userQueryChange/userQueryChange.vue

@@ -1,8 +1,110 @@
 <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 = [
+  {
+    carId: '贵CEP186_0',
+    customerNo: '52010116110441017',
+    customerName: '周金碧',
+    certificatesType: '身份证（含临时身份证）',
+    identificationNo: '522125196110110029',
+    phone: '15885137270',
+    handler: '周金碧',
+    handlerTime: '2018/03/17 21:15:13',
+    department: '技术部',
+  },
+]
+const handleClick = () => {
+  console.log('click')
+}
 </script>
 <template>
-    用户查询及变更服务
+    <div class="OBU-query content-warpper">
+        <el-form :inline="true" :model="OBUList" class="demo-form-inline">
+            <el-form-item label="证件类型">
+                <el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择">
+                    <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-input v-model="OBUList.OBUno" placeholder="证件号码" />
+            </el-form-item>
+            <el-form-item label="客户编号">
+                <el-input v-model="OBUList.OBUno" placeholder="客户编号" />
+            </el-form-item>
+            <el-form-item label="客户名称">
+                <el-input v-model="OBUList.OBUno" placeholder="客户名称" />
+            </el-form-item>
+            <el-form-item label="手机号码">
+                <el-input v-model="OBUList.OBUno" placeholder="手机号码" />
+            </el-form-item>
+            <el-form-item label="指定经办人">
+                <el-input v-model="OBUList.OBUno" placeholder="指定经办人" />
+            </el-form-item>
+            
+            <el-form-item label="每条页数">
+                <el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择">
+                    <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 align="center" />
+            <el-table-column prop="customerNo" label="客户编号" width="180" align="center" />
+            <el-table-column prop="customerName" label="客户名称" width="100" align="center" />
+            <el-table-column prop="certificatesType" label="客户证件类型" width="180" align="center" />
+            <el-table-column prop="identificationNo" label="客户证件号码" width="180" align="center" />
+            <el-table-column prop="phone" label="手机号" width="100" align="center" />
+            <el-table-column prop="handler" label="指定经办人" width="120" align="center" />
+            <el-table-column prop="handlerTime" label="经办时间" width="100" align="center" />
+            <el-table-column prop="department" label="部门" width="180" align="center" />
+            <el-table-column fixed="right" label="操作" width="160" align="center" >
+            <template #default>
+                <el-button type="success" size="small" @click="handleClick">修改</el-button>
+                <el-button type="primary" size="small">查看</el-button>
+            </template>
+            </el-table-column>
+        </el-table>
+    </div>
 </template>
 <style scoped>
     

src/views/weixingrong/vehicleEnquirChange/vehicleEnquirChange.vue

@@ -1,8 +1,140 @@
 <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 = [
+  {
+    carId: '贵CEP186_0',
+    customerNo: '52010116110441017',
+    customerName: '周金碧',
+    certificatesType: '身份证（含临时身份证）',
+    identificationNo: '522125196110110029',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    updateTime: '2018/03/17 21:15:13',
+  },
+  {
+    carId: '贵CEP186_0',
+    customerNo: '52010116110441017',
+    customerName: '周金碧',
+    certificatesType: '身份证（含临时身份证）',
+    identificationNo: '522125196110110029',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    updateTime: '2018/03/17 21:15:13',
+  },
+  {
+    carId: '贵CEP186_0',
+    customerNo: '52010116110441017',
+    customerName: '周金碧',
+    certificatesType: '身份证（含临时身份证）',
+    identificationNo: '522125196110110029',
+    carNo: '贵CEP186',
+    carColor: '白色',
+    carStyle: '一型客车',
+    updateTime: '2018/03/17 21:15:13',
+  },
+]
+const handleClick = () => {
+  console.log('click')
+}
 </script>
 <template>
-    车辆信息查询及变更服务
+    <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.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="所有人证件类型">
+                <el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择">
+                    <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-input v-model="OBUList.OBUno" placeholder="所有人证件号" />
+            </el-form-item>
+            <el-form-item label="所有人名称">
+                <el-input v-model="OBUList.OBUno" placeholder="所有人名称" />
+            </el-form-item>
+            <el-form-item label="客户编号">
+                <el-input v-model="OBUList.OBUno" placeholder="客户编号" />
+            </el-form-item>
+            <el-form-item label="每条页数">
+                <el-select v-model="OBUList.carColors" class="m-2" placeholder="请选择">
+                    <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 align="center" />
+            <el-table-column prop="carId" label="车牌编号" width="120" align="center" />
+            <el-table-column prop="customerNo" label="客户编号" width="180" align="center" />
+            <el-table-column prop="customerName" label="客户名称" width="100" align="center" />
+            <el-table-column prop="certificatesType" label="客户证件类型" width="180" align="center" />
+            <el-table-column prop="identificationNo" label="客户证件号码" width="180" align="center" />
+            <el-table-column prop="carNo" label="车牌号码" width="100" align="center" />
+            <el-table-column prop="carColor" label="车牌颜色" width="120" align="center" />
+            <el-table-column prop="carStyle" label="车型" width="100" align="center" />
+            <el-table-column prop="updateTime" label="更新时间" width="180" align="center" />
+            <el-table-column fixed="right" label="操作" width="160" align="center" >
+            <template #default>
+                <el-button type="success" size="small" @click="handleClick">修改</el-button>
+                <el-button type="primary" size="small">详情</el-button>
+            </template>
+            </el-table-column>
+        </el-table>
+    </div>
 </template>
 <style scoped>