|
@@ -1,577 +1,584 @@
|
|
|
-// 规定记录审核
|
|
|
+// 车辆园区上报
|
|
|
<template>
|
|
|
<div class="center">
|
|
|
<div class="center_css">
|
|
|
<div class="top_css">
|
|
|
<el-row>
|
|
|
- <el-col :span="14">
|
|
|
- <el-button type="primary" :disabled="disabled" @click="AddRecord">新增</el-button>
|
|
|
+ <el-col :span="14" style="height: 45px">
|
|
|
+ <el-button type="primary" class="batch_btn">批量上报</el-button>
|
|
|
+ <el-date-picker v-model="value1" value-format="yyyy-MM-dd" @change="dateChange" type="daterange"
|
|
|
+ range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
|
|
|
+ </el-date-picker>
|
|
|
</el-col>
|
|
|
<el-col :span="10">
|
|
|
<div class="screen">
|
|
|
- <el-input class='find' v-model="searchkeyWord" placeholder="可按版本号、编写单位、编撰人员查找" @keyup.enter.native="find" clearable @change="find" />
|
|
|
- <el-button class="search" @click="find"><img
|
|
|
- width="16"
|
|
|
- height="16"
|
|
|
- style="margin-left: -8px"
|
|
|
- src="../../../public/img/sousuo.png"
|
|
|
- ></el-button><span
|
|
|
- class="count_css"
|
|
|
- >共{{ deptBudgetTotal }}条</span>
|
|
|
+ <el-input class='find' placeholder="可按司机姓名、账号、身份证号查找" @keyup.enter.native="find" v-model="searchkeyWord" clearable @change="find"></el-input>
|
|
|
+ <el-button class="search" @click="find"><img width="16" height="16" style="margin-left: -8px"
|
|
|
+ src="../../../public/img/sousuo.png" /></el-button><span
|
|
|
+ class="count_css">共{{ deptBudgetTotal }}条</span>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <div class="search_btn">
|
|
|
+ <div :class="search == '' ? 'search' : 'searchNo'" class="search_item search_block"
|
|
|
+ @click="searchBtn('')">
|
|
|
+ 待上报
|
|
|
+ </div>
|
|
|
+ <div :class="search == 1 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(1)">
|
|
|
+ 审核中
|
|
|
+ </div>
|
|
|
+ <div :class="search == 2 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(2)">
|
|
|
+ 已通过
|
|
|
+ </div>
|
|
|
+ <div :class="search == 3 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(3)">
|
|
|
+ 已过期
|
|
|
+ </div>
|
|
|
+ <div :class="search == 4 ? 'search' : 'searchNo'" class="search_item" @click="searchBtn(4)">
|
|
|
+ 全部
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
<el-table :data="tableData" style="width: 98%; margin: 0 auto; border-radius: 10px" height="55.8vh" border highlight-current-row>
|
|
|
- <el-table-column prop="versionNumber" label="版本号" />
|
|
|
- <el-table-column prop="compilationUnit" label="编写单位" />
|
|
|
- <el-table-column prop="editor" label="编撰人员" />
|
|
|
- <el-table-column prop="updateDate" label="更新日期" />
|
|
|
- <el-table-column label="上传" prop="submitter" />
|
|
|
- <el-table-column prop="versionDescription" label="版本说明" />
|
|
|
- <el-table-column prop="status" label="状态" />
|
|
|
- <el-table-column label="操作" min-width="300">
|
|
|
+ <el-table-column type="selection" width="55" :selectable="selectInit">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column type="index" label="序号" width="50">
|
|
|
+ <template scope="scope">
|
|
|
+ <span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
|
|
|
+ <span v-else>{{ scope.$index + 1 }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="driverName" label="司机姓名" ></el-table-column>
|
|
|
+ <el-table-column prop="driverPhone" label="账号" ></el-table-column>
|
|
|
+ <el-table-column prop="numberCard" label="牵引车车牌号" ></el-table-column>
|
|
|
+ <el-table-column prop="shipmentsNumber" label="挂车车牌号"></el-table-column>
|
|
|
+ <el-table-column prop="favorableRate" label="行驶证有效期" ></el-table-column>
|
|
|
+ <el-table-column prop="favorableRate" label="挂车行驶证有效期" ></el-table-column>
|
|
|
+ <el-table-column prop="favorableRate" label="道路运输证有效期" ></el-table-column>
|
|
|
+ <el-table-column prop="complaintsNumber" label="上报时间"></el-table-column>
|
|
|
+ <el-table-column prop="paymentDate" label="附件">
|
|
|
+ <template slot-scope="scope" style="text-align: center" v-if="scope.row.backStageStatus !='未认证'">
|
|
|
+ <span class="btn_css btn_css1" @click="fujianLook(scope.row)">查看</span>
|
|
|
+ <el-tooltip placement="top" v-if="
|
|
|
+ scope.row.overdueFlag == 1 ||
|
|
|
+ scope.row.driverOverdueFlag == 1 ||
|
|
|
+ scope.row.drivingOverdueFlag == 1 ||
|
|
|
+ scope.row.trailerOverdueFlag == 1 ||
|
|
|
+ scope.row.qualificationOverdueFlag == 1 ||
|
|
|
+ scope.row.operationOverdueFlag == 1 ||
|
|
|
+ scope.row.trailerOperationOverdueFlag == 1
|
|
|
+ ">
|
|
|
+ <div slot="content">
|
|
|
+ <span v-if="scope.row.overdueFlag == 1">身份证已过有效期<br /></span>
|
|
|
+ <span v-if="scope.row.driverOverdueFlag == 1">驾驶证已过有效期<br /></span><span
|
|
|
+ v-if="scope.row.qualificationOverdueFlag == 1">从业资格证已过有效期<br /></span>
|
|
|
+ </div>
|
|
|
+ <span style="margin-top: 10px"></span>
|
|
|
+ <img src="../../../public/img/wenhao.png" alt="" class="ask_css" />
|
|
|
+ </el-tooltip>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="advancePayment" label="状态" min-width="100"></el-table-column>
|
|
|
+ <el-table-column label="操作" min-width="200">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-link target="_blank" type="primary" :underline="false" @click="look(scope.row)">查看</el-link>
|
|
|
- <el-divider direction="vertical" />
|
|
|
- <el-link target="_blank" type="primary" :underline="false" :disabled="scope.row.status != '待审核'" @click="audit(scope.row)">审核
|
|
|
- </el-link>
|
|
|
- <el-divider direction="vertical" />
|
|
|
- <el-link target="_blank" type="primary" :underline="false" :disabled="scope.row.status != '待审核' && scope.row.status != '已驳回' " @click="del(scope.row)">删除</el-link>
|
|
|
- <el-divider direction="vertical" />
|
|
|
- <el-link target="_blank" type="primary" :underline="false" @click="edit(scope.row)">编辑</el-link>
|
|
|
+ <el-link target="_blank" @click="see(scope.row)" type="primary" :underline="false"
|
|
|
+ :disabled="scope.row.authenticationStatus != '审核中'">查看</el-link>
|
|
|
+ <el-divider direction="vertical"></el-divider>
|
|
|
+ <el-link target="_blank" @click="report(scope.row)" type="primary" :underline="false"
|
|
|
+ :disabled="scope.row.authenticationStatus != '审核中'">上报</el-link>
|
|
|
+ <!-- <el-divider direction="vertical"></el-divider> -->
|
|
|
+ <!-- <el-dropdown>
|
|
|
+ <span class="btn_css">•••</span>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item :disabled="
|
|
|
+ scope.row.authenticationStatus == '已禁用' &&
|
|
|
+ scope.row.authenticationStatus != '审核中'
|
|
|
+ "><span @click="switchChange(scope.row, '1')">禁用</span>
|
|
|
+ </el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown> -->
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <el-pagination
|
|
|
- :current-page="currentPage"
|
|
|
- style="text-align: center; margin-top: 10px"
|
|
|
- :page-size="deptCircularPage.pageSize"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="deptBudgetTotal"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- />
|
|
|
- <el-dialog :close-on-click-modal='false' title="驳回认证" :visible.sync="rejectInfo" width="400px" :before-close="rejectClose">
|
|
|
- <div>
|
|
|
- <div><span class="sign">*</span>选择驳回原因</div>
|
|
|
- <div class="form_css">
|
|
|
- <el-form ref="form" :model="form" label-width="80px">
|
|
|
- <el-checkbox-group v-model="form.checkList">
|
|
|
- <el-checkbox label="证件照片不清晰" value="1" />
|
|
|
- <el-checkbox label="证件照片上传错误" value="2" />
|
|
|
- <el-checkbox label="身份信息填写错误" value="3" />
|
|
|
- <el-checkbox label="证件信息填写错误" value="4" />
|
|
|
- <el-checkbox label="其他" value="5" />
|
|
|
- </el-checkbox-group>
|
|
|
- <div style="margin: 20px 0;">驳回原因描述(选填)</div>
|
|
|
- <el-input
|
|
|
- v-model="form.rejectReasonDescription"
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- resize="none"
|
|
|
- placeholder="输入驳回原因,1-100个字"
|
|
|
- minlength="100"
|
|
|
- />
|
|
|
- <div class="form_btn">
|
|
|
- <el-button @click="rejectClose">取消</el-button>
|
|
|
- <el-button type="primary" @click="submit">确定</el-button>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
+ style="text-align: center; margin-top: 10px" :page-size="deptCircularPage.pageSize"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal">
|
|
|
+ </el-pagination>
|
|
|
+ <el-dialog :close-on-click-modal='false' title="附件" :visible.sync="fujianInfo" width="830px" :before-close="fujianClose">
|
|
|
+ <div class="file">
|
|
|
+ <div class="fujian_css">
|
|
|
+ <div class="fujian_item" :class="count == 1 ? 'file_btn' : ''" @click="btnChange(1)">
|
|
|
+ 身份证
|
|
|
+ </div>
|
|
|
+ <div class="fujian_item" :class="count == 2 ? 'file_btn' : ''" @click="btnChange(2)">
|
|
|
+ 驾驶证
|
|
|
+ </div>
|
|
|
+ <!-- <div class="fujian_item" :class="count == 3 ? 'file_btn' : ''" @click="btnChange(3)">
|
|
|
+ 行驶证
|
|
|
+ </div> -->
|
|
|
+ <div class="fujian_item" :class="count == 4 ? 'file_btn' : ''" @click="btnChange(4)">
|
|
|
+ 从业资格证
|
|
|
+ </div>
|
|
|
+ <!-- <div class="fujian_item" :class="count == 5 ? 'file_btn' : ''" @click="btnChange(5)">
|
|
|
+ 挂车行驶证
|
|
|
+ </div>
|
|
|
+ <div class="fujian_item" :class="count == 6 ? 'file_btn' : ''" @click="btnChange(6)">
|
|
|
+ 运营证
|
|
|
+ </div>
|
|
|
+ <div class="fujian_item" :class="count == 7 ? 'file_btn' : ''" @click="btnChange(7)">
|
|
|
+ 挂车运营证
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="file_tips">
|
|
|
+ <span v-if="count == 1">有效期:{{file.cardValidityDate}} </span><span v-if="count == 2"> 准驾车型:{{file.quasiDrivingVehicle}} </span> <span v-if="count == 2"> 发证机关:{{file.lssuingAuthority}} </span> <span v-if="count == 4"> 从业资格证号:{{file.qualificationCertificateNumber}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="file_img">
|
|
|
+ <img :src="img[index]" class="img_css" @click="enlarge(img[index])"/>
|
|
|
+ </div>
|
|
|
+ <div class="btn">
|
|
|
+ <el-button style="margin-right: 120px" @click="index = 0"
|
|
|
+ v-if="count == 1 || count == 2 || count == 3 || count == 5">{{ abilityName }}</el-button>
|
|
|
+ <el-button @click="index = 1" v-if="count == 1 || count == 2 || count == 3 || count == 5">{{ abilityName1 }}
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+ <el-drawer title="司机信息" :visible.sync="rightSee" style="overflow-y: auto !important">
|
|
|
+ <div class="right_css">
|
|
|
+ <div class="title_name">基本信息</div>
|
|
|
+ <div class="right_item">订单编号:{{costData.orderNo}}</div>
|
|
|
+ <div class="right_title">货主</div>
|
|
|
+ <div class="right_item">{{costData.cargoOwner}}</div>
|
|
|
+ <div class="right_title">司机</div>
|
|
|
+ <div class="right_item">{{costData.driverName}}</div>
|
|
|
+ <div class="right_title">发货单位</div>
|
|
|
+ <div class="right_item">{{costData.compName}}</div>
|
|
|
+ <div class="right_title">发货地</div>
|
|
|
+ <div class="right_item">
|
|
|
+ {{costData.sendPrivate}}{{costData.sendCity}}{{costData.sendArea}}{{costData.sendDetailedAddress}}
|
|
|
+ </div>
|
|
|
+ <div class="right_title">卸货地</div>
|
|
|
+ <div class="right_item">
|
|
|
+ {{costData.unloadPrivate}}{{costData.unloadCity}}{{costData.unloadArea}}{{costData.unloadDetailedAddress}}
|
|
|
+ </div>
|
|
|
+ <div class="right_title">货物类别</div>
|
|
|
+ <div class="right_item">{{costData.goodsType}}</div>
|
|
|
+ <div class="right_title">货名</div>
|
|
|
+ <div class="right_item">{{costData.goodsName}}</div>
|
|
|
+ <div class="right_title">发货联系人</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.sender}}</div>
|
|
|
+ <div class="right_title">发货联系人电话</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.senderPhone}}</div>
|
|
|
+
|
|
|
+ <div class="right_title">收货联系人</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.receiver}}</div>
|
|
|
+ <div class="right_title">收货联系人电话</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.receiverPhone}}</div>
|
|
|
+ <div class="right_title">收货人身份证号</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.receiverIdcard}}</div>
|
|
|
+ <div class="right_title">收货方信用代码(选填)</div>
|
|
|
+ <div class="right_item">{{costData.publishTaskInfo.receiverCreditCode?costData.publishTaskInfo.receiverCreditCode:'暂无'}}</div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="right_title">距离</div>
|
|
|
+ <div class="right_item">约{{costData.distance ? costData.distance : 0}}km</div>
|
|
|
+ <div class="right_title">运费</div>
|
|
|
+ <div class="right_item">{{costData.freight}}</div>
|
|
|
+ <el-divider v-if="costData.hyCarrierInfo"></el-divider>
|
|
|
+ <div v-if="costData.hyCarrierInfo">
|
|
|
+ <div class="title_name">承运信息</div>
|
|
|
+ <div class="right_title">承运合同编号</div>
|
|
|
+ <div class="right_item">{{costData.contractNo}}</div>
|
|
|
+ <div class="right_title">委托合同编号</div>
|
|
|
+ <div class="right_item">{{costData.wtContractNo}}</div>
|
|
|
+ <div class="right_title">车牌号</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.carNo}}</div>
|
|
|
+ <div class="right_title">预计运费</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.estimatedFreight}}</div>
|
|
|
+ <div class="right_title">装车时间</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.loadingDate}}</div>
|
|
|
+ <div class="right_title">装车定位</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.loadingCity}}{{costData.hyCarrierInfo.loadingArea}}</div>
|
|
|
+ <div class="right_title">装车照片</div>
|
|
|
+ <div style="display: flex;" v-if="costData.hyCarrierInfo.loadingImg">
|
|
|
+ <div v-for="(item,index) in costData.hyCarrierInfo.loadingImg.split(',')" :key="index">
|
|
|
+ <img :src="item" class="img_css" @click="enlarge(item)">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="right_title" v-if="costData.hyCarrierInfo.totalFreight">合计应付运费</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.totalFreight}}</div>
|
|
|
+ <div class="right_title" v-if="costData.hyCarrierInfo.unloadingDate">卸车时间</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.unloadingDate}}</div>
|
|
|
+ <div class="right_title">卸车定位</div>
|
|
|
+ <div class="right_item">{{costData.hyCarrierInfo.unloadingCity}}{{costData.hyCarrierInfo.unloadingArea}}</div>
|
|
|
+ <div class="right_title" v-if="costData.hyCarrierInfo.unloadingImg">卸车照片</div>
|
|
|
+ <div style="display: flex;" v-if="costData.hyCarrierInfo.unloadingImg">
|
|
|
+ <div v-for="(item,index) in costData.hyCarrierInfo.unloadingImg.split(',')" :key="index">
|
|
|
+ <img :src="item" class="img_css" @click="enlarge(item)">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-divider v-if="costData.freightInfo"></el-divider>
|
|
|
+ <div v-if="costData.freightInfo">
|
|
|
+ <div class="title_name">运费信息(单位:元)</div>
|
|
|
+ <div class="right_title">预付运费</div>
|
|
|
+ <div class="right_item">{{costData.freightInfo.prepaidFreight}} <span
|
|
|
+ style="margin-left: 100px;">{{costData.freightInfo.prepaidFreightDate}}</span></div>
|
|
|
+ <div class="right_title">运费尾款</div>
|
|
|
+ <div class="right_item">{{costData.freightInfo.freightBalance?costData.freightInfo.freightBalance:'未支付'}}
|
|
|
+ <span style="margin-left: 100px;">{{costData.freightInfo.freightBalanceDate}}</span></div>
|
|
|
+ <div class="right_title" v-if="costData.freightInfo.freightBalance">明细</div>
|
|
|
+ <div class="right_item" v-if="costData.freightInfo.freightBalance">
|
|
|
+ 预付{{costData.freightInfo.prepaidFreight ? costData.freightInfo.prepaidFreight : 0}}元,服务费{{costData.freightInfo.driverServiceCharge ? costData.freightInfo.driverServiceCharge:0}}元,尾款{{costData.freightInfo.freightBalance ? costData.freightInfo.freightBalance:0}}元,合计收款{{costData.freightInfo.totalCollection ? costData.freightInfo.totalCollection:0}}元。
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-divider v-if="costData.repaymentInfo"></el-divider>
|
|
|
+ <div v-if="costData.repaymentInfo">
|
|
|
+ <div class="title_name">还款信息</div>
|
|
|
+ <div class="right_title">运费</div>
|
|
|
+ <div class="right_item">{{costData.freight}}</div>
|
|
|
+ <div class="right_title">超期费(每天3%)</div>
|
|
|
+ <div class="right_item">{{costData.repaymentInfo.overdueFee}}</div>
|
|
|
+ <div class="right_title">合计应还</div>
|
|
|
+ <div class="right_item">{{costData.repaymentInfo.totalRepayable}}</div>
|
|
|
+ <div class="right_title">还款(尾号6666)</div>
|
|
|
+ <div class="right_item">{{costData.repaymentInfo.alreadyRepaid}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
+ <el-image-viewer v-if="imgsVisible" :on-close="closeImgViewer" :url-list="srcList" style="z-index:9999" />
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import {
|
|
|
- getList,
|
|
|
- toExamine,
|
|
|
- postNews,
|
|
|
- delFormData
|
|
|
-} from '@/api/platformManagement'
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- tableData: [],
|
|
|
- // 分页
|
|
|
- searchkeyWord: '',
|
|
|
- currentPage: 1,
|
|
|
- pageSize: 10,
|
|
|
- deptBudgetTotal: 0,
|
|
|
- deptCircularPage: {},
|
|
|
- search: '',
|
|
|
- addressUrl: [],
|
|
|
- disabled: false,
|
|
|
- rejectInfo: false,
|
|
|
- form: {
|
|
|
- id: '',
|
|
|
- checkList: [],
|
|
|
- rejectReasonDescription: ''
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.getList()
|
|
|
- },
|
|
|
- methods: {
|
|
|
- AddRecord() {
|
|
|
- this.$router.push({
|
|
|
- path: 'specifiedRecordsAdd'
|
|
|
- })
|
|
|
+ import {
|
|
|
+ getList,
|
|
|
+ toExamine,
|
|
|
+ postNews,
|
|
|
+ billSee,
|
|
|
+ editInfo,
|
|
|
+ } from "@/api/driverManagement";
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ "el-image-viewer": () =>
|
|
|
+ import("element-ui/packages/image/src/image-viewer"),
|
|
|
},
|
|
|
- getList() {
|
|
|
- this.loading = true
|
|
|
- const _obj = {}
|
|
|
- _obj.currentPage = this.currentPage
|
|
|
- _obj.pageSize = this.pageSize
|
|
|
- _obj.searchKeyWord = this.searchkeyWord
|
|
|
- _obj.searchType = this.search
|
|
|
- getList(_obj).then(response => {
|
|
|
- this.tableData = response.data.records
|
|
|
- this.deptBudgetTotal = response.data.total
|
|
|
- if (this.tableData[0].status == '待审核' || this.tableData[0].status == '已驳回') {
|
|
|
- // 最上面一条处于待审核和已驳回时新增按钮置灰不可用
|
|
|
- this.disabled = true
|
|
|
- }
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.loading = false
|
|
|
- })
|
|
|
- },
|
|
|
- del(row) {
|
|
|
- this.$confirm('确定要删除该记录吗?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.listLoading = true
|
|
|
- var _del = {}
|
|
|
- _del.id = row.id
|
|
|
- delFormData(_del).then(response => {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '删除成功!',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.getList()
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.loading = false
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- sendInfoClose() {
|
|
|
- this.Info = {}
|
|
|
- this.sendInfo = false
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [],
|
|
|
+ //分页
|
|
|
+ searchkeyWord: "",
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ deptBudgetTotal: 0,
|
|
|
+ deptCircularPage: {},
|
|
|
+ search: "",
|
|
|
+ disabled: false,
|
|
|
+ userInfo: false,
|
|
|
+ fujianInfo: false,
|
|
|
+ file: {},
|
|
|
+ img: [],
|
|
|
+ index: "0",
|
|
|
+ count: "1",
|
|
|
+ abilityName: "身份证人像面",
|
|
|
+ abilityName1: "身份证国徽面",
|
|
|
+ //图片预览
|
|
|
+ srcList: [],
|
|
|
+ imgsVisible: false,
|
|
|
+ //筛选时间
|
|
|
+ startDate:"",
|
|
|
+ endDate:"",
|
|
|
+ value1:"",
|
|
|
+ //侧边查看
|
|
|
+ rightSee:false,
|
|
|
+ costData:{
|
|
|
+ publishTaskInfo:{}
|
|
|
+ }
|
|
|
+ };
|
|
|
},
|
|
|
- submitInfo() {
|
|
|
- this.listLoading = true
|
|
|
- postNews(this.Info).then(response => {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '发送成功!',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.sendInfoClose()
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.loading = false
|
|
|
- })
|
|
|
+ mounted() {
|
|
|
+ this.getList();
|
|
|
},
|
|
|
- switchChange(row, num) {
|
|
|
- var _examine = {}
|
|
|
- _examine.id = row.id
|
|
|
- let title
|
|
|
- if (num == 1) {
|
|
|
- _examine.flag = 3
|
|
|
- title = '禁用后客户将无法使用所有功能,是否确定禁用?'
|
|
|
- } else if (num == 2) {
|
|
|
- title = '确定重新启用该用户?'
|
|
|
- _examine.flag = 4
|
|
|
- }
|
|
|
- this.$confirm(title, '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.listLoading = true
|
|
|
- toExamine(_examine).then(response => {
|
|
|
- if (num == 1) {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '禁用成功!',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- } else if (num == 2) {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '启用成功!',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
+ methods: {
|
|
|
+ see(row) { //附件
|
|
|
+ // this.loading = true
|
|
|
+ this.rightSee = true
|
|
|
+ // getData({
|
|
|
+ // id: row.id
|
|
|
+ // }).then(response => {
|
|
|
+ // this.costData = response.data
|
|
|
+
|
|
|
+ // // this.deptBudgetTotal = response.data.total
|
|
|
+ // this.listLoading = false
|
|
|
+ // })
|
|
|
+ // .catch(() => {
|
|
|
+ // this.listLoading = false
|
|
|
+ // })
|
|
|
+ },
|
|
|
+ report(row){//上报
|
|
|
+
|
|
|
+ },
|
|
|
+ dateChange(e) {
|
|
|
+ this.startDate = e[0]
|
|
|
+ this.endDate = e[1]
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ closeImgViewer() {
|
|
|
+ this.srcList = []
|
|
|
+ this.imgsVisible = false;
|
|
|
+ },
|
|
|
+ enlarge(url) {
|
|
|
+ this.imgsVisible = true;
|
|
|
+ this.srcList.push(url)
|
|
|
+ },
|
|
|
+
|
|
|
+ getList() {
|
|
|
+ this.listLoading = true;
|
|
|
+ let _obj = {};
|
|
|
+ _obj.currentPage = this.currentPage;
|
|
|
+ _obj.pageSize = this.pageSize;
|
|
|
+ _obj.searchKeyWord = this.searchkeyWord;
|
|
|
+ _obj.searchType = this.search;
|
|
|
+ getList(_obj)
|
|
|
+ .then((response) => {
|
|
|
+ this.tableData = response.data.records;
|
|
|
+ for (let i = 0; i < this.tableData.length; i++) {
|
|
|
+ this.tableData[i].iconShow = true;
|
|
|
}
|
|
|
- this.getList()
|
|
|
- this.listLoading = false
|
|
|
+ this.deptBudgetTotal = response.data.total;
|
|
|
+ this.listLoading = false;
|
|
|
})
|
|
|
- .catch(() => {
|
|
|
- this.loading = false
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
- find() {
|
|
|
- this.getList()
|
|
|
- },
|
|
|
- look(row) {
|
|
|
- this.$router.push({
|
|
|
- path: 'specifiedRecordsLook',
|
|
|
- query: {
|
|
|
- id: row.id,
|
|
|
- type: '1'
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- edit(row) {
|
|
|
- this.$router.push({
|
|
|
- path: 'specifiedRecordsLook',
|
|
|
- query: {
|
|
|
- id: row.id,
|
|
|
- type: '2'
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- submit() {
|
|
|
- if (this.form.checkList.length == 0) {
|
|
|
- this.$message.error('请选择驳回原因')
|
|
|
- return
|
|
|
- }
|
|
|
- this.listLoading = true
|
|
|
- this.form.rejectReason = this.form.checkList.toString()
|
|
|
- delete this.form.checkList
|
|
|
- toExamine(this.form).then(response => {
|
|
|
- this.$notify({
|
|
|
- title: '成功',
|
|
|
- message: '驳回成功!',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.form.checkList = []
|
|
|
- this.form.rejectReasonDescription = ''
|
|
|
- this.rejectInfo = false
|
|
|
- this.getList()
|
|
|
- this.listLoading = false
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.loading = false
|
|
|
- })
|
|
|
- },
|
|
|
- audit(row) {
|
|
|
- this.$router.push({
|
|
|
- path: 'specifiedRecordsLook',
|
|
|
- query: {
|
|
|
- id: row.id,
|
|
|
- type: '3'
|
|
|
+ .catch(() => {
|
|
|
+ this.listLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ btnChange(num) {
|
|
|
+ this.count = num;
|
|
|
+ if (num == 1) {
|
|
|
+ this.abilityName = "身份证人像面";
|
|
|
+ this.abilityName1 = "身份证国徽面";
|
|
|
+ this.img[0] = this.file.cardAddressUrl;
|
|
|
+ this.img[1] = this.file.cardBackAddressUrl;
|
|
|
+ } else if (num == 2) {
|
|
|
+ this.abilityName = "驾驶证主页";
|
|
|
+ this.abilityName1 = "驾驶证副页";
|
|
|
+ this.img[0] = this.file.driverLicenseHomePage;
|
|
|
+ this.img[1] = this.file.driverLicenseBackPage;
|
|
|
+ } else if (num == 3) {
|
|
|
+ this.abilityName = "行驶证主页";
|
|
|
+ this.abilityName1 = "行驶证副页";
|
|
|
+ this.img[0] = this.file.drivingLicenseHomePage;
|
|
|
+ this.img[1] = this.file.drivingLicenseBackPage;
|
|
|
+ } else if (num == 4) {
|
|
|
+ this.index = 0;
|
|
|
+ this.img[0] = this.file.qualificationCertificate;
|
|
|
+ } else if (num == 5) {
|
|
|
+ this.abilityName = "挂车行驶证主页";
|
|
|
+ this.abilityName1 = "挂车行驶证副页";
|
|
|
+ this.img[0] = this.file.trailerLicenseHomePage;
|
|
|
+ this.img[1] = this.file.trailerLicenseBackPage;
|
|
|
+ } else if (num == 6) {
|
|
|
+ this.index = 0;
|
|
|
+ this.img[0] = this.file.operationCertificate;
|
|
|
+ } else if (num == 7) {
|
|
|
+ this.index = 0;
|
|
|
+ this.img[0] = this.file.trailerOperationCertificate;
|
|
|
}
|
|
|
- })
|
|
|
+ },
|
|
|
+ fujianLook(row) {
|
|
|
+ this.file = row;
|
|
|
+ this.index = 0;
|
|
|
+ this.img[0] = this.file.cardAddressUrl;
|
|
|
+ this.img[1] = this.file.cardBackAddressUrl;
|
|
|
+ this.fujianInfo = true;
|
|
|
+ },
|
|
|
+ fujianClose() {
|
|
|
+ this.count = 1;
|
|
|
+ this.fujianInfo = false;
|
|
|
+ },
|
|
|
+ searchBtn(num) {
|
|
|
+ this.search = num;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ find() {
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ selectInit() {
|
|
|
+ return true;
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ console.log(`每页 ${val} 条`);
|
|
|
+ this.pageSize = val;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = val;
|
|
|
+ console.log(`当前页: ${val}`);
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
},
|
|
|
- rejectClose() {
|
|
|
- this.form.checkList = []
|
|
|
- this.form.rejectReasonDescription = ''
|
|
|
- this.rejectInfo = false
|
|
|
- },
|
|
|
- handleSizeChange(val) {
|
|
|
- console.log(`每页 ${val} 条`)
|
|
|
- this.pageSize = val
|
|
|
- this.getList()
|
|
|
- },
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.currentPage = val
|
|
|
- console.log(`当前页: ${val}`)
|
|
|
- this.getList()
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ };
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
- .center {
|
|
|
- padding: 10px 20px;
|
|
|
- background: #f5f6f7;
|
|
|
- height: calc(100vh - 5vh);
|
|
|
-
|
|
|
- .top_css {
|
|
|
- padding: 10px;
|
|
|
-
|
|
|
- .search_btn {
|
|
|
- display: flex;
|
|
|
- margin-top: 20px;
|
|
|
+ .center {
|
|
|
+ padding: 10px 20px;
|
|
|
+ background: #f5f6f7;
|
|
|
+ height: calc(100vh - 5vh);
|
|
|
+
|
|
|
+ .top_css {
|
|
|
+ padding: 10px;
|
|
|
+
|
|
|
+ .search_btn {
|
|
|
+ height: 80px;
|
|
|
+ background: linear-gradient(#fafbfb, #ffffff);
|
|
|
+ display: flex;
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
+ .search_block {
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
|
|
|
- .search_item {
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 600;
|
|
|
- line-height: 40px;
|
|
|
- width: 112px;
|
|
|
- height: 40px;
|
|
|
- background: #f7f8f9;
|
|
|
- cursor: pointer
|
|
|
- }
|
|
|
+ .search_item {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
+ line-height: 40px;
|
|
|
+ width: 112px;
|
|
|
+ height: 40px;
|
|
|
+ background: #f7f8f9;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-top: 30px;
|
|
|
+ }
|
|
|
|
|
|
- .searchNo {
|
|
|
- color: #323233;
|
|
|
- }
|
|
|
+ .searchNo {
|
|
|
+ color: #323233;
|
|
|
+ }
|
|
|
|
|
|
- .search {
|
|
|
- color: #2f53eb;
|
|
|
- background: #ffffff;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .search {
|
|
|
+ color: #2f53eb;
|
|
|
+ background: #ffffff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .ask_css {
|
|
|
- position: absolute;
|
|
|
- margin: 3px 0 0 10px;
|
|
|
- }
|
|
|
+ .ask_css {
|
|
|
+ position: absolute;
|
|
|
+ margin: 3px 0 0 10px;
|
|
|
+ }
|
|
|
|
|
|
- .center_css {
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 1px;
|
|
|
- margin-top: 10px;
|
|
|
- padding-bottom: 10px;
|
|
|
- }
|
|
|
+ .center_css {
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 1px;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
|
|
|
- .screen {
|
|
|
- display: flex;
|
|
|
+ .screen {
|
|
|
+ // float: right;
|
|
|
+ display: flex;
|
|
|
|
|
|
- .search {
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- background: #2f53eb;
|
|
|
- border-radius: 0px 2px 2px 0px;
|
|
|
- border: 1px solid #DCDFE6;
|
|
|
+ .search {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ background: #2f53eb;
|
|
|
+ border-radius: 0px 2px 2px 0px;
|
|
|
+ border: 1px solid #DCDFE6;
|
|
|
margin-left:-1px;
|
|
|
- }
|
|
|
-
|
|
|
- .count_css {
|
|
|
- width: 80px;
|
|
|
- text-align: center;
|
|
|
- line-height: 40px;
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .el-button {
|
|
|
- padding: 10px 20px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .center_css {
|
|
|
-
|
|
|
- ::v-deep .el-table th,
|
|
|
- ::v-deep .el-table td {
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-
|
|
|
- .fujian {
|
|
|
- font-size: 24px;
|
|
|
- color: #409eff;
|
|
|
- }
|
|
|
-
|
|
|
- .warning {
|
|
|
- font-size: 14px;
|
|
|
- color: #ed1d1d;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-.el-button--primary {
|
|
|
- color: #FFF;
|
|
|
- background-color: #2f53eb;
|
|
|
- border-color: #2f53eb;
|
|
|
-}
|
|
|
- .car_css {
|
|
|
- width: 50%;
|
|
|
- display: inline-block;
|
|
|
- text-align: center;
|
|
|
- margin-top: 30px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .status_css {
|
|
|
- background: #3AC602;
|
|
|
- width: 50px;
|
|
|
- height: 17px;
|
|
|
- position: absolute;
|
|
|
- top: 0px;
|
|
|
- right: 15px;
|
|
|
- border-radius: 3px;
|
|
|
- }
|
|
|
-
|
|
|
- .carno_css {
|
|
|
- padding: 1px 5px;
|
|
|
- background-color: #F5F6F7;
|
|
|
- color: #666666;
|
|
|
- border-radius: 12px;
|
|
|
- text-align: center;
|
|
|
- width: 100px;
|
|
|
- margin: 10px auto 0;
|
|
|
- }
|
|
|
-
|
|
|
- .carborder_css {
|
|
|
- border: 1px solid #F0F1F2;
|
|
|
- margin: 15px auto 0;
|
|
|
- width: 90%;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .tips {
|
|
|
- color: #999999;
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
-
|
|
|
- .car_item {
|
|
|
- width: 200px;
|
|
|
- height: 160px;
|
|
|
- border-radius: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- .user {
|
|
|
- margin-bottom: 20px;
|
|
|
-
|
|
|
- .id_css {
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
-
|
|
|
- .id_css,
|
|
|
- .name_css {
|
|
|
- margin: 5px 0;
|
|
|
- color: #0D0D0D;
|
|
|
- }
|
|
|
-
|
|
|
- .pay_name {
|
|
|
- color: #9D9D9D;
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
-
|
|
|
- .name_css {
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
-
|
|
|
- .user_item {
|
|
|
- margin: 25px 0;
|
|
|
- width: 450px;
|
|
|
- height: 300px;
|
|
|
- }
|
|
|
-
|
|
|
- .border_css {
|
|
|
- width: 100%;
|
|
|
- border: 1px solid #F0F1F2;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep .el-table--border .el-table__header th {
|
|
|
- background: #f7f8f9;
|
|
|
- }
|
|
|
-
|
|
|
- .btn_css {
|
|
|
- color: #409EFF;
|
|
|
- cursor: pointer
|
|
|
- }
|
|
|
-
|
|
|
- .btn_css1 {
|
|
|
- margin-left: -20px;
|
|
|
- }
|
|
|
-
|
|
|
- .sign {
|
|
|
- font-size: 14px;
|
|
|
- color: red;
|
|
|
- }
|
|
|
-
|
|
|
- .form_css {
|
|
|
- width: 100%;
|
|
|
- margin: 20px auto 20px;
|
|
|
+ }
|
|
|
|
|
|
- ::v-deep .el-checkbox {
|
|
|
- width: 40%;
|
|
|
- height: 30px;
|
|
|
- }
|
|
|
+ .count_css {
|
|
|
+ width: 80px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- // ::v-deep .el-dialog__body{
|
|
|
- // padding: 10px 20px;
|
|
|
- // }
|
|
|
- ::v-deep .el-dialog__title {
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
+ .el-button {
|
|
|
+ padding: 10px 20px !important;
|
|
|
+ }
|
|
|
|
|
|
- ::v-deep .el-textarea__inner {
|
|
|
- background: #F0F1F2;
|
|
|
- }
|
|
|
+ .center_css {
|
|
|
|
|
|
- .form_btn {
|
|
|
- text-align: right;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
+ ::v-deep .el-table th,
|
|
|
+ ::v-deep .el-table td {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
|
|
|
- //发送信息
|
|
|
- .Info_css {
|
|
|
- .Info_title {
|
|
|
- color: #323233;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
+ .fujian {
|
|
|
+ font-size: 24px;
|
|
|
+ color: #409eff;
|
|
|
+ }
|
|
|
|
|
|
- .Info_item {
|
|
|
- margin: 20px 0;
|
|
|
- }
|
|
|
+ .warning {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #ed1d1d;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ::v-deep .el-table--border .el-table__header th {
|
|
|
+ background: #f7f8f9;
|
|
|
+ }
|
|
|
|
|
|
- .Info_btn {
|
|
|
- text-align: right;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
+ .btn_css {
|
|
|
+ color: #409eff;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
|
|
|
- //附件
|
|
|
- .file {
|
|
|
- .fujian_css {
|
|
|
- width: 631px;
|
|
|
- display: flex;
|
|
|
- margin: 0 auto;
|
|
|
- text-align: center;
|
|
|
- line-height: 32px;
|
|
|
- border: 1px solid #F0F1F2;
|
|
|
- border-right: 0px;
|
|
|
- border-radius: 2px 0px 0px 2px;
|
|
|
+ .btn_css1 {
|
|
|
+ margin-left: -20px;
|
|
|
+ }
|
|
|
+ //批量上报按钮
|
|
|
+ .batch_btn{
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
|
|
|
- .fujian_item {
|
|
|
- cursor: pointer;
|
|
|
- width: 90px;
|
|
|
- height: 32px;
|
|
|
- border-right: 1px solid #F0F1F2;
|
|
|
- }
|
|
|
+ //附件
|
|
|
+ .file {
|
|
|
+ .fujian_css {
|
|
|
+ width: 270px;
|
|
|
+ display: flex;
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 32px;
|
|
|
+ border: 1px solid #f0f1f2;
|
|
|
+ border-right: 0px;
|
|
|
+ border-radius: 2px 0px 0px 2px;
|
|
|
+
|
|
|
+ .fujian_item {
|
|
|
+ cursor: pointer;
|
|
|
+ width: 90px;
|
|
|
+ height: 32px;
|
|
|
+ border-right: 1px solid #f0f1f2;
|
|
|
+ }
|
|
|
|
|
|
- .file_btn {
|
|
|
- color: #2F53EB;
|
|
|
- background-color: #CFDBFE;
|
|
|
- }
|
|
|
- }
|
|
|
+ .file_btn {
|
|
|
+ color: #2f53eb;
|
|
|
+ background-color: #cfdbfe;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .file_tips{
|
|
|
+ margin: 10px auto;
|
|
|
+ width: 50%;
|
|
|
+ }
|
|
|
|
|
|
- .file_img {
|
|
|
- width: 525px;
|
|
|
- height: 332px;
|
|
|
- margin: 20px auto;
|
|
|
- }
|
|
|
+ .file_img {
|
|
|
+ width: 525px;
|
|
|
+ height: 332px;
|
|
|
+ margin: 20px auto;
|
|
|
+ }
|
|
|
|
|
|
- .img_css {
|
|
|
- width: 525px;
|
|
|
- height: 332px;
|
|
|
- }
|
|
|
+ .img_css {
|
|
|
+ width: 525px;
|
|
|
+ height: 332px;
|
|
|
+ }
|
|
|
|
|
|
- .btn {
|
|
|
- width: 400px;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
- }
|
|
|
- .find::v-deep input.el-input__inner{
|
|
|
- border-radius:0;
|
|
|
+ .btn {
|
|
|
+ width: 410px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|