547 lines
14 KiB
Vue
547 lines
14 KiB
Vue
|
<template>
|
||
|
|
<view class="container">
|
||
|
|
<view class="form-panel">
|
||
|
|
<uni-section title="部件入库" type="line">
|
||
|
|
<uni-forms ref="baseForm" :modelValue="baseFormData" labelWidth="100px">
|
||
|
|
<uni-forms-item label="所属区域" required name="owningRegion" :rules="[{ required: true, errorMessage: '请选择所属区域' }]">
|
||
|
|
<selectOperation v-model="baseFormData.owningRegion" placeholder="请选择所属区域" :disabled="readOnly"></selectOperation>
|
||
|
|
</uni-forms-item>
|
||
|
|
<uni-forms-item label="选择部件" required name="componentType" :rules="[{ required: true, errorMessage: '请选择部件' }]">
|
||
|
|
<selectComponentType v-model="baseFormData.componentType" placeholder="请选择部件" :disabled="readOnly"></selectComponentType>
|
||
|
|
</uni-forms-item>
|
||
|
|
<uni-section v-if="baseFormData.componentType == '262711452730000'" title="电池列表" type="line">
|
||
|
|
<template v-slot:right>
|
||
|
|
<uni-icons type="scan" size="20" @click="onBatteryScanClick" v-if="!readOnly"></uni-icons>
|
||
|
|
</template>
|
||
|
|
<uni-swipe-action>
|
||
|
|
<uni-swipe-action-item v-for="(item,index) in listBatteryData" :key="index" :right-options="listBatteryOptions" @click="onBatteryListClick($event, index, item)" :disabled="readOnly">
|
||
|
|
<view class="content-box">{{item.batteryCode}}</view>
|
||
|
|
</uni-swipe-action-item>
|
||
|
|
</uni-swipe-action>
|
||
|
|
</uni-section>
|
||
|
|
<uni-section v-if="baseFormData.componentType == '262711452730001'" title="头盔列表" type="line">
|
||
|
|
<template v-slot:right>
|
||
|
|
<uni-icons type="scan" size="20" @click="onHelmetScanClick" v-if="!readOnly"></uni-icons>
|
||
|
|
</template>
|
||
|
|
<uni-swipe-action>
|
||
|
|
<uni-swipe-action-item v-for="(item,index) in listHelmetData" :key="index" :right-options="listHelmetOptions" @click="onHelmetListClick($event, index, item)" :disabled="readOnly">
|
||
|
|
<view class="content-box">{{item.helmetCode}}</view>
|
||
|
|
</uni-swipe-action-item>
|
||
|
|
</uni-swipe-action>
|
||
|
|
</uni-section>
|
||
|
|
<uni-forms-item label="入库数量" required name="enterQuantity" :rules="[{ required: true, errorMessage: '请输入入库数量' }]">
|
||
|
|
<uni-number-box v-model="baseFormData.enterQuantity" placeholder="请输入入库数量" :disabled="readOnly"/>
|
||
|
|
</uni-forms-item>
|
||
|
|
<uni-forms-item label="部件单价(元)">
|
||
|
|
<uni-easyinput v-model="baseFormData.componentPrice" placeholder="请输入部件单价,单位:元" :disabled="readOnly"/>
|
||
|
|
</uni-forms-item>
|
||
|
|
</uni-forms>
|
||
|
|
</uni-section>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="nav-panel" v-if="baseFormData.state == '0'">
|
||
|
|
<c-uni-goods-nav :fill="true" :options="navOptions" @click="navOptionsClick" :buttonGroup="navButtonGroup" @buttonClick="navButtonClick" />
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script setup>
|
||
|
|
import {
|
||
|
|
onMounted,
|
||
|
|
ref,
|
||
|
|
reactive,
|
||
|
|
computed
|
||
|
|
} from 'vue';
|
||
|
|
import * as api from '@/utils/api.js';
|
||
|
|
import {
|
||
|
|
showModelMessage,
|
||
|
|
isNullOrEmpty,
|
||
|
|
dataFormat
|
||
|
|
} from '@/utils/tools.js';
|
||
|
|
import {onLoad, onShow} from '@dcloudio/uni-app';
|
||
|
|
import {
|
||
|
|
useScanCodeStore
|
||
|
|
} from '@/stores/scancode.js';
|
||
|
|
const scancode = useScanCodeStore();
|
||
|
|
|
||
|
|
const baseForm = ref(null);
|
||
|
|
const readOnly = ref(false);
|
||
|
|
const userInfo = ref(null);
|
||
|
|
|
||
|
|
const componentEnterRecordId = ref("");
|
||
|
|
// 基础表单数据
|
||
|
|
const baseFormData = ref({
|
||
|
|
"componentEnterRecordId": "",
|
||
|
|
"owningRegion": "",
|
||
|
|
"componentType": "",
|
||
|
|
"enterQuantity": 0,
|
||
|
|
"componentPrice": "",
|
||
|
|
"createdUser": "",
|
||
|
|
"createdAt": "",
|
||
|
|
"state": "0",
|
||
|
|
"updateUser": "",
|
||
|
|
"updateAt": ""
|
||
|
|
});
|
||
|
|
|
||
|
|
const navOptions = reactive([{
|
||
|
|
icon: 'download',
|
||
|
|
text: '暂存',
|
||
|
|
disable: false
|
||
|
|
}, {
|
||
|
|
icon: 'closeempty',
|
||
|
|
text: '取消',
|
||
|
|
disable: false
|
||
|
|
}]);
|
||
|
|
|
||
|
|
const navButtonGroup = reactive([{
|
||
|
|
text: '入库',
|
||
|
|
backgroundColor: '#0078D4',
|
||
|
|
color: '#fff',
|
||
|
|
disable: false
|
||
|
|
}]);
|
||
|
|
|
||
|
|
// 在组件挂载完成后加载数据
|
||
|
|
onMounted(() => {
|
||
|
|
if(!isNullOrEmpty(componentEnterRecordId.value)){
|
||
|
|
loadData();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
onLoad((options)=>{
|
||
|
|
if(options.componentEnterRecordId){
|
||
|
|
componentEnterRecordId.value=options.componentEnterRecordId;
|
||
|
|
}
|
||
|
|
userInfo.value = uni.getStorageSync('userInfo');
|
||
|
|
})
|
||
|
|
|
||
|
|
onShow(() => {
|
||
|
|
if(!isNullOrEmpty(scancode.code)){
|
||
|
|
const arr = scancode.code;
|
||
|
|
for (let i = 0; i < arr.length; i++) {
|
||
|
|
if(scancode.type == 'inBattery'){
|
||
|
|
const oneBattery = {
|
||
|
|
"batteryEnterRecordId": "",
|
||
|
|
"componentEnterRecordId": componentEnterRecordId.value,
|
||
|
|
"batteryCode": arr[i]
|
||
|
|
}
|
||
|
|
listBatteryData.value.push(oneBattery)
|
||
|
|
baseFormData.value.enterQuantity = listBatteryData.value.length
|
||
|
|
}
|
||
|
|
else if(scancode.type == 'inHelmet'){
|
||
|
|
const oneHelmet = {
|
||
|
|
"helmetEnterRecordId": "",
|
||
|
|
"componentEnterRecordId": componentEnterRecordId.value,
|
||
|
|
"helmetCode": arr[i]
|
||
|
|
}
|
||
|
|
listHelmetData.value.push(oneHelmet)
|
||
|
|
baseFormData.value.enterQuantity = listHelmetData.value.length
|
||
|
|
}
|
||
|
|
else break;
|
||
|
|
}
|
||
|
|
scancode.clearCode();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// 假设这是从接口加载的数据
|
||
|
|
const loadData = () => {
|
||
|
|
api.callOperateApi("ebikeComponentEnterRecords/getInfo?id=" + componentEnterRecordId.value,{},"get").then((res) => {
|
||
|
|
if (res.code === 200) {
|
||
|
|
baseFormData.value = res.data;
|
||
|
|
if(baseFormData.value.componentType == '262711452730000'){
|
||
|
|
getBatteryList(baseFormData.value.componentEnterRecordId);
|
||
|
|
}
|
||
|
|
else if(baseFormData.value.componentType == '262711452730001'){
|
||
|
|
getHelmetList(baseFormData.value.componentEnterRecordId);
|
||
|
|
}
|
||
|
|
if(baseFormData.value.state != "0"){
|
||
|
|
readOnly.value = true;
|
||
|
|
navOptions[0].disable = true;
|
||
|
|
navOptions[1].disable = true;
|
||
|
|
navButtonGroup[0].disable = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
};
|
||
|
|
|
||
|
|
const listBatteryData = ref([]);
|
||
|
|
const listHelmetData = ref([]);
|
||
|
|
|
||
|
|
const getBatteryList = (componentEnterRecordId,pageNo = 1,pageSize = 100) =>{
|
||
|
|
// 组装参数
|
||
|
|
const params = {
|
||
|
|
"componentEnterRecordId": componentEnterRecordId,
|
||
|
|
"pageParam": {
|
||
|
|
"pageNum": pageNo,
|
||
|
|
"pageSize": pageSize
|
||
|
|
}
|
||
|
|
}
|
||
|
|
api.callOperateApi("ebikeBatteryEnterRecords/list", params).then((res) => {
|
||
|
|
if (res.code === 200) {
|
||
|
|
listBatteryData.value.push(...res.data.records);
|
||
|
|
baseFormData.value.enterQuantity = listBatteryData.value.length;
|
||
|
|
if(res.data.totalRow > pageNo* pageSize){
|
||
|
|
pageNo += 1;
|
||
|
|
getBatteryList(componentEnterRecordId, pageNo, pageSize);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
const getHelmetList = (componentEnterRecordId,pageNo = 1,pageSize = 100) =>{
|
||
|
|
// 组装参数
|
||
|
|
const params = {
|
||
|
|
"componentEnterRecordId": componentEnterRecordId,
|
||
|
|
"pageParam": {
|
||
|
|
"pageNum": pageNo,
|
||
|
|
"pageSize": pageSize
|
||
|
|
}
|
||
|
|
}
|
||
|
|
api.callOperateApi("ebikeHelmetEnterRecords/list", params).then((res) => {
|
||
|
|
if (res.code === 200) {
|
||
|
|
listHelmetData.value.push(...res.data.records);
|
||
|
|
baseFormData.value.enterQuantity = listHelmetData.value.length;
|
||
|
|
if(res.data.totalRow > pageNo* pageSize){
|
||
|
|
pageNo += 1;
|
||
|
|
getHelmetList(componentEnterRecordId, pageNo, pageSize);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
const navOptionsClick =(e) =>{
|
||
|
|
const index = e.index;
|
||
|
|
if(index == 0){
|
||
|
|
handleSubmit('0');
|
||
|
|
}
|
||
|
|
else if(index == 1){
|
||
|
|
handleSubmit('-1');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const navButtonClick = (e) =>{
|
||
|
|
const index = e.index;
|
||
|
|
//navButtonGroup[index].disable = true;
|
||
|
|
if(index == 0){
|
||
|
|
if (baseForm.value) { // 确保表单元素已挂载
|
||
|
|
baseForm.value.validate().then((res) => {
|
||
|
|
if(baseFormData.value.componentType == '262711452730000'){
|
||
|
|
if(listBatteryData.value.length == 0){
|
||
|
|
showModelMessage("电池列表不能为空！");
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if(baseFormData.value.componentType == '262711452730001'){
|
||
|
|
if(listHelmetData.value.length == 0){
|
||
|
|
showModelMessage("头盔列表不能为空！");
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
handleSubmit('1');
|
||
|
|
}).catch((err) => {
|
||
|
|
//console.log('err', err);
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
//console.error('Form element is not available'); // 调试信息，以防万一
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const handleSubmit = (state) => {
|
||
|
|
let sucessMsg = "保存成功";
|
||
|
|
let errorMsg = "保存失败";
|
||
|
|
if(state == '-1'){
|
||
|
|
sucessMsg = "取消成功";
|
||
|
|
errorMsg = "取消失败";
|
||
|
|
baseFormData.value.state = '-1';
|
||
|
|
}
|
||
|
|
else if(state == '1'){
|
||
|
|
sucessMsg = "入库成功";
|
||
|
|
errorMsg = "入库失败";
|
||
|
|
baseFormData.value.state = '1';
|
||
|
|
}
|
||
|
|
const params = baseFormData.value;
|
||
|
|
saveBaseInfo((bresult) =>{
|
||
|
|
if(!bresult){
|
||
|
|
uni.showToast({
|
||
|
|
title: errorMsg,
|
||
|
|
icon: 'error',
|
||
|
|
duration: 5000
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
if(params.componentType == '262711452730000'){
|
||
|
|
saveBatteryData((bresult1) =>{
|
||
|
|
if(!bresult1){
|
||
|
|
uni.showToast({
|
||
|
|
title: errorMsg,
|
||
|
|
icon: 'error',
|
||
|
|
duration: 5000
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
uni.showToast({
|
||
|
|
title: sucessMsg,
|
||
|
|
icon: 'success',
|
||
|
|
duration: 1000,
|
||
|
|
success: (res) => {
|
||
|
|
if(params.state != '0'){
|
||
|
|
setTimeout(function () {
|
||
|
|
uni.navigateBack();
|
||
|
|
}, 1000);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
else if(params.componentType == '262711452730001'){
|
||
|
|
saveHelmetData((bresult1) =>{
|
||
|
|
if(!bresult1){
|
||
|
|
uni.showToast({
|
||
|
|
title: errorMsg,
|
||
|
|
icon: 'error',
|
||
|
|
duration: 5000
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
uni.showToast({
|
||
|
|
title: sucessMsg,
|
||
|
|
icon: 'success',
|
||
|
|
duration: 1000,
|
||
|
|
success: (res) => {
|
||
|
|
if(params.state != '0'){
|
||
|
|
setTimeout(function () {
|
||
|
|
uni.navigateBack();
|
||
|
|
}, 1000);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
uni.showToast({
|
||
|
|
title: sucessMsg,
|
||
|
|
icon: 'success',
|
||
|
|
duration: 1000,
|
||
|
|
success: (res) => {
|
||
|
|
if(params.state != '0'){
|
||
|
|
setTimeout(function () {
|
||
|
|
uni.navigateBack();
|
||
|
|
}, 1000);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
const saveBaseInfo = (callback) =>{
|
||
|
|
const params = baseFormData.value;
|
||
|
|
if(isNullOrEmpty(baseFormData.value.createdUser)) baseFormData.value.createdUser = userInfo.value.username;
|
||
|
|
if(isNullOrEmpty(baseFormData.value.createdAt)) baseFormData.value.createdAt = dataFormat(new Date(),'yyyy-MM-dd HH:mm:ss');
|
||
|
|
if(!isNullOrEmpty(componentEnterRecordId.value)){
|
||
|
|
baseFormData.value.updateUser = userInfo.value.username;
|
||
|
|
baseFormData.value.updateAt = dataFormat(new Date(),'yyyy-MM-dd HH:mm:ss');
|
||
|
|
api.callOperateApi("ebikeComponentEnterRecords/update", params).then((res)=>{
|
||
|
|
if(res.code == '200') callback(true);
|
||
|
|
else callback(false);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
api.callOperateApi("ebikeComponentEnterRecords/save", params).then((res)=>{
|
||
|
|
if(res.code == '200') {
|
||
|
|
componentEnterRecordId.value = res.data;
|
||
|
|
callback(true);
|
||
|
|
}
|
||
|
|
else callback(false);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const saveBatteryData = (callback) =>{
|
||
|
|
const listdatas = [];
|
||
|
|
listBatteryData.value.forEach((item, index) => {
|
||
|
|
listdatas.push(item.batteryCode);
|
||
|
|
});
|
||
|
|
const params = {
|
||
|
|
componentEnterRecordId: componentEnterRecordId.value,
|
||
|
|
batteryCodes: listdatas
|
||
|
|
}
|
||
|
|
api.callOperateApi("ebikeBatteryEnterRecords/batchSaveByComponentEnterRecordId", params).then((res)=>{
|
||
|
|
if(res.code == '200'){
|
||
|
|
if(baseFormData.value.state == '1'){
|
||
|
|
api.callEbikeInfo("saveBatteryInfo",listdatas).then((res)=>{
|
||
|
|
if(res.code == '200'){
|
||
|
|
callback(true);
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
callback(false);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
callback(true);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
callback(false);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
const saveHelmetData = (callback) =>{
|
||
|
|
const listdatas = [];
|
||
|
|
listHelmetData.value.forEach((item, index) => {
|
||
|
|
listdatas.push(item.helmetCode);
|
||
|
|
});
|
||
|
|
const params = {
|
||
|
|
componentEnterRecordId: componentEnterRecordId.value,
|
||
|
|
helmetCodes: listdatas
|
||
|
|
}
|
||
|
|
api.callOperateApi("ebikeHelmetEnterRecords/batchSaveByComponentEnterRecordId", params).then((res)=>{
|
||
|
|
if(res.code == '200'){
|
||
|
|
if(baseFormData.value.state == '1'){
|
||
|
|
api.callEbikeInfo("saveHelmetInfo",listdatas).then((res)=>{
|
||
|
|
if(res.code == '200'){
|
||
|
|
callback(true);
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
callback(false);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
callback(true);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else
|
||
|
|
{
|
||
|
|
callback(false);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
const listBatteryOptions = reactive([{
|
||
|
|
text: '删除',
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#007aff'
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
const listHelmetOptions = reactive([{
|
||
|
|
text: '删除',
|
||
|
|
style: {
|
||
|
|
backgroundColor: '#007aff'
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
const onBatteryListClick = (e, index, item) =>{
|
||
|
|
if(e.position == 'right'){
|
||
|
|
if(e.index == 0){
|
||
|
|
if (index != -1) {
|
||
|
|
listBatteryData.value.splice(index,1); // 删除索引位置的元素
|
||
|
|
baseFormData.value.enterQuantity = listBatteryData.value.length;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const onHelmetListClick = (e, index, item) =>{
|
||
|
|
if(e.position == 'right'){
|
||
|
|
if(e.index == 0){
|
||
|
|
if (index != -1) {
|
||
|
|
listHelmetData.value.splice(index, 1); // 删除索引位置的元素
|
||
|
|
baseFormData.value.enterQuantity = listHelmetData.value.length;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
const onBatteryScanClick = (e) =>{
|
||
|
|
uni.navigateTo({
|
||
|
|
url: `/pages/common/batchscancode?type=inBattery`, //
|
||
|
|
});
|
||
|
|
// uni.scanCode({
|
||
|
|
// onlyFromCamera: true, //只能扫码
|
||
|
|
// scanType: ["qrCode"],
|
||
|
|
// success: function(res) {
|
||
|
|
// const {
|
||
|
|
// result
|
||
|
|
// } = res;
|
||
|
|
// console.log(result);
|
||
|
|
// const oneBattery = {
|
||
|
|
// "batteryEnterRecordId": "",
|
||
|
|
// "componentEnterRecordId": componentEnterRecordId.value,
|
||
|
|
// "batteryCode": result
|
||
|
|
// }
|
||
|
|
// listBatteryData.value.push(oneBattery)
|
||
|
|
// baseFormData.value.enterQuantity = listBatteryData.value.length
|
||
|
|
// }
|
||
|
|
// })
|
||
|
|
}
|
||
|
|
|
||
|
|
const onHelmetScanClick = (e) =>{
|
||
|
|
uni.navigateTo({
|
||
|
|
url: `/pages/common/batchscancode?type=inHelmet`, //
|
||
|
|
});
|
||
|
|
// uni.scanCode({
|
||
|
|
// onlyFromCamera: true, //只能扫码
|
||
|
|
// scanType: ["qrCode"],
|
||
|
|
// success: function(res) {
|
||
|
|
// const {
|
||
|
|
// result
|
||
|
|
// } = res;
|
||
|
|
// const oneHelmet = {
|
||
|
|
// "helmetEnterRecordId": "",
|
||
|
|
// "componentEnterRecordId": componentEnterRecordId.value,
|
||
|
|
// "helmetCode": result
|
||
|
|
// }
|
||
|
|
// listHelmetData.value.push(oneHelmet)
|
||
|
|
// baseFormData.value.enterQuantity = listHelmetData.value.length
|
||
|
|
// }
|
||
|
|
// })
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.container {
|
||
|
|
padding: 15px;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-panel{
|
||
|
|
padding-bottom: 55px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-panel{
|
||
|
|
position: fixed;
|
||
|
|
bottom: 0rpx;
|
||
|
|
width: 100%;
|
||
|
|
padding-bottom: 10px;
|
||
|
|
z-index: 999;
|
||
|
|
background-color:#fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content-box{
|
||
|
|
line-height: 50px;
|
||
|
|
border-bottom: 1px solid #f4f4f4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-section{
|
||
|
|
margin: 20px 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-section-header{
|
||
|
|
border-top: 1px solid #f4f4f4;
|
||
|
|
border-bottom: 1px solid #f4f4f4;
|
||
|
|
}
|
||
|
|
</style>
|