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,7 +390,7 @@
390 <el-radio v-model="radio" label="3">无意向</el-radio> 390 <el-radio v-model="radio" label="3">无意向</el-radio>
391 </el-form-item> 391 </el-form-item>
392 <el-form-item label="意向原因"> 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 type="textarea" /> 394 type="textarea" />
395 </el-form-item> 395 </el-form-item>
396 </el-form> 396 </el-form>
@@ -410,8 +410,7 @@ @@ -410,8 +410,7 @@
410 </div> 410 </div>
411 </div> 411 </div>
412 <div> 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 <el-button class="buttonHover" 414 <el-button class="buttonHover"
416 style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;" 415 style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;"
417 @click="changetype">返回</el-button> 416 @click="changetype">返回</el-button>
@@ -438,6 +437,7 @@ @@ -438,6 +437,7 @@
438 import allimg from '@/components/chakan/allimg.vue'; 437 import allimg from '@/components/chakan/allimg.vue';
439 import newmap from "@/components/newmap/index"; 438 import newmap from "@/components/newmap/index";
440 import indexall from "@/components/newmap/indexall"; 439 import indexall from "@/components/newmap/indexall";
  440 + import { icManAdd} from '@/api/icManagement';
441 export default { 441 export default {
442 components: { 442 components: {
443 TitleWithCircle, 443 TitleWithCircle,
@@ -499,6 +499,18 @@ @@ -499,6 +499,18 @@
499 499
500 }, 500 },
501 methods: { 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 minSev() { 514 minSev() {
503 console.error(this.info) 515 console.error(this.info)
504 console.error(this.radio) 516 console.error(this.radio)
@@ -506,7 +518,7 @@ @@ -506,7 +518,7 @@
506 msgedit({ 518 msgedit({
507 id: this.info.id, 519 id: this.info.id,
508 'intentionStatus': this.radio, 520 'intentionStatus': this.radio,
509 - auditSuggestions: this.info.auditSuggestions 521 + intentionReason: this.info.intentionReason
510 }).then(res => { 522 }).then(res => {
511 console.error(res) 523 console.error(res)
512 if (res.code == 200) { 524 if (res.code == 200) {
@@ -514,6 +526,31 @@ @@ -514,6 +526,31 @@
514 message: '处理成功', 526 message: '处理成功',
515 type: 'success' 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 this.info.intentionStatus = this.radio 554 this.info.intentionStatus = this.radio
518 } else { 555 } else {
519 this.$message({ 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 <template> 1 <template>
2 <div style="background-color:#f7f7f7;padding:10px 10px;"> 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 <div style="height:58px;line-height:58px;"> 4 <div style="height:58px;line-height:58px;">
5 <div style="color:#0006"> <span>商户意向管理</span> <span style="padding:0 5px;">></span> <span 5 <div style="color:#0006"> <span>商户意向管理</span> <span style="padding:0 5px;">></span> <span
6 style="color:#000000e6">意向客户管理</span></div> 6 style="color:#000000e6">意向客户管理</span></div>
7 </div> 7 </div>
  8 + <!-- 线上 -->
8 <div> 9 <div>
9 <!-- 搜索 --> 10 <!-- 搜索 -->
10 <div class="formSearch"> 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 <div> 21 <div>
19 <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询 22 <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询
20 </el-button> 23 </el-button>
@@ -22,552 +25,164 @@ @@ -22,552 +25,164 @@
22 style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置 25 style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
23 </el-button> 26 </el-button>
24 </div> 27 </div>
25 -  
26 </div> 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 </div> 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 <template slot-scope="scope"> 38 <template slot-scope="scope">
40 - {{scope.$index+1}} 39 + {{scope.$index +1 }}
41 </template> 40 </template>
42 </el-table-column> 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 <template slot-scope="scope"> 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 </template> 53 </template>
61 </el-table-column> 54 </el-table-column>
62 </el-table> 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 </div> 62 </div>
68 63
69 </div> 64 </div>
  65 +
70 </div> 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 </div> 81 </div>
181 </div> 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 </template> 104 </template>
295 105
296 <script> 106 <script>
297 import { 107 import {
298 - uploadUrl,  
299 - token  
300 - } from '@/utils/request'  
301 - import {  
302 icManAll, 108 icManAll,
303 icManAdd, 109 icManAdd,
304 icManEdit, 110 icManEdit,
305 icManDel, 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 export default { 115 export default {
312 - components: {  
313 - upimg,  
314 - TitleWithCircle,  
315 - allimg  
316 - },  
317 data() { 116 data() {
318 return { 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 pageNumber: 0, 120 pageNumber: 0,
329 pageSize: 10, 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 tableData: [], 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 methods: { 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 async getAll() { 149 async getAll() {
467 - const res = await icManAll(this.pageindex); 150 + const res = await icManAll(this.pagequery)
468 this.tableData = res.data.content 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 this.getAll() 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 handleCurrentChange(val) { 160 handleCurrentChange(val) {
559 - this.currentPage = val; 161 + this.pagequery.pageNumber = val - 1
  162 + this.getAll()
560 }, 163 },
561 handleSizeChange(val) { 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 const h = this.$createElement; 186 const h = this.$createElement;
572 this.$msgbox({ 187 this.$msgbox({
573 title: '消息', 188 title: '消息',
@@ -596,36 +211,24 @@ this.ruleForm.idCardValidEnd = e[1] @@ -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 </script> 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 .zhuti { 221 .zhuti {
621 padding: 0 20px 20px 20px; 222 padding: 0 20px 20px 20px;
622 min-height: calc(100vh - 50px - 20px); 223 min-height: calc(100vh - 50px - 20px);
623 background-color: #Fff; 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 .formSearch { 234 .formSearch {
@@ -634,331 +237,32 @@ this.ruleForm.idCardValidEnd = e[1] @@ -634,331 +237,32 @@ this.ruleForm.idCardValidEnd = e[1]
634 font-size: 14px; 237 font-size: 14px;
635 justify-content: space-between; 238 justify-content: space-between;
636 } 239 }
637 -  
638 .greens { 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 .bg-purple-dark { 243 .bg-purple-dark {
668 background: #99a9bf; 244 background: #99a9bf;
669 } 245 }
670 246
671 .bg-purple { 247 .bg-purple {
672 - /* background: #d3dce6; */ 248 + background: #d3dce6;
673 } 249 }
674 250
675 .bg-purple-light { 251 .bg-purple-light {
676 background: #e5e9f2; 252 background: #e5e9f2;
677 } 253 }
678 -  
679 .grid-content { 254 .grid-content {
680 border-radius: 4px; 255 border-radius: 4px;
681 min-height: 36px; 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 </style> 259 </style>
934 <style lang="scss" scoped> 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 </style> 268 </style>
admin-web-master/src/views/customer/icReview/index.vue
  View file @813b166
@@ -77,14 +77,15 @@ @@ -77,14 +77,15 @@
77 </el-table-column> 77 </el-table-column>
78 <el-table-column label="状态" porp='intentionStatus'> 78 <el-table-column label="状态" porp='intentionStatus'>
79 <template slot-scope="scope"> 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 </template> 81 </template>
82 </el-table-column> 82 </el-table-column>
83 83
84 <el-table-column label="操作" width="140" fixed="right"> 84 <el-table-column label="操作" width="140" fixed="right">
85 <template slot-scope="scope"> 85 <template slot-scope="scope">
86 <div @click="details(scope.row,'1')" class="tableBtn greens">查看</div> 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 </template> 89 </template>
89 </el-table-column> 90 </el-table-column>
90 </el-table> 91 </el-table>
@@ -255,8 +256,8 @@ @@ -255,8 +256,8 @@
255 }, 256 },
256 async getAll() { 257 async getAll() {
257 const res = await GetAll(this.pagequery) 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 removeonaction(e) { 262 removeonaction(e) {
262 console.error(e) 263 console.error(e)
admin-web-master/src/views/rent/audit/index.vue
  View file @813b166
@@ -275,8 +275,8 @@ @@ -275,8 +275,8 @@
275 }, 275 },
276 async getAll() { 276 async getAll() {
277 const res = await GetAll(this.pagequery) 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 removeonaction(e) { 281 removeonaction(e) {
282 console.error(e) 282 console.error(e)