webapp / GreenwayWeb

Commit 467908ba7a52630ab33628209114594b9f2a0a4e

Authored by 杨鑫
2 parents 4394f7f2 0f254ac4

Merge branch 'master' of http://39.98.150.180/webapp/GreenwayWeb

Inline Side-by-side
Showing 7 changed files with 2044 additions and 1164 deletions
admin-web-master/src/api/newly.js
  View file @467908b
@@ -27,6 +27,14 @@ export function cerePlatformMerchant(data) { @@ -27,6 +27,14 @@ export function cerePlatformMerchant(data) {
27 data 27 data
28 }) 28 })
29 } 29 }
  30 +// 添加
  31 +export function cerePlatformMerchantadd(data) {
  32 + return requestnew({
  33 + url: '/cerePlatformMerchant/add',
  34 + method: 'post',
  35 + data
  36 + })
  37 +}
30 // 修改 38 // 修改
31 export function cerePlatformMerchantedit(data) { 39 export function cerePlatformMerchantedit(data) {
32 return requestnew({ 40 return requestnew({
admin-web-master/src/components/add/addht.vue
  View file @467908b
@@ -248,6 +248,7 @@ @@ -248,6 +248,7 @@
248 miniioupload 248 miniioupload
249 } from '@/api/commodityLease.js' 249 } from '@/api/commodityLease.js'
250 import { 250 import {
  251 +
251 contractinsertAdd 252 contractinsertAdd
252 } from '@/api/manage.js' 253 } from '@/api/manage.js'
253 export default { 254 export default {
admin-web-master/src/components/add/addss.vue 0 → 100644
  View file @467908b
  1 +<template>
  2 + <div>
  3 + <el-form :model="formInline" :rules="rulesHetong" ref="heForm" label-width="130px" class="demo-ruleForm">
  4 +
  5 + <el-form-item label="用户名" prop="username">
  6 + <el-input v-model="formInline.username" placeholder="请输入"></el-input>
  7 + </el-form-item>
  8 +
  9 + <el-form-item label="姓名" prop="name">
  10 + <el-input v-model="formInline.name" placeholder="请输入"></el-input>
  11 + </el-form-item>
  12 +
  13 +
  14 + <el-form-item label="手机号" prop="phone">
  15 + <el-input v-model="formInline.phone" placeholder="请输入"></el-input>
  16 + </el-form-item>
  17 +
  18 + <el-form-item label="性别" prop="sex">
  19 + <el-select v-model="formInline.sex" placeholder="请选择" style="width: 100%;">
  20 + <el-option label="男" value="男"></el-option>
  21 + <el-option label="女" value="女"></el-option>
  22 + </el-select>
  23 + </el-form-item>
  24 +
  25 +
  26 + <el-form-item label="邮箱" prop="email">
  27 + <el-input v-model="formInline.email" placeholder="请输入"></el-input>
  28 + </el-form-item>
  29 +
  30 + <el-form-item label="身份证类型" prop="idCardType">
  31 + <el-select v-model="formInline.idCardType" placeholder="请选择" style="width: 100%;">
  32 + <el-option label="身份证" value="身份证"></el-option>
  33 + <el-option label="护照" value="护照"></el-option>
  34 + </el-select>
  35 + </el-form-item>
  36 +
  37 +
  38 + <el-form-item label="身份证号码" prop="idCardNumber">
  39 + <el-input v-model="formInline.idCardNumber" placeholder="请输入"></el-input>
  40 + </el-form-item>
  41 +
  42 + <el-form-item label="身份证正面图片" prop="idCardFrontImage">
  43 + <el-upload :action="$baseURL" class="avatar-uploader" :auto-upload="false" :show-file-list="false"
  44 + :on-remove="hefuRemove('idCardFrontImage')" :on-change="(e) => hefuSuccess(e, 'idCardFrontImage')">
  45 + <img v-if="formInline.idCardFrontImage" :src="$baseURL+formInline.idCardFrontImage" class="avatar">
  46 + <i v-else class="el-icon-plus avatar-uploader-icon"></i>
  47 + </el-upload>
  48 + </el-form-item>
  49 +
  50 +
  51 + <el-form-item label="身份证背面图片" prop="idCardBackImage">
  52 + <el-upload :action="$baseURL" class="avatar-uploader" :auto-upload="false" :show-file-list="false"
  53 + :on-remove="hefuRemove('idCardBackImage')" :on-change="(e) => hefuSuccess(e, 'idCardBackImage')">
  54 + <img v-if="formInline.idCardBackImage" :src="$baseURL+formInline.idCardBackImage" class="avatar">
  55 + <i v-else class="el-icon-plus avatar-uploader-icon"></i>
  56 + </el-upload>
  57 + </el-form-item>
  58 +
  59 + <!-- <el-form-item label="审核状态" prop="checkState">
  60 + <el-input v-model="formInline.checkState" placeholder="请输入"></el-input>
  61 + </el-form-item> -->
  62 +
  63 + <!-- 按钮 -->
  64 +
  65 + <el-form-item>
  66 + <div style="margin-top: 20px">
  67 + <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button>
  68 + <el-button @click="close()" class="buttonHover"
  69 + style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button>
  70 + </div>
  71 + </el-form-item>
  72 +
  73 + </el-form>
  74 + </div>
  75 +</template>
  76 +
  77 +<script>
  78 + import {
  79 + businessListGetAll
  80 + } from '@/api/business'
  81 + import {
  82 + getAlls,
  83 + changAlls
  84 + } from '@/api/information.js'
  85 + import {
  86 + getAlls as map1
  87 + } from '@/api/map1.js'
  88 + import {
  89 + miniioupload
  90 + } from '@/api/commodityLease.js'
  91 + import {
  92 + cerePlatformMerchantadd
  93 + } from '@/api/newly.js'
  94 +
  95 + export default {
  96 + data() {
  97 + return {
  98 + AddData: [], // 最后资源
  99 + multipleSelection: [], // 资源
  100 + addMing: false,
  101 + ziyuanData: [],
  102 + shopId: null,
  103 + hefuData: [], // 合同附件
  104 + shopList: [],
  105 + formInline: {
  106 + username: '',
  107 + name: '',
  108 + avatar: '',
  109 + phone: '',
  110 + sex: '',
  111 + email: '',
  112 + token: '',
  113 + idCardType: '',
  114 + idCardNumber: '',
  115 + idCardFrontImage: '',
  116 + idCardBackImage: '',
  117 + checkState: '',
  118 + checkOpinion: '',
  119 + checker: '',
  120 + applyTime: '',
  121 + state: '',
  122 + },
  123 + rulesHetong: {
  124 + // ... 其他规则
  125 + username: [{
  126 + required: true,
  127 + message: '请输入用户名',
  128 + trigger: 'blur'
  129 + }],
  130 + name: [{
  131 + required: true,
  132 + message: '请输入姓名',
  133 + trigger: 'blur'
  134 + }],
  135 + phone: [{
  136 + required: true,
  137 + message: '请输入手机号',
  138 + trigger: 'blur'
  139 + }],
  140 + sex: [{
  141 + required: true,
  142 + message: '请选择性别',
  143 + trigger: 'change'
  144 + }],
  145 + idCardType: [{
  146 + required: true,
  147 + message: '请输入身份证类型',
  148 + trigger: 'blur'
  149 + }],
  150 + idCardNumber: [{
  151 + required: true,
  152 + message: '请输入身份证号码',
  153 + trigger: 'blur'
  154 + }],
  155 + idCardFrontImage: [{
  156 + required: true,
  157 + message: '请输入身份证正面图片',
  158 + trigger: 'blur'
  159 + }],
  160 + idCardBackImage: [{
  161 + required: true,
  162 + message: '请输入身份证背面图片',
  163 + trigger: 'blur'
  164 + }],
  165 + },
  166 + shopfrom: {
  167 + shopName: '', // 店铺名称
  168 + shopCode: '', // 店铺编码
  169 + chargePersonName: '', // 店铺负责人
  170 + contractState: '1', // 合同状态 1-有效 0-无效
  171 + page: '1', // 当前页
  172 + pageSize: '1000' // 每页记录数
  173 + },
  174 + pageindex: {
  175 + pageNumber: 1,
  176 + pageSize: 10,
  177 + },
  178 + uploadFiles: [],
  179 + filesLength: 1
  180 + };
  181 + },
  182 + props: {
  183 + info: {
  184 + type: Object,
  185 + default: {}
  186 + }
  187 + },
  188 + created() {
  189 + businessListGetAll(this.shopfrom).then(res => {
  190 + this.shopList = res.data.list
  191 + console.error(this.shopList)
  192 + })
  193 + },
  194 + methods: {
  195 + add() {
  196 + console.log({...this.formInline})
  197 + this.$refs.heForm.validate((valid) => {
  198 + if (valid) {
  199 +
  200 + // cerePlatformMerchantadd({
  201 + // ...this.formInline,
  202 + // }).then(res => {
  203 + // if (res.code == 200) {
  204 + // this.$message({
  205 + // message: '添加成功',
  206 + // type: 'success'
  207 + // })
  208 + // this.$emit('removeonaction', '1')
  209 + // } else {
  210 + // this.$message({
  211 + // message: res.msg,
  212 + // type: 'error'
  213 + // })
  214 + // }
  215 + // })
  216 + } else {
  217 + this.$message({
  218 + message: '请填写完整信息',
  219 + type: 'error'
  220 + })
  221 + return false;
  222 + }
  223 + })
  224 + },
  225 + close() {
  226 + this.$emit('removeonaction', '1')
  227 + },
  228 + MingDelete(item) {
  229 + this.AddData.splice(item, 1);
  230 + },
  231 + async mingShow() {
  232 + const ziyuan = await getAlls(this.pageindex)
  233 + const ggw = await map1(this.pageindex)
  234 + const changdi = await changAlls(this.pageindex)
  235 + this.ziyuanData = [...ziyuan.data.content, ...ggw.data.content, ...changdi.data.content]
  236 + this.addMing = true
  237 + },
  238 + handleSelectionChange(selection) {
  239 + this.multipleSelection = [selection]
  240 + },
  241 + minSev() {
  242 + const filteredAddData = this.AddData.filter(itemAdd => !this.multipleSelection.some(itemMultiple =>
  243 + itemMultiple
  244 + .id === itemAdd.id));
  245 + this.AddData = filteredAddData.concat(this.multipleSelection)
  246 + this.addMing = false
  247 + this.multipleSelection = []
  248 + },
  249 + mingClose() {
  250 + this.multipleSelection = []
  251 + this.ziyuanData = []
  252 + this.addMing = false
  253 + },
  254 + changeRelatedMerchants(e) {
  255 + this.shopId = this.shopList[e].shopId
  256 + this.formInline.tenantName = this.shopList[e].chargePersonName
  257 + this.formInline.tenantTelephone = this.shopList[e].shopPhone
  258 + },
  259 + hefuRemove(e) {
  260 + this.formInline[e] = ''
  261 + },
  262 + hefuSuccess(response, e) {
  263 + console.error(response)
  264 + console.error(e)
  265 + this.formInline[e] = ''
  266 + let fd = new FormData()
  267 + fd.append('file', response.raw)
  268 + fd.append('filePath', 'yh')
  269 + miniioupload(fd).then(res => {
  270 + this.formInline[e] = res.data
  271 + })
  272 + }
  273 + }
  274 + };
  275 +</script>
  276 +<style lang="css">
  277 + .el-dialog__header {
  278 + background-color: #F2F3F5;
  279 + text-align: left;
  280 + }
  281 +
  282 + .el-dialog__title {
  283 + line-height: 30px;
  284 + font-size: 15px;
  285 + color: #303133;
  286 + }
  287 +
  288 + .avatar-uploader .el-upload {
  289 + border: 1px dashed #3F9B6A;
  290 + border-radius: 6px;
  291 + cursor: pointer;
  292 + position: relative;
  293 + overflow: hidden;
  294 + }
  295 +
  296 + .avatar-uploader .el-upload:hover {
  297 + border-color: #3F9B6A;
  298 + }
  299 +
  300 + .avatar-uploader-icon {
  301 + font-size: 28px;
  302 + color: #8c939d;
  303 + width: 178px;
  304 + height: 178px;
  305 + line-height: 178px;
  306 + text-align: center;
  307 + }
  308 +
  309 + .avatar {
  310 + width: 178px;
  311 + height: 178px;
  312 + display: block;
  313 + }
  314 +</style>
admin-web-master/src/components/resourceCommodity/index.vue
  View file @467908b
1 <template> 1 <template>
2 <div> 2 <div>
3 - <div > 3 + <div>
4 <el-tabs v-model="xiangTab"> 4 <el-tabs v-model="xiangTab">
5 <el-tab-pane label="资源信息" name="first"> 5 <el-tab-pane label="资源信息" name="first">
6 <div style="margin-top: 30px;" class="editcss"> 6 <div style="margin-top: 30px;" class="editcss">
@@ -78,20 +78,20 @@ @@ -78,20 +78,20 @@
78 <el-form-item label="地图标点" prop="mapPunctuation" v-if="false"> 78 <el-form-item label="地图标点" prop="mapPunctuation" v-if="false">
79 <div style="width: 100%;height: 300px;"> 79 <div style="width: 100%;height: 300px;">
80 <!-- :edit='edit' :sendMap='getChildDate' --> 80 <!-- :edit='edit' :sendMap='getChildDate' -->
81 - <MapXian :message="parentMessage" ></MapXian> 81 + <MapXian :message="parentMessage"></MapXian>
82 </div> 82 </div>
83 </el-form-item> 83 </el-form-item>
84 <el-form-item label="建筑图纸" prop="architecturalDrawings"> 84 <el-form-item label="建筑图纸" prop="architecturalDrawings">
85 - <div>  
86 - <img :src="item" alt="" style="width:140px;height:140px;"  
87 - v-for="item in editbgid.architecturalDrawings.split(',')">  
88 - </div> 85 + <div>
  86 + <img :src="item" alt="" style="width:140px;height:140px;"
  87 + v-for="item in editbgid.architecturalDrawings.split(',')">
  88 + </div>
89 </el-form-item> 89 </el-form-item>
90 <el-form-item label="商铺描述" prop="shopDescription"> 90 <el-form-item label="商铺描述" prop="shopDescription">
91 - <div class="duiqi">{{editbgid.shopDescription}}</div> 91 + <div class="duiqi">{{editbgid.shopDescription}}</div>
92 </el-form-item> 92 </el-form-item>
93 <el-form-item label="展示主图" prop="displayMainImage"> 93 <el-form-item label="展示主图" prop="displayMainImage">
94 - <img :src="editbgid.displayMainImage" alt="" style="width:140px;height:140px;"> 94 + <img :src="editbgid.displayMainImage" alt="" style="width:140px;height:140px;">
95 </el-form-item> 95 </el-form-item>
96 <el-form-item label="其他图片/视频" prop="otherImageVideos"> 96 <el-form-item label="其他图片/视频" prop="otherImageVideos">
97 <div class="duiqi">{{editbgid.otherImageVideos}}</div> 97 <div class="duiqi">{{editbgid.otherImageVideos}}</div>
@@ -102,11 +102,35 @@ @@ -102,11 +102,35 @@
102 </el-tab-pane> 102 </el-tab-pane>
103 <el-tab-pane label="招商方案信息" name="second"> 103 <el-tab-pane label="招商方案信息" name="second">
104 <div style="margin-top: 30px;" class="editcss"> 104 <div style="margin-top: 30px;" class="editcss">
105 - <TitleWithCircle title="招商方案信息" />  
106 - 105 + <!-- <TitleWithCircle title="招商方案信息" /> -->
  106 +
107 <TitleWithCircle title="策略方案" /> 107 <TitleWithCircle title="策略方案" />
108 <div style="padding: 20px;"> 108 <div style="padding: 20px;">
109 - 109 + <el-table :data="datalist"
  110 + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
  111 + tooltip-effect="dark custom-tooltip-effect">
  112 + <el-table-column label="策略名称" prop="policyName" min-width="200">
  113 + </el-table-column>
  114 + <el-table-column label="适用资源" prop="applicableResources" min-width="100">
  115 + </el-table-column>
  116 + <el-table-column label="经营类型" prop="businessType" min-width="100">
  117 +
  118 + </el-table-column>
  119 + <el-table-column label="租金价格" prop="rentalPrice" min-width="150">
  120 + </el-table-column>
  121 + <el-table-column label="租期" prop="leaseTerm" min-width="100">
  122 + </el-table-column>
  123 + <el-table-column label="是否出租" prop="isRental" min-width="100">
  124 + <template slot-scope="scope">
  125 + {{scope.row.isRental == '0'?'否':'是'}}
  126 + </template>
  127 + </el-table-column>
  128 + <el-table-column label="是否自营" prop="planningObjectives" min-width="100">
  129 + <template slot-scope="scope">
  130 + {{scope.row.isSelfOperated == '0'?'否':'是'}}
  131 + </template>
  132 + </el-table-column>
  133 + </el-table>
110 </div> 134 </div>
111 </div> 135 </div>
112 </el-tab-pane> 136 </el-tab-pane>
@@ -177,10 +201,13 @@ @@ -177,10 +201,13 @@
177 <script> 201 <script>
178 import MapXian from "@/components/MapContainer/MapXian"; 202 import MapXian from "@/components/MapContainer/MapXian";
179 import TitleWithCircle from '@/components/top/index'; 203 import TitleWithCircle from '@/components/top/index';
180 - import{cereResourceStrategylist} from '@/api/newly'; 204 + import {
  205 + cereResourceStrategylist
  206 + } from '@/api/newly';
181 export default { 207 export default {
182 components: { 208 components: {
183 - TitleWithCircle,MapXian 209 + TitleWithCircle,
  210 + MapXian
184 }, 211 },
185 props: { 212 props: {
186 editbgid: { 213 editbgid: {
@@ -194,8 +221,8 @@ @@ -194,8 +221,8 @@
194 return { 221 return {
195 xiangTab: 'first', 222 xiangTab: 'first',
196 list: [], 223 list: [],
197 - parentMessage:{},  
198 - datalist:[] 224 + parentMessage: {},
  225 + datalist: []
199 } 226 }
200 }, 227 },
201 created() { 228 created() {
@@ -205,13 +232,13 @@ @@ -205,13 +232,13 @@
205 this.parentMessage = this.editbgid.mapPunctuation 232 this.parentMessage = this.editbgid.mapPunctuation
206 } 233 }
207 console.error(this.editbgid) 234 console.error(this.editbgid)
208 - if(this.editbgid.id) { 235 + if (this.editbgid.id) {
209 let c1 = { 236 let c1 = {
210 pageNumber: 0, 237 pageNumber: 0,
211 pageSize: 10, 238 pageSize: 10,
212 - resourcesId:'sp'+this.editbgid.id 239 + resourcesId: 'sp' + this.editbgid.id
213 } 240 }
214 - cereResourceStrategylist(c1).then(res=>{ 241 + cereResourceStrategylist(c1).then(res => {
215 console.error(res) 242 console.error(res)
216 this.datalist = res.data 243 this.datalist = res.data
217 }) 244 })
@@ -221,8 +248,8 @@ @@ -221,8 +248,8 @@
221 248
222 }, 249 },
223 methods: { 250 methods: {
224 - changetype(){  
225 - this.xiangTab= 'first' 251 + changetype() {
  252 + this.xiangTab = 'first'
226 this.$emit('removeonaction', '1') 253 this.$emit('removeonaction', '1')
227 }, 254 },
228 } 255 }
@@ -232,7 +259,7 @@ @@ -232,7 +259,7 @@
232 .el-form-item__label { 259 .el-form-item__label {
233 color: #a2a2a2; 260 color: #a2a2a2;
234 } 261 }
235 - 262 +
236 .greens { 263 .greens {
237 color: #3F9B6A; 264 color: #3F9B6A;
238 } 265 }
admin-web-master/src/main.js
  View file @467908b
@@ -31,7 +31,8 @@ Vue.prototype.$API = &#39;/cdwlMall/meserver/api&#39; @@ -31,7 +31,8 @@ Vue.prototype.$API = &#39;/cdwlMall/meserver/api&#39;
31 31
32 //Vue.prototype.$API = process.env.VUE_APP_DOMAIN_PREFIX_2; 32 //Vue.prototype.$API = process.env.VUE_APP_DOMAIN_PREFIX_2;
33 Vue.prototype.$hostUrl =`${window.location.protocol}//${window.location.host}/cdwlMall` 33 Vue.prototype.$hostUrl =`${window.location.protocol}//${window.location.host}/cdwlMall`
34 - 34 +// Vue.prototype.$baseURL =`${window.location.protocol}//${window.location.host}/cdwlMall`
  35 +Vue.prototype.$baseURL ='http://172.16.61.154:9000'
35 // Vue.prototype.$API = 'http://172.16.61.48/meserver/api' 36 // Vue.prototype.$API = 'http://172.16.61.48/meserver/api'
36 // Vue.prototype.$API = 'https://jy.scjysm.asia:18086/meserver/api' 37 // Vue.prototype.$API = 'https://jy.scjysm.asia:18086/meserver/api'
37 // Vue.prototype.$API = 'https://h5.028wlkj.com/cdwlMall/meserver/api' 38 // Vue.prototype.$API = 'https://h5.028wlkj.com/cdwlMall/meserver/api'
admin-web-master/src/views/business/businessList/index copy.vue 0 → 100644
  View file @467908b
  1 +<!-- -->
  2 +<template>
  3 + <div style="background-color:#f7f7f7;padding:10px 10px;">
  4 + <div class="pending" v-if="dialogVisible == false && detbox ==false">
  5 + <div style="height:58px;line-height:58px;">
  6 + <div style="color:#0006"> <span>商家管理</span> <span style="padding:0 5px;">></span> <span
  7 + style="color:#000000e6">商家信息管理</span></div>
  8 + </div>
  9 + <!-- 搜索 -->
  10 + <div class="formSearch">
  11 + <el-form :inline="true" :model="formInline">
  12 + <el-form-item label="店铺名称">
  13 + <el-input v-model="formInline.shopName" placeholder="请输入" style="width:168px" />
  14 + </el-form-item>
  15 + <el-form-item label="店铺编码">
  16 + <el-input v-model="formInline.shopCode" placeholder="请输入" style="width:168px" />
  17 + </el-form-item>
  18 + <el-form-item label="负责人">
  19 + <el-input v-model="formInline.chargePersonName" placeholder="请输入" style="width:168px" />
  20 + </el-form-item>
  21 + <el-form-item label="合同状态">
  22 + <el-select v-model="formInline.contractState" placeholder="请选择" style="width:168px">
  23 + <el-option label="有效" value="1" />
  24 + <el-option label="无效" value="0" />
  25 + </el-select>
  26 + </el-form-item>
  27 + </el-form>
  28 + <div>
  29 + <el-button style="background-color: #3F9B6A;color: #fff;" @click="onSubmit">查询
  30 + </el-button>
  31 + <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"
  32 + @click="resetting">重置
  33 + </el-button>
  34 + </div>
  35 + </div>
  36 + <div style="margin-bottom:20px;">
  37 + <el-button @click="addbuss" icon="el-icon-circle-plus-outline" style="background-color: #3F9B6A;color: #fff;">新增
  38 + </el-button>
  39 + </div>
  40 + <!-- 表格 -->
  41 + <div class="tableBox">
  42 + <el-table ref="multipleTable" :data="tableData"
  43 + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
  44 + tooltip-effect="dark">
  45 + <el-table-column label="店铺名称" min-width="220">
  46 + <template slot-scope="scope">{{ scope.row.shopName }}</template>
  47 + </el-table-column>
  48 + <el-table-column prop="shopCode" label="店铺编码" min-width="200" />
  49 + <el-table-column prop="chargePersonName" label="负责人" min-width="200" />
  50 + <el-table-column prop="chargePersonPhone" label="联系电话" min-width="200" />
  51 + <el-table-column label="合同状态" width="120">
  52 + <template slot-scope="scope">
  53 + <span v-if="scope.row.contractState === 0">无效</span>
  54 + <span v-if="scope.row.contractState === 1">有效</span>
  55 + </template>
  56 + </el-table-column>
  57 + <el-table-column prop="createTime" label="创建时间" min-width="200" />
  58 + <el-table-column label="操作" show-overflow-tooltip min-width="250">
  59 + <template slot-scope="scope">
  60 + <div class="tableBtn greens" @click="seeMore(scope.row)">
  61 + 查看
  62 + </div>
  63 + <div class="tableBtn greens" @click="edit(scope.row)">
  64 + 编辑
  65 + </div>
  66 + <div class="tableBtn greens" @click="del(scope.row)" v-if="scope.row.state == 1">
  67 + 禁用
  68 + </div>
  69 + <div class="tableBtn greens" @click="del(scope.row)" v-else>
  70 + 启用
  71 + </div>
  72 + <div class="tableBtn greens" @click="delBusiness(scope.row)">
  73 + 删除
  74 + </div>
  75 + <!-- <div class="tableBtn greens">
  76 + 画像
  77 + </div> -->
  78 + <!-- <div class="btnList">
  79 + <el-button
  80 + type="text"
  81 + @click="seeMore(scope.row)"
  82 + size="mini"
  83 + style="color: #3F9B6A;border: 1px solid transparent;"
  84 + >查看
  85 + </el-button>
  86 + <el-button
  87 + type="text"
  88 + @click="edit(scope.row)"
  89 + size="mini"
  90 + style="color: #3F9B6A;border: 1px solid transparent;"
  91 + >编辑
  92 + </el-button>
  93 + <el-button
  94 + v-if="scope.row.state == 1"
  95 + type="text"
  96 + @click="del(scope.row)"
  97 + size="mini"
  98 + style="color: #3F9B6A;border: 1px solid transparent;"
  99 + >禁用
  100 + </el-button>
  101 + <el-button
  102 + v-else
  103 + type="text"
  104 + @click="del(scope.row)"
  105 + size="mini"
  106 + style="color: #3F9B6A;border: 1px solid transparent;"
  107 + >启用
  108 + </el-button>
  109 + <el-button
  110 + type="text"
  111 + @click="delBusiness(scope.row)"
  112 + size="mini"
  113 + style="color: #3F9B6A;border: 1px solid transparent;"
  114 + >删除
  115 + </el-button>
  116 + </div> -->
  117 + </template>
  118 + </el-table-column>
  119 + </el-table>
  120 + <div class="fenye">
  121 + <el-pagination :current-page="currentPage" background small :page-sizes="[10, 20, 50, 100]" :page-size="10"
  122 + layout="total, prev, pager, next" :total="total" @size-change="handleSizeChange"
  123 + @current-change="handleCurrentChange" />
  124 + </div>
  125 + </div>
  126 + </div>
  127 + <!-- ******************************************************弹框开始****************************************************** -->
  128 + <!-- 新建商家弹框 -->
  129 + <div class="zhuti" v-if="dialogVisible">
  130 + <div style="height:58px;line-height:58px;">
  131 + <div style="color:#0006"> <span>商家管理</span> <span style="padding:0 5px;">></span> <span
  132 + style="color:#000000e6">{{userState === 0? '新增': userState === 1? '修改': '查看'}}</span></div>
  133 + </div>
  134 + <div style="margin-top: 30px;">
  135 + <div class="titles">
  136 + 商家信息
  137 + </div>
  138 + <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="140px">
  139 + <div style="padding: 20px 20px 20px 0;">
  140 +
  141 + <el-row :gutter="20">
  142 + <el-col :span="12">
  143 + <el-form-item label="商家类型" prop="merchantType">
  144 + <el-select v-model="ruleForm.merchantType" :disabled="disabled" placeholder="请选择" style="width:100%">
  145 + <el-option label="线上商家" value="线上商家" />
  146 + <el-option label="实体商家" value="实体商家" />
  147 + </el-select>
  148 + </el-form-item>
  149 + </el-col>
  150 + <el-col :span="12">
  151 + <el-form-item label="姓名" prop="venueNumber">
  152 + <el-input v-model="ruleForm.venueNumber" :disabled="disabled" placeholder="请输入"
  153 + style="margin-top:5px;"></el-input>
  154 + </el-form-item>
  155 + </el-col>
  156 + </el-row>
  157 + <el-row :gutter="20">
  158 + <el-col :span="12">
  159 + <el-form-item label="账号" prop="shopPhone">
  160 + <el-input v-if="shopPhoneShow" :value="hidden(ruleForm.shopPhone, 3, 4)" :disabled="disabled"
  161 + maxlength="20" @focus="focusShopPhoneInput" />
  162 + <el-input v-else ref="shopPhoneCls" v-model="ruleForm.shopPhone" :disabled="disabled"
  163 + maxlength="20" />
  164 + </el-form-item>
  165 +
  166 + </el-col>
  167 + <el-col :span="12">
  168 + <el-form-item label="账号密码" prop="shopPassword">
  169 + <el-input v-model="ruleForm.shopPassword" type="password" :disabled="disabled" maxlength="20" />
  170 + </el-form-item>
  171 + </el-col>
  172 + </el-row>
  173 + <el-row :gutter="20">
  174 + <el-col :span="12">
  175 + <el-form-item label="店铺名称" prop="shopName">
  176 + <el-input v-model="ruleForm.shopName" :disabled="disabled" placeholder="请输入" />
  177 + </el-form-item>
  178 + </el-col>
  179 + <el-col :span="12">
  180 + <el-form-item label="店铺负责人" prop="chargePersonName">
  181 + <el-input v-model="ruleForm.chargePersonName" :disabled="disabled" placeholder="请输入" />
  182 + </el-form-item>
  183 + </el-col>
  184 + </el-row>
  185 +
  186 + <el-row :gutter="20">
  187 + <el-col :span="12">
  188 + <el-form-item label="负责人电话" prop="chargePersonPhone">
  189 + <el-input v-model="ruleForm.chargePersonPhone" :disabled="disabled" placeholder="请输入" />
  190 + </el-form-item>
  191 + </el-col>
  192 + <el-col :span="12">
  193 + <el-form-item label="店铺地址" prop="shopAdress">
  194 + <el-input v-model="ruleForm.shopAdress" :disabled="disabled" placeholder="请输入" />
  195 + </el-form-item>
  196 + </el-col>
  197 + </el-row>
  198 + <el-row :gutter="20">
  199 + <el-col :span="12">
  200 + <el-form-item label="证件类型" prop="merchantType">
  201 + <el-select v-model="ruleForm.certificateType" :disabled="disabled" placeholder="请选择"
  202 + style="width:100%">
  203 + <el-option label="身份证" value="身份证" />
  204 + </el-select>
  205 + </el-form-item>
  206 + </el-col>
  207 + <el-col :span="12">
  208 + <el-form-item label="身份证号码" prop="venueNumber">
  209 + <el-input v-model="ruleForm.idCardNum" :disabled="disabled"></el-input>
  210 + </el-form-item>
  211 + </el-col>
  212 + </el-row>
  213 + <el-row :gutter="20">
  214 + <el-col :span="12">
  215 + <el-form-item label="身份证有效期" prop="merchantType">
  216 + <el-date-picker style="width: 100%;" v-model="plan_Time" value-format="yyyy-MM-dd"
  217 + type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
  218 + align="right" :disabled="disabled">
  219 + </el-date-picker>
  220 + </el-form-item>
  221 + </el-col>
  222 + </el-row>
  223 + <el-row :gutter="20">
  224 + <el-col :span="12">
  225 + <el-form-item label="身份证照片(正面)">
  226 + <img :src="ruleForm.cardPhotoFront" alt="" v-if="disabled" style="width:150px;height:150px" />
  227 + <upimg v-model="ruleForm.cardPhotoFront" :limit="1" :fileSize="1" :isShowTip="false" v-else></upimg>
  228 + </el-form-item>
  229 + </el-col>
  230 +
  231 + </el-row>
  232 + <el-row :gutter="20">
  233 +
  234 + <el-col :span="12">
  235 + <el-form-item label="身份证照片(反面)">
  236 + <img :src="ruleForm.cardPhotoBack" alt="" v-if="disabled" style="width:150px;height:150px" />
  237 + <upimg v-model="ruleForm.cardPhotoBack" :limit="1" :fileSize="1" :isShowTip="false" v-else></upimg>
  238 + </el-form-item>
  239 + </el-col>
  240 + </el-row>
  241 + </div>
  242 + <div class="titles">
  243 + 商户租赁信息
  244 + </div>
  245 + <div style="padding: 20px 20px 20px 0;">
  246 +
  247 + <el-row :gutter="20">
  248 + <el-col :span="12">
  249 + <el-form-item label="主体名称" prop="merchantType">
  250 + <el-input v-model="ruleForm.principalName" placeholder="请输入" :disabled="disabled" />
  251 + </el-form-item>
  252 + </el-col>
  253 + <el-col :span="12">
  254 + <el-form-item label="主体类型" prop="venueNumber">
  255 + <el-select v-model="ruleForm.empiricalSubject" :disabled="disabled" placeholder="请选择"
  256 + style="width:100%">
  257 +
  258 + <el-option label="个体" value="个体" />
  259 + <el-option label="企业" value="企业" />
  260 + </el-select>
  261 + </el-form-item>
  262 + </el-col>
  263 + </el-row>
  264 +
  265 + <!-- <el-row :gutter="20">
  266 + <el-col :span="24">
  267 + <el-form-item
  268 + label="租赁资源信息"
  269 + prop="merchantType"
  270 + >
  271 + <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
  272 + <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
  273 + <div style="color: #3F9B6A;margin-left: 10px;" @click="mingShow">
  274 + 添加
  275 + </div>
  276 + </div>
  277 + <div style="padding: 15px;">
  278 + <div style="padding: 0px 20px 0px 0px">
  279 + <el-table :data="tableData"
  280 + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"
  281 + >
  282 + <el-table-column label="序号" min-width="5%" >
  283 + <template slot-scope="scope">
  284 + {{scope.$index + 1}}
  285 + </template>
  286 + </el-table-column>
  287 + <el-table-column label="资源名称" min-width="10%">
  288 + <template slot-scope="scope">
  289 +
  290 + </template>
  291 + </el-table-column>
  292 + <el-table-column label="资源类型" min-width="10%">
  293 + <template slot-scope="scope">
  294 +
  295 + </template>
  296 + </el-table-column>
  297 + <el-table-column label="详细地址" min-width="20%" show-overflow-tooltip>
  298 + <template slot-scope="scope">
  299 +
  300 + </template>
  301 + </el-table-column>
  302 +
  303 + <el-table-column prop="notes" label="实际使用面积" min-width="25%" show-overflow-tooltip>
  304 + </el-table-column>
  305 + <el-table-column prop="policyName" label="营业执照" min-width="25%" show-overflow-tooltip>
  306 + </el-table-column>
  307 + <el-table-column label="操作" min-width="15%">
  308 + <template slot-scope="scope">
  309 + <div @click="ceSel(scope.$index)" class="tableBtn greens">查看</div>
  310 + <div @click="MingEd(scope.row)" class="tableBtn greens">添加营业执照</div>
  311 + <div @click="MingEd(scope.row)" class="tableBtn greens">录入合同</div>
  312 + <div @click="MingDelete(scope.$index)" class="tableBtn greens">删除</div>
  313 + </template>
  314 + </el-table-column>
  315 + </el-table>
  316 + </div>
  317 + </div>
  318 + </div>
  319 + </el-form-item>
  320 + </el-col>
  321 +
  322 + </el-row> -->
  323 + <el-row :gutter="20">
  324 + <el-col :span="12">
  325 + <div style="margin-top: 20px">
  326 + <el-button @click="addCheck('ruleForm')" style="background-color: #3F9B6A;color: #fff;">确
  327 + 定</el-button>
  328 + <el-button @click="closeFn" class="buttonHover"
  329 + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取 消</el-button>
  330 +
  331 + </div>
  332 + </el-col>
  333 + </el-row>
  334 + </div>
  335 + </el-form>
  336 + </div>
  337 + </div>
  338 + <!-- 查看 -->
  339 + <!-- dialogVisible -->
  340 + <el-dialog :title="
  341 + userState === 0
  342 + ? '新增商家'
  343 + : userState === 1
  344 + ? '修改商家'
  345 + : '查看商家'
  346 + " :visible.sync="disabled" width="65%" center custom-class='XDD_css' :close-on-click-modal="false">
  347 + <div style="padding:20px;">
  348 + <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
  349 + <el-tab-pane label="入驻类型" name="0">
  350 + <el-form ref="ruleFormInfo" :model="ruleForm" :rules="rulesInfo" label-width="120px">
  351 + <el-form-item label="商家类型" prop="merchantType">
  352 + <el-select v-model="ruleForm.merchantType" :disabled="disabled" placeholder="请选择" style="width:100%">
  353 + <el-option label="线上商家" value="线上商家" />
  354 + <el-option label="实体商家" value="实体商家" />
  355 + </el-select>
  356 + </el-form-item>
  357 + <el-form-item label="经营主体" prop="empiricalSubject">
  358 + <el-select v-model="ruleForm.empiricalSubject" :disabled="disabled" placeholder="请选择"
  359 + style="width:100%">
  360 +
  361 + <el-option label="个体" value="个体" />
  362 + <el-option label="企业" value="企业" />
  363 + </el-select>
  364 + </el-form-item>
  365 +
  366 + </el-form>
  367 + </el-tab-pane>
  368 + <el-tab-pane label="开店信息" name="1">
  369 + <el-form ref="ruleFormInfo" :model="ruleForm" :rules="rulesInfo" label-width="120px">
  370 +
  371 + <el-form-item label="店铺名称" prop="shopName">
  372 + <el-input v-model="ruleForm.shopName" :disabled="disabled" />
  373 + </el-form-item>
  374 + <el-form-item label="店铺负责人" prop="chargePersonName">
  375 + <el-input v-model="ruleForm.chargePersonName" :disabled="disabled" />
  376 + </el-form-item>
  377 + <el-form-item label="负责人电话" prop="chargePersonPhone">
  378 + <el-input v-model="ruleForm.chargePersonPhone" v-if="cpPhoneShow"
  379 + :value="hidden(ruleForm.chargePersonPhone,3,4)" :disabled="disabled" @focus="focuscpPhoneInput" />
  380 + <el-input v-else ref="cpPhoneCls" v-model="ruleForm.chargePersonPhone" clearable :disabled="disabled"
  381 + @change="changecpPhoneInput" />
  382 + </el-form-item>
  383 + <el-form-item label="店铺地址" prop="shopAdress">
  384 + <el-input ref="addressCls" v-model="ruleForm.shopAdress" :disabled="disabled" />
  385 + <!-- <div v-else @click="inputAddress">
  386 + <el-input :value="hidden(ruleForm.shopAdress, 1, 1)" :disabled="disabled" />
  387 + </div> -->
  388 + </el-form-item>
  389 + <!-- <el-form-item
  390 + label="生效日期"
  391 + prop="effectiveDate"
  392 + >
  393 + <el-date-picker
  394 + v-model="ruleForm.effectiveDate"
  395 + :disabled="disabled"
  396 + value-format="yyyy-MM-dd"
  397 + type="date"
  398 + placeholder="选择日期"
  399 + />
  400 + </el-form-item> -->
  401 + <!-- <el-form-item
  402 + label="生效年限"
  403 + prop="effectiveYear"
  404 + >
  405 + <el-input
  406 + v-model="ruleForm.effectiveYear"
  407 + type="text"
  408 + :disabled="disabled"
  409 + placeholder="请输入内容"
  410 + maxlength="4"
  411 + class="elipt"
  412 + style="width: 50%"
  413 + show-word-limit
  414 + />
  415 + <span class="elspan">年</span>
  416 + </el-form-item> -->
  417 + </el-form>
  418 + </el-tab-pane>
  419 + <el-tab-pane label="主体信息" name="2">
  420 + <el-form ref="ruleForm" :model="ruleForm" label-width="130px">
  421 + <el-form-item label="主体名称">
  422 + <el-input v-model="ruleForm.principalName" placeholder="请输入" :disabled="disabled" />
  423 + </el-form-item>
  424 + <el-form-item label="统一社会信用代码">
  425 + <el-input v-model="ruleForm.unifiedSocialCreditCode" :disabled="disabled" placeholder="请输入" />
  426 + </el-form-item>
  427 +
  428 + <el-form-item label="法定代表人">
  429 + <el-input v-model="ruleForm.legalRepresentative" placeholder="请输入" :disabled="disabled" />
  430 + </el-form-item>
  431 + <el-form-item label="经营范围">
  432 + <el-input type="textarea" v-model="ruleForm.businessScope" :rows="4" :disabled="disabled"></el-input>
  433 + </el-form-item>
  434 + <el-form-item label="注册资本">
  435 + <el-input v-model="ruleForm.registeredCapital" placeholder="请输入" :disabled="disabled" />
  436 + </el-form-item>
  437 + <el-form-item label="成立日期">
  438 + <el-input v-model="ruleForm.dateEstablishment" placeholder="请输入" :disabled="disabled" />
  439 + </el-form-item>
  440 + <el-form-item label="住所">
  441 + <el-input v-model="ruleForm.domicile" placeholder="请输入" :disabled="disabled" />
  442 + </el-form-item>
  443 + <el-form-item label="邮箱地址">
  444 + <el-input v-model="ruleForm.emailAddress" placeholder="请输入" :disabled="disabled" />
  445 + </el-form-item>
  446 + <el-form-item label="营业期限">
  447 + <el-date-picker style="width: 100%;" v-model="business" value-format="yyyy-MM-dd HH:mm:ss"
  448 + :disabled="disabled" type="datetimerange" range-separator="至" start-placeholder="开始日期"
  449 + end-placeholder="结束日期" align="right">
  450 + </el-date-picker>
  451 + </el-form-item>
  452 + <el-form-item label="营业执照">
  453 + <img :src="ruleForm.businessLicense" alt="" v-if="disabled" style="width:150px;height:150px" />
  454 + <upimg v-model="ruleForm.businessLicense" :limit="1" :fileSize="1" v-else></upimg>
  455 + </el-form-item>
  456 + </el-form>
  457 + </el-tab-pane>
  458 + <el-tab-pane label="经营者信息" name="3">
  459 + <el-form ref="form" label-width="140px">
  460 + <el-form-item label="客户级别">
  461 + <el-select v-model="ruleForm.customerLevel" :disabled="disabled" placeholder="请选择">
  462 + <el-option label="A" value="A" />
  463 + <el-option label="B" value="B" />
  464 + <el-option label="C" value="C" />
  465 + </el-select>
  466 + </el-form-item>
  467 + <el-form-item label="证件类型">
  468 + <el-select v-model="ruleForm.certificateType" :disabled="disabled" placeholder="请选择">
  469 + <el-option label="身份证" value="身份证" />
  470 + </el-select>
  471 + </el-form-item>
  472 + <el-form-item label="身份证号码">
  473 + <el-input v-model="ruleForm.idCardNum" :disabled="disabled"></el-input>
  474 + </el-form-item>
  475 + <el-form-item label="身份证有效期">
  476 + <el-date-picker style="width: 100%;" v-model="plan_Time" value-format="yyyy-MM-dd" type="datetimerange"
  477 + range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right"
  478 + :disabled="disabled">
  479 + </el-date-picker>
  480 + </el-form-item>
  481 + <el-form-item label="身份证照片(正面)">
  482 + <img :src="ruleForm.cardPhotoFront" alt="" v-if="disabled" style="width:150px;height:150px" />
  483 + <upimg v-model="ruleForm.cardPhotoFront" :limit="1" :fileSize="1" :isShowTip="false" v-else></upimg>
  484 + </el-form-item>
  485 + <el-form-item label="身份证照片(反面)">
  486 + <img :src="ruleForm.cardPhotoBack" alt="" v-if="disabled" style="width:150px;height:150px" />
  487 + <upimg v-model="ruleForm.cardPhotoBack" :limit="1" :fileSize="1" :isShowTip="false" v-else></upimg>
  488 + </el-form-item>
  489 + <el-form-item label="是否为法人">
  490 + <el-select v-model="ruleForm.legalEntity" :disabled="disabled" placeholder="请选择" style="width:100%">
  491 + <el-option label="是" value="是" />
  492 + <el-option label="否" value="否" />
  493 + </el-select>
  494 + </el-form-item>
  495 + <el-form-item label="企业授权书">
  496 + <img :src="ruleForm.enterpriseAuthorizationLetter" alt="" v-if="disabled"
  497 + style="width:150px;height:150px" />
  498 + <upimg v-model="ruleForm.enterpriseAuthorizationLetter" :limit="1" :fileSize="1" :isShowTip="false"
  499 + v-else></upimg>
  500 + </el-form-item>
  501 + </el-form>
  502 + </el-tab-pane>
  503 + <el-tab-pane label="账号" name="4">
  504 + <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
  505 + <el-form-item label="账号" prop="shopPhone">
  506 + <el-input v-if="shopPhoneShow" :value="hidden(ruleForm.shopPhone, 3, 4)" :disabled="disabled"
  507 + maxlength="20" @focus="focusShopPhoneInput" />
  508 + <el-input v-else ref="shopPhoneCls" v-model="ruleForm.shopPhone" :disabled="disabled" maxlength="20" />
  509 + </el-form-item>
  510 + <el-form-item label="密码" prop="shopPassword">
  511 + <el-input v-model="ruleForm.shopPassword" type="password" :disabled="disabled" maxlength="20" />
  512 + </el-form-item>
  513 + </el-form>
  514 + </el-tab-pane>
  515 + <el-tab-pane label="资源" name="5" v-if="ruleForm.merchantType =='实体商家'">
  516 + <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
  517 + <div
  518 + style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
  519 + <div>资源管理</div>
  520 + <div style="color: #3F9B6A;margin-left: 10px;" @click="addMing = true" v-if="disabled==false">
  521 + 添加
  522 + </div>
  523 + </div>
  524 + <div style="padding: 15px;">
  525 + <div style="padding: 0px 20px 0px 0px">
  526 + <el-table :data="ziyuanData"
  527 + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
  528 + <el-table-column label="序号" width="80">
  529 + <template slot-scope="scope">
  530 + {{scope.$index + 1}}
  531 + </template>
  532 + </el-table-column>
  533 + <el-table-column label="资源编号" prop="id" width="150">
  534 +
  535 + </el-table-column>
  536 + <el-table-column label="资源名称" width="200">
  537 + <template slot-scope="scope">
  538 + {{scope.row.shopName ? scope.row.shopName : scope.row.advertisingName}}
  539 + </template>
  540 + </el-table-column>
  541 + <el-table-column label="资源类型" width="150">
  542 + <template slot-scope="scope">
  543 + {{scope.row.advertisingType ?scope.row.advertisingType:'商铺'}}
  544 + </template>
  545 + </el-table-column>
  546 + <el-table-column prop="notes" label="策略描述" width="300">
  547 + </el-table-column>
  548 + <el-table-column prop="policyName" label="策略名称" width="200">
  549 + </el-table-column>
  550 + <el-table-column label="操作" width="200">
  551 + <template slot-scope="scope">
  552 + <!-- <div @click="ceSel(scope.$index)" class="tableBtn greens">策略选择</div> -->
  553 + <!-- <div @click="MingEd(scope.row)" class="tableBtn greens">编辑</div> -->
  554 + <div @click="MingDelete(scope.$index)" class="tableBtn greens">删除</div>
  555 + </template>
  556 + </el-table-column>
  557 + </el-table>
  558 + </div>
  559 + </div>
  560 + </div>
  561 + </el-tab-pane>
  562 + </el-tabs>
  563 + </div>
  564 + <span slot="footer" class="dialog-footer">
  565 + <el-button @click="closeFn" class="buttonHover"
  566 + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取 消</el-button>
  567 + <!-- <el-button
  568 + v-if="activeName == '0'"
  569 + @click="next"
  570 + style="background-color: #3F9B6A;color: #fff;"
  571 + >下一步</el-button> -->
  572 + <el-button @click="addCheck('ruleForm')" style="background-color: #3F9B6A;color: #fff;">确 定</el-button>
  573 + </span>
  574 + <!-- 新增资源列表 -->
  575 + <el-dialog :visible.sync="addMing" custom-class='XDD_css' style="padding: 0;" width="50%" append-to-body center
  576 + :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
  577 + <div
  578 + style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
  579 + <div>添加</div>
  580 + </div>
  581 + <div style="padding: 15px;width:100%">
  582 + <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">
  583 + <div
  584 + style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">
  585 + <div>选择资源</div>
  586 + </div>
  587 + <div style="padding: 15px;">
  588 + <div style="padding: 0px 20px 0px 0px">
  589 + <el-table :data="AddziyuanData" @selection-change="handleSelectionChange" tooltip-effect="dark"
  590 + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
  591 + <el-table-column label="选择" type="selection" width="55">
  592 + </el-table-column>
  593 + <el-table-column label="序号" min-width="8%">
  594 + <template slot-scope="scope">
  595 + {{scope.$index + 1}}
  596 + </template>
  597 + </el-table-column>
  598 + <el-table-column label="编号" prop="id" min-width="22%">
  599 +
  600 + </el-table-column>
  601 + <el-table-column label="资源名称" min-width="15%">
  602 + <template slot-scope="scope">
  603 + {{scope.row.shopName ? scope.row.shopName : scope.row.advertisingName}}
  604 + </template>
  605 + </el-table-column>
  606 + <el-table-column label="资源类型" min-width="15%">
  607 + <template slot-scope="scope">
  608 + {{scope.row.advertisingType ?scope.row.advertisingType:'商铺'}}
  609 + </template>
  610 + </el-table-column>
  611 + <el-table-column prop="notes" label="对应策略" min-width="15%">
  612 + </el-table-column>
  613 + </el-table>
  614 + </div>
  615 + </div>
  616 + </div>
  617 + </div>
  618 + <div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">
  619 + <el-button @click="mingClose" class="buttonHover"
  620 + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消
  621 + </el-button>
  622 + <el-button @click="minSev" style="background-color: #3F9B6A;color: #fff;">确定
  623 + </el-button>
  624 +
  625 + </div>
  626 + </el-dialog>
  627 + </el-dialog>
  628 + <buscha :detbox="detbox" :list="ruleForm" @change="change" v-if="detbox"></buscha>
  629 + </div>
  630 +</template>
  631 +
  632 +<script>
  633 + // 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
  634 + // 例如：import 《组件名称》 from '《组件路径》';
  635 + import {
  636 + businessListGetAll,
  637 + businessListSave,
  638 + businessListGetById,
  639 + businessListUpdate,
  640 + businessListStart,
  641 + delBusinessById
  642 + } from '@/api/business'
  643 + import upimg from "@/components/ImageUpload/index";
  644 + import {
  645 + getAlls
  646 + } from '@/api/information.js'
  647 + import {
  648 + getAlls as map1
  649 + } from '@/api/map1'
  650 + import buscha from './busCha.vue'
  651 + export default {
  652 + components: {
  653 + upimg,
  654 + buscha
  655 + },
  656 + data() {
  657 + // 这里存放数据
  658 + return {
  659 + // 新建商家弹框
  660 +
  661 + detbox: false,
  662 + dialogVisible: false,
  663 + activeName: 0,
  664 + formInline: {
  665 + shopName: '', // 店铺名称
  666 + shopCode: '', // 店铺编码
  667 + chargePersonName: '', // 店铺负责人
  668 + contractState: '', // 合同状态 1-有效 0-无效
  669 + page: '1', // 当前页
  670 + pageSize: '10' // 每页记录数
  671 + },
  672 + disabled: false,
  673 + ruleForm: {
  674 + shopName: '', // 店铺名称
  675 + chargePersonName: '', // 店铺负责人
  676 + chargePersonPhone: '', // 负责人电话
  677 + shopAdress: '', // 地址
  678 + effectiveDate: '', // 生效日期
  679 + effectiveYear: '', // 生效年限
  680 + contractState: 1, // 合同状态 1-有效 0-无效
  681 + auditLive: 1,
  682 + auditLiveProduct: 1,
  683 + shopPhone: '', // 账号
  684 + shopPassword: '', // 密码
  685 +
  686 + },
  687 + showPhone: false,
  688 + showAddress: false,
  689 + userPhone: '',
  690 + showUserPhone: false,
  691 + newAddress: '',
  692 + personPhone: '',
  693 +
  694 + rulesInfo: {
  695 + effectiveYear: [{
  696 + required: true,
  697 + message: '请输入生效时限',
  698 + trigger: 'blur'
  699 + }],
  700 + shopName: [{
  701 + required: true,
  702 + message: '请输入店铺名称',
  703 + trigger: 'blur'
  704 + }],
  705 + chargePersonName: [{
  706 + required: true,
  707 + message: '请输入店铺负责人',
  708 + trigger: 'blur'
  709 + }],
  710 + chargePersonPhone: [{
  711 + required: true,
  712 + message: '请输入负责人电话',
  713 + trigger: 'blur'
  714 + },
  715 + {
  716 + pattern: /^1[3456789]\d{9}$/,
  717 + message: '目前只支持中国大陆的手机号码'
  718 + }
  719 + ],
  720 + shopAdress: [{
  721 + required: true,
  722 + message: '请输入地址',
  723 + trigger: 'blur'
  724 + }],
  725 + contractState: [{
  726 + required: true,
  727 + message: '请选择合同状态',
  728 + trigger: 'change'
  729 + }],
  730 + auditLive: [{
  731 + required: true,
  732 + message: '请选择状态',
  733 + trigger: 'change'
  734 + }],
  735 + auditLiveProduct: [{
  736 + required: true,
  737 + message: '请选择状态',
  738 + trigger: 'change'
  739 + }],
  740 + effectiveDate: [{
  741 + required: true,
  742 + message: '请选择日期',
  743 + trigger: 'change'
  744 + }]
  745 + },
  746 + rules: {
  747 + shopPhone: [{
  748 + required: true,
  749 + message: '请输入账号',
  750 + trigger: 'blur'
  751 + },
  752 + {
  753 + pattern: /^1[3456789]\d{9}$/,
  754 + message: '目前只支持中国大陆的手机号码'
  755 + }
  756 + ],
  757 + shopPassword: [{
  758 + required: true,
  759 + message: '请输入密码',
  760 + trigger: 'blur'
  761 + },
  762 +
  763 + {
  764 + pattern: /^[~!@#$%^&*\-+=_.0-9a-zA-Z]{8,16}$/,
  765 + message: '8-16密码数字英文混合'
  766 + }
  767 + ],
  768 + shopName: [{
  769 + required: true,
  770 + message: '请输入店铺名称',
  771 + trigger: 'blur'
  772 + }],
  773 + chargePersonName: [{
  774 + required: true,
  775 + message: '请输入店铺负责人',
  776 + trigger: 'blur'
  777 + }],
  778 + chargePersonPhone: [{
  779 + required: true,
  780 + message: '请输入负责人电话',
  781 + trigger: 'blur'
  782 + },
  783 + {
  784 + pattern: /^1[3456789]\d{9}$/,
  785 + message: '目前只支持中国大陆的手机号码'
  786 + }
  787 + ],
  788 + shopAdress: [{
  789 + required: true,
  790 + message: '请输入地址',
  791 + trigger: 'blur'
  792 + }],
  793 + },
  794 + total: 1,
  795 + tableData: [],
  796 + currentPage: 1,
  797 + userState: 1,
  798 + privacyTime: 0,
  799 + cpPhoneShow: true, // 是否显示脱敏负责人手机号
  800 + shopPhoneShow: true, // 是否显示脱敏账号
  801 + addMing: false, //添加资源框
  802 + ziyuanData: [], //资源列表
  803 + AddziyuanData: [], //新增资源选择列表
  804 + multipleSelection: [],
  805 + pageindex: {
  806 + pageNumber: 1,
  807 + pageSize: 10,
  808 + },
  809 + business: [],
  810 + plan_Time: []
  811 + }
  812 + },
  813 + // 监听属性 类似于data概念
  814 + computed: {},
  815 + // 监控data中的数据变化
  816 + watch: {},
  817 + // 生命周期 - 创建完成（可以访问当前this实例）
  818 + created() {},
  819 + // 生命周期 - 挂载完成（可以访问DOM元素）
  820 + mounted() {
  821 + this.getAll(this.formInline)
  822 + this.privacyTime = localStorage.getItem('privacyTime')
  823 + console.log(this.privacyTime)
  824 + this.getZiyuan()
  825 + },
  826 + // 方法集合
  827 + methods: {
  828 + async getZiyuan() {
  829 + const ziyuan = await getAlls(this.pageindex)
  830 + const ggw = await map1(this.pageindex)
  831 + this.AddziyuanData = [...ziyuan.data.content, ...ggw.data.content]
  832 + },
  833 + focusShopPhoneInput() {
  834 + this.shopPhoneShow = false
  835 + this.ruleForm.shopPhone = ''
  836 + // 自动获取焦点
  837 + this.$nextTick(() => {
  838 + this.$refs.shopPhoneCls.focus()
  839 + })
  840 + },
  841 + focuscpPhoneInput() {
  842 + this.cpPhoneShow = false
  843 + this.ruleForm.chargePersonPhone = ''
  844 + // 自动获取焦点
  845 + this.$nextTick(() => {
  846 + this.$refs.cpPhoneCls.focus()
  847 + })
  848 + },
  849 + changecpPhoneInput() {},
  850 + handleSizeChange(val) {
  851 + this.formInline.pageSize = val
  852 + this.getAll(this.formInline)
  853 + },
  854 + handleCurrentChange(val) {
  855 + this.formInline.page = val
  856 + this.getAll(this.formInline)
  857 + },
  858 + handleClick(tab, event) {
  859 + console.log(tab, event)
  860 + },
  861 + onSubmit() {
  862 + this.getAll(this.formInline)
  863 + },
  864 + resetting() {
  865 + this.formInline = {
  866 + shopName: '', // 店铺名称
  867 + shopCode: '', // 店铺编码
  868 + chargePersonName: '', // 店铺负责人
  869 + contractState: '', // 合同状态 1-有效 0-无效
  870 + page: '1', // 当前页
  871 + pageSize: '10' // 每页记录数
  872 + }
  873 + this.getAll(this.formInline)
  874 + },
  875 + // 新建商家
  876 + addbuss() {
  877 + this.userState = 0
  878 + this.disabled = false
  879 + this.newAddress = ''
  880 + this.personPhone = ''
  881 + this.ruleForm = {
  882 + shopName: '', // 店铺名称
  883 + chargePersonName: '', // 店铺负责人
  884 + chargePersonPhone: '', // 负责人电话
  885 + shopAdress: '', // 地址
  886 + effectiveDate: '', // 生效日期
  887 + effectiveYear: '', // 生效年限
  888 + contractState: 1, // 合同状态 1-有效 0-无效
  889 + auditLive: 1,
  890 + auditLiveProduct: 1,
  891 + shopPhone: '', // 账号
  892 + shopPassword: '' // 密码
  893 + }
  894 + this.business = []
  895 + this.plan_Time = []
  896 +
  897 +
  898 + this.dialogVisible = true
  899 + console.log(this.userState)
  900 + },
  901 + next() {
  902 + this.activeName = this.activeName + 1
  903 + },
  904 + closeFn() {
  905 + this.$nextTick(() => {
  906 + // this.$refs['ruleForm'].clearValidate()
  907 + // this.$refs['ruleFormInfo'].clearValidate()
  908 + this.dialogVisible = false
  909 + })
  910 + },
  911 + // 新建商家确定
  912 + addCheck(ruleForm) {
  913 + this.$refs[ruleForm].validate(valid => {
  914 + if (valid) {
  915 + console.log(this.userState)
  916 + console.log(this.ruleForm)
  917 + // if (this.personPhone !== '') {
  918 + // this.ruleForm.chargePersonPhone = this.personPhone
  919 + // }
  920 + // if (this.newAddress !== '') {
  921 + // this.ruleForm.shopAdress = this.newAddress
  922 + // }
  923 + // if (this.userPhone !== '') {
  924 + // this.ruleForm.shopPhone = this.userPhone
  925 + // }
  926 + // if (this.ruleForm.shopName === '') {
  927 + // this.$message.error('请输入店铺名称')
  928 + // return
  929 + // }
  930 + // if (this.ruleForm.effectiveDate === '') {
  931 + // this.$message.error('请输入生效日期')
  932 + // return
  933 + // }
  934 + // if (this.ruleForm.effectiveYear === '') {
  935 + // this.$message.error('请输入生效年限')
  936 + // return
  937 + // }
  938 + if (this.business.length != 0) {
  939 + this.ruleForm.businessStartDate = this.business[0]
  940 + this.ruleForm.businessEndDate = this.business[1]
  941 + }
  942 + if (this.plan_Time.length != 0) {
  943 + this.ruleForm.validityStartDate = this.plan_Time[0]
  944 + this.ruleForm.validityEndDate = this.plan_Time[1]
  945 + }
  946 +
  947 + if (!this.userState) {
  948 + businessListSave(this.ruleForm).then(res => {
  949 + console.log(res)
  950 + if (res.code === '') {
  951 + this.$message({
  952 + message: '新增成功',
  953 + type: 'success'
  954 + })
  955 + }
  956 + this.getAll(this.formInline)
  957 + this.dialogVisible = false
  958 + this.$refs.ruleForm.clearValidate()
  959 + })
  960 + } else {
  961 + businessListUpdate(this.ruleForm).then(res => {
  962 + console.log(res)
  963 + if (res.code === '') {
  964 + this.$message({
  965 + message: '修改成功',
  966 + type: 'success'
  967 + })
  968 + this.$refs.ruleForm.clearValidate()
  969 + }
  970 + this.getAll(this.formInline)
  971 + this.dialogVisible = false
  972 + })
  973 + }
  974 + } else {
  975 + console.log('error submit!!')
  976 + this.$message.error('请输入完整信息')
  977 + return false
  978 + }
  979 + })
  980 + },
  981 + // 查看
  982 + async seeMore(row) {
  983 + this.ruleForm = row
  984 + this.detbox = true
  985 + // this.showPhone = false
  986 + // this.cpPhoneShow = true
  987 + // this.shopPhoneShow = true
  988 + // const res = await businessListGetById({ shopId: row.shopId })
  989 + // if (res.code === '' || res.code === '200') {
  990 + // this.userState = 3
  991 + // this.disabled = true
  992 + // this.ruleForm = res.data
  993 +
  994 + // this.$set(this.business, 0, res.data.businessStartDate)
  995 + // this.$set(this.business, 1, res.data.businessEndDate)
  996 + // this.$set(this.plan_Time, 0, res.data.validityStartDate)
  997 + // this.$set(this.plan_Time, 1, res.data.validityEndDate)
  998 + // this.dialogVisible = true
  999 + // }
  1000 + },
  1001 + // 编辑
  1002 + async edit(row) {
  1003 + this.showPhone = false
  1004 + this.personPhone = ''
  1005 + this.userState = 1
  1006 + this.disabled = false
  1007 + this.cpPhoneShow = true
  1008 + const res = await businessListGetById({
  1009 + shopId: row.shopId
  1010 + })
  1011 + this.ruleForm = res.data
  1012 + this.$set(this.business, 0, res.data.businessStartDate)
  1013 + this.$set(this.business, 1, res.data.businessEndDate)
  1014 + this.$set(this.plan_Time, 0, res.data.validityStartDate)
  1015 + this.$set(this.plan_Time, 1, res.data.validityEndDate)
  1016 + this.dialogVisible = true
  1017 +
  1018 +
  1019 + },
  1020 + // 删除
  1021 + async del(row) {
  1022 + console.log(row)
  1023 + if (row.state === 1) {
  1024 + const res = await businessListStart({
  1025 + shopName: row.shopName,
  1026 + state: 0,
  1027 + shopId: row.shopId
  1028 + })
  1029 + if (res.code === '') {
  1030 + this.$message({
  1031 + message: '停用成功',
  1032 + type: 'success'
  1033 + })
  1034 + this.getAll(this.formInline)
  1035 + }
  1036 + } else {
  1037 + const res = await businessListStart({
  1038 + shopName: row.shopName,
  1039 + state: 1,
  1040 + shopId: row.shopId
  1041 + })
  1042 + if (res.code === '') {
  1043 + this.$message({
  1044 + message: '启用成功',
  1045 + type: 'success'
  1046 + })
  1047 + this.getAll(this.formInline)
  1048 + }
  1049 + }
  1050 + },
  1051 + delBusiness(row) {
  1052 + // todo 判断商家状态
  1053 + this.$confirm('此操作将永久删除该商家, 是否继续?', '提示', {
  1054 + confirmButtonText: '确定',
  1055 + cancelButtonText: '取消',
  1056 + type: 'warning'
  1057 + }).then(async () => {
  1058 + const res = await delBusinessById({
  1059 + shopId: row.shopId
  1060 + })
  1061 + if (res.code === '') {
  1062 + this.$message({
  1063 + message: '操作成功',
  1064 + type: 'success'
  1065 + })
  1066 + this.getAll(this.formInline)
  1067 + }
  1068 + }).catch(() => {
  1069 +
  1070 + })
  1071 + },
  1072 + // businessListGetAll
  1073 + // 初始化查询所有数据
  1074 + async getAll(formInline) {
  1075 + const res = await businessListGetAll(formInline)
  1076 + this.total = res.data.total
  1077 + this.tableData = res.data.list
  1078 + },
  1079 + // 编辑号码
  1080 + inputPhone() {
  1081 + this.showPhone = true
  1082 + this.personPhone = ''
  1083 + this.$nextTick(() => {
  1084 + this.$refs.phoneCls.focus()
  1085 + })
  1086 + },
  1087 + // 编辑地址
  1088 + inputAddress() {
  1089 + this.showAddress = true
  1090 + this.newAddress = ''
  1091 + this.$nextTick(() => {
  1092 + this.$refs.addressCls.focus()
  1093 + })
  1094 + },
  1095 + // 编辑客户信息
  1096 + inputUserPhone() {
  1097 + this.showUserPhone = true
  1098 + this.userPhone = ''
  1099 + this.$nextTick(() => {
  1100 + this.$refs.userPhoneCls.focus()
  1101 + })
  1102 + },
  1103 + // 中间部分
  1104 + hidden(str, frontLen, endLen) {
  1105 + let endLenData = 0
  1106 + if (str.length !== 2) {
  1107 + endLenData = endLen
  1108 + }
  1109 + const len = str.length - frontLen - endLenData
  1110 + let xing = ''
  1111 + for (let i = 0; i < len; i++) {
  1112 + xing += '*'
  1113 + }
  1114 + return (
  1115 + str.substring(0, frontLen) + xing + str.substring(str.length - endLenData)
  1116 + )
  1117 + },
  1118 + handleSelectionChange(val) {
  1119 + this.multipleSelection = val;
  1120 + },
  1121 + minSev() {
  1122 + this.ziyuanData = this.multipleSelection
  1123 + this.addMing = false
  1124 + this.multipleSelection = []
  1125 + },
  1126 + mingClose() {
  1127 + this.multipleSelection = []
  1128 + this.addMing = false
  1129 + },
  1130 + MingDelete(index) {
  1131 + this.ziyuanData.splice(index, 1);
  1132 + },
  1133 + change(msg) {
  1134 + this.detbox = msg
  1135 +
  1136 + }
  1137 + }
  1138 + }
  1139 +</script>
  1140 +<style lang="scss" scoped>
  1141 + @import url("../../../styles/elDialog.scss");
  1142 +
  1143 + .tableBtn {
  1144 + display: inline-block;
  1145 + margin-right: 10px;
  1146 + cursor: pointer;
  1147 + }
  1148 +
  1149 + .formSearch {
  1150 + display: flex;
  1151 + width: 100%;
  1152 + font-size: 14px;
  1153 + justify-content: space-between;
  1154 + }
  1155 +
  1156 + .greens {
  1157 + color: #3F9B6A;
  1158 + }
  1159 +
  1160 + .pending {
  1161 + padding: 0 20px 20px 20px;
  1162 + min-height: calc(100vh - 50px - 20px);
  1163 + background-color: #Fff;
  1164 + }
  1165 +
  1166 + .zhuti {
  1167 + padding: 0 20px 20px 20px;
  1168 + min-height: calc(100vh - 50px - 20px);
  1169 + background-color: #Fff;
  1170 +
  1171 + }
  1172 +
  1173 + .fenye {
  1174 + display: flex;
  1175 + justify-content: flex-end;
  1176 + position: relative;
  1177 + }
  1178 +
  1179 + .elipt {
  1180 + width: 50%;
  1181 + }
  1182 +
  1183 + .elspan {
  1184 + margin-left: 10px;
  1185 + }
  1186 +
  1187 + ::v-deep .el-input__inner:focus {
  1188 + border: #11be59 1px solid;
  1189 + }
  1190 +
  1191 + ::v-deep .el-input__inner:hover {
  1192 + border: #11be59 1px solid;
  1193 + }
  1194 +
  1195 + ::v-deep .el-select .el-input.is-focus .el-input__inner {
  1196 + border-color: #11be59
  1197 + }
  1198 +
  1199 + ::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
  1200 + background-color: #3F9B6A;
  1201 + }
  1202 +</style>
  1203 +<style lang="scss" scoped>
  1204 + ::v-deep .bian_css {
  1205 + .el-dialog__header {
  1206 + padding: 0px;
  1207 + }
  1208 + }
  1209 +
  1210 + ::v-deep .buttonHover:hover {
  1211 + color: #3f9b6a !important;
  1212 + border-color: #c5e1d2 !important;
  1213 + background-color: #ecf5f0 !important;
  1214 + outline: none;
  1215 + }
  1216 +
  1217 + ::v-deep .el-pagination__total {
  1218 + position: absolute;
  1219 + left: 10px;
  1220 + }
  1221 +
  1222 + ::v-deep .diaslog_zhong {
  1223 + .el-dialog__body {
  1224 + padding: 10px 20px 20px 20px;
  1225 + }
  1226 +
  1227 + .el-upload--picture-card {
  1228 + width: 130px;
  1229 + height: 130px;
  1230 + }
  1231 + }
  1232 +
  1233 + ::v-deep .el-tabs--border-card {
  1234 + border: none;
  1235 + -webkit-box-shadow: none;
  1236 + box-shadow: none;
  1237 +
  1238 + .el-tabs__content {
  1239 + border: 1px solid #E4E7ED;
  1240 + padding: 0;
  1241 + }
  1242 +
  1243 + .el-tabs__header {
  1244 + background-color: #fff;
  1245 + border-bottom: none;
  1246 + }
  1247 +
  1248 + .el-tabs__content {
  1249 + border: none;
  1250 + }
  1251 +
  1252 + .el-tabs__header .el-tabs__item {
  1253 + border: none;
  1254 + margin-right: 10px;
  1255 + background-color: #F2F2F2;
  1256 + font-size: 12px;
  1257 + border-top-left-radius: 8px;
  1258 + border-top-right-radius: 8px;
  1259 + padding: 0 15px;
  1260 + }
  1261 +
  1262 + .el-tabs__header .el-tabs__item.is-active {
  1263 + color: #fff;
  1264 + background-color: #3F9B6A;
  1265 + }
  1266 +
  1267 + .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  1268 + color: #000;
  1269 + }
  1270 + }
  1271 +</style>
admin-web-master/src/views/business/businessList/index.vue
  View file @467908b
1 -<!-- -->  
2 <template> 1 <template>
3 <div style="background-color:#f7f7f7;padding:10px 10px;"> 2 <div style="background-color:#f7f7f7;padding:10px 10px;">
4 - <div class="pending" v-if="dialogVisible == false && detbox ==false"> 3 + <div class="zhuti" v-if="onaction == '1'">
5 <div style="height:58px;line-height:58px;"> 4 <div style="height:58px;line-height:58px;">
6 <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
7 style="color:#000000e6">商家信息管理</span></div> 6 style="color:#000000e6">商家信息管理</span></div>
8 </div> 7 </div>
9 - <!-- 搜索 -->  
10 - <div class="formSearch">  
11 - <el-form :inline="true" :model="formInline">  
12 - <el-form-item label="店铺名称">  
13 - <el-input v-model="formInline.shopName" placeholder="请输入" style="width:168px" />  
14 - </el-form-item>  
15 - <el-form-item label="店铺编码">  
16 - <el-input v-model="formInline.shopCode" placeholder="请输入" style="width:168px" />  
17 - </el-form-item>  
18 - <el-form-item label="负责人">  
19 - <el-input v-model="formInline.chargePersonName" placeholder="请输入" style="width:168px" />  
20 - </el-form-item>  
21 - <el-form-item label="合同状态">  
22 - <el-select v-model="formInline.contractState" placeholder="请选择" style="width:168px">  
23 - <el-option label="有效" value="1" />  
24 - <el-option label="无效" value="0" />  
25 - </el-select>  
26 - </el-form-item>  
27 - </el-form>  
28 - <div>  
29 - <el-button style="background-color: #3F9B6A;color: #fff;" @click="onSubmit">查询  
30 - </el-button>  
31 - <el-button class="buttonHover" style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;"  
32 - @click="resetting">重置  
33 - </el-button> 8 + <!-- 线上 -->
  9 + <div>
  10 + <!-- 搜索 -->
  11 + <div class="formSearch">
  12 + <el-form :inline="true" :model="pagequery">
  13 + <el-form-item label="合同名称">
  14 + <el-input v-model="pagequery.contractName" placeholder="请输入" style="width:168px;" />
  15 + </el-form-item>
  16 + </el-form>
  17 +
  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>
34 </div> 25 </div>
35 - </div>  
36 <div style="margin-bottom:20px;"> 26 <div style="margin-bottom:20px;">
37 - <el-button @click="addbuss" icon="el-icon-circle-plus-outline" style="background-color: #3F9B6A;color: #fff;">新增 27 + <el-button @click="removeonaction('2')" icon="el-icon-circle-plus-outline" style="background-color: #3F9B6A;color: #fff;">新增
38 </el-button> 28 </el-button>
39 </div> 29 </div>
40 - <!-- 表格 -->  
41 - <div class="tableBox">  
42 - <el-table ref="multipleTable" :data="tableData"  
43 - :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"  
44 - tooltip-effect="dark">  
45 - <el-table-column label="店铺名称" min-width="220">  
46 - <template slot-scope="scope">{{ scope.row.shopName }}</template>  
47 - </el-table-column>  
48 - <el-table-column prop="shopCode" label="店铺编码" min-width="200" />  
49 - <el-table-column prop="chargePersonName" label="负责人" min-width="200" />  
50 - <el-table-column prop="chargePersonPhone" label="联系电话" min-width="200" />  
51 - <el-table-column label="合同状态" width="120"> 30 + <!-- 表格 -->
  31 +
  32 + <el-table :data="tableData"
  33 + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
  34 + <el-table-column label="序号">
52 <template slot-scope="scope"> 35 <template slot-scope="scope">
53 - <span v-if="scope.row.contractState === 0">无效</span>  
54 - <span v-if="scope.row.contractState === 1">有效</span> 36 + {{scope.$index + 1}}
55 </template> 37 </template>
56 </el-table-column> 38 </el-table-column>
57 - <el-table-column prop="createTime" label="创建时间" min-width="200" />  
58 - <el-table-column label="操作" show-overflow-tooltip min-width="250"> 39 + <el-table-column label="姓名">
59 <template slot-scope="scope"> 40 <template slot-scope="scope">
60 - <div class="tableBtn greens" @click="seeMore(scope.row)">  
61 - 查看  
62 - </div>  
63 - <div class="tableBtn greens" @click="edit(scope.row)">  
64 - 编辑  
65 - </div>  
66 - <div class="tableBtn greens" @click="del(scope.row)" v-if="scope.row.state == 1">  
67 - 禁用  
68 - </div>  
69 - <div class="tableBtn greens" @click="del(scope.row)" v-else>  
70 - 启用  
71 - </div>  
72 - <div class="tableBtn greens" @click="delBusiness(scope.row)">  
73 - 删除  
74 - </div>  
75 - <!-- <div class="tableBtn greens">  
76 - 画像  
77 - </div> -->  
78 - <!-- <div class="btnList">  
79 - <el-button  
80 - type="text"  
81 - @click="seeMore(scope.row)"  
82 - size="mini"  
83 - style="color: #3F9B6A;border: 1px solid transparent;"  
84 - >查看  
85 - </el-button>  
86 - <el-button  
87 - type="text"  
88 - @click="edit(scope.row)"  
89 - size="mini"  
90 - style="color: #3F9B6A;border: 1px solid transparent;"  
91 - >编辑  
92 - </el-button>  
93 - <el-button  
94 - v-if="scope.row.state == 1"  
95 - type="text"  
96 - @click="del(scope.row)"  
97 - size="mini"  
98 - style="color: #3F9B6A;border: 1px solid transparent;"  
99 - >禁用  
100 - </el-button>  
101 - <el-button  
102 - v-else  
103 - type="text"  
104 - @click="del(scope.row)"  
105 - size="mini"  
106 - style="color: #3F9B6A;border: 1px solid transparent;"  
107 - >启用  
108 - </el-button>  
109 - <el-button  
110 - type="text"  
111 - @click="delBusiness(scope.row)"  
112 - size="mini"  
113 - style="color: #3F9B6A;border: 1px solid transparent;"  
114 - >删除  
115 - </el-button>  
116 - </div> --> 41 + {{scope.row.name}}
  42 +
117 </template> 43 </template>
118 </el-table-column> 44 </el-table-column>
119 - </el-table>  
120 - <div class="fenye">  
121 - <el-pagination :current-page="currentPage" background small :page-sizes="[10, 20, 50, 100]" :page-size="10"  
122 - layout="total, prev, pager, next" :total="total" @size-change="handleSizeChange"  
123 - @current-change="handleCurrentChange" />  
124 - </div>  
125 - </div>  
126 - </div>  
127 - <!-- ******************************************************弹框开始****************************************************** -->  
128 - <!-- 新建商家弹框 -->  
129 - <div class="zhuti" v-if="dialogVisible">  
130 - <div style="height:58px;line-height:58px;">  
131 - <div style="color:#0006"> <span>商家管理</span> <span style="padding:0 5px;">></span> <span  
132 - style="color:#000000e6">{{userState === 0? '新增': userState === 1? '修改': '查看'}}</span></div>  
133 - </div>  
134 - <div style="margin-top: 30px;">  
135 - <div class="titles">  
136 - 商家信息  
137 - </div>  
138 - <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="140px">  
139 - <div style="padding: 20px 20px 20px 0;"> 45 + <el-table-column label="手机号">
  46 + <template slot-scope="scope">
  47 + {{scope.row.phone}}
140 48
141 - <el-row :gutter="20">  
142 - <el-col :span="12">  
143 - <el-form-item label="商家类型" prop="merchantType">  
144 - <el-select v-model="ruleForm.merchantType" :disabled="disabled" placeholder="请选择" style="width:100%">  
145 - <el-option label="线上商家" value="线上商家" />  
146 - <el-option label="实体商家" value="实体商家" />  
147 - </el-select>  
148 - </el-form-item>  
149 - </el-col>  
150 - <el-col :span="12">  
151 - <el-form-item label="姓名" prop="venueNumber">  
152 - <el-input v-model="ruleForm.venueNumber" :disabled="disabled" placeholder="请输入"  
153 - style="margin-top:5px;"></el-input>  
154 - </el-form-item>  
155 - </el-col>  
156 - </el-row>  
157 - <el-row :gutter="20">  
158 - <el-col :span="12">  
159 - <el-form-item label="账号" prop="shopPhone">  
160 - <el-input v-if="shopPhoneShow" :value="hidden(ruleForm.shopPhone, 3, 4)" :disabled="disabled"  
161 - maxlength="20" @focus="focusShopPhoneInput" />  
162 - <el-input v-else ref="shopPhoneCls" v-model="ruleForm.shopPhone" :disabled="disabled"  
163 - maxlength="20" />  
164 - </el-form-item> 49 + </template>
  50 + </el-table-column>
  51 + <el-table-column label="证件类型">
  52 + <template slot-scope="scope">
  53 + {{scope.row.idCardType}}
165 54
166 - </el-col>  
167 - <el-col :span="12">  
168 - <el-form-item label="账号密码" prop="shopPassword">  
169 - <el-input v-model="ruleForm.shopPassword" type="password" :disabled="disabled" maxlength="20" />  
170 - </el-form-item>  
171 - </el-col>  
172 - </el-row>  
173 - <el-row :gutter="20">  
174 - <el-col :span="12">  
175 - <el-form-item label="店铺名称" prop="shopName">  
176 - <el-input v-model="ruleForm.shopName" :disabled="disabled" placeholder="请输入" />  
177 - </el-form-item>  
178 - </el-col>  
179 - <el-col :span="12">  
180 - <el-form-item label="店铺负责人" prop="chargePersonName">  
181 - <el-input v-model="ruleForm.chargePersonName" :disabled="disabled" placeholder="请输入" />  
182 - </el-form-item>  
183 - </el-col>  
184 - </el-row> 55 + </template>
  56 + </el-table-column>
  57 + <el-table-column label="身份证号">
  58 + <template slot-scope="scope">
  59 + {{scope.row.idCardNumber}}
185 60
186 - <el-row :gutter="20">  
187 - <el-col :span="12">  
188 - <el-form-item label="负责人电话" prop="chargePersonPhone">  
189 - <el-input v-model="ruleForm.chargePersonPhone" :disabled="disabled" placeholder="请输入" />  
190 - </el-form-item>  
191 - </el-col>  
192 - <el-col :span="12">  
193 - <el-form-item label="店铺地址" prop="shopAdress">  
194 - <el-input v-model="ruleForm.shopAdress" :disabled="disabled" placeholder="请输入" />  
195 - </el-form-item>  
196 - </el-col>  
197 - </el-row>  
198 - <el-row :gutter="20">  
199 - <el-col :span="12">  
200 - <el-form-item label="证件类型" prop="merchantType">  
201 - <el-select v-model="ruleForm.certificateType" :disabled="disabled" placeholder="请选择"  
202 - style="width:100%">  
203 - <el-option label="身份证" value="身份证" />  
204 - </el-select>  
205 - </el-form-item>  
206 - </el-col>  
207 - <el-col :span="12">  
208 - <el-form-item label="身份证号码" prop="venueNumber">  
209 - <el-input v-model="ruleForm.idCardNum" :disabled="disabled"></el-input>  
210 - </el-form-item>  
211 - </el-col>  
212 - </el-row>  
213 - <el-row :gutter="20">  
214 - <el-col :span="12">  
215 - <el-form-item label="身份证有效期" prop="merchantType">  
216 - <el-date-picker style="width: 100%;" v-model="plan_Time" value-format="yyyy-MM-dd"  
217 - type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"  
218 - align="right" :disabled="disabled">  
219 - </el-date-picker>  
220 - </el-form-item>  
221 - </el-col>  
222 - </el-row>  
223 - <el-row :gutter="20">  
224 - <el-col :span="12">  
225 - <el-form-item label="身份证照片(正面)">  
226 - <img :src="ruleForm.cardPhotoFront" alt="" v-if="disabled" style="width:150px;height:150px" />  
227 - <upimg v-model="ruleForm.cardPhotoFront" :limit="1" :fileSize="1" :isShowTip="false" v-else></upimg>  
228 - </el-form-item>  
229 - </el-col> 61 + </template>
  62 + </el-table-column>
  63 + <el-table-column label="申请时间">
  64 + <template slot-scope="scope">
  65 + {{scope.row.applyTime}}
230 66
231 - </el-row>  
232 - <el-row :gutter="20"> 67 + </template>
  68 + </el-table-column>
  69 + <el-table-column label="状态">
  70 + <template slot-scope="scope">
  71 + <span v-if="scope.row.checkState == '1'">待审核</span>
  72 + <span v-else-if="scope.row.checkState == '2'">同意</span>
  73 + <span v-else-if="scope.row.checkState == '3'">拒绝</span>
  74 + </template>
  75 + </el-table-column>
  76 + <el-table-column label="操作" min-width="150" fixed="right">
  77 + <template slot-scope="scope">
  78 + <div @click="details(scope.row)" class="tableBtn greens">查看</div>
  79 + <div @click="openyujingSet(scope.row)" class="tableBtn greens">审核</div>
  80 + </template>
  81 + </el-table-column>
  82 + </el-table>
  83 + <div style="display: flex;justify-content: space-between;" class="bom">
  84 + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div>
  85 + <el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="10"
  86 + background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange"
  87 + @current-change="handleCurrentChange">
  88 + </el-pagination>
  89 + </div>
233 90
234 - <el-col :span="12">  
235 - <el-form-item label="身份证照片(反面)">  
236 - <img :src="ruleForm.cardPhotoBack" alt="" v-if="disabled" style="width:150px;height:150px" />  
237 - <upimg v-model="ruleForm.cardPhotoBack" :limit="1" :fileSize="1" :isShowTip="false" v-else></upimg>  
238 - </el-form-item>  
239 - </el-col>  
240 - </el-row>  
241 - </div>  
242 - <div class="titles">  
243 - 商户租赁信息  
244 - </div>  
245 - <div style="padding: 20px 20px 20px 0;"> 91 + </div>
246 92
247 - <el-row :gutter="20">  
248 - <el-col :span="12">  
249 - <el-form-item label="主体名称" prop="merchantType">  
250 - <el-input v-model="ruleForm.principalName" placeholder="请输入" :disabled="disabled" />  
251 - </el-form-item>  
252 - </el-col>  
253 - <el-col :span="12">  
254 - <el-form-item label="主体类型" prop="venueNumber">  
255 - <el-select v-model="ruleForm.empiricalSubject" :disabled="disabled" placeholder="请选择"  
256 - style="width:100%"> 93 + </div>
257 94
258 - <el-option label="个体" value="个体" />  
259 - <el-option label="企业" value="企业" />  
260 - </el-select>  
261 - </el-form-item>  
262 - </el-col>  
263 - </el-row>  
264 95
265 - <!-- <el-row :gutter="20">  
266 - <el-col :span="24">  
267 - <el-form-item  
268 - label="租赁资源信息"  
269 - prop="merchantType"  
270 - >  
271 - <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">  
272 - <div style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">  
273 - <div style="color: #3F9B6A;margin-left: 10px;" @click="mingShow">  
274 - 添加  
275 - </div>  
276 - </div>  
277 - <div style="padding: 15px;">  
278 - <div style="padding: 0px 20px 0px 0px">  
279 - <el-table :data="tableData"  
280 - :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"  
281 - >  
282 - <el-table-column label="序号" min-width="5%" >  
283 - <template slot-scope="scope">  
284 - {{scope.$index + 1}}  
285 - </template>  
286 - </el-table-column>  
287 - <el-table-column label="资源名称" min-width="10%">  
288 - <template slot-scope="scope">  
289 96
290 - </template>  
291 - </el-table-column>  
292 - <el-table-column label="资源类型" min-width="10%">  
293 - <template slot-scope="scope">  
294 97
295 - </template>  
296 - </el-table-column>  
297 - <el-table-column label="详细地址" min-width="20%" show-overflow-tooltip>  
298 - <template slot-scope="scope">  
299 98
300 - </template>  
301 - </el-table-column>  
302 99
303 - <el-table-column prop="notes" label="实际使用面积" min-width="25%" show-overflow-tooltip>  
304 - </el-table-column>  
305 - <el-table-column prop="policyName" label="营业执照" min-width="25%" show-overflow-tooltip>  
306 - </el-table-column>  
307 - <el-table-column label="操作" min-width="15%">  
308 - <template slot-scope="scope">  
309 - <div @click="ceSel(scope.$index)" class="tableBtn greens">查看</div>  
310 - <div @click="MingEd(scope.row)" class="tableBtn greens">添加营业执照</div>  
311 - <div @click="MingEd(scope.row)" class="tableBtn greens">录入合同</div>  
312 - <div @click="MingDelete(scope.$index)" class="tableBtn greens">删除</div>  
313 - </template>  
314 - </el-table-column>  
315 - </el-table>  
316 - </div>  
317 - </div>  
318 - </div>  
319 - </el-form-item>  
320 - </el-col> 100 + <el-dialog title="审核" :visible.sync="yujingSet" style="padding: 0;" width="60%" center :close-on-click-modal="false" :show-close="false" top="20vh">
  101 + <div>
  102 + <div style="margin-bottom: 20px;">
  103 + <el-form ref="form" :model="detailsinfo" label-width="120px">
  104 + <el-form-item label="审核状态" prop="checkState">
  105 + <el-select v-model="detailsinfo.checkState" placeholder="请选择" style="width: 100%;">
  106 + <el-option label="待审核" value="1"></el-option>
  107 + <el-option label="同意" value="2"></el-option>
  108 + <el-option label="拒绝" value="3"></el-option>
  109 + </el-select>
  110 + </el-form-item>
  111 + <el-form-item label="审核意见">
  112 + <el-input maxlength="200" show-word-limit rows="4" v-model="detailsinfo.checkOpinion" placeholder="请输入审核意见" type="textarea" />
  113 + </el-form-item>
  114 + </el-form>
321 115
322 - </el-row> -->  
323 - <el-row :gutter="20">  
324 - <el-col :span="12">  
325 - <div style="margin-top: 20px">  
326 - <el-button @click="addCheck('ruleForm')" style="background-color: #3F9B6A;color: #fff;">确  
327 - 定</el-button>  
328 - <el-button @click="closeFn" class="buttonHover"  
329 - style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取 消</el-button> 116 + </div>
  117 + <div style="display: flex;justify-content: flex-end;">
  118 + <el-button @click="yuclose" class="buttonHover"
  119 + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">返回</el-button>
  120 + <el-button @click="yuChenk" style="background-color: #3F9B6A;color: #fff">确定</el-button>
  121 + </div>
  122 + </div>
  123 + </el-dialog>
  124 + <div class="zhuti" v-if="onaction == '2'">
  125 + <div style="height:58px;line-height:58px;">
  126 + <div style="color:#0006"> <span>合同管理</span> <span style="padding:0 5px;">></span> <span
  127 + style="color:#000000e6">新增</span></div>
  128 + </div>
330 129
331 - </div>  
332 - </el-col>  
333 - </el-row>  
334 - </div>  
335 - </el-form> 130 + <div style="padding: 20px 20px 20px 0;">
  131 + <add @removeonaction="removeonaction"></add>
336 </div> 132 </div>
337 </div> 133 </div>
338 - <!-- 查看 -->  
339 - <!-- dialogVisible -->  
340 - <el-dialog :title="  
341 - userState === 0  
342 - ? '新增商家'  
343 - : userState === 1  
344 - ? '修改商家'  
345 - : '查看商家'  
346 - " :visible.sync="disabled" width="65%" center custom-class='XDD_css' :close-on-click-modal="false">  
347 - <div style="padding:20px;">  
348 - <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">  
349 - <el-tab-pane label="入驻类型" name="0">  
350 - <el-form ref="ruleFormInfo" :model="ruleForm" :rules="rulesInfo" label-width="120px">  
351 - <el-form-item label="商家类型" prop="merchantType">  
352 - <el-select v-model="ruleForm.merchantType" :disabled="disabled" placeholder="请选择" style="width:100%">  
353 - <el-option label="线上商家" value="线上商家" />  
354 - <el-option label="实体商家" value="实体商家" />  
355 - </el-select>  
356 - </el-form-item>  
357 - <el-form-item label="经营主体" prop="empiricalSubject">  
358 - <el-select v-model="ruleForm.empiricalSubject" :disabled="disabled" placeholder="请选择"  
359 - style="width:100%">  
360 -  
361 - <el-option label="个体" value="个体" />  
362 - <el-option label="企业" value="企业" />  
363 - </el-select>  
364 - </el-form-item>  
365 -  
366 - </el-form>  
367 - </el-tab-pane>  
368 - <el-tab-pane label="开店信息" name="1">  
369 - <el-form ref="ruleFormInfo" :model="ruleForm" :rules="rulesInfo" label-width="120px">  
370 -  
371 - <el-form-item label="店铺名称" prop="shopName">  
372 - <el-input v-model="ruleForm.shopName" :disabled="disabled" />  
373 - </el-form-item>  
374 - <el-form-item label="店铺负责人" prop="chargePersonName">  
375 - <el-input v-model="ruleForm.chargePersonName" :disabled="disabled" />  
376 - </el-form-item>  
377 - <el-form-item label="负责人电话" prop="chargePersonPhone">  
378 - <el-input v-model="ruleForm.chargePersonPhone" v-if="cpPhoneShow"  
379 - :value="hidden(ruleForm.chargePersonPhone,3,4)" :disabled="disabled" @focus="focuscpPhoneInput" />  
380 - <el-input v-else ref="cpPhoneCls" v-model="ruleForm.chargePersonPhone" clearable :disabled="disabled"  
381 - @change="changecpPhoneInput" />  
382 - </el-form-item>  
383 - <el-form-item label="店铺地址" prop="shopAdress">  
384 - <el-input ref="addressCls" v-model="ruleForm.shopAdress" :disabled="disabled" />  
385 - <!-- <div v-else @click="inputAddress">  
386 - <el-input :value="hidden(ruleForm.shopAdress, 1, 1)" :disabled="disabled" />  
387 - </div> -->  
388 - </el-form-item>  
389 - <!-- <el-form-item  
390 - label="生效日期"  
391 - prop="effectiveDate"  
392 - >  
393 - <el-date-picker  
394 - v-model="ruleForm.effectiveDate"  
395 - :disabled="disabled"  
396 - value-format="yyyy-MM-dd"  
397 - type="date"  
398 - placeholder="选择日期"  
399 - />  
400 - </el-form-item> -->  
401 - <!-- <el-form-item  
402 - label="生效年限"  
403 - prop="effectiveYear"  
404 - >  
405 - <el-input  
406 - v-model="ruleForm.effectiveYear"  
407 - type="text"  
408 - :disabled="disabled"  
409 - placeholder="请输入内容"  
410 - maxlength="4"  
411 - class="elipt"  
412 - style="width: 50%"  
413 - show-word-limit  
414 - />  
415 - <span class="elspan">年</span>  
416 - </el-form-item> -->  
417 - </el-form>  
418 - </el-tab-pane>  
419 - <el-tab-pane label="主体信息" name="2">  
420 - <el-form ref="ruleForm" :model="ruleForm" label-width="130px">  
421 - <el-form-item label="主体名称">  
422 - <el-input v-model="ruleForm.principalName" placeholder="请输入" :disabled="disabled" />  
423 - </el-form-item>  
424 - <el-form-item label="统一社会信用代码">  
425 - <el-input v-model="ruleForm.unifiedSocialCreditCode" :disabled="disabled" placeholder="请输入" />  
426 - </el-form-item>  
427 -  
428 - <el-form-item label="法定代表人">  
429 - <el-input v-model="ruleForm.legalRepresentative" placeholder="请输入" :disabled="disabled" />  
430 - </el-form-item>  
431 - <el-form-item label="经营范围">  
432 - <el-input type="textarea" v-model="ruleForm.businessScope" :rows="4" :disabled="disabled"></el-input>  
433 - </el-form-item>  
434 - <el-form-item label="注册资本">  
435 - <el-input v-model="ruleForm.registeredCapital" placeholder="请输入" :disabled="disabled" />  
436 - </el-form-item>  
437 - <el-form-item label="成立日期">  
438 - <el-input v-model="ruleForm.dateEstablishment" placeholder="请输入" :disabled="disabled" />  
439 - </el-form-item>  
440 - <el-form-item label="住所">  
441 - <el-input v-model="ruleForm.domicile" placeholder="请输入" :disabled="disabled" />  
442 - </el-form-item>  
443 - <el-form-item label="邮箱地址">  
444 - <el-input v-model="ruleForm.emailAddress" placeholder="请输入" :disabled="disabled" />  
445 - </el-form-item>  
446 - <el-form-item label="营业期限">  
447 - <el-date-picker style="width: 100%;" v-model="business" value-format="yyyy-MM-dd HH:mm:ss"  
448 - :disabled="disabled" type="datetimerange" range-separator="至" start-placeholder="开始日期"  
449 - end-placeholder="结束日期" align="right">  
450 - </el-date-picker>  
451 - </el-form-item>  
452 - <el-form-item label="营业执照">  
453 - <img :src="ruleForm.businessLicense" alt="" v-if="disabled" style="width:150px;height:150px" />  
454 - <upimg v-model="ruleForm.businessLicense" :limit="1" :fileSize="1" v-else></upimg>  
455 - </el-form-item>  
456 - </el-form>  
457 - </el-tab-pane>  
458 - <el-tab-pane label="经营者信息" name="3">  
459 - <el-form ref="form" label-width="140px">  
460 - <el-form-item label="客户级别">  
461 - <el-select v-model="ruleForm.customerLevel" :disabled="disabled" placeholder="请选择">  
462 - <el-option label="A" value="A" />  
463 - <el-option label="B" value="B" />  
464 - <el-option label="C" value="C" />  
465 - </el-select>  
466 - </el-form-item>  
467 - <el-form-item label="证件类型">  
468 - <el-select v-model="ruleForm.certificateType" :disabled="disabled" placeholder="请选择">  
469 - <el-option label="身份证" value="身份证" />  
470 - </el-select>  
471 - </el-form-item>  
472 - <el-form-item label="身份证号码">  
473 - <el-input v-model="ruleForm.idCardNum" :disabled="disabled"></el-input>  
474 - </el-form-item>  
475 - <el-form-item label="身份证有效期">  
476 - <el-date-picker style="width: 100%;" v-model="plan_Time" value-format="yyyy-MM-dd" type="datetimerange"  
477 - range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right"  
478 - :disabled="disabled">  
479 - </el-date-picker>  
480 - </el-form-item>  
481 - <el-form-item label="身份证照片(正面)">  
482 - <img :src="ruleForm.cardPhotoFront" alt="" v-if="disabled" style="width:150px;height:150px" />  
483 - <upimg v-model="ruleForm.cardPhotoFront" :limit="1" :fileSize="1" :isShowTip="false" v-else></upimg>  
484 - </el-form-item>  
485 - <el-form-item label="身份证照片(反面)">  
486 - <img :src="ruleForm.cardPhotoBack" alt="" v-if="disabled" style="width:150px;height:150px" />  
487 - <upimg v-model="ruleForm.cardPhotoBack" :limit="1" :fileSize="1" :isShowTip="false" v-else></upimg>  
488 - </el-form-item>  
489 - <el-form-item label="是否为法人">  
490 - <el-select v-model="ruleForm.legalEntity" :disabled="disabled" placeholder="请选择" style="width:100%">  
491 - <el-option label="是" value="是" />  
492 - <el-option label="否" value="否" />  
493 - </el-select>  
494 - </el-form-item>  
495 - <el-form-item label="企业授权书">  
496 - <img :src="ruleForm.enterpriseAuthorizationLetter" alt="" v-if="disabled"  
497 - style="width:150px;height:150px" />  
498 - <upimg v-model="ruleForm.enterpriseAuthorizationLetter" :limit="1" :fileSize="1" :isShowTip="false"  
499 - v-else></upimg>  
500 - </el-form-item>  
501 - </el-form>  
502 - </el-tab-pane>  
503 - <el-tab-pane label="账号" name="4">  
504 - <el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">  
505 - <el-form-item label="账号" prop="shopPhone">  
506 - <el-input v-if="shopPhoneShow" :value="hidden(ruleForm.shopPhone, 3, 4)" :disabled="disabled"  
507 - maxlength="20" @focus="focusShopPhoneInput" />  
508 - <el-input v-else ref="shopPhoneCls" v-model="ruleForm.shopPhone" :disabled="disabled" maxlength="20" />  
509 - </el-form-item>  
510 - <el-form-item label="密码" prop="shopPassword">  
511 - <el-input v-model="ruleForm.shopPassword" type="password" :disabled="disabled" maxlength="20" />  
512 - </el-form-item>  
513 - </el-form>  
514 - </el-tab-pane>  
515 - <el-tab-pane label="资源" name="5" v-if="ruleForm.merchantType =='实体商家'">  
516 - <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">  
517 - <div  
518 - style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">  
519 - <div>资源管理</div>  
520 - <div style="color: #3F9B6A;margin-left: 10px;" @click="addMing = true" v-if="disabled==false">  
521 - 添加  
522 - </div>  
523 - </div>  
524 - <div style="padding: 15px;">  
525 - <div style="padding: 0px 20px 0px 0px">  
526 - <el-table :data="ziyuanData"  
527 - :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">  
528 - <el-table-column label="序号" width="80">  
529 - <template slot-scope="scope">  
530 - {{scope.$index + 1}}  
531 - </template>  
532 - </el-table-column>  
533 - <el-table-column label="资源编号" prop="id" width="150">  
534 -  
535 - </el-table-column>  
536 - <el-table-column label="资源名称" width="200">  
537 - <template slot-scope="scope">  
538 - {{scope.row.shopName ? scope.row.shopName : scope.row.advertisingName}}  
539 - </template>  
540 - </el-table-column>  
541 - <el-table-column label="资源类型" width="150">  
542 - <template slot-scope="scope">  
543 - {{scope.row.advertisingType ?scope.row.advertisingType:'商铺'}}  
544 - </template>  
545 - </el-table-column>  
546 - <el-table-column prop="notes" label="策略描述" width="300">  
547 - </el-table-column>  
548 - <el-table-column prop="policyName" label="策略名称" width="200">  
549 - </el-table-column>  
550 - <el-table-column label="操作" width="200">  
551 - <template slot-scope="scope">  
552 - <!-- <div @click="ceSel(scope.$index)" class="tableBtn greens">策略选择</div> -->  
553 - <!-- <div @click="MingEd(scope.row)" class="tableBtn greens">编辑</div> -->  
554 - <div @click="MingDelete(scope.$index)" class="tableBtn greens">删除</div>  
555 - </template>  
556 - </el-table-column>  
557 - </el-table>  
558 - </div>  
559 - </div>  
560 - </div>  
561 - </el-tab-pane>  
562 - </el-tabs> 134 + <div class="zhuti" v-if="onaction == '3'">
  135 + <div style="height:58px;line-height:58px;">
  136 + <div style="color:#0006"> <span>商家信息管理</span> <span style="padding:0 5px;">></span> <span
  137 + style="color:#000000e6">查看</span></div>
563 </div> 138 </div>
564 - <span slot="footer" class="dialog-footer">  
565 - <el-button @click="closeFn" class="buttonHover"  
566 - style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取 消</el-button>  
567 - <!-- <el-button  
568 - v-if="activeName == '0'"  
569 - @click="next"  
570 - style="background-color: #3F9B6A;color: #fff;"  
571 - >下一步</el-button> -->  
572 - <el-button @click="addCheck('ruleForm')" style="background-color: #3F9B6A;color: #fff;">确 定</el-button>  
573 - </span>  
574 - <!-- 新增资源列表 -->  
575 - <el-dialog :visible.sync="addMing" custom-class='XDD_css' style="padding: 0;" width="50%" append-to-body center  
576 - :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">  
577 - <div  
578 - style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">  
579 - <div>添加</div>  
580 - </div>  
581 - <div style="padding: 15px;width:100%">  
582 - <div style="border: 1px solid #E5E5E5;padding: 1px" id="huodong">  
583 - <div  
584 - style="padding: 10px 13px;font-size: 14px;border-bottom: 1px solid #E5E5E5;display: flex;justify-content: space-between;">  
585 - <div>选择资源</div>  
586 - </div>  
587 - <div style="padding: 15px;">  
588 - <div style="padding: 0px 20px 0px 0px">  
589 - <el-table :data="AddziyuanData" @selection-change="handleSelectionChange" tooltip-effect="dark"  
590 - :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">  
591 - <el-table-column label="选择" type="selection" width="55">  
592 - </el-table-column>  
593 - <el-table-column label="序号" min-width="8%">  
594 - <template slot-scope="scope">  
595 - {{scope.$index + 1}}  
596 - </template>  
597 - </el-table-column>  
598 - <el-table-column label="编号" prop="id" min-width="22%">  
599 -  
600 - </el-table-column>  
601 - <el-table-column label="资源名称" min-width="15%">  
602 - <template slot-scope="scope">  
603 - {{scope.row.shopName ? scope.row.shopName : scope.row.advertisingName}}  
604 - </template>  
605 - </el-table-column>  
606 - <el-table-column label="资源类型" min-width="15%">  
607 - <template slot-scope="scope">  
608 - {{scope.row.advertisingType ?scope.row.advertisingType:'商铺'}}  
609 - </template>  
610 - </el-table-column>  
611 - <el-table-column prop="notes" label="对应策略" min-width="15%">  
612 - </el-table-column>  
613 - </el-table>  
614 - </div>  
615 - </div>  
616 - </div>  
617 - </div>  
618 - <div style="display: flex;justify-content: flex-end;padding: 10px 20px 10px 0">  
619 - <el-button @click="mingClose" class="buttonHover"  
620 - style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消  
621 - </el-button>  
622 - <el-button @click="minSev" style="background-color: #3F9B6A;color: #fff;">确定  
623 - </el-button> 139 + <div>
  140 + <merchantInformation :info="detailsinfo" @removeonaction="removeonaction"></merchantInformation>
  141 + </div>
  142 + <!-- <div>
  143 + <el-button class="buttonHover"
  144 + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;"
  145 + @click="removeonaction('1')">返回</el-button>
  146 + </div> -->
  147 + </div>
624 148
625 - </div>  
626 - </el-dialog>  
627 - </el-dialog>  
628 - <buscha :detbox="detbox" :list="ruleForm" @change="change" v-if="detbox"></buscha>  
629 </div> 149 </div>
  150 + <!-- </div> -->
  151 +
630 </template> 152 </template>
631 153
632 <script> 154 <script>
633 - // 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）  
634 - // 例如：import 《组件名称》 from '《组件路径》';  
635 - import {  
636 - businessListGetAll,  
637 - businessListSave,  
638 - businessListGetById,  
639 - businessListUpdate,  
640 - businessListStart,  
641 - delBusinessById  
642 - } from '@/api/business'  
643 - import upimg from "@/components/ImageUpload/index"; 155 + import add from '@/components/add/addss.vue'
644 import { 156 import {
645 - getAlls  
646 - } from '@/api/information.js' 157 + cerePlatformMerchant,cerePlatformMerchantedit
  158 + } from '../../../api/newly.js'
647 import { 159 import {
648 - getAlls as map1  
649 - } from '@/api/map1'  
650 - import buscha from './busCha.vue' 160 + cereReminderSet,
  161 + cereReminderSetedit
  162 + } from '../../../api/commodityLease.js'
  163 + import merchantInformation from '../../../components/merchantInformation/index.vue'
  164 + import wangEditor from "@/components/editor/index"
651 export default { 165 export default {
652 - components: {  
653 - upimg,  
654 - buscha  
655 - },  
656 data() { 166 data() {
657 - // 这里存放数据  
658 return { 167 return {
659 - // 新建商家弹框  
660 -  
661 - detbox: false,  
662 - dialogVisible: false,  
663 - activeName: 0,  
664 - formInline: {  
665 - shopName: '', // 店铺名称  
666 - shopCode: '', // 店铺编码  
667 - chargePersonName: '', // 店铺负责人  
668 - contractState: '', // 合同状态 1-有效 0-无效  
669 - page: '1', // 当前页  
670 - pageSize: '10' // 每页记录数  
671 - },  
672 - disabled: false,  
673 - ruleForm: {  
674 - shopName: '', // 店铺名称  
675 - chargePersonName: '', // 店铺负责人  
676 - chargePersonPhone: '', // 负责人电话  
677 - shopAdress: '', // 地址  
678 - effectiveDate: '', // 生效日期  
679 - effectiveYear: '', // 生效年限  
680 - contractState: 1, // 合同状态 1-有效 0-无效  
681 - auditLive: 1,  
682 - auditLiveProduct: 1,  
683 - shopPhone: '', // 账号  
684 - shopPassword: '', // 密码  
685 -  
686 - },  
687 - showPhone: false,  
688 - showAddress: false,  
689 - userPhone: '',  
690 - showUserPhone: false,  
691 - newAddress: '',  
692 - personPhone: '', 168 + zhong: {
693 169
694 - rulesInfo: {  
695 - effectiveYear: [{  
696 - required: true,  
697 - message: '请输入生效时限',  
698 - trigger: 'blur'  
699 - }],  
700 - shopName: [{  
701 - required: true,  
702 - message: '请输入店铺名称',  
703 - trigger: 'blur'  
704 - }],  
705 - chargePersonName: [{  
706 - required: true,  
707 - message: '请输入店铺负责人',  
708 - trigger: 'blur'  
709 - }],  
710 - chargePersonPhone: [{  
711 - required: true,  
712 - message: '请输入负责人电话',  
713 - trigger: 'blur'  
714 - },  
715 - {  
716 - pattern: /^1[3456789]\d{9}$/,  
717 - message: '目前只支持中国大陆的手机号码'  
718 - }  
719 - ],  
720 - shopAdress: [{  
721 - required: true,  
722 - message: '请输入地址',  
723 - trigger: 'blur'  
724 - }],  
725 - contractState: [{  
726 - required: true,  
727 - message: '请选择合同状态',  
728 - trigger: 'change'  
729 - }],  
730 - auditLive: [{  
731 - required: true,  
732 - message: '请选择状态',  
733 - trigger: 'change'  
734 - }],  
735 - auditLiveProduct: [{  
736 - required: true,  
737 - message: '请选择状态',  
738 - trigger: 'change'  
739 - }],  
740 - effectiveDate: [{  
741 - required: true,  
742 - message: '请选择日期',  
743 - trigger: 'change'  
744 - }]  
745 }, 170 },
746 - rules: {  
747 - shopPhone: [{  
748 - required: true,  
749 - message: '请输入账号',  
750 - trigger: 'blur'  
751 - },  
752 - {  
753 - pattern: /^1[3456789]\d{9}$/,  
754 - message: '目前只支持中国大陆的手机号码'  
755 - }  
756 - ],  
757 - shopPassword: [{  
758 - required: true,  
759 - message: '请输入密码',  
760 - trigger: 'blur'  
761 - }, 171 + yujingSet: false,
  172 + detailsinfo: {},
  173 + pagequery: {
  174 + pageNumber: 0,
  175 + pageSize: 10,
  176 + dataStatus:'1',
  177 + contractName: '',
762 178
763 - {  
764 - pattern: /^[~!@#$%^&*\-+=_.0-9a-zA-Z]{8,16}$/,  
765 - message: '8-16密码数字英文混合'  
766 - }  
767 - ],  
768 - shopName: [{  
769 - required: true,  
770 - message: '请输入店铺名称',  
771 - trigger: 'blur'  
772 - }],  
773 - chargePersonName: [{  
774 - required: true,  
775 - message: '请输入店铺负责人',  
776 - trigger: 'blur'  
777 - }],  
778 - chargePersonPhone: [{  
779 - required: true,  
780 - message: '请输入负责人电话',  
781 - trigger: 'blur'  
782 - },  
783 - {  
784 - pattern: /^1[3456789]\d{9}$/,  
785 - message: '目前只支持中国大陆的手机号码'  
786 - }  
787 - ],  
788 - shopAdress: [{  
789 - required: true,  
790 - message: '请输入地址',  
791 - trigger: 'blur'  
792 - }],  
793 }, 179 },
794 - total: 1,  
795 tableData: [], 180 tableData: [],
796 - currentPage: 1,  
797 - userState: 1,  
798 - privacyTime: 0,  
799 - cpPhoneShow: true, // 是否显示脱敏负责人手机号  
800 - shopPhoneShow: true, // 是否显示脱敏账号  
801 - addMing: false, //添加资源框  
802 - ziyuanData: [], //资源列表  
803 - AddziyuanData: [], //新增资源选择列表  
804 - multipleSelection: [],  
805 - pageindex: {  
806 - pageNumber: 1,  
807 - pageSize: 10,  
808 - },  
809 - business: [],  
810 - plan_Time: [] 181 + total: 0,
  182 + onaction: '2',
  183 + info: {}
811 } 184 }
812 }, 185 },
813 - // 监听属性 类似于data概念  
814 - computed: {},  
815 - // 监控data中的数据变化  
816 - watch: {},  
817 - // 生命周期 - 创建完成（可以访问当前this实例）  
818 - created() {},  
819 - // 生命周期 - 挂载完成（可以访问DOM元素）  
820 - mounted() {  
821 - this.getAll(this.formInline)  
822 - this.privacyTime = localStorage.getItem('privacyTime')  
823 - console.log(this.privacyTime)  
824 - this.getZiyuan() 186 + components: {
  187 + add,
  188 + merchantInformation,
  189 + wangEditor
825 }, 190 },
826 - // 方法集合  
827 - methods: {  
828 - async getZiyuan() {  
829 - const ziyuan = await getAlls(this.pageindex)  
830 - const ggw = await map1(this.pageindex)  
831 - this.AddziyuanData = [...ziyuan.data.content, ...ggw.data.content]  
832 - },  
833 - focusShopPhoneInput() {  
834 - this.shopPhoneShow = false  
835 - this.ruleForm.shopPhone = ''  
836 - // 自动获取焦点  
837 - this.$nextTick(() => {  
838 - this.$refs.shopPhoneCls.focus()  
839 - })  
840 - },  
841 - focuscpPhoneInput() {  
842 - this.cpPhoneShow = false  
843 - this.ruleForm.chargePersonPhone = ''  
844 - // 自动获取焦点  
845 - this.$nextTick(() => {  
846 - this.$refs.cpPhoneCls.focus()  
847 - })  
848 - },  
849 - changecpPhoneInput() {},  
850 - handleSizeChange(val) {  
851 - this.formInline.pageSize = val  
852 - this.getAll(this.formInline)  
853 - },  
854 - handleCurrentChange(val) {  
855 - this.formInline.page = val  
856 - this.getAll(this.formInline)  
857 - },  
858 - handleClick(tab, event) {  
859 - console.log(tab, event)  
860 - },  
861 - onSubmit() {  
862 - this.getAll(this.formInline)  
863 - },  
864 - resetting() {  
865 - this.formInline = {  
866 - shopName: '', // 店铺名称  
867 - shopCode: '', // 店铺编码  
868 - chargePersonName: '', // 店铺负责人  
869 - contractState: '', // 合同状态 1-有效 0-无效  
870 - page: '1', // 当前页  
871 - pageSize: '10' // 每页记录数  
872 - }  
873 - this.getAll(this.formInline)  
874 - },  
875 - // 新建商家  
876 - addbuss() {  
877 - this.userState = 0  
878 - this.disabled = false  
879 - this.newAddress = ''  
880 - this.personPhone = ''  
881 - this.ruleForm = {  
882 - shopName: '', // 店铺名称  
883 - chargePersonName: '', // 店铺负责人  
884 - chargePersonPhone: '', // 负责人电话  
885 - shopAdress: '', // 地址  
886 - effectiveDate: '', // 生效日期  
887 - effectiveYear: '', // 生效年限  
888 - contractState: 1, // 合同状态 1-有效 0-无效  
889 - auditLive: 1,  
890 - auditLiveProduct: 1,  
891 - shopPhone: '', // 账号  
892 - shopPassword: '' // 密码  
893 - }  
894 - this.business = []  
895 - this.plan_Time = []  
896 -  
897 -  
898 - this.dialogVisible = true  
899 - console.log(this.userState)  
900 - },  
901 - next() {  
902 - this.activeName = this.activeName + 1  
903 - },  
904 - closeFn() {  
905 - this.$nextTick(() => {  
906 - // this.$refs['ruleForm'].clearValidate()  
907 - // this.$refs['ruleFormInfo'].clearValidate()  
908 - this.dialogVisible = false  
909 - })  
910 - },  
911 - // 新建商家确定  
912 - addCheck(ruleForm) {  
913 - this.$refs[ruleForm].validate(valid => {  
914 - if (valid) {  
915 - console.log(this.userState)  
916 - console.log(this.ruleForm)  
917 - // if (this.personPhone !== '') {  
918 - // this.ruleForm.chargePersonPhone = this.personPhone  
919 - // }  
920 - // if (this.newAddress !== '') {  
921 - // this.ruleForm.shopAdress = this.newAddress  
922 - // }  
923 - // if (this.userPhone !== '') {  
924 - // this.ruleForm.shopPhone = this.userPhone  
925 - // }  
926 - // if (this.ruleForm.shopName === '') {  
927 - // this.$message.error('请输入店铺名称')  
928 - // return  
929 - // }  
930 - // if (this.ruleForm.effectiveDate === '') {  
931 - // this.$message.error('请输入生效日期')  
932 - // return  
933 - // }  
934 - // if (this.ruleForm.effectiveYear === '') {  
935 - // this.$message.error('请输入生效年限')  
936 - // return  
937 - // }  
938 - if (this.business.length != 0) {  
939 - this.ruleForm.businessStartDate = this.business[0]  
940 - this.ruleForm.businessEndDate = this.business[1]  
941 - }  
942 - if (this.plan_Time.length != 0) {  
943 - this.ruleForm.validityStartDate = this.plan_Time[0]  
944 - this.ruleForm.validityEndDate = this.plan_Time[1]  
945 - }  
946 -  
947 - if (!this.userState) {  
948 - businessListSave(this.ruleForm).then(res => {  
949 - console.log(res)  
950 - if (res.code === '') {  
951 - this.$message({  
952 - message: '新增成功',  
953 - type: 'success'  
954 - })  
955 - }  
956 - this.getAll(this.formInline)  
957 - this.dialogVisible = false  
958 - this.$refs.ruleForm.clearValidate()  
959 - })  
960 - } else {  
961 - businessListUpdate(this.ruleForm).then(res => {  
962 - console.log(res)  
963 - if (res.code === '') {  
964 - this.$message({  
965 - message: '修改成功',  
966 - type: 'success'  
967 - })  
968 - this.$refs.ruleForm.clearValidate()  
969 - }  
970 - this.getAll(this.formInline)  
971 - this.dialogVisible = false  
972 - })  
973 - }  
974 - } else {  
975 - console.log('error submit!!')  
976 - this.$message.error('请输入完整信息')  
977 - return false  
978 - }  
979 - })  
980 - },  
981 - // 查看  
982 - async seeMore(row) {  
983 - this.ruleForm = row  
984 - this.detbox = true  
985 - // this.showPhone = false  
986 - // this.cpPhoneShow = true  
987 - // this.shopPhoneShow = true  
988 - // const res = await businessListGetById({ shopId: row.shopId })  
989 - // if (res.code === '' || res.code === '200') {  
990 - // this.userState = 3  
991 - // this.disabled = true  
992 - // this.ruleForm = res.data  
993 -  
994 - // this.$set(this.business, 0, res.data.businessStartDate)  
995 - // this.$set(this.business, 1, res.data.businessEndDate)  
996 - // this.$set(this.plan_Time, 0, res.data.validityStartDate)  
997 - // this.$set(this.plan_Time, 1, res.data.validityEndDate)  
998 - // this.dialogVisible = true  
999 - // }  
1000 - },  
1001 - // 编辑  
1002 - async edit(row) {  
1003 - this.showPhone = false  
1004 - this.personPhone = ''  
1005 - this.userState = 1  
1006 - this.disabled = false  
1007 - this.cpPhoneShow = true  
1008 - const res = await businessListGetById({  
1009 - shopId: row.shopId  
1010 - })  
1011 - this.ruleForm = res.data  
1012 - this.$set(this.business, 0, res.data.businessStartDate)  
1013 - this.$set(this.business, 1, res.data.businessEndDate)  
1014 - this.$set(this.plan_Time, 0, res.data.validityStartDate)  
1015 - this.$set(this.plan_Time, 1, res.data.validityEndDate)  
1016 - this.dialogVisible = true  
1017 - 191 + created() {
  192 + this.getAll()
1018 193
  194 + },
  195 + methods: {
  196 + calculateDaysUntilExpiration(endDateString) {
  197 + const endDate = new Date(endDateString);
  198 + const today = new Date();
  199 + const timeDifference = endDate - today;
  200 + const daysDifference = Math.ceil(timeDifference / (1000 * 60 * 60 * 24));
  201 + return daysDifference >= 0 ? daysDifference : '已过期';
  202 + },
  203 + yuclose() {
  204 + this.yujingSet = false
1019 }, 205 },
1020 - // 删除  
1021 - async del(row) {  
1022 - console.log(row)  
1023 - if (row.state === 1) {  
1024 - const res = await businessListStart({  
1025 - shopName: row.shopName,  
1026 - state: 0,  
1027 - shopId: row.shopId  
1028 - })  
1029 - if (res.code === '') {  
1030 - this.$message({  
1031 - message: '停用成功',  
1032 - type: 'success'  
1033 - })  
1034 - this.getAll(this.formInline)  
1035 - }  
1036 - } else {  
1037 - const res = await businessListStart({  
1038 - shopName: row.shopName,  
1039 - state: 1,  
1040 - shopId: row.shopId  
1041 - })  
1042 - if (res.code === '') { 206 + yuChenk() {
  207 + console.error(this.detailsinfo)
  208 + cerePlatformMerchantedit(this.detailsinfo).then(res => {
  209 + console.error(res)
  210 + if (res.code == 200) {
1043 this.$message({ 211 this.$message({
1044 - message: '启用成功', 212 + message: '处理成功',
1045 type: 'success' 213 type: 'success'
1046 }) 214 })
1047 - this.getAll(this.formInline)  
1048 - }  
1049 - }  
1050 - },  
1051 - delBusiness(row) {  
1052 - // todo 判断商家状态  
1053 - this.$confirm('此操作将永久删除该商家, 是否继续?', '提示', {  
1054 - confirmButtonText: '确定',  
1055 - cancelButtonText: '取消',  
1056 - type: 'warning'  
1057 - }).then(async () => {  
1058 - const res = await delBusinessById({  
1059 - shopId: row.shopId  
1060 - })  
1061 - if (res.code === '') { 215 + this.yujingSet = false
  216 + } else {
1062 this.$message({ 217 this.$message({
1063 - message: '操作成功',  
1064 - type: 'success' 218 + message: '处理失败',
  219 + type: 'error'
1065 }) 220 })
1066 - this.getAll(this.formInline)  
1067 } 221 }
1068 - }).catch(() => {  
1069 -  
1070 }) 222 })
  223 +
1071 }, 224 },
1072 - // businessListGetAll  
1073 - // 初始化查询所有数据  
1074 - async getAll(formInline) {  
1075 - const res = await businessListGetAll(formInline)  
1076 - this.total = res.data.total  
1077 - this.tableData = res.data.list 225 + openyujingSet(row) {
  226 + // cereReminderSet({
  227 + // reminderType: '1'
  228 + // }).then(res => {
  229 + // console.error(res)
  230 + // this.zhong = res.data
  231 + // })
  232 + this.detailsinfo = JSON.parse(JSON.stringify(row))
  233 + this.yujingSet = true
1078 }, 234 },
1079 - // 编辑号码  
1080 - inputPhone() {  
1081 - this.showPhone = true  
1082 - this.personPhone = ''  
1083 - this.$nextTick(() => {  
1084 - this.$refs.phoneCls.focus()  
1085 - }) 235 + details(row) {
  236 + this.detailsinfo = row
  237 + this.onaction = '3'
1086 }, 238 },
1087 - // 编辑地址  
1088 - inputAddress() {  
1089 - this.showAddress = true  
1090 - this.newAddress = ''  
1091 - this.$nextTick(() => {  
1092 - this.$refs.addressCls.focus()  
1093 - }) 239 + biangeng(row) {
  240 + alert(`合同变更 - 店铺ID: ${row.id}`);
1094 }, 241 },
1095 - // 编辑客户信息  
1096 - inputUserPhone() {  
1097 - this.showUserPhone = true  
1098 - this.userPhone = ''  
1099 - this.$nextTick(() => {  
1100 - this.$refs.userPhoneCls.focus()  
1101 - }) 242 + xuyue(row) {
  243 + alert(`合同续约 - 店铺ID: ${row.id}`);
  244 + },
  245 + zhongzhi(row) {
  246 + alert(`合同终止 - 店铺ID: ${row.id}`);
1102 }, 247 },
1103 - // 中间部分  
1104 - hidden(str, frontLen, endLen) {  
1105 - let endLenData = 0  
1106 - if (str.length !== 2) {  
1107 - endLenData = endLen  
1108 - }  
1109 - const len = str.length - frontLen - endLenData  
1110 - let xing = ''  
1111 - for (let i = 0; i < len; i++) {  
1112 - xing += '*'  
1113 - }  
1114 - return (  
1115 - str.substring(0, frontLen) + xing + str.substring(str.length - endLenData)  
1116 - ) 248 + async getAll() {
  249 + const res = await cerePlatformMerchant(this.pagequery)
  250 + this.tableData = res.data.content
  251 + this.total = res.data.totalElements
1117 }, 252 },
1118 - handleSelectionChange(val) {  
1119 - this.multipleSelection = val; 253 + removeonaction(e) {
  254 + console.error(e)
  255 + this.onaction = e
1120 }, 256 },
1121 - minSev() {  
1122 - this.ziyuanData = this.multipleSelection  
1123 - this.addMing = false  
1124 - this.multipleSelection = [] 257 + handleCurrentChange(val) {
  258 + this.pagequery.pageNumber = val - 1
  259 + this.getAll()
1125 }, 260 },
1126 - mingClose() {  
1127 - this.multipleSelection = []  
1128 - this.addMing = false 261 + handleSizeChange(val) {
  262 + this.pagequery.pageSize = val
1129 }, 263 },
1130 - MingDelete(index) {  
1131 - this.ziyuanData.splice(index, 1); 264 + // 查询按钮
  265 + async onSubmit() {
  266 + this.pagequery.pageNumber = 0
  267 + this.getAll()
  268 + },
  269 + //重置按钮
  270 + resetting() {
  271 + this.pagequery = {
  272 + pageNumber: 0,
  273 + pageSize: 10,
  274 + dataStatus:'1',
  275 + contractName: ''
  276 + },
  277 + this.getAll()
1132 }, 278 },
1133 - change(msg) {  
1134 - this.detbox = msg  
1135 -  
1136 - }  
1137 } 279 }
  280 +
1138 } 281 }
1139 </script> 282 </script>
1140 -<style lang="scss" scoped>  
1141 - @import url("../../../styles/elDialog.scss"); 283 +
  284 +<style scoped>
  285 + .zhuti {
  286 + padding: 0 20px 20px 20px;
  287 + min-height: calc(100vh - 50px - 20px);
  288 + background-color: #Fff;
  289 +
  290 + }
  291 + .chengeXia{
  292 + border-bottom: 6px solid #3F9B6A;padding-bottom: 4px;color: #3F9B6A;
  293 + }
  294 +
  295 + /deep/ .el-form-item__content {
  296 + /* line-height: 0; */
  297 + }
1142 298
1143 .tableBtn { 299 .tableBtn {
1144 display: inline-block; 300 display: inline-block;
1145 margin-right: 10px; 301 margin-right: 10px;
1146 - cursor: pointer; 302 + color:#ACACAC;
1147 } 303 }
1148 304
1149 .formSearch { 305 .formSearch {
@@ -1151,121 +307,223 @@ @@ -1151,121 +307,223 @@
1151 width: 100%; 307 width: 100%;
1152 font-size: 14px; 308 font-size: 14px;
1153 justify-content: space-between; 309 justify-content: space-between;
  310 + padding-bottom: 10px;
  311 +
1154 } 312 }
1155 313
1156 .greens { 314 .greens {
1157 color: #3F9B6A; 315 color: #3F9B6A;
1158 } 316 }
1159 317
1160 - .pending {  
1161 - padding: 0 20px 20px 20px;  
1162 - min-height: calc(100vh - 50px - 20px);  
1163 - background-color: #Fff;  
1164 - }  
1165 -  
1166 - .zhuti {  
1167 - padding: 0 20px 20px 20px;  
1168 - min-height: calc(100vh - 50px - 20px);  
1169 - background-color: #Fff;  
1170 - 318 + /deep/ .el-table__row {
  319 + font-size: 14px;
  320 + color:#000000e6;
  321 + height:42px;
1171 } 322 }
1172 323
1173 .fenye { 324 .fenye {
  325 + margin-top: 20px;
1174 display: flex; 326 display: flex;
1175 justify-content: flex-end; 327 justify-content: flex-end;
1176 - position: relative;  
1177 } 328 }
1178 329
1179 - .elipt {  
1180 - width: 50%; 330 + /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
  331 + background-color: #3F9B6A;
1181 } 332 }
1182 333
1183 - .elspan {  
1184 - margin-left: 10px; 334 + .el-row {
  335 + margin-bottom: 20px;
  336 +
  337 + &:last-child {
  338 + margin-bottom: 0;
  339 + }
1185 } 340 }
1186 341
1187 - ::v-deep .el-input__inner:focus {  
1188 - border: #11be59 1px solid; 342 + .el-col {
  343 + border-radius: 4px;
1189 } 344 }
1190 345
1191 - ::v-deep .el-input__inner:hover {  
1192 - border: #11be59 1px solid; 346 + .bg-purple-dark {
  347 + background: #99a9bf;
1193 } 348 }
1194 349
1195 - ::v-deep .el-select .el-input.is-focus .el-input__inner {  
1196 - border-color: #11be59 350 + .bg-purple {
  351 + background: #d3dce6;
1197 } 352 }
1198 353
1199 - ::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {  
1200 - background-color: #3F9B6A; 354 + .bg-purple-light {
  355 + background: #e5e9f2;
1201 } 356 }
1202 -</style>  
1203 -<style lang="scss" scoped>  
1204 - ::v-deep .bian_css {  
1205 - .el-dialog__header {  
1206 - padding: 0px;  
1207 - } 357 +
  358 + .grid-content {
  359 + border-radius: 4px;
  360 + min-height: 36px;
1208 } 361 }
1209 362
1210 - ::v-deep .buttonHover:hover {  
1211 - color: #3f9b6a !important;  
1212 - border-color: #c5e1d2 !important;  
1213 - background-color: #ecf5f0 !important;  
1214 - outline: none; 363 + .row-bg {
  364 + padding: 10px 0;
  365 + background-color: #f9fafc;
1215 } 366 }
1216 367
1217 - ::v-deep .el-pagination__total {  
1218 - position: absolute;  
1219 - left: 10px; 368 + /deep/ .bg-purple[data-v-0e3fe4ec] {
  369 + background: #fff;
  370 + height: 50px;
  371 + }
  372 + /deep/ .bg-purple[data-v-3bebae82]{
  373 + background: #fff;
  374 + height: 50px;
  375 + }
  376 +
  377 +::v-deep .bg-purple{
  378 + background: #fff;
  379 + height: 50px;
  380 + }
  381 + /deep/ .el-form--label-top .el-form-item__label {
  382 + padding: 0;
  383 + }
  384 +::v-deep .el-form-item{
  385 + margin-bottom:16px;
  386 +}
  387 + .device-form .el-form-item__label::after {
  388 + content: "*";
  389 + color: #1A1A1A;
  390 + margin-left: 5px;
  391 + font-size: 16px;
1220 } 392 }
1221 393
1222 - ::v-deep .diaslog_zhong {  
1223 - .el-dialog__body {  
1224 - padding: 10px 20px 20px 20px;  
1225 - }  
1226 394
1227 - .el-upload--picture-card {  
1228 - width: 130px;  
1229 - height: 130px; 395 + ::v-deep .el-dialog__wrapper {
  396 + .el-dialog__header {
  397 + background-color: #FAFAFA;
1230 } 398 }
1231 } 399 }
  400 + ::v-deep .el-input__inner:focus {
  401 + border: #3F9B6A 1px solid;
  402 + }
  403 + .dialog-footer {
  404 + display: flex;
  405 + justify-content: flex-end;
  406 + border-top: solid rgba(209, 209, 209, 0.2) 2px;
  407 + padding-top: 20px;
  408 + }
  409 + ::v-deep .el-input__inner:focus {
  410 + border: #3F9B6A 1px solid;
  411 + }
  412 + ::v-deep .el-input__inner:hover {
  413 + border: #3F9B6A 1px solid;
  414 + }
  415 + ::v-deep .el-select .el-input.is-focus .el-input__inner{
  416 + border-color:#3F9B6A
  417 + }
  418 +::v-deep .btn .el-button:focus,
  419 +.el-button:hover {
  420 + border: 1px solid #3F9B6A;
  421 +}
  422 +.el-select-dropdown__item.selected{
  423 + color: #3F9B6A;
  424 +}
  425 +
  426 +.el-pagination__sizes .el-input .el-input__inner:hover{
  427 + border-color: #3F9B6A;
  428 +}
  429 +::v-deep .el-dialog__wrapper{
  430 +
  431 + .dialog_css{
  432 + margin-right: 12px;
  433 + margin-top:61px !important;
  434 + .el-dialog__title {
  435 + font-size: 16px !important;
  436 + font-weight: 600;
  437 + color: #000;
  438 + }
  439 + }
  440 + .diaslog_zhong{
  441 + margin-left: 20%;
  442 + margin-top:61px !important;
  443 + }
1232 444
1233 - ::v-deep .el-tabs--border-card {  
1234 - border: none;  
1235 - -webkit-box-shadow: none;  
1236 - box-shadow: none; 445 +}
  446 + ::v-deep .diaslog_zhong{
  447 + margin-left: 20%;
  448 + margin-top:61px !important;
  449 + .el-dialog__header{
  450 + background-color:#fff;
  451 + border-bottom:1px solid #EFEFEF;
  452 + .el-dialog__title{
  453 + font-size: 14px;
  454 + color: #000000e6;
  455 + }
  456 + }
  457 + .el-dialog__body{
  458 + padding:10px 20px 30px 20px
  459 + }
  460 + }
1237 461
1238 - .el-tabs__content {  
1239 - border: 1px solid #E4E7ED;  
1240 - padding: 0;  
1241 - } 462 + /deep/ .el-table_1_column_8 .hetong{
  463 + color:#7DBB9A;
  464 + text-decoration: underline;
  465 +}
  466 +/deep/ .first-column-bg {
  467 + background-color: #FAFAFA !important;
  468 + }
1242 469
1243 - .el-tabs__header {  
1244 - background-color: #fff;  
1245 - border-bottom: none;  
1246 - } 470 +.el-table tr{
  471 + height:56px;
  472 +}
1247 473
1248 - .el-tabs__content { 474 +::v-deep .table3{
  475 + .el-table__empty-block{
  476 + display:none;
  477 + }
  478 +}
  479 +::v-deep .textarea{
  480 + width: 85%;
  481 + .el-textarea__inner{
  482 + width: 100%;
  483 + }
  484 +}
  485 +::v-deep .el-button--mini{
  486 + padding: 7px 10px;
  487 +}
  488 +::v-deep .pass_input{
  489 + width: 100%;
  490 + .el-input__inner {
1249 border: none; 491 border: none;
  492 + padding:0;
  493 + }
  494 + }
  495 +::v-deep .pass_select{
  496 + width: 100%;
  497 + .el-input__inner {
  498 + border: none;
  499 + padding:0;
1250 } 500 }
  501 + .el-icon-arrow-up:before{
  502 + content:''
  503 + }
1251 504
1252 - .el-tabs__header .el-tabs__item {  
1253 - border: none;  
1254 - margin-right: 10px;  
1255 - background-color: #F2F2F2;  
1256 - font-size: 12px;  
1257 - border-top-left-radius: 8px;  
1258 - border-top-right-radius: 8px;  
1259 - padding: 0 15px;  
1260 - } 505 +}
  506 + /deep/ .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
  507 + background-color: #fff;
  508 +}
1261 509
1262 - .el-tabs__header .el-tabs__item.is-active {  
1263 - color: #fff;  
1264 - background-color: #3F9B6A;  
1265 - }  
1266 510
1267 - .el-tabs__header .el-tabs__item:not(.is-disabled):hover {  
1268 - color: #000; 511 +</style>
  512 +<style lang="scss" scoped>
  513 + ::v-deep .bian_css{
  514 + .el-dialog__header{
  515 + padding:0px;
1269 } 516 }
1270 } 517 }
  518 + ::v-deep .buttonHover:hover{
  519 + color:#3f9b6a !important;
  520 + border-color: #c5e1d2 !important;
  521 + background-color: #ecf5f0 !important;
  522 + outline: none;
  523 + }
  524 + ::v-deep .el-pagination__total{
  525 + position: absolute;
  526 + left: 33px;
  527 + }
1271 </style> 528 </style>
  529 +