webapp / GreenwayWeb

Commit b9f23950d3d0a5d5d7f6878da2f5fb41dc8fb837

Authored by wesley88
1 parent d765895d

1

Inline Side-by-side
Showing 7 changed files with 2044 additions and 1164 deletions
admin-web-master/src/api/newly.js
  View file @b9f2395
... ... @@ -27,6 +27,14 @@ export function cerePlatformMerchant(data) {
27 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 39 export function cerePlatformMerchantedit(data) {
32 40 return requestnew({
... ...
admin-web-master/src/components/add/addht.vue
  View file @b9f2395
... ... @@ -248,6 +248,7 @@
248 248 miniioupload
249 249 } from '@/api/commodityLease.js'
250 250 import {
  251 +
251 252 contractinsertAdd
252 253 } from '@/api/manage.js'
253 254 export default {
... ...
admin-web-master/src/components/add/addss.vue 0 → 100644
  View file @b9f2395
  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 @b9f2395
1 1 <template>
2 2 <div>
3   - <div >
  3 + <div>
4 4 <el-tabs v-model="xiangTab">
5 5 <el-tab-pane label="资源信息" name="first">
6 6 <div style="margin-top: 30px;" class="editcss">
... ... @@ -78,20 +78,20 @@
78 78 <el-form-item label="地图标点" prop="mapPunctuation" v-if="false">
79 79 <div style="width: 100%;height: 300px;">
80 80 <!-- :edit='edit' :sendMap='getChildDate' -->
81   - <MapXian :message="parentMessage" ></MapXian>
  81 + <MapXian :message="parentMessage"></MapXian>
82 82 </div>
83 83 </el-form-item>
84 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 89 </el-form-item>
90 90 <el-form-item label="商铺描述" prop="shopDescription">
91   - <div class="duiqi">{{editbgid.shopDescription}}</div>
  91 + <div class="duiqi">{{editbgid.shopDescription}}</div>
92 92 </el-form-item>
93 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 95 </el-form-item>
96 96 <el-form-item label="其他图片/视频" prop="otherImageVideos">
97 97 <div class="duiqi">{{editbgid.otherImageVideos}}</div>
... ... @@ -102,11 +102,35 @@
102 102 </el-tab-pane>
103 103 <el-tab-pane label="招商方案信息" name="second">
104 104 <div style="margin-top: 30px;" class="editcss">
105   - <TitleWithCircle title="招商方案信息" />
106   -
  105 + <!-- <TitleWithCircle title="招商方案信息" /> -->
  106 +
107 107 <TitleWithCircle title="策略方案" />
108 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 134 </div>
111 135 </div>
112 136 </el-tab-pane>
... ... @@ -177,10 +201,13 @@
177 201 <script>
178 202 import MapXian from "@/components/MapContainer/MapXian";
179 203 import TitleWithCircle from '@/components/top/index';
180   - import{cereResourceStrategylist} from '@/api/newly';
  204 + import {
  205 + cereResourceStrategylist
  206 + } from '@/api/newly';
181 207 export default {
182 208 components: {
183   - TitleWithCircle,MapXian
  209 + TitleWithCircle,
  210 + MapXian
184 211 },
185 212 props: {
186 213 editbgid: {
... ... @@ -194,8 +221,8 @@
194 221 return {
195 222 xiangTab: 'first',
196 223 list: [],
197   - parentMessage:{},
198   - datalist:[]
  224 + parentMessage: {},
  225 + datalist: []
199 226 }
200 227 },
201 228 created() {
... ... @@ -205,13 +232,13 @@
205 232 this.parentMessage = this.editbgid.mapPunctuation
206 233 }
207 234 console.error(this.editbgid)
208   - if(this.editbgid.id) {
  235 + if (this.editbgid.id) {
209 236 let c1 = {
210 237 pageNumber: 0,
211 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 242 console.error(res)
216 243 this.datalist = res.data
217 244 })
... ... @@ -221,8 +248,8 @@
221 248  
222 249 },
223 250 methods: {
224   - changetype(){
225   - this.xiangTab= 'first'
  251 + changetype() {
  252 + this.xiangTab = 'first'
226 253 this.$emit('removeonaction', '1')
227 254 },
228 255 }
... ... @@ -232,7 +259,7 @@
232 259 .el-form-item__label {
233 260 color: #a2a2a2;
234 261 }
235   -
  262 +
236 263 .greens {
237 264 color: #3F9B6A;
238 265 }
... ...
admin-web-master/src/main.js
  View file @b9f2395
... ... @@ -31,7 +31,8 @@ Vue.prototype.$API = &#39;/cdwlMall/meserver/api&#39;
31 31  
32 32 //Vue.prototype.$API = process.env.VUE_APP_DOMAIN_PREFIX_2;
33 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 36 // Vue.prototype.$API = 'http://172.16.61.48/meserver/api'
36 37 // Vue.prototype.$API = 'https://jy.scjysm.asia:18086/meserver/api'
37 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 @b9f2395
  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 @b9f2395
1   -<!-- -->
2 1 <template>
3 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 4 <div style="height:58px;line-height:58px;">
6 5 <div style="color:#0006"> <span>商家管理</span> <span style="padding:0 5px;">></span> <span
7 6 style="color:#000000e6">商家信息管理</span></div>
8 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 25 </div>
35   - </div>
36 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 28 </el-button>
39 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 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 37 </template>
56 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 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 43 </template>
118 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 132 </div>
337 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 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 149 </div>
  150 + <!-- </div> -->
  151 +
630 152 </template>
631 153  
632 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 156 import {
645   - getAlls
646   - } from '@/api/information.js'
  157 + cerePlatformMerchant,cerePlatformMerchantedit
  158 + } from '../../../api/newly.js'
647 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 165 export default {
652   - components: {
653   - upimg,
654   - buscha
655   - },
656 166 data() {
657   - // 这里存放数据
658 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 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 211 this.$message({
1044   - message: '启用成功',
  212 + message: '处理成功',
1045 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 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 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 299 .tableBtn {
1144 300 display: inline-block;
1145 301 margin-right: 10px;
1146   - cursor: pointer;
  302 + color:#ACACAC;
1147 303 }
1148 304  
1149 305 .formSearch {
... ... @@ -1151,121 +307,223 @@
1151 307 width: 100%;
1152 308 font-size: 14px;
1153 309 justify-content: space-between;
  310 + padding-bottom: 10px;
  311 +
1154 312 }
1155 313  
1156 314 .greens {
1157 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 324 .fenye {
  325 + margin-top: 20px;
1174 326 display: flex;
1175 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 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 528 </style>
  529 +
... ...