Commit 90d96766e6c095150a79cd70c09c48b612364b59
1 parent
17747ae3
1
Showing
8 changed files
with
2411 additions
and
672 deletions
admin-web-master/src/api/newly.js
| @@ -2,9 +2,17 @@ import request from '@/utils/request' | @@ -2,9 +2,17 @@ import request from '@/utils/request' | ||
| 2 | import requestnew from '@/utils/request2' | 2 | import requestnew from '@/utils/request2' |
| 3 | 3 | ||
| 4 | // 上下架 | 4 | // 上下架 |
| 5 | +// 列表 | ||
| 6 | +export function cereBusinessOperationqueryByPage(data) { | ||
| 7 | + return request({ | ||
| 8 | + url: '/cereBusinessOperation/queryByPage', | ||
| 9 | + method: 'post', | ||
| 10 | + data | ||
| 11 | + }) | ||
| 12 | +} | ||
| 5 | // 添加 | 13 | // 添加 |
| 6 | export function cereBusinessOperationadd(data) { | 14 | export function cereBusinessOperationadd(data) { |
| 7 | - return requestnew({ | 15 | + return request({ |
| 8 | url: '/cereBusinessOperation/add', | 16 | url: '/cereBusinessOperation/add', |
| 9 | method: 'post', | 17 | method: 'post', |
| 10 | data | 18 | data |
admin-web-master/src/components/add/addsam.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div> | ||
| 3 | + <el-form :model="ruleForm" :rules="rulesSt" ref="ruleForm" label-width="130px" class="demo-ruleForm"> | ||
| 4 | + <el-form-item label="策略名称" prop="policyName"> | ||
| 5 | + <el-input v-model="ruleForm.policyName" placeholder="请输入" maxlength="50"></el-input> | ||
| 6 | + </el-form-item> | ||
| 7 | + <el-form-item label="适用资源" prop="applicableResources"> | ||
| 8 | + <el-radio-group v-model="ruleForm.applicableResources"> | ||
| 9 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | ||
| 10 | + <el-radio label="场地" value="场地">场地</el-radio> | ||
| 11 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | ||
| 12 | + </el-radio-group> | ||
| 13 | + </el-form-item> | ||
| 14 | + <el-form-item label="策略模板" prop="policyTemplate"> | ||
| 15 | + <el-select v-model="ruleForm.policyTemplate" placeholder="请选择" style="width:calc(100% - 100px);" @change="changeMode"> | ||
| 16 | + <el-option :label="item.policyName" :value="item.id" v-for="(item,index) in tableData" /> | ||
| 17 | + </el-select> | ||
| 18 | + <el-button style="background-color: #3F9B6A;color: #fff;float: right;" @click="modeCode = true">管理模板 | ||
| 19 | + </el-button> | ||
| 20 | + </el-form-item> | ||
| 21 | + <el-row v-if="ruleForm.applicableResources == '商铺'"> | ||
| 22 | + <el-col :span="12"> | ||
| 23 | + <el-form-item label="是否出租" prop="isRental"> | ||
| 24 | + <el-select v-model="ruleForm.isRental" placeholder="请选择" style="width: 100%;"> | ||
| 25 | + <el-option label="自营" value="0" /> | ||
| 26 | + <el-option label="是" value="1" /> | ||
| 27 | + </el-select> | ||
| 28 | + </el-form-item> | ||
| 29 | + </el-col> | ||
| 30 | + <el-col :span="12"> | ||
| 31 | + <el-form-item label="经营类型" prop="businessType"> | ||
| 32 | + <el-select v-model="ruleForm.businessType" placeholder="请选择" style="width: 100%;"> | ||
| 33 | + <el-option label="超市" value="超市" /> | ||
| 34 | + <el-option label="鞋店" value="鞋店" /> | ||
| 35 | + <el-option label="家居饰品店" value="家居饰品店" /> | ||
| 36 | + </el-select> | ||
| 37 | + <!-- <el-input v-model="ruleForm.businessType" placeholder="请输入" maxlength="50"></el-input> --> | ||
| 38 | + </el-form-item> | ||
| 39 | + </el-col> | ||
| 40 | + </el-row> | ||
| 41 | + <el-row v-if="ruleForm.applicableResources == '商铺'"> | ||
| 42 | + <el-col :span="12"> | ||
| 43 | + <el-form-item label="租金" prop="rentalPrice"> | ||
| 44 | + <el-input v-model.number="ruleForm.rentalPrice" placeholder="请输入" maxlength="30"> | ||
| 45 | + <template slot="suffix"><span | ||
| 46 | + style="position: absolute;top: 0px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | ||
| 47 | + </el-input> | ||
| 48 | + </el-form-item> | ||
| 49 | + </el-col> | ||
| 50 | + <el-col :span="12"> | ||
| 51 | + <el-form-item label="付款周期" prop="leaseTerm"> | ||
| 52 | + <el-select v-model="ruleForm.leaseTerm" placeholder="请选择" style="width: 100%;"> | ||
| 53 | + <el-option label="日" value="日" /> | ||
| 54 | + <el-option label="月" value="月" /> | ||
| 55 | + <el-option label="季" value="季" /> | ||
| 56 | + <el-option label="年" value="年" /> | ||
| 57 | + </el-select> | ||
| 58 | + </el-form-item> | ||
| 59 | + </el-col> | ||
| 60 | + </el-row> | ||
| 61 | + <el-row v-if="ruleForm.applicableResources == '商铺'"> | ||
| 62 | + <el-col :span="12"> | ||
| 63 | + <el-form-item label="租赁时段" prop="leaseDate"> | ||
| 64 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | ||
| 65 | + style="width: 100%;" start-placeholder="开始日期" end-placeholder="结束日期"> | ||
| 66 | + </el-date-picker> | ||
| 67 | + </el-form-item> | ||
| 68 | + </el-col> | ||
| 69 | + <el-col :span="12"> | ||
| 70 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | ||
| 71 | + <el-input v-model="ruleForm.rentFreeCondition" placeholder="请输入" maxlength="50"></el-input> | ||
| 72 | + </el-form-item> | ||
| 73 | + </el-col> | ||
| 74 | + </el-row> | ||
| 75 | + <el-row v-if="ruleForm.applicableResources == '商铺'"> | ||
| 76 | + <el-col :span="12"> | ||
| 77 | + <el-form-item label="免租期" prop="rentFreePeriod"> | ||
| 78 | + <el-select v-model="ruleForm.rentFreePeriod" placeholder="请选择" style="width: 100%;"> | ||
| 79 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 80 | + </el-select> | ||
| 81 | + </el-form-item> | ||
| 82 | + </el-col> | ||
| 83 | + <el-col :span="12"> | ||
| 84 | + <el-form-item label="付款日" prop="payDay"> | ||
| 85 | + <el-select v-model="ruleForm.payDay" placeholder="请选择" style="width: 100%;"> | ||
| 86 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 87 | + </el-select> | ||
| 88 | + </el-form-item> | ||
| 89 | + </el-col> | ||
| 90 | + </el-row> | ||
| 91 | + | ||
| 92 | + <el-row v-if="ruleForm.applicableResources == '场地' || ruleForm.applicableResources == '广告位'"> | ||
| 93 | + <el-col :span="12"> | ||
| 94 | + <el-form-item label="是否出租" prop="isRental"> | ||
| 95 | + <el-select v-model="ruleForm.isRental" placeholder="请选择" style="width: 100%;"> | ||
| 96 | + <el-option label="自营" value="0" /> | ||
| 97 | + <el-option label="是" value="1" /> | ||
| 98 | + </el-select> | ||
| 99 | + </el-form-item> | ||
| 100 | + </el-col> | ||
| 101 | + <el-col :span="12"> | ||
| 102 | + <el-form-item label="租金价格" prop="rentalPrice"> | ||
| 103 | + <el-input v-model.number="ruleForm.rentalPrice" placeholder="请输入" maxlength="30"> | ||
| 104 | + <template slot="suffix"><span | ||
| 105 | + style="position: absolute;top: 0px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | ||
| 106 | + </el-input> | ||
| 107 | + </el-form-item> | ||
| 108 | + </el-col> | ||
| 109 | + </el-row> | ||
| 110 | + <el-row v-if="ruleForm.applicableResources == '场地' || ruleForm.applicableResources == '广告位'"> | ||
| 111 | + | ||
| 112 | + <el-col :span="12"> | ||
| 113 | + <el-form-item label="付款周期" prop="leaseTerm"> | ||
| 114 | + <el-select v-model="ruleForm.leaseTerm" placeholder="请选择" style="width: 100%;"> | ||
| 115 | + <el-option label="日" value="日" /> | ||
| 116 | + <el-option label="月" value="月" /> | ||
| 117 | + <el-option label="季" value="季" /> | ||
| 118 | + <el-option label="年" value="年" /> | ||
| 119 | + </el-select> | ||
| 120 | + </el-form-item> | ||
| 121 | + </el-col> | ||
| 122 | + <el-col :span="12"> | ||
| 123 | + <el-form-item label="租赁时段" prop="leaseDate"> | ||
| 124 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | ||
| 125 | + style="width: 100%;" start-placeholder="开始日期" end-placeholder="结束日期"> | ||
| 126 | + </el-date-picker> | ||
| 127 | + </el-form-item> | ||
| 128 | + </el-col> | ||
| 129 | + </el-row> | ||
| 130 | + <el-row v-if="ruleForm.applicableResources == '场地' || ruleForm.applicableResources == '广告位'"> | ||
| 131 | + <el-col :span="12"> | ||
| 132 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | ||
| 133 | + <el-input v-model="ruleForm.rentFreeCondition" placeholder="请输入" maxlength="50"></el-input> | ||
| 134 | + </el-form-item> | ||
| 135 | + </el-col> | ||
| 136 | + <el-col :span="12"> | ||
| 137 | + <el-form-item label="免租期" prop="rentFreePeriod"> | ||
| 138 | + <el-select v-model="ruleForm.rentFreePeriod" placeholder="请选择" style="width: 100%;"> | ||
| 139 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 140 | + </el-select> | ||
| 141 | + </el-form-item> | ||
| 142 | + </el-col> | ||
| 143 | + </el-row> | ||
| 144 | + <el-row v-if="ruleForm.applicableResources == '场地' || ruleForm.applicableResources == '广告位'"> | ||
| 145 | + <el-col :span="12"> | ||
| 146 | + <el-form-item label="付款日" prop="payDay"> | ||
| 147 | + <el-select v-model="ruleForm.payDay" placeholder="请选择" style="width: 100%;"> | ||
| 148 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 149 | + </el-select> | ||
| 150 | + </el-form-item> | ||
| 151 | + </el-col> | ||
| 152 | + </el-row> | ||
| 153 | + <el-row> | ||
| 154 | + <el-col :span="24"> | ||
| 155 | + <el-form-item label="优惠政策" prop="preferentialPolicy"> | ||
| 156 | + <wangEditor v-model="ruleForm.preferentialPolicy" ref="editor" :height="100"></wangEditor> | ||
| 157 | + </el-form-item> | ||
| 158 | + </el-col> | ||
| 159 | + </el-row> | ||
| 160 | + <el-row> | ||
| 161 | + <el-col :span="24"> | ||
| 162 | + <el-form-item label="其他说明" prop="otherDescription"> | ||
| 163 | + <wangEditor v-model="ruleForm.otherDescription" ref="editor" :height="100"></wangEditor> | ||
| 164 | + </el-form-item> | ||
| 165 | + </el-col> | ||
| 166 | + </el-row> | ||
| 167 | + <el-row :gutter="20"> | ||
| 168 | + <el-col :span="12"> | ||
| 169 | + <el-form-item> | ||
| 170 | + <div style="margin-top: 20px"> | ||
| 171 | + <el-button @click="add()" style="background-color: #3F9B6A;color: #fff;">确定</el-button> | ||
| 172 | + <el-button @click="close()" class="buttonHover" | ||
| 173 | + style="color: #606266;border: 1px solid #DBDBDB;background-color: #fff;">取消</el-button> | ||
| 174 | + </div> | ||
| 175 | + </el-form-item> | ||
| 176 | + </el-col> | ||
| 177 | + </el-row> | ||
| 178 | + </el-form> | ||
| 179 | + <el-dialog title="模板管理" :visible.sync="modeCode" custom-class='bian_css' style="padding: 0;" width="65%" center | ||
| 180 | + :close-on-click-modal="false" append-to-body> | ||
| 181 | + <div style="padding:20px;"> | ||
| 182 | + <div class="formSearch"> | ||
| 183 | + <el-form :model="querymb" ref="querymb" label-width="80px" class="demo-ruleForm"> | ||
| 184 | + <el-row> | ||
| 185 | + <el-col :span="12"> | ||
| 186 | + <el-form-item label="策略名称" prop="policyName"> | ||
| 187 | + <el-input v-model="querymb.policyName" placeholder="请输入" maxlength="50"></el-input> | ||
| 188 | + </el-form-item> | ||
| 189 | + </el-col> | ||
| 190 | + <el-col :span="12"> | ||
| 191 | + <el-form-item label="适用资源" prop="applicableResources"> | ||
| 192 | + <el-select v-model="querymb.applicableResources" placeholder="请选择" style="width: 100%;"> | ||
| 193 | + <el-option label="商铺" value="商铺">商铺</el-option> | ||
| 194 | + <el-option label="场地" value="场地">场地</el-option> | ||
| 195 | + <el-option label="广告位" value="广告位">广告位</el-option> | ||
| 196 | + </el-select> | ||
| 197 | + </el-form-item> | ||
| 198 | + </el-col> | ||
| 199 | + </el-row> | ||
| 200 | + </el-form> | ||
| 201 | + <div style="display: flex;"> | ||
| 202 | + <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询 | ||
| 203 | + </el-button> | ||
| 204 | + <el-button @click="resetting" class="buttonHover" | ||
| 205 | + style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">重置 | ||
| 206 | + </el-button> | ||
| 207 | + </div> | ||
| 208 | + </div> | ||
| 209 | + <div style="margin-bottom:15px;"> | ||
| 210 | + <el-button type="primary" @click="addmbopen" | ||
| 211 | + style="background-color: #3F9B6A;color: #fff;border-color:#3F9B6A;">新增模板</el-button> | ||
| 212 | + </div> | ||
| 213 | + <div> | ||
| 214 | + <el-table :data="tableData" | ||
| 215 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> | ||
| 216 | + <el-table-column label="序号" width="50"> | ||
| 217 | + <template slot-scope="scope"> | ||
| 218 | + {{scope.$index +1}} | ||
| 219 | + </template> | ||
| 220 | + </el-table-column> | ||
| 221 | + <el-table-column label="策略名称" prop="policyName"> | ||
| 222 | + </el-table-column> | ||
| 223 | + <el-table-column label="适用资源" prop="applicableResources"> | ||
| 224 | + </el-table-column> | ||
| 225 | + <el-table-column label="经营类型" prop="businessType" > | ||
| 226 | + </el-table-column> | ||
| 227 | + <el-table-column prop="rentalPrice" label="租金/周期" > | ||
| 228 | + <template slot-scope="scope"> | ||
| 229 | + {{scope.row.rentalPrice}}/{{scope.row.leaseTerm}} | ||
| 230 | + </template> | ||
| 231 | + </el-table-column> | ||
| 232 | + <el-table-column label="付款日" > | ||
| 233 | + <template slot-scope="scope"> | ||
| 234 | + {{scope.row.payDay}} | ||
| 235 | + </template> | ||
| 236 | + </el-table-column> | ||
| 237 | + <el-table-column label="是否出租" prop="isRental" > | ||
| 238 | + <template slot-scope="scope"> | ||
| 239 | + {{scope.row.isrental == '0'?'自营':'是'}} | ||
| 240 | + </template> | ||
| 241 | + </el-table-column> | ||
| 242 | + <el-table-column label="操作" > | ||
| 243 | + <template slot-scope="scope"> | ||
| 244 | + <div @click="addM(scope.row)" class="tableBtn greens">编辑</div> | ||
| 245 | + <div @click="delM(scope.row.id)" class="tableBtn greens">删除</div> | ||
| 246 | + </template> | ||
| 247 | + </el-table-column> | ||
| 248 | + </el-table> | ||
| 249 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 250 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div> | ||
| 251 | + <el-pagination :current-page="querymb.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="querymb.pageSize" | ||
| 252 | + background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange" | ||
| 253 | + @current-change="handleCurrentChange"> | ||
| 254 | + </el-pagination> | ||
| 255 | + </div> | ||
| 256 | + <div style="margin-top:20px;"> | ||
| 257 | + <el-button @click="closemblist()" style="background-color: #fff;color: #000;border: 1px solid #B1B1B1;" | ||
| 258 | + class="buttonHover">取 消</el-button> | ||
| 259 | + </div> | ||
| 260 | + </div> | ||
| 261 | + </div> | ||
| 262 | + <el-dialog :title="formInline.id?'编辑模板':'新增模板'" :visible.sync="addMing" custom-class='bian_css' style="padding: 0;" | ||
| 263 | + width="65%" center :close-on-click-modal="false" :show-close="false" append-to-body> | ||
| 264 | + <div style="padding:20px;"> | ||
| 265 | + <el-form :model="formInline" :rules="rulesSt2" ref="formInline" label-width="130px" class="demo-ruleForm"> | ||
| 266 | + <el-form-item label="策略名称" prop="policyName"> | ||
| 267 | + <el-input v-model="formInline.policyName" placeholder="请输入" maxlength="50"></el-input> | ||
| 268 | + </el-form-item> | ||
| 269 | + <el-form-item label="适用资源" prop="applicableResources"> | ||
| 270 | + <el-radio-group v-model="formInline.applicableResources"> | ||
| 271 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | ||
| 272 | + <el-radio label="场地" value="场地">场地</el-radio> | ||
| 273 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | ||
| 274 | + </el-radio-group> | ||
| 275 | + </el-form-item> | ||
| 276 | + <el-row v-if="formInline.applicableResources == '商铺'"> | ||
| 277 | + <el-col :span="12"> | ||
| 278 | + <el-form-item label="是否出租" prop="isRental"> | ||
| 279 | + <el-select v-model="formInline.isRental" placeholder="请选择" style="width: 100%;"> | ||
| 280 | + <el-option label="自营" value="0" /> | ||
| 281 | + <el-option label="是" value="1" /> | ||
| 282 | + </el-select> | ||
| 283 | + </el-form-item> | ||
| 284 | + </el-col> | ||
| 285 | + <el-col :span="12"> | ||
| 286 | + <el-form-item label="经营类型" prop="businessType"> | ||
| 287 | + <el-select v-model="formInline.businessType" placeholder="请选择" style="width: 100%;"> | ||
| 288 | + <el-option label="超市" value="超市" /> | ||
| 289 | + <el-option label="鞋店" value="鞋店" /> | ||
| 290 | + <el-option label="家居饰品店" value="家居饰品店" /> | ||
| 291 | + </el-select> | ||
| 292 | + <!-- <el-input v-model="formInline.businessType" placeholder="请输入" maxlength="50"></el-input> --> | ||
| 293 | + | ||
| 294 | + </el-form-item> | ||
| 295 | + </el-col> | ||
| 296 | + </el-row> | ||
| 297 | + <el-row v-if="formInline.applicableResources == '商铺'"> | ||
| 298 | + <el-col :span="12"> | ||
| 299 | + <el-form-item label="租金" prop="rentalPrice"> | ||
| 300 | + <el-input v-model.number="formInline.rentalPrice" placeholder="请输入" maxlength="30"> | ||
| 301 | + <template slot="suffix"><span | ||
| 302 | + style="position: absolute;top: 0px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | ||
| 303 | + </el-input> | ||
| 304 | + </el-form-item> | ||
| 305 | + </el-col> | ||
| 306 | + <el-col :span="12"> | ||
| 307 | + <el-form-item label="付款周期" prop="leaseTerm"> | ||
| 308 | + <el-select v-model="formInline.leaseTerm" placeholder="请选择" style="width: 100%;"> | ||
| 309 | + <el-option label="日" value="日" /> | ||
| 310 | + <el-option label="月" value="月" /> | ||
| 311 | + <el-option label="季" value="季" /> | ||
| 312 | + <el-option label="年" value="年" /> | ||
| 313 | + </el-select> | ||
| 314 | + </el-form-item> | ||
| 315 | + </el-col> | ||
| 316 | + </el-row> | ||
| 317 | + <el-row v-if="formInline.applicableResources == '商铺'"> | ||
| 318 | + <el-col :span="12"> | ||
| 319 | + <el-form-item label="租赁时段" prop="leaseDate"> | ||
| 320 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | ||
| 321 | + style="width: 100%;" start-placeholder="开始日期" end-placeholder="结束日期"> | ||
| 322 | + </el-date-picker> | ||
| 323 | + </el-form-item> | ||
| 324 | + </el-col> | ||
| 325 | + <el-col :span="12"> | ||
| 326 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | ||
| 327 | + <el-input v-model="formInline.rentFreeCondition" placeholder="请输入" maxlength="50"></el-input> | ||
| 328 | + </el-form-item> | ||
| 329 | + </el-col> | ||
| 330 | + </el-row> | ||
| 331 | + <el-row v-if="formInline.applicableResources == '商铺'"> | ||
| 332 | + <el-col :span="12"> | ||
| 333 | + <el-form-item label="免租期" prop="rentFreePeriod"> | ||
| 334 | + <el-select v-model="formInline.rentFreePeriod" placeholder="请选择" style="width: 100%;"> | ||
| 335 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 336 | + </el-select> | ||
| 337 | + </el-form-item> | ||
| 338 | + </el-col> | ||
| 339 | + <el-col :span="12"> | ||
| 340 | + <el-form-item label="付款日" prop="payDay"> | ||
| 341 | + <el-select v-model="formInline.payDay" placeholder="请选择" style="width: 100%;"> | ||
| 342 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 343 | + </el-select> | ||
| 344 | + </el-form-item> | ||
| 345 | + </el-col> | ||
| 346 | + </el-row> | ||
| 347 | + <el-row v-if="formInline.applicableResources == '场地' || formInline.applicableResources == '广告位'"> | ||
| 348 | + <el-col :span="12"> | ||
| 349 | + <el-form-item label="是否出租" prop="isRental"> | ||
| 350 | + <el-select v-model="formInline.isRental" placeholder="请选择" style="width: 100%;"> | ||
| 351 | + <el-option label="自营" value="0" /> | ||
| 352 | + <el-option label="是" value="1" /> | ||
| 353 | + </el-select> | ||
| 354 | + </el-form-item> | ||
| 355 | + </el-col> | ||
| 356 | + <el-col :span="12"> | ||
| 357 | + <el-form-item label="租金价格" prop="rentalPrice"> | ||
| 358 | + <el-input v-model.number="formInline.rentalPrice" placeholder="请输入" maxlength="30"> | ||
| 359 | + <template slot="suffix"><span | ||
| 360 | + style="position: absolute;top: 0px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | ||
| 361 | + </el-input> | ||
| 362 | + </el-form-item> | ||
| 363 | + </el-col> | ||
| 364 | + </el-row> | ||
| 365 | + <el-row v-if="formInline.applicableResources == '场地' || formInline.applicableResources == '广告位'"> | ||
| 366 | + <el-col :span="12"> | ||
| 367 | + <el-form-item label="付款周期" prop="leaseTerm"> | ||
| 368 | + <el-select v-model="formInline.leaseTerm" placeholder="请选择" style="width: 100%;"> | ||
| 369 | + <el-option label="日" value="日" /> | ||
| 370 | + <el-option label="月" value="月" /> | ||
| 371 | + <el-option label="季" value="季" /> | ||
| 372 | + <el-option label="年" value="年" /> | ||
| 373 | + </el-select> | ||
| 374 | + </el-form-item> | ||
| 375 | + </el-col> | ||
| 376 | + <el-col :span="12"> | ||
| 377 | + <el-form-item label="租赁时段" prop="leaseDate"> | ||
| 378 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | ||
| 379 | + style="width: 100%;" start-placeholder="开始日期" end-placeholder="结束日期"> | ||
| 380 | + </el-date-picker> | ||
| 381 | + </el-form-item> | ||
| 382 | + </el-col> | ||
| 383 | + </el-row> | ||
| 384 | + <el-row v-if="formInline.applicableResources == '场地' || formInline.applicableResources == '广告位'"> | ||
| 385 | + <el-col :span="12"> | ||
| 386 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | ||
| 387 | + <el-input v-model="formInline.rentFreeCondition" placeholder="请输入" maxlength="50"></el-input> | ||
| 388 | + </el-form-item> | ||
| 389 | + </el-col> | ||
| 390 | + <el-col :span="12"> | ||
| 391 | + <el-form-item label="免租期" prop="rentFreePeriod"> | ||
| 392 | + <el-select v-model="formInline.rentFreePeriod" placeholder="请选择" style="width: 100%;"> | ||
| 393 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 394 | + </el-select> | ||
| 395 | + </el-form-item> | ||
| 396 | + </el-col> | ||
| 397 | + </el-row> | ||
| 398 | + <el-row v-if="formInline.applicableResources == '场地' || formInline.applicableResources == '广告位'"> | ||
| 399 | + <el-col :span="12"> | ||
| 400 | + <el-form-item label="付款日" prop="payDay"> | ||
| 401 | + <el-select v-model="formInline.payDay" placeholder="请选择" style="width: 100%;"> | ||
| 402 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 403 | + </el-select> | ||
| 404 | + </el-form-item> | ||
| 405 | + </el-col> | ||
| 406 | + </el-row> | ||
| 407 | + <el-row> | ||
| 408 | + <el-col :span="24"> | ||
| 409 | + <el-form-item label="优惠政策" prop="preferentialPolicy"> | ||
| 410 | + <wangEditor v-model="formInline.preferentialPolicy" ref="editor" :height="100"></wangEditor> | ||
| 411 | + </el-form-item> | ||
| 412 | + </el-col> | ||
| 413 | + </el-row> | ||
| 414 | + <el-row> | ||
| 415 | + <el-col :span="24"> | ||
| 416 | + <el-form-item label="其他说明" prop="otherDescription"> | ||
| 417 | + <wangEditor v-model="formInline.otherDescription" ref="editor" :height="100"></wangEditor> | ||
| 418 | + </el-form-item> | ||
| 419 | + </el-col> | ||
| 420 | + </el-row> | ||
| 421 | + </el-form> | ||
| 422 | + <div style="display: flex;justify-content: flex-end;margin-top:20px;"> | ||
| 423 | + <el-button @click="closemb()" style="background-color: #fff;color: #000;border: 1px solid #B1B1B1;" | ||
| 424 | + class="buttonHover">取 消</el-button> | ||
| 425 | + <el-button type="primary" @click="addmb()" | ||
| 426 | + style="background-color: #3F9B6A;color: #fff;border-color:#3F9B6A;">确 定</el-button> | ||
| 427 | + </div> | ||
| 428 | + </div> | ||
| 429 | + </el-dialog> | ||
| 430 | + </el-dialog> | ||
| 431 | + </div> | ||
| 432 | +</template> | ||
| 433 | + | ||
| 434 | +<script> | ||
| 435 | + import { | ||
| 436 | + ceGetAll, | ||
| 437 | + ceAdd, | ||
| 438 | + ceEdit, | ||
| 439 | + ceDel, | ||
| 440 | + } from '@/api/sam.js' | ||
| 441 | + import wangEditor from "@/components/editor/index" | ||
| 442 | + export default { | ||
| 443 | + components: { | ||
| 444 | + wangEditor | ||
| 445 | + }, | ||
| 446 | + data() { | ||
| 447 | + return { | ||
| 448 | + addMing:false, | ||
| 449 | + modeAdd:false, | ||
| 450 | + modeCode: false, | ||
| 451 | + leaseDate: [], //租赁时段 | ||
| 452 | + paymentDate: [], //付款日期 | ||
| 453 | + tableData: [], | ||
| 454 | + formInline: { | ||
| 455 | + policyName: '', //策略名称 | ||
| 456 | + applicableResources: '商铺', //适用资源 | ||
| 457 | + policyTemplate: null, //策略模板 | ||
| 458 | + isRental: '', //是否出租 (0:白营,1:是) | ||
| 459 | + businessType: '', //经营类型 | ||
| 460 | + rentalPrice: null, //租金价格 | ||
| 461 | + leaseTerm: '', //商铺租期 | ||
| 462 | + leaseStartDate: '', //租赁开始日期 | ||
| 463 | + leaseEndDate: '', //租赁结束日期 | ||
| 464 | + rentFreeCondition: '', //免租条件 | ||
| 465 | + rentFreePeriod: '', //免租期(单位:天) | ||
| 466 | + payDay: '', //付款日 | ||
| 467 | + createDate: '', //创建时间 | ||
| 468 | + preferentialPolicy: '', | ||
| 469 | + otherDescription: '', | ||
| 470 | + isTemplate: '0', //是否为模板(0.是 1.否) | ||
| 471 | + }, | ||
| 472 | + ruleForm: { | ||
| 473 | + policyName: '', //策略名称 | ||
| 474 | + applicableResources: '商铺', //适用资源 | ||
| 475 | + policyTemplate: null, //策略模板 | ||
| 476 | + isRental: '', //是否出租 (0:白营,1:是) | ||
| 477 | + businessType: '', //经营类型 | ||
| 478 | + rentalPrice: null, //租金价格 | ||
| 479 | + leaseTerm: '', //商铺租期 | ||
| 480 | + leaseStartDate: '', //租赁开始日期 | ||
| 481 | + leaseEndDate: '', //租赁结束日期 | ||
| 482 | + rentFreeCondition: '', //免租条件 | ||
| 483 | + rentFreePeriod: '', //免租期(单位:天) | ||
| 484 | + payDay: '', //付款日 | ||
| 485 | + createDate: '', //创建时间 | ||
| 486 | + preferentialPolicy: '', | ||
| 487 | + otherDescription: '', | ||
| 488 | + isTemplate: '0', //是否为模板(0.是 1.否) | ||
| 489 | + }, | ||
| 490 | + rulesSt2: { | ||
| 491 | + policyName: [{ | ||
| 492 | + required: true, | ||
| 493 | + message: '请输入策略名称', | ||
| 494 | + trigger: 'blur' | ||
| 495 | + }, ], | ||
| 496 | + applicableResources: [{ | ||
| 497 | + required: true, | ||
| 498 | + message: '请选择适用资源', | ||
| 499 | + trigger: 'change' | ||
| 500 | + }], | ||
| 501 | + isRental: [{ | ||
| 502 | + required: true, | ||
| 503 | + message: '请选择是否出租', | ||
| 504 | + trigger: 'change' | ||
| 505 | + }], | ||
| 506 | + isSelfOperated: [{ | ||
| 507 | + required: true, | ||
| 508 | + message: '请选择是否出租', | ||
| 509 | + trigger: 'change' | ||
| 510 | + }], | ||
| 511 | + businessType: [{ | ||
| 512 | + required: true, | ||
| 513 | + message: '请选择经营类型', | ||
| 514 | + trigger: 'change' | ||
| 515 | + }], | ||
| 516 | + rentalPrice: [{ | ||
| 517 | + required: true, | ||
| 518 | + message: '请输入租金价格' | ||
| 519 | + }, | ||
| 520 | + // { | ||
| 521 | + // type: 'number', | ||
| 522 | + // message: '必须为数字值' | ||
| 523 | + // }, | ||
| 524 | + { | ||
| 525 | + validator: (rule, value, callback) => { | ||
| 526 | + if (value <= 0) { | ||
| 527 | + callback(new Error('租金价格必须大于0')); | ||
| 528 | + } else { | ||
| 529 | + callback(); | ||
| 530 | + } | ||
| 531 | + } | ||
| 532 | + } | ||
| 533 | + ], | ||
| 534 | + }, | ||
| 535 | + rulesSt: { | ||
| 536 | + policyName: [{ | ||
| 537 | + required: true, | ||
| 538 | + message: '请输入策略名称', | ||
| 539 | + trigger: 'blur' | ||
| 540 | + }, ], | ||
| 541 | + applicableResources: [{ | ||
| 542 | + required: true, | ||
| 543 | + message: '请选择适用资源', | ||
| 544 | + trigger: 'change' | ||
| 545 | + }], | ||
| 546 | + isRental: [{ | ||
| 547 | + required: true, | ||
| 548 | + message: '请选择是否出租', | ||
| 549 | + trigger: 'change' | ||
| 550 | + }], | ||
| 551 | + isSelfOperated: [{ | ||
| 552 | + required: true, | ||
| 553 | + message: '请选择是否出租', | ||
| 554 | + trigger: 'change' | ||
| 555 | + }], | ||
| 556 | + businessType: [{ | ||
| 557 | + required: true, | ||
| 558 | + message: '请选择经营类型', | ||
| 559 | + trigger: 'change' | ||
| 560 | + }], | ||
| 561 | + rentalPrice: [{ | ||
| 562 | + required: true, | ||
| 563 | + message: '请输入租金价格' | ||
| 564 | + }, | ||
| 565 | + // { | ||
| 566 | + // type: 'number', | ||
| 567 | + // message: '必须为数字值' | ||
| 568 | + // }, | ||
| 569 | + { | ||
| 570 | + validator: (rule, value, callback) => { | ||
| 571 | + if (value <= 0) { | ||
| 572 | + callback(new Error('租金价格必须大于0')); | ||
| 573 | + } else { | ||
| 574 | + callback(); | ||
| 575 | + } | ||
| 576 | + } | ||
| 577 | + } | ||
| 578 | + ], | ||
| 579 | + }, | ||
| 580 | + querymb:{ | ||
| 581 | + pageNumber: 0, | ||
| 582 | + pageSize: 10, | ||
| 583 | + isTemplate: '0' | ||
| 584 | + }, | ||
| 585 | + total:0 | ||
| 586 | + }; | ||
| 587 | + }, | ||
| 588 | + props: { | ||
| 589 | + info: { | ||
| 590 | + type: Object, | ||
| 591 | + default: {} | ||
| 592 | + }, | ||
| 593 | + | ||
| 594 | + }, | ||
| 595 | + async created() { | ||
| 596 | + this.getmb() | ||
| 597 | + if (this.info && this.info.id) { | ||
| 598 | + this.ruleForm = this.info | ||
| 599 | + } else { | ||
| 600 | + | ||
| 601 | + } | ||
| 602 | + }, | ||
| 603 | + methods: { | ||
| 604 | + addmbopen() { | ||
| 605 | + this.formInline = { | ||
| 606 | + policyName: '', //策略名称 | ||
| 607 | + applicableResources: '商铺', //适用资源 | ||
| 608 | + policyTemplate: null, //策略模板 | ||
| 609 | + isRental: '', //是否出租 (0:白营,1:是) | ||
| 610 | + businessType: '', //经营类型 | ||
| 611 | + rentalPrice: null, //租金价格 | ||
| 612 | + leaseTerm: '', //商铺租期 | ||
| 613 | + leaseStartDate: '', //租赁开始日期 | ||
| 614 | + leaseEndDate: '', //租赁结束日期 | ||
| 615 | + rentFreeCondition: '', //免租条件 | ||
| 616 | + rentFreePeriod: '', //免租期(单位:天) | ||
| 617 | + payDay: '', //付款日 | ||
| 618 | + createDate: '', //创建时间 | ||
| 619 | + preferentialPolicy: '', | ||
| 620 | + otherDescription: '', | ||
| 621 | + isTemplate: '0', //是否为模板(0.是 1.否) | ||
| 622 | + } | ||
| 623 | + this.addMing = true | ||
| 624 | + }, | ||
| 625 | + delM(ids) { | ||
| 626 | + const h = this.$createElement; | ||
| 627 | + this.$msgbox({ | ||
| 628 | + title: '消息', | ||
| 629 | + message: h('p', null, [ | ||
| 630 | + h('span', null, '是否删除 '), | ||
| 631 | + ]), | ||
| 632 | + showCancelButton: true, | ||
| 633 | + showClose: false, | ||
| 634 | + confirmButtonText: '确定', | ||
| 635 | + cancelButtonText: '取消', | ||
| 636 | + customClass: 'oe-dialog-btn', | ||
| 637 | + beforeClose: (action, instance, done) => { | ||
| 638 | + if (action === 'confirm') { | ||
| 639 | + ceDel({ | ||
| 640 | + id: ids | ||
| 641 | + }).then(res => { | ||
| 642 | + this.getmb() | ||
| 643 | + done(); | ||
| 644 | + }) | ||
| 645 | + } else { | ||
| 646 | + done(); | ||
| 647 | + } | ||
| 648 | + } | ||
| 649 | + }) | ||
| 650 | + | ||
| 651 | + }, | ||
| 652 | + addM(e) { | ||
| 653 | + this.formInline = e | ||
| 654 | + this.addMing = true | ||
| 655 | + }, | ||
| 656 | + closemblist() { | ||
| 657 | + this.modeCode = false | ||
| 658 | + }, | ||
| 659 | + onSubmit() { | ||
| 660 | + | ||
| 661 | + }, | ||
| 662 | + resetting() { | ||
| 663 | + | ||
| 664 | + }, | ||
| 665 | + handleSizeChange() { | ||
| 666 | + | ||
| 667 | + }, | ||
| 668 | + handleCurrentChange() { | ||
| 669 | + | ||
| 670 | + }, | ||
| 671 | + async getmb() { | ||
| 672 | + const res = await ceGetAll(this.querymb) | ||
| 673 | + this.tableData = res.data.content | ||
| 674 | + this.total = res.data.totalElements | ||
| 675 | + }, | ||
| 676 | + addmb() { | ||
| 677 | + console.error({...this.formInline}) | ||
| 678 | + this.formInline.isTemplate = '0' | ||
| 679 | + if(this.formInline.id) { | ||
| 680 | + if (this.leaseDate.length != 0) { | ||
| 681 | + this.formInline.leaseStartDate = this.leaseDate[0] | ||
| 682 | + this.formInline.leaseEndDate = this.leaseDate[1] | ||
| 683 | + } | ||
| 684 | + if (this.paymentDate.length != 0) { | ||
| 685 | + this.formInline.paymentStartDate = this.paymentDate[0] | ||
| 686 | + this.formInline.paymentEndDate = this.paymentDate[1] | ||
| 687 | + } | ||
| 688 | + this.$refs.formInline.validate((valid) => { | ||
| 689 | + if (valid) { | ||
| 690 | + this.formInline.createDate = this.updateCurrentTime() | ||
| 691 | + ceEdit(this.formInline).then(res => { | ||
| 692 | + this.$message({ | ||
| 693 | + message: '修改成功', | ||
| 694 | + type: 'success' | ||
| 695 | + }) | ||
| 696 | + this.addMing = false | ||
| 697 | + this.getmb() | ||
| 698 | + }) | ||
| 699 | + } else { | ||
| 700 | + this.$message({ | ||
| 701 | + message: '请填写完整信息', | ||
| 702 | + type: 'error' | ||
| 703 | + }) | ||
| 704 | + return false; | ||
| 705 | + } | ||
| 706 | + }) | ||
| 707 | + } else { | ||
| 708 | + if (this.leaseDate.length != 0) { | ||
| 709 | + this.formInline.leaseStartDate = this.leaseDate[0] | ||
| 710 | + this.formInline.leaseEndDate = this.leaseDate[1] | ||
| 711 | + } | ||
| 712 | + if (this.paymentDate.length != 0) { | ||
| 713 | + this.formInline.paymentStartDate = this.paymentDate[0] | ||
| 714 | + this.formInline.paymentEndDate = this.paymentDate[1] | ||
| 715 | + } | ||
| 716 | + this.$refs.formInline.validate((valid) => { | ||
| 717 | + if (valid) { | ||
| 718 | + this.formInline.createDate = this.updateCurrentTime() | ||
| 719 | + ceAdd(this.formInline).then(res => { | ||
| 720 | + this.$message({ | ||
| 721 | + message: '添加成功', | ||
| 722 | + type: 'success' | ||
| 723 | + }) | ||
| 724 | + this.addMing = false | ||
| 725 | + this.getmb() | ||
| 726 | + }) | ||
| 727 | + } else { | ||
| 728 | + this.$message({ | ||
| 729 | + message: '请填写完整信息', | ||
| 730 | + type: 'error' | ||
| 731 | + }) | ||
| 732 | + return false; | ||
| 733 | + } | ||
| 734 | + }) | ||
| 735 | + } | ||
| 736 | + this.leaseDate = [] | ||
| 737 | + this.paymentDate = [] | ||
| 738 | + }, | ||
| 739 | + closemb() { | ||
| 740 | + this.addMing = false | ||
| 741 | + }, | ||
| 742 | + //获取当前时间 | ||
| 743 | + updateCurrentTime() { | ||
| 744 | + const now = new Date(); | ||
| 745 | + const year = now.getFullYear(); | ||
| 746 | + const month = (now.getMonth() + 1).toString().padStart(2, '0'); | ||
| 747 | + const day = now.getDate().toString().padStart(2, '0'); | ||
| 748 | + const hours = now.getHours().toString().padStart(2, '0'); | ||
| 749 | + const minutes = now.getMinutes().toString().padStart(2, '0'); | ||
| 750 | + const seconds = now.getSeconds().toString().padStart(2, '0'); | ||
| 751 | + | ||
| 752 | + return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; | ||
| 753 | + }, | ||
| 754 | + add() { | ||
| 755 | + this.ruleForm.isTemplate = '1' | ||
| 756 | + if(this.ruleForm.id) { | ||
| 757 | + if (this.leaseDate.length != 0) { | ||
| 758 | + this.ruleForm.leaseStartDate = this.leaseDate[0] | ||
| 759 | + this.ruleForm.leaseEndDate = this.leaseDate[1] | ||
| 760 | + } | ||
| 761 | + if (this.paymentDate.length != 0) { | ||
| 762 | + this.ruleForm.paymentStartDate = this.paymentDate[0] | ||
| 763 | + this.ruleForm.paymentEndDate = this.paymentDate[1] | ||
| 764 | + } | ||
| 765 | + this.$refs.ruleForm.validate((valid) => { | ||
| 766 | + if (valid) { | ||
| 767 | + this.ruleForm.createDate = this.updateCurrentTime() | ||
| 768 | + ceEdit(this.ruleForm).then(res => { | ||
| 769 | + this.$message({ | ||
| 770 | + message: '修改成功', | ||
| 771 | + type: 'success' | ||
| 772 | + }) | ||
| 773 | + this.$emit('removeonaction', '1') | ||
| 774 | + }) | ||
| 775 | + } else { | ||
| 776 | + this.$message({ | ||
| 777 | + message: '请填写完整信息', | ||
| 778 | + type: 'error' | ||
| 779 | + }) | ||
| 780 | + return false; | ||
| 781 | + } | ||
| 782 | + }) | ||
| 783 | + } else { | ||
| 784 | + if (this.leaseDate.length != 0) { | ||
| 785 | + this.ruleForm.leaseStartDate = this.leaseDate[0] | ||
| 786 | + this.ruleForm.leaseEndDate = this.leaseDate[1] | ||
| 787 | + } | ||
| 788 | + if (this.paymentDate.length != 0) { | ||
| 789 | + this.ruleForm.paymentStartDate = this.paymentDate[0] | ||
| 790 | + this.ruleForm.paymentEndDate = this.paymentDate[1] | ||
| 791 | + } | ||
| 792 | + this.$refs.ruleForm.validate((valid) => { | ||
| 793 | + if (valid) { | ||
| 794 | + this.ruleForm.createDate = this.updateCurrentTime() | ||
| 795 | + ceAdd(this.ruleForm).then(res => { | ||
| 796 | + this.$message({ | ||
| 797 | + message: '添加成功', | ||
| 798 | + type: 'success' | ||
| 799 | + }) | ||
| 800 | + this.$emit('removeonaction', '1') | ||
| 801 | + }) | ||
| 802 | + } else { | ||
| 803 | + this.$message({ | ||
| 804 | + message: '请填写完整信息', | ||
| 805 | + type: 'error' | ||
| 806 | + }) | ||
| 807 | + return false; | ||
| 808 | + } | ||
| 809 | + }) | ||
| 810 | + } | ||
| 811 | + this.leaseDate = [] | ||
| 812 | + this.paymentDate = [] | ||
| 813 | + }, | ||
| 814 | + close() { | ||
| 815 | + this.$emit('removeonaction', '1') | ||
| 816 | + }, | ||
| 817 | + changeMode(value) { | ||
| 818 | + console.log(value) | ||
| 819 | + const pageindex = { | ||
| 820 | + pageNumber: 0, | ||
| 821 | + pageSize: 10, | ||
| 822 | + id: value | ||
| 823 | + } | ||
| 824 | + ceGetAll(pageindex).then(res => { | ||
| 825 | + const { | ||
| 826 | + id, | ||
| 827 | + createDate, | ||
| 828 | + policyTemplate, | ||
| 829 | + pageNumber, | ||
| 830 | + pageSize, | ||
| 831 | + updateDate, | ||
| 832 | + ...rest | ||
| 833 | + } = res.data.content[0] | ||
| 834 | + this.ruleForm = rest | ||
| 835 | + this.ruleForm.policyTemplate = value | ||
| 836 | + this.ruleForm.rentalPrice = Number(res.data.content[0].rentalPrice) | ||
| 837 | + this.$set(this.leaseDate, 0, res.data.content[0].leaseStartDate); | ||
| 838 | + this.$set(this.leaseDate, 1, res.data.content[0].leaseEndDate); | ||
| 839 | + this.$set(this.paymentDate, 0, res.data.content[0].paymentStartDate); | ||
| 840 | + this.$set(this.paymentDate, 1, res.data.content[0].paymentEndDate); | ||
| 841 | + | ||
| 842 | + }) | ||
| 843 | + }, | ||
| 844 | + }, | ||
| 845 | + }; | ||
| 846 | +</script> | ||
| 847 | +<style lang="scss"> | ||
| 848 | + .el-upload { | ||
| 849 | + display: block; | ||
| 850 | + /* text-align: left; */ | ||
| 851 | + } | ||
| 852 | + | ||
| 853 | + .video-uploader { | ||
| 854 | + .el-upload { | ||
| 855 | + text-align: left; | ||
| 856 | + } | ||
| 857 | + } | ||
| 858 | + | ||
| 859 | + .el-dialog__header { | ||
| 860 | + background-color: #F2F3F5; | ||
| 861 | + text-align: left; | ||
| 862 | + } | ||
| 863 | + | ||
| 864 | + .el-dialog__title { | ||
| 865 | + line-height: 30px; | ||
| 866 | + font-size: 15px; | ||
| 867 | + color: #303133; | ||
| 868 | + } | ||
| 869 | + | ||
| 870 | + .demo-input-suffix { | ||
| 871 | + display: flex; | ||
| 872 | + margin-right: 20px; | ||
| 873 | + width: 83%; | ||
| 874 | + | ||
| 875 | + .el-input__inner { | ||
| 876 | + height: 32px; | ||
| 877 | + } | ||
| 878 | + } | ||
| 879 | + | ||
| 880 | + .formSearch { | ||
| 881 | + display: flex; | ||
| 882 | + width: 100%; | ||
| 883 | + font-size: 14px; | ||
| 884 | + justify-content: space-between; | ||
| 885 | + } | ||
| 886 | +</style> |
admin-web-master/src/components/chakan/sam.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div> | ||
| 3 | + <div> | ||
| 4 | + <el-tabs v-model="xiangTab"> | ||
| 5 | + <el-tab-pane label="资源信息" name="first"> | ||
| 6 | + <div style="margin-top: 30px;" class="editcss"> | ||
| 7 | + <TitleWithCircle title="基础信息" /> | ||
| 8 | + <div style="padding: 20px;"> | ||
| 9 | + <el-form :model="editbgid" ref="formInline" label-width="120px" class="demo-ruleForm"> | ||
| 10 | + <el-row :gutter="20"> | ||
| 11 | + <el-col :span="8"> | ||
| 12 | + <el-form-item label="场地名称" prop="venueName"> | ||
| 13 | + <div class="duiqi">{{editbgid.venueName || '无'}}</div> | ||
| 14 | + </el-form-item> | ||
| 15 | + </el-col> | ||
| 16 | + <el-col :span="8"> | ||
| 17 | + <el-form-item label="场地类型" prop="venueType"> | ||
| 18 | + <div class="duiqi">{{editbgid.venueType || '无'}}</div> | ||
| 19 | + </el-form-item> | ||
| 20 | + </el-col> | ||
| 21 | + <el-col :span="8"> | ||
| 22 | + <el-form-item label="实际使用面积" prop="actualArea"> | ||
| 23 | + <div class="duiqi">{{editbgid.actualArea || '无'}}</div> | ||
| 24 | + </el-form-item> | ||
| 25 | + </el-col> | ||
| 26 | + </el-row> | ||
| 27 | + <el-row :gutter="20"> | ||
| 28 | + <el-col :span="8"> | ||
| 29 | + <el-form-item label="所属区域" prop="district"> | ||
| 30 | + <div class="duiqi">{{editbgid.district || '无'}}</div> | ||
| 31 | + </el-form-item> | ||
| 32 | + </el-col> | ||
| 33 | + <el-col :span="8"> | ||
| 34 | + <el-form-item label="归属部门" prop="department"> | ||
| 35 | + <div class="duiqi">{{editbgid.department || '无'}}</div> | ||
| 36 | + </el-form-item> | ||
| 37 | + </el-col> | ||
| 38 | + <el-col :span="8"> | ||
| 39 | + <el-form-item label="负责人" prop="responsiblePerson"> | ||
| 40 | + <div class="duiqi">{{editbgid.belongingParkTrail || '无'}}</div> | ||
| 41 | + </el-form-item> | ||
| 42 | + </el-col> | ||
| 43 | + </el-row> | ||
| 44 | + <el-row :gutter="20"> | ||
| 45 | + <el-col :span="8"> | ||
| 46 | + <el-form-item label="联系人" prop="contact"> | ||
| 47 | + <div class="duiqi">{{editbgid.contact || '无'}}</div> | ||
| 48 | + </el-form-item> | ||
| 49 | + </el-col> | ||
| 50 | + <el-col :span="8"> | ||
| 51 | + <el-form-item label="联系电话" prop="phoneNumber"> | ||
| 52 | + <div class="duiqi">{{editbgid.belongingParkTrail || '无'}}</div> | ||
| 53 | + </el-form-item> | ||
| 54 | + </el-col> | ||
| 55 | + </el-row> | ||
| 56 | + <el-form-item label="详细位置" prop="detailedLocation"> | ||
| 57 | + <div class="duiqi">{{editbgid.detailedLocation || '无'}}</div> | ||
| 58 | + </el-form-item> | ||
| 59 | + <el-form-item label="地图标点" prop="mapMarker"> | ||
| 60 | + <div style="width: 100%;height: 300px;"> | ||
| 61 | + <newmap :isx="false" :message="editbgid.mapMarker"></newmap> | ||
| 62 | + </div> | ||
| 63 | + </el-form-item> | ||
| 64 | + <el-form-item label="场地描述" prop="description"> | ||
| 65 | + <div class="duiqi">{{editbgid.description || '无'}}</div> | ||
| 66 | + </el-form-item> | ||
| 67 | + <el-form-item label="规划图纸" prop="planningDrawing"> | ||
| 68 | + <div v-if="editbgid.planningDrawing"> | ||
| 69 | + <img :src="$baseURL+item" alt="" style="width:140px;height:140px;" | ||
| 70 | + v-for="item in editbgid.planningDrawing.split(',')"> | ||
| 71 | + </div> | ||
| 72 | + <div class="duiqi" v-else>无</div> | ||
| 73 | + </el-form-item> | ||
| 74 | + <el-form-item label="展示主图" prop="displayImage"> | ||
| 75 | + <div > | ||
| 76 | + <img :src="$baseURL+item" alt="" style="width:140px;height:140px;" | ||
| 77 | + v-for="item in editbgid.displayImage.split(',')"> | ||
| 78 | + </div> | ||
| 79 | + </el-form-item> | ||
| 80 | + <el-form-item label="其他视频" prop="otherImageVideos" > | ||
| 81 | + <div class="duiqi" :class="editbgid.otherImageVideos?'greens':''" @click ="editbgid.otherImageVideos?openfile($baseURL+editbgid.otherImageVideos):''">{{editbgid.otherImageVideos?'查看详情':'无'}}</div> | ||
| 82 | + </el-form-item> | ||
| 83 | + </el-form> | ||
| 84 | + </div> | ||
| 85 | + </div> | ||
| 86 | + </el-tab-pane> | ||
| 87 | + <el-tab-pane label="招商方案信息" name="second"> | ||
| 88 | + <div style="margin-top: 30px;" class="editcss"> | ||
| 89 | + <!-- <TitleWithCircle title="招商方案信息" /> | ||
| 90 | + <div style="padding: 20px;"> | ||
| 91 | + <el-table :data="datalist1" | ||
| 92 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 93 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 94 | + <el-table-column label="招商方案名称" prop="planName" min-width="200"> | ||
| 95 | + </el-table-column> | ||
| 96 | + <el-table-column label="创建日期" prop="createTime" min-width="100"> | ||
| 97 | + </el-table-column> | ||
| 98 | + </el-table> | ||
| 99 | + </div> --> | ||
| 100 | + <TitleWithCircle title="策略方案" /> | ||
| 101 | + <div style="padding: 20px;"> | ||
| 102 | + <el-table :data="datalist" | ||
| 103 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 104 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 105 | + <el-table-column label="策略名称" prop="policyName" min-width="200"> | ||
| 106 | + </el-table-column> | ||
| 107 | + <el-table-column label="适用资源" prop="applicableResources" min-width="100"> | ||
| 108 | + </el-table-column> | ||
| 109 | + <el-table-column label="经营类型" prop="businessType" min-width="100"> | ||
| 110 | + | ||
| 111 | + </el-table-column> | ||
| 112 | + <el-table-column label="租金价格" prop="rentalPrice" min-width="150"> | ||
| 113 | + </el-table-column> | ||
| 114 | + <el-table-column label="租期" prop="leaseTerm" min-width="100"> | ||
| 115 | + </el-table-column> | ||
| 116 | + <el-table-column label="是否出租" prop="isRental" min-width="100"> | ||
| 117 | + <template slot-scope="scope"> | ||
| 118 | + {{scope.row.isRental == '0'?'否':'是'}} | ||
| 119 | + </template> | ||
| 120 | + </el-table-column> | ||
| 121 | + <el-table-column label="是否自营" prop="planningObjectives" min-width="100"> | ||
| 122 | + <template slot-scope="scope"> | ||
| 123 | + {{scope.row.isSelfOperated == '0'?'否':'是'}} | ||
| 124 | + </template> | ||
| 125 | + </el-table-column> | ||
| 126 | + </el-table> | ||
| 127 | + </div> | ||
| 128 | + </div> | ||
| 129 | + </el-tab-pane> | ||
| 130 | + </el-tabs> | ||
| 131 | + </div> | ||
| 132 | + <div> | ||
| 133 | + <el-button class="buttonHover" | ||
| 134 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;margin-top: 20px;" | ||
| 135 | + @click="changetype">返回</el-button> | ||
| 136 | + </div> | ||
| 137 | + </div> | ||
| 138 | +</template> | ||
| 139 | + | ||
| 140 | +<script> | ||
| 141 | + import MapXian from "@/components/MapContainer/MapXian"; | ||
| 142 | + import TitleWithCircle from '@/components/top/index'; | ||
| 143 | + import { | ||
| 144 | + cereResourceStrategylist, | ||
| 145 | + cereBusinessPlan | ||
| 146 | + } from '@/api/newly'; | ||
| 147 | + import newmap from "@/components/newmap/index"; | ||
| 148 | + export default { | ||
| 149 | + components: { | ||
| 150 | + TitleWithCircle, | ||
| 151 | + newmap, | ||
| 152 | + MapXian | ||
| 153 | + }, | ||
| 154 | + props: { | ||
| 155 | + leixing: { | ||
| 156 | + type: Boolean, | ||
| 157 | + default: true | ||
| 158 | + }, | ||
| 159 | + editbgid: { | ||
| 160 | + type: Object, | ||
| 161 | + default: function() { | ||
| 162 | + return {}; | ||
| 163 | + }, | ||
| 164 | + }, | ||
| 165 | + }, | ||
| 166 | + data() { | ||
| 167 | + return { | ||
| 168 | + xiangTab: 'first', | ||
| 169 | + list: [], | ||
| 170 | + parentMessage: {}, | ||
| 171 | + datalist: [], | ||
| 172 | + datalist1:[] | ||
| 173 | + } | ||
| 174 | + }, | ||
| 175 | + created() { | ||
| 176 | + if (this.editbgid.id) { | ||
| 177 | + let c1 = { | ||
| 178 | + pageNumber: 0, | ||
| 179 | + pageSize: 10, | ||
| 180 | + resourcesId: 'cd' + this.editbgid.id | ||
| 181 | + } | ||
| 182 | + cereResourceStrategylist(c1).then(res => { | ||
| 183 | + console.error(res) | ||
| 184 | + this.datalist = res.data | ||
| 185 | + }) | ||
| 186 | + cereBusinessPlan(c1).then(res => { | ||
| 187 | + console.error(res) | ||
| 188 | + this.datalist1 = res.data | ||
| 189 | + }) | ||
| 190 | + | ||
| 191 | + } | ||
| 192 | + | ||
| 193 | + }, | ||
| 194 | + computed: { | ||
| 195 | + | ||
| 196 | + }, | ||
| 197 | + methods: { | ||
| 198 | + openfile(e) { | ||
| 199 | + if (e) { | ||
| 200 | + const fullUrl = e; | ||
| 201 | + try { | ||
| 202 | + window.open(fullUrl, '_blank'); // 在新标签页中打开文件 | ||
| 203 | + } catch (error) { | ||
| 204 | + console.error('打开文件失败:', error); | ||
| 205 | + } | ||
| 206 | + } else { | ||
| 207 | + console.error('无文件可查看'); | ||
| 208 | + } | ||
| 209 | + }, | ||
| 210 | + changetype() { | ||
| 211 | + this.xiangTab = 'first' | ||
| 212 | + this.$emit('removeonaction', '1') | ||
| 213 | + }, | ||
| 214 | + } | ||
| 215 | + } | ||
| 216 | +</script> | ||
| 217 | +<style> | ||
| 218 | + .el-form-item__label { | ||
| 219 | + color: #a2a2a2; | ||
| 220 | + } | ||
| 221 | + | ||
| 222 | + .greens { | ||
| 223 | + color: #3F9B6A; | ||
| 224 | + } | ||
| 225 | +</style> |
admin-web-master/src/components/resourceCommodity/index.vue
| @@ -101,6 +101,26 @@ | @@ -101,6 +101,26 @@ | ||
| 101 | </el-form-item> | 101 | </el-form-item> |
| 102 | </el-form> | 102 | </el-form> |
| 103 | </div> | 103 | </div> |
| 104 | + <TitleWithCircle title="历史发布/下架记录" /> | ||
| 105 | + <div style="padding: 20px;"> | ||
| 106 | + <el-table :data="datalistxsj" | ||
| 107 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 108 | + tooltip-effect="dark custom-tooltip-effect"> | ||
| 109 | + <el-table-column label="类型" prop="type" > | ||
| 110 | + </el-table-column> | ||
| 111 | + <el-table-column label="操作时间" prop="operationTime" > | ||
| 112 | + </el-table-column> | ||
| 113 | + <el-table-column label="操作人" prop="operator"> | ||
| 114 | + </el-table-column> | ||
| 115 | + </el-table> | ||
| 116 | + <div style="display: flex;justify-content: space-between;" class="bom"> | ||
| 117 | + <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{totalsxj}}</span> 项数据</div> | ||
| 118 | + <el-pagination :current-page="pagequerysxj.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequerysxj.pageSize" | ||
| 119 | + background small layout="prev, pager, next" :total="totalsxj" @size-change="handleSizeChangesxj" | ||
| 120 | + @current-change="handleCurrentChangesxj"> | ||
| 121 | + </el-pagination> | ||
| 122 | + </div> | ||
| 123 | + </div> | ||
| 104 | </div> | 124 | </div> |
| 105 | </el-tab-pane> | 125 | </el-tab-pane> |
| 106 | <el-tab-pane label="招商方案信息" name="second"> | 126 | <el-tab-pane label="招商方案信息" name="second"> |
| @@ -121,18 +141,19 @@ | @@ -121,18 +141,19 @@ | ||
| 121 | <el-table :data="datalist" | 141 | <el-table :data="datalist" |
| 122 | :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | 142 | :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" |
| 123 | tooltip-effect="dark custom-tooltip-effect"> | 143 | tooltip-effect="dark custom-tooltip-effect"> |
| 124 | - <el-table-column label="策略名称" prop="policyName" min-width="200"> | 144 | + <el-table-column label="策略名称" prop="policyName" > |
| 125 | </el-table-column> | 145 | </el-table-column> |
| 126 | - <el-table-column label="适用资源" prop="applicableResources" min-width="100"> | 146 | + <el-table-column label="适用资源" prop="applicableResources" > |
| 127 | </el-table-column> | 147 | </el-table-column> |
| 128 | - <el-table-column label="经营类型" prop="businessType" min-width="100"> | 148 | + <!-- <el-table-column label="经营类型" prop="businessType" min-width="100"> |
| 129 | 149 | ||
| 150 | + </el-table-column> --> | ||
| 151 | + <el-table-column label="租金价格" prop="rentalPrice"> | ||
| 130 | </el-table-column> | 152 | </el-table-column> |
| 131 | - <el-table-column label="租金价格" prop="rentalPrice" min-width="150"> | ||
| 132 | - </el-table-column> | ||
| 133 | - <el-table-column label="租期" prop="leaseTerm" min-width="100"> | 153 | + <el-table-column label="付款周期" prop="leaseTerm"> |
| 134 | </el-table-column> | 154 | </el-table-column> |
| 135 | - <el-table-column label="是否出租" prop="isRental" min-width="100"> | 155 | + <el-table-column label="付款日" prop="payDay" show-overflow-tooltip></el-table-column> |
| 156 | + <!-- <el-table-column label="是否出租" prop="isRental" min-width="100"> | ||
| 136 | <template slot-scope="scope"> | 157 | <template slot-scope="scope"> |
| 137 | {{scope.row.isRental == '0'?'否':'是'}} | 158 | {{scope.row.isRental == '0'?'否':'是'}} |
| 138 | </template> | 159 | </template> |
| @@ -141,7 +162,7 @@ | @@ -141,7 +162,7 @@ | ||
| 141 | <template slot-scope="scope"> | 162 | <template slot-scope="scope"> |
| 142 | {{scope.row.isSelfOperated == '0'?'否':'是'}} | 163 | {{scope.row.isSelfOperated == '0'?'否':'是'}} |
| 143 | </template> | 164 | </template> |
| 144 | - </el-table-column> | 165 | + </el-table-column> --> |
| 145 | </el-table> | 166 | </el-table> |
| 146 | </div> | 167 | </div> |
| 147 | </div> | 168 | </div> |
| @@ -215,7 +236,8 @@ | @@ -215,7 +236,8 @@ | ||
| 215 | import TitleWithCircle from '@/components/top/index'; | 236 | import TitleWithCircle from '@/components/top/index'; |
| 216 | import { | 237 | import { |
| 217 | cereResourceStrategylist, | 238 | cereResourceStrategylist, |
| 218 | - cereBusinessPlan | 239 | + cereBusinessPlan, |
| 240 | + cereBusinessOperationqueryByPage | ||
| 219 | } from '@/api/newly'; | 241 | } from '@/api/newly'; |
| 220 | import newmap from "@/components/newmap/index"; | 242 | import newmap from "@/components/newmap/index"; |
| 221 | export default { | 243 | export default { |
| @@ -234,11 +256,18 @@ | @@ -234,11 +256,18 @@ | ||
| 234 | }, | 256 | }, |
| 235 | data() { | 257 | data() { |
| 236 | return { | 258 | return { |
| 259 | + totalsxj:0, | ||
| 260 | + pagequerysxj:{ | ||
| 261 | + pageNumber: 0, | ||
| 262 | + pageSize: 10, | ||
| 263 | + resourcesId: 'sp' + this.editbgid.id | ||
| 264 | + }, | ||
| 237 | xiangTab: 'first', | 265 | xiangTab: 'first', |
| 238 | list: [], | 266 | list: [], |
| 239 | parentMessage: {}, | 267 | parentMessage: {}, |
| 240 | datalist: [], | 268 | datalist: [], |
| 241 | - datalist1:[] | 269 | + datalist1:[], |
| 270 | + datalistxsj:[] | ||
| 242 | } | 271 | } |
| 243 | }, | 272 | }, |
| 244 | created() { | 273 | created() { |
| @@ -266,6 +295,7 @@ | @@ -266,6 +295,7 @@ | ||
| 266 | } | 295 | } |
| 267 | this.datalist1 = res.data | 296 | this.datalist1 = res.data |
| 268 | }) | 297 | }) |
| 298 | + this.getAllxsj() | ||
| 269 | 299 | ||
| 270 | } | 300 | } |
| 271 | }, | 301 | }, |
| @@ -273,6 +303,27 @@ | @@ -273,6 +303,27 @@ | ||
| 273 | 303 | ||
| 274 | }, | 304 | }, |
| 275 | methods: { | 305 | methods: { |
| 306 | + | ||
| 307 | + handleCurrentChangesxj(val) { | ||
| 308 | + this.pagequerysxj.pageNumber = val - 1 | ||
| 309 | + this.getAllxsj() | ||
| 310 | + }, | ||
| 311 | + handleSizeChangesxj(val) { | ||
| 312 | + this.pagequerysxj.pageSize = val | ||
| 313 | + this.pagequerysxj.pageNumber = 0 | ||
| 314 | + this.getAllxsj() | ||
| 315 | + }, | ||
| 316 | + getAllxsj() { | ||
| 317 | + cereBusinessOperationqueryByPage(this.pagequerysxj).then(res => { | ||
| 318 | + console.error(res) | ||
| 319 | + if (!Array.isArray(res.data.content)) { | ||
| 320 | + this.datalistxsj = []; | ||
| 321 | + return; | ||
| 322 | + } | ||
| 323 | + this.datalistxsj = res.data.content | ||
| 324 | + this.totalsxj = res.data.totalElements | ||
| 325 | + }) | ||
| 326 | + }, | ||
| 276 | openfile(e) { | 327 | openfile(e) { |
| 277 | if (e) { | 328 | if (e) { |
| 278 | const fullUrl = e; | 329 | const fullUrl = e; |
admin-web-master/src/views/detect/information/index.vue
| @@ -96,7 +96,7 @@ | @@ -96,7 +96,7 @@ | ||
| 96 | </el-table> | 96 | </el-table> |
| 97 | <div style="display: flex;justify-content: space-between;" class="bom"> | 97 | <div style="display: flex;justify-content: space-between;" class="bom"> |
| 98 | <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div> | 98 | <div style="font-size: 14px;">共 <span style="color: #3F9B6A;">{{total}}</span> 项数据</div> |
| 99 | - <el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="10" | 99 | + <el-pagination :current-page="pagequery.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pagequery.pageSize" |
| 100 | background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange" | 100 | background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange" |
| 101 | @current-change="handleCurrentChange"> | 101 | @current-change="handleCurrentChange"> |
| 102 | </el-pagination> | 102 | </el-pagination> |
| @@ -230,6 +230,14 @@ | @@ -230,6 +230,14 @@ | ||
| 230 | }).then(res => { | 230 | }).then(res => { |
| 231 | this.onSubmit() | 231 | this.onSubmit() |
| 232 | }) | 232 | }) |
| 233 | + cereBusinessOperationadd({ | ||
| 234 | + type:'发布', | ||
| 235 | + resourceId: this.oncetype+this.oninfo.id, | ||
| 236 | + operator: localStorage.getItem('roleName'), | ||
| 237 | + operationTime: this.gettime() | ||
| 238 | + }).then(res => { | ||
| 239 | + console.error(res) | ||
| 240 | + }) | ||
| 233 | } else { | 241 | } else { |
| 234 | this.$message({ | 242 | this.$message({ |
| 235 | message: '绑定失败', | 243 | message: '绑定失败', |
| @@ -348,6 +356,8 @@ | @@ -348,6 +356,8 @@ | ||
| 348 | }, | 356 | }, |
| 349 | handleSizeChange(val) { | 357 | handleSizeChange(val) { |
| 350 | this.pagequery.pageSize = val | 358 | this.pagequery.pageSize = val |
| 359 | + this.pagequery.pageNumber = 0 | ||
| 360 | + this.getAll() | ||
| 351 | }, | 361 | }, |
| 352 | // 查询按钮 | 362 | // 查询按钮 |
| 353 | async onSubmit() { | 363 | async onSubmit() { |
admin-web-master/src/views/scheme/sam copy.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <div style="background-color:#f7f7f7;padding:10px 10px;"> | ||
| 3 | + <div class="zhuti"> | ||
| 4 | + <div style="height:58px;line-height:58px;"> | ||
| 5 | + <div style="color:#0006"> <span>招商方案管理</span> <span style="padding:0 5px;">></span> <span | ||
| 6 | + style="color:#000000e6">策略管理</span></div> | ||
| 7 | + </div> | ||
| 8 | + <div> | ||
| 9 | + <!-- 搜索 --> | ||
| 10 | + <div class="formSearch"> | ||
| 11 | + <div class="demo-input-suffix"> | ||
| 12 | + <div style="width:68px;height:36px;line-height:32px;">策略名称</div> | ||
| 13 | + <el-input placeholder="请输入" v-model="formSel.policyName" style="width:168px;margin-right: 15px"> | ||
| 14 | + </el-input> | ||
| 15 | + <div style="width:68px;height:36px;line-height:32px;">适用资源</div> | ||
| 16 | + <el-select v-model="formSel.applicableResources" placeholder="请选择" | ||
| 17 | + style="width: 100px;margin-right: 5px"> | ||
| 18 | + <el-option label="商铺" value="商铺" /> | ||
| 19 | + <el-option label="场地" value="场地" /> | ||
| 20 | + <el-option label="广告位" value="广告位" /> | ||
| 21 | + </el-select> | ||
| 22 | + <!-- <div style="width:68px;height:36px;line-height:32px;">租期</div> | ||
| 23 | + <el-date-picker style="width:168px;margin-right: 15px" v-model="plan_Time" value-format="yyyy-MM-dd HH:mm:ss" | ||
| 24 | + type="datetimerange" range-separator="-" start-placeholder="" end-placeholder="" prefix-icon="none"> | ||
| 25 | + </el-date-picker> --> | ||
| 26 | + <div style="width:68px;height:36px;line-height:32px;">经营类型</div> | ||
| 27 | + <el-input placeholder="请输入" v-model="formSel.businessType" style="width:168px;margin-right: 15px" /> | ||
| 28 | + | ||
| 29 | + <div style="width:68px;height:36px;line-height:32px;">是否出租</div> | ||
| 30 | + <el-select v-model="formSel.isRental" placeholder="请选择" | ||
| 31 | + style="width:168px;margin-right: 15px"> | ||
| 32 | + <el-option label="自营" value="0" /> | ||
| 33 | + <el-option label="是" value="1" /> | ||
| 34 | + </el-select> | ||
| 35 | + | ||
| 36 | + | ||
| 37 | + </div> | ||
| 38 | + <div> | ||
| 39 | + <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">检索 | ||
| 40 | + </el-button> | ||
| 41 | + <el-button @click="resetting" class="buttonHover" | ||
| 42 | + style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">重置 | ||
| 43 | + </el-button> | ||
| 44 | + </div> | ||
| 45 | + </div> | ||
| 46 | + <div style="margin:20px 0;"> | ||
| 47 | + <el-button icon="el-icon-circle-plus-outline" @click="addbuss(1)" | ||
| 48 | + style="background-color: #3F9B6A;color: #fff;padding:8px 15px;">新增</el-button> | ||
| 49 | + </div> | ||
| 50 | + | ||
| 51 | + <!-- 表格 --> | ||
| 52 | + <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" | ||
| 53 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 54 | + > | ||
| 55 | + <el-table-column label="序号" min-width="100" > | ||
| 56 | + <template slot-scope="scope"> | ||
| 57 | + {{scope.$index +1}} | ||
| 58 | + </template> | ||
| 59 | + </el-table-column> | ||
| 60 | + <el-table-column label="策略名称" prop="policyName" min-width="200" > | ||
| 61 | + </el-table-column> | ||
| 62 | + <el-table-column label="适用资源" prop="applicableResources" min-width="100" > | ||
| 63 | + </el-table-column> | ||
| 64 | + <el-table-column label="经营类型" prop="businessType" min-width="100"> | ||
| 65 | + | ||
| 66 | + </el-table-column> | ||
| 67 | + <el-table-column label="租金价格" prop="rentalPrice" min-width="150" > | ||
| 68 | + </el-table-column> | ||
| 69 | + <el-table-column label="租期" prop="leaseTerm" min-width="100" > | ||
| 70 | + </el-table-column> | ||
| 71 | + <el-table-column label="是否出租" prop="isRental" min-width="100" > | ||
| 72 | + <template slot-scope="scope"> | ||
| 73 | + {{scope.row.isRental == '0'?'自营':'是'}} | ||
| 74 | + </template> | ||
| 75 | + </el-table-column> | ||
| 76 | + | ||
| 77 | + | ||
| 78 | + <el-table-column label="操作" min-width="200" > | ||
| 79 | + <template slot-scope="scope"> | ||
| 80 | + <div @click="handleEditForm(scope.row,1)" class="tableBtn greens">查看</div> | ||
| 81 | + <div @click="handleEditForm(scope.row,2)" class="tableBtn greens">编辑</div> | ||
| 82 | + <div @click="handleDelete(scope.row)" class="tableBtn greens">删除</div> | ||
| 83 | + </template> | ||
| 84 | + </el-table-column> | ||
| 85 | + </el-table> | ||
| 86 | + <div class="fenye"> | ||
| 87 | + <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage" | ||
| 88 | + :page-sizes="[10, 20, 50, 100]" layout="total,prev, pager,next" :total="total " | ||
| 89 | + @size-change="handleSizeChange" @current-change="handleCurrentChange" /> | ||
| 90 | + </div> | ||
| 91 | + </div> | ||
| 92 | + </div> | ||
| 93 | + <!-- 详情编辑页 --> | ||
| 94 | + <el-dialog :title="xiangqing==1?'详情页':'编辑页'" :visible.sync="xiang" custom-class='bian_css' style="padding: 0;" width="65%" | ||
| 95 | + center :close-on-click-modal="false" :show-close="false"> | ||
| 96 | + <div style="padding:20px"> | ||
| 97 | + <el-form :model="secondData" ref="ruleForm" label-width="80px"> | ||
| 98 | + <el-form-item label="策略名称" prop="policyName"> | ||
| 99 | + <el-input v-model="secondData.policyName" style="width: 87%;margin-right: 15px" :disabled="xiangqing==1?true:false"></el-input> | ||
| 100 | + </el-form-item> | ||
| 101 | + <el-form-item label="适用资源" prop="applicableResources"> | ||
| 102 | + <el-radio-group v-model="secondData.applicableResources" :disabled="xiangqing==1?true:false"> | ||
| 103 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | ||
| 104 | + <el-radio label="场地" value="场地">场地</el-radio> | ||
| 105 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | ||
| 106 | + </el-radio-group> | ||
| 107 | + </el-form-item> | ||
| 108 | + <el-form-item label="策略模板" prop="policyTemplate"> | ||
| 109 | + <el-select v-model="secondData.policyTemplate" style="width: 87%;margin-right: 15px" disabled> | ||
| 110 | + <el-option :label="item.policyName" :value="item.id" v-for="(item,index) in modelData" /> | ||
| 111 | + </el-select> | ||
| 112 | + </el-form-item> | ||
| 113 | + <el-row> | ||
| 114 | + <el-col :span="12"> | ||
| 115 | + <el-form-item label="是否出租" prop="isRental"> | ||
| 116 | + <el-select v-model="secondData.isRental" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | ||
| 117 | + <el-option label="否" value="0" /> | ||
| 118 | + <el-option label="是" value="1" /> | ||
| 119 | + </el-select> | ||
| 120 | + </el-form-item> | ||
| 121 | + </el-col> | ||
| 122 | + <el-col :span="12"> | ||
| 123 | + <el-form-item label="经营类型" prop="businessType" v-if="secondData.applicableResources == '商铺'"> | ||
| 124 | + <el-input v-model="secondData.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" maxlength="50" :disabled="xiangqing==1?true:false"></el-input> | ||
| 125 | + </el-form-item> | ||
| 126 | + </el-col> | ||
| 127 | + </el-row> | ||
| 128 | + <el-row> | ||
| 129 | + | ||
| 130 | + <el-col :span="12"> | ||
| 131 | + <el-form-item label="租金价格" prop="rentalPrice"> | ||
| 132 | + <el-input v-model="secondData.rentalPrice" style="width: 72%;margin-right: 15px;" :disabled="xiangqing==1?true:false"> | ||
| 133 | + <template slot="suffix"><span | ||
| 134 | + style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | ||
| 135 | + <!-- <i slot="suffix" class="el-input__icon el-icon-date"></i> --> | ||
| 136 | + </el-input> | ||
| 137 | + | ||
| 138 | + </el-form-item> | ||
| 139 | + </el-col> | ||
| 140 | + <el-col :span="12"> | ||
| 141 | + <el-form-item label="付款周期" prop="leaseTerm"> | ||
| 142 | + <el-select v-model="secondData.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | ||
| 143 | + <el-option label="日" value="日" /> | ||
| 144 | + <el-option label="月" value="月" /> | ||
| 145 | + <el-option label="季" value="季" /> | ||
| 146 | + <el-option label="年" value="年" /> | ||
| 147 | + </el-select> | ||
| 148 | + </el-form-item> | ||
| 149 | + </el-col> | ||
| 150 | + </el-row> | ||
| 151 | + | ||
| 152 | + <el-row> | ||
| 153 | + <el-col :span="12"> | ||
| 154 | + <el-form-item label="租赁时段" prop="leaseDate"> | ||
| 155 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | ||
| 156 | + start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;" :disabled="xiangqing==1?true:false"> | ||
| 157 | + </el-date-picker> | ||
| 158 | + </el-form-item> | ||
| 159 | + </el-col> | ||
| 160 | + <el-col :span="12"> | ||
| 161 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | ||
| 162 | + <el-input v-model="secondData.rentFreeCondition" style="width: 72%;" :disabled="xiangqing==1?true:false"></el-input> | ||
| 163 | + </el-form-item> | ||
| 164 | + </el-col> | ||
| 165 | + | ||
| 166 | + </el-row> | ||
| 167 | + <el-row> | ||
| 168 | + <el-col :span="12"> | ||
| 169 | + <el-form-item label="免租期" prop="rentFreePeriod"> | ||
| 170 | + | ||
| 171 | + <el-select v-model="secondData.rentFreePeriod" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | ||
| 172 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 173 | + </el-select> | ||
| 174 | + </el-form-item> | ||
| 175 | + </el-col> | ||
| 176 | + <el-col :span="12"> | ||
| 177 | + <el-form-item label="付款日" prop="payDay"> | ||
| 178 | + | ||
| 179 | + <el-select v-model="secondData.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | ||
| 180 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 181 | + </el-select> | ||
| 182 | + </el-form-item> | ||
| 183 | + </el-col> | ||
| 184 | + </el-row> | ||
| 185 | + <el-row> | ||
| 186 | + <el-col :span="24"> | ||
| 187 | + <div style="display: flex;align-items: baseline;" v-if="xiangqing==1" > | ||
| 188 | + <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">优惠政策</div> | ||
| 189 | + <div style="padding:20px 10px;width:90%;" v-html="secondData.preferentialPolicy" ></div> | ||
| 190 | + </div> | ||
| 191 | + <el-form-item label="优惠政策" prop="preferentialPolicy" v-else> | ||
| 192 | + <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.preferentialPolicy" v-if="xiangqing==1"></div> --> | ||
| 193 | + <wangEditor v-model="secondData.preferentialPolicy" ref="editor" :height="100" ></wangEditor> | ||
| 194 | + | ||
| 195 | + </el-form-item> | ||
| 196 | + </el-col> | ||
| 197 | + | ||
| 198 | + </el-row> | ||
| 199 | + <el-row> | ||
| 200 | + | ||
| 201 | + <el-col :span="24"> | ||
| 202 | + <div style="display: flex;align-items: baseline;" v-if="xiangqing==1" > | ||
| 203 | + <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">其他说明</div> | ||
| 204 | + <div style="padding:20px 10px;width:90%;" v-html="secondData.otherDescription" ></div> | ||
| 205 | + </div> | ||
| 206 | + <el-form-item label="其他说明" prop="otherDescription" v-else> | ||
| 207 | + <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.otherDescription" v-if="xiangqing==1"></div> --> | ||
| 208 | + <wangEditor v-model="secondData.otherDescription" ref="editor" :height="100" ></wangEditor> | ||
| 209 | + </el-form-item> | ||
| 210 | + </el-col> | ||
| 211 | + | ||
| 212 | + </el-row> | ||
| 213 | + </el-form> | ||
| 214 | + <div style="display: flex;justify-content: flex-end;margin-top:20px;"> | ||
| 215 | + <el-button @click="closexaing(1)" class="buttonHover" | ||
| 216 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button> | ||
| 217 | + <el-button @click="addCheck()" | ||
| 218 | + | ||
| 219 | + style="background-color: #3F9B6A;color: #fff" v-if="xiangqing==2">确定</el-button> | ||
| 220 | + | ||
| 221 | + | ||
| 222 | + </div> | ||
| 223 | + </div> | ||
| 224 | + | ||
| 225 | + </el-dialog> | ||
| 226 | + <samXin :xinShow="ggXin" @childClose='childClose'></samXin> | ||
| 227 | + </div> | ||
| 228 | +</template> | ||
| 229 | + | ||
| 230 | +<script> | ||
| 231 | + import { | ||
| 232 | + ceGetAll, | ||
| 233 | + ceAdd, | ||
| 234 | + ceEdit, | ||
| 235 | + ceDel, | ||
| 236 | + } from '../../api/sam.js' | ||
| 237 | + import wangEditor from "@/components/editor/index" | ||
| 238 | + import upimg from "@/components/ImageUpload/index" | ||
| 239 | +import samXin from "./samXin" | ||
| 240 | + import { | ||
| 241 | + uploadUrl | ||
| 242 | + } from '@/utils/request' | ||
| 243 | + export default { | ||
| 244 | + components: { wangEditor ,upimg,samXin}, | ||
| 245 | + data() { | ||
| 246 | + return { | ||
| 247 | + formInline: {}, | ||
| 248 | + upload:uploadUrl, | ||
| 249 | + plan_Time:[], | ||
| 250 | + formSel: { | ||
| 251 | + policyName:'', | ||
| 252 | + applicableResources:'', | ||
| 253 | + businessType:'', | ||
| 254 | + isRental:'', | ||
| 255 | + isSelfOperated:'', | ||
| 256 | + pageNumber: 1, | ||
| 257 | + pageSize: 10, | ||
| 258 | + }, | ||
| 259 | + secondData: {}, | ||
| 260 | + xiangqing:0, | ||
| 261 | + xiang:false, | ||
| 262 | + currentPage: 1, | ||
| 263 | + total: 0, | ||
| 264 | + flag: false, | ||
| 265 | + pageSize: 10, | ||
| 266 | + ggXin: false, | ||
| 267 | + tableData: [], | ||
| 268 | + pageindex: { | ||
| 269 | + pageNumber: 0, | ||
| 270 | + pageSize: 10, | ||
| 271 | + isTemplate: '1' | ||
| 272 | + }, | ||
| 273 | + Modelpageindex: { | ||
| 274 | + pageNumber: 1, | ||
| 275 | + pageSize: 10, | ||
| 276 | + isTemplate: '0' | ||
| 277 | + }, | ||
| 278 | + fileList: [], | ||
| 279 | + paymentDate:[], | ||
| 280 | + leaseDate:[], | ||
| 281 | + modelData:[] | ||
| 282 | + } | ||
| 283 | + }, | ||
| 284 | + | ||
| 285 | + created() { | ||
| 286 | + | ||
| 287 | + | ||
| 288 | + }, | ||
| 289 | + mounted() { | ||
| 290 | +this.getAll() | ||
| 291 | + }, | ||
| 292 | + | ||
| 293 | + methods: { | ||
| 294 | + //查询全数据 | ||
| 295 | + async getAll() { | ||
| 296 | + const res = await ceGetAll(this.pageindex) | ||
| 297 | + this.tableData = res.data.content | ||
| 298 | + this.total = res.data.content.length | ||
| 299 | + const ce = await ceGetAll(this.Modelpageindex) | ||
| 300 | + this.modelData = ce.data.content | ||
| 301 | + }, | ||
| 302 | + | ||
| 303 | + //删除记录按钮 | ||
| 304 | + handleDelete(val) { | ||
| 305 | + const h = this.$createElement; | ||
| 306 | + this.$msgbox({ | ||
| 307 | + title: '消息', | ||
| 308 | + message: h('p', null, [ | ||
| 309 | + h('span', null, '是否删除 '), | ||
| 310 | + ]), | ||
| 311 | + showCancelButton: true, | ||
| 312 | + showClose: false, | ||
| 313 | + confirmButtonText: '确定', | ||
| 314 | + cancelButtonText: '取消', | ||
| 315 | + customClass: 'oe-dialog-btn', | ||
| 316 | + beforeClose: (action, instance, done) => { | ||
| 317 | + if (action === 'confirm') { | ||
| 318 | + ceDel({ | ||
| 319 | + id: val.id | ||
| 320 | + }).then(res => { | ||
| 321 | + this.getAll() | ||
| 322 | + done(); | ||
| 323 | + }) | ||
| 324 | + } else { | ||
| 325 | + done(); | ||
| 326 | + } | ||
| 327 | + } | ||
| 328 | + }) | ||
| 329 | + | ||
| 330 | + }, | ||
| 331 | + //查询 | ||
| 332 | + async onSubmit() { | ||
| 333 | + if(this.plan_Time.length!=0){ | ||
| 334 | + this.formSel.leaseStartDate = this.plan_Time[0] | ||
| 335 | + this.formSel.leaseEndDate = this.plan_Time[1] | ||
| 336 | + } | ||
| 337 | + this.formSel.isTemplate = '1' | ||
| 338 | + const { createUser, createDate, ...rest } = this.formSel | ||
| 339 | + | ||
| 340 | + // 将剩余的字段存储到this.zhong对象中 | ||
| 341 | + this.formSel = rest | ||
| 342 | + | ||
| 343 | + const res = await ceGetAll(this.formSel) | ||
| 344 | + this.tableData = res.data.content | ||
| 345 | + this.total = res.data.content.length | ||
| 346 | + }, | ||
| 347 | + | ||
| 348 | + //详情点击 | ||
| 349 | + handleEditForm(item,val) { | ||
| 350 | + this.secondData = item | ||
| 351 | + this.xiangqing = val | ||
| 352 | + this.xiang = true | ||
| 353 | + this.paymentDate[0] = item.paymentStartDate | ||
| 354 | + this.paymentDate[1] = item.paymentEndDate | ||
| 355 | + this.leaseDate[0] = item.leaseStartDate | ||
| 356 | + this.leaseDate[1] = item.leaseEndDate | ||
| 357 | + }, | ||
| 358 | + | ||
| 359 | + handleCurrentChange(val) { | ||
| 360 | + this.currentPage = val | ||
| 361 | + }, | ||
| 362 | + handleSizeChange(val) { | ||
| 363 | + this.pageSize = val | ||
| 364 | + }, | ||
| 365 | + closeFn() { | ||
| 366 | + this.ggXin = false | ||
| 367 | + }, | ||
| 368 | + closexaing(val){ | ||
| 369 | + | ||
| 370 | + this.xiang = false | ||
| 371 | + }, | ||
| 372 | + handleClick() { | ||
| 373 | + | ||
| 374 | + }, | ||
| 375 | + //上传 | ||
| 376 | + | ||
| 377 | + handlePreview(file) { | ||
| 378 | + console.log(file); | ||
| 379 | + }, | ||
| 380 | + handleRemove(file, fileList) { | ||
| 381 | + console.log(file, fileList); | ||
| 382 | + }, | ||
| 383 | + //重置按钮 | ||
| 384 | + resetting() { | ||
| 385 | + this.formSel = { | ||
| 386 | + | ||
| 387 | + policyName:'', | ||
| 388 | + applicableResources:'', | ||
| 389 | + businessType:'', | ||
| 390 | + isRental:'', | ||
| 391 | + isSelfOperated:'', | ||
| 392 | + pageNumber: 1, | ||
| 393 | + pageSize: 10, | ||
| 394 | + | ||
| 395 | + | ||
| 396 | + }, | ||
| 397 | + this.getAll() | ||
| 398 | + | ||
| 399 | + }, | ||
| 400 | + childClose(msg) { | ||
| 401 | + this.ggXin = msg | ||
| 402 | + this.getAll() | ||
| 403 | + }, | ||
| 404 | + addbuss(){ | ||
| 405 | + this.ggXin = true | ||
| 406 | + }, | ||
| 407 | + // 编辑确定 | ||
| 408 | + async addCheck(){ | ||
| 409 | + if (this.leaseDate.length !=0) { | ||
| 410 | + this.secondData.leaseStartDate = this.leaseDate[0] | ||
| 411 | + this.secondData.leaseEndDate = this.leaseDate[1] | ||
| 412 | + } | ||
| 413 | + if (this.paymentDate.length !=0) { | ||
| 414 | + this.secondData.paymentStartDate = this.paymentDate[0] | ||
| 415 | + this.secondData.paymentEndDate = this.paymentDate[1] | ||
| 416 | + } | ||
| 417 | + await ceEdit(this.secondData) | ||
| 418 | + this.xiang = false | ||
| 419 | + this.getAll() | ||
| 420 | + }, | ||
| 421 | + } | ||
| 422 | + } | ||
| 423 | +</script> | ||
| 424 | +<style src="@wangeditor/editor/dist/css/style.css"></style> | ||
| 425 | +<style scoped> | ||
| 426 | + /deep/ .first-column-bg { | ||
| 427 | + background-color: #f4f4f5 !important; | ||
| 428 | + } | ||
| 429 | + | ||
| 430 | + .zhuti { | ||
| 431 | + padding: 0 20px 20px 20px; | ||
| 432 | + min-height: calc(100vh - 50px - 20px); | ||
| 433 | + background-color: #Fff; | ||
| 434 | + | ||
| 435 | + } | ||
| 436 | + | ||
| 437 | + /deep/ .el-form-item__content { | ||
| 438 | + line-height: 0; | ||
| 439 | + } | ||
| 440 | + | ||
| 441 | + ::v-deep .xinForm .el-form-item__content { | ||
| 442 | + line-height: 3; | ||
| 443 | + } | ||
| 444 | + | ||
| 445 | + .tableBtn { | ||
| 446 | + display: inline-block; | ||
| 447 | + margin-right: 10px; | ||
| 448 | + cursor: pointer; | ||
| 449 | + } | ||
| 450 | + | ||
| 451 | + | ||
| 452 | + | ||
| 453 | + .greens { | ||
| 454 | + color: #3F9B6A; | ||
| 455 | + } | ||
| 456 | + | ||
| 457 | + | ||
| 458 | + .fenye { | ||
| 459 | + margin-top: 20px; | ||
| 460 | + display: flex; | ||
| 461 | + justify-content: flex-end; | ||
| 462 | + position: relative; | ||
| 463 | + } | ||
| 464 | + | ||
| 465 | + /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { | ||
| 466 | + background-color: #3F9B6A; | ||
| 467 | + } | ||
| 468 | + | ||
| 469 | + .el-row { | ||
| 470 | + margin-bottom: 20px; | ||
| 471 | + } | ||
| 472 | + | ||
| 473 | + :last-child { | ||
| 474 | + margin-bottom: 0; | ||
| 475 | + } | ||
| 476 | + | ||
| 477 | + .el-col { | ||
| 478 | + border-radius: 4px; | ||
| 479 | + } | ||
| 480 | + | ||
| 481 | + .bg-purple-dark { | ||
| 482 | + background: #99a9bf; | ||
| 483 | + } | ||
| 484 | + | ||
| 485 | + .bg-purple { | ||
| 486 | + /* background: #d3dce6; */ | ||
| 487 | + } | ||
| 488 | + | ||
| 489 | + .bg-purple-light { | ||
| 490 | + background: #e5e9f2; | ||
| 491 | + } | ||
| 492 | + | ||
| 493 | + .grid-content { | ||
| 494 | + border-radius: 4px; | ||
| 495 | + min-height: 36px; | ||
| 496 | + } | ||
| 497 | + | ||
| 498 | + .row-bg { | ||
| 499 | + padding: 10px 0; | ||
| 500 | + background-color: #f9fafc; | ||
| 501 | + } | ||
| 502 | + | ||
| 503 | + /deep/ .bg-purple[data-v-0e3fe4ec] { | ||
| 504 | + background: #fff; | ||
| 505 | + height: 50px; | ||
| 506 | + } | ||
| 507 | + | ||
| 508 | + /deep/ .el-form--label-top .el-form-item__label { | ||
| 509 | + padding: 0; | ||
| 510 | + } | ||
| 511 | + | ||
| 512 | + .demo-input-suffix { | ||
| 513 | + display: flex; | ||
| 514 | + margin-right: 20px; | ||
| 515 | + width: 83%; | ||
| 516 | + } | ||
| 517 | + | ||
| 518 | + .pagination { | ||
| 519 | + text-align: right; | ||
| 520 | + line-height: 20px; | ||
| 521 | + } | ||
| 522 | + | ||
| 523 | + | ||
| 524 | + | ||
| 525 | + /deep/ .dialog_css { | ||
| 526 | + margin-top: 11vh; | ||
| 527 | + margin-left: 13%; | ||
| 528 | + padding: 0px; | ||
| 529 | + | ||
| 530 | + .el-dialog__title { | ||
| 531 | + font-size: 12px; | ||
| 532 | + } | ||
| 533 | + } | ||
| 534 | + | ||
| 535 | + /deep/.el-dialog__body { | ||
| 536 | + padding: 0px; | ||
| 537 | + } | ||
| 538 | + | ||
| 539 | + /deep/ .el-dialog__header { | ||
| 540 | + background-color: #fff; | ||
| 541 | + } | ||
| 542 | + | ||
| 543 | + /deep/.el-dialog__title { | ||
| 544 | + color: #000; | ||
| 545 | + } | ||
| 546 | + | ||
| 547 | + .el-row { | ||
| 548 | + margin-bottom: 20px; | ||
| 549 | + | ||
| 550 | + &:last-child { | ||
| 551 | + margin-bottom: 0; | ||
| 552 | + } | ||
| 553 | + } | ||
| 554 | + | ||
| 555 | + /deep/ .avatar-uploader .el-upload { | ||
| 556 | + border: 1px dashed #d9d9d9; | ||
| 557 | + border-radius: 6px; | ||
| 558 | + cursor: pointer; | ||
| 559 | + position: relative; | ||
| 560 | + overflow: hidden; | ||
| 561 | + } | ||
| 562 | + | ||
| 563 | + .avatar-uploader .el-upload:hover { | ||
| 564 | + border-color: #409EFF; | ||
| 565 | + } | ||
| 566 | + | ||
| 567 | + .avatar-uploader-icon { | ||
| 568 | + font-size: 28px; | ||
| 569 | + color: #8c939d; | ||
| 570 | + width: 108px; | ||
| 571 | + height: 108px; | ||
| 572 | + line-height: 108px; | ||
| 573 | + /*text-align: center;*/ | ||
| 574 | + } | ||
| 575 | + | ||
| 576 | + .avatar { | ||
| 577 | + width: 108px; | ||
| 578 | + height: 108px; | ||
| 579 | + display: block; | ||
| 580 | + } | ||
| 581 | + | ||
| 582 | + ::v-deep .el-tabs__item.is-active { | ||
| 583 | + color: #3F9B6A; | ||
| 584 | + opacity: 1; | ||
| 585 | + } | ||
| 586 | + | ||
| 587 | + /deep/ .el-tabs__nav-wrap::after { | ||
| 588 | + background-color: #fff; | ||
| 589 | + } | ||
| 590 | + | ||
| 591 | + ::v-deep .el-tabs__item:hover { | ||
| 592 | + color: #3F9B6A; | ||
| 593 | + cursor: pointer; | ||
| 594 | + opacity: 1; | ||
| 595 | + } | ||
| 596 | + | ||
| 597 | + /deep/ .el-tabs__active-bar { | ||
| 598 | + background-color: #389865; | ||
| 599 | + } | ||
| 600 | + | ||
| 601 | + /deep/ .el-table_2_column_13 { | ||
| 602 | + font-weight: 100; | ||
| 603 | + } | ||
| 604 | + | ||
| 605 | + ::v-deep .el-input__inner:focus { | ||
| 606 | + border: #3F9B6A 1px solid; | ||
| 607 | + } | ||
| 608 | + | ||
| 609 | + ::v-deep .el-input__inner:hover { | ||
| 610 | + border: #3F9B6A 1px solid; | ||
| 611 | + } | ||
| 612 | + | ||
| 613 | + ::v-deep .el-select .el-input.is-focus .el-input__inner { | ||
| 614 | + border-color: #3F9B6A | ||
| 615 | + } | ||
| 616 | + | ||
| 617 | + /* ::v-deep .el-steps .el-step__head.is-wait { | ||
| 618 | + background-color: red; /* 修改为你想要的颜色 */ | ||
| 619 | + | ||
| 620 | + /* 修改未进行步骤的描述文字颜色 */ | ||
| 621 | + ::v-deep .el-steps .el-step__description.is-wait { | ||
| 622 | + color: #999; | ||
| 623 | + /* 修改为你想要的颜色 */ | ||
| 624 | + } | ||
| 625 | + | ||
| 626 | + /* 修改未进行步骤的图标颜色 */ | ||
| 627 | + ::v-deep .el-steps .el-step__icon.is-text.is-wait { | ||
| 628 | + color: #999; | ||
| 629 | + /* 修改为你想要的颜色 */ | ||
| 630 | + } | ||
| 631 | + | ||
| 632 | + /* 修改未进行步骤的边框色 */ | ||
| 633 | + ::v-deep .el-steps .el-step__line.is-wait { | ||
| 634 | + border-color: #eee; | ||
| 635 | + /* 修改为你想要的颜色 */ | ||
| 636 | + } | ||
| 637 | + | ||
| 638 | + ::v-deep .el-steps .is-process .el-step__line { | ||
| 639 | + background-color: #3F9B6A; | ||
| 640 | + /* 修改线的颜色 */ | ||
| 641 | + } | ||
| 642 | + | ||
| 643 | + ::v-deep .el-steps .is-process .el-step__title { | ||
| 644 | + color: #fe7b6a; | ||
| 645 | + /* 修改进行中步骤的标题颜色 */ | ||
| 646 | + } | ||
| 647 | + | ||
| 648 | + ::v-deep .el-steps .is-process .el-step__icon { | ||
| 649 | + color: #fff; | ||
| 650 | + /* 修改进行中步骤的图标颜色 */ | ||
| 651 | + background: #3F9B6A; | ||
| 652 | + /* 修改进行中步骤图标的边框颜色 */ | ||
| 653 | + border: 0px; | ||
| 654 | + } | ||
| 655 | + | ||
| 656 | + ::v-deep .el-step__icon-inner { | ||
| 657 | + line-height: 0 | ||
| 658 | + } | ||
| 659 | + | ||
| 660 | + /* 线条长度 */ | ||
| 661 | + ::v-deep .el-step.is-vertical .el-step__line { | ||
| 662 | + top: 30px; | ||
| 663 | + height: 60px; | ||
| 664 | + } | ||
| 665 | + | ||
| 666 | + | ||
| 667 | + ::v-deep .el-date-editor .el-range-separator { | ||
| 668 | + line-height: 24px; | ||
| 669 | + } | ||
| 670 | + | ||
| 671 | +</style> | ||
| 672 | +<style lang="scss" scoped> | ||
| 673 | + ::v-deep .xinFrom{ | ||
| 674 | + padding-top:20px; | ||
| 675 | + .el-input--mini .el-input__inner{ | ||
| 676 | + height:36px; | ||
| 677 | + line-height:36px; | ||
| 678 | + } | ||
| 679 | + .el-range-editor--mini.el-input__inner{ | ||
| 680 | + height:36px; | ||
| 681 | + width:100%; | ||
| 682 | + } | ||
| 683 | + } | ||
| 684 | + ::v-deep .buttonHover:hover{ | ||
| 685 | + color:#3f9b6a !important; | ||
| 686 | + border-color: #c5e1d2 !important; | ||
| 687 | + background-color: #ecf5f0 !important; | ||
| 688 | + outline: none; | ||
| 689 | + } | ||
| 690 | +::v-deep .el-pagination__total { | ||
| 691 | + position: absolute; | ||
| 692 | + left: 10px; | ||
| 693 | + } | ||
| 694 | + ::v-deep .formSearch { | ||
| 695 | + display: flex; | ||
| 696 | + width: 100%; | ||
| 697 | + font-size: 14px; | ||
| 698 | + justify-content: space-between; | ||
| 699 | + } | ||
| 700 | + ::v-deep .el-radio-group{ | ||
| 701 | + padding-top:14px; | ||
| 702 | + } | ||
| 703 | + ::v-deep .el-radio{ | ||
| 704 | + font-weight:100 !important; | ||
| 705 | + } | ||
| 706 | + ::v-deep .bian_css{ | ||
| 707 | + overflow-y:initial !important; | ||
| 708 | + } | ||
| 709 | +</style> |
admin-web-master/src/views/scheme/sam.vue
| 1 | <template> | 1 | <template> |
| 2 | <div style="background-color:#f7f7f7;padding:10px 10px;"> | 2 | <div style="background-color:#f7f7f7;padding:10px 10px;"> |
| 3 | - <div class="zhuti"> | 3 | + <div class="zhuti" v-if="onaction == '1'"> |
| 4 | <div style="height:58px;line-height:58px;"> | 4 | <div style="height:58px;line-height:58px;"> |
| 5 | <div style="color:#0006"> <span>招商方案管理</span> <span style="padding:0 5px;">></span> <span | 5 | <div style="color:#0006"> <span>招商方案管理</span> <span style="padding:0 5px;">></span> <span |
| 6 | style="color:#000000e6">策略管理</span></div> | 6 | style="color:#000000e6">策略管理</span></div> |
| @@ -13,13 +13,12 @@ | @@ -13,13 +13,12 @@ | ||
| 13 | <el-input placeholder="请输入" v-model="formSel.policyName" style="width:168px;margin-right: 15px"> | 13 | <el-input placeholder="请输入" v-model="formSel.policyName" style="width:168px;margin-right: 15px"> |
| 14 | </el-input> | 14 | </el-input> |
| 15 | <div style="width:68px;height:36px;line-height:32px;">适用资源</div> | 15 | <div style="width:68px;height:36px;line-height:32px;">适用资源</div> |
| 16 | - <el-select v-model="formSel.applicableResources" placeholder="请选择" | ||
| 17 | - style="width: 100px;margin-right: 5px"> | 16 | + <el-select v-model="formSel.applicableResources" placeholder="请选择" style="width: 100px;margin-right: 5px"> |
| 18 | <el-option label="商铺" value="商铺" /> | 17 | <el-option label="商铺" value="商铺" /> |
| 19 | <el-option label="场地" value="场地" /> | 18 | <el-option label="场地" value="场地" /> |
| 20 | <el-option label="广告位" value="广告位" /> | 19 | <el-option label="广告位" value="广告位" /> |
| 21 | </el-select> | 20 | </el-select> |
| 22 | - <!-- <div style="width:68px;height:36px;line-height:32px;">租期</div> | 21 | + <!-- <div style="width:68px;height:36px;line-height:32px;">租期</div> |
| 23 | <el-date-picker style="width:168px;margin-right: 15px" v-model="plan_Time" value-format="yyyy-MM-dd HH:mm:ss" | 22 | <el-date-picker style="width:168px;margin-right: 15px" v-model="plan_Time" value-format="yyyy-MM-dd HH:mm:ss" |
| 24 | type="datetimerange" range-separator="-" start-placeholder="" end-placeholder="" prefix-icon="none"> | 23 | type="datetimerange" range-separator="-" start-placeholder="" end-placeholder="" prefix-icon="none"> |
| 25 | </el-date-picker> --> | 24 | </el-date-picker> --> |
| @@ -27,8 +26,7 @@ | @@ -27,8 +26,7 @@ | ||
| 27 | <el-input placeholder="请输入" v-model="formSel.businessType" style="width:168px;margin-right: 15px" /> | 26 | <el-input placeholder="请输入" v-model="formSel.businessType" style="width:168px;margin-right: 15px" /> |
| 28 | 27 | ||
| 29 | <div style="width:68px;height:36px;line-height:32px;">是否出租</div> | 28 | <div style="width:68px;height:36px;line-height:32px;">是否出租</div> |
| 30 | - <el-select v-model="formSel.isRental" placeholder="请选择" | ||
| 31 | - style="width:168px;margin-right: 15px"> | 29 | + <el-select v-model="formSel.isRental" placeholder="请选择" style="width:168px;margin-right: 15px"> |
| 32 | <el-option label="自营" value="0" /> | 30 | <el-option label="自营" value="0" /> |
| 33 | <el-option label="是" value="1" /> | 31 | <el-option label="是" value="1" /> |
| 34 | </el-select> | 32 | </el-select> |
| @@ -36,7 +34,7 @@ | @@ -36,7 +34,7 @@ | ||
| 36 | 34 | ||
| 37 | </div> | 35 | </div> |
| 38 | <div> | 36 | <div> |
| 39 | - <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">检索 | 37 | + <el-button @click="onSubmit" style="background-color: #3F9B6A;color: #fff">查询 |
| 40 | </el-button> | 38 | </el-button> |
| 41 | <el-button @click="resetting" class="buttonHover" | 39 | <el-button @click="resetting" class="buttonHover" |
| 42 | style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">重置 | 40 | style="color: #000;border: 1px solid #DBDBDB;background-color: #fff;">重置 |
| @@ -44,65 +42,96 @@ | @@ -44,65 +42,96 @@ | ||
| 44 | </div> | 42 | </div> |
| 45 | </div> | 43 | </div> |
| 46 | <div style="margin:20px 0;"> | 44 | <div style="margin:20px 0;"> |
| 47 | - <el-button icon="el-icon-circle-plus-outline" @click="addbuss(1)" | 45 | + <el-button icon="el-icon-circle-plus-outline" @click="removeonaction('2')" |
| 48 | style="background-color: #3F9B6A;color: #fff;padding:8px 15px;">新增</el-button> | 46 | style="background-color: #3F9B6A;color: #fff;padding:8px 15px;">新增</el-button> |
| 49 | </div> | 47 | </div> |
| 50 | 48 | ||
| 51 | <!-- 表格 --> | 49 | <!-- 表格 --> |
| 52 | <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" | 50 | <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" |
| 53 | - :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}" | ||
| 54 | - > | ||
| 55 | - <el-table-column label="序号" min-width="100" > | 51 | + :header-cell-style="{fontSize: '14px',color:'#0009',fontWeight: 'normal',backgroundColor:'#F2F3F5'}"> |
| 52 | + <el-table-column label="序号" min-width="100"> | ||
| 56 | <template slot-scope="scope"> | 53 | <template slot-scope="scope"> |
| 57 | {{scope.$index +1}} | 54 | {{scope.$index +1}} |
| 58 | - </template> | 55 | + </template> |
| 59 | </el-table-column> | 56 | </el-table-column> |
| 60 | - <el-table-column label="策略名称" prop="policyName" min-width="200" > | 57 | + <el-table-column label="策略名称" prop="policyName" min-width="200"> |
| 61 | </el-table-column> | 58 | </el-table-column> |
| 62 | - <el-table-column label="适用资源" prop="applicableResources" min-width="100" > | 59 | + <el-table-column label="适用资源" prop="applicableResources" min-width="100"> |
| 63 | </el-table-column> | 60 | </el-table-column> |
| 64 | <el-table-column label="经营类型" prop="businessType" min-width="100"> | 61 | <el-table-column label="经营类型" prop="businessType" min-width="100"> |
| 65 | 62 | ||
| 66 | </el-table-column> | 63 | </el-table-column> |
| 67 | - <el-table-column label="租金价格" prop="rentalPrice" min-width="150" > | 64 | + <el-table-column label="租金价格" prop="rentalPrice" min-width="150"> |
| 68 | </el-table-column> | 65 | </el-table-column> |
| 69 | - <el-table-column label="租期" prop="leaseTerm" min-width="100" > | 66 | + <el-table-column label="租期" prop="leaseTerm" min-width="100"> |
| 70 | </el-table-column> | 67 | </el-table-column> |
| 71 | - <el-table-column label="是否出租" prop="isRental" min-width="100" > | 68 | + <el-table-column label="是否出租" prop="isRental" min-width="100"> |
| 72 | <template slot-scope="scope"> | 69 | <template slot-scope="scope"> |
| 73 | {{scope.row.isRental == '0'?'自营':'是'}} | 70 | {{scope.row.isRental == '0'?'自营':'是'}} |
| 74 | - </template> | 71 | + </template> |
| 75 | </el-table-column> | 72 | </el-table-column> |
| 76 | 73 | ||
| 77 | 74 | ||
| 78 | - <el-table-column label="操作" min-width="200" > | 75 | + <el-table-column label="操作" min-width="200"> |
| 79 | <template slot-scope="scope"> | 76 | <template slot-scope="scope"> |
| 80 | <div @click="handleEditForm(scope.row,1)" class="tableBtn greens">查看</div> | 77 | <div @click="handleEditForm(scope.row,1)" class="tableBtn greens">查看</div> |
| 81 | - <div @click="handleEditForm(scope.row,2)" class="tableBtn greens">编辑</div> | 78 | + <div @click="removeinfo(scope.row)" class="tableBtn greens">编辑</div> |
| 82 | <div @click="handleDelete(scope.row)" class="tableBtn greens">删除</div> | 79 | <div @click="handleDelete(scope.row)" class="tableBtn greens">删除</div> |
| 83 | </template> | 80 | </template> |
| 84 | </el-table-column> | 81 | </el-table-column> |
| 85 | </el-table> | 82 | </el-table> |
| 86 | - <div class="fenye"> | ||
| 87 | - <el-pagination class="pagination" :hide-on-single-page="flag" background small :current-page="currentPage" | ||
| 88 | - :page-sizes="[10, 20, 50, 100]" layout="total,prev, pager,next" :total="total " | ||
| 89 | - @size-change="handleSizeChange" @current-change="handleCurrentChange" /> | 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="pageindex.pageNumber+1" :page-sizes="[10, 20, 50, 100]" :page-size="pageindex.pageSize" | ||
| 86 | + background small layout="prev, pager, next" :total="total" @size-change="handleSizeChange" | ||
| 87 | + @current-change="handleCurrentChange"> | ||
| 88 | + </el-pagination> | ||
| 90 | </div> | 89 | </div> |
| 91 | </div> | 90 | </div> |
| 92 | </div> | 91 | </div> |
| 92 | + <div class="zhuti" v-if="onaction == '2'"> | ||
| 93 | + <div style="height:58px;line-height:58px;"> | ||
| 94 | + <div style="color:#0006"> <span>策略管理</span> <span style="padding:0 5px;">></span> <span | ||
| 95 | + style="color:#000000e6">新增</span></div> | ||
| 96 | + </div> | ||
| 97 | + | ||
| 98 | + <div style="padding: 20px 20px 20px 0;"> | ||
| 99 | + <addsam @removeonaction="removeonaction"></addsam> | ||
| 100 | + </div> | ||
| 101 | + </div> | ||
| 102 | + <div class="zhuti" v-if="onaction == '3'"> | ||
| 103 | + <div style="height:58px;line-height:58px;"> | ||
| 104 | + <div style="color:#0006"> <span>策略管理</span> <span style="padding:0 5px;">></span> <span | ||
| 105 | + style="color:#000000e6">查看</span></div> | ||
| 106 | + </div> | ||
| 107 | + <div> | ||
| 108 | + <sam :editbgid="detailsinfo" @removeonaction="removeonaction"></sam> | ||
| 109 | + </div> | ||
| 110 | + </div> | ||
| 111 | + <div class="zhuti" v-if="onaction == '4'"> | ||
| 112 | + <div style="height:58px;line-height:58px;"> | ||
| 113 | + <div style="color:#0006"> <span>策略管理</span> <span style="padding:0 5px;">></span> <span | ||
| 114 | + style="color:#000000e6">编辑</span></div> | ||
| 115 | + </div> | ||
| 116 | + | ||
| 117 | + <div style="padding: 20px 20px 20px 0;"> | ||
| 118 | + <addsam :info="detailsinfo" @removeonaction="removeonaction"></addsam> | ||
| 119 | + </div> | ||
| 120 | + </div> | ||
| 93 | <!-- 详情编辑页 --> | 121 | <!-- 详情编辑页 --> |
| 94 | - <el-dialog :title="xiangqing==1?'详情页':'编辑页'" :visible.sync="xiang" custom-class='bian_css' style="padding: 0;" width="65%" | ||
| 95 | - center :close-on-click-modal="false" :show-close="false"> | 122 | + <el-dialog :title="xiangqing==1?'详情页':'编辑页'" :visible.sync="xiang" custom-class='bian_css' style="padding: 0;" |
| 123 | + width="65%" center :close-on-click-modal="false" :show-close="false"> | ||
| 96 | <div style="padding:20px"> | 124 | <div style="padding:20px"> |
| 97 | - <el-form :model="secondData" ref="ruleForm" label-width="80px"> | 125 | + <el-form :model="secondData" ref="ruleForm" label-width="80px"> |
| 98 | <el-form-item label="策略名称" prop="policyName"> | 126 | <el-form-item label="策略名称" prop="policyName"> |
| 99 | - <el-input v-model="secondData.policyName" style="width: 87%;margin-right: 15px" :disabled="xiangqing==1?true:false"></el-input> | 127 | + <el-input v-model="secondData.policyName" style="width: 87%;margin-right: 15px" |
| 128 | + :disabled="xiangqing==1?true:false"></el-input> | ||
| 100 | </el-form-item> | 129 | </el-form-item> |
| 101 | <el-form-item label="适用资源" prop="applicableResources"> | 130 | <el-form-item label="适用资源" prop="applicableResources"> |
| 102 | <el-radio-group v-model="secondData.applicableResources" :disabled="xiangqing==1?true:false"> | 131 | <el-radio-group v-model="secondData.applicableResources" :disabled="xiangqing==1?true:false"> |
| 103 | - <el-radio label="商铺" value="商铺">商铺</el-radio> | ||
| 104 | - <el-radio label="场地" value="场地">场地</el-radio> | ||
| 105 | - <el-radio label="广告位" value="广告位">广告位</el-radio> | 132 | + <el-radio label="商铺" value="商铺">商铺</el-radio> |
| 133 | + <el-radio label="场地" value="场地">场地</el-radio> | ||
| 134 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | ||
| 106 | </el-radio-group> | 135 | </el-radio-group> |
| 107 | </el-form-item> | 136 | </el-form-item> |
| 108 | <el-form-item label="策略模板" prop="policyTemplate"> | 137 | <el-form-item label="策略模板" prop="policyTemplate"> |
| @@ -113,7 +142,8 @@ | @@ -113,7 +142,8 @@ | ||
| 113 | <el-row> | 142 | <el-row> |
| 114 | <el-col :span="12"> | 143 | <el-col :span="12"> |
| 115 | <el-form-item label="是否出租" prop="isRental"> | 144 | <el-form-item label="是否出租" prop="isRental"> |
| 116 | - <el-select v-model="secondData.isRental" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | 145 | + <el-select v-model="secondData.isRental" style="width: 72%;margin-right: 15px" |
| 146 | + :disabled="xiangqing==1?true:false"> | ||
| 117 | <el-option label="否" value="0" /> | 147 | <el-option label="否" value="0" /> |
| 118 | <el-option label="是" value="1" /> | 148 | <el-option label="是" value="1" /> |
| 119 | </el-select> | 149 | </el-select> |
| @@ -121,7 +151,8 @@ | @@ -121,7 +151,8 @@ | ||
| 121 | </el-col> | 151 | </el-col> |
| 122 | <el-col :span="12"> | 152 | <el-col :span="12"> |
| 123 | <el-form-item label="经营类型" prop="businessType" v-if="secondData.applicableResources == '商铺'"> | 153 | <el-form-item label="经营类型" prop="businessType" v-if="secondData.applicableResources == '商铺'"> |
| 124 | - <el-input v-model="secondData.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" maxlength="50" :disabled="xiangqing==1?true:false"></el-input> | 154 | + <el-input v-model="secondData.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" |
| 155 | + maxlength="50" :disabled="xiangqing==1?true:false"></el-input> | ||
| 125 | </el-form-item> | 156 | </el-form-item> |
| 126 | </el-col> | 157 | </el-col> |
| 127 | </el-row> | 158 | </el-row> |
| @@ -129,7 +160,8 @@ | @@ -129,7 +160,8 @@ | ||
| 129 | 160 | ||
| 130 | <el-col :span="12"> | 161 | <el-col :span="12"> |
| 131 | <el-form-item label="租金价格" prop="rentalPrice"> | 162 | <el-form-item label="租金价格" prop="rentalPrice"> |
| 132 | - <el-input v-model="secondData.rentalPrice" style="width: 72%;margin-right: 15px;" :disabled="xiangqing==1?true:false"> | 163 | + <el-input v-model="secondData.rentalPrice" style="width: 72%;margin-right: 15px;" |
| 164 | + :disabled="xiangqing==1?true:false"> | ||
| 133 | <template slot="suffix"><span | 165 | <template slot="suffix"><span |
| 134 | style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | 166 | style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> |
| 135 | <!-- <i slot="suffix" class="el-input__icon el-icon-date"></i> --> | 167 | <!-- <i slot="suffix" class="el-input__icon el-icon-date"></i> --> |
| @@ -139,7 +171,8 @@ | @@ -139,7 +171,8 @@ | ||
| 139 | </el-col> | 171 | </el-col> |
| 140 | <el-col :span="12"> | 172 | <el-col :span="12"> |
| 141 | <el-form-item label="付款周期" prop="leaseTerm"> | 173 | <el-form-item label="付款周期" prop="leaseTerm"> |
| 142 | - <el-select v-model="secondData.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | 174 | + <el-select v-model="secondData.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px" |
| 175 | + :disabled="xiangqing==1?true:false"> | ||
| 143 | <el-option label="日" value="日" /> | 176 | <el-option label="日" value="日" /> |
| 144 | <el-option label="月" value="月" /> | 177 | <el-option label="月" value="月" /> |
| 145 | <el-option label="季" value="季" /> | 178 | <el-option label="季" value="季" /> |
| @@ -153,13 +186,15 @@ | @@ -153,13 +186,15 @@ | ||
| 153 | <el-col :span="12"> | 186 | <el-col :span="12"> |
| 154 | <el-form-item label="租赁时段" prop="leaseDate"> | 187 | <el-form-item label="租赁时段" prop="leaseDate"> |
| 155 | <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | 188 | <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" |
| 156 | - start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;" :disabled="xiangqing==1?true:false"> | 189 | + start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;" |
| 190 | + :disabled="xiangqing==1?true:false"> | ||
| 157 | </el-date-picker> | 191 | </el-date-picker> |
| 158 | </el-form-item> | 192 | </el-form-item> |
| 159 | </el-col> | 193 | </el-col> |
| 160 | <el-col :span="12"> | 194 | <el-col :span="12"> |
| 161 | <el-form-item label="免租条件" prop="rentFreeCondition"> | 195 | <el-form-item label="免租条件" prop="rentFreeCondition"> |
| 162 | - <el-input v-model="secondData.rentFreeCondition" style="width: 72%;" :disabled="xiangqing==1?true:false"></el-input> | 196 | + <el-input v-model="secondData.rentFreeCondition" style="width: 72%;" |
| 197 | + :disabled="xiangqing==1?true:false"></el-input> | ||
| 163 | </el-form-item> | 198 | </el-form-item> |
| 164 | </el-col> | 199 | </el-col> |
| 165 | 200 | ||
| @@ -168,7 +203,8 @@ | @@ -168,7 +203,8 @@ | ||
| 168 | <el-col :span="12"> | 203 | <el-col :span="12"> |
| 169 | <el-form-item label="免租期" prop="rentFreePeriod"> | 204 | <el-form-item label="免租期" prop="rentFreePeriod"> |
| 170 | 205 | ||
| 171 | - <el-select v-model="secondData.rentFreePeriod" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | 206 | + <el-select v-model="secondData.rentFreePeriod" placeholder="请选择" style="width: 72%;margin-right: 15px" |
| 207 | + :disabled="xiangqing==1?true:false"> | ||
| 172 | <el-option :label="item" :value="item" v-for="item in 31" /> | 208 | <el-option :label="item" :value="item" v-for="item in 31" /> |
| 173 | </el-select> | 209 | </el-select> |
| 174 | </el-form-item> | 210 | </el-form-item> |
| @@ -176,21 +212,22 @@ | @@ -176,21 +212,22 @@ | ||
| 176 | <el-col :span="12"> | 212 | <el-col :span="12"> |
| 177 | <el-form-item label="付款日" prop="payDay"> | 213 | <el-form-item label="付款日" prop="payDay"> |
| 178 | 214 | ||
| 179 | - <el-select v-model="secondData.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px" :disabled="xiangqing==1?true:false"> | 215 | + <el-select v-model="secondData.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px" |
| 216 | + :disabled="xiangqing==1?true:false"> | ||
| 180 | <el-option :label="item" :value="item" v-for="item in 31" /> | 217 | <el-option :label="item" :value="item" v-for="item in 31" /> |
| 181 | </el-select> | 218 | </el-select> |
| 182 | </el-form-item> | 219 | </el-form-item> |
| 183 | </el-col> | 220 | </el-col> |
| 184 | </el-row> | 221 | </el-row> |
| 185 | - <el-row> | ||
| 186 | - <el-col :span="24"> | ||
| 187 | - <div style="display: flex;align-items: baseline;" v-if="xiangqing==1" > | ||
| 188 | - <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">优惠政策</div> | ||
| 189 | - <div style="padding:20px 10px;width:90%;" v-html="secondData.preferentialPolicy" ></div> | ||
| 190 | - </div> | 222 | + <el-row> |
| 223 | + <el-col :span="24"> | ||
| 224 | + <div style="display: flex;align-items: baseline;" v-if="xiangqing==1"> | ||
| 225 | + <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">优惠政策</div> | ||
| 226 | + <div style="padding:20px 10px;width:90%;" v-html="secondData.preferentialPolicy"></div> | ||
| 227 | + </div> | ||
| 191 | <el-form-item label="优惠政策" prop="preferentialPolicy" v-else> | 228 | <el-form-item label="优惠政策" prop="preferentialPolicy" v-else> |
| 192 | - <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.preferentialPolicy" v-if="xiangqing==1"></div> --> | ||
| 193 | - <wangEditor v-model="secondData.preferentialPolicy" ref="editor" :height="100" ></wangEditor> | 229 | + <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.preferentialPolicy" v-if="xiangqing==1"></div> --> |
| 230 | + <wangEditor v-model="secondData.preferentialPolicy" ref="editor" :height="100"></wangEditor> | ||
| 194 | 231 | ||
| 195 | </el-form-item> | 232 | </el-form-item> |
| 196 | </el-col> | 233 | </el-col> |
| @@ -199,13 +236,13 @@ | @@ -199,13 +236,13 @@ | ||
| 199 | <el-row> | 236 | <el-row> |
| 200 | 237 | ||
| 201 | <el-col :span="24"> | 238 | <el-col :span="24"> |
| 202 | - <div style="display: flex;align-items: baseline;" v-if="xiangqing==1" > | ||
| 203 | - <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">其他说明</div> | ||
| 204 | - <div style="padding:20px 10px;width:90%;" v-html="secondData.otherDescription" ></div> | 239 | + <div style="display: flex;align-items: baseline;" v-if="xiangqing==1"> |
| 240 | + <div style="height:20px; padding: 0 0 0 12px;color:#000000e6;">其他说明</div> | ||
| 241 | + <div style="padding:20px 10px;width:90%;" v-html="secondData.otherDescription"></div> | ||
| 205 | </div> | 242 | </div> |
| 206 | <el-form-item label="其他说明" prop="otherDescription" v-else> | 243 | <el-form-item label="其他说明" prop="otherDescription" v-else> |
| 207 | - <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.otherDescription" v-if="xiangqing==1"></div> --> | ||
| 208 | - <wangEditor v-model="secondData.otherDescription" ref="editor" :height="100" ></wangEditor> | 244 | + <!-- <div style="border: 1px solid #dddfe5;padding:20px;" v-html="secondData.otherDescription" v-if="xiangqing==1"></div> --> |
| 245 | + <wangEditor v-model="secondData.otherDescription" ref="editor" :height="100"></wangEditor> | ||
| 209 | </el-form-item> | 246 | </el-form-item> |
| 210 | </el-col> | 247 | </el-col> |
| 211 | 248 | ||
| @@ -213,52 +250,61 @@ | @@ -213,52 +250,61 @@ | ||
| 213 | </el-form> | 250 | </el-form> |
| 214 | <div style="display: flex;justify-content: flex-end;margin-top:20px;"> | 251 | <div style="display: flex;justify-content: flex-end;margin-top:20px;"> |
| 215 | <el-button @click="closexaing(1)" class="buttonHover" | 252 | <el-button @click="closexaing(1)" class="buttonHover" |
| 216 | - style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button> | ||
| 217 | - <el-button @click="addCheck()" | ||
| 218 | - | ||
| 219 | - style="background-color: #3F9B6A;color: #fff" v-if="xiangqing==2">确定</el-button> | 253 | + style="color: #606266;border: 1px solid #dddfe5;background-color: #fff;">取消</el-button> |
| 254 | + <el-button @click="addCheck()" style="background-color: #3F9B6A;color: #fff" | ||
| 255 | + v-if="xiangqing==2">确定</el-button> | ||
| 220 | 256 | ||
| 221 | 257 | ||
| 222 | </div> | 258 | </div> |
| 223 | </div> | 259 | </div> |
| 224 | 260 | ||
| 225 | </el-dialog> | 261 | </el-dialog> |
| 226 | - <samXin :xinShow="ggXin" @childClose='childClose'></samXin> | 262 | + <samXin :xinShow="ggXin" @childClose='childClose'></samXin> |
| 227 | </div> | 263 | </div> |
| 228 | </template> | 264 | </template> |
| 229 | 265 | ||
| 230 | <script> | 266 | <script> |
| 231 | import { | 267 | import { |
| 232 | - ceGetAll, | ||
| 233 | - ceAdd, | ||
| 234 | - ceEdit, | ||
| 235 | - ceDel, | 268 | + ceGetAll, |
| 269 | + ceAdd, | ||
| 270 | + ceEdit, | ||
| 271 | + ceDel, | ||
| 236 | } from '../../api/sam.js' | 272 | } from '../../api/sam.js' |
| 273 | + import addsam from "@/components/add/addsam" | ||
| 274 | + import sam from "@/components/chakan/sam" | ||
| 237 | import wangEditor from "@/components/editor/index" | 275 | import wangEditor from "@/components/editor/index" |
| 238 | import upimg from "@/components/ImageUpload/index" | 276 | import upimg from "@/components/ImageUpload/index" |
| 239 | -import samXin from "./samXin" | 277 | + import samXin from "./samXin" |
| 240 | import { | 278 | import { |
| 241 | uploadUrl | 279 | uploadUrl |
| 242 | } from '@/utils/request' | 280 | } from '@/utils/request' |
| 243 | export default { | 281 | export default { |
| 244 | - components: { wangEditor ,upimg,samXin}, | 282 | + components: { |
| 283 | + wangEditor, | ||
| 284 | + upimg, | ||
| 285 | + samXin, | ||
| 286 | + sam, | ||
| 287 | + addsam | ||
| 288 | + }, | ||
| 245 | data() { | 289 | data() { |
| 246 | return { | 290 | return { |
| 291 | + onaction: '1', | ||
| 292 | + detailsinfo: {}, | ||
| 247 | formInline: {}, | 293 | formInline: {}, |
| 248 | - upload:uploadUrl, | ||
| 249 | - plan_Time:[], | 294 | + upload: uploadUrl, |
| 295 | + plan_Time: [], | ||
| 250 | formSel: { | 296 | formSel: { |
| 251 | - policyName:'', | ||
| 252 | - applicableResources:'', | ||
| 253 | - businessType:'', | ||
| 254 | - isRental:'', | ||
| 255 | - isSelfOperated:'', | ||
| 256 | - pageNumber: 1, | ||
| 257 | - pageSize: 10, | 297 | + policyName: '', |
| 298 | + applicableResources: '', | ||
| 299 | + businessType: '', | ||
| 300 | + isRental: '', | ||
| 301 | + isSelfOperated: '', | ||
| 302 | + pageNumber: 1, | ||
| 303 | + pageSize: 10, | ||
| 258 | }, | 304 | }, |
| 259 | secondData: {}, | 305 | secondData: {}, |
| 260 | - xiangqing:0, | ||
| 261 | - xiang:false, | 306 | + xiangqing: 0, |
| 307 | + xiang: false, | ||
| 262 | currentPage: 1, | 308 | currentPage: 1, |
| 263 | total: 0, | 309 | total: 0, |
| 264 | flag: false, | 310 | flag: false, |
| @@ -268,17 +314,17 @@ import samXin from "./samXin" | @@ -268,17 +314,17 @@ import samXin from "./samXin" | ||
| 268 | pageindex: { | 314 | pageindex: { |
| 269 | pageNumber: 0, | 315 | pageNumber: 0, |
| 270 | pageSize: 10, | 316 | pageSize: 10, |
| 271 | - isTemplate: '1' | 317 | + isTemplate: '1' |
| 272 | }, | 318 | }, |
| 273 | Modelpageindex: { | 319 | Modelpageindex: { |
| 274 | pageNumber: 1, | 320 | pageNumber: 1, |
| 275 | pageSize: 10, | 321 | pageSize: 10, |
| 276 | - isTemplate: '0' | 322 | + isTemplate: '0' |
| 277 | }, | 323 | }, |
| 278 | fileList: [], | 324 | fileList: [], |
| 279 | - paymentDate:[], | ||
| 280 | - leaseDate:[], | ||
| 281 | - modelData:[] | 325 | + paymentDate: [], |
| 326 | + leaseDate: [], | ||
| 327 | + modelData: [] | ||
| 282 | } | 328 | } |
| 283 | }, | 329 | }, |
| 284 | 330 | ||
| @@ -287,85 +333,103 @@ import samXin from "./samXin" | @@ -287,85 +333,103 @@ import samXin from "./samXin" | ||
| 287 | 333 | ||
| 288 | }, | 334 | }, |
| 289 | mounted() { | 335 | mounted() { |
| 290 | -this.getAll() | 336 | + this.getAll() |
| 291 | }, | 337 | }, |
| 292 | 338 | ||
| 293 | methods: { | 339 | methods: { |
| 340 | + removeinfo(row) { | ||
| 341 | + this.detailsinfo = row | ||
| 342 | + this.onaction = '4' | ||
| 343 | + }, | ||
| 344 | + | ||
| 345 | + removeonaction(e) { | ||
| 346 | + console.error(e) | ||
| 347 | + this.onaction = e | ||
| 348 | + this.pageindex.pageNumber = 0 | ||
| 349 | + this.getAll() | ||
| 350 | + }, | ||
| 294 | //查询全数据 | 351 | //查询全数据 |
| 295 | async getAll() { | 352 | async getAll() { |
| 296 | const res = await ceGetAll(this.pageindex) | 353 | const res = await ceGetAll(this.pageindex) |
| 297 | this.tableData = res.data.content | 354 | this.tableData = res.data.content |
| 298 | - this.total = res.data.content.length | ||
| 299 | - const ce = await ceGetAll(this.Modelpageindex) | ||
| 300 | - this.modelData = ce.data.content | 355 | + this.total = res.data.totalElements |
| 356 | + const ce = await ceGetAll(this.Modelpageindex) | ||
| 357 | + this.modelData = ce.data.content | ||
| 301 | }, | 358 | }, |
| 302 | 359 | ||
| 303 | //删除记录按钮 | 360 | //删除记录按钮 |
| 304 | - handleDelete(val) { | ||
| 305 | - const h = this.$createElement; | ||
| 306 | - this.$msgbox({ | ||
| 307 | - title: '消息', | ||
| 308 | - message: h('p', null, [ | ||
| 309 | - h('span', null, '是否删除 '), | ||
| 310 | - ]), | ||
| 311 | - showCancelButton: true, | ||
| 312 | - showClose: false, | ||
| 313 | - confirmButtonText: '确定', | ||
| 314 | - cancelButtonText: '取消', | ||
| 315 | - customClass: 'oe-dialog-btn', | ||
| 316 | - beforeClose: (action, instance, done) => { | ||
| 317 | - if (action === 'confirm') { | ||
| 318 | - ceDel({ | ||
| 319 | - id: val.id | ||
| 320 | - }).then(res => { | ||
| 321 | - this.getAll() | ||
| 322 | - done(); | ||
| 323 | - }) | ||
| 324 | - } else { | 361 | + handleDelete(val) { |
| 362 | + const h = this.$createElement; | ||
| 363 | + this.$msgbox({ | ||
| 364 | + title: '消息', | ||
| 365 | + message: h('p', null, [ | ||
| 366 | + h('span', null, '是否删除 '), | ||
| 367 | + ]), | ||
| 368 | + showCancelButton: true, | ||
| 369 | + showClose: false, | ||
| 370 | + confirmButtonText: '确定', | ||
| 371 | + cancelButtonText: '取消', | ||
| 372 | + customClass: 'oe-dialog-btn', | ||
| 373 | + beforeClose: (action, instance, done) => { | ||
| 374 | + if (action === 'confirm') { | ||
| 375 | + ceDel({ | ||
| 376 | + id: val.id | ||
| 377 | + }).then(res => { | ||
| 378 | + this.getAll() | ||
| 325 | done(); | 379 | done(); |
| 326 | - } | 380 | + }) |
| 381 | + } else { | ||
| 382 | + done(); | ||
| 327 | } | 383 | } |
| 328 | - }) | 384 | + } |
| 385 | + }) | ||
| 329 | 386 | ||
| 330 | }, | 387 | }, |
| 331 | //查询 | 388 | //查询 |
| 332 | async onSubmit() { | 389 | async onSubmit() { |
| 333 | - if(this.plan_Time.length!=0){ | ||
| 334 | - this.formSel.leaseStartDate = this.plan_Time[0] | ||
| 335 | - this.formSel.leaseEndDate = this.plan_Time[1] | ||
| 336 | - } | ||
| 337 | - this.formSel.isTemplate = '1' | ||
| 338 | - const { createUser, createDate, ...rest } = this.formSel | ||
| 339 | - | ||
| 340 | - // 将剩余的字段存储到this.zhong对象中 | ||
| 341 | - this.formSel = rest | ||
| 342 | - | ||
| 343 | - const res = await ceGetAll(this.formSel) | ||
| 344 | - this.tableData = res.data.content | ||
| 345 | - this.total = res.data.content.length | 390 | + if (this.plan_Time.length != 0) { |
| 391 | + this.formSel.leaseStartDate = this.plan_Time[0] | ||
| 392 | + this.formSel.leaseEndDate = this.plan_Time[1] | ||
| 393 | + } | ||
| 394 | + this.formSel.isTemplate = '1' | ||
| 395 | + const { | ||
| 396 | + createUser, | ||
| 397 | + createDate, | ||
| 398 | + ...rest | ||
| 399 | + } = this.formSel | ||
| 400 | + | ||
| 401 | + // 将剩余的字段存储到this.zhong对象中 | ||
| 402 | + this.formSel = rest | ||
| 403 | + | ||
| 404 | + const res = await ceGetAll(this.formSel) | ||
| 405 | + this.tableData = res.data.content | ||
| 406 | + this.total = res.data.content.length | ||
| 346 | }, | 407 | }, |
| 347 | 408 | ||
| 348 | //详情点击 | 409 | //详情点击 |
| 349 | - handleEditForm(item,val) { | ||
| 350 | - this.secondData = item | 410 | + handleEditForm(item, val) { |
| 411 | + this.secondData = item | ||
| 351 | this.xiangqing = val | 412 | this.xiangqing = val |
| 352 | this.xiang = true | 413 | this.xiang = true |
| 353 | this.paymentDate[0] = item.paymentStartDate | 414 | this.paymentDate[0] = item.paymentStartDate |
| 354 | - this.paymentDate[1] = item.paymentEndDate | 415 | + this.paymentDate[1] = item.paymentEndDate |
| 355 | this.leaseDate[0] = item.leaseStartDate | 416 | this.leaseDate[0] = item.leaseStartDate |
| 356 | - this.leaseDate[1] = item.leaseEndDate | 417 | + this.leaseDate[1] = item.leaseEndDate |
| 357 | }, | 418 | }, |
| 358 | 419 | ||
| 359 | handleCurrentChange(val) { | 420 | handleCurrentChange(val) { |
| 360 | - this.currentPage = val | 421 | + this.pageindex.pageNumber = val - 1 |
| 422 | + this.getAll() | ||
| 361 | }, | 423 | }, |
| 362 | handleSizeChange(val) { | 424 | handleSizeChange(val) { |
| 363 | - this.pageSize = val | 425 | + this.pageindex.pageSize = val |
| 426 | + this.pageindex.pageNumber = 0 | ||
| 427 | + this.getAll() | ||
| 364 | }, | 428 | }, |
| 365 | closeFn() { | 429 | closeFn() { |
| 366 | this.ggXin = false | 430 | this.ggXin = false |
| 367 | }, | 431 | }, |
| 368 | - closexaing(val){ | 432 | + closexaing(val) { |
| 369 | 433 | ||
| 370 | this.xiang = false | 434 | this.xiang = false |
| 371 | }, | 435 | }, |
| @@ -384,11 +448,11 @@ this.getAll() | @@ -384,11 +448,11 @@ this.getAll() | ||
| 384 | resetting() { | 448 | resetting() { |
| 385 | this.formSel = { | 449 | this.formSel = { |
| 386 | 450 | ||
| 387 | - policyName:'', | ||
| 388 | - applicableResources:'', | ||
| 389 | - businessType:'', | ||
| 390 | - isRental:'', | ||
| 391 | - isSelfOperated:'', | 451 | + policyName: '', |
| 452 | + applicableResources: '', | ||
| 453 | + businessType: '', | ||
| 454 | + isRental: '', | ||
| 455 | + isSelfOperated: '', | ||
| 392 | pageNumber: 1, | 456 | pageNumber: 1, |
| 393 | pageSize: 10, | 457 | pageSize: 10, |
| 394 | 458 | ||
| @@ -401,309 +465,73 @@ this.getAll() | @@ -401,309 +465,73 @@ this.getAll() | ||
| 401 | this.ggXin = msg | 465 | this.ggXin = msg |
| 402 | this.getAll() | 466 | this.getAll() |
| 403 | }, | 467 | }, |
| 404 | - addbuss(){ | ||
| 405 | - this.ggXin = true | 468 | + addbuss() { |
| 469 | + this.ggXin = true | ||
| 406 | }, | 470 | }, |
| 407 | // 编辑确定 | 471 | // 编辑确定 |
| 408 | - async addCheck(){ | ||
| 409 | - if (this.leaseDate.length !=0) { | ||
| 410 | - this.secondData.leaseStartDate = this.leaseDate[0] | ||
| 411 | - this.secondData.leaseEndDate = this.leaseDate[1] | ||
| 412 | - } | ||
| 413 | - if (this.paymentDate.length !=0) { | ||
| 414 | - this.secondData.paymentStartDate = this.paymentDate[0] | ||
| 415 | - this.secondData.paymentEndDate = this.paymentDate[1] | ||
| 416 | - } | 472 | + async addCheck() { |
| 473 | + if (this.leaseDate.length != 0) { | ||
| 474 | + this.secondData.leaseStartDate = this.leaseDate[0] | ||
| 475 | + this.secondData.leaseEndDate = this.leaseDate[1] | ||
| 476 | + } | ||
| 477 | + if (this.paymentDate.length != 0) { | ||
| 478 | + this.secondData.paymentStartDate = this.paymentDate[0] | ||
| 479 | + this.secondData.paymentEndDate = this.paymentDate[1] | ||
| 480 | + } | ||
| 417 | await ceEdit(this.secondData) | 481 | await ceEdit(this.secondData) |
| 418 | - this.xiang = false | ||
| 419 | - this.getAll() | 482 | + this.xiang = false |
| 483 | + this.getAll() | ||
| 420 | }, | 484 | }, |
| 421 | } | 485 | } |
| 422 | } | 486 | } |
| 423 | </script> | 487 | </script> |
| 424 | -<style src="@wangeditor/editor/dist/css/style.css"></style> | ||
| 425 | -<style scoped> | ||
| 426 | - /deep/ .first-column-bg { | ||
| 427 | - background-color: #f4f4f5 !important; | ||
| 428 | - } | ||
| 429 | 488 | ||
| 489 | +<style scoped> | ||
| 430 | .zhuti { | 490 | .zhuti { |
| 431 | padding: 0 20px 20px 20px; | 491 | padding: 0 20px 20px 20px; |
| 432 | min-height: calc(100vh - 50px - 20px); | 492 | min-height: calc(100vh - 50px - 20px); |
| 433 | background-color: #Fff; | 493 | background-color: #Fff; |
| 434 | 494 | ||
| 435 | } | 495 | } |
| 436 | - | ||
| 437 | - /deep/ .el-form-item__content { | ||
| 438 | - line-height: 0; | ||
| 439 | - } | ||
| 440 | - | ||
| 441 | - ::v-deep .xinForm .el-form-item__content { | ||
| 442 | - line-height: 3; | ||
| 443 | - } | ||
| 444 | - | ||
| 445 | - .tableBtn { | ||
| 446 | - display: inline-block; | ||
| 447 | - margin-right: 10px; | ||
| 448 | - cursor: pointer; | ||
| 449 | - } | ||
| 450 | - | ||
| 451 | - | ||
| 452 | - | ||
| 453 | - .greens { | 496 | + .chengeXia { |
| 497 | + border-bottom: 6px solid #3F9B6A; | ||
| 498 | + padding-bottom: 4px; | ||
| 454 | color: #3F9B6A; | 499 | color: #3F9B6A; |
| 455 | } | 500 | } |
| 456 | 501 | ||
| 457 | 502 | ||
| 458 | - .fenye { | ||
| 459 | - margin-top: 20px; | 503 | + .formSearch { |
| 460 | display: flex; | 504 | display: flex; |
| 461 | - justify-content: flex-end; | ||
| 462 | - position: relative; | ||
| 463 | - } | ||
| 464 | - | ||
| 465 | - /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { | ||
| 466 | - background-color: #3F9B6A; | ||
| 467 | - } | ||
| 468 | - | ||
| 469 | - .el-row { | ||
| 470 | - margin-bottom: 20px; | ||
| 471 | - } | ||
| 472 | - | ||
| 473 | - :last-child { | ||
| 474 | - margin-bottom: 0; | 505 | + width: 100%; |
| 506 | + font-size: 14px; | ||
| 507 | + justify-content: space-between; | ||
| 475 | } | 508 | } |
| 476 | - | ||
| 477 | - .el-col { | ||
| 478 | - border-radius: 4px; | 509 | + .greens { |
| 510 | + color: #3F9B6A; | ||
| 479 | } | 511 | } |
| 480 | - | ||
| 481 | .bg-purple-dark { | 512 | .bg-purple-dark { |
| 482 | background: #99a9bf; | 513 | background: #99a9bf; |
| 483 | } | 514 | } |
| 484 | 515 | ||
| 485 | .bg-purple { | 516 | .bg-purple { |
| 486 | - /* background: #d3dce6; */ | 517 | + background: #d3dce6; |
| 487 | } | 518 | } |
| 488 | 519 | ||
| 489 | .bg-purple-light { | 520 | .bg-purple-light { |
| 490 | background: #e5e9f2; | 521 | background: #e5e9f2; |
| 491 | } | 522 | } |
| 492 | - | ||
| 493 | .grid-content { | 523 | .grid-content { |
| 494 | border-radius: 4px; | 524 | border-radius: 4px; |
| 495 | min-height: 36px; | 525 | min-height: 36px; |
| 496 | } | 526 | } |
| 497 | 527 | ||
| 498 | - .row-bg { | ||
| 499 | - padding: 10px 0; | ||
| 500 | - background-color: #f9fafc; | ||
| 501 | - } | ||
| 502 | - | ||
| 503 | - /deep/ .bg-purple[data-v-0e3fe4ec] { | ||
| 504 | - background: #fff; | ||
| 505 | - height: 50px; | ||
| 506 | - } | ||
| 507 | - | ||
| 508 | - /deep/ .el-form--label-top .el-form-item__label { | ||
| 509 | - padding: 0; | ||
| 510 | - } | ||
| 511 | - | ||
| 512 | - .demo-input-suffix { | ||
| 513 | - display: flex; | ||
| 514 | - margin-right: 20px; | ||
| 515 | - width: 83%; | ||
| 516 | - } | ||
| 517 | - | ||
| 518 | - .pagination { | ||
| 519 | - text-align: right; | ||
| 520 | - line-height: 20px; | ||
| 521 | - } | ||
| 522 | - | ||
| 523 | - | ||
| 524 | - | ||
| 525 | - /deep/ .dialog_css { | ||
| 526 | - margin-top: 11vh; | ||
| 527 | - margin-left: 13%; | ||
| 528 | - padding: 0px; | ||
| 529 | - | ||
| 530 | - .el-dialog__title { | ||
| 531 | - font-size: 12px; | ||
| 532 | - } | ||
| 533 | - } | ||
| 534 | - | ||
| 535 | - /deep/.el-dialog__body { | ||
| 536 | - padding: 0px; | ||
| 537 | - } | ||
| 538 | - | ||
| 539 | - /deep/ .el-dialog__header { | ||
| 540 | - background-color: #fff; | ||
| 541 | - } | ||
| 542 | - | ||
| 543 | - /deep/.el-dialog__title { | ||
| 544 | - color: #000; | ||
| 545 | - } | ||
| 546 | - | ||
| 547 | - .el-row { | ||
| 548 | - margin-bottom: 20px; | ||
| 549 | - | ||
| 550 | - &:last-child { | ||
| 551 | - margin-bottom: 0; | ||
| 552 | - } | ||
| 553 | - } | ||
| 554 | - | ||
| 555 | - /deep/ .avatar-uploader .el-upload { | ||
| 556 | - border: 1px dashed #d9d9d9; | ||
| 557 | - border-radius: 6px; | ||
| 558 | - cursor: pointer; | ||
| 559 | - position: relative; | ||
| 560 | - overflow: hidden; | ||
| 561 | - } | ||
| 562 | - | ||
| 563 | - .avatar-uploader .el-upload:hover { | ||
| 564 | - border-color: #409EFF; | ||
| 565 | - } | ||
| 566 | - | ||
| 567 | - .avatar-uploader-icon { | ||
| 568 | - font-size: 28px; | ||
| 569 | - color: #8c939d; | ||
| 570 | - width: 108px; | ||
| 571 | - height: 108px; | ||
| 572 | - line-height: 108px; | ||
| 573 | - /*text-align: center;*/ | ||
| 574 | - } | ||
| 575 | - | ||
| 576 | - .avatar { | ||
| 577 | - width: 108px; | ||
| 578 | - height: 108px; | ||
| 579 | - display: block; | ||
| 580 | - } | ||
| 581 | - | ||
| 582 | - ::v-deep .el-tabs__item.is-active { | ||
| 583 | - color: #3F9B6A; | ||
| 584 | - opacity: 1; | ||
| 585 | - } | ||
| 586 | - | ||
| 587 | - /deep/ .el-tabs__nav-wrap::after { | ||
| 588 | - background-color: #fff; | ||
| 589 | - } | ||
| 590 | - | ||
| 591 | - ::v-deep .el-tabs__item:hover { | ||
| 592 | - color: #3F9B6A; | ||
| 593 | - cursor: pointer; | ||
| 594 | - opacity: 1; | ||
| 595 | - } | ||
| 596 | - | ||
| 597 | - /deep/ .el-tabs__active-bar { | ||
| 598 | - background-color: #389865; | ||
| 599 | - } | ||
| 600 | - | ||
| 601 | - /deep/ .el-table_2_column_13 { | ||
| 602 | - font-weight: 100; | ||
| 603 | - } | ||
| 604 | - | ||
| 605 | - ::v-deep .el-input__inner:focus { | ||
| 606 | - border: #3F9B6A 1px solid; | ||
| 607 | - } | ||
| 608 | - | ||
| 609 | - ::v-deep .el-input__inner:hover { | ||
| 610 | - border: #3F9B6A 1px solid; | ||
| 611 | - } | ||
| 612 | - | ||
| 613 | - ::v-deep .el-select .el-input.is-focus .el-input__inner { | ||
| 614 | - border-color: #3F9B6A | ||
| 615 | - } | ||
| 616 | - | ||
| 617 | - /* ::v-deep .el-steps .el-step__head.is-wait { | ||
| 618 | - background-color: red; /* 修改为你想要的颜色 */ | ||
| 619 | - | ||
| 620 | - /* 修改未进行步骤的描述文字颜色 */ | ||
| 621 | - ::v-deep .el-steps .el-step__description.is-wait { | ||
| 622 | - color: #999; | ||
| 623 | - /* 修改为你想要的颜色 */ | ||
| 624 | - } | ||
| 625 | - | ||
| 626 | - /* 修改未进行步骤的图标颜色 */ | ||
| 627 | - ::v-deep .el-steps .el-step__icon.is-text.is-wait { | ||
| 628 | - color: #999; | ||
| 629 | - /* 修改为你想要的颜色 */ | ||
| 630 | - } | ||
| 631 | - | ||
| 632 | - /* 修改未进行步骤的边框色 */ | ||
| 633 | - ::v-deep .el-steps .el-step__line.is-wait { | ||
| 634 | - border-color: #eee; | ||
| 635 | - /* 修改为你想要的颜色 */ | ||
| 636 | - } | ||
| 637 | - | ||
| 638 | - ::v-deep .el-steps .is-process .el-step__line { | ||
| 639 | - background-color: #3F9B6A; | ||
| 640 | - /* 修改线的颜色 */ | ||
| 641 | - } | ||
| 642 | - | ||
| 643 | - ::v-deep .el-steps .is-process .el-step__title { | ||
| 644 | - color: #fe7b6a; | ||
| 645 | - /* 修改进行中步骤的标题颜色 */ | ||
| 646 | - } | ||
| 647 | - | ||
| 648 | - ::v-deep .el-steps .is-process .el-step__icon { | ||
| 649 | - color: #fff; | ||
| 650 | - /* 修改进行中步骤的图标颜色 */ | ||
| 651 | - background: #3F9B6A; | ||
| 652 | - /* 修改进行中步骤图标的边框颜色 */ | ||
| 653 | - border: 0px; | ||
| 654 | - } | ||
| 655 | - | ||
| 656 | - ::v-deep .el-step__icon-inner { | ||
| 657 | - line-height: 0 | ||
| 658 | - } | ||
| 659 | - | ||
| 660 | - /* 线条长度 */ | ||
| 661 | - ::v-deep .el-step.is-vertical .el-step__line { | ||
| 662 | - top: 30px; | ||
| 663 | - height: 60px; | ||
| 664 | - } | ||
| 665 | - | ||
| 666 | - | ||
| 667 | - ::v-deep .el-date-editor .el-range-separator { | ||
| 668 | - line-height: 24px; | ||
| 669 | - } | ||
| 670 | - | ||
| 671 | </style> | 528 | </style> |
| 672 | <style lang="scss" scoped> | 529 | <style lang="scss" scoped> |
| 673 | - ::v-deep .xinFrom{ | ||
| 674 | - padding-top:20px; | ||
| 675 | - .el-input--mini .el-input__inner{ | ||
| 676 | - height:36px; | ||
| 677 | - line-height:36px; | ||
| 678 | - } | ||
| 679 | - .el-range-editor--mini.el-input__inner{ | ||
| 680 | - height:36px; | ||
| 681 | - width:100%; | ||
| 682 | - } | ||
| 683 | - } | ||
| 684 | - ::v-deep .buttonHover:hover{ | ||
| 685 | - color:#3f9b6a !important; | ||
| 686 | - border-color: #c5e1d2 !important; | ||
| 687 | - background-color: #ecf5f0 !important; | ||
| 688 | - outline: none; | ||
| 689 | - } | ||
| 690 | -::v-deep .el-pagination__total { | ||
| 691 | - position: absolute; | ||
| 692 | - left: 10px; | 530 | + ::v-deep .el-dialog__body { |
| 531 | + padding: 0 0 !important; | ||
| 693 | } | 532 | } |
| 694 | - ::v-deep .formSearch { | ||
| 695 | - display: flex; | ||
| 696 | - width: 100%; | ||
| 697 | - font-size: 14px; | ||
| 698 | - justify-content: space-between; | ||
| 699 | - } | ||
| 700 | - ::v-deep .el-radio-group{ | ||
| 701 | - padding-top:14px; | ||
| 702 | - } | ||
| 703 | - ::v-deep .el-radio{ | ||
| 704 | - font-weight:100 !important; | ||
| 705 | - } | ||
| 706 | - ::v-deep .bian_css{ | ||
| 707 | - overflow-y:initial !important; | 533 | + .el-dialog__header{ |
| 534 | + padding: 0; | ||
| 535 | + display: none; | ||
| 708 | } | 536 | } |
| 709 | -</style> | 537 | -</style> |
| 538 | +</style> | ||
| 710 | \ No newline at end of file | 539 | \ No newline at end of file |
admin-web-master/src/views/scheme/samXin.vue
| 1 | <template> | 1 | <template> |
| 2 | <el-dialog title="新增页" :visible.sync="xinShow" custom-class='bian_css' style="padding: 0;" width="65%" center | 2 | <el-dialog title="新增页" :visible.sync="xinShow" custom-class='bian_css' style="padding: 0;" width="65%" center |
| 3 | - :close-on-click-modal="false" @close="close" > | 3 | + :close-on-click-modal="false" @close="close"> |
| 4 | <div style="padding:20px;" class="xinFrom"> | 4 | <div style="padding:20px;" class="xinFrom"> |
| 5 | - <el-form :model="form" :rules="rulesform" ref="ruleForm" label-width="80px"> | 5 | + <el-form :model="form" :rules="rulesform" ref="ruleForm" label-width="80px"> |
| 6 | <el-form-item label="策略名称" prop="policyName"> | 6 | <el-form-item label="策略名称" prop="policyName"> |
| 7 | - <el-input v-model="form.policyName" placeholder="请输入" style="width: 87%;margin-right: 15px" maxlength="50"></el-input> | 7 | + <el-input v-model="form.policyName" placeholder="请输入" style="width: 87%;margin-right: 15px" |
| 8 | + maxlength="50"></el-input> | ||
| 8 | </el-form-item> | 9 | </el-form-item> |
| 9 | <el-form-item label="适用资源" prop="applicableResources"> | 10 | <el-form-item label="适用资源" prop="applicableResources"> |
| 10 | <el-radio-group v-model="form.applicableResources"> | 11 | <el-radio-group v-model="form.applicableResources"> |
| @@ -14,7 +15,8 @@ | @@ -14,7 +15,8 @@ | ||
| 14 | </el-radio-group> | 15 | </el-radio-group> |
| 15 | </el-form-item> | 16 | </el-form-item> |
| 16 | <el-form-item label="策略模板" prop="policyTemplate"> | 17 | <el-form-item label="策略模板" prop="policyTemplate"> |
| 17 | - <el-select v-model="form.policyTemplate" placeholder="请选择" style="width: 87%;margin-right: 15px" @change="changeMode"> | 18 | + <el-select v-model="form.policyTemplate" placeholder="请选择" style="width: 87%;margin-right: 15px" |
| 19 | + @change="changeMode"> | ||
| 18 | <el-option :label="item.policyName" :value="item.id" v-for="(item,index) in tableData" /> | 20 | <el-option :label="item.policyName" :value="item.id" v-for="(item,index) in tableData" /> |
| 19 | </el-select> | 21 | </el-select> |
| 20 | <el-button style="background-color: #3F9B6A;color: #fff" @click="modeCode = true">管理模板 | 22 | <el-button style="background-color: #3F9B6A;color: #fff" @click="modeCode = true">管理模板 |
| @@ -31,7 +33,8 @@ | @@ -31,7 +33,8 @@ | ||
| 31 | </el-col> | 33 | </el-col> |
| 32 | <el-col :span="12"> | 34 | <el-col :span="12"> |
| 33 | <el-form-item label="经营类型" prop="businessType" v-if="form.applicableResources == '商铺'"> | 35 | <el-form-item label="经营类型" prop="businessType" v-if="form.applicableResources == '商铺'"> |
| 34 | - <el-input v-model="form.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" maxlength="50"></el-input> | 36 | + <el-input v-model="form.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" |
| 37 | + maxlength="50"></el-input> | ||
| 35 | </el-form-item> | 38 | </el-form-item> |
| 36 | </el-col> | 39 | </el-col> |
| 37 | </el-row> | 40 | </el-row> |
| @@ -39,7 +42,8 @@ | @@ -39,7 +42,8 @@ | ||
| 39 | 42 | ||
| 40 | <el-col :span="12"> | 43 | <el-col :span="12"> |
| 41 | <el-form-item label="租金价格" prop="rentalPrice"> | 44 | <el-form-item label="租金价格" prop="rentalPrice"> |
| 42 | - <el-input v-model.number="form.rentalPrice" placeholder="请输入" style="width: 72%;margin-right: 15px;" maxlength="30"> | 45 | + <el-input v-model.number="form.rentalPrice" placeholder="请输入" style="width: 72%;margin-right: 15px;" |
| 46 | + maxlength="30"> | ||
| 43 | <template slot="suffix"><span | 47 | <template slot="suffix"><span |
| 44 | style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | 48 | style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> |
| 45 | <!-- <i slot="suffix" class="el-input__icon el-icon-date"></i> --> | 49 | <!-- <i slot="suffix" class="el-input__icon el-icon-date"></i> --> |
| @@ -74,7 +78,8 @@ | @@ -74,7 +78,8 @@ | ||
| 74 | </el-col> | 78 | </el-col> |
| 75 | <el-col :span="12"> | 79 | <el-col :span="12"> |
| 76 | <el-form-item label="免租条件" prop="rentFreeCondition"> | 80 | <el-form-item label="免租条件" prop="rentFreeCondition"> |
| 77 | - <el-input v-model="form.rentFreeCondition" placeholder="请输入" style="width: 72%;" maxlength="50"></el-input> | 81 | + <el-input v-model="form.rentFreeCondition" placeholder="请输入" style="width: 72%;" |
| 82 | + maxlength="50"></el-input> | ||
| 78 | </el-form-item> | 83 | </el-form-item> |
| 79 | </el-col> | 84 | </el-col> |
| 80 | </el-row> | 85 | </el-row> |
| @@ -130,7 +135,7 @@ | @@ -130,7 +135,7 @@ | ||
| 130 | </div> | 135 | </div> |
| 131 | 136 | ||
| 132 | <el-dialog title="模板管理" :visible.sync="modeCode" custom-class='bian_css' style="padding: 0;" width="65%" center | 137 | <el-dialog title="模板管理" :visible.sync="modeCode" custom-class='bian_css' style="padding: 0;" width="65%" center |
| 133 | - :close-on-click-modal="false" append-to-body> | 138 | + :close-on-click-modal="false" append-to-body> |
| 134 | <div style="padding:20px;"> | 139 | <div style="padding:20px;"> |
| 135 | <div style="margin-bottom:15px;"> | 140 | <div style="margin-bottom:15px;"> |
| 136 | <el-button type="primary" @click="addM(1)" | 141 | <el-button type="primary" @click="addM(1)" |
| @@ -195,90 +200,95 @@ | @@ -195,90 +200,95 @@ | ||
| 195 | width="65%" center :close-on-click-modal="false" :show-close="false" append-to-body> | 200 | width="65%" center :close-on-click-modal="false" :show-close="false" append-to-body> |
| 196 | <div style="padding:20px;"> | 201 | <div style="padding:20px;"> |
| 197 | <el-form :model="formInline" :rules="formInlineRules" ref="formInlineRules" label-width="80px"> | 202 | <el-form :model="formInline" :rules="formInlineRules" ref="formInlineRules" label-width="80px"> |
| 198 | - <el-form-item label="策略名称" prop="policyName"> | ||
| 199 | - <el-input v-model="formInline.policyName" placeholder="请输入" style="width: 87%;margin-right: 15px" maxlength="50"></el-input> | ||
| 200 | - </el-form-item> | ||
| 201 | - <el-form-item label="适用资源" prop="applicableResources"> | ||
| 202 | - <el-radio-group v-model="formInline.applicableResources"> | ||
| 203 | - <el-radio label="商铺" value="商铺">商铺</el-radio> | ||
| 204 | - <el-radio label="场地" value="场地">场地</el-radio> | ||
| 205 | - <el-radio label="广告位" value="广告位">广告位</el-radio> | ||
| 206 | - </el-radio-group> | ||
| 207 | - </el-form-item> | ||
| 208 | - | ||
| 209 | - <el-row> | ||
| 210 | - <el-col :span="12"> | ||
| 211 | - <el-form-item label="是否出租" prop="isRental"> | ||
| 212 | - <el-select v-model="formInline.isRental" placeholder="请选择" style="width: 72%;margin-right: 15px"> | ||
| 213 | - <el-option label="自营" value="0" /> | ||
| 214 | - <el-option label="是" value="1" /> | ||
| 215 | - </el-select> | ||
| 216 | - </el-form-item> | ||
| 217 | - </el-col> | ||
| 218 | - <el-col :span="12"> | ||
| 219 | - <el-form-item label="经营类型" prop="businessType" v-if="formInline.applicableResources == '商铺'"> | ||
| 220 | - <el-input v-model="formInline.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" maxlength="50"></el-input> | ||
| 221 | - </el-form-item> | ||
| 222 | - </el-col> | ||
| 223 | - </el-row> | ||
| 224 | - <el-row> | ||
| 225 | - | ||
| 226 | - <el-col :span="12"> | ||
| 227 | - <el-form-item label="租金价格" prop="rentalPrice"> | ||
| 228 | - <el-input v-model.number="formInline.rentalPrice" placeholder="请输入" style="width: 72%;margin-right: 15px;" maxlength="30"> | ||
| 229 | - <template slot="suffix"><span | ||
| 230 | - style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | ||
| 231 | - | ||
| 232 | - </el-input> | ||
| 233 | - | ||
| 234 | - </el-form-item> | ||
| 235 | - </el-col> | ||
| 236 | - <el-col :span="12"> | ||
| 237 | - <el-form-item label="付款周期" prop="leaseTerm"> | ||
| 238 | - <el-select v-model="formInline.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px"> | ||
| 239 | - <el-option label="日" value="日" /> | ||
| 240 | - <el-option label="月" value="月" /> | ||
| 241 | - <el-option label="季" value="季" /> | ||
| 242 | - <el-option label="年" value="年" /> | ||
| 243 | - </el-select> | ||
| 244 | - </el-form-item> | ||
| 245 | - </el-col> | ||
| 246 | - </el-row> | ||
| 247 | - <el-row> | ||
| 248 | - | ||
| 249 | - <el-col :span="12"> | ||
| 250 | - <el-form-item label="租赁时段" prop="leaseDate"> | ||
| 251 | - <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | ||
| 252 | - start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;"> | ||
| 253 | - </el-date-picker> | ||
| 254 | - </el-form-item> | ||
| 255 | - </el-col> | ||
| 256 | - <el-col :span="12"> | ||
| 257 | - <el-form-item label="免租条件" prop="rentFreeCondition"> | ||
| 258 | - <el-input v-model="formInline.rentFreeCondition" placeholder="请输入" style="width: 72%;" maxlength="50"></el-input> | ||
| 259 | - </el-form-item> | ||
| 260 | - </el-col> | ||
| 261 | - </el-row> | ||
| 262 | - <el-row> | ||
| 263 | - | ||
| 264 | - <el-col :span="12"> | ||
| 265 | - <el-form-item label="免租期" prop="rentFreePeriod"> | ||
| 266 | - | ||
| 267 | - <el-select v-model="formInline.rentFreePeriod" placeholder="请选择" style="width: 72%;margin-right: 15px"> | ||
| 268 | - <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 269 | - </el-select> | ||
| 270 | - </el-form-item> | ||
| 271 | - </el-col> | ||
| 272 | - <el-col :span="12"> | ||
| 273 | - <el-form-item label="付款日" prop="payDay"> | ||
| 274 | - | ||
| 275 | - <el-select v-model="formInline.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px"> | ||
| 276 | - <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 277 | - </el-select> | ||
| 278 | - </el-form-item> | ||
| 279 | - </el-col> | ||
| 280 | - </el-row> | ||
| 281 | - <el-row> | 203 | + <el-form-item label="策略名称" prop="policyName"> |
| 204 | + <el-input v-model="formInline.policyName" placeholder="请输入" style="width: 87%;margin-right: 15px" | ||
| 205 | + maxlength="50"></el-input> | ||
| 206 | + </el-form-item> | ||
| 207 | + <el-form-item label="适用资源" prop="applicableResources"> | ||
| 208 | + <el-radio-group v-model="formInline.applicableResources"> | ||
| 209 | + <el-radio label="商铺" value="商铺">商铺</el-radio> | ||
| 210 | + <el-radio label="场地" value="场地">场地</el-radio> | ||
| 211 | + <el-radio label="广告位" value="广告位">广告位</el-radio> | ||
| 212 | + </el-radio-group> | ||
| 213 | + </el-form-item> | ||
| 214 | + | ||
| 215 | + <el-row> | ||
| 216 | + <el-col :span="12"> | ||
| 217 | + <el-form-item label="是否出租" prop="isRental"> | ||
| 218 | + <el-select v-model="formInline.isRental" placeholder="请选择" style="width: 72%;margin-right: 15px"> | ||
| 219 | + <el-option label="自营" value="0" /> | ||
| 220 | + <el-option label="是" value="1" /> | ||
| 221 | + </el-select> | ||
| 222 | + </el-form-item> | ||
| 223 | + </el-col> | ||
| 224 | + <el-col :span="12"> | ||
| 225 | + <el-form-item label="经营类型" prop="businessType" v-if="formInline.applicableResources == '商铺'"> | ||
| 226 | + <el-input v-model="formInline.businessType" placeholder="请输入" style="width: 72%;margin-right: 15px" | ||
| 227 | + maxlength="50"></el-input> | ||
| 228 | + </el-form-item> | ||
| 229 | + </el-col> | ||
| 230 | + </el-row> | ||
| 231 | + <el-row> | ||
| 232 | + | ||
| 233 | + <el-col :span="12"> | ||
| 234 | + <el-form-item label="租金价格" prop="rentalPrice"> | ||
| 235 | + <el-input v-model.number="formInline.rentalPrice" placeholder="请输入" | ||
| 236 | + style="width: 72%;margin-right: 15px;" maxlength="30"> | ||
| 237 | + <template slot="suffix"><span | ||
| 238 | + style="position: absolute;top: 19px;right: 1px;width: 50px;">元/m<sup>2</sup></span></template> | ||
| 239 | + | ||
| 240 | + </el-input> | ||
| 241 | + | ||
| 242 | + </el-form-item> | ||
| 243 | + </el-col> | ||
| 244 | + <el-col :span="12"> | ||
| 245 | + <el-form-item label="付款周期" prop="leaseTerm"> | ||
| 246 | + <el-select v-model="formInline.leaseTerm" placeholder="请选择" style="width: 72%;margin-right: 15px"> | ||
| 247 | + <el-option label="日" value="日" /> | ||
| 248 | + <el-option label="月" value="月" /> | ||
| 249 | + <el-option label="季" value="季" /> | ||
| 250 | + <el-option label="年" value="年" /> | ||
| 251 | + </el-select> | ||
| 252 | + </el-form-item> | ||
| 253 | + </el-col> | ||
| 254 | + </el-row> | ||
| 255 | + <el-row> | ||
| 256 | + | ||
| 257 | + <el-col :span="12"> | ||
| 258 | + <el-form-item label="租赁时段" prop="leaseDate"> | ||
| 259 | + <el-date-picker v-model="leaseDate" value-format="yyyy-MM-dd" type="daterange" range-separator="至" | ||
| 260 | + start-placeholder="开始日期" end-placeholder="结束日期" style="width: 72%;"> | ||
| 261 | + </el-date-picker> | ||
| 262 | + </el-form-item> | ||
| 263 | + </el-col> | ||
| 264 | + <el-col :span="12"> | ||
| 265 | + <el-form-item label="免租条件" prop="rentFreeCondition"> | ||
| 266 | + <el-input v-model="formInline.rentFreeCondition" placeholder="请输入" style="width: 72%;" | ||
| 267 | + maxlength="50"></el-input> | ||
| 268 | + </el-form-item> | ||
| 269 | + </el-col> | ||
| 270 | + </el-row> | ||
| 271 | + <el-row> | ||
| 272 | + | ||
| 273 | + <el-col :span="12"> | ||
| 274 | + <el-form-item label="免租期" prop="rentFreePeriod"> | ||
| 275 | + | ||
| 276 | + <el-select v-model="formInline.rentFreePeriod" placeholder="请选择" | ||
| 277 | + style="width: 72%;margin-right: 15px"> | ||
| 278 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 279 | + </el-select> | ||
| 280 | + </el-form-item> | ||
| 281 | + </el-col> | ||
| 282 | + <el-col :span="12"> | ||
| 283 | + <el-form-item label="付款日" prop="payDay"> | ||
| 284 | + | ||
| 285 | + <el-select v-model="formInline.payDay" placeholder="请选择" style="width: 72%;margin-right: 15px"> | ||
| 286 | + <el-option :label="item" :value="item" v-for="item in 31" /> | ||
| 287 | + </el-select> | ||
| 288 | + </el-form-item> | ||
| 289 | + </el-col> | ||
| 290 | + </el-row> | ||
| 291 | + <el-row> | ||
| 282 | 292 | ||
| 283 | <el-col :span="24"> | 293 | <el-col :span="24"> |
| 284 | <el-form-item label="优惠政策" prop="preferentialPolicy"> | 294 | <el-form-item label="优惠政策" prop="preferentialPolicy"> |
| @@ -352,29 +362,29 @@ | @@ -352,29 +362,29 @@ | ||
| 352 | payDay: '', //付款日 | 362 | payDay: '', //付款日 |
| 353 | createDate: '', //创建时间 | 363 | createDate: '', //创建时间 |
| 354 | isTemplate: '1', //是否为模板(0.是 1.否) | 364 | isTemplate: '1', //是否为模板(0.是 1.否) |
| 355 | - preferentialPolicy:'', | ||
| 356 | - otherDescription:'' | 365 | + preferentialPolicy: '', |
| 366 | + otherDescription: '' | ||
| 357 | }, | 367 | }, |
| 358 | modeCode: false, //模板管理框 | 368 | modeCode: false, //模板管理框 |
| 359 | tableData: [], | 369 | tableData: [], |
| 360 | addMing: false, //新增模板框 | 370 | addMing: false, //新增模板框 |
| 361 | modeAdd: true, //新增编辑模板 状态切换 | 371 | modeAdd: true, //新增编辑模板 状态切换 |
| 362 | formInline: { | 372 | formInline: { |
| 363 | - policyName: '', //策略名称 | ||
| 364 | - applicableResources: '商铺', //适用资源 | ||
| 365 | - policyTemplate: null, //策略模板 | ||
| 366 | - isRental: '', //是否出租 (0:白营,1:是) | ||
| 367 | - businessType: '', //经营类型 | ||
| 368 | - rentalPrice: null, //租金价格 | ||
| 369 | - leaseTerm: '', //商铺租期 | ||
| 370 | - leaseStartDate: '', //租赁开始日期 | ||
| 371 | - leaseEndDate: '', //租赁结束日期 | ||
| 372 | - rentFreeCondition: '', //免租条件 | ||
| 373 | - rentFreePeriod: '', //免租期(单位:天) | ||
| 374 | - payDay: '', //付款日 | ||
| 375 | - createDate: '', //创建时间 | ||
| 376 | - preferentialPolicy:'', | ||
| 377 | - otherDescription:'', | 373 | + policyName: '', //策略名称 |
| 374 | + applicableResources: '商铺', //适用资源 | ||
| 375 | + policyTemplate: null, //策略模板 | ||
| 376 | + isRental: '', //是否出租 (0:白营,1:是) | ||
| 377 | + businessType: '', //经营类型 | ||
| 378 | + rentalPrice: null, //租金价格 | ||
| 379 | + leaseTerm: '', //商铺租期 | ||
| 380 | + leaseStartDate: '', //租赁开始日期 | ||
| 381 | + leaseEndDate: '', //租赁结束日期 | ||
| 382 | + rentFreeCondition: '', //免租条件 | ||
| 383 | + rentFreePeriod: '', //免租期(单位:天) | ||
| 384 | + payDay: '', //付款日 | ||
| 385 | + createDate: '', //创建时间 | ||
| 386 | + preferentialPolicy: '', | ||
| 387 | + otherDescription: '', | ||
| 378 | isTemplate: '0', //是否为模板(0.是 1.否) | 388 | isTemplate: '0', //是否为模板(0.是 1.否) |
| 379 | }, | 389 | }, |
| 380 | leaseDate: [], //租赁时段 | 390 | leaseDate: [], //租赁时段 |
| @@ -389,7 +399,7 @@ | @@ -389,7 +399,7 @@ | ||
| 389 | required: true, | 399 | required: true, |
| 390 | message: '请输入策略名称', | 400 | message: '请输入策略名称', |
| 391 | trigger: 'blur' | 401 | trigger: 'blur' |
| 392 | - },], | 402 | + }, ], |
| 393 | applicableResources: [{ | 403 | applicableResources: [{ |
| 394 | required: true, | 404 | required: true, |
| 395 | message: '请选择适用资源', | 405 | message: '请选择适用资源', |
| @@ -426,30 +436,31 @@ | @@ -426,30 +436,31 @@ | ||
| 426 | callback(); | 436 | callback(); |
| 427 | } | 437 | } |
| 428 | } | 438 | } |
| 429 | - }], | 439 | + } |
| 440 | + ], | ||
| 430 | }, | 441 | }, |
| 431 | - formInlineRules:{ | ||
| 432 | - policyName: [{ | ||
| 433 | - required: true, | ||
| 434 | - message: '请输入策略名称', | ||
| 435 | - trigger: 'blur' | ||
| 436 | - }], | ||
| 437 | - applicableResources: [{ | ||
| 438 | - required: true, | ||
| 439 | - message: '请选择适用资源', | ||
| 440 | - trigger: 'change' | ||
| 441 | - }], | ||
| 442 | - isRental: [{ | ||
| 443 | - required: true, | ||
| 444 | - message: '请选择是否出租', | ||
| 445 | - trigger: 'change' | ||
| 446 | - }], | ||
| 447 | - businessType: [{ | ||
| 448 | - required: true, | ||
| 449 | - message: '请选择经营类型', | ||
| 450 | - trigger: 'change' | ||
| 451 | - }], | ||
| 452 | - rentalPrice: [{ | 442 | + formInlineRules: { |
| 443 | + policyName: [{ | ||
| 444 | + required: true, | ||
| 445 | + message: '请输入策略名称', | ||
| 446 | + trigger: 'blur' | ||
| 447 | + }], | ||
| 448 | + applicableResources: [{ | ||
| 449 | + required: true, | ||
| 450 | + message: '请选择适用资源', | ||
| 451 | + trigger: 'change' | ||
| 452 | + }], | ||
| 453 | + isRental: [{ | ||
| 454 | + required: true, | ||
| 455 | + message: '请选择是否出租', | ||
| 456 | + trigger: 'change' | ||
| 457 | + }], | ||
| 458 | + businessType: [{ | ||
| 459 | + required: true, | ||
| 460 | + message: '请选择经营类型', | ||
| 461 | + trigger: 'change' | ||
| 462 | + }], | ||
| 463 | + rentalPrice: [{ | ||
| 453 | required: true, | 464 | required: true, |
| 454 | message: '请输入租金价格' | 465 | message: '请输入租金价格' |
| 455 | }, | 466 | }, |
| @@ -465,13 +476,14 @@ | @@ -465,13 +476,14 @@ | ||
| 465 | callback(); | 476 | callback(); |
| 466 | } | 477 | } |
| 467 | } | 478 | } |
| 468 | - }], | 479 | + } |
| 480 | + ], | ||
| 469 | 481 | ||
| 470 | } | 482 | } |
| 471 | } | 483 | } |
| 472 | }, | 484 | }, |
| 473 | mounted() { | 485 | mounted() { |
| 474 | -this.getAll() | 486 | + this.getAll() |
| 475 | }, | 487 | }, |
| 476 | 488 | ||
| 477 | methods: { | 489 | methods: { |
| @@ -499,30 +511,30 @@ this.getAll() | @@ -499,30 +511,30 @@ this.getAll() | ||
| 499 | this.paymentDate = [] | 511 | this.paymentDate = [] |
| 500 | if (val == 1) { | 512 | if (val == 1) { |
| 501 | this.formInline = { | 513 | this.formInline = { |
| 502 | - policyName: '', //策略名称 | ||
| 503 | - applicableResources: '商铺', //适用资源 | ||
| 504 | - policyTemplate: null, //策略模板 | ||
| 505 | - isRental: '', //是否出租 (0:白营,1:是) | ||
| 506 | - businessType: '', //经营类型 | ||
| 507 | - rentalPrice: null, //租金价格 | ||
| 508 | - leaseTerm: '', //商铺租期 | ||
| 509 | - leaseStartDate: '', //租赁开始日期 | ||
| 510 | - leaseEndDate: '', //租赁结束日期 | ||
| 511 | - rentFreeCondition: '', //免租条件 | ||
| 512 | - rentFreePeriod: '', //免租期(单位:天) | ||
| 513 | - payDay: '', //付款日 | ||
| 514 | - createDate: '', //创建时间 | ||
| 515 | - preferentialPolicy:'', | ||
| 516 | - otherDescription:'', | ||
| 517 | - isTemplate: '0', //是否为模板(0.是 1.否) | ||
| 518 | - } | 514 | + policyName: '', //策略名称 |
| 515 | + applicableResources: '商铺', //适用资源 | ||
| 516 | + policyTemplate: null, //策略模板 | ||
| 517 | + isRental: '', //是否出租 (0:白营,1:是) | ||
| 518 | + businessType: '', //经营类型 | ||
| 519 | + rentalPrice: null, //租金价格 | ||
| 520 | + leaseTerm: '', //商铺租期 | ||
| 521 | + leaseStartDate: '', //租赁开始日期 | ||
| 522 | + leaseEndDate: '', //租赁结束日期 | ||
| 523 | + rentFreeCondition: '', //免租条件 | ||
| 524 | + rentFreePeriod: '', //免租期(单位:天) | ||
| 525 | + payDay: '', //付款日 | ||
| 526 | + createDate: '', //创建时间 | ||
| 527 | + preferentialPolicy: '', | ||
| 528 | + otherDescription: '', | ||
| 529 | + isTemplate: '0', //是否为模板(0.是 1.否) | ||
| 530 | + } | ||
| 519 | } else { | 531 | } else { |
| 520 | this.leaseDate[0] = item.leaseStartDate | 532 | this.leaseDate[0] = item.leaseStartDate |
| 521 | - this.leaseDate[1] = item.leaseEndDate | ||
| 522 | - this.paymentDate[0] = item.paymentStartDate | ||
| 523 | - this.paymentDate[1] = item.paymentEndDate | 533 | + this.leaseDate[1] = item.leaseEndDate |
| 534 | + this.paymentDate[0] = item.paymentStartDate | ||
| 535 | + this.paymentDate[1] = item.paymentEndDate | ||
| 524 | this.formInline = item | 536 | this.formInline = item |
| 525 | - this.modeAdd =false | 537 | + this.modeAdd = false |
| 526 | } | 538 | } |
| 527 | this.addMing = true | 539 | this.addMing = true |
| 528 | }, | 540 | }, |
| @@ -542,17 +554,17 @@ this.getAll() | @@ -542,17 +554,17 @@ this.getAll() | ||
| 542 | payDay: '', //付款日 | 554 | payDay: '', //付款日 |
| 543 | createDate: '', //创建时间 | 555 | createDate: '', //创建时间 |
| 544 | isTemplate: '1', //是否为模板(0.是 1.否) | 556 | isTemplate: '1', //是否为模板(0.是 1.否) |
| 545 | - preferentialPolicy:'', | ||
| 546 | - otherDescription:'' | 557 | + preferentialPolicy: '', |
| 558 | + otherDescription: '' | ||
| 547 | } | 559 | } |
| 548 | - this.paymentDate=[] | 560 | + this.paymentDate = [] |
| 549 | this.leaseDate = [] | 561 | this.leaseDate = [] |
| 550 | this.$emit('childClose', false); | 562 | this.$emit('childClose', false); |
| 551 | 563 | ||
| 552 | }, | 564 | }, |
| 553 | - close(){ | 565 | + close() { |
| 554 | 566 | ||
| 555 | - this.form = { | 567 | + this.form = { |
| 556 | policyName: '', //策略名称 | 568 | policyName: '', //策略名称 |
| 557 | applicableResources: '商铺', //适用资源 | 569 | applicableResources: '商铺', //适用资源 |
| 558 | policyTemplate: null, //策略模板 | 570 | policyTemplate: null, //策略模板 |
| @@ -567,150 +579,160 @@ this.getAll() | @@ -567,150 +579,160 @@ this.getAll() | ||
| 567 | payDay: '', //付款日 | 579 | payDay: '', //付款日 |
| 568 | createDate: '', //创建时间 | 580 | createDate: '', //创建时间 |
| 569 | isTemplate: '1', //是否为模板(0.是 1.否) | 581 | isTemplate: '1', //是否为模板(0.是 1.否) |
| 570 | - preferentialPolicy:'', | ||
| 571 | - otherDescription:'' | 582 | + preferentialPolicy: '', |
| 583 | + otherDescription: '' | ||
| 572 | } | 584 | } |
| 573 | - this.paymentDate=[] | ||
| 574 | - this.leaseDate = [] | ||
| 575 | - this.$emit('childClose', false); | 585 | + this.paymentDate = [] |
| 586 | + this.leaseDate = [] | ||
| 587 | + this.$emit('childClose', false); | ||
| 576 | 588 | ||
| 577 | 589 | ||
| 578 | }, | 590 | }, |
| 579 | - MingClose(){ | 591 | + MingClose() { |
| 580 | this.addMing = false | 592 | this.addMing = false |
| 581 | - this.paymentDate=[] | 593 | + this.paymentDate = [] |
| 582 | this.leaseDate = [] | 594 | this.leaseDate = [] |
| 583 | }, | 595 | }, |
| 584 | addCheck(val) { | 596 | addCheck(val) { |
| 585 | if (val == 1) { | 597 | if (val == 1) { |
| 586 | this.form.isTemplate = '1' | 598 | this.form.isTemplate = '1' |
| 587 | console.log(this.form) | 599 | console.log(this.form) |
| 588 | - if (this.leaseDate.length !=0) { | 600 | + if (this.leaseDate.length != 0) { |
| 589 | this.form.leaseStartDate = this.leaseDate[0] | 601 | this.form.leaseStartDate = this.leaseDate[0] |
| 590 | this.form.leaseEndDate = this.leaseDate[1] | 602 | this.form.leaseEndDate = this.leaseDate[1] |
| 591 | } | 603 | } |
| 592 | - if (this.paymentDate.length !=0) { | 604 | + if (this.paymentDate.length != 0) { |
| 593 | this.form.paymentStartDate = this.paymentDate[0] | 605 | this.form.paymentStartDate = this.paymentDate[0] |
| 594 | this.form.paymentEndDate = this.paymentDate[1] | 606 | this.form.paymentEndDate = this.paymentDate[1] |
| 595 | } | 607 | } |
| 596 | this.$refs.ruleForm.validate((valid) => { | 608 | this.$refs.ruleForm.validate((valid) => { |
| 597 | - if (valid) { | ||
| 598 | - this.form.createDate = this.updateCurrentTime() | ||
| 599 | - ceAdd(this.form).then(res => { | ||
| 600 | - this.$emit('childClose', false); | ||
| 601 | - }) | ||
| 602 | - } else { | ||
| 603 | - this.$message({ | ||
| 604 | - message: '请填写完整信息', | ||
| 605 | - type: 'error' | ||
| 606 | - }) | ||
| 607 | - return false; | ||
| 608 | - } | ||
| 609 | - }) | 609 | + if (valid) { |
| 610 | + this.form.createDate = this.updateCurrentTime() | ||
| 611 | + ceAdd(this.form).then(res => { | ||
| 612 | + this.$emit('childClose', false); | ||
| 613 | + }) | ||
| 614 | + } else { | ||
| 615 | + this.$message({ | ||
| 616 | + message: '请填写完整信息', | ||
| 617 | + type: 'error' | ||
| 618 | + }) | ||
| 619 | + return false; | ||
| 620 | + } | ||
| 621 | + }) | ||
| 610 | 622 | ||
| 611 | } else { | 623 | } else { |
| 612 | this.form.isTemplate = '0' | 624 | this.form.isTemplate = '0' |
| 613 | - if (this.leaseDate.length !=0) { | 625 | + if (this.leaseDate.length != 0) { |
| 614 | this.formInline.leaseStartDate = this.leaseDate[0] | 626 | this.formInline.leaseStartDate = this.leaseDate[0] |
| 615 | this.formInline.leaseEndDate = this.leaseDate[1] | 627 | this.formInline.leaseEndDate = this.leaseDate[1] |
| 616 | } | 628 | } |
| 617 | - if (this.paymentDate.length !=0) { | 629 | + if (this.paymentDate.length != 0) { |
| 618 | this.formInline.paymentStartDate = this.paymentDate[0] | 630 | this.formInline.paymentStartDate = this.paymentDate[0] |
| 619 | this.formInline.paymentEndDate = this.paymentDate[1] | 631 | this.formInline.paymentEndDate = this.paymentDate[1] |
| 620 | } | 632 | } |
| 621 | this.$refs.formInlineRules.validate((valid) => { | 633 | this.$refs.formInlineRules.validate((valid) => { |
| 622 | - if (valid) { | ||
| 623 | - if(this.modeAdd){ | ||
| 624 | - this.formInline.createDate = this.updateCurrentTime() | ||
| 625 | - ceAdd(this.formInline).then(res => { | ||
| 626 | - this.addMing = false | ||
| 627 | - this.getAll() | ||
| 628 | - }) | ||
| 629 | - }else{ | ||
| 630 | - ceEdit(this.formInline).then(res => { | ||
| 631 | - this.form = { | ||
| 632 | - policyName: '', //策略名称 | ||
| 633 | - applicableResources: '商铺', //适用资源 | ||
| 634 | - policyTemplate: null, //策略模板 | ||
| 635 | - isRental: '', //是否出租 (0:否,1:是) | ||
| 636 | - isSelfOperated: '', //是否白营 (0: 否, 1: 是) | ||
| 637 | - businessType: '', //经营类型 | ||
| 638 | - rentalPrice: '', //租金价格 | ||
| 639 | - leaseTerm: '', //商铺租期 | ||
| 640 | - leaseStartDate: '', //租赁开始日期 | ||
| 641 | - leaseEndDate: '', //租赁结束日期 | ||
| 642 | - rentFreeCondition: '', //免租条件 | ||
| 643 | - rentFreePeriod: '', //免租期(单位:天) | ||
| 644 | - paymentTerms: '', //付款条件 | ||
| 645 | - paymentStartDate: '', //付款开始日期 | ||
| 646 | - paymentEndDate: '', //付款结束日期 | ||
| 647 | - createDate: '', //创建时间 | ||
| 648 | - isTemplate: '1', //是否为模板(0.是 1.否) | ||
| 649 | - } | ||
| 650 | - this.paymentDate=[] | ||
| 651 | - this.leaseDate = [] | ||
| 652 | - this.addMing = false | ||
| 653 | - this.getAll() | ||
| 654 | - }) | ||
| 655 | - } | ||
| 656 | - | ||
| 657 | - } else { | ||
| 658 | - this.$message({ | ||
| 659 | - message: '请填写完整信息', | ||
| 660 | - type: 'error' | ||
| 661 | - }) | ||
| 662 | - return false; | ||
| 663 | - } | ||
| 664 | - }) | 634 | + if (valid) { |
| 635 | + if (this.modeAdd) { | ||
| 636 | + this.formInline.createDate = this.updateCurrentTime() | ||
| 637 | + ceAdd(this.formInline).then(res => { | ||
| 638 | + this.addMing = false | ||
| 639 | + this.getAll() | ||
| 640 | + }) | ||
| 641 | + } else { | ||
| 642 | + ceEdit(this.formInline).then(res => { | ||
| 643 | + this.form = { | ||
| 644 | + policyName: '', //策略名称 | ||
| 645 | + applicableResources: '商铺', //适用资源 | ||
| 646 | + policyTemplate: null, //策略模板 | ||
| 647 | + isRental: '', //是否出租 (0:否,1:是) | ||
| 648 | + isSelfOperated: '', //是否白营 (0: 否, 1: 是) | ||
| 649 | + businessType: '', //经营类型 | ||
| 650 | + rentalPrice: '', //租金价格 | ||
| 651 | + leaseTerm: '', //商铺租期 | ||
| 652 | + leaseStartDate: '', //租赁开始日期 | ||
| 653 | + leaseEndDate: '', //租赁结束日期 | ||
| 654 | + rentFreeCondition: '', //免租条件 | ||
| 655 | + rentFreePeriod: '', //免租期(单位:天) | ||
| 656 | + paymentTerms: '', //付款条件 | ||
| 657 | + paymentStartDate: '', //付款开始日期 | ||
| 658 | + paymentEndDate: '', //付款结束日期 | ||
| 659 | + createDate: '', //创建时间 | ||
| 660 | + isTemplate: '1', //是否为模板(0.是 1.否) | ||
| 661 | + } | ||
| 662 | + this.paymentDate = [] | ||
| 663 | + this.leaseDate = [] | ||
| 664 | + this.addMing = false | ||
| 665 | + this.getAll() | ||
| 666 | + }) | ||
| 667 | + } | ||
| 668 | + | ||
| 669 | + } else { | ||
| 670 | + this.$message({ | ||
| 671 | + message: '请填写完整信息', | ||
| 672 | + type: 'error' | ||
| 673 | + }) | ||
| 674 | + return false; | ||
| 675 | + } | ||
| 676 | + }) | ||
| 665 | 677 | ||
| 666 | } | 678 | } |
| 667 | - this.leaseDate=[] | ||
| 668 | - this.paymentDate=[] | 679 | + this.leaseDate = [] |
| 680 | + this.paymentDate = [] | ||
| 669 | 681 | ||
| 670 | }, | 682 | }, |
| 671 | - changeMode(value){ | 683 | + changeMode(value) { |
| 672 | console.log(value) | 684 | console.log(value) |
| 673 | const pageindex = { | 685 | const pageindex = { |
| 674 | pageNumber: 1, | 686 | pageNumber: 1, |
| 675 | pageSize: 10, | 687 | pageSize: 10, |
| 676 | - id:value | 688 | + id: value |
| 677 | } | 689 | } |
| 678 | - ceGetAll(pageindex).then(res=>{ | ||
| 679 | - | ||
| 680 | - const { id, createDate, policyTemplate,pageNumber,pageSize,updateDate, ...rest } = res.data.content[0] | ||
| 681 | - this.form = rest | 690 | + ceGetAll(pageindex).then(res => { |
| 691 | + | ||
| 692 | + const { | ||
| 693 | + id, | ||
| 694 | + createDate, | ||
| 695 | + policyTemplate, | ||
| 696 | + pageNumber, | ||
| 697 | + pageSize, | ||
| 698 | + updateDate, | ||
| 699 | + ...rest | ||
| 700 | + } = res.data.content[0] | ||
| 701 | + this.form = rest | ||
| 682 | this.form.policyTemplate = value | 702 | this.form.policyTemplate = value |
| 683 | this.form.rentalPrice = Number(res.data.content[0].rentalPrice) | 703 | this.form.rentalPrice = Number(res.data.content[0].rentalPrice) |
| 684 | this.$set(this.leaseDate, 0, res.data.content[0].leaseStartDate); | 704 | this.$set(this.leaseDate, 0, res.data.content[0].leaseStartDate); |
| 685 | - this.$set(this.leaseDate, 1, res.data.content[0].leaseEndDate); | ||
| 686 | - this.$set(this.paymentDate, 0, res.data.content[0].paymentStartDate); | ||
| 687 | - this.$set(this.paymentDate, 1, res.data.content[0].paymentEndDate); | 705 | + this.$set(this.leaseDate, 1, res.data.content[0].leaseEndDate); |
| 706 | + this.$set(this.paymentDate, 0, res.data.content[0].paymentStartDate); | ||
| 707 | + this.$set(this.paymentDate, 1, res.data.content[0].paymentEndDate); | ||
| 688 | 708 | ||
| 689 | - }) | 709 | + }) |
| 690 | }, | 710 | }, |
| 691 | - delM(ids){ | ||
| 692 | - const h = this.$createElement; | ||
| 693 | - this.$msgbox({ | ||
| 694 | - title: '消息', | ||
| 695 | - message: h('p', null, [ | ||
| 696 | - h('span', null, '是否删除 '), | ||
| 697 | - ]), | ||
| 698 | - showCancelButton: true, | ||
| 699 | - showClose: false, | ||
| 700 | - confirmButtonText: '确定', | ||
| 701 | - cancelButtonText: '取消', | ||
| 702 | - customClass: 'oe-dialog-btn', | ||
| 703 | - beforeClose: (action, instance, done) => { | ||
| 704 | - if (action === 'confirm') { | ||
| 705 | - ceDel({id:ids}).then(res => { | ||
| 706 | - this.getAll() | ||
| 707 | - done(); | ||
| 708 | - }) | ||
| 709 | - } else { | ||
| 710 | - done(); | ||
| 711 | - } | ||
| 712 | - } | ||
| 713 | - }) | 711 | + delM(ids) { |
| 712 | + const h = this.$createElement; | ||
| 713 | + this.$msgbox({ | ||
| 714 | + title: '消息', | ||
| 715 | + message: h('p', null, [ | ||
| 716 | + h('span', null, '是否删除 '), | ||
| 717 | + ]), | ||
| 718 | + showCancelButton: true, | ||
| 719 | + showClose: false, | ||
| 720 | + confirmButtonText: '确定', | ||
| 721 | + cancelButtonText: '取消', | ||
| 722 | + customClass: 'oe-dialog-btn', | ||
| 723 | + beforeClose: (action, instance, done) => { | ||
| 724 | + if (action === 'confirm') { | ||
| 725 | + ceDel({ | ||
| 726 | + id: ids | ||
| 727 | + }).then(res => { | ||
| 728 | + this.getAll() | ||
| 729 | + done(); | ||
| 730 | + }) | ||
| 731 | + } else { | ||
| 732 | + done(); | ||
| 733 | + } | ||
| 734 | + } | ||
| 735 | + }) | ||
| 714 | 736 | ||
| 715 | } | 737 | } |
| 716 | } | 738 | } |