Blame view

admin-web-master/src/views/detect/admap.vue 30.8 KB
3f535f30   杨鑫   '初始'
1
2
  <template>
    <div style="background-color:#f7f7f7;padding:10px 10px;">
4373acf5   wesley88   1
3
      <div class="zhuti" v-if="onaction == '1'">
3f535f30   杨鑫   '初始'
4
5
        <div style="height:58px;line-height:58px;">
          <div style="color:#0006"> <span>招商资源监测</span> <span style="padding:0 5px;">></span> <span
4373acf5   wesley88   1
6
              style="color:#000000e6">资源地图</span></div>
3f535f30   杨鑫   '初始'
7
        </div>
4373acf5   wesley88   1
8
        <!-- 线上 -->
3f535f30   杨鑫   '初始'
9
10
        <div>
          <!-- 搜索 -->
3f535f30   杨鑫   '初始'
11
          <div class="formSearch">
4373acf5   wesley88   1
12
13
14
15
16
17
            <el-form :inline="true" :model="pagequery">
              <!-- <el-form-item label="商铺名称" prop="shopName">
                <el-select v-model="pagequery.shopName" placeholder="请选择" style="width: 168px;margin-right: 15px">
                  <el-option :label="item.shopName" :value="item.shopName" v-for="(item,index) in this.tableData"
                    :key="index" />
                </el-select>
ab818baa   杨鑫   '1'
18
              </el-form-item> -->
4373acf5   wesley88   1
19
20
              <el-form-item label="所属区域" prop="belongingRegion">
                <el-select v-model="pagequery.belongingRegion" placeholder="请选择" style="width: 168px;margin-right: 15px">
3f535f30   杨鑫   '初始'
21
22
23
24
25
26
27
28
29
30
31
                  <el-option label="成华区" value="成华区"></el-option>
                  <el-option label="武侯区" value="武侯区"></el-option>
                  <el-option label="锦江区" value="锦江区"></el-option>
                  <el-option label="青羊区" value="青羊区"></el-option>
                  <el-option label="金牛区" value="金牛区"></el-option>
                  <el-option label="双流区" value="双流区"></el-option>
                  <el-option label="郫都区" value="郫都区"></el-option>
                  <el-option label="龙泉驿区" value="龙泉驿区"></el-option>
                  <el-option label="温江区" value="温江区"></el-option>
                </el-select>
              </el-form-item>
4373acf5   wesley88   1
32
33
34
35
36
37
              <el-form-item label="建筑形式" prop="architecturalForm">
                <el-select v-model="pagequery.architecturalForm" placeholder="请选择"
                  style="width: 168px;margin-right: 15px">
                  <el-option label="框剪结构" value="框剪结构"></el-option>
                  <el-option label="区域二" value="区域二"></el-option>
                </el-select>
3f535f30   杨鑫   '初始'
38
39
              </el-form-item>
            </el-form>
4373acf5   wesley88   1
40
41
42
  
            <div>
              <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询
3f535f30   杨鑫   '初始'
43
              </el-button>
ab818baa   杨鑫   '1'
44
              <el-button @click="resetting" class="buttonHover"
4373acf5   wesley88   1
45
                style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">重置
3f535f30   杨鑫   '初始'
46
47
48
              </el-button>
            </div>
          </div>
4373acf5   wesley88   1
49
50
51
52
53
          <div style="margin-bottom: 20px;">
            <el-button @click="removeonaction('2')" style="background-color: #3F9B6A;color: #fff;padding:8px 15px;"
              icon="el-icon-circle-plus-outline">新增</el-button>
            <!-- <el-button @click="" style="background-color: #3F9B6A;color: #fff">批量导入</el-button> -->
          </div>
3f535f30   杨鑫   '初始'
54
55
          <!-- 地图 -->
          <div style="display: flex;justify-content: space-between;margin-bottom: 20px;">
ab818baa   杨鑫   '1'
56
            <div style="width: 100%;height: 400px; border: 1px solid #3F9B6A;position: relative;">
4373acf5   wesley88   1
57
              <MapContainer :message="tableData" @MapItem='HandMapItem' ref="mapComponent"></MapContainer>
ab818baa   杨鑫   '1'
58
            </div>
3f535f30   杨鑫   '初始'
59
          </div>
4373acf5   wesley88   1
60
61
62
          <div style="margin: 20px 0;">
            <div style="display: flex;font-size: 14px">
              <div style="margin-right: 25px;cursor: pointer;" @click="chenge('1')" :class="ontype=='1'?'chengeXia':''">商铺
ab818baa   杨鑫   '1'
63
              </div>
4373acf5   wesley88   1
64
65
66
              <div style="margin-right: 25px;cursor: pointer;" @click="chenge('2')" :class="ontype=='2'?'chengeXia':''">
                广告位</div>
              <div style="margin-right: 25px;cursor: pointer;" @click="chenge('3')" :class="ontype=='3'?'chengeXia':''">场地
ab818baa   杨鑫   '1'
67
              </div>
4373acf5   wesley88   1
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
            </div>
          </div>
          <!-- 表格 -->
          <el-table v-if="ontype=='1'" :data="tableData"
            :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
            <el-table-column label="序号" min-width="80">
              <template slot-scope="scope">
                {{scope.$index +1 }}
              </template>
            </el-table-column>
            <el-table-column label="编号" prop="venueNumber" show-overflow-tooltip>
            </el-table-column>
            <el-table-column label="门牌号" prop="houseNumber" show-overflow-tooltip>
  
            </el-table-column>
            <el-table-column label="商铺名称" prop="shopName" show-overflow-tooltip>
  
            </el-table-column>
            <el-table-column label="所属区域" prop="belongingRegion" show-overflow-tooltip>
            </el-table-column>
            <el-table-column label="建筑形式" prop="architecturalForm" show-overflow-tooltip>
            </el-table-column>
            <el-table-column prop="detailedLocation" label="详细地址" show-overflow-tooltip>
            </el-table-column>
            <el-table-column label="实际使用面积" prop="actualUsableArea" show-overflow-tooltip>
            </el-table-column>
            <el-table-column label="负责人" prop="head" show-overflow-tooltip>
            </el-table-column>
            <el-table-column label="租赁到期时间" prop="leaseExpirationDate" show-overflow-tooltip>
            </el-table-column>
            <el-table-column label="状态" prop="publishStatus" show-overflow-tooltip>
              <template slot-scope="scope">
                {{scope.row.publishStatus=='0'?'待发布':scope.row.publishStatus=='1'?'已发布':scope.row.rentalStatus=='0'?'待租':'已租'}}
              </template>
            </el-table-column>
            <el-table-column label="操作" min-width="250" fixed="right">
              <template slot-scope="scope">
                <div @click="opencl(scope.row,'sp')" class="tableBtn greens">绑定策略</div>
                <div @click="details(scope.row)" class="tableBtn greens">查看</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'" @click="removeinfo(scope.row,'编辑')">编辑
3f535f30   杨鑫   '初始'
108
                </div>
4373acf5   wesley88   1
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'" @click="closemsg(scope.row)">删除</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'"
                  @click="removeinfozz(scope.row,'1','发布')">发布</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='1'"
                  @click="removeinfozz(scope.row,'0','下架')">下架</div>
              </template>
            </el-table-column>
          </el-table>
          <el-table v-if="ontype=='2'" :data="tableData"
            :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
            <el-table-column label="序号" min-width="100">
              <template slot-scope="scope">
                {{scope.$index +1}}
              </template>
            </el-table-column>
            <el-table-column label="广告位名称" prop="advertisingName" min-width="200">
            </el-table-column>
            <el-table-column label="广告位类型" prop="advertisingType" min-width="150">
            </el-table-column>
            <!-- <el-table-column label="详细地址" prop="detailedLocation" min-width="200">
            </el-table-column>
            <el-table-column label="设备类型" prop="deviceType" min-width="150">
            </el-table-column>
            <el-table-column label="设备尺寸" prop="equipmentSize" min-width="200">
            </el-table-column>
            <el-table-column label="场地编号" prop="venueNumber" min-width="150">
            </el-table-column>
            <el-table-column label="广告尺寸" prop="dimensions" min-width="200">
            </el-table-column>
            <el-table-column label="广告材质" prop="advertisingMaterial" min-width="150">
            </el-table-column>
            <el-table-column prop="createUser" label="创建人" min-width="120">
            </el-table-column>
            <el-table-column prop="rentalStatus" label="租赁状态" min-width="120">
              <template slot-scope="scope">
                {{scope.row.rentalStatus == 0?'未租':'已租'}}
              </template>
            </el-table-column> -->
            <el-table-column prop="publishStatus" label="发布状态" min-width="120">
              <template slot-scope="scope">
                {{scope.row.publishStatus == 0?'待发布':'已提交'}}
              </template>
            </el-table-column>
            <el-table-column prop="leaseExpirationDate" label="租赁到期时间" min-width="200">
            </el-table-column>
            <el-table-column label="操作" min-width="250" fixed="right">
              <template slot-scope="scope">
                <div @click="details(scope.row)" class="tableBtn greens">查看</div>
                <div @click="opencl(scope.row,'gg')" class="tableBtn greens">绑定策略</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'" @click="removeinfo(scope.row,'编辑')">编辑
ab818baa   杨鑫   '1'
159
                </div>
4373acf5   wesley88   1
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'" @click="closemsg(scope.row)">删除</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'"
                  @click="removeinfozz(scope.row,'1','发布')">发布</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='1'"
                  @click="removeinfozz(scope.row,'0','下架')">下架</div>
              </template>
            </el-table-column>
          </el-table>
          <el-table v-if="ontype=='3'" :data="tableData"
            :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
            <el-table-column label="序号">
              <template slot-scope="scope">
                {{scope.$index +1}}
              </template>
            </el-table-column>
            <!-- <el-table-column label="编号" prop="id" v-if="activeName == 'second'">
                       </el-table-column> -->
            <el-table-column label="场地名称" prop="venueName">
            </el-table-column>
            <el-table-column label="实际使用面积" prop="actualArea">
            </el-table-column>
            <el-table-column label="场地类型" prop="venueType">
            </el-table-column>
            <el-table-column label="所属区域" prop="district">
            </el-table-column>
            <el-table-column label="详细位置" prop="detailedLocation">
            </el-table-column>
            <!-- <el-table-column label="租赁状态" >
            </el-table-column> -->
            <!-- <el-table-column label="状态" >
            </el-table-column> -->
            <el-table-column prop="publishStatus" label="发布状态" min-width="120">
              <template slot-scope="scope">
                {{scope.row.publishStatus == 0?'待发布':'已提交'}}
              </template>
            </el-table-column>
            <el-table-column label="操作" min-width="250" fixed="right">
              <template slot-scope="scope">
                <div @click="details(scope.row)" class="tableBtn greens">查看</div>
                <div @click="opencl(scope.row,'cd')" class="tableBtn greens">绑定策略</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'" @click="removeinfo(scope.row,'编辑')">编辑
ab818baa   杨鑫   '1'
201
                </div>
4373acf5   wesley88   1
202
203
204
205
206
207
208
209
210
211
212
213
214
215
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'" @click="closemsg(scope.row)">删除</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='0'"
                  @click="removeinfozz(scope.row,'1','发布')">发布</div>
                <div class="tableBtn greens" v-if="scope.row.publishStatus=='1'"
                  @click="removeinfozz(scope.row,'0','下架')">下架</div>
              </template>
            </el-table-column>
          </el-table>
          <div style="display: flex;justify-content: space-between;" class="bom">
            <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div>
            <el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="10"
              background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange"
              @current-change="handleCurrentChange">
            </el-pagination>
ab818baa   杨鑫   '1'
216
          </div>
ab818baa   杨鑫   '1'
217
  
ab818baa   杨鑫   '1'
218
        </div>
8550d958   杨鑫   '最新'
219
  
4373acf5   wesley88   1
220
      </div>
8550d958   杨鑫   '最新'
221
  
8550d958   杨鑫   '最新'
222
  
8550d958   杨鑫   '最新'
223
224
  
  
8550d958   杨鑫   '最新'
225
226
  
  
4373acf5   wesley88   1
227
228
229
230
231
232
233
234
      <div class="zhuti" v-if="onaction == '2'">
        <div style="height:58px;line-height:58px;">
          <div style="color:#0006"> <span>{{onaction == '1'?'商铺基本信息':onaction == '2'?'广告位基本信息管理':onaction == '3'?'场地基本信息管理':'-'  }}</span> <span style="padding:0 5px;">></span> <span
              style="color:#000000e6">新增</span></div>
        </div>
        <div style="margin: 20px 0;">
          <div style="display: flex;font-size: 14px">
            <div style="margin-right: 25px;cursor: pointer;" @click="chenge('1')" :class="ontype=='1'?'chengeXia':''">商铺
8550d958   杨鑫   '最新'
235
            </div>
4373acf5   wesley88   1
236
237
238
            <div style="margin-right: 25px;cursor: pointer;" @click="chenge('2')" :class="ontype=='2'?'chengeXia':''">
              广告位</div>
            <div style="margin-right: 25px;cursor: pointer;" @click="chenge('3')" :class="ontype=='3'?'chengeXia':''">场地
ab818baa   杨鑫   '1'
239
            </div>
4373acf5   wesley88   1
240
241
242
243
244
245
246
247
248
249
250
          </div>
        </div>
        <div v-if="ontype == '1'" style="padding: 20px 20px 20px 0;">
          <add @removeonaction="removeonaction"></add>
        </div>
        <div v-if="ontype == '2'" style="padding: 20px 20px 20px 0;">
          <addmap @removeonaction="removeonaction" :leixing="leixing"></addmap>
        </div>
        <div v-if="ontype == '3'" style="padding: 20px 20px 20px 0;">
          <addcd @removeonaction="removeonaction"></addcd>
        </div>
ab818baa   杨鑫   '1'
251
      </div>
4373acf5   wesley88   1
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
      <div class="zhuti" v-if="onaction == '3'">
        <div style="height:58px;line-height:58px;">
          <div style="color:#0006"> <span>{{ONACTION == '1'?'商铺基本信息':ONACTION == '2'?'广告位基本信息管理':ONACTION == '3'?'场地基本信息管理':'-'  }}</span> <span style="padding:0 5px;">></span> <span
              style="color:#000000e6">查看</span></div>
        </div>
        <div v-if="ontype == '1'">
          <resourceCommodity :editbgid="detailsinfo" @removeonaction="removeonaction"></resourceCommodity>
        </div>
        <div v-if="ontype == '2'">
          <chakanmap :editbgid="detailsinfo" @removeonaction="removeonaction" :leixing="leixing"></chakanmap>
        </div>
        <div v-if="ontype == '3'">
          <chakancd :editbgid="detailsinfo" @removeonaction="removeonaction"></chakancd>
        </div>
      </div>
      <div class="zhuti" v-if="onaction == '4'">
        <div style="height:58px;line-height:58px;">
          <div style="color:#0006"> <span>{{ONACTION == '1'?'商铺基本信息':ONACTION == '2'?'广告位基本信息管理':ONACTION == '3'?'场地基本信息管理':'-'  }}</span> <span style="padding:0 5px;">></span> <span
              style="color:#000000e6">{{contractChangeReason}}</span></div>
        </div>
        <div v-if="ontype == '1'" style="padding: 20px 20px 20px 0;">
          <add :info="detailsinfo" @removeonaction="removeonaction"></add>
        </div>
        <div v-if="ontype == '2'" style="padding: 20px 20px 20px 0;">
          <addmap :info="detailsinfo" @removeonaction="removeonaction" :leixing="leixing"></addmap>
        </div>
        <div v-if="ontype == '3'" style="padding: 20px 20px 20px 0;">
          <addcd :info="detailsinfo" @removeonaction="removeonaction"></addcd>
        </div>
      </div>
      <el-dialog :visible.sync="addcl" title="选择策略" style="padding: 30px;" width="65%" append-to-body center
        :close-on-click-modal="false" :close-on-press-escape="false" :show-close="false">
        <div style="max-height:50vh;overflow-y: auto;">
          <el-table :data="celueData" tooltip-effect="dark" @selection-change="handleSelectionChange"
            :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}">
            <el-table-column label="选择" type="selection" width="55">
            </el-table-column>
            <el-table-column label="策略名称" prop="policyName" min-width="200">
            </el-table-column>
            <el-table-column label="适用资源" prop="applicableResources" min-width="100">
            </el-table-column>
            <el-table-column label="经营类型" prop="businessType" min-width="150">
  
            </el-table-column>
            <el-table-column label="租金价格" prop="rentalPrice" min-width="150">
            </el-table-column>
            <el-table-column label="租期" prop="leaseTerm" min-width="100">
            </el-table-column>
            <el-table-column label="是否出租" prop="planningObjectives" min-width="100">
              <template slot-scope="scope">
                {{scope.row.isrental == '0'?'否':'是'}}
              </template>
            </el-table-column>
            <el-table-column label="是否自营" prop="planningObjectives" min-width="100">
              <template slot-scope="scope">
                {{scope.row.isSelfOperated == '0'?'否':'是'}}
              </template>
            </el-table-column>
          </el-table>
        </div>
        <template #footer>
          <div style="display: flex; justify-content: flex-end; align-items: center;">
            <el-button @click="minSev" style="background-color: #3F9B6A;color: #fff;">确定</el-button>
            <el-button @click="mingClose" class="buttonHover"
              style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button>
          </div>
        </template>
      </el-dialog>
3f535f30   杨鑫   '初始'
320
    </div>
4373acf5   wesley88   1
321
322
  
  
3f535f30   杨鑫   '初始'
323
324
325
326
  </template>
  
  <script>
    import {
4373acf5   wesley88   1
327
328
329
330
331
332
333
      cereResourceStrategy
    } from '../../api/newly.js'
    import {
      ceGetAll
    } from '../../api/sam.js'
    import * as information from '../../api/information';
    import * as map1 from '../../api/map1';
3f535f30   杨鑫   '初始'
334
    import {
4373acf5   wesley88   1
335
      likeGet,
3f535f30   杨鑫   '初始'
336
    } from '../../api/map1'
4373acf5   wesley88   1
337
338
339
340
341
342
    import {
      getAlls,
      changAlls
    } from '../../api/information';
    import add from '../../components/add/addinformation'
    import resourceCommodity from '../../components/resourceCommodity/index'
3f535f30   杨鑫   '初始'
343
    import MapContainer from "@/components/MapContainer/MapContainer"
4373acf5   wesley88   1
344
345
346
347
    import addmap from '../../components/add/addmap'
    import addcd from '../../components/add/addcd'
    import chakanmap from '../../components/chakan/map'
    import chakancd from '../../components/chakan/cd'
ab818baa   杨鑫   '1'
348
    import {
4373acf5   wesley88   1
349
350
      on
    } from 'screenfull';
3f535f30   杨鑫   '初始'
351
    export default {
3f535f30   杨鑫   '初始'
352
353
      data() {
        return {
4373acf5   wesley88   1
354
355
356
357
358
359
360
361
362
363
364
365
366
367
          oninfo: {},
          celueData: [],
          clData: [],
          multipleSelection: [],
          addcl: false,
          leixing: true,
          //传地图数据
          parentMessage: [],
          ontype: '1',
          contractChangeReason: '',
          detailsinfo: {},
          pagequery: {
            dataStatus: '1',
            pageNumber: 0,
3f535f30   杨鑫   '初始'
368
            pageSize: 10,
4373acf5   wesley88   1
369
            contractName: ''
3f535f30   杨鑫   '初始'
370
          },
3f535f30   杨鑫   '初始'
371
          tableData: [],
4373acf5   wesley88   1
372
373
374
          total: 0,
          onaction: '1',
          formInline: {},
3f535f30   杨鑫   '初始'
375
376
377
378
          pageindex: {
            pageNumber: 1,
            pageSize: 10,
          },
3f535f30   杨鑫   '初始'
379
        }
3f535f30   杨鑫   '初始'
380
      },
ab818baa   杨鑫   '1'
381
      components: {
4373acf5   wesley88   1
382
383
384
385
        chakancd,
        addcd,
        addmap,
        chakanmap,
ab818baa   杨鑫   '1'
386
        MapContainer,
4373acf5   wesley88   1
387
388
        add,
        resourceCommodity,
ab818baa   杨鑫   '1'
389
      },
4373acf5   wesley88   1
390
391
      created() {
        this.getAll()
3f535f30   杨鑫   '初始'
392
      },
3f535f30   杨鑫   '初始'
393
      methods: {
4373acf5   wesley88   1
394
        minSev() {
3f535f30   杨鑫   '初始'
395
  
4373acf5   wesley88   1
396
397
398
399
400
401
402
403
404
405
406
407
          console.error(this.multipleSelection)
          let ids = []
          for (let index = 0; index < this.multipleSelection.length; index++) {
            ids.push(this.multipleSelection[index].id)
          }
          console.error(this.oninfo)
          let c1 = {
            resourcesId: this.oncetype+this.oninfo.id,
            rentalPoliciesIds: ids,
            // resources:this.oninfo
            // rentalPoliciesId: 28,
            // resourcesId: "sp65"
ab818baa   杨鑫   '1'
408
          }
4373acf5   wesley88   1
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
          console.error(c1)
          cereResourceStrategy(c1).then(res => {
            if (res.code == 200) {
              this.addcl = false
              this.$message({
                message: '绑定成功',
                type: 'success'
              })
            } else {
              this.$message({
                message: '绑定失败',
                type: 'error'
              })
            }
          })
        },
        mingClose() {
          this.multipleSelection = []
          this.addcl = false
        },
        async opencl(row,e) {
          this.oncetype = e
          this.oninfo = row
          const celue = await ceGetAll(this.pageindex)
          this.celueData = celue.data.content
          this.addcl = true
3f535f30   杨鑫   '初始'
435
        },
4373acf5   wesley88   1
436
437
438
439
440
441
442
443
444
445
446
        handleSelectionChange(val) {
          this.multipleSelection = val
        },
        chenge(e) {
          this.ontype = e
          this.pagequery.pageNumber = 0
          this.getAll()
        },
        gettime() {
          // 获取当前时间
          let currentTime = new Date();
3f535f30   杨鑫   '初始'
447
  
4373acf5   wesley88   1
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
          // 获取年份
          let year = currentTime.getFullYear();
  
          // 获取月份(注意月份是从0开始计数的,所以需要加1)
          let month = currentTime.getMonth() + 1;
  
          // 获取日期
          let day = currentTime.getDate();
  
          // 获取小时
          let hours = currentTime.getHours();
  
          // 获取分钟
          let minutes = currentTime.getMinutes();
  
          // 获取秒数
          let seconds = currentTime.getSeconds();
  
          // 获取毫秒数
          let milliseconds = currentTime.getMilliseconds();
  
          // 格式化时间为 YYYY-MM-DD
          let formattedDate = `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
  
          // 格式化时间为 HH:MM:SS
          let formattedTime =
            `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
  
          // 格式化时间为 YYYY-MM-DD HH:MM:SS
          let formattedDateTime = `${formattedDate} ${formattedTime}`;
          return formattedDateTime
3f535f30   杨鑫   '初始'
479
  
ab818baa   杨鑫   '1'
480
        },
4373acf5   wesley88   1
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
        removeinfozz(row, e, tit) {
          let that = this
          this.$confirm('确定要' + tit + '吗?', '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            if (this.ontype == '1') {
              information.editList({
                ...row,
                publishStatus: e
              }).then(res => {
                console.error(res)
                if (res.code == 200) {
                  this.$message({
                    message: tit + '成功',
                    type: 'success'
                  })
                  this.removeonaction('1')
                } else {
                  this.$message({
                    message: res.msg,
                    type: 'error'
                  })
                }
              })
            } else if (this.ontype == '2') {
              map1.editList({
                ...row,
                publishStatus: e
              }).then(res => {
                console.error(res)
                if (res.code == 200) {
                  this.$message({
                    message: tit + '成功',
                    type: 'success'
                  })
                  this.removeonaction('1')
                } else {
                  this.$message({
                    message: res.msg,
                    type: 'error'
                  })
                }
              })
            } else if (this.ontype == '3') {
              information.changedit({
                ...row,
                publishStatus: e
              }).then(res => {
                console.error(res)
                if (res.code == 200) {
                  this.$message({
                    message: tit + '成功',
                    type: 'success'
                  })
                  this.removeonaction('1')
                } else {
                  this.$message({
                    message: res.msg,
                    type: 'error'
                  })
                }
              })
ab818baa   杨鑫   '1'
545
            }
4373acf5   wesley88   1
546
547
  
          })
ab818baa   杨鑫   '1'
548
        },
4373acf5   wesley88   1
549
550
551
552
553
554
555
556
557
558
559
560
        details(row) {
          this.detailsinfo = row
          this.onaction = '3'
        },
        removeinfo(row, e) {
          this.contractChangeReason = e
          this.detailsinfo = row
          this.onaction = '4'
        },
        async getAll() {
          if (this.ontype == '1') {
            const res = await getAlls(this.pagequery)
ab818baa   杨鑫   '1'
561
            this.tableData = res.data.content
4373acf5   wesley88   1
562
563
564
            this.total = res.data.totalElements
          } else if (this.ontype == '2') {
            const res = await likeGet(this.pagequery)
ab818baa   杨鑫   '1'
565
            this.tableData = res.data.content
4373acf5   wesley88   1
566
567
568
            this.total = res.data.totalElements
          } else if (this.ontype == '3') {
            const res = await changAlls(this.pagequery)
ab818baa   杨鑫   '1'
569
            this.tableData = res.data.content
4373acf5   wesley88   1
570
            this.total = res.data.totalElements
ab818baa   杨鑫   '1'
571
          }
3f535f30   杨鑫   '初始'
572
  
4373acf5   wesley88   1
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
        },
        removeonaction(e) {
          console.error(e)
          this.onaction = e
          this.pagequery.pageNumber = 0
          this.getAll()
        },
        handleCurrentChange(val) {
          this.pagequery.pageNumber = val - 1
          this.getAll()
        },
        handleSizeChange(val) {
          this.pagequery.pageSize = val
        },
        // 查询按钮
        async onSubmit() {
          this.pagequery.pageNumber = 0
          this.getAll()
        },
        //重置按钮
        resetting() {
          this.pagequery = {
              pageNumber: 0,
              pageSize: 10,
              dataStatus: '1',
              contractName: ''
            },
            this.getAll()
        },
ab818baa   杨鑫   '1'
602
        //删除
4373acf5   wesley88   1
603
        closemsg(item) {
ab818baa   杨鑫   '1'
604
605
606
607
608
609
610
611
612
613
614
615
616
          const h = this.$createElement;
          this.$msgbox({
            title: '消息',
            message: h('p', null, [
              h('span', null, '是否删除 '),
            ]),
            showCancelButton: true,
            showClose: false,
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            customClass: 'oe-dialog-btn',
            beforeClose: (action, instance, done) => {
              if (action === 'confirm') {
4373acf5   wesley88   1
617
618
                if (this.ontype == '1') {
                  information.delList({
ab818baa   杨鑫   '1'
619
620
                    id: item.id
                  }).then(res => {
4373acf5   wesley88   1
621
622
623
                    this.$message({
                      message: '删除成功',
                      type: 'success'
3f535f30   杨鑫   '初始'
624
                    })
4373acf5   wesley88   1
625
626
                    this.getAll()
                    done();
ab818baa   杨鑫   '1'
627
                  })
4373acf5   wesley88   1
628
629
                } else if (this.ontype == '2') {
                  map1.delList({
ab818baa   杨鑫   '1'
630
631
                    id: item.id
                  }).then(res => {
4373acf5   wesley88   1
632
633
634
                    this.$message({
                      message: '删除成功',
                      type: 'success'
3f535f30   杨鑫   '初始'
635
                    })
4373acf5   wesley88   1
636
637
                    this.getAll()
                    done();
ab818baa   杨鑫   '1'
638
                  })
4373acf5   wesley88   1
639
640
                } else if (this.ontype == '3') {
                  information.changDel({
ab818baa   杨鑫   '1'
641
642
                    id: item.id
                  }).then(res => {
4373acf5   wesley88   1
643
644
645
                    this.$message({
                      message: '删除成功',
                      type: 'success'
3f535f30   杨鑫   '初始'
646
                    })
4373acf5   wesley88   1
647
648
                    this.getAll()
                    done();
ab818baa   杨鑫   '1'
649
                  })
ab818baa   杨鑫   '1'
650
                }
ab818baa   杨鑫   '1'
651
652
653
654
655
              } else {
                done();
              }
            }
          })
3f535f30   杨鑫   '初始'
656
657
        },
        //地图详细
ab818baa   杨鑫   '1'
658
659
660
661
        HandMapItem(item) {
          console.log(item)
  
  
4373acf5   wesley88   1
662
663
664
          // if (this.activeName == 'first') {
          //   this.editbgid = item
          //   this.restype = '商铺'
ab818baa   杨鑫   '1'
665
  
4373acf5   wesley88   1
666
667
668
669
          //   this.showBian = true
          //   if (typeof this.editbgid.mapPunctuation == 'string') {
          //     this.parentMessage = JSON.parse(this.editbgid.mapPunctuation)
          //   }
ab818baa   杨鑫   '1'
670
  
4373acf5   wesley88   1
671
672
673
          // } else if (this.activeName == 'second') {
          //   this.editbgid = item
          //   this.restype = '广告位'
ab818baa   杨鑫   '1'
674
  
4373acf5   wesley88   1
675
676
677
678
679
680
          //   this.showBian = true
          //   if (item.advertisingType == '线上广告位') {
          //     this.leixing = true
          //   } else {
          //     this.leixing = false
          //   }
ab818baa   杨鑫   '1'
681
  
4373acf5   wesley88   1
682
683
684
685
686
687
          //   if (typeof this.editbgid.mapMarker == 'string') {
          //     this.parentMessage = JSON.parse(this.editbgid.mapMarker)
          //   }
          // } else if (this.activeName == 'third') {
          //   this.editbgid = item
          //   this.restype = '场地'
ab818baa   杨鑫   '1'
688
  
4373acf5   wesley88   1
689
690
691
692
693
          //   this.showBian = true
          //   if (typeof this.editbgid.mapMarker == 'string') {
          //     this.parentMessage = JSON.parse(this.editbgid.mapMarker)
          //   }
          // } else if (this.activeName == 'fourth') {
ab818baa   杨鑫   '1'
694
  
4373acf5   wesley88   1
695
          // }
ab818baa   杨鑫   '1'
696
697
698
  
  
        },
3f535f30   杨鑫   '初始'
699
      }
4373acf5   wesley88   1
700
  
3f535f30   杨鑫   '初始'
701
702
    }
  </script>
4373acf5   wesley88   1
703
  
3f535f30   杨鑫   '初始'
704
  <style scoped>
4373acf5   wesley88   1
705
706
    .el-table {
      /* height: calc(100vh - 330px); */
3f535f30   杨鑫   '初始'
707
708
709
710
711
712
713
714
715
    }
  
    .zhuti {
      padding: 0 20px 20px 20px;
      min-height: calc(100vh - 50px - 20px);
      background-color: #Fff;
  
    }
  
4373acf5   wesley88   1
716
717
718
719
    .chengeXia {
      border-bottom: 6px solid #3F9B6A;
      padding-bottom: 4px;
      color: #3F9B6A;
3f535f30   杨鑫   '初始'
720
721
    }
  
4373acf5   wesley88   1
722
723
724
    /* /deep/ .el-form-item__content {
      line-height: 0;
    } */
3f535f30   杨鑫   '初始'
725
726
727
728
  
    .tableBtn {
      display: inline-block;
      margin-right: 10px;
4373acf5   wesley88   1
729
      color: #ACACAC;
3f535f30   杨鑫   '初始'
730
731
732
733
734
735
736
737
738
739
740
741
742
    }
  
    .formSearch {
      display: flex;
      width: 100%;
      font-size: 14px;
      justify-content: space-between;
    }
  
    .greens {
      color: #3F9B6A;
    }
  
4373acf5   wesley88   1
743
744
745
746
747
    /deep/ .el-table__row {
      font-size: 14px;
      color: #000000e6;
      height: 42px;
    }
3f535f30   杨鑫   '初始'
748
749
750
751
  
    .fenye {
      margin-top: 20px;
      display: flex;
4373acf5   wesley88   1
752
      justify-content: space-between;
3f535f30   杨鑫   '初始'
753
754
755
756
757
758
759
    }
  
    /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
      background-color: #3F9B6A;
    }
  
  
3f535f30   杨鑫   '初始'
760
761
762
763
764
765
766
767
768
769
  
    .el-col {
      border-radius: 4px;
    }
  
    .bg-purple-dark {
      background: #99a9bf;
    }
  
    .bg-purple {
4373acf5   wesley88   1
770
      background: #d3dce6;
3f535f30   杨鑫   '初始'
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
    }
  
    .bg-purple-light {
      background: #e5e9f2;
    }
  
    .grid-content {
      border-radius: 4px;
      min-height: 36px;
    }
  
    .row-bg {
      padding: 10px 0;
      background-color: #f9fafc;
    }
  
    /deep/ .bg-purple[data-v-0e3fe4ec] {
      background: #fff;
      height: 50px;
    }
  
4373acf5   wesley88   1
792
793
794
    /deep/ .bg-purple[data-v-3bebae82] {
      background: #fff;
      height: 50px;
3f535f30   杨鑫   '初始'
795
796
    }
  
4373acf5   wesley88   1
797
798
799
    ::v-deep .bg-purple {
      background: #fff;
      height: 50px;
3f535f30   杨鑫   '初始'
800
801
    }
  
4373acf5   wesley88   1
802
803
    /deep/ .el-form--label-top .el-form-item__label {
      padding: 0;
3f535f30   杨鑫   '初始'
804
805
    }
  
4373acf5   wesley88   1
806
807
808
809
    ::v-deep .el-dialog__wrapper {
      .el-dialog__header {
        background-color: #fff;
      }
3f535f30   杨鑫   '初始'
810
811
    }
  
3f535f30   杨鑫   '初始'
812
  
3f535f30   杨鑫   '初始'
813
  
4373acf5   wesley88   1
814
815
816
817
818
    .dialog-footer {
      display: flex;
      justify-content: flex-end;
      border-top: solid rgba(209, 209, 209, 0.2) 2px;
      padding-top: 20px;
3f535f30   杨鑫   '初始'
819
820
    }
  
ab818baa   杨鑫   '1'
821
  
ab818baa   杨鑫   '1'
822
  
3f535f30   杨鑫   '初始'
823
  
4373acf5   wesley88   1
824
825
    .el-select-dropdown__item.selected {
      color: #3F9B6A;
3f535f30   杨鑫   '初始'
826
827
    }
  
4373acf5   wesley88   1
828
    ::v-deep .el-dialog__title {
3f535f30   杨鑫   '初始'
829
830
831
      color: #000;
    }
  
4373acf5   wesley88   1
832
    ::v-deep .el-dialog__wrapper {
3f535f30   杨鑫   '初始'
833
  
4373acf5   wesley88   1
834
835
836
      .dialog_css {
        margin-right: 12px;
        margin-top: 61px !important;
3f535f30   杨鑫   '初始'
837
  
3f535f30   杨鑫   '初始'
838
      }
3f535f30   杨鑫   '初始'
839
  
4373acf5   wesley88   1
840
841
842
843
      .diaslog_zhong {
        margin-left: 222px;
        margin-top: 61px !important;
      }
3f535f30   杨鑫   '初始'
844
  
3f535f30   杨鑫   '初始'
845
846
    }
  
4373acf5   wesley88   1
847
848
849
    /deep/ .el-table_1_column_8 .hetong {
      color: #7DBB9A;
      text-decoration: underline;
3f535f30   杨鑫   '初始'
850
851
    }
  
4373acf5   wesley88   1
852
853
    /deep/ .first-column-bg {
      background-color: #FAFAFA !important;
3f535f30   杨鑫   '初始'
854
855
    }
  
4373acf5   wesley88   1
856
857
    .el-table tr {
      height: 56px;
3f535f30   杨鑫   '初始'
858
859
    }
  
4373acf5   wesley88   1
860
861
862
863
    ::v-deep .table3 {
      .el-table__empty-block {
        display: none;
      }
3f535f30   杨鑫   '初始'
864
865
    }
  
4373acf5   wesley88   1
866
867
    ::v-deep .textarea {
      width: 85%;
ab818baa   杨鑫   '1'
868
  
4373acf5   wesley88   1
869
870
871
      .el-textarea__inner {
        width: 100%;
      }
8550d958   杨鑫   '最新'
872
873
    }
  
4373acf5   wesley88   1
874
875
    ::v-deep .el-button--mini {
      padding: 7px 10px;
8550d958   杨鑫   '最新'
876
    }
ab818baa   杨鑫   '1'
877
  
4373acf5   wesley88   1
878
879
    ::v-deep .pass_input {
      width: 100%;
ab818baa   杨鑫   '1'
880
  
4373acf5   wesley88   1
881
882
883
      .el-input__inner {
        border: none;
        padding: 0;
ab818baa   杨鑫   '1'
884
885
886
      }
    }
  
4373acf5   wesley88   1
887
888
    ::v-deep .pass_select {
      width: 100%;
ab818baa   杨鑫   '1'
889
  
4373acf5   wesley88   1
890
      .el-input__inner {
3f535f30   杨鑫   '初始'
891
        border: none;
4373acf5   wesley88   1
892
        padding: 0;
3f535f30   杨鑫   '初始'
893
      }
ab818baa   杨鑫   '1'
894
  
4373acf5   wesley88   1
895
896
897
      .el-icon-arrow-up:before {
        content: ''
      }
8550d958   杨鑫   '最新'
898
  
ab818baa   杨鑫   '1'
899
    }
8550d958   杨鑫   '最新'
900
  
4373acf5   wesley88   1
901
902
    /deep/ .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
      background-color: #fff;
ab818baa   杨鑫   '1'
903
    }
3f535f30   杨鑫   '初始'
904
905
  </style>
  <style lang="scss" scoped>
4373acf5   wesley88   1
906
907
    ::v-deep .el-dialog__body {
      // padding: 0 0 !important;
3f535f30   杨鑫   '初始'
908
    }
ab818baa   杨鑫   '1'
909
910
911
  
    ::v-deep .buttonHover:hover {
      color: #3f9b6a !important;
3f535f30   杨鑫   '初始'
912
913
914
915
      border-color: #c5e1d2 !important;
      background-color: #ecf5f0 !important;
      outline: none;
    }
3f535f30   杨鑫   '初始'
916
  </style>