webapp / GreenwayWeb

Commit 813b166e199e6fd86ed2855ab482323f5a7cc324

Authored by wesley88
1 parent 51f5141d

1

Inline Side-by-side
Showing 7 changed files with 1825 additions and 832 deletions
admin-web-master/src/components/add/addyixiang.vue
  View file @813b166
... ... @@ -390,7 +390,7 @@
390 390 <el-radio v-model="radio" label="3">无意向</el-radio>
391 391 </el-form-item>
392 392 <el-form-item label="意向原因">
393   - <el-input maxlength="200" show-word-limit rows="4" v-model="info.auditSuggestions" placeholder="请输入审核意见"
  393 + <el-input maxlength="200" show-word-limit rows="4" v-model="info.intentionReason" placeholder="请输入审核意见"
394 394 type="textarea" />
395 395 </el-form-item>
396 396 </el-form>
... ... @@ -410,8 +410,7 @@
410 410 </div>
411 411 </div>
412 412 <div>
413   - <el-button v-if="info.intentionStatus != '2' && info.intentionStatus != '3' && issp == '2'" @click="minSev"
414   - style="background-color: #3F9B6A;color: #fff;">确定</el-button>
  413 + <el-button @click="minSev" v-if="info.intentionStatus != '2' && info.intentionStatus != '3' && issp == '2'" style="background-color: #3F9B6A;color: #fff;">确定</el-button>
415 414 <el-button class="buttonHover"
416 415 style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;"
417 416 @click="changetype">返回</el-button>
... ... @@ -438,6 +437,7 @@
438 437 import allimg from '@/components/chakan/allimg.vue';
439 438 import newmap from "@/components/newmap/index";
440 439 import indexall from "@/components/newmap/indexall";
  440 + import { icManAdd} from '@/api/icManagement';
441 441 export default {
442 442 components: {
443 443 TitleWithCircle,
... ... @@ -499,6 +499,18 @@
499 499  
500 500 },
501 501 methods: {
  502 + //获取当前时间
  503 + updateCurrentTime() {
  504 + const now = new Date();
  505 + const year = now.getFullYear();
  506 + const month = (now.getMonth() + 1).toString().padStart(2, '0');
  507 + const day = now.getDate().toString().padStart(2, '0');
  508 + const hours = now.getHours().toString().padStart(2, '0');
  509 + const minutes = now.getMinutes().toString().padStart(2, '0');
  510 + const seconds = now.getSeconds().toString().padStart(2, '0');
  511 +
  512 + return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
  513 + },
502 514 minSev() {
503 515 console.error(this.info)
504 516 console.error(this.radio)
... ... @@ -506,7 +518,7 @@
506 518 msgedit({
507 519 id: this.info.id,
508 520 'intentionStatus': this.radio,
509   - auditSuggestions: this.info.auditSuggestions
  521 + intentionReason: this.info.intentionReason
510 522 }).then(res => {
511 523 console.error(res)
512 524 if (res.code == 200) {
... ... @@ -514,6 +526,31 @@
514 526 message: '处理成功',
515 527 type: 'success'
516 528 })
  529 + if(this.radio == '2'){
  530 + let c1 = {
  531 + leaseType: this.info.cereBasicInformationShop.id?'商铺':'场地', // 意向租赁类型
  532 + leaseCycle: this.info.entityName, // 主体名称
  533 + intentionReason: this.shopMsg.id, // 绑定商家
  534 + intentCustomerName: this.shopMsg.name, // 商家名
  535 + phone: this.shopMsg.phone, // 绑定商家电话
  536 + rentalRent: this.info.unifiedSocialCreditCode, // 统一社会信用代码
  537 + operationType: this.info.entityType, // 主体类型
  538 + intentionRegion: this.info.legalRepresentative, // 法定代表人
  539 + idCardNumber: this.info.businessScope, // 经营范围
  540 + idCardType: this.info.establishmentDate, // 成立日期
  541 + idCardValidStart: this.info.residence, // 住所
  542 + idCardValidEnd: this.info.emailAddress, // 邮箱地址
  543 + intentionTime: this.info.businessStartDate, // 经营开始时间
  544 + idCardPhotoBack: this.info.businessEndDate, // 经营结束时间
  545 + idCardPhotoFront: this.info.businessLicense, // 营业执照
  546 + createDate:this.updateCurrentTime(),
  547 + createUser:localStorage.getItem('roleName')
  548 + }
  549 + icManAdd(c1).then(res1 => {
  550 + console.error(res1)
  551 + })
  552 + }
  553 +
517 554 this.info.intentionStatus = this.radio
518 555 } else {
519 556 this.$message({
... ...
admin-web-master/src/components/add/addyx.vue 0 → 100644
  View file @813b166
  1 +<template>
  2 + <div>
  3 + <el-form :model="ruleForm" :rules="rulesSt" ref="ruleForm" label-width="140px" class="demo-ruleForm">
  4 + <el-row :gutter="20">
  5 + <el-col :span="12">
  6 + <el-form-item label="意向租赁类型" prop="leaseType">
  7 + <el-select v-model="ruleForm.leaseType" placeholder="请选择" style="width:100%">
  8 + <el-option label="商铺" value="商铺" />
  9 + <el-option label="场地" value="场地" />
  10 + <el-option label="广告位" value="广告位" />
  11 + </el-select>
  12 + </el-form-item>
  13 + </el-col>
  14 + <el-col :span="12">
  15 + <el-form-item label="绑定商家" prop="intentionReason">
  16 + <el-select style="width: 100%;" v-model="ruleForm.intentionReason" placeholder="请输入关键词搜索" filterable
  17 + @change="changeRelatedMerchants">
  18 + <el-option v-for="(item,index) in shopList" :key="index" :label="item.name+ ' ' + item.phone" :value="item.id+''" />
  19 + </el-select>
  20 + </el-form-item>
  21 + </el-col>
  22 + <el-col :span="12">
  23 + <el-form-item label="主体名称" prop="leaseCycle">
  24 + <el-input v-model="ruleForm.leaseCycle" placeholder="请输入" maxlength="50"></el-input>
  25 + </el-form-item>
  26 + </el-col>
  27 + <el-col :span="12">
  28 + <el-form-item label="统一社会信用代码" prop="rentalRent">
  29 + <el-input v-model="ruleForm.rentalRent" placeholder="请输入" maxlength="50"></el-input>
  30 + </el-form-item>
  31 + </el-col>
  32 + <el-col :span="12">
  33 + <el-form-item label="主体类型" prop="operationType">
  34 + <el-input v-model="ruleForm.operationType" placeholder="请输入" maxlength="50"></el-input>
  35 + </el-form-item>
  36 + </el-col>
  37 + <el-col :span="12">
  38 + <el-form-item label="法定代表人" prop="intentionRegion">
  39 + <el-input v-model="ruleForm.intentionRegion" placeholder="请输入" maxlength="50"></el-input>
  40 + </el-form-item>
  41 + </el-col>
  42 + <el-col :span="12">
  43 + <el-form-item label="经营范围" prop="idCardNumber">
  44 + <el-input v-model="ruleForm.idCardNumber" placeholder="请输入" maxlength="50"></el-input>
  45 + </el-form-item>
  46 + </el-col>
  47 + <el-col :span="12">
  48 + <el-form-item label="成立日期" prop="idCardType">
  49 + <el-input v-model="ruleForm.idCardType" placeholder="请输入" maxlength="50"></el-input>
  50 + </el-form-item>
  51 + </el-col>
  52 + <el-col :span="12">
  53 + <el-form-item label="住所" prop="idCardValidStart">
  54 + <el-input v-model="ruleForm.idCardValidStart" placeholder="请输入" maxlength="50"></el-input>
  55 + </el-form-item>
  56 + </el-col>
  57 + <el-col :span="12">
  58 + <el-form-item label="邮箱地址" prop="idCardValidEnd">
  59 + <el-input v-model="ruleForm.idCardValidEnd" placeholder="请输入" maxlength="50"></el-input>
  60 + </el-form-item>
  61 + </el-col>
  62 + <el-col :span="12">
  63 + <el-form-item label="经营开始时间" prop="intentionTime">
  64 + <el-date-picker v-model="ruleForm.intentionTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
  65 + style="width: 100%;"></el-date-picker>
  66 + </el-form-item>
  67 + </el-col>
  68 + <el-col :span="12">
  69 + <el-form-item label="经营结束时间" prop="idCardPhotoBack">
  70 + <el-date-picker v-model="ruleForm.idCardPhotoBack" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
  71 + style="width: 100%;"></el-date-picker>
  72 + </el-form-item>
  73 + </el-col>
  74 + </el-row>
  75 + <el-form-item label="营业执照" prop="idCardPhotoFront">
  76 + <upimg filePath="yx" inputtype="idCardPhotoFront" :value="ruleForm.idCardPhotoFront" :cmpOption="{disabled:false,isSetCover:false}"
  77 + @changimg="e=>changimg(e,'idCardPhotoFront')"></upimg>
  78 + </el-form-item>
  79 + <el-row :gutter="20">
  80 + <el-col :span="12">
  81 + <el-form-item>
  82 + <div style="margin-top: 20px">
  83 + <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button>
  84 + <el-button @click="close()" class="buttonHover"
  85 + style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button>
  86 + </div>
  87 + </el-form-item>
  88 + </el-col>
  89 + </el-row>
  90 + </el-form>
  91 + </div>
  92 +</template>
  93 +
  94 +<script>
  95 + import MapMark from "@/components/MapContainer/MapMark";
  96 + import upimg from "@/components/ImageUpload/index"
  97 + import upfile from "@/components/fujianUpload/fujianList"
  98 + import {
  99 + uploadUrl
  100 + } from '@/utils/request'
  101 + import {
  102 + miniioupload
  103 + } from '../../api/commodityLease.js'
  104 + import {
  105 + gongyuan,
  106 + lvdaoduan,
  107 + addList,
  108 + editList
  109 + } from '../../api/map1.js';
  110 + import {
  111 + changadd,
  112 + changedit
  113 + } from '../../api/information'
  114 + import newmap from "@/components/newmap/indexall";
  115 + import wangEditor from "@/components/editor/index"
  116 + import {
  117 + cerePlatformMerchant
  118 + } from '@/api/newly.js'
  119 + import {
  120 + icManAll,
  121 + icManAdd,
  122 + icManEdit,
  123 + icManDel,
  124 +
  125 + } from '@/api/icManagement';
  126 + export default {
  127 + components: {
  128 + upimg,
  129 + MapMark,
  130 + upfile,
  131 + newmap,
  132 + wangEditor
  133 + },
  134 + data() {
  135 + return {
  136 + lat: 30.67,
  137 + lng: 104.06,
  138 + ontype: '线上广告位',
  139 + typelist: [{
  140 + name: '线上广告位',
  141 + vaule: '线上广告位'
  142 + },
  143 + {
  144 + name: '实体广告位',
  145 + vaule: '实体广告位'
  146 + },
  147 + ],
  148 + //地图标点的经纬度
  149 + mapData: {},
  150 + uploadFileUrl: uploadUrl, // 请求地址
  151 + ruleForm: {
  152 + leaseType: '', // 意向租赁类型
  153 + leaseCycle: '', // 主体名称
  154 + intentionReason: '', // 绑定商家
  155 + rentalRent: '', // 统一社会信用代码
  156 + operationType: '', // 主体类型
  157 + intentionRegion: '', // 法定代表人
  158 + idCardNumber: '', // 经营范围
  159 + idCardType: '', // 成立日期
  160 + idCardValidStart: '', // 住所
  161 + idCardValidEnd: '', // 邮箱地址
  162 + intentionTime: '', // 经营开始时间
  163 + idCardPhotoBack: '', // 经营结束时间
  164 + idCardPhotoFront: '' // 营业执照
  165 + },
  166 + rulesSt: {
  167 + leaseType: [{ required: true, message: '请选择意向租赁类型', trigger: 'change' }],
  168 + leaseCycle: [{ required: true, message: '请输入主体名称', trigger: 'blur' }],
  169 + intentionReason: [{ required: true, message: '请选择绑定商家', trigger: 'change' }],
  170 + rentalRent: [{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' }],
  171 + operationType: [{ required: true, message: '请输入主体类型', trigger: 'blur' }],
  172 + intentionRegion: [{ required: true, message: '请输入法定代表人', trigger: 'blur' }],
  173 + idCardNumber: [{ required: true, message: '请输入经营范围', trigger: 'blur' }],
  174 + idCardType: [{ required: true, message: '请输入成立日期', trigger: 'blur' }],
  175 + idCardValidStart: [{ required: true, message: '请输入住所', trigger: 'blur' }],
  176 + idCardValidEnd: [{ required: true, message: '请输入邮箱地址', trigger: 'blur' }],
  177 + intentionTime: [{ required: true, message: '请选择经营开始时间', trigger: 'change' }],
  178 + idCardPhotoBack: [{ required: true, message: '请选择经营结束时间', trigger: 'change' }],
  179 + idCardPhotoFront: [{ required: true, message: '请上传营业执照', trigger: 'change' }]
  180 + },
  181 + uploadFiles: [],
  182 + filesLength: 1,
  183 + gongyuanList: [],
  184 + fileData: [],
  185 + parentMessage: {},
  186 + edit: true,
  187 + shopList:[],
  188 + shopfrom: {
  189 + checkState:'2',
  190 + pageNumber: 0,
  191 + pageSize: 1000,
  192 + },
  193 + };
  194 + },
  195 + computed: {
  196 + regionOptions() {
  197 + return this.$store.state.app.regionOptions;
  198 + }
  199 + },
  200 + props: {
  201 + info: {
  202 + type: Object,
  203 + default: {}
  204 + },
  205 +
  206 + },
  207 + async created() {
  208 + await cerePlatformMerchant(this.shopfrom).then(res => {
  209 + this.shopList = res.data.content
  210 + console.error(this.shopList)
  211 + })
  212 + if (this.info && this.info.id) {
  213 + this.ruleForm = this.info
  214 + if (this.ruleForm.mapMarker) {
  215 + this.lat = this.ruleForm.mapMarker.split(',')[0]
  216 + this.lng = this.ruleForm.mapMarker.split(',')[1]
  217 + }
  218 + } else {
  219 +
  220 + }
  221 + },
  222 + methods: {
  223 + changeRelatedMerchants(e) {
  224 + console.error(e)
  225 + // 循环 this.shopList 循环判断 e 是否等于 this.shopList[i].id
  226 + for (let i = 0; i < this.shopList.length; i++) {
  227 + if (e == this.shopList[i].id) {
  228 + this.ruleForm.intentCustomerId = this.shopList[i].id
  229 + this.ruleForm.intentCustomerName = this.shopList[i].name
  230 + this.ruleForm.phone = this.shopList[i].phone
  231 + }
  232 + }
  233 + },
  234 +
  235 + updatecenter(e) {
  236 + console.error('-----------', e)
  237 + this.lat = e[0].lat
  238 + this.lng = e[0].lng
  239 + this.ruleForm.detailedLocation = JSON.stringify(e)
  240 +
  241 + },
  242 + changimg(e, type) {
  243 + this.ruleForm[type] = e
  244 + },
  245 + changeadvertisingType(e) {
  246 + console.error(e)
  247 + this.ontype = e
  248 + },
  249 + //获取当前时间
  250 + updateCurrentTime() {
  251 + const now = new Date();
  252 + const year = now.getFullYear();
  253 + const month = (now.getMonth() + 1).toString().padStart(2, '0');
  254 + const day = now.getDate().toString().padStart(2, '0');
  255 + const hours = now.getHours().toString().padStart(2, '0');
  256 + const minutes = now.getMinutes().toString().padStart(2, '0');
  257 + const seconds = now.getSeconds().toString().padStart(2, '0');
  258 +
  259 + return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
  260 + },
  261 + //获取地图点击的经纬度
  262 + getChildDate(mapData) {
  263 + this.mapData = mapData
  264 +
  265 + },
  266 + lvdaoSel(vaule) {
  267 + this.ruleForm.belongingParkTrail = ''
  268 + this.gongyuan(vaule)
  269 + },
  270 + async gongyuan(value) {
  271 + const gongyaun = await gongyuan()
  272 + this.gongyuanList = gongyaun.data.filter(item => item.superior == value);
  273 + },
  274 + add() {
  275 + if (this.ruleForm.id) {
  276 + this.$refs.ruleForm.validate((valid) => {
  277 + console.log(valid)
  278 + if (valid) {
  279 + this.ruleForm.updateUser = localStorage.getItem('roleName')
  280 + this.ruleForm.updateDate = this.updateCurrentTime()
  281 + icManEdit(this.ruleForm).then(res => {
  282 + if (res.code == 200) {
  283 + this.$message({
  284 + message: '修改成功',
  285 + type: 'success'
  286 + })
  287 + this.$emit('removeonaction', '1')
  288 + } else {
  289 + this.$message({
  290 + message: res.msg,
  291 + type: 'error'
  292 + })
  293 + }
  294 + })
  295 + } else {
  296 + this.$message({
  297 + message: '请填写完整信息',
  298 + type: 'error'
  299 + })
  300 + return false;
  301 + }
  302 + })
  303 + } else {
  304 + this.$refs.ruleForm.validate((valid) => {
  305 + console.log(valid)
  306 + if (valid) {
  307 + this.ruleForm.createDate = this.updateCurrentTime()
  308 + this.ruleForm.createUser = localStorage.getItem('roleName')
  309 + icManAdd(this.ruleForm).then(res => {
  310 + if (res.code == 200) {
  311 + this.$message({
  312 + message: '添加成功',
  313 + type: 'success'
  314 + })
  315 + this.$emit('removeonaction', '1')
  316 + } else {
  317 + this.$message({
  318 + message: res.msg,
  319 + type: 'error'
  320 + })
  321 + }
  322 + })
  323 + } else {
  324 + this.$message({
  325 + message: '请填写完整信息',
  326 + type: 'error'
  327 + })
  328 + return false;
  329 + }
  330 + })
  331 +
  332 + }
  333 + },
  334 + close() {
  335 + this.$emit('removeonaction', '1')
  336 + },
  337 + hefuRemove() {
  338 + this.hefuData = []
  339 + },
  340 + hefuSuccess(response, file, fileList) {
  341 + this.fileData = []
  342 + console.error(response)
  343 + let fd = new FormData()
  344 + fd.append('file', response.raw)
  345 + fd.append('filePath', 'hetong')
  346 + miniioupload(fd).then(res => {
  347 + console.error(res)
  348 + const fileMsg = {
  349 + name: response.name,
  350 + url: res.data,
  351 + }
  352 + this.fileData.push(fileMsg)
  353 + })
  354 + },
  355 +
  356 +
  357 + },
  358 + };
  359 +</script>
  360 +<style lang="scss">
  361 + .el-upload {
  362 + display: block;
  363 + /* text-align: left; */
  364 + }
  365 +
  366 + .video-uploader {
  367 + .el-upload {
  368 + text-align: left;
  369 + }
  370 + }
  371 +
  372 + .el-dialog__header {
  373 + background-color: #F2F3F5;
  374 + text-align: left;
  375 + }
  376 +
  377 + .el-dialog__title {
  378 + line-height: 30px;
  379 + font-size: 15px;
  380 + color: #303133;
  381 + }
  382 +</style>
... ...
admin-web-master/src/components/chakan/yx.vue 0 → 100644
  View file @813b166
  1 +<template>
  2 + <div>
  3 + <div>
  4 + <el-tabs v-model="xiangTab">
  5 + <el-tab-pane label="客户信息" name="first">
  6 + <div style="margin-top: 30px;" class="editcss">
  7 + <TitleWithCircle title="基础信息" />
  8 + <div style="padding: 20px;margin-top: 10px;">
  9 + <el-form :model="info" ref="ruleForm" label-width="140px" class="demo-ruleForm">
  10 + <el-row :gutter="20">
  11 + <el-col :span="9">
  12 + <el-form-item label="主体名称" prop="leaseCycle">
  13 + <div class="duiqi">{{info.leaseCycle}}</div>
  14 + </el-form-item>
  15 + </el-col>
  16 + <el-col :span="9">
  17 + <el-form-item label="统一社会信用代码" prop="rentalRent">
  18 + <div class="duiqi">{{info.rentalRent}}</div>
  19 + </el-form-item>
  20 + </el-col>
  21 + <el-col :span="9">
  22 + <el-form-item label="主体类型" prop="operationType">
  23 + <div class="duiqi">{{info.operationType}}</div>
  24 + </el-form-item>
  25 + </el-col>
  26 + <el-col :span="9">
  27 + <el-form-item label="法定代表人" prop="intentionRegion">
  28 + <div class="duiqi">{{info.intentionRegion}}</div>
  29 + </el-form-item>
  30 + </el-col>
  31 + <el-col :span="9">
  32 + <el-form-item label="经营范围" prop="idCardNumber">
  33 + <div class="duiqi">{{info.idCardNumber}}</div>
  34 + </el-form-item>
  35 + </el-col>
  36 + <el-col :span="9">
  37 + <el-form-item label="成立日期" prop="idCardType">
  38 + <div class="duiqi">{{info.idCardType}}</div>
  39 + </el-form-item>
  40 + </el-col>
  41 + <el-col :span="9">
  42 + <el-form-item label="住所" prop="idCardValidStart">
  43 + <div class="duiqi">{{info.idCardValidStart}}</div>
  44 + </el-form-item>
  45 + </el-col>
  46 + <el-col :span="9">
  47 + <el-form-item label="邮箱地址" prop="idCardValidEnd">
  48 + <div class="duiqi">{{info.idCardValidEnd}}</div>
  49 + </el-form-item>
  50 + </el-col>
  51 + <el-col :span="9">
  52 + <el-form-item label="营业期限" prop="intentionTime">
  53 + <div class="duiqi">{{info.intentionTime}} - {{info.idCardPhotoBack}}</div>
  54 + </el-form-item>
  55 + </el-col>
  56 + </el-row>
  57 + <el-form-item label="营业执照" prop="idCardPhotoFront">
  58 + <div style="display: flex;">
  59 + <allimg v-if="item" :src="item" fit="contain" v-for="item in info.idCardPhotoFront.split(',')" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
  60 + </div>
  61 + </el-form-item>
  62 + </el-form>
  63 + </div>
  64 + </div>
  65 + </el-tab-pane>
  66 + <el-tab-pane label="商家信息" name="second">
  67 + <div style="margin-top: 30px;" class="editcss">
  68 + <TitleWithCircle title="基础信息" />
  69 + <div style="padding: 20px;margin-top: 10px;">
  70 + <el-form :model="shopMsg" ref="ruleForm" label-width="140px" class="demo-ruleForm">
  71 + <el-row :gutter="20">
  72 + <el-col :span="9">
  73 + <el-form-item label="姓名" prop="name">
  74 + <div class="duiqi">{{shopMsg.name}}</div>
  75 + </el-form-item>
  76 + </el-col>
  77 + <el-col :span="9">
  78 + <el-form-item label="手机号" prop="phone">
  79 + <div class="duiqi">{{shopMsg.phone}}</div>
  80 + </el-form-item>
  81 + </el-col>
  82 + </el-row>
  83 + <el-row :gutter="20">
  84 + <el-col :span="9">
  85 + <el-form-item label="证件类型" prop="idCardType">
  86 + <div class="duiqi">{{shopMsg.idCardType}}</div>
  87 + </el-form-item>
  88 + </el-col>
  89 + <el-col :span="9">
  90 + <el-form-item label="身份证号码" prop="idCardNumber">
  91 + <div class="duiqi">{{shopMsg.idCardNumber}}</div>
  92 + </el-form-item>
  93 + </el-col>
  94 + </el-row>
  95 + <el-form-item label="身份证照片（正）" prop="idCardFrontImage">
  96 + <!-- <div style="margin-top: 10px;">
  97 + <el-image style="width: 200px;height:200px" :src="$baseURL+shopMsg.idCardFrontImage" fit="contain"></el-image>
  98 + </div> -->
  99 + <div style="display: flex;">
  100 + <allimg :src="shopMsg.idCardFrontImage" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
  101 + </div>
  102 + </el-form-item>
  103 + <el-form-item label="身份证照片（反）" prop="idCardBackImage">
  104 + <!-- <div style="margin-top: 10px;">
  105 + <el-image style="width: 200px;height:200px" :src="$baseURL+shopMsg.idCardBackImage" fit="contain"></el-image>
  106 + </div> -->
  107 + <div style="display: flex;">
  108 + <allimg :src="shopMsg.idCardBackImage" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
  109 + </div>
  110 + </el-form-item>
  111 + </el-form>
  112 + </div>
  113 + </div>
  114 + </el-tab-pane>
  115 + </el-tabs>
  116 + </div>
  117 + <!-- v-if='info.auditStatus == 1' -->
  118 + <div v-if="info.auditStatus == 1 && issp == '2'">
  119 + <!-- <div style="padding-left: 130px;margin: 25px 0;">
  120 + <el-radio v-model="radio" label="2">同意</el-radio>
  121 + <el-radio v-model="radio" label="3">拒绝</el-radio>
  122 + </div> -->
  123 + <TitleWithCircle title="审核情况"/>
  124 + <div style="padding: 20px;">
  125 + <el-form :model="info" label-width="130px" class="demo-ruleForm">
  126 + <el-form-item label="状态">
  127 + <el-radio v-model="radio" label="2">同意</el-radio>
  128 + <el-radio v-model="radio" label="3">拒绝</el-radio>
  129 + </el-form-item>
  130 + <el-form-item label="审核意见">
  131 + <el-input maxlength="200" show-word-limit rows="4" v-model="info.auditSuggestions" placeholder="请输入审核意见"
  132 + type="textarea" />
  133 + </el-form-item>
  134 + </el-form>
  135 + </div>
  136 + </div>
  137 + <div v-if="info.auditStatus == '2' || info.auditStatus == '3'">
  138 + <TitleWithCircle title="审核结果"/>
  139 + <div style="padding: 20px;">
  140 + <el-form :model="info" label-width="100px" class="demo-ruleForm">
  141 + <el-form-item label="状态">
  142 + <div class="duiqi">{{info.auditStatus=='2'?'已通过':info.auditStatus=='3'?'不通过':'无'}}</div>
  143 + </el-form-item>
  144 + <el-form-item label="审核意见">
  145 + <div class="duiqi">{{info.auditSuggestions || '无'}}</div>
  146 + </el-form-item>
  147 + </el-form>
  148 + </div>
  149 + </div>
  150 + <div>
  151 + <el-button v-if="info.auditStatus == 1 && issp == '2'" @click="minSev"
  152 + style="background-color: #3F9B6A;color: #fff;">确定</el-button>
  153 + <el-button class="buttonHover"
  154 + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;"
  155 + @click="changetype">返回</el-button>
  156 + </div>
  157 + </div>
  158 +</template>
  159 +
  160 +<script>
  161 + import {
  162 + queryByContractcontractNumber
  163 + } from '../../api/commodityLease.js'
  164 + import {
  165 + businessListGetById
  166 + } from '../../api/business.js'
  167 + import TitleWithCircle from '@/components/top/index';
  168 + import MapXian from "@/components/MapContainer/MapXian";
  169 + import {
  170 + cerePlatformMerchant
  171 + } from '@/api/newly.js'
  172 + import {
  173 + msgedit,
  174 +
  175 + } from '@/api/cereBusinessInfo'
  176 + import allimg from '@/components/chakan/allimg.vue';
  177 + import newmap from "@/components/newmap/index";
  178 + import indexall from "@/components/newmap/indexall";
  179 + export default {
  180 + components: {
  181 + TitleWithCircle,
  182 + MapXian,
  183 + newmap,
  184 + allimg,
  185 + indexall
  186 + },
  187 + props: {
  188 + info: {
  189 + type: Object,
  190 + default: function() {
  191 + return {}; // 返回一个空数组作为默认值
  192 + },
  193 + },
  194 + issp: {
  195 + type: String,
  196 + default: function() {
  197 + return '1';
  198 + },
  199 + },
  200 + },
  201 + data() {
  202 + return {
  203 + radio: '2',
  204 + url: '',
  205 + type: '1',
  206 + tableData: [],
  207 + xiangTab: 'first',
  208 + siteIds: [],
  209 + list: [],
  210 + advIds: [],
  211 + shopIds: [],
  212 + shop: {},
  213 + newshop: {},
  214 + newinfo: {},
  215 + parentMessage: {},
  216 + pagequery: {
  217 + pageNumber: 0,
  218 + pageSize: 10,
  219 + checkState:'2',
  220 + phone: '',
  221 + },
  222 + shopMsg:{}
  223 + }
  224 + },
  225 + created() {
  226 + console.log(this.info)
  227 + this.pagequery.phone = this.info.phone
  228 + cerePlatformMerchant(this.pagequery).then(res=>{
  229 + this.shopMsg = res.data.content[0]
  230 + })
  231 + },
  232 + computed: {
  233 +
  234 + },
  235 + methods: {
  236 + minSev() {
  237 + console.error(this.info)
  238 + console.error(this.radio)
  239 +
  240 + msgedit({
  241 + id: this.info.id,
  242 + 'auditStatus': this.radio,
  243 + auditSuggestions: this.info.auditSuggestions
  244 + }).then(res => {
  245 + console.error(res)
  246 + if (res.code == 200) {
  247 + this.$message({
  248 + message: '处理成功',
  249 + type: 'success'
  250 + })
  251 + this.info.auditStatus = this.radio
  252 + } else {
  253 + this.$message({
  254 + message: '处理失败',
  255 + type: 'error'
  256 + })
  257 + }
  258 + })
  259 + },
  260 + openfile(e) {
  261 + if (e) {
  262 + const fullUrl = this.$baseURL + e;
  263 + try {
  264 + window.open(fullUrl, '_blank'); // 在新标签页中打开文件
  265 + } catch (error) {
  266 + console.error('打开文件失败:', error);
  267 + }
  268 + } else {
  269 + console.error('无文件可查看');
  270 + }
  271 + },
  272 + changetype() {
  273 + this.xiangTab = 'first'
  274 + if (this.type == '1') {
  275 + this.$emit('removeonaction', '1')
  276 + } else {
  277 + this.type = '1'
  278 + }
  279 + },
  280 + open(row) {
  281 + console.error(row)
  282 + this.type = '2'
  283 + this.newinfo = row
  284 + businessListGetById({
  285 + shopId: row.relatedMerchants
  286 + }).then(res => {
  287 + console.log(res)
  288 + this.newshop = res.data
  289 + })
  290 + },
  291 + closeFn() {
  292 + this.$emit('change', false);
  293 + },
  294 + }
  295 + }
  296 +</script>
  297 +<style>
  298 + .el-form-item__label {
  299 + color: #a2a2a2;
  300 + }
  301 +
  302 + .greens {
  303 + color: #3F9B6A;
  304 + }
  305 +</style>
... ...
admin-web-master/src/views/customer/icManagement/index copy.vue 0 → 100644
  View file @813b166
  1 +<template>
  2 + <div style="background-color:#f7f7f7;padding:10px 10px;">
  3 + <div class="zhuti" v-if="ggXin==false && detbox==false">
  4 + <div style="height:58px;line-height:58px;">
  5 + <div style="color:#0006"> <span>商户意向管理</span> <span style="padding:0 5px;">></span> <span
  6 + style="color:#000000e6">意向客户管理</span></div>
  7 + </div>
  8 + <div>
  9 + <!-- 搜索 -->
  10 + <div class="formSearch">
  11 + <div>
  12 + <el-form :model="formSel" :inline="true">
  13 + <el-form-item label="客户名称">
  14 + <el-input v-model="formSel.intentCustomerName" placeholder="请输入" style="width:168px" />
  15 + </el-form-item>
  16 + </el-form>
  17 + </div>
  18 + <div>
  19 + <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询
  20 + </el-button>
  21 + <el-button @click="resetting" class="buttonHover"
  22 + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
  23 + </el-button>
  24 + </div>
  25 +
  26 + </div>
  27 + <div style="margin:20px 0;">
  28 + <el-button style="background-color: #3F9B6A;color: #fff;padding:8px 15px;" icon="el-icon-circle-plus-outline"
  29 + @click="addbuss">新增</el-button>
  30 + </div>
  31 + <!-- 表格 -->
  32 + <el-table :data="
  33 + tableData.slice(
  34 + (currentPage - 1) * pageSize,
  35 + currentPage * pageSize
  36 + )
  37 + " :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
  38 + <el-table-column label="序号" min-width="60">
  39 + <template slot-scope="scope">
  40 + {{scope.$index+1}}
  41 + </template>
  42 + </el-table-column>
  43 + <el-table-column label="意向客户名称" prop="intentCustomerName" min-width="150" />
  44 + <el-table-column label="手机号" prop="phone" min-width="150" />
  45 + <el-table-column label="意向租赁类型" prop="leaseType" min-width="120" />
  46 + <el-table-column label="意向租赁周期" prop="leaseCycle" min-width="120" />
  47 + <el-table-column label="意向租金(月)" prop="rentalRent" min-width="120" />
  48 + <el-table-column label="意向区域" prop="intentionRegion" min-width="150" />
  49 + <el-table-column label="操作" min-width="180" fixed="right">
  50 + <template slot-scope="scope">
  51 + <div class="tableBtn greens" @click="handleEditForm(scope.row)">
  52 + 查看
  53 + </div>
  54 + <div class="tableBtn greens" @click="bianjilist(scope.row)">
  55 + 编辑
  56 + </div>
  57 + <div class="tableBtn greens" @click="delGuan(scope.row)" >
  58 + 删除
  59 + </div>
  60 + </template>
  61 + </el-table-column>
  62 + </el-table>
  63 + <div class="fenye">
  64 + <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage"
  65 + :page-sizes="[10, 20, 50, 100]" layout="prev, pager, next,total" :total="total"
  66 + @size-change="handleSizeChange" @current-change="handleCurrentChange" />
  67 + </div>
  68 +
  69 + </div>
  70 + </div>
  71 + <!-- 新增 -->
  72 + <div class="zhuti" v-if="ggXin">
  73 + <div style="height:58px;line-height:58px;">
  74 + <div style="color:#0006"> <span>商户寻租管理</span> <span style="padding:0 5px;">></span> <span
  75 + style="color:#000000e6">{{edit?'新增':'编辑'}}</span></div>
  76 + </div>
  77 + <div style="margin-top: 30px;">
  78 + <TitleWithCircle title="意向信息"></TitleWithCircle>
  79 + <div style="padding: 20px 20px 20px 0;">
  80 + <el-form ref="AddFromOne" :model="ruleForm" :rules="rulesOne" label-width="150px">
  81 + <el-row :gutter="20">
  82 + <el-col :span="12">
  83 + <el-form-item label="意向租赁类型" prop="leaseType">
  84 + <el-select v-model="ruleForm.leaseType" placeholder="请选择" style="width:100%">
  85 + <el-option label="商铺" value="商铺" />
  86 + <el-option label="场地" value="场地" />
  87 + <el-option label="广告位" value="广告位" />
  88 + </el-select>
  89 + </el-form-item>
  90 + </el-col>
  91 + <el-col :span="12">
  92 + <el-form-item label="意向租赁周期" prop="leaseCycle">
  93 + <el-input v-model="ruleForm.leaseCycle" placeholder="请输入" />
  94 + </el-form-item>
  95 + </el-col>
  96 + </el-row>
  97 + <el-row :gutter="20">
  98 + <el-col :span="12">
  99 + <el-form-item label="意向租金(月)" prop="rentalRent" :rules="getCoordinateRules('rentalRent')">
  100 + <el-input v-model.number="ruleForm.rentalRent" placeholder="请输入" >
  101 +
  102 + </el-input>
  103 + </el-form-item>
  104 + </el-col>
  105 + <el-col :span="12">
  106 + <el-form-item label="意向经营类型" prop="operationType">
  107 + <el-input v-model="ruleForm.operationType" placeholder="请输入" />
  108 + </el-form-item>
  109 + </el-col>
  110 + </el-row>
  111 + <el-row :gutter="20">
  112 + <el-col :span="12">
  113 + <el-form-item label="意向区域" prop="intentionRegion">
  114 + <el-input v-model="ruleForm.intentionRegion" placeholder="请输入" />
  115 +
  116 + </el-form-item>
  117 + </el-col>
  118 + </el-row>
  119 + <TitleWithCircle title="商家信息"></TitleWithCircle>
  120 + <el-row :gutter="20">
  121 + <el-col :span="12">
  122 + <el-form-item label="姓名" prop="intentCustomerName">
  123 + <el-input v-model="ruleForm.intentCustomerName" placeholder="请输入" />
  124 + </el-form-item>
  125 + </el-col>
  126 +<el-col :span="12">
  127 + <el-form-item label="手机号" prop="phone">
  128 + <el-input v-model.number="ruleForm.phone" placeholder="请输入" />
  129 + </el-form-item>
  130 + </el-col>
  131 + </el-row>
  132 +
  133 + <el-row :gutter="20">
  134 + <el-col :span="12">
  135 + <el-form-item label="身份证号码" prop="idCardNumber">
  136 + <el-input v-model="ruleForm.idCardNumber" placeholder="请输入" />
  137 + </el-form-item>
  138 + </el-col>
  139 + <el-col :span="12">
  140 + <el-form-item label="身份证有效期" prop="idCardValidStart">
  141 + <el-date-picker v-model="ruleForm.idTime" type="daterange" range-separator="至"
  142 + start-placeholder="开始时间" end-placeholder="结束时间" value-format="yyyy-MM-dd" style="width:100%" @change="idCardchange"/>
  143 + </el-form-item>
  144 + </el-col>
  145 + </el-row>
  146 + <el-row :gutter="20">
  147 + <el-col :span="12">
  148 + <el-form-item label="身份证照片(正面)" prop="idCardPhotoFront">
  149 + <upimg filePath="yixiang" inputtype="idCardPhotoFront" :value="ruleForm.idCardPhotoFront"
  150 + @changimg="e=>changimg(e,'idCardPhotoFront')" :limit="1" ></upimg>
  151 +
  152 + </el-form-item>
  153 + </el-col>
  154 + </el-row>
  155 + <el-row :gutter="20">
  156 + <el-col :span="12">
  157 + <el-form-item label="身份证照片(反面)" prop="idCardPhotoBack">
  158 + <upimg filePath="yixiang" inputtype="idCardPhotoBack" :value="ruleForm.idCardPhotoBack"
  159 + @changimg="e=>changimg(e,'idCardPhotoBack')" :limit="1" ></upimg>
  160 + </el-form-item>
  161 + </el-col>
  162 + </el-row>
  163 + <el-row :gutter="20">
  164 + <el-col :span="12">
  165 + <el-form-item>
  166 + <div style="margin-top: 20px">
  167 + <el-button style="background-color: #3F9B6A;color: #fff"
  168 + @click="addCheck">确 定</el-button>
  169 + <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
  170 + @click="closeFn">取 消</el-button>
  171 +
  172 + </div>
  173 +
  174 + </el-form-item>
  175 + </el-col>
  176 + </el-row>
  177 +
  178 + </el-form>
  179 + </div>
  180 + </div>
  181 + </div>
  182 + <!-- 查看 -->
  183 +
  184 + <div class="zhuti" v-if='detbox'>
  185 + <div style="height:58px;line-height:58px;">
  186 + <div style="color:#0006"> <span>商户寻租管理</span> <span style="padding:0 5px;">></span> <span
  187 + style="color:#000000e6">查看</span></div>
  188 + </div>
  189 +
  190 + <div style="margin-top: 30px;" class="editcss">
  191 + <TitleWithCircle title="意向信息"></TitleWithCircle>
  192 + <div style="padding: 20px;">
  193 + <el-form :model="secondData" ref="ruleForm" label-width="150px" class="demo-ruleForm">
  194 + <el-row :gutter="20">
  195 + <el-col :span="12">
  196 +
  197 +
  198 +
  199 + <el-form-item label="意向租赁类型" prop="leaseType">
  200 + <div class="duiqi">{{secondData.leaseType}}</div>
  201 +
  202 + </el-form-item>
  203 + </el-col>
  204 + <el-col :span="12">
  205 + <el-form-item label="意向租赁周期" prop="leaseCycle">
  206 + <div class="duiqi">{{secondData.leaseCycle}}</div>
  207 +
  208 + </el-form-item>
  209 + </el-col>
  210 + </el-row>
  211 + <el-row :gutter="20">
  212 + <el-col :span="12">
  213 + <el-form-item label="意向租金(月)" prop="rentalRent">
  214 + <div class="duiqi">{{secondData.rentalRent}}</div>
  215 +
  216 + </el-form-item>
  217 + </el-col>
  218 + <el-col :span="12">
  219 + <el-form-item label="意向经营类型" prop="operationType">
  220 + <div class="duiqi">{{secondData.operationType}}</div>
  221 +
  222 + </el-form-item>
  223 + </el-col>
  224 + </el-row>
  225 + <el-row :gutter="20">
  226 + <el-col :span="12">
  227 + <el-form-item label="意向区域" prop="intentionRegion">
  228 + <div class="duiqi">{{secondData.intentionRegion}}</div>
  229 + </el-form-item>
  230 + </el-col>
  231 +
  232 + </el-row>
  233 + <TitleWithCircle title="商家信息"></TitleWithCircle>
  234 + <el-row :gutter="20">
  235 + <el-col :span="12">
  236 + <el-form-item label="姓名" prop="intentCustomerName">
  237 + <div class="duiqi">{{secondData.intentCustomerName}}</div>
  238 + </el-form-item>
  239 + </el-col>
  240 + <el-col :span="12">
  241 + <el-form-item label="手机号" prop="phone">
  242 + <div class="duiqi">{{secondData.phone}}</div>
  243 + </el-form-item>
  244 + </el-col>
  245 + </el-row>
  246 + <el-row :gutter="20">
  247 + <el-col :span="12">
  248 + <el-form-item label="身份证号码" prop="idCardNumber">
  249 + <div class="duiqi">{{secondData.idCardNumber}}</div>
  250 + </el-form-item>
  251 + </el-col>
  252 + <el-col :span="12">
  253 + <el-form-item label="身份证有效期">
  254 + <div class="duiqi">{{secondData.idCardValidStart}}-{{secondData.idCardValidEnd}}</div>
  255 + </el-form-item>
  256 + </el-col>
  257 + </el-row>
  258 + <el-row :gutter="20">
  259 + <el-col :span="12">
  260 + <el-form-item label="身份证照片(正面)" prop="idCardPhotoFront">
  261 + <!-- {{idCardPhotoFront}} -->
  262 + <!-- <el-image :src="$baseURL +secondData.idCardPhotoFront" style="width:140px;height:140px;"></el-image> -->
  263 + <div style="display: flex;">
  264 + <allimg :src="secondData.idCardPhotoFront" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
  265 + </div>
  266 + </el-form-item>
  267 + </el-col>
  268 + </el-row>
  269 + <el-row :gutter="20">
  270 + <el-col :span="12">
  271 + <el-form-item label="身份证照片(反面)" prop="idCardPhotoBack">
  272 + <div style="display: flex;">
  273 + <allimg :src="secondData.idCardPhotoBack" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
  274 + </div>
  275 + <!-- idCardPhotoBack -->
  276 + <!-- <el-image :src="$baseURL +secondData.idCardPhotoBack" style="width:140px;height:140px;"></el-image> -->
  277 + </el-form-item>
  278 + </el-col>
  279 + </el-row>
  280 + </el-form>
  281 + </div>
  282 + </div>
  283 + <el-row :gutter="20">
  284 + <el-col :span="12">
  285 + <div style="padding-left:160px;">
  286 + <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
  287 + @click="detbox = false">取消</el-button>
  288 + </div>
  289 +
  290 + </el-col>
  291 + </el-row>
  292 + </div>
  293 + </div>
  294 +</template>
  295 +
  296 +<script>
  297 + import {
  298 + uploadUrl,
  299 + token
  300 + } from '@/utils/request'
  301 + import {
  302 + icManAll,
  303 + icManAdd,
  304 + icManEdit,
  305 + icManDel,
  306 +
  307 + } from '../../../api/icManagement';
  308 + import upimg from "@/components/ImageUpload/index";
  309 + import TitleWithCircle from '@/components/top/index';
  310 + import allimg from '@/components/chakan/allimg.vue';
  311 + export default {
  312 + components: {
  313 + upimg,
  314 + TitleWithCircle,
  315 + allimg
  316 + },
  317 + data() {
  318 + return {
  319 + detbox: false, // 详情
  320 + edit: true, // 编辑
  321 + action: uploadUrl, // 上传图片
  322 + myHeaders: {
  323 + 'Authorization-admin': token
  324 + },
  325 + ggXin: false, // 新增
  326 + formSel: {
  327 + intentCustomerName: '',
  328 + pageNumber: 0,
  329 + pageSize: 10,
  330 + },
  331 + ruleForm: {
  332 + intentCustomerName:'', //意向客户名称
  333 + leaseType:'',//租赁类型
  334 + leaseCycle:'',//租赁周期
  335 + rentalRent:null,//意向租金
  336 + operationType:'',//经营类型
  337 + intentionRegion:'',//意向区域
  338 + idCardNumber:'',//身份证号
  339 + idCardType:'',//证件类型
  340 + phone:null,//手机号
  341 + idTime:[],
  342 + idCardValidStart:'',//身份证有效开始时间
  343 + idCardValidEnd:'',//身份证有效结束时间
  344 + idCardPhotoFront:'',//身份证照片(正面)
  345 + idCardPhotoBack:'',//身份证照片(反面)
  346 + },
  347 +
  348 + businessStartDate: [],
  349 + secondData: {},
  350 + currentPage: 1,
  351 + total: 0,
  352 + flag: false,
  353 + pageSize: 10,
  354 + tableData: [],
  355 + pageindex: {
  356 + pageNumber: 0,
  357 + pageSize: 10,
  358 + },
  359 + rulesOne: {
  360 +
  361 + intentCustomerName: [{
  362 + required: true,
  363 + message: '请输入姓名',
  364 + trigger: 'blur'
  365 + }, ],
  366 + leaseType: [{
  367 + required: true,
  368 + message: '请选择租赁类型',
  369 + trigger: 'change'
  370 + }],
  371 + leaseCycle: [{
  372 + required: true,
  373 + message: '请输入租赁周期',
  374 + trigger: 'blur'
  375 + }, ],
  376 + // rentalRent: [{
  377 + // required: true,
  378 + // message: '请输入意向租金(月)',
  379 + // trigger: 'blur'
  380 + // },{
  381 + // pattern: /^(\d+|\d*\.\d{1,10})$/,
  382 + // message: `${coord}为整数或最多三位小数,trigger:'blur'`
  383 + // }],
  384 + operationType: [{
  385 + required: true,
  386 + message: '请输入经营类型',
  387 + trigger: 'blur'
  388 + }, ],
  389 + intentionRegion: [{
  390 + required: true,
  391 + message: '请输入意向区域',
  392 + trigger: 'blur'
  393 + }, ],
  394 + idCardNumber: [{
  395 + required: true,
  396 + message: '请输入身份证号',
  397 + trigger: 'blur'
  398 + }, ],
  399 + phone: [{
  400 + required: true,
  401 + message: '请输入手机号',
  402 + trigger: 'blur'
  403 + },{
  404 + pattern: /^[0-9]+$/,
  405 + message: '手机号只能包含数字',
  406 + trigger: 'blur' ,
  407 + }],
  408 + idCardValidStart: [{
  409 + required: true,
  410 + message: '请选择身份证有效时间',
  411 + trigger: 'change'
  412 + }, ],
  413 + idCardPhotoFront: [{
  414 + required: true,
  415 + message: '请输入身份证照片(正面)',
  416 + trigger: 'change'
  417 + }, ],
  418 + idCardPhotoBack: [{
  419 + required: true,
  420 + message: '请选择身份证照片(反面)',
  421 + trigger: 'change'
  422 + }, ],
  423 + },
  424 +
  425 +
  426 + }
  427 + },
  428 +
  429 + created() {
  430 + this.getAll();
  431 + },
  432 + mounted() {},
  433 +
  434 + methods: {
  435 +getCoordinateRules(coord) {
  436 + return [
  437 + { required: true, message: `意向租金不能为空且必须是数字`, trigger: 'blur'},
  438 + { pattern: /^(\d+|\d*\.\d{1,10})$/, message: `意向租金为整数或最多三位小数`, trigger: 'blur' },
  439 +
  440 + ]
  441 +},
  442 + changimg(e,type) {
  443 + this.ruleForm[type] = e
  444 + },
  445 +
  446 +idCardchange(e){
  447 +
  448 +this.ruleForm.idCardValidStart = e[0]
  449 +this.ruleForm.idCardValidEnd = e[1]
  450 +
  451 +},
  452 + // 获取当前时间
  453 + updateCurrentTime() {
  454 + const now = new Date();
  455 + const year = now.getFullYear();
  456 + const month = (now.getMonth() + 1).toString().padStart(2, '0');
  457 + const day = now.getDate().toString().padStart(2, '0');
  458 + const hours = now.getHours().toString().padStart(2, '0');
  459 + const minutes = now.getMinutes().toString().padStart(2, '0');
  460 + const seconds = now.getSeconds().toString().padStart(2, '0');
  461 +
  462 + return `${year}-${month}-${day} ${hours}:${minutes}`;
  463 + },
  464 +
  465 + // 查询全数据
  466 + async getAll() {
  467 + const res = await icManAll(this.pageindex);
  468 + this.tableData = res.data.content
  469 + this.total = res.data.content.length
  470 + },
  471 + // 编辑确认
  472 + async msgeditS() {
  473 + await icManEdit(this.ruleForm);
  474 + this.ggXin = false
  475 + this.getAll()
  476 + },
  477 + bianjilist(item) {
  478 + this.ruleForm = item
  479 + this.ruleForm.idTime = []
  480 + this.ruleForm.idTime[0] = item.idCardValidStart
  481 + this.ruleForm.idTime[1] = item.idCardValidEnd
  482 + if(this.edit){
  483 + this.edit =false
  484 + }
  485 + this.ggXin = true
  486 + },
  487 + // 查询
  488 + async onSubmit() {
  489 +
  490 + const res = await icManAll(this.formSel)
  491 + this.currentPage =1
  492 + this.tableData = res.data.content
  493 + this.total = res.data.content.length
  494 + },
  495 +
  496 + // 详情点击
  497 + handleEditForm(item) {
  498 + this.secondData = item
  499 + this.detbox = true
  500 + },
  501 + // 新增
  502 + addbuss() {
  503 + this.ruleForm = {
  504 + intentCustomerName:'', //意向客户名称
  505 + leaseType:'',//租赁类型
  506 + leaseCycle:'',//租赁周期
  507 + rentalRent:'',//意向租金
  508 + operationType:'',//经营类型
  509 + intentionRegion:'',//意向区域
  510 + idCardNumber:'',//身份证号
  511 + idCardType:'',//证件类型
  512 + idTime:[],
  513 + phone:null,//手机号
  514 + idCardValidStart:'',//身份证有效开始时间
  515 + idCardValidEnd:'',//身份证有效结束时间
  516 + idCardPhotoFront:'',//身份证照片(正面)
  517 + idCardPhotoBack:'',//身份证照片(反面)
  518 + }
  519 + this.edit = true
  520 + this.ggXin = true
  521 +
  522 + },
  523 + // 新增确定
  524 + addCheck() {
  525 + this.$refs.AddFromOne.validate((valid) => {
  526 + if (valid) {
  527 + if(this.edit){
  528 + icManAdd(this.ruleForm).then(res => {
  529 + this.$message({
  530 + message: '保存成功',
  531 + type: 'success'
  532 + })
  533 + this.getAll();
  534 + this.ggXin = false
  535 + this.$refs.AddFrom.resetFields()
  536 + })
  537 + }else{
  538 + icManEdit(this.ruleForm).then(res => {
  539 + this.$message({
  540 + message: '修改成功',
  541 + type: 'success'
  542 + })
  543 + this.getAll();
  544 + this.ggXin = false
  545 + this.$refs.AddFrom.resetFields()
  546 + })
  547 + }
  548 +
  549 + } else {
  550 + this.$message({
  551 + message: '请填写完整信息',
  552 + type: 'error'
  553 + })
  554 +
  555 + }
  556 + })
  557 + },
  558 + handleCurrentChange(val) {
  559 + this.currentPage = val;
  560 + },
  561 + handleSizeChange(val) {
  562 + this.pageSize = val;
  563 + },
  564 + // 取消
  565 + closeFn(val) {
  566 + this.ggXin = false;
  567 + this.getAll()
  568 + },
  569 + //删除管理列表
  570 + delGuan(item) {
  571 + const h = this.$createElement;
  572 + this.$msgbox({
  573 + title: '消息',
  574 + message: h('p', null, [
  575 + h('span', null, '是否删除 '),
  576 + ]),
  577 + showCancelButton: true,
  578 + showClose: false,
  579 + confirmButtonText: '确定',
  580 + cancelButtonText: '取消',
  581 + customClass: 'oe-dialog-btn',
  582 + beforeClose: (action, instance, done) => {
  583 + if (action === 'confirm') {
  584 + icManDel({
  585 + id: item.id
  586 + }).then(res => {
  587 + this.$message({
  588 + message: '删除成功',
  589 + type: 'success'
  590 + })
  591 + this.getAll()
  592 + done();
  593 + })
  594 + } else {
  595 + done();
  596 + }
  597 + }
  598 + })
  599 +
  600 + },
  601 + // 重置按钮
  602 + resetting() {
  603 + this.formSel = {
  604 + intentCustomerName: '',
  605 + pageNumber: 0,
  606 + pageSize: 10,
  607 + }
  608 + this.currentPage = 1
  609 + this.getAll()
  610 + },
  611 + }
  612 + }
  613 +</script>
  614 +<style src="@wangeditor/editor/dist/css/style.css"></style>
  615 +<style scoped>
  616 + /deep/ .first-column-bg {
  617 + background-color: #f4f4f5 !important;
  618 + }
  619 +
  620 + .zhuti {
  621 + padding: 0 20px 20px 20px;
  622 + min-height: calc(100vh - 50px - 20px);
  623 + background-color: #Fff;
  624 +
  625 + }
  626 +
  627 +
  628 +
  629 +
  630 +
  631 + .formSearch {
  632 + display: flex;
  633 + width: 100%;
  634 + font-size: 14px;
  635 + justify-content: space-between;
  636 + }
  637 +
  638 + .greens {
  639 + color: #3f9b6a;
  640 + }
  641 +
  642 + /deep/ .el-table__row {
  643 + font-size: 14px;
  644 + color: #000000e6;
  645 + height: 42px;
  646 + }
  647 +
  648 + .fenye {
  649 + margin-top: 20px;
  650 + display: flex;
  651 + justify-content: flex-end;
  652 + position: relative;
  653 + }
  654 +
  655 + /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
  656 + background-color: #3f9b6a;
  657 + }
  658 +
  659 + :last-child {
  660 + margin-bottom: 0;
  661 + }
  662 +
  663 + .el-col {
  664 + border-radius: 4px;
  665 + }
  666 +
  667 + .bg-purple-dark {
  668 + background: #99a9bf;
  669 + }
  670 +
  671 + .bg-purple {
  672 + /* background: #d3dce6; */
  673 + }
  674 +
  675 + .bg-purple-light {
  676 + background: #e5e9f2;
  677 + }
  678 +
  679 + .grid-content {
  680 + border-radius: 4px;
  681 + min-height: 36px;
  682 + }
  683 +
  684 + .row-bg {
  685 + padding: 10px 0;
  686 + background-color: #f9fafc;
  687 + }
  688 +
  689 + /deep/ .bg-purple[data-v-0e3fe4ec] {
  690 + background: #fff;
  691 + height: 50px;
  692 + }
  693 +
  694 + /deep/ .el-form--label-top .el-form-item__label {
  695 + padding: 0;
  696 + }
  697 +
  698 + .demo-input-suffix {
  699 + display: flex;
  700 + margin-right: 20px;
  701 + }
  702 +
  703 + .pagination {
  704 + text-align: right;
  705 + line-height: 20px;
  706 + }
  707 +
  708 + .dialog_css {
  709 + padding: 0px;
  710 + }
  711 +
  712 + .dialog_xin {
  713 + padding: 0px;
  714 + }
  715 +
  716 + /deep/.el-dialog__body {
  717 + padding: 0px;
  718 + }
  719 +
  720 + /deep/ .el-dialog__header {
  721 + background-color: #fff;
  722 + padding: 0;
  723 + }
  724 +
  725 +
  726 + .el-row {
  727 + margin-bottom: 16px;
  728 + }
  729 +
  730 + /deep/ .avatar-uploader .el-upload {
  731 + border: 1px dashed #d9d9d9;
  732 + border-radius: 6px;
  733 + cursor: pointer;
  734 + position: relative;
  735 + overflow: hidden;
  736 + }
  737 +
  738 + .avatar-uploader-icon {
  739 + font-size: 28px;
  740 + color: #8c939d;
  741 + width: 108px;
  742 + height: 108px;
  743 + line-height: 108px;
  744 + /*text-align: center;*/
  745 + }
  746 +
  747 + .avatar {
  748 + width: 108px;
  749 + height: 108px;
  750 + display: block;
  751 + }
  752 +
  753 + ::v-deep .el-tabs__item.is-active {
  754 + color: #3f9b6a;
  755 + opacity: 1;
  756 + }
  757 +
  758 + /deep/ .el-tabs__nav-wrap::after {
  759 + background-color: #fff;
  760 + }
  761 +
  762 + ::v-deep .el-tabs__item:hover {
  763 + color: #3f9b6a;
  764 + cursor: pointer;
  765 + opacity: 1;
  766 + }
  767 +
  768 + /deep/ .el-tabs__active-bar {
  769 + background-color: #389865;
  770 + }
  771 +
  772 + /deep/ .el-table_2_column_13 {
  773 + font-weight: 100;
  774 + }
  775 +
  776 + ::v-deep .el-input__inner:focus {
  777 + border: #3f9b6a 1px solid;
  778 + }
  779 +
  780 + ::v-deep .el-input__inner:hover {
  781 + border: #3f9b6a 1px solid;
  782 + }
  783 +
  784 + ::v-deep .el-select .el-input.is-focus .el-input__inner {
  785 + border-color: #3f9b6a;
  786 + }
  787 +
  788 +
  789 + /* ::v-deep .el-steps .el-step__head.is-wait {
  790 + background-color: red; /* 修改为你想要的颜色 */
  791 +
  792 + /* 修改未进行步骤的描述文字颜色 */
  793 + ::v-deep .el-steps .el-step__description.is-wait {
  794 + color: #999;
  795 + /* 修改为你想要的颜色 */
  796 + }
  797 +
  798 + /* 修改未进行步骤的图标颜色 */
  799 + ::v-deep .el-steps .el-step__icon.is-text.is-wait {
  800 + color: #999;
  801 + /* 修改为你想要的颜色 */
  802 + }
  803 +
  804 + /* 修改未进行步骤的边框色 */
  805 + ::v-deep .el-steps .el-step__line.is-wait {
  806 + border-color: #eee;
  807 + /* 修改为你想要的颜色 */
  808 + }
  809 +
  810 + ::v-deep .el-steps .is-process .el-step__line {
  811 + background-color: #3f9b6a;
  812 + /* 修改线的颜色 */
  813 + }
  814 +
  815 + ::v-deep .el-steps .is-process .el-step__title {
  816 + color: #fe7b6a;
  817 + /* 修改进行中步骤的标题颜色 */
  818 + }
  819 +
  820 + ::v-deep .el-steps .is-process .el-step__icon {
  821 + color: #fff;
  822 + /* 修改进行中步骤的图标颜色 */
  823 + background: #3f9b6a;
  824 + /* 修改进行中步骤图标的边框颜色 */
  825 + border: 0px;
  826 + }
  827 +
  828 + ::v-deep .el-step__icon-inner {
  829 + line-height: 0;
  830 + }
  831 +
  832 + /* 线条长度 */
  833 + ::v-deep .el-step.is-vertical .el-step__line {
  834 + top: 30px;
  835 + height: 60px;
  836 + }
  837 +
  838 + ::v-deep .moren {
  839 + .el-input__inner {
  840 + margin-top: 5px;
  841 + padding: 0 20px;
  842 + }
  843 + }
  844 +
  845 + /deep/ .el-radio-group {
  846 + margin-top: 11px;
  847 + }
  848 +
  849 + /deep/ .el-radio__input.is-checked .el-radio__inner {
  850 + border-color: #3f9b6a;
  851 + background: #3f9b6a;
  852 + }
  853 +
  854 + ::v-deep .el-col {
  855 + padding: 0 !important;
  856 + }
  857 +
  858 + /deep/ .el-radio-group {
  859 + width: 100%;
  860 + }
  861 +
  862 + .radio-right-side {
  863 + width: 100%;
  864 + display: flex;
  865 + justify-content: space-between;
  866 + }
  867 +
  868 + /deep/ .radio-right-side .el-radio__label {
  869 + display: flex;
  870 + align-items: center;
  871 + }
  872 +
  873 + /deep/ .radio-right-side .el-radio__inner {
  874 + order: 1;
  875 + }
  876 +
  877 + /deep/ .radio-right-side .el-radio__input {
  878 + display: flex;
  879 + order: 2;
  880 + }
  881 +
  882 + /deep/ .radio-right-side {
  883 + &:hover {
  884 + color: #000;
  885 + }
  886 + }
  887 +
  888 +
  889 + ::v-deep .setup {
  890 + .el-steps {
  891 + justify-content: center;
  892 + }
  893 + }
  894 +
  895 + ::v-deep .el-step__head.is-finish {
  896 + color: #c0c4cc;
  897 + border-color: #c0c4cc;
  898 + }
  899 +
  900 + ::v-deep .el-step__title.is-finish {
  901 + color: #c0c4cc;
  902 + }
  903 +
  904 + ::v-deep .el-step__title.is-process {
  905 + color: #c0c4cc;
  906 + }
  907 +
  908 + ::v-deep .el-tabs {
  909 + width: 100%;
  910 + }
  911 +
  912 + ::v-deep .setup {
  913 + .el-step__main {
  914 + margin-left: -17px;
  915 + }
  916 +
  917 + .el-step__title.is-process {
  918 + color: #3f9b6a;
  919 + }
  920 +
  921 + }
  922 +
  923 + ::v-deep .el-pagination__jump {
  924 + margin-top: 5px;
  925 + }
  926 +
  927 + ::v-deep .linClass {
  928 + .el-dialog__header {
  929 + padding: 20px 20px 10px;
  930 + font-size: 14px;
  931 + }
  932 + }
  933 +</style>
  934 +<style lang="scss" scoped>
  935 + ::v-deep .bian_css {
  936 + .el-dialog__header {
  937 + padding: 0px;
  938 + }
  939 +
  940 + }
  941 +
  942 + ::v-deep .buttonHover:hover {
  943 + color: #3f9b6a !important;
  944 + border-color: #c5e1d2 !important;
  945 + background-color: #ecf5f0 !important;
  946 + outline: none;
  947 + }
  948 +
  949 + ::v-deep .el-pagination__total {
  950 + position: absolute;
  951 + left: 10px;
  952 + }
  953 +
  954 + ::v-deep .diaslog_zhong {
  955 + .el-dialog__body {
  956 + padding: 10px 20px 20px 20px;
  957 + }
  958 +
  959 + .el-upload--picture-card {
  960 + width: 130px;
  961 + height: 130px;
  962 + }
  963 + }
  964 +</style>
... ...
admin-web-master/src/views/customer/icManagement/index.vue
  View file @813b166
1 1 <template>
2 2 <div style="background-color:#f7f7f7;padding:10px 10px;">
3   - <div class="zhuti" v-if="ggXin==false && detbox==false">
  3 + <div class="zhuti" v-if="onaction == '1'">
4 4 <div style="height:58px;line-height:58px;">
5 5 <div style="color:#0006"> <span>商户意向管理</span> <span style="padding:0 5px;">></span> <span
6 6 style="color:#000000e6">意向客户管理</span></div>
7 7 </div>
  8 + <!-- 线上 -->
8 9 <div>
9 10 <!-- 搜索 -->
10 11 <div class="formSearch">
11   - <div>
12   - <el-form :model="formSel" :inline="true">
13   - <el-form-item label="客户名称">
14   - <el-input v-model="formSel.intentCustomerName" placeholder="请输入" style="width:168px" />
15   - </el-form-item>
16   - </el-form>
17   - </div>
  12 + <el-form :inline="true" :model="pagequery">
  13 + <el-form-item label="意向客户名称" prop="intentCustomerName">
  14 + <el-input v-model="pagequery.intentCustomerName" placeholder="请输入" maxlength="50"></el-input>
  15 + </el-form-item>
  16 + <el-form-item label="手机号" prop="phone">
  17 + <el-input v-model="pagequery.phone" placeholder="请输入" maxlength="50"></el-input>
  18 + </el-form-item>
  19 + </el-form>
  20 +
18 21 <div>
19 22 <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询
20 23 </el-button>
... ... @@ -22,552 +25,164 @@
22 25 style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
23 26 </el-button>
24 27 </div>
25   -
26 28 </div>
27   - <div style="margin:20px 0;">
28   - <el-button style="background-color: #3F9B6A;color: #fff;padding:8px 15px;" icon="el-icon-circle-plus-outline"
29   - @click="addbuss">新增</el-button>
  29 + <div style="margin-bottom: 20px;">
  30 + <el-button @click="removeonaction('2')" style="background-color: #3F9B6A;color: #fff;padding:8px 15px;"
  31 + icon="el-icon-circle-plus-outline">新增</el-button>
  32 + <!-- <el-button @click="" style="background-color: #3F9B6A;color: #fff">批量导入</el-button> -->
30 33 </div>
31 34 <!-- 表格 -->
32   - <el-table :data="
33   - tableData.slice(
34   - (currentPage - 1) * pageSize,
35   - currentPage * pageSize
36   - )
37   - " :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
38   - <el-table-column label="序号" min-width="60">
  35 +
  36 + <el-table :data="tableData" :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
  37 + <el-table-column label="序号" width="50">
39 38 <template slot-scope="scope">
40   - {{scope.$index+1}}
  39 + {{scope.$index +1 }}
41 40 </template>
42 41 </el-table-column>
43   - <el-table-column label="意向客户名称" prop="intentCustomerName" min-width="150" />
44   - <el-table-column label="手机号" prop="phone" min-width="150" />
45   - <el-table-column label="意向租赁类型" prop="leaseType" min-width="120" />
46   - <el-table-column label="意向租赁周期" prop="leaseCycle" min-width="120" />
47   - <el-table-column label="意向租金(月)" prop="rentalRent" min-width="120" />
48   - <el-table-column label="意向区域" prop="intentionRegion" min-width="150" />
49   - <el-table-column label="操作" min-width="180" fixed="right">
  42 + <el-table-column label="意向客户名称" prop="intentCustomerName"/>
  43 + <el-table-column label="手机号" prop="phone"/>
  44 + <el-table-column label="意向租赁类型" prop="leaseType"/>
  45 + <el-table-column label="主体名称" prop="leaseCycle" />
  46 + <el-table-column label="主体类型" prop="operationType" />
  47 + <el-table-column label="经营范围" prop="idCardNumber" />
  48 + <el-table-column label="操作" >
50 49 <template slot-scope="scope">
51   - <div class="tableBtn greens" @click="handleEditForm(scope.row)">
52   - 查看
53   - </div>
54   - <div class="tableBtn greens" @click="bianjilist(scope.row)">
55   - 编辑
56   - </div>
57   - <div class="tableBtn greens" @click="delGuan(scope.row)" >
58   - 删除
59   - </div>
  50 + <div @click="details(scope.row)" class="tableBtn greens">查看</div>
  51 + <div class="tableBtn greens" @click="removeinfo(scope.row,'编辑')">编辑</div>
  52 + <div class="tableBtn greens" @click="closemsg(scope.row)">删除</div>
60 53 </template>
61 54 </el-table-column>
62 55 </el-table>
63   - <div class="fenye">
64   - <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage"
65   - :page-sizes="[10, 20, 50, 100]" layout="prev, pager, next,total" :total="total"
66   - @size-change="handleSizeChange" @current-change="handleCurrentChange" />
  56 + <div style="display: flex;justify-content: space-between;" class="bom">
  57 + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div>
  58 + <el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequery.pageSize"
  59 + background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange"
  60 + @current-change="handleCurrentChange">
  61 + </el-pagination>
67 62 </div>
68 63  
69 64 </div>
  65 +
70 66 </div>
71   - <!-- 新增 -->
72   - <div class="zhuti" v-if="ggXin">
73   - <div style="height:58px;line-height:58px;">
74   - <div style="color:#0006"> <span>商户寻租管理</span> <span style="padding:0 5px;">></span> <span
75   - style="color:#000000e6">{{edit?'新增':'编辑'}}</span></div>
76   - </div>
77   - <div style="margin-top: 30px;">
78   - <TitleWithCircle title="意向信息"></TitleWithCircle>
79   - <div style="padding: 20px 20px 20px 0;">
80   - <el-form ref="AddFromOne" :model="ruleForm" :rules="rulesOne" label-width="150px">
81   - <el-row :gutter="20">
82   - <el-col :span="12">
83   - <el-form-item label="意向租赁类型" prop="leaseType">
84   - <el-select v-model="ruleForm.leaseType" placeholder="请选择" style="width:100%">
85   - <el-option label="商铺" value="商铺" />
86   - <el-option label="场地" value="场地" />
87   - <el-option label="广告位" value="广告位" />
88   - </el-select>
89   - </el-form-item>
90   - </el-col>
91   - <el-col :span="12">
92   - <el-form-item label="意向租赁周期" prop="leaseCycle">
93   - <el-input v-model="ruleForm.leaseCycle" placeholder="请输入" />
94   - </el-form-item>
95   - </el-col>
96   - </el-row>
97   - <el-row :gutter="20">
98   - <el-col :span="12">
99   - <el-form-item label="意向租金(月)" prop="rentalRent" :rules="getCoordinateRules('rentalRent')">
100   - <el-input v-model.number="ruleForm.rentalRent" placeholder="请输入" >
101 67  
102   - </el-input>
103   - </el-form-item>
104   - </el-col>
105   - <el-col :span="12">
106   - <el-form-item label="意向经营类型" prop="operationType">
107   - <el-input v-model="ruleForm.operationType" placeholder="请输入" />
108   - </el-form-item>
109   - </el-col>
110   - </el-row>
111   - <el-row :gutter="20">
112   - <el-col :span="12">
113   - <el-form-item label="意向区域" prop="intentionRegion">
114   - <el-input v-model="ruleForm.intentionRegion" placeholder="请输入" />
115 68  
116   - </el-form-item>
117   - </el-col>
118   - </el-row>
119   - <TitleWithCircle title="商家信息"></TitleWithCircle>
120   - <el-row :gutter="20">
121   - <el-col :span="12">
122   - <el-form-item label="姓名" prop="intentCustomerName">
123   - <el-input v-model="ruleForm.intentCustomerName" placeholder="请输入" />
124   - </el-form-item>
125   - </el-col>
126   -<el-col :span="12">
127   - <el-form-item label="手机号" prop="phone">
128   - <el-input v-model.number="ruleForm.phone" placeholder="请输入" />
129   - </el-form-item>
130   - </el-col>
131   - </el-row>
132 69  
133   - <el-row :gutter="20">
134   - <el-col :span="12">
135   - <el-form-item label="身份证号码" prop="idCardNumber">
136   - <el-input v-model="ruleForm.idCardNumber" placeholder="请输入" />
137   - </el-form-item>
138   - </el-col>
139   - <el-col :span="12">
140   - <el-form-item label="身份证有效期" prop="idCardValidStart">
141   - <el-date-picker v-model="ruleForm.idTime" type="daterange" range-separator="至"
142   - start-placeholder="开始时间" end-placeholder="结束时间" value-format="yyyy-MM-dd" style="width:100%" @change="idCardchange"/>
143   - </el-form-item>
144   - </el-col>
145   - </el-row>
146   - <el-row :gutter="20">
147   - <el-col :span="12">
148   - <el-form-item label="身份证照片(正面)" prop="idCardPhotoFront">
149   - <upimg filePath="yixiang" inputtype="idCardPhotoFront" :value="ruleForm.idCardPhotoFront"
150   - @changimg="e=>changimg(e,'idCardPhotoFront')" :limit="1" ></upimg>
151 70  
152   - </el-form-item>
153   - </el-col>
154   - </el-row>
155   - <el-row :gutter="20">
156   - <el-col :span="12">
157   - <el-form-item label="身份证照片(反面)" prop="idCardPhotoBack">
158   - <upimg filePath="yixiang" inputtype="idCardPhotoBack" :value="ruleForm.idCardPhotoBack"
159   - @changimg="e=>changimg(e,'idCardPhotoBack')" :limit="1" ></upimg>
160   - </el-form-item>
161   - </el-col>
162   - </el-row>
163   - <el-row :gutter="20">
164   - <el-col :span="12">
165   - <el-form-item>
166   - <div style="margin-top: 20px">
167   - <el-button style="background-color: #3F9B6A;color: #fff"
168   - @click="addCheck">确 定</el-button>
169   - <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
170   - @click="closeFn">取 消</el-button>
171 71  
172   - </div>
173 72  
174   - </el-form-item>
175   - </el-col>
176   - </el-row>
  73 + <div class="zhuti" v-if="onaction == '2'">
  74 + <div style="height:58px;line-height:58px;">
  75 + <div style="color:#0006"> <span>意向客户管理</span> <span style="padding:0 5px;">></span> <span
  76 + style="color:#000000e6">新增</span></div>
  77 + </div>
177 78  
178   - </el-form>
179   - </div>
  79 + <div style="padding: 20px 20px 20px 0;">
  80 + <addyx @removeonaction="removeonaction"></addyx>
180 81 </div>
181 82 </div>
182   - <!-- 查看 -->
183   -
184   - <div class="zhuti" v-if='detbox'>
185   - <div style="height:58px;line-height:58px;">
186   - <div style="color:#0006"> <span>商户寻租管理</span> <span style="padding:0 5px;">></span> <span
187   - style="color:#000000e6">查看</span></div>
188   - </div>
189   -
190   - <div style="margin-top: 30px;" class="editcss">
191   - <TitleWithCircle title="意向信息"></TitleWithCircle>
192   - <div style="padding: 20px;">
193   - <el-form :model="secondData" ref="ruleForm" label-width="150px" class="demo-ruleForm">
194   - <el-row :gutter="20">
195   - <el-col :span="12">
196   -
197   -
198   -
199   - <el-form-item label="意向租赁类型" prop="leaseType">
200   - <div class="duiqi">{{secondData.leaseType}}</div>
201   -
202   - </el-form-item>
203   - </el-col>
204   - <el-col :span="12">
205   - <el-form-item label="意向租赁周期" prop="leaseCycle">
206   - <div class="duiqi">{{secondData.leaseCycle}}</div>
207   -
208   - </el-form-item>
209   - </el-col>
210   - </el-row>
211   - <el-row :gutter="20">
212   - <el-col :span="12">
213   - <el-form-item label="意向租金(月)" prop="rentalRent">
214   - <div class="duiqi">{{secondData.rentalRent}}</div>
215   -
216   - </el-form-item>
217   - </el-col>
218   - <el-col :span="12">
219   - <el-form-item label="意向经营类型" prop="operationType">
220   - <div class="duiqi">{{secondData.operationType}}</div>
221   -
222   - </el-form-item>
223   - </el-col>
224   - </el-row>
225   - <el-row :gutter="20">
226   - <el-col :span="12">
227   - <el-form-item label="意向区域" prop="intentionRegion">
228   - <div class="duiqi">{{secondData.intentionRegion}}</div>
229   - </el-form-item>
230   - </el-col>
  83 + <div class="zhuti" v-if="onaction == '3'">
  84 + <div style="height:58px;line-height:58px;">
  85 + <div style="color:#0006"> <span>意向客户管理</span> <span style="padding:0 5px;">></span> <span
  86 + style="color:#000000e6">查看</span></div>
  87 + </div>
  88 + <div>
  89 + <yx :info="detailsinfo" @removeonaction="removeonaction"></yx>
  90 + </div>
  91 + </div>
  92 + <div class="zhuti" v-if="onaction == '4'">
  93 + <div style="height:58px;line-height:58px;">
  94 + <div style="color:#0006"> <span>意向客户管理</span> <span style="padding:0 5px;">></span> <span
  95 + style="color:#000000e6">编辑</span></div>
  96 + </div>
  97 + <div style="padding: 20px 20px 20px 0;">
  98 + <addyx :info="detailsinfo" @removeonaction="removeonaction"></addyx>
  99 + </div>
  100 + </div>
  101 + </div>
231 102  
232   - </el-row>
233   - <TitleWithCircle title="商家信息"></TitleWithCircle>
234   - <el-row :gutter="20">
235   - <el-col :span="12">
236   - <el-form-item label="姓名" prop="intentCustomerName">
237   - <div class="duiqi">{{secondData.intentCustomerName}}</div>
238   - </el-form-item>
239   - </el-col>
240   - <el-col :span="12">
241   - <el-form-item label="手机号" prop="phone">
242   - <div class="duiqi">{{secondData.phone}}</div>
243   - </el-form-item>
244   - </el-col>
245   - </el-row>
246   - <el-row :gutter="20">
247   - <el-col :span="12">
248   - <el-form-item label="身份证号码" prop="idCardNumber">
249   - <div class="duiqi">{{secondData.idCardNumber}}</div>
250   - </el-form-item>
251   - </el-col>
252   - <el-col :span="12">
253   - <el-form-item label="身份证有效期">
254   - <div class="duiqi">{{secondData.idCardValidStart}}-{{secondData.idCardValidEnd}}</div>
255   - </el-form-item>
256   - </el-col>
257   - </el-row>
258   - <el-row :gutter="20">
259   - <el-col :span="12">
260   - <el-form-item label="身份证照片(正面)" prop="idCardPhotoFront">
261   - <!-- {{idCardPhotoFront}} -->
262   - <!-- <el-image :src="$baseURL +secondData.idCardPhotoFront" style="width:140px;height:140px;"></el-image> -->
263   - <div style="display: flex;">
264   - <allimg :src="secondData.idCardPhotoFront" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
265   - </div>
266   - </el-form-item>
267   - </el-col>
268   - </el-row>
269   - <el-row :gutter="20">
270   - <el-col :span="12">
271   - <el-form-item label="身份证照片(反面)" prop="idCardPhotoBack">
272   - <div style="display: flex;">
273   - <allimg :src="secondData.idCardPhotoBack" fit="contain" style="width: 112px;height: 112px;border: 1px dotted #dcdfe6;border-radius: 2px;overflow: hidden;margin: 0 10px 10px 0;"/>
274   - </div>
275   - <!-- idCardPhotoBack -->
276   - <!-- <el-image :src="$baseURL +secondData.idCardPhotoBack" style="width:140px;height:140px;"></el-image> -->
277   - </el-form-item>
278   - </el-col>
279   - </el-row>
280   - </el-form>
281   - </div>
282   - </div>
283   - <el-row :gutter="20">
284   - <el-col :span="12">
285   - <div style="padding-left:160px;">
286   - <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
287   - @click="detbox = false">取消</el-button>
288   - </div>
289 103  
290   - </el-col>
291   - </el-row>
292   - </div>
293   - </div>
294 104 </template>
295 105  
296 106 <script>
297 107 import {
298   - uploadUrl,
299   - token
300   - } from '@/utils/request'
301   - import {
302 108 icManAll,
303 109 icManAdd,
304 110 icManEdit,
305 111 icManDel,
306   -
307   - } from '../../../api/icManagement';
308   - import upimg from "@/components/ImageUpload/index";
309   - import TitleWithCircle from '@/components/top/index';
310   - import allimg from '@/components/chakan/allimg.vue';
  112 + } from '@/api/icManagement';
  113 + import addyx from '@/components/add/addyx'
  114 + import yx from '@/components/chakan/yx'
311 115 export default {
312   - components: {
313   - upimg,
314   - TitleWithCircle,
315   - allimg
316   - },
317 116 data() {
318 117 return {
319   - detbox: false, // 详情
320   - edit: true, // 编辑
321   - action: uploadUrl, // 上传图片
322   - myHeaders: {
323   - 'Authorization-admin': token
324   - },
325   - ggXin: false, // 新增
326   - formSel: {
327   - intentCustomerName: '',
  118 + detailsinfo: {},
  119 + pagequery: {
328 120 pageNumber: 0,
329 121 pageSize: 10,
  122 + intentCustomerName:'',
  123 + phone:''
330 124 },
331   - ruleForm: {
332   - intentCustomerName:'', //意向客户名称
333   - leaseType:'',//租赁类型
334   - leaseCycle:'',//租赁周期
335   - rentalRent:null,//意向租金
336   - operationType:'',//经营类型
337   - intentionRegion:'',//意向区域
338   - idCardNumber:'',//身份证号
339   - idCardType:'',//证件类型
340   - phone:null,//手机号
341   - idTime:[],
342   - idCardValidStart:'',//身份证有效开始时间
343   - idCardValidEnd:'',//身份证有效结束时间
344   - idCardPhotoFront:'',//身份证照片(正面)
345   - idCardPhotoBack:'',//身份证照片(反面)
346   - },
347   -
348   - businessStartDate: [],
349   - secondData: {},
350   - currentPage: 1,
351   - total: 0,
352   - flag: false,
353   - pageSize: 10,
354 125 tableData: [],
355   - pageindex: {
356   - pageNumber: 0,
357   - pageSize: 10,
358   - },
359   - rulesOne: {
360   -
361   - intentCustomerName: [{
362   - required: true,
363   - message: '请输入姓名',
364   - trigger: 'blur'
365   - }, ],
366   - leaseType: [{
367   - required: true,
368   - message: '请选择租赁类型',
369   - trigger: 'change'
370   - }],
371   - leaseCycle: [{
372   - required: true,
373   - message: '请输入租赁周期',
374   - trigger: 'blur'
375   - }, ],
376   - // rentalRent: [{
377   - // required: true,
378   - // message: '请输入意向租金(月)',
379   - // trigger: 'blur'
380   - // },{
381   - // pattern: /^(\d+|\d*\.\d{1,10})$/,
382   - // message: `${coord}为整数或最多三位小数,trigger:'blur'`
383   - // }],
384   - operationType: [{
385   - required: true,
386   - message: '请输入经营类型',
387   - trigger: 'blur'
388   - }, ],
389   - intentionRegion: [{
390   - required: true,
391   - message: '请输入意向区域',
392   - trigger: 'blur'
393   - }, ],
394   - idCardNumber: [{
395   - required: true,
396   - message: '请输入身份证号',
397   - trigger: 'blur'
398   - }, ],
399   - phone: [{
400   - required: true,
401   - message: '请输入手机号',
402   - trigger: 'blur'
403   - },{
404   - pattern: /^[0-9]+$/,
405   - message: '手机号只能包含数字',
406   - trigger: 'blur' ,
407   - }],
408   - idCardValidStart: [{
409   - required: true,
410   - message: '请选择身份证有效时间',
411   - trigger: 'change'
412   - }, ],
413   - idCardPhotoFront: [{
414   - required: true,
415   - message: '请输入身份证照片(正面)',
416   - trigger: 'change'
417   - }, ],
418   - idCardPhotoBack: [{
419   - required: true,
420   - message: '请选择身份证照片(反面)',
421   - trigger: 'change'
422   - }, ],
  126 + total: 0,
  127 + onaction: '1',
  128 + formInline: {
423 129 },
424   -
425   -
426 130 }
427 131 },
428   -
429   - created() {
430   - this.getAll();
  132 + components: {
  133 + addyx,
  134 + yx
  135 + },
  136 + async created() {
  137 + this.getAll()
431 138 },
432   - mounted() {},
433   -
434 139 methods: {
435   -getCoordinateRules(coord) {
436   - return [
437   - { required: true, message: `意向租金不能为空且必须是数字`, trigger: 'blur'},
438   - { pattern: /^(\d+|\d*\.\d{1,10})$/, message: `意向租金为整数或最多三位小数`, trigger: 'blur' },
439   -
440   - ]
441   -},
442   - changimg(e,type) {
443   - this.ruleForm[type] = e
  140 + details(row) {
  141 + this.detailsinfo = row
  142 + this.onaction = '3'
444 143 },
445   -
446   -idCardchange(e){
447   -
448   -this.ruleForm.idCardValidStart = e[0]
449   -this.ruleForm.idCardValidEnd = e[1]
450   -
451   -},
452   - // 获取当前时间
453   - updateCurrentTime() {
454   - const now = new Date();
455   - const year = now.getFullYear();
456   - const month = (now.getMonth() + 1).toString().padStart(2, '0');
457   - const day = now.getDate().toString().padStart(2, '0');
458   - const hours = now.getHours().toString().padStart(2, '0');
459   - const minutes = now.getMinutes().toString().padStart(2, '0');
460   - const seconds = now.getSeconds().toString().padStart(2, '0');
461   -
462   - return `${year}-${month}-${day} ${hours}:${minutes}`;
  144 + removeinfo(row, e) {
  145 + this.contractChangeReason = e
  146 + this.detailsinfo = row
  147 + this.onaction = '4'
463 148 },
464   -
465   - // 查询全数据
466 149 async getAll() {
467   - const res = await icManAll(this.pageindex);
  150 + const res = await icManAll(this.pagequery)
468 151 this.tableData = res.data.content
469   - this.total = res.data.content.length
  152 + this.total = res.data.totalElements
470 153 },
471   - // 编辑确认
472   - async msgeditS() {
473   - await icManEdit(this.ruleForm);
474   - this.ggXin = false
  154 + removeonaction(e) {
  155 + console.error(e)
  156 + this.onaction = e
  157 + this.pagequery.pageNumber = 0
475 158 this.getAll()
476 159 },
477   - bianjilist(item) {
478   - this.ruleForm = item
479   - this.ruleForm.idTime = []
480   - this.ruleForm.idTime[0] = item.idCardValidStart
481   - this.ruleForm.idTime[1] = item.idCardValidEnd
482   - if(this.edit){
483   - this.edit =false
484   - }
485   - this.ggXin = true
486   - },
487   - // 查询
488   - async onSubmit() {
489   -
490   - const res = await icManAll(this.formSel)
491   - this.currentPage =1
492   - this.tableData = res.data.content
493   - this.total = res.data.content.length
494   - },
495   -
496   - // 详情点击
497   - handleEditForm(item) {
498   - this.secondData = item
499   - this.detbox = true
500   - },
501   - // 新增
502   - addbuss() {
503   - this.ruleForm = {
504   - intentCustomerName:'', //意向客户名称
505   - leaseType:'',//租赁类型
506   - leaseCycle:'',//租赁周期
507   - rentalRent:'',//意向租金
508   - operationType:'',//经营类型
509   - intentionRegion:'',//意向区域
510   - idCardNumber:'',//身份证号
511   - idCardType:'',//证件类型
512   - idTime:[],
513   - phone:null,//手机号
514   - idCardValidStart:'',//身份证有效开始时间
515   - idCardValidEnd:'',//身份证有效结束时间
516   - idCardPhotoFront:'',//身份证照片(正面)
517   - idCardPhotoBack:'',//身份证照片(反面)
518   - }
519   - this.edit = true
520   - this.ggXin = true
521   -
522   - },
523   - // 新增确定
524   - addCheck() {
525   - this.$refs.AddFromOne.validate((valid) => {
526   - if (valid) {
527   - if(this.edit){
528   - icManAdd(this.ruleForm).then(res => {
529   - this.$message({
530   - message: '保存成功',
531   - type: 'success'
532   - })
533   - this.getAll();
534   - this.ggXin = false
535   - this.$refs.AddFrom.resetFields()
536   - })
537   - }else{
538   - icManEdit(this.ruleForm).then(res => {
539   - this.$message({
540   - message: '修改成功',
541   - type: 'success'
542   - })
543   - this.getAll();
544   - this.ggXin = false
545   - this.$refs.AddFrom.resetFields()
546   - })
547   - }
548   -
549   - } else {
550   - this.$message({
551   - message: '请填写完整信息',
552   - type: 'error'
553   - })
554   -
555   - }
556   - })
557   - },
558 160 handleCurrentChange(val) {
559   - this.currentPage = val;
  161 + this.pagequery.pageNumber = val - 1
  162 + this.getAll()
560 163 },
561 164 handleSizeChange(val) {
562   - this.pageSize = val;
  165 + this.pagequery.pageSize = val
  166 + this.pagequery.pageNumber = 0
  167 + this.getAll()
563 168 },
564   - // 取消
565   - closeFn(val) {
566   - this.ggXin = false;
567   - this.getAll()
  169 + // 查询按钮
  170 + async onSubmit() {
  171 + this.pagequery.pageNumber = 0
  172 + this.getAll()
568 173 },
569   - //删除管理列表
570   - delGuan(item) {
  174 + //重置按钮
  175 + resetting() {
  176 + this.pagequery = {
  177 + pageNumber: 0,
  178 + pageSize: 10,
  179 + intentCustomerName:'',
  180 + phone:''
  181 + },
  182 + this.getAll()
  183 + },
  184 + //删除
  185 + closemsg(item) {
571 186 const h = this.$createElement;
572 187 this.$msgbox({
573 188 title: '消息',
... ... @@ -596,36 +211,24 @@ this.ruleForm.idCardValidEnd = e[1]
596 211 }
597 212 }
598 213 })
599   -
600   - },
601   - // 重置按钮
602   - resetting() {
603   - this.formSel = {
604   - intentCustomerName: '',
605   - pageNumber: 0,
606   - pageSize: 10,
607   - }
608   - this.currentPage = 1
609   - this.getAll()
610 214 },
611 215 }
  216 +
612 217 }
613 218 </script>
614   -<style src="@wangeditor/editor/dist/css/style.css"></style>
615   -<style scoped>
616   - /deep/ .first-column-bg {
617   - background-color: #f4f4f5 !important;
618   - }
619 219  
  220 +<style scoped>
620 221 .zhuti {
621 222 padding: 0 20px 20px 20px;
622 223 min-height: calc(100vh - 50px - 20px);
623 224 background-color: #Fff;
624 225  
625 226 }
626   -
627   -
628   -
  227 + .chengeXia {
  228 + border-bottom: 6px solid #3F9B6A;
  229 + padding-bottom: 4px;
  230 + color: #3F9B6A;
  231 + }
629 232  
630 233  
631 234 .formSearch {
... ... @@ -634,331 +237,32 @@ this.ruleForm.idCardValidEnd = e[1]
634 237 font-size: 14px;
635 238 justify-content: space-between;
636 239 }
637   -
638 240 .greens {
639   - color: #3f9b6a;
  241 + color: #3F9B6A;
640 242 }
641   -
642   - /deep/ .el-table__row {
643   - font-size: 14px;
644   - color: #000000e6;
645   - height: 42px;
646   - }
647   -
648   - .fenye {
649   - margin-top: 20px;
650   - display: flex;
651   - justify-content: flex-end;
652   - position: relative;
653   - }
654   -
655   - /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
656   - background-color: #3f9b6a;
657   - }
658   -
659   - :last-child {
660   - margin-bottom: 0;
661   - }
662   -
663   - .el-col {
664   - border-radius: 4px;
665   - }
666   -
667 243 .bg-purple-dark {
668 244 background: #99a9bf;
669 245 }
670 246  
671 247 .bg-purple {
672   - /* background: #d3dce6; */
  248 + background: #d3dce6;
673 249 }
674 250  
675 251 .bg-purple-light {
676 252 background: #e5e9f2;
677 253 }
678   -
679 254 .grid-content {
680 255 border-radius: 4px;
681 256 min-height: 36px;
682 257 }
683 258  
684   - .row-bg {
685   - padding: 10px 0;
686   - background-color: #f9fafc;
687   - }
688   -
689   - /deep/ .bg-purple[data-v-0e3fe4ec] {
690   - background: #fff;
691   - height: 50px;
692   - }
693   -
694   - /deep/ .el-form--label-top .el-form-item__label {
695   - padding: 0;
696   - }
697   -
698   - .demo-input-suffix {
699   - display: flex;
700   - margin-right: 20px;
701   - }
702   -
703   - .pagination {
704   - text-align: right;
705   - line-height: 20px;
706   - }
707   -
708   - .dialog_css {
709   - padding: 0px;
710   - }
711   -
712   - .dialog_xin {
713   - padding: 0px;
714   - }
715   -
716   - /deep/.el-dialog__body {
717   - padding: 0px;
718   - }
719   -
720   - /deep/ .el-dialog__header {
721   - background-color: #fff;
722   - padding: 0;
723   - }
724   -
725   -
726   - .el-row {
727   - margin-bottom: 16px;
728   - }
729   -
730   - /deep/ .avatar-uploader .el-upload {
731   - border: 1px dashed #d9d9d9;
732   - border-radius: 6px;
733   - cursor: pointer;
734   - position: relative;
735   - overflow: hidden;
736   - }
737   -
738   - .avatar-uploader-icon {
739   - font-size: 28px;
740   - color: #8c939d;
741   - width: 108px;
742   - height: 108px;
743   - line-height: 108px;
744   - /*text-align: center;*/
745   - }
746   -
747   - .avatar {
748   - width: 108px;
749   - height: 108px;
750   - display: block;
751   - }
752   -
753   - ::v-deep .el-tabs__item.is-active {
754   - color: #3f9b6a;
755   - opacity: 1;
756   - }
757   -
758   - /deep/ .el-tabs__nav-wrap::after {
759   - background-color: #fff;
760   - }
761   -
762   - ::v-deep .el-tabs__item:hover {
763   - color: #3f9b6a;
764   - cursor: pointer;
765   - opacity: 1;
766   - }
767   -
768   - /deep/ .el-tabs__active-bar {
769   - background-color: #389865;
770   - }
771   -
772   - /deep/ .el-table_2_column_13 {
773   - font-weight: 100;
774   - }
775   -
776   - ::v-deep .el-input__inner:focus {
777   - border: #3f9b6a 1px solid;
778   - }
779   -
780   - ::v-deep .el-input__inner:hover {
781   - border: #3f9b6a 1px solid;
782   - }
783   -
784   - ::v-deep .el-select .el-input.is-focus .el-input__inner {
785   - border-color: #3f9b6a;
786   - }
787   -
788   -
789   - /* ::v-deep .el-steps .el-step__head.is-wait {
790   - background-color: red; /* 修改为你想要的颜色 */
791   -
792   - /* 修改未进行步骤的描述文字颜色 */
793   - ::v-deep .el-steps .el-step__description.is-wait {
794   - color: #999;
795   - /* 修改为你想要的颜色 */
796   - }
797   -
798   - /* 修改未进行步骤的图标颜色 */
799   - ::v-deep .el-steps .el-step__icon.is-text.is-wait {
800   - color: #999;
801   - /* 修改为你想要的颜色 */
802   - }
803   -
804   - /* 修改未进行步骤的边框色 */
805   - ::v-deep .el-steps .el-step__line.is-wait {
806   - border-color: #eee;
807   - /* 修改为你想要的颜色 */
808   - }
809   -
810   - ::v-deep .el-steps .is-process .el-step__line {
811   - background-color: #3f9b6a;
812   - /* 修改线的颜色 */
813   - }
814   -
815   - ::v-deep .el-steps .is-process .el-step__title {
816   - color: #fe7b6a;
817   - /* 修改进行中步骤的标题颜色 */
818   - }
819   -
820   - ::v-deep .el-steps .is-process .el-step__icon {
821   - color: #fff;
822   - /* 修改进行中步骤的图标颜色 */
823   - background: #3f9b6a;
824   - /* 修改进行中步骤图标的边框颜色 */
825   - border: 0px;
826   - }
827   -
828   - ::v-deep .el-step__icon-inner {
829   - line-height: 0;
830   - }
831   -
832   - /* 线条长度 */
833   - ::v-deep .el-step.is-vertical .el-step__line {
834   - top: 30px;
835   - height: 60px;
836   - }
837   -
838   - ::v-deep .moren {
839   - .el-input__inner {
840   - margin-top: 5px;
841   - padding: 0 20px;
842   - }
843   - }
844   -
845   - /deep/ .el-radio-group {
846   - margin-top: 11px;
847   - }
848   -
849   - /deep/ .el-radio__input.is-checked .el-radio__inner {
850   - border-color: #3f9b6a;
851   - background: #3f9b6a;
852   - }
853   -
854   - ::v-deep .el-col {
855   - padding: 0 !important;
856   - }
857   -
858   - /deep/ .el-radio-group {
859   - width: 100%;
860   - }
861   -
862   - .radio-right-side {
863   - width: 100%;
864   - display: flex;
865   - justify-content: space-between;
866   - }
867   -
868   - /deep/ .radio-right-side .el-radio__label {
869   - display: flex;
870   - align-items: center;
871   - }
872   -
873   - /deep/ .radio-right-side .el-radio__inner {
874   - order: 1;
875   - }
876   -
877   - /deep/ .radio-right-side .el-radio__input {
878   - display: flex;
879   - order: 2;
880   - }
881   -
882   - /deep/ .radio-right-side {
883   - &:hover {
884   - color: #000;
885   - }
886   - }
887   -
888   -
889   - ::v-deep .setup {
890   - .el-steps {
891   - justify-content: center;
892   - }
893   - }
894   -
895   - ::v-deep .el-step__head.is-finish {
896   - color: #c0c4cc;
897   - border-color: #c0c4cc;
898   - }
899   -
900   - ::v-deep .el-step__title.is-finish {
901   - color: #c0c4cc;
902   - }
903   -
904   - ::v-deep .el-step__title.is-process {
905   - color: #c0c4cc;
906   - }
907   -
908   - ::v-deep .el-tabs {
909   - width: 100%;
910   - }
911   -
912   - ::v-deep .setup {
913   - .el-step__main {
914   - margin-left: -17px;
915   - }
916   -
917   - .el-step__title.is-process {
918   - color: #3f9b6a;
919   - }
920   -
921   - }
922   -
923   - ::v-deep .el-pagination__jump {
924   - margin-top: 5px;
925   - }
926   -
927   - ::v-deep .linClass {
928   - .el-dialog__header {
929   - padding: 20px 20px 10px;
930   - font-size: 14px;
931   - }
932   - }
933 259 </style>
934 260 <style lang="scss" scoped>
935   - ::v-deep .bian_css {
936   - .el-dialog__header {
937   - padding: 0px;
938   - }
939   -
940   - }
941   -
942   - ::v-deep .buttonHover:hover {
943   - color: #3f9b6a !important;
944   - border-color: #c5e1d2 !important;
945   - background-color: #ecf5f0 !important;
946   - outline: none;
  261 + ::v-deep .el-dialog__body {
  262 + padding: 0 0 !important;
947 263 }
948   -
949   - ::v-deep .el-pagination__total {
950   - position: absolute;
951   - left: 10px;
952   - }
953   -
954   - ::v-deep .diaslog_zhong {
955   - .el-dialog__body {
956   - padding: 10px 20px 20px 20px;
957   - }
958   -
959   - .el-upload--picture-card {
960   - width: 130px;
961   - height: 130px;
962   - }
  264 + .el-dialog__header{
  265 + padding: 0;
  266 + display: none;
963 267 }
964 268 </style>
... ...
admin-web-master/src/views/customer/icReview/index.vue
  View file @813b166
... ... @@ -77,14 +77,15 @@
77 77 </el-table-column>
78 78 <el-table-column label="状态" porp='intentionStatus'>
79 79 <template slot-scope="scope">
80   - {{scope.row.intentionStatus ==''?'待审核':scope.row.intentionStatus =='2'?'有意向':scope.row.intentionStatus =='3'?'无意向':''}}
  80 + {{scope.row.intentionStatus ==''?'待处理':scope.row.intentionStatus =='2'?'有意向':scope.row.intentionStatus =='3'?'无意向':''}}
81 81 </template>
82 82 </el-table-column>
83 83  
84 84 <el-table-column label="操作" width="140" fixed="right">
85 85 <template slot-scope="scope">
86 86 <div @click="details(scope.row,'1')" class="tableBtn greens">查看</div>
87   - <div @click="details(scope.row,'2')" class="tableBtn greens">审核</div>
  87 + <!-- -->
  88 + <div v-if="scope.row.intentionStatus ==''" @click="details(scope.row,'2')" class="tableBtn greens">审核</div>
88 89 </template>
89 90 </el-table-column>
90 91 </el-table>
... ... @@ -255,8 +256,8 @@
255 256 },
256 257 async getAll() {
257 258 const res = await GetAll(this.pagequery)
258   - this.tableData = res.data.content
259   - this.total = res.data.totalElements
  259 + this.tableData = res.data.records
  260 + this.total = res.data.total
260 261 },
261 262 removeonaction(e) {
262 263 console.error(e)
... ...
admin-web-master/src/views/rent/audit/index.vue
  View file @813b166
... ... @@ -275,8 +275,8 @@
275 275 },
276 276 async getAll() {
277 277 const res = await GetAll(this.pagequery)
278   - this.tableData = res.data.content
279   - this.total = res.data.totalElements
  278 + this.tableData = res.data.records
  279 + this.total = res.data.total
280 280 },
281 281 removeonaction(e) {
282 282 console.error(e)
... ...