From a41637bc757e7e06b5dab6cfe12a3b88e6b59f2e Mon Sep 17 00:00:00 2001
From: bai <1643359946@qq.com>
Date: Tue, 11 Jun 2024 09:10:14 +0800
Subject: [PATCH] =?UTF-8?q?2024=E5=B9=B46=E6=9C=8811=E6=97=A5=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E5=87=BA=E8=A1=8C=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/travelConf/add-or-update.vue |  219 ++
 src/views/travelConf/index.vue         | 4733 +-----------------------
 2 files changed, 403 insertions(+), 4549 deletions(-)
 create mode 100644 src/views/travelConf/add-or-update.vue

diff --git a/src/views/travelConf/add-or-update.vue b/src/views/travelConf/add-or-update.vue
new file mode 100644
index 0000000..6aaf05a
--- /dev/null
+++ b/src/views/travelConf/add-or-update.vue
@@ -0,0 +1,219 @@
+<template>
+	<el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" :visible.sync="visible">
+		<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="140px">
+			<el-row>
+				<el-col :span="12">
+					<el-form-item label="价格类型" prop="pricingType">
+						<el-radio-group v-model="dataForm.pricingType" :disabled="isDisabled">
+							<el-radio :label="1">固定价格</el-radio>
+							<el-radio :label="2">动态价格</el-radio>
+						</el-radio-group>
+					</el-form-item>
+				</el-col>
+				<el-col :span="12">
+					<el-form-item label="出行方式" prop="travelType">
+						<el-radio-group v-model="dataForm.travelType" :disabled="isDisabled">
+							<el-radio :label="1">免费</el-radio>
+							<el-radio :label="2">出租</el-radio>
+							<el-radio :label="3">公共交通</el-radio>
+						</el-radio-group>
+					</el-form-item>
+				</el-col>
+				<el-col :span="12" v-if="dataForm.pricingType == 2">
+					<el-form-item label="时令" prop="seasonsType">
+						<el-radio-group v-model="dataForm.seasonsType" :disabled="isDisabled">
+							<el-radio :label="1">夏令时</el-radio>
+							<el-radio :label="2">冬令时</el-radio>
+						</el-radio-group>
+					</el-form-item>
+				</el-col>
+				<el-col :span="12" v-if="dataForm.pricingType == 2">
+					<el-form-item label="时段" prop="timeIntervalType">
+						<el-radio-group v-model="dataForm.timeIntervalType" :disabled="isDisabled">
+							<el-radio :label="1">白天</el-radio>
+							<el-radio :label="2">夜间</el-radio>
+						</el-radio-group>
+					</el-form-item>
+				</el-col>
+				<el-col :span="12" v-if="dataForm.pricingType == 2 && dataForm.travelType != 1">
+					<el-form-item label="起步价（元）" prop="startingPrice">
+						<el-input-number v-model="dataForm.startingPrice" controls-position="right" :precision="2" :min="0" :step="1"/>
+					</el-form-item>
+				</el-col>
+				<!-- <el-col :span="12" v-if="dataForm.pricingType == 2 && dataForm.travelType != 1">
+					<el-form-item label="免费公里数（元）" prop="freeKilometers">
+						<el-input-number v-model="dataForm.freeKilometers" controls-position="right" :precision="2" :min="0" :step="1" label="免费公里数"/>
+					</el-form-item>
+				</el-col> -->
+				<el-col :span="12" v-if="dataForm.pricingType == 2 && dataForm.travelType != 1">
+					<el-form-item label="夜间出行费（元）" prop="nightTravelExpenses">
+						<el-input-number v-model="dataForm.nightTravelExpenses" controls-position="right" :precision="2" :min="0" :step="1"/>
+					</el-form-item>
+				</el-col>
+				<el-col :span="12" v-if="dataForm.pricingType == 2 && dataForm.travelType != 1">
+					<el-form-item label="每公里价格（元）" prop="pricePerKilometer">
+						<el-input-number v-model="dataForm.pricePerKilometer" controls-position="right" :precision="2" :min="0" :step="1"/>
+					</el-form-item>
+				</el-col>
+
+				<el-col :span="12" v-if="dataForm.pricingType == 1 && dataForm.travelType != 1">
+					<el-form-item label="固定价格类型" prop="fixedType">
+						<el-radio-group v-model="dataForm.fixedType">
+							<el-radio :label="1">往返</el-radio>
+							<el-radio :label="2">单程</el-radio>
+						</el-radio-group>
+					</el-form-item>
+				</el-col>
+				<el-col :span="12" v-if="dataForm.pricingType == 1 && dataForm.travelType != 1">
+					<el-form-item label="固定价格（元）" prop="fixedPrice">
+						<el-input-number v-model="dataForm.fixedPrice" controls-position="right" :precision="2" :min="0" :step="1"/>
+					</el-form-item>
+				</el-col>
+			</el-row>
+			<el-form-item label="备注" prop="remark">
+				<el-input v-model="dataForm.remark" placeholder="备注"></el-input>
+			</el-form-item>
+		</el-form>
+		<span slot="footer" class="dialog-footer">
+			<el-button @click="visible = false">取消</el-button>
+			<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+		</span>
+	</el-dialog>
+</template>
+
+<script>
+	let defReqRule = (message = '不能为空') => { return { required: true, message, trigger: 'blur' } };
+
+	export default {
+		data() {
+			return {
+				visible: false,
+				dataForm: {
+					id: '',
+					createTime: '',
+					updateTime: '',
+					pricingType: '',
+					travelType: '',
+					seasonsType: '',
+					timeIntervalType: '',
+					startingPrice: '',
+					freeKilometers: '',
+					nightTravelExpenses: '',
+					pricePerKilometer: '',
+					fixedType: '',
+					fixedPrice: '',
+					remark: '',
+				},
+				dataRule: {
+					pricingType: [ defReqRule('请选择价格类型！') ],
+					travelType: [ defReqRule('请选择出行方式') ],
+					seasonsType: [ defReqRule('请选择时令') ],
+					timeIntervalType: [ defReqRule('请选择时段') ],
+					startingPrice: [ defReqRule('请输入起步价！') ],
+					freeKilometers: [ defReqRule('请输入免费公里数') ],
+					nightTravelExpenses: [ defReqRule('请输入夜间出行费') ],
+					pricePerKilometer: [ defReqRule('请输入每公里价格') ],
+					fixedType: [ defReqRule('请选择固定价格类型') ],
+					fixedPrice: [ defReqRule('请输入固定价格') ],
+				},
+				index: 0
+			}
+		},
+		computed: {
+			isEdit() {
+				return !(this.dataForm || {}).id;
+			},
+			isDisabled() {
+				return !this.isEdit;
+			},
+		},
+		methods: {
+			init(index, id) {
+				this.index = index
+				this.dataForm.id = id
+				this.visible = true
+				this.$nextTick(() => {
+					this.$refs['dataForm'].resetFields()
+					if (this.dataForm.id) {
+						this.$http({
+							url: this.$http.adornUrl(`travelConf/info/${this.dataForm.id}`),
+							method: 'get',
+							params: this.$http.adornParams()
+						}).then(({ data }) => {
+							if (data && data.code === 0) {
+								this.dataForm = data.data
+							}
+						})
+					} else {
+						//重置表单
+						Object.keys(this.dataForm).forEach(x => {
+							this.dataForm[x] = '';
+						})
+					}
+				})
+			},
+			// 表单提交
+			dataFormSubmit() {
+				this.$refs['dataForm'].validate((valid) => {
+					if (valid) {
+						let saveData = Object.assign({}, this.dataForm);
+						//清空多余内容
+						let cleanField = [];
+						if(saveData.pricingType == 1){
+							cleanField = [ 'seasonsType', 'timeIntervalType', 'startingPrice', 'freeKilometers', 'nightTravelExpenses', 'pricePerKilometer' ];
+							if(saveData.travelType == 1) {
+								//免费的，重置价格
+								saveData.fixedPrice = 0;
+							}
+						}else if(saveData.pricingType == 2) {
+							cleanField = [ 'fixedType', 'fixedPrice' ];
+							if(saveData.travelType == 1) {
+								//免费的，重置价格
+								saveData.startingPrice = 0;
+								saveData.freeKilometers = 0;
+								saveData.nightTravelExpenses = 0;
+								saveData.pricePerKilometer = 0;
+							}
+						}
+						if(cleanField.length){
+							cleanField.forEach(key => {
+								delete saveData[key];
+							});
+						}
+
+						this.$http({
+							url: this.$http.adornUrl(`travelConf/${!saveData.id ? 'add' : 'update'}`),
+							method: 'post',
+							data: this.$http.adornData({
+								...saveData,
+								'id': saveData.id || undefined,
+							})
+						}).then(({
+							data
+						}) => {
+							if (data && data.code === 0) {
+								this.$message({
+									message: '操作成功',
+									type: 'success',
+									duration: 1500,
+									onClose: () => {
+										this.visible = false
+										console.log('this.index', this.index)
+										if (this.index == 1) {
+											this.$emit('refreshDataList')
+										} else {
+											this.$emit('refreshDataLister')
+										}
+
+									}
+								})
+							} else {
+								this.$message.error(data.msg)
+							}
+						})
+					}
+				})
+			}
+		}
+	}
+</script>
diff --git a/src/views/travelConf/index.vue b/src/views/travelConf/index.vue
index 85cf0f8..83f1241 100644
--- a/src/views/travelConf/index.vue
+++ b/src/views/travelConf/index.vue
@@ -1,4560 +1,195 @@
 <template>
-  <div>
-    <el-tabs v-model="activeName" @tab-click="handleClick">
+	<div class="mod-dict">
+		<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+			<el-form-item label="价格类型" prop="pricingType">
+				<el-select v-model="dataForm.pricingType" placeholder="请选择" clearable>
+					<el-option label="请选择"/>
+					<el-option :key="1" :value="1" label="固定价格"/>
+					<el-option :key="2" :value="2" label="动态价格"/>
+				</el-select>
+			</el-form-item>
+			<el-form-item label="出行方式" prop="travelType">
+				<el-select v-model="dataForm.travelType" placeholder="请选择" clearable>
+					<el-option label="请选择"/>
+					<el-option :key="1" :value="1" label="免费"/>
+					<el-option :key="2" :value="2" label="出租"/>
+					<el-option :key="3" :value="3" label="公共交通"/>
+				</el-select>
+			</el-form-item>
+			<el-form-item label="时令" prop="seasonsType">
+				<el-select v-model="dataForm.seasonsType" placeholder="请选择" clearable>
+					<el-option label="请选择"/>
+					<el-option :key="1" :value="1" label="夏令时"/>
+					<el-option :key="2" :value="2" label="冬令时"/>
+				</el-select>
+			</el-form-item>
+			<el-form-item label="时段" prop="timeIntervalType">
+				<el-select v-model="dataForm.timeIntervalType" placeholder="请选择" clearable>
+					<el-option label="请选择"/>
+					<el-option :key="1" :value="1" label="白天"/>
+					<el-option :key="2" :value="2" label="夜间"/>
+				</el-select>
+			</el-form-item>
+			<el-form-item>
+				<el-button @click="getDataList()">查询</el-button>
+				<!-- <el-button v-if="isAuth('travelConf:main:save')" type="primary" @click="addOrUpdateHandle(1)">新增</el-button> -->
+				<!-- <el-button v-if="isAuth('travelConf:main:delete')" type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button> -->
+			</el-form-item>
+		</el-form>
+		<el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle" style="width: 100%;">
+			<el-table-column type="selection" header-align="center" align="center" width="50"/>
 
-      <!-- 项目列表 -->
-      <el-tab-pane label="项目列表" name="third">
-        <div style="position: relative; display: inline-block; margin: 5px">
-          <span>项目类型：</span>
-          <el-select
-            clearable
-            v-model="classifyId"
-            style="width: 150px; margin-left: 10px"
-            @change="phoneSelect1()"
-          >
-            <el-option
-              v-for="item in fwData"
-              :key="item.id"
-              :label="item.value"
-              :value="item.id"
-            >
-            </el-option> </el-select
-          >&nbsp;&nbsp;
-        </div>
-        <div style="position: relative; display: inline-block">
-          <span>城市：</span>
-          <el-input
-            style="width: 200px"
-            @keydown.enter.native="phoneSelect1"
-            placeholder="请输入城市"
-            v-model="citys"
-          >
-          </el-input
-          >&nbsp;&nbsp;
-        </div>
-        <div style="position: relative; display: inline-block">
-          <span>项目名称：</span>
-          <el-input
-            style="width: 200px"
-            @keydown.enter.native="phoneSelect1"
-            placeholder="请输入项目名称"
-            v-model="title"
-          >
-          </el-input
-          >&nbsp;&nbsp;
-        </div>
-        <el-button
-          style="margin: 10px"
-          size="mini"
-          type="primary"
-          icon="document"
-          @click="phoneSelect1"
-          >查询
-        </el-button>
-        <el-button
-          style="margin: 10px"
-          size="mini"
-          type="primary"
-          icon="document"
-          @click="cleans3"
-          >重置 </el-button
-        >&nbsp;&nbsp;
-        <div style="text-align: right; display: inline-block">
-          <el-button
-            style="margin: 10px"
-            size="mini"
-            type="primary"
-            icon="document"
-            :disabled="!isAuth('locality:add')"
-            @click="classAdd(0)"
-            >添加
-          </el-button>
-        </div>
-        <el-table v-loading="tableDataLoading" :data="tableData.list">
-          <el-table-column
-            prop="massageTypeId"
-            label="编号"
-            width="80"
-            fixed="left"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="classifyId"
-            label="项目类型"
-            fixed="left"
-            width="150"
-          >
-            <template slot-scope="scope">
-                {{getDictLabel(scope.row.classifyId)}}
-              </template>
-          </el-table-column>
-          <el-table-column
-            prop="title"
-            label="项目名称"
-            fixed="left"
-            width="150"
-          >
-          </el-table-column>
-          <el-table-column prop="massageImg" label="项目图片">
-            <template slot-scope="scope">
-              <img
-                v-if="scope.row.massageImg && scope.row.massageImg != ''"
-                :src="scope.row.massageImg"
-                width="40"
-                height="40"
-              />
-              <span v-else>暂无图片</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="certificateImg" label="项目详情图" width="250">
-            <template slot-scope="scope">
-              <div
-                v-for="(item, index) in scope.row.contentImg"
-                :key="index"
-                style="display: inline-block; margin: 3px"
-              >
-                <el-popover placement="top-start" title="" trigger="hover">
-                  <img
-                    style="width: 50px; height: 50px"
-                    :src="item"
-                    alt=""
-                    slot="reference"
-                  />
-                  <img style="width: 300px; height: auto" :src="item" alt="" />
-                </el-popover>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column prop="region" label="性别要求" width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.isSex == 0">不限制</span>
-              <span v-if="scope.row.isSex == 1">男</span>
-              <span v-if="scope.row.isSex == 2">女</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="applyPeople"
-            show-overflow-tooltip
-            :tooltip-effect="'dark'"
-            label="适用人群"
-            width="200"
-          >
-            <template slot-scope="scope">
-              <span class="people">{{ scope.row.applyPeople }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="region" label="城市" width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.city">{{ scope.row.city }}</span>
-              <span v-else>不限</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="oldPrice" label="原价"> </el-table-column>
-          <el-table-column prop="price" label="现价"> </el-table-column>
-          <!-- <el-table-column prop="memberPrice" label="会员价"> </el-table-column> -->
-          <!-- <el-table-column prop="artificerPrice" label="师傅价">
-					</el-table-column> -->
-          <el-table-column prop="duration" label="时长(分钟)">
-          </el-table-column>
-          <el-table-column prop="addNum" label="加钟次数"> </el-table-column>
-          <el-table-column prop="labels" label="标签" width="150">
-          </el-table-column>
-          <el-table-column prop="sales" label="销量" width="150">
-            <template slot-scope="scope">
-              <span>{{ scope.row.sales }}</span>
-              <el-button
-                size="mini"
-                type="primary"
-                plain
-                :disabled="!isAuth('locality:update')"
-                @click="updateBz(scope.row)"
-                style="margin: 5px"
-                >修改</el-button
-              >
-            </template>
-          </el-table-column>
-          <!-- <el-table-column prop="content" label="详情">
-					</el-table-column> -->
-          <el-table-column prop="status" label="状态">
-            <template slot-scope="scope">
-              <el-switch
-                v-model="scope.row.status"
-                @change="change(scope.row.massageTypeId, scope.row.status)"
-                :disabled="!isAuth('locality:update')"
-                :active-value="openValue2"
-                :inactive-value="closeValue2"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-              >
-              </el-switch>
-            </template>
-          </el-table-column>
-          <!-- <el-table-column prop="createTime" label="创建时间">
-					</el-table-column> -->
-          <el-table-column label="操作" prop="id" width="360" fixed="right">
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="primary"
-                :disabled="!isAuth('shopAdmin:update')"
-                @click="addMaterialPackageBtn(scope.row)"
-                >添加物料包
-              </el-button>
-              <el-button
-                size="mini"
-                type="primary"
-                style="margin: 5px"
-                @click="jiazhongBtn(scope.row)"
-                >加钟项目
-              </el-button>
-              <el-button
-                size="mini"
-                type="primary"
-                style="margin: 5px"
-                :disabled="!isAuth('locality:update')"
-                @click="classAdd(scope.row)"
-                >修改
-              </el-button>
-              <el-button
-                size="mini"
-                type="danger"
-                style="margin: 5px"
-                :disabled="!isAuth('locality:delete')"
-                @click="classdelete(scope.row)"
-                >删除
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div style="text-align: center; margin-top: 10px">
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :page-sizes="[10, 20, 30, 40]"
-            :page-size="limit"
-            :current-page="page"
-            layout="total,sizes, prev, pager, next,jumper"
-            :total="tableData.totalCount"
-          >
-          </el-pagination>
-        </div>
-      </el-tab-pane>
-      <!-- 添加/修改师傅弹框 -->
-      <el-dialog
-        :title="renwuTitles"
-        customClass="customWidth"
-        :visible.sync="dialogFormVisible5"
-        center
-      >
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目：</span
-          >
-          <el-checkbox-group
-            v-model="checkList"
-            @change="onChang"
-            style="display: inline"
-          >
-            <el-checkbox
-              v-for="(item, index) in homeData"
-              :key="index"
-              :label="item.gameName"
-            >
-              {{ item.gameName }}
-            </el-checkbox>
-          </el-checkbox-group>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >发布人：</span
-          >
-          <el-input
-            v-model="nickName1"
-            @focus="userselect"
-            style="width: 45%"
-            placeholder="请选择发布人"
-          >
-          </el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >标题：</span
-          >
-          <el-input
-            v-model="myLevel"
-            style="width: 45%"
-            placeholder="请输入标题"
-          >
-          </el-input>
-        </div>
-        <div style="margin-bottom: 10px; display: flex">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >主页图：</span
-          >
-          <div
-            style="
-              width: 148px;
-              height: 148px;
-              border: 1px dashed #c0ccda;
-              border-radius: 6px;
-              text-align: center;
-              line-height: 148px;
-            "
-          >
-            <el-upload
-              class="avatar-uploader"
-              v-model="headImg"
-              :action="uploadUrl"
-              :show-file-list="false"
-              :on-success="handleAvatarSuccess5"
-              :on-progress="onprogress"
-            >
-              <img
-                v-if="headImg != '' && percentage == 100"
-                :src="headImg"
-                class="avatar"
-                style="border-radius: 6px; width: 148px; height: 148px"
-              />
-              <i v-else class="el-icon-plus avatar-uploader-icon iconss"></i>
-              <el-progress
-                v-if="percentage > 0 && percentage < 100"
-                type="circle"
-                :percentage="percentage"
-              >
-              </el-progress>
-            </el-upload>
-          </div>
-        </div>
-        <div
-          style="margin-bottom: 10px; display: flex"
-          v-if="authentication == 1"
-        >
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >资格证书：</span
-          >
-          <div
-            class="imgs"
-            v-for="(item, index) in certificateImg"
-            :key="index"
-          >
-            <img width="100%" class="images" height="100%" :src="item" alt="" />
-            <span class="dels">
-              <i class="el-icon-delete" @click="clear1(index)"></i>
-            </span>
-          </div>
-          <div class="imgs" style="width: 50%">
-            <el-upload
-              :action="uploadWatermarkUrl"
-              list-type="picture-card"
-              :show-file-list="false"
-              :on-success="handleUploadSuccess1"
-              :on-progress="onprogress1"
-            >
-              <el-progress
-                v-if="percentage1 > 0 && percentage1 < 100"
-                type="circle"
-                :percentage="percentage1"
-              ></el-progress>
-              <i v-else class="el-icon-plus"></i>
-            </el-upload>
-          </div>
-        </div>
-        <div
-          style="margin-bottom: 10px; display: flex"
-          v-if="authentication == 1"
-        >
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >工作照片：</span
-          >
-          <div class="imgs" v-for="(item, index) in workImg" :key="index">
-            <img width="100%" class="images" height="100%" :src="item" alt="" />
-            <span class="dels">
-              <i class="el-icon-delete" @click="clear2(index)"></i>
-            </span>
-          </div>
-          <div class="imgs" style="width: 50%">
-            <el-upload
-              :action="uploadUrl"
-              list-type="picture-card"
-              :show-file-list="false"
-              :on-success="handleUploadSuccess2"
-              :on-progress="onprogress1"
-            >
-              <el-progress
-                v-if="percentage1 > 0 && percentage1 < 100"
-                type="circle"
-                :percentage="percentage1"
-              ></el-progress>
-              <i v-else class="el-icon-plus"></i>
-            </el-upload>
-          </div>
-        </div>
-        <div
-          style="margin-bottom: 10px; display: flex"
-          v-if="authentication == 2"
-        >
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目详情图：</span
-          >
-          <div class="imgs" v-for="(item, index) in contentImg" :key="index">
-            <img width="100%" class="images" height="100%" :src="item" alt="" />
-            <span class="dels">
-              <i class="el-icon-delete" @click="clear3(index)"></i>
-            </span>
-          </div>
-          <div class="imgs" style="width: 50%">
-            <el-upload
-              :action="uploadUrl"
-              list-type="picture-card"
-              :show-file-list="false"
-              :on-success="handleUploadSuccess3"
-              :on-progress="onprogress1"
-            >
-              <el-progress
-                v-if="percentage1 > 0 && percentage1 < 100"
-                type="circle"
-                :percentage="percentage1"
-              ></el-progress>
-              <i v-else class="el-icon-plus"></i>
-            </el-upload>
-          </div>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >期望薪资：</span
-          >
-          <el-input
-            v-model="money"
-            type="number"
-            style="width: 45%"
-            min="0"
-            placeholder="请输入期望薪资"
-          ></el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >工作经验：</span
-          >
-          <el-input
-            v-model="orderLevel"
-            type="text"
-            style="width: 45%"
-            placeholder="请输入工作经验"
-          ></el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >技能：</span
-          >
-          <el-input
-            v-model="memberMoney"
-            style="width: 45%"
-            placeholder="请输入技能"
-          ></el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span
-            style="
-              width: 200px;
-              display: inline-block;
-              text-align: right;
-              position: relative;
-              bottom: 26px;
-            "
-            >描述：</span
-          >
-          <el-input
-            v-model="describes"
-            type="textarea"
-            :rows="2"
-            style="width: 45%"
-            placeholder="请输入特长描述"
-          >
-          </el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >服务地区：</span
-          >
-          <el-cascader
-            style="width: 45%"
-            size="large"
-            :options="options"
-            ref="cascaderAddr"
-            v-model="storeAddress"
-            :placeholder="storeAddre"
-            @change="handleChange55"
-            :value="storeAddre"
-          >
-          </el-cascader>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >纬度：</span
-          >
-          <el-input
-            v-model="latitude"
-            style="width: 45%"
-            placeholder="请输入纬度"
-          ></el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >经度：</span
-          >
-          <el-input
-            v-model="longitude"
-            style="width: 45%"
-            placeholder="请输入经度"
-          ></el-input>
-        </div>
-        <div>
-          <div
-            id="container1"
-            style="width: 80%; height: 500px; margin-left: 10%"
-          ></div>
-        </div>
-        <div
-          slot="footer"
-          class="dialog-footer"
-          style="margin-top: 30px; text-align: center"
-        >
-          <el-button @click="prev">取 消</el-button>
-          <el-button type="primary" @click="addmissionNoticeTo()"
-            >确 定</el-button
-          >
-        </div>
-      </el-dialog>
-      <!-- 用户列表 -->
-      <el-dialog title="用户列表" :visible.sync="dialogFormVisible3" center>
-        <div style="margin: 2% 0; display: inline-block">
-          <el-input
-            style="width: 150px"
-            @keydown.enter.native="userclick"
-            clearable
-            placeholder="请输入手机号"
-            v-model="phone1"
-          ></el-input
-          >&nbsp;&nbsp;&nbsp;&nbsp;
-          <el-input
-            style="width: 150px"
-            @keydown.enter.native="userclick"
-            clearable
-            placeholder="请输入昵称"
-            v-model="nickName2"
-          ></el-input>
-          <el-button
-            style="margin-left: 15px"
-            size="mini"
-            type="primary"
-            icon="document"
-            @click="userclick"
-          >
-            查询
-          </el-button>
-          <el-button
-            style="margin-left: 15px"
-            size="mini"
-            type="primary"
-            icon="document"
-            @click="userclose"
-          >
-            重置
-          </el-button>
-        </div>
-        <el-table
-          width="780px"
-          v-loading="tableDataLoading4"
-          :data="userIds.records"
-        >
-          <el-table-column fixed prop="nickName" width="220" label="昵称">
-            <template slot-scope="scope">
-              <span style="color: #f56c6c">{{
-                scope.row.userName ? scope.row.userName : "未设置"
-              }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="phone" width="220" label="手机号">
-            <template slot-scope="scope">
-              <span>{{ scope.row.phone ? scope.row.phone : "未绑定" }}</span>
-            </template>
-          </el-table-column>
-          <!-- <el-table-column prop="createTime" width="220" label="创建时间">
-					</el-table-column> -->
-          <!-- </el-table-column> -->
-          <el-table-column label="操作" fixed="right" width="120">
-            <template slot-scope="scope">
-              <el-button size="mini" type="primary" @click="confirm(scope.row)"
-                >确定
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div style="text-align: center; margin-top: 10px">
-          <el-pagination
-            @size-change="handleSizeChange2"
-            @current-change="handleCurrentChange2"
-            :page-sizes="[5, 10, 15, 20]"
-            :page-size="size1"
-            :current-page="page1"
-            layout="total,sizes, prev, pager, next,jumper"
-            :total="userIds.total"
-          >
-          </el-pagination>
-        </div>
-      </el-dialog>
-      <!--    图片展示-->
-      <el-dialog title="图片" :visible.sync="dialogVisible" width="800px">
-        <span
-          v-if="imageUrl.length > 0"
-          v-for="(item, index) in imageUrl"
-          :key="index"
-          style=""
-        >
-          <!-- <el-image style = "width: 100px; height: 100px" :src = "item" :preview-src-list="imageUrl"></el-image>-->
-          <img
-            :src="item"
-            alt=""
-            style="
-              width: 45%;
-              height: 100%;
-              margin: 15px;
-              display: inline-block;
-            "
-          />
-        </span>
-        <span v-else>暂无图片</span>
-      </el-dialog>
-      <!-- 项目列表弹框 -->
-      <el-dialog
-        title="项目列表"
-        :visible.sync="dialogFormVisible8"
-        center
-        width="80%"
-      >
-        <div>
-          <el-button
-            style="margin: 10px 0"
-            :disabled="!isAuth('locality:add')"
-            size="mini"
-            type="primary"
-            icon="document"
-            @click="choiadd()"
-            >添加项目</el-button
-          >
-        </div>
-        <el-table v-loading="tableDataLoading1" :data="tableData3">
-          <el-table-column
-            prop="massageTypeId"
-            label="编号"
-            width="80"
-            fixed="left"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="title"
-            label="项目名称"
-            width="100"
-            fixed="left"
-          >
-          </el-table-column>
-          <el-table-column prop="massageImg" label="项目图片">
-            <template slot-scope="scope">
-              　　<img
-                v-if="scope.row.massageImg && scope.row.massageImg != ''"
-                :src="scope.row.massageImg"
-                width="40"
-                height="40"
-              />
-              <span v-else>暂无图片</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="certificateImg" label="项目详情图" width="250">
-            <template slot-scope="scope">
-              <div v-if="scope.row.contentImg.length > 0">
-                <div
-                  v-for="(item, index) in scope.row.contentImg"
-                  :key="index"
-                  style="display: inline-block; margin: 3px"
-                >
-                  <el-popover placement="top-start" title="" trigger="hover">
-                    <img
-                      style="width: 50px; height: 50px"
-                      :src="item"
-                      alt=""
-                      slot="reference"
-                    />
-                    <img
-                      style="width: 300px; height: auto"
-                      :src="item"
-                      alt=""
-                    />
-                  </el-popover>
-                </div>
-              </div>
-              <div v-else>暂无图片</div>
-            </template>
-          </el-table-column>
-          <el-table-column prop="applyPeople" label="适用人群">
-          </el-table-column>
-          <el-table-column prop="region" label="性别要求" width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.isSex == 0">不限制</span>
-              <span v-if="scope.row.isSex == 1">男</span>
-              <span v-if="scope.row.isSex == 2">女</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="region" label="城市" width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.city">{{ scope.row.city }}</span>
-              <span v-else>不限</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="oldPrice" label="原价"> </el-table-column>
-          <el-table-column prop="price" label="现价"> </el-table-column>
-          <!-- <el-table-column prop="memberPrice" label="会员价"> </el-table-column> -->
-          <!-- <el-table-column prop="artificerPrice" label="师傅价">
-					</el-table-column> -->
-          <el-table-column prop="duration" label="时长(分钟)">
-          </el-table-column>
-          <el-table-column prop="labels" label="标签" width="200">
-          </el-table-column>
-          <el-table-column prop="sales" label="销量"> </el-table-column>
-          <el-table-column prop="content" label="详情"> </el-table-column>
-          <el-table-column prop="artificerMassageStatus" label="状态">
-            <template slot-scope="scope">
-              <el-switch
-                v-model="scope.row.artificerMassageStatus"
-                @change="
-                  change(
-                    scope.row.massageTypeId,
-                    scope.row.artificerMassageStatus
-                  )
-                "
-                :disabled="!isAuth('locality:update')"
-                :active-value="openValue1"
-                :inactive-value="closeValue1"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-              >
-              </el-switch>
-            </template>
-          </el-table-column>
-          <!-- <el-table-column prop="createTime" label="创建时间" width="160">
-					</el-table-column> -->
-          <el-table-column
-            label="操作"
-            prop="id"
-            width="100"
-            fixed="right"
-            align="center"
-          >
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="danger"
-                :disabled="!isAuth('locality:delete')"
-                @click="classListdelete(scope.row)"
-                >删除
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-dialog>
-      <!-- 添加、修改项目 -->
-      <el-dialog :title="titles" :visible.sync="dialogFormVisible9" center>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目类型：</span
-          >
-          <el-select clearable v-model="classType" style="width: 50%">
-            <el-option
-              v-for="item in fwData"
-              :key="item.id"
-              :label="item.value"
-              :value="item.id"
-            >
-            </el-option> </el-select
-          >&nbsp;&nbsp;&nbsp;
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目名称：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="massageTypeTitle"
-            type="text"
-            placeholder="请输入项目名称"
-          >
-          </el-input>
-        </div>
-        <div style="margin-bottom: 10px; display: flex">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目图片：</span
-          >
-          <div
-            style="
-              width: 148px;
-              height: 148px;
-              border: 1px dashed #c0ccda;
-              border-radius: 6px;
-              text-align: center;
-              line-height: 148px;
-            "
-          >
-            <el-upload
-              class="avatar-uploader"
-              v-model="massageImg"
-              :action="uploadUrl"
-              :show-file-list="false"
-              :on-success="handleAvatarSuccess1"
-              :on-progress="onprogress2"
-            >
-              <!-- <el-progress type="circle" :percentage="100" status="success"></el-progress> -->
-              <img
-                v-if="massageImg != ''"
-                :src="massageImg"
-                class="avatar"
-                style="border-radius: 6px; width: 148px; height: 148px"
-              />
-              <i v-else class="el-icon-plus avatar-uploader-icon iconss"></i>
-              <!-- <el-progress v-if="percentage2>0&&percentage2<100" type="circle" :percentage="percentage2">
-							</el-progress> -->
-            </el-upload>
-          </div>
-        </div>
-        <div style="margin-bottom: 10px; display: flex">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目详情图：</span
-          >
-          <div class="imgs" v-for="(item, index) in contentImg" :key="index">
-            <img width="100%" class="images" height="100%" :src="item" alt="" />
-            <span class="dels">
-              <i class="el-icon-delete" @click="clear3(index)"></i>
-            </span>
-          </div>
-          <div class="imgs" style="width: 50%">
-            <el-upload
-              :action="uploadUrl"
-              list-type="picture-card"
-              :show-file-list="false"
-              :on-success="handleUploadSuccess3"
-              :on-progress="onprogress1"
-            >
-              <el-progress
-                v-if="percentage1 > 0 && percentage1 < 100"
-                type="circle"
-                :percentage="percentage1"
-              ></el-progress>
-              <i v-else class="el-icon-plus"></i>
-            </el-upload>
-          </div>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >原价：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="oldPrice"
-            onkeyup="value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
-            type="number"
-            min="0"
-            placeholder="请输入原价"
-          ></el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >现价：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="price"
-            onkeyup="value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
-            type="number"
-            min="0"
-            placeholder="请输入现价"
-          ></el-input>
-        </div>
-        <!-- <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >会员价：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="memberPrice"
-            onkeyup="value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
-            type="number"
-            min="0"
-            placeholder="请输入会员价"
-          ></el-input>
-        </div> -->
-        <!-- <div style="margin-bottom: 10px;">
-					<span style="width: 200px;display: inline-block;text-align: right;">师傅价：</span>
-					<el-input style="width:50%;" v-model="artificerPrice"
-						onkeyup="value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" type="number" min="0"
-						placeholder="请输入师傅价"></el-input>
-				</div> -->
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目时长(分钟)：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="duration"
-            type="text"
-            placeholder="请输入项目时长(分钟)"
-          ></el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >加钟次数：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="addNum"
-            type="text"
-            placeholder="请输入加钟次数"
-          ></el-input>
-        </div>
+			<!-- <el-table-column prop="createTime" header-align="center" align="center" width="180" label="新增时间"/> -->
+			<el-table-column prop="updateTime" header-align="center" align="center" width="180" label="修改时间"/>
+			<el-table-column prop="pricingType" header-align="center" align="center" label="价格类型">
+				<template slot-scope="scope">
+					<span v-if="scope.row.pricingType == 1" class="people">固定价格</span>
+					<span v-if="scope.row.pricingType == 2" class="people">动态价格</span>
+				</template>
+			</el-table-column>
+			<el-table-column prop="travelType" header-align="center" align="center" label="出行方式">
+				<template slot-scope="scope">
+					<span v-if="scope.row.travelType == 1" class="people">免费</span>
+					<span v-if="scope.row.travelType == 2" class="people">出租</span>
+					<span v-if="scope.row.travelType == 3" class="people">公共交通</span>
+				</template>
+			</el-table-column>
+			<el-table-column prop="seasonsType" header-align="center" align="center" label="时令">
+				<template slot-scope="scope">
+					<span v-if="scope.row.seasonsType == 1" class="people">夏令时</span>
+					<span v-if="scope.row.seasonsType == 2" class="people">冬令时</span>
+				</template>
+			</el-table-column>
+			<el-table-column prop="timeIntervalType" header-align="center" align="center" label="时段">
+				<template slot-scope="scope">
+					<span v-if="scope.row.timeIntervalType == 1" class="people">白天</span>
+					<span v-if="scope.row.timeIntervalType == 2" class="people">夜间</span>
+				</template>
+			</el-table-column>
 
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >性别限制：</span
-          >
-          <el-radio-group v-model="isSex">
-            <el-radio :label="0">不限制</el-radio>
-            <el-radio :label="1">男</el-radio>
-            <el-radio :label="2">女</el-radio>
-          </el-radio-group>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >适用人群：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="applyPeople"
-            type="text"
-            placeholder="请输入适用人群"
-          ></el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >状态：</span
-          >
-          <el-radio-group v-model="massageTypeStatus">
-            <el-radio :label="1">上线</el-radio>
-            <el-radio :label="2">下线</el-radio>
-          </el-radio-group>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >服务城市：</span
-          >
-          <el-cascader
-            style="width: 45%"
-            size="large"
-            :options="options"
-            ref="cascaderAddr"
-            v-model="storeAddress"
-            :placeholder="storeAddre"
-            @change="handleChange55"
-            :value="storeAddre"
-          >
-          </el-cascader>
-          <el-button
-            type="info"
-            class="tj"
-            size="mini"
-            icon="el-icon-delete"
-            circle
-            @click="btnCs"
-          >
-          </el-button>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目标签：</span
-          >
-          <span class="bqList" v-for="(item, index) in labels1" :key="index"
-            >{{ item }}
-            <span class="delss">
-              <i class="el-icon-delete" @click="dels1(index)"></i>
-            </span>
-          </span>
-          <el-input
-            v-model="bq"
-            style="width: 200px"
-            placeholder="请输入标签"
-          ></el-input>
-          <!-- <button class="tj" @click="btnTj">添加标签</button> -->
-          <el-button
-            type="primary"
-            class="tj"
-            size="mini"
-            icon="el-icon-edit"
-            circle
-            @click="btnTj"
-          >
-          </el-button>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目内容：</span
-          >
-          <quill-editor
-            ref="myTextEditor"
-            v-model="content"
-            :options="quillOption"
-            style="
-              padding-bottom: 50px;
-              height: 300px;
-              width: 72%;
-              display: inline-table;
-              margin-bottom: 60px;
-            "
-          >
-          </quill-editor>
-          <!-- <el-input v-model="content" type="textarea" :rows="5" style="width: 50%" placeholder="请输入项目内容">
-					</el-input> -->
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目简介：</span
-          >
-          <el-input
-            v-model="jianjie"
-            type="text"
-            style="width: 50%"
-            placeholder="请输入项目简介"
-          >
-          </el-input>
-        </div>
-        <!-- 所需物料 -->
-        <!-- <div style="margin-bottom: 10px;">
-					<span style="width: 200px;display: inline-block;text-align: right;">所需物料：</span>
-				</div> -->
-        <div slot="footer" class="dialog-footer">
-          <el-button @click="dialogFormVisible9 = false">取 消</el-button>
-          <el-button type="primary" @click="refuseto1()">确 定</el-button>
-        </div>
-      </el-dialog>
-      <!-- 评价列表 -->
-      <el-dialog
-        title="评价列表"
-        :visible.sync="dialogFormVisible10"
-        center
-        width="80%"
-      >
-        <el-table v-loading="tableDataLoading" :data="pinglunData.list">
-          <el-table-column prop="id" label="编号" width="80"> </el-table-column>
-          <el-table-column prop="userName" label="评价用户" width="120">
-            <template slot-scope="scope">
-              　<span
-                style="color: #4f9dec; cursor: pointer"
-                @click="updatesvideo(scope.row)"
-                v-text="scope.row.userName"
-              ></span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="avatar" label="用户头像" width="100">
-            <template slot-scope="scope">
-              　　<img
-                v-if="scope.row.avatar && scope.row.avatar != ''"
-                :src="scope.row.avatar"
-                width="40"
-                height="40"
-              />
-              <span v-else>暂无图片</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="content" label="评价内容"> </el-table-column>
-          <el-table-column prop="score" label="评分"> </el-table-column>
-          <el-table-column prop="createTime" label="评价时间" width="180">
-          </el-table-column>
-          <el-table-column label="操作" prop="id" width="100" align="center">
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="danger"
-                :disabled="!isAuth('locality:delete')"
-                @click="pinglundelete(scope.row)"
-                >删除
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div style="text-align: center; margin-top: 10px">
-          <el-pagination
-            @size-change="handleSizeChange3"
-            @current-change="handleCurrentChange3"
-            :page-sizes="[10, 20, 30, 40]"
-            :page-size="size2"
-            :current-page="page2"
-            layout="total,sizes, prev, pager, next,jumper"
-            :total="pinglunData.totalCount"
-          >
-          </el-pagination>
-        </div>
-      </el-dialog>
-      <el-dialog title="项目列表" :visible.sync="dialogFormVisible11" center>
-        <el-table v-loading="tableDataLoading" :data="tableData4.list">
-          <el-table-column prop="massageTypeId" label="编号" width="80">
-          </el-table-column>
-          <el-table-column prop="title" label="项目名称"> </el-table-column>
-          <el-table-column prop="massageImg" label="项目图片">
-            <template slot-scope="scope">
-              　　<img
-                v-if="scope.row.massageImg && scope.row.massageImg != ''"
-                :src="scope.row.massageImg"
-                width="40"
-                height="40"
-              />
-              <span v-else>暂无图片</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="certificateImg" label="项目详情图" width="250">
-            <template slot-scope="scope">
-              <div
-                v-for="(item, index) in scope.row.contentImg"
-                :key="index"
-                style="display: inline-block; margin: 3px"
-              >
-                <el-popover placement="top-start" title="" trigger="hover">
-                  <img
-                    style="width: 50px; height: 50px"
-                    :src="item"
-                    alt=""
-                    slot="reference"
-                  />
-                  <img style="width: 300px; height: auto" :src="item" alt="" />
-                </el-popover>
-              </div>
-            </template>
-          </el-table-column>
-          <el-table-column prop="region" label="性别要求" width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.isSex == 0">不限制</span>
-              <span v-if="scope.row.isSex == 1">男</span>
-              <span v-if="scope.row.isSex == 2">女</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="applyPeople" label="适用人群">
-          </el-table-column>
-          <el-table-column prop="region" label="城市" width="100">
-            <template slot-scope="scope">
-              <span v-if="scope.row.city">{{ scope.row.city }}</span>
-              <span v-else>不限</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="oldPrice" label="原价"> </el-table-column>
-          <el-table-column prop="price" label="现价"> </el-table-column>
-          <!-- <el-table-column prop="memberPrice" label="会员价"> </el-table-column> -->
-          <!-- <el-table-column prop="artificerPrice" label="师傅价">
-					</el-table-column> -->
-          <el-table-column prop="duration" label="时长(分钟)">
-          </el-table-column>
-          <el-table-column prop="addNum" label="加钟次数"> </el-table-column>
-          <el-table-column prop="labels" label="标签" width="200">
-          </el-table-column>
-          <el-table-column prop="sales" label="销量"> </el-table-column>
-          <el-table-column prop="content" label="详情" width="300">
-          </el-table-column>
-          <el-table-column prop="status" label="状态">
-            <template slot-scope="scope">
-              <span v-if="scope.row.status == 1">上线</span>
-              <span v-if="scope.row.status == 2">下线</span>
-            </template>
-          </el-table-column>
-          <!-- <el-table-column prop="createTime" label="创建时间" width="160">
-					</el-table-column> -->
-          <el-table-column
-            label="操作"
-            prop="id"
-            width="80"
-            fixed="right"
-            align="center"
-          >
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="primary"
-                :disabled="!isAuth('locality:add')"
-                @click="classListAdd(scope.row)"
-                >添加
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div style="text-align: center; margin-top: 10px">
-          <el-pagination
-            @size-change="handleSizeChange4"
-            @current-change="handleCurrentChange4"
-            :page-sizes="[10, 20, 30, 40]"
-            :page-size="limit3"
-            :current-page="page3"
-            layout="total,sizes, prev, pager, next,jumper"
-            :total="tableData4.totalCount"
-          >
-          </el-pagination>
-        </div>
-      </el-dialog>
-      <!-- 加钟项目 -->
-      <el-dialog
-        title="加钟项目"
-        :visible.sync="dialogFormVisibleJz"
-        center
-        width="80%"
-      >
-        <div style="text-align: right; display: inline-block">
-          <el-button
-            style="margin: 10px"
-            size="mini"
-            type="primary"
-            icon="document"
-            :disabled="!isAuth('locality:add')"
-            @click="classAddJz(0)"
-            >添加
-          </el-button>
+			<!-- <el-table-column prop="freeKilometers" header-align="center" align="center" width="180" label="起步价（元）"/> -->
+			<el-table-column prop="nightTravelExpenses" header-align="center" align="center" width="180" label="夜间出行费（元）"/>
+			<el-table-column prop="pricePerKilometer" header-align="center" align="center" width="180" label="每公里价格（元）"/>
+			<el-table-column prop="fixedPrice" header-align="center" align="center" width="180" label="固定价格（元）"/>
 
-          <el-button
-            style="margin: 10px"
-            size="mini"
-            type="primary"
-            icon="document"
-            :disabled="!isAuth('locality:add')"
-            @click="getList()"
-            >项目列表
-          </el-button>
-        </div>
-        <el-table v-loading="tableDataLoadingJz" :data="tableDataJz.list">
-          <el-table-column
-            prop="massageTypeId"
-            label="编号"
-            width="80"
-            fixed="left"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="title"
-            label="项目名称"
-            fixed="left"
-            width="150"
-          >
-          </el-table-column>
-          <el-table-column prop="massageImg" label="图片">
-            <template slot-scope="scope">
-              　　<img
-                v-if="scope.row.massageImg && scope.row.massageImg != ''"
-                :src="scope.row.massageImg"
-                width="40"
-                height="40"
-              />
-              <span v-else>暂无图片</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="price" label="现价"> </el-table-column>
-          <!-- <el-table-column prop="memberPrice" label="会员价"> </el-table-column> -->
-          <!-- <el-table-column prop="artificerPrice" label="师傅价">
-					</el-table-column> -->
-          <el-table-column prop="duration" label="时长(分钟)">
-          </el-table-column>
-          <el-table-column prop="status" label="状态">
-            <template slot-scope="scope">
-              <el-switch
-                v-model="scope.row.status"
-                @change="change(scope.row.massageTypeId, scope.row.status)"
-                :disabled="!isAuth('locality:update')"
-                :active-value="openValue2"
-                :inactive-value="closeValue2"
-                active-color="#13ce66"
-                inactive-color="#ff4949"
-              >
-              </el-switch>
-            </template>
-          </el-table-column>
-          <!-- <el-table-column prop="createTime" label="创建时间" width="160">
-					</el-table-column> -->
-          <el-table-column label="操作" prop="id" width="170" fixed="right">
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="primary"
-                style="margin: 5px"
-                :disabled="!isAuth('locality:update')"
-                @click="classAddJz(scope.row)"
-                >修改
-              </el-button>
-              <el-button
-                size="mini"
-                type="danger"
-                style="margin: 5px"
-                :disabled="!isAuth('locality:delete')"
-                @click="classdeleteJz(scope.row)"
-                >删除
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <div style="text-align: center; margin-top: 10px">
-          <el-pagination
-            @size-change="handleSizeChangeJz"
-            @current-change="handleCurrentChangeJz"
-            :page-sizes="[10, 20, 30, 40]"
-            :page-size="limit"
-            :current-page="page"
-            layout="total,sizes, prev, pager, next,jumper"
-            :total="tableDataJz.totalCount"
-          >
-          </el-pagination>
-        </div>
-      </el-dialog>
-      <!-- 添加、修改加钟项目 -->
-      <el-dialog :title="titles" :visible.sync="dialogFormVisibleJzA" center>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目类型：</span
-          >
-          <el-select clearable v-model="classType" style="width: 50%">
-            <el-option
-              v-for="item in fwData"
-              :key="item.id"
-              :label="item.value"
-              :value="item.id"
-            >
-            </el-option> </el-select
-          >&nbsp;&nbsp;&nbsp;
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目名称：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="massageTypeTitle"
-            type="text"
-            placeholder="请输入项目名称"
-          >
-          </el-input>
-        </div>
-        <div style="margin-bottom: 10px; display: flex">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目图片：</span
-          >
-          <div
-            style="
-              width: 148px;
-              height: 148px;
-              border: 1px dashed #c0ccda;
-              border-radius: 6px;
-              text-align: center;
-              line-height: 148px;
-            "
-          >
-            <el-upload
-              class="avatar-uploader"
-              v-model="massageImg"
-              :action="uploadUrl"
-              :show-file-list="false"
-              :on-success="handleAvatarSuccess1"
-              :on-progress="onprogress2"
-            >
-              <!-- <el-progress type="circle" :percentage="100" status="success"></el-progress> -->
-              <img
-                v-if="massageImg != ''"
-                :src="massageImg"
-                class="avatar"
-                style="border-radius: 6px; width: 148px; height: 148px"
-              />
-              <i v-else class="el-icon-plus avatar-uploader-icon iconss"></i>
-              <!-- <el-progress v-if="percentage2>0&&percentage2<100" type="circle" :percentage="percentage2">
-							</el-progress> -->
-            </el-upload>
-          </div>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >现价：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="price"
-            onkeyup="value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
-            type="number"
-            min="0"
-            placeholder="请输入现价"
-          ></el-input>
-        </div>
-        <!-- <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >会员价：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="memberPrice"
-            onkeyup="value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
-            type="number"
-            min="0"
-            placeholder="请输入会员价"
-          ></el-input>
-        </div> -->
-        <!-- <div style="margin-bottom: 10px;">
-					<span style="width: 200px;display: inline-block;text-align: right;">师傅价：</span>
-					<el-input style="width:50%;" v-model="artificerPrice"
-						onkeyup="value=value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')" type="number" min="0"
-						placeholder="请输入师傅价"></el-input>
-				</div> -->
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >项目时长(分钟)：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="duration"
-            type="text"
-            placeholder="请输入项目时长(分钟)"
-          ></el-input>
-        </div>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >状态：</span
-          >
-          <el-radio-group v-model="massageTypeStatus">
-            <el-radio :label="1">上线</el-radio>
-            <el-radio :label="2">下线</el-radio>
-          </el-radio-group>
-        </div>
-        <div slot="footer" class="dialog-footer">
-          <el-button @click="dialogFormVisibleJzA = false">取 消</el-button>
-          <el-button type="primary" @click="refusetoJz()">确 定</el-button>
-        </div>
-      </el-dialog>
-      <!-- 信用分明细 -->
-      <el-dialog title="信用分明细" :visible.sync="dialogFormVisibleXyf" center>
-        <el-table v-loading="tableDataLoadingXyf" :data="tableDataXyf.list">
-          <el-table-column prop="id" label="编号" width="80"> </el-table-column>
-          <!-- <el-table-column prop="userName" label="投诉的用户" width="100">
-						<template slot-scope="scope">
-							<span style="color: #4f9dec;cursor: pointer;" @click="updatesvideo(scope.row)">
-								{{ scope.row.userName?scope.row.userName:'未绑定'}}
-							</span>
-						</template>
-					</el-table-column> -->
-          <el-table-column prop="title" label="标题" width="150">
-          </el-table-column>
-          <el-table-column prop="content" label="内容"> </el-table-column>
-          <!-- <el-table-column prop="image" label="图片" width="150">
-						<template slot-scope="scope">
-							<div v-if="scope.row.image">
-								<div v-for="(item,index) in scope.row.image.split(',')" :key="index"
-									style="display: inline-block; margin: 3px;">
-									<el-popover placement="top-start" title="" trigger="hover">
-										<img style="width: 50px; height: 50px" :src="item" alt="" slot="reference">
-										<img style="width: 300px; height: auto" :src="item" alt="">
-									</el-popover>
-								</div>
-							</div>
-						</template>
-					</el-table-column> -->
-          <!-- <el-table-column prop="createAt" label="创建时间" width="100"></el-table-column> -->
-        </el-table>
-        <div style="text-align: center; margin-top: 10px">
-          <el-pagination
-            @size-change="handleSizeChangeXyf"
-            @current-change="handleCurrentChangeXyf"
-            :page-sizes="[10, 20, 30, 40]"
-            :page-size="size1"
-            :current-page="page1"
-            layout="total,sizes, prev, pager, next,jumper"
-            :total="tableDataXyf.totalCount"
-          >
-          </el-pagination>
-        </div>
-      </el-dialog>
-      <!-- 修改销量 -->
-      <el-dialog title="修改销量" :visible.sync="dialogFormVisibleBz" center>
-        <div style="margin-bottom: 10px">
-          <span style="width: 200px; display: inline-block; text-align: right"
-            >销量：</span
-          >
-          <el-input
-            style="width: 50%"
-            v-model="content"
-            type="number"
-            min="0"
-            placeholder="请输入销量"
-          >
-          </el-input>
-        </div>
-        <div slot="footer" class="dialog-footer">
-          <el-button @click="dialogFormVisibleBz = false">取 消</el-button>
-          <el-button type="primary" @click="replyNoticeTo()">确 定</el-button>
-        </div>
-      </el-dialog>
-    </el-tabs>
-    <el-dialog
-      title="物料包列表"
-      :visible.sync="showMaterialPackageTable"
-      center
-    >
-      <div style="display: flex; align-items: center">
-        <div style="position: relative; display: inline-block">
-          <span>项目名称：</span>
-          <el-input
-            style="width: 150px"
-            @keydown.enter.native="phoneSelect1"
-            placeholder="请输入项目名称"
-            v-model="projectName"
-          >
-          </el-input
-          >&nbsp;&nbsp;
-        </div>
-        <div
-          style="display: flex; justify-content: center; align-items: center"
-        >
-          <el-button
-            style="margin-left: 10px"
-            size="mini"
-            type="primary"
-            icon="document"
-            @click="searchDataList"
-            >查询
-          </el-button>
-          <el-button
-            style="margin-left: 10px"
-            size="mini"
-            type="primary"
-            icon="document"
-            @click="resetSearch"
-            >重置
-          </el-button>
-          <el-button
-            style="margin-left: 10px"
-            size="mini"
-            type="primary"
-            icon="document"
-            @click="add"
-            >新增
-          </el-button>
-        </div>
-      </div>
-      <el-table
-        v-loading="materialPackageTableDataLoading"
-        :data="materialPackageTable.records"
-      >
-        <el-table-column prop="id" label="编号" width="80" fixed="left">
-        </el-table-column>
-        <el-table-column prop="materialName" label="物料包名称" fixed="left">
-        </el-table-column>
-        <el-table-column prop="materialMinimum" label="最低数量">
-        </el-table-column>
-        <el-table-column prop="consume" label="消耗数量">
-          <!-- <template slot-scope="scope">
 
-						<el-input v-if="isShow[scope.$index]" type="number" size="mini"
-							v-model.trim="scope.row.consumeNum" />
+			<el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
+				<template slot-scope="scope">
+					<el-button v-if="isAuth('travelConf:main:update')" type="text" size="small" @click="addOrUpdateHandle(1,scope.row.id,scope.row.parentId)">修改</el-button>
+					<!-- <el-button v-if="isAuth('travelConf:main:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button> -->
+				</template>
+			</el-table-column>
+		</el-table>
+		<el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper"/>
+		<!-- 弹窗, 新增 / 修改 -->
+		<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"/>
 
-						<span v-if="!isShow[scope.$index]">{{ scope.row.consume }}</span>
-					</template> -->
-        </el-table-column>
-        <!-- <el-table-column prop="detail" label="备注">
-				</el-table-column> -->
-        <el-table-column label="操作" prop="id" width="340" fixed="right">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="primary"
-              style="margin: 5px"
-              :disabled="!isAuth('locality:update')"
-              @click="editConsume(scope.row)"
-              >修改
-            </el-button>
-            <el-button
-              size="mini"
-              type="danger"
-              style="margin: 5px"
-              :disabled="!isAuth('locality:update')"
-              @click="delMaterialPackage(scope.row)"
-              >删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div style="text-align: center; margin-top: 10px">
-        <el-pagination
-          @size-change="sizeChangeFun"
-          @current-change="currentChangeFun"
-          :page-sizes="[10, 20, 30, 40]"
-          :page-size="sizeInner"
-          :current-page="currentPageInner"
-          layout="total,sizes, prev, pager, next,jumper"
-          :total="materialPackageTable.total"
-        >
-        </el-pagination>
-      </div>
-    </el-dialog>
-
-    <!-- 新增消耗数量 -->
-    <el-dialog title="新增消耗数量" :visible.sync="isShowAddConsume" center>
-      <div style="margin-bottom: 10px">
-        <span style="width: 200px; display: inline-block; text-align: right"
-          >消耗数量：</span
-        >
-        <el-input
-          style="width: 50%"
-          v-model="addConsume"
-          type="number"
-          min="0"
-          placeholder="请输入消耗数量"
-        >
-        </el-input>
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="isShowAddConsume = false">取 消</el-button>
-        <el-button type="primary" @click="addConsumeSubmit()"
-          >新增并添加</el-button
-        >
-      </div>
-    </el-dialog>
-    <!-- 修改消耗数量 -->
-    <el-dialog title="修改消耗数量" :visible.sync="isShowConsume" center>
-      <div style="margin-bottom: 10px">
-        <span style="width: 200px; display: inline-block; text-align: right"
-          >消耗数量：</span
-        >
-        <el-input
-          style="width: 50%"
-          v-model="consume"
-          type="number"
-          min="0"
-          placeholder="请输入消耗数量"
-        >
-        </el-input>
-      </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="isShowConsume = false">取 消</el-button>
-        <el-button type="primary" @click="editConsumeSubmit()">确 定</el-button>
-      </div>
-    </el-dialog>
-
-    <el-dialog title="物料包列表" :visible.sync="isShowMaterial" center>
-      <div style="display: flex; align-items: center">
-        <div style="position: relative; display: inline-block; margin: 5px">
-          <span>物料包类型：</span>
-          <el-select
-            clearable
-            v-model="projectTypeInner"
-            style="width: 150px; margin-left: 10px"
-          >
-            <el-option
-              v-for="item in materialPackageType"
-              :key="item.id"
-              :label="item.value"
-              :value="item.id"
-            >
-            </el-option> </el-select
-          >&nbsp;&nbsp;
-        </div>
-        <div style="position: relative; display: inline-block">
-          <span>项目名称：</span>
-          <el-input
-            style="width: 150px"
-            @keydown.enter.native="phoneSelect1"
-            placeholder="请输入项目名称"
-            v-model="projectNameInner"
-          >
-          </el-input
-          >&nbsp;&nbsp;
-        </div>
-        <div
-          style="display: flex; justify-content: center; align-items: center"
-        >
-          <el-button
-            style="margin-left: 10px"
-            size="mini"
-            type="primary"
-            icon="document"
-            @click="searchResult"
-            >查询
-          </el-button>
-          <el-button
-            style="margin-left: 10px"
-            size="mini"
-            type="primary"
-            icon="document"
-            @click="resetSearchResult"
-            >重置 </el-button
-          >&nbsp;&nbsp;
-        </div>
-      </div>
-      <el-table
-        v-loading="materialTableLoading"
-        :data="materialTableDataList.records"
-      >
-        <el-table-column prop="id" label="编号" width="80" fixed="left">
-        </el-table-column>
-        <el-table-column prop="projectType" label="项目类型" fixed="left">
-            <template slot-scope="scope">
-              {{getDictLabel(scope.row.status)}}
-            </template>
-        </el-table-column>
-        <el-table-column prop="materialName" label="物料包名称" fixed="left">
-        </el-table-column>
-        <el-table-column prop="materialMinimum" label="最低数量">
-        </el-table-column>
-        <el-table-column prop="detail" label="备注"> </el-table-column>
-        <el-table-column label="操作" prop="id" width="250" fixed="right">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="primary"
-              style="margin: 5px"
-              :disabled="!isAuth('locality:update')"
-              @click="addPackage(scope.row)"
-              >添加
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div style="text-align: center; margin-top: 10px">
-        <el-pagination
-          @size-change="sizeChangeInnerFun"
-          @current-change="currentChangeInnerFun"
-          :page-sizes="[10, 20, 30, 40]"
-          :page-size="pageSizeInner"
-          :current-page="currentInnerPage"
-          layout="total,sizes, prev, pager, next,jumper"
-          :total="materialTableDataList.total"
-        >
-        </el-pagination>
-      </div>
-    </el-dialog>
-    <!-- 项目列表弹框 -->
-    <el-dialog title="加钟项目列表" :visible.sync="Listframe" width="80%">
-      <div style="position: relative; display: inline-block">
-        <span>项目名称：</span>
-        <el-input
-          style="width: 200px"
-          placeholder="请输入项目名称"
-          v-model="clockTitle"
-        >
-        </el-input
-        >&nbsp;&nbsp;
-      </div>
-      <el-button
-        style="margin: 10px"
-        size="mini"
-        type="primary"
-        icon="document"
-        @click="clockQuery"
-        >查询
-      </el-button>
-      <el-button
-        style="margin: 10px"
-        size="mini"
-        type="primary"
-        icon="document"
-        @click="clockReset"
-        >重置
-      </el-button>
-
-      <el-table :data="clockData.list" style="width: 100%">
-        <el-table-column prop="title" label="项目名称" width="180">
-        </el-table-column>
-        <el-table-column prop="massageImg" label="图片">
-          <template slot-scope="scope">
-            　　<img
-              v-if="scope.row.massageImg && scope.row.massageImg != ''"
-              :src="scope.row.massageImg"
-              width="40"
-              height="40"
-            />
-            <span v-else>暂无图片</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="duration" label="时长(分钟)"> </el-table-column>
-        <el-table-column prop="price" label="现价"> </el-table-column>
-        <!-- <el-table-column prop="memberPrice" label="会员价"> </el-table-column> -->
-        <el-table-column label="操作" prop="id" width="160" fixed="right">
-          <template slot-scope="scope">
-            <el-button
-              style="margin: 10px 0"
-              size="mini"
-              type="primary"
-              icon="document"
-              @click="addList(scope.row)"
-              >添加
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-      <div style="text-align: center; margin-top: 10px">
-        <el-pagination
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-          :page-size="childLimit"
-          :current-page="childPage"
-          layout="total, prev, pager, next,jumper"
-          :total="clockData.totalCount"
-        >
-        </el-pagination>
-      </div>
-    </el-dialog>
-  </div>
+	</div>
 </template>
 
 <script>
-import { quillEditor } from "vue-quill-editor";
-import "quill/dist/quill.core.css";
-import "quill/dist/quill.snow.css";
-import "quill/dist/quill.bubble.css";
-import axios from "axios";
-import { jsonp } from "vue-jsonp";
-import { serverPaths } from '@/utils/enumData'
-import {
-  provinceAndCityData,
-  regionData,
-  provinceAndCityDataPlus,
-  regionDataPlus,
-  CodeToText,
-  TextToCode,
-} from "element-china-area-data";
-var cityOptions = [];
-var geocoder,
-  map,
-  markersArray = [];
-export default {
-  components: {
-    quillEditor,
-  },
-  data() {
-    return {
-	  uploadUrl: serverPaths.uploadUrl,
-	  uploadWatermarkUrl: serverPaths.uploadWatermarkUrl,
-      clockData: [], //加钟项目列表数据
-      clockTitle: "", //加钟项目名称
-      isShowAddConsume: false,
-      addConsume: "",
-      isShowConsume: false,
-      consume: "",
-      projectTypeInner: "",
-      projectNameInner: "",
-      currentInnerPage: 1,
-      pageSizeInner: 10,
-      materialTableLoading: true,
-      materialTableDataList: [],
-      sizeInner: 10,
-      currentPageInner: 1,
-      serverId: "",
-      userId: "",
-      isShow: [],
-      consumeNum: 0,
-      materialPackageselect: "",
-      materialPackageType: [],
-      childClassifyId: "",
-      projectName: "",
-      dialogWidth: 0,
-      size: 10,
-      page: 1,
-      size1: 10,
-      page1: 1,
-      size2: 10,
-      page2: 1,
-      page3: 1,
-      limit3: 10,
-      state: "",
-      childLimit: 5,
-      childPage: 1,
-      limit: 10,
-      classify: 6,
-      classifys: 6,
-      openValue: 1,
-      closeValue: 2,
-      openValue1: 0,
-      closeValue1: 1,
-      openValue2: 1,
-      closeValue2: 2,
-      title: "",
-      type: "",
-      name: "",
-      keyword: "",
-      describes: "",
-      checkBoxData: [], //多选框选择的值
-      method: "false",
-      formLabelWidth: "200px",
-      activeName: "third",
-      tableDataLoading: true,
-      tableDataLoading1: false,
-      tableDataLoading4: false,
-      dialogFormVisible3: false,
-      dialogFormVisible1: false,
-      dialogFormVisible2: false,
-      dialogFormVisible5: false,
-      dialogFormVisible6: false,
-      dialogFormVisible7: false,
-      dialogFormVisible8: false,
-      dialogFormVisible9: false,
-      dialogFormVisible10: false,
-      dialogFormVisible11: false,
-      homeData: [],
-      homeData1: [
-        {
-          massageTypeId: 0,
-          title: "全部",
-        },
-      ],
-      classify: 2,
-      classifyList: [
-        // {
-        // 	id: '',
-        // 	name: '全部'
-        // },
-        // {
-        // 	id: 1,
-        // 	name: '线上'
-        // },
-        {
-          id: 2,
-          name: "线下",
-        },
-      ],
-      choicenData: [],
-      pinglunData: {},
-      renwuId: "",
-      url: "",
-      imageUrl: "",
-      id: "",
-      userId: "",
-      artificerName: "",
-      myPhone: "",
-      massageTypeId: "",
-      statusId: "",
-      statuss: [
-        {
-          id: "",
-          title: "全部",
-        },
-        {
-          id: 0,
-          title: "服务中",
-        },
-        {
-          id: 1,
-          title: "待审核",
-        },
-        {
-          id: 2,
-          title: "已下架",
-        },
-        {
-          id: 3,
-          title: "拒绝",
-        },
-      ],
-      // 项目列表
-      Listframe: false,
-      // 发布信息
-      myLevel: "", //标题
-      orderLevel: "", //接单段位
-      userIdss: "", //用户id
-      orderTakingArea: "", //接单大区
-      homepageImg: "", //封面图
-      headImg: "", //主页图
-      percentage: 0, //进度条
-      percentage2: 0, //进度条
-      voiceIntroduce: "", //语音介绍
-      gameId: "", //项目id
-      oldMoney: "", //发布价格
-      money: "", //普通用户价格
-      orderLevel: "", //经验
-      memberMoney: "", //会员价格
-      latitude: "", //纬度
-      longitude: "", //经度
-      city: "", //市
-      orderTakingTime: "",
-      status: "", //状态0待审核  1上架  2下架 3驳回 (修改添加不传)
-      region: "", //最低项目时间
-      unit: "小时",
-      phone: "", //电话
-      phone1: "",
-      pickeroptions: {
-        selectableRange: "00:00:01 - 23:59:59",
-      },
-      value1: "",
-      value2: "",
-
-      options: provinceAndCityData,
-      storeAddress: [],
-      storeAddre: "请选择城市",
-      province: "", //省
-      district: "", //区
-      ids: "", //信息id
-      nickName: "",
-      nickName1: "",
-      nickName2: "",
-      userIds: {}, //用户列表
-      bq: "", //输入的标签名
-      missions: 0,
-      shenheId: 0, //审核id
-      contents: "", //驳回理由
-      dialogVisible: false,
-      radio: 0,
-      multipleSelection: [],
-      campus: "",
-      campus1: "",
-      campusName: "",
-      homeData2: [],
-      quillOption: {},
-      statusIdd: 1,
-      tableData: {},
-      tableData3: [],
-      tableData4: {},
-      titles: "添加项目项目",
-      renwuTitles: "添加任务",
-      gameName: "",
-      gameIds: "",
-      gameImg: "",
-      gameStatus: "",
-      checkList: [], //多选 选中集合
-      detailsImg: [], //轮播图
-      certificateImg: [], //资格证书
-      workImg: [], //工作照片
-      hideUpload: false,
-      percentage1: 0,
-      authentication: 1,
-      // 师傅分类参数
-      labels1: [], //标签集合
-      bq: "", //输入的标签名
-      artificerPrice: "", //师傅价格
-      city: "", //师傅城市
-      content: "", //内容
-      contentImg: [], //详情图
-      duration: "", //时长
-      addNum: "", //加钟次数
-      isSex: "", //师傅性别
-      applyPeople: "", //适用人群
-      labels: "", //标签
-      massageImg: "", //图片
-      massageTypeId: "", //师傅分类Id
-      // memberPrice: "", //会员价
-      oldPrice: "", //原价
-      price: "", //现价
-      sales: "", //销量
-      massageTypeStatus: "", //师傅分类状态
-      massageTypeTitle: "", //标题
-      citys: "",
-      artificerId: "",
-      userId1: "",
-      classTypeList: [],
-      // 加钟项目
-      dialogFormVisibleJz: false,
-      fwData: [],
-      classifyId: "",
-      classType: "",
-      parentId: "",
-      tableDataJz: {},
-      tableDataLoadingJz: false,
-      dialogFormVisibleJzA: false,
-      pageJ: 1,
-      limitJ: 10,
-      dialogFormVisibleXyf: false,
-      tableDataLoadingXyf: false,
-      tableDataXyf: {},
-      dialogFormVisibleBz: false,
-      ordersId: "",
-      content: "",
-      serveTime: "",
-      jianjie: "",
-      needsMaterialPackage: "",
-      needsMaterialPackageOptions: [],
-      showMaterialPackageTable: false,
-      materialPackageTableDataLoading: false,
-      materialPackageTable: [],
-      projectTypeStr: "",
-      isShowMaterial: false,
-      consumeId: "",
-      materialId: "",
-      materialPackageClassifyId: "",
-      getMaterialPackageDataOfRow: {},
-    };
-  },
-  methods: {
-    //翻译字典（手动）
-    getDictLabel(val){
-      var list = this.materialPackageType;
-      var labelText = "";
-      for(var i=0;i<list.length;i++){
-        if(val==list[i].id){
-          labelText = list[i].value;
-          break;
-        }
-      }
-      return labelText;
-    },
-    //获取字典信息
-		getDictOptions() {
-			this.$http({
-				url: this.$http.adornUrl('sys/dict/list'),
-				method: 'get',
-				params: this.$http.adornParams({
-					'page': 1,
-					'limit': 100,
-					'parentId': 22,
-				})
-			}).then(({ data }) => {
-				console.log(`🚀 ~ getDictOptions ~ data:`, data)
-				if (data && data.code === 0) {
-					this.materialPackageType = data.page.list;
-				}
-			})
+	import AddOrUpdate from './add-or-update'
+	export default {
+		data() {
+			return {
+				dataForm: {
+					name: ''
+				},
+				dataList: [],
+				dataListEr:{},
+				pageIndex: 1,
+				pageSize: 10,
+				totalPage: 0,
+				dataListLoading: false,
+				dataListLoadingEr:false,
+				dataListSelections: [],
+				addOrUpdateVisible: false,
+				dialogFormVisible:false,
+				parentId:0
+			}
 		},
-    // 加钟项目查询
-    clockQuery() {
-      this.page = 1;
-      this.selectMassageTypeChildrenPage();
-    },
-    // 加钟项目重置
-    clockReset() {
-      this.clockTitle = "";
-      this.selectMassageTypeChildrenPage();
-    },
-    // 加钟项目列表添加进行赋值，打开添加弹窗
-    addList(row) {
-      console.log("row", row);
-      this.titles = "添加加钟项目";
-      this.massageTypeTitle = row.title;
-      this.massageTypeStatus = row.status;
-      this.sales = row.sales;
-      this.price = row.price;
-      this.oldPrice = row.oldPrice;
-      this.memberPrice = row.memberPrice;
-      this.artificerPrice = row.artificerPrice;
-      this.massageTypeId = row.massageTypeId;
-      this.massageImg = row.massageImg;
-      // this.isSex = row.isSex
-      this.duration = row.duration;
-      this.contentImg = row.contentImg;
-      this.content = row.content;
-      this.city = row.city;
-      this.labels1 = row.labels.split(",");
-      this.storeAddre = this.city;
-      this.classType = row.classifyId;
-      this.jianjie = row.jianjie;
-      this.Listframe = false;
-      this.dialogFormVisibleJzA = true;
-      this.classSelectJz();
-    },
-    // 获取加钟项目列表
-    getList() {
-      this.selectMassageTypeChildrenPage();
-      this.Listframe = true;
-    },
-
-    addConsumeSubmit() {
-      if (!this.addConsume) {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "消耗数量不能为空",
-          type: "warning",
-        });
-        return;
-      }
-      this.isShowMaterial = false;
-      this.$http({
-        url: this.$http.adornUrl("material/materialMassageInsert"),
-        method: "post",
-        data: this.$http.adornData({
-          consume: this.addConsume,
-          createUser: this.userId,
-          updateUser: this.userId,
-          materialId: this.materialId,
-          massageTypeId: this.serverId,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.isShowAddConsume = false;
-          this.isShowMaterial = false;
-          this.$message({
-            message: "添加成功",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.getMaterialPackageDataList();
-              this.addConsume = "";
-            },
-          });
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "warning",
-            duration: 1500,
-            onClose: () => {},
-          });
-        }
-        this.addConsume = "";
-      });
-    },
-    editConsumeSubmit() {
-      this.$http({
-        url: this.$http.adornUrl("material/materialMassageUpdata"),
-        method: "post",
-        data: this.$http.adornData({
-          updateUser: this.userId,
-          consume: this.consume,
-          id: this.consumeId,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.isShowConsume = false;
-          this.$message({
-            message: "修改成功",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.getMaterialPackageDataList();
-            },
-          });
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "warning",
-            duration: 1500,
-            onClose: () => {},
-          });
-        }
-      });
-    },
-    editConsume(row) {
-      this.isShowConsume = true;
-      this.consume = row.consume;
-      this.consumeId = row.id;
-    },
-    addPackage(row) {
-      console.log(row, "12d2d2;");
-      this.isShowAddConsume = true;
-      this.materialId = row.id;
-    },
-    searchResult() {
-      this.getMaterialTableDataList();
-    },
-    resetSearchResult() {
-      this.projectTypeInner = "";
-      this.projectNameInner = "";
-    },
-    sizeChangeInnerFun(e) {
-      this.pageSizeInner = e;
-      this.getMaterialTableDataList();
-    },
-    currentChangeInnerFun(e) {
-      this.currentInnerPage = e;
-      this.getMaterialTableDataList();
-    },
-    add() {
-      this.isShowMaterial = true;
-      this.getMaterialTableDataList();
-    },
-    getMaterialTableDataList() {
-      this.$http({
-        url: this.$http.adornUrl("material/list"),
-        method: "get",
-        params: this.$http.adornParams({
-          page: this.currentInnerPage,
-          limit: this.pageSizeInner,
-          // status: this.materialPackageClassifyId == 91 ? 2 : 1,
-          status: this.materialPackageClassifyId,
-          materialName: this.projectNameInner,
-        }),
-      }).then(({ data }) => {
-        console.log("12332hhhh", data);
-        if (data.code == 0) {
-          this.materialTableLoading = false;
-          let returnData = data.data;
-          // for (var i in returnData.records) {
-          //   if (returnData.records[i].status == 1) {
-          //     returnData.records[i].projectType = "中医推拿";
-          //   } else {
-          //     returnData.records[i].projectType = "精油SPA";
-          //   }
-          // }
-          this.materialTableDataList = returnData;
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-    delMaterialPackage(row) {
-      console.log(row);
-      this.$http({
-        url: this.$http.adornUrl("material/materialMassageDelete"),
-        method: "post",
-        data: this.$http.adornData({
-          id: row.id,
-        }),
-      }).then(({ data }) => {
-        if (data.code === 0) {
-          this.$message({
-            message: "删除成功",
-            type: "success",
-            onClose: () => {
-              this.getMaterialPackageDataList();
-            },
-          });
-          this.getMaterialPackageDataList();
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "error",
-          });
-        }
-      });
-    },
-    sizeChangeFun(e) {
-      this.sizeInner = e;
-      this.getMaterialPackageDataList();
-    },
-    currentChangeFun(e) {
-      this.currentPageInner = e;
-      this.getMaterialPackageDataList();
-    },
-    //查看照片
-    refund(e) {
-      console.log(e);
-      this.imageUrl = [];
-      if (e.img != null) {
-        let img = e.img.split(",");
-        if (img.length != 0) {
-          this.imageUrl = img;
-        }
-      }
-      this.dialogVisible = true;
-    },
-    // 多选
-    changeFun(val) {
-      this.checkBoxData = val;
-    },
-    handleSizeChange(val) {
-      this.limit = val;
-      this.classSelect();
-    },
-    handleCurrentChange(val) {
-      this.page = val;
-      this.classSelect();
-    },
-    handleSizeChange1(val) {
-      this.limit = val;
-      this.InformationSelect();
-    },
-    handleCurrentChange1(val) {
-      this.page = val;
-      this.InformationSelect();
-    },
-    handleSizeChange2(val) {
-      this.size1 = val;
-      this.tableDataLoading4 = true;
-      this.userClass();
-    },
-    handleCurrentChange2(val) {
-      this.page1 = val;
-      this.tableDataLoading4 = true;
-      this.userClass();
-    },
-    handleSizeChange3(val) {
-      this.size2 = val;
-      this.pinglunSelect(this.renwuId);
-    },
-    handleCurrentChange3(val) {
-      this.page2 = val;
-      this.pinglunSelect(this.renwuId);
-    },
-    handleSizeChange4(val) {
-      this.size3 = val;
-      this.pinglunSelect(this.renwuId);
-    },
-    handleCurrentChange4(val) {
-      this.page3 = val;
-      this.pinglunSelect(this.renwuId);
-    },
-    handleSizeChangeJz(val) {
-      this.limitJ = val;
-      this.classSelectJz();
-    },
-    handleCurrentChangeJz(val) {
-      this.pageJ = val;
-      this.classSelectJz();
-    },
-    handleSizeChangeXyf(val) {
-      this.size1 = val;
-      this.xinyongSelect(this.artificerId);
-    },
-    handleCurrentChangeXyf(val) {
-      this.page1 = val;
-      this.xinyongSelect(this.artificerId);
-    },
-    handleClick(tab, event) {
-      this.campus = "";
-      this.campus1 = "";
-      this.citys = "";
-      this.page = 1;
-      if (tab._props.label == "师傅列表") {
-        this.authentication = 1;
-        this.type = 2;
-        this.InformationSelect();
-      }
-
-      if (tab._props.label == "项目列表") {
-        this.classSelect();
-      }
-    },
-
-    //添加精选商品
-    choiaddNotice() {
-      this.campus = "";
-      this.campus1 = "";
-      this.renwuTitles = "添加任务";
-      this.dialogFormVisible5 = true;
-      this.percentage = 0;
-      this.gameId = "";
-      this.myLevel = "";
-      this.orderTakingTime = "";
-      this.value1 = "";
-      this.value2 = "";
-      this.orderLevel = "";
-      this.orderTakingArea = "";
-      this.headImg = "";
-      this.oldMoney = "";
-      this.money = "";
-      this.orderLevel = "";
-      this.memberMoney = "";
-      this.region = "";
-      this.describes = "";
-      this.unit = "小时";
-      this.latitude = "";
-      this.longitude = "";
-      this.voiceIntroduce = "";
-      this.userIdss = "";
-      this.city = "";
-      this.nickName1 = "";
-      this.nickName2 = "";
-      this.phone = "";
-      this.jianjie = "";
-      this.checkList = [];
-      this.getMyLocation();
-      console.log("this.homepageImg", this.homepageImg);
-    },
-    // 查询
-    phoneSelect() {
-      this.page = 1;
-      this.InformationSelect();
-    },
-    // 重置
-    cleans2() {
-      this.status = "";
-      this.statusId = "";
-      this.artificerName = "";
-      this.massageTypeId = "";
-      this.classifyIds = "";
-      this.citys = "";
-      this.classifyId = "";
-      this.page = 1;
-      console.log("this.phone", this.myPhone);
-      this.InformationSelect();
-    },
-    // 查询
-    phoneSelect1() {
-      this.page = 1;
-      this.classSelect();
-    },
-    // 重置
-    cleans3() {
-      this.citys = "";
-      this.title = "";
-      this.classifyId = "";
-      this.page = 1;
-      this.classSelect();
-    },
-    // 获取项目项目启用列表
-    homeSelect() {
-      this.tableDataLoading = true;
-      this.$http({
-        url: this.$http.adornUrl(`artificer/selectMassageTypeList`),
-        method: "get",
-        params: this.$http.adornParams({
-          status: 0,
-        }),
-      }).then(({ data }) => {
-        this.tableDataLoading = false;
-        let returnData = data.data;
-        this.homeData1 = [
-          {
-            massageTypeId: "",
-            title: "全部",
-          },
-        ];
-        if (data.data.length > 0) {
-          for (var i in data.data) {
-            this.homeData1.push(data.data[i]);
-            data.data[i].state = Number(data.data[i].state);
-          }
-        }
-        this.homeData = data.data;
-      });
-    },
-    // 信息数据
-    InformationSelect() {
-      this.userId = this.$store.state.user.id;
-      var massageTypeId = "";
-      if (this.massageTypeId != "") {
-        massageTypeId = this.massageTypeId;
-      }
-      this.$http({
-        url: this.$http.adornUrl(`artificer/selectArtificerList`),
-        method: "get",
-        params: this.$http.adornParams({
-          page: this.page,
-          limit: this.limit,
-          artificerName: this.artificerName,
-          massageTypeId: this.massageTypeId,
-          longitude: "",
-          latitude: "",
-          city: this.citys,
-          classifyId: this.classifyId,
-        }),
-      }).then(({ data }) => {
-        this.tableDataLoading = false;
-        let returnData = data.data;
-        this.choicenData = returnData;
-        for (var i in this.choicenData.list) {
-          if (this.choicenData.list[i].lifePhoto) {
-            this.choicenData.list[i].lifePhoto =
-              this.choicenData.list[i].lifePhoto.split(",");
-          }
-          if (this.choicenData.list[i].certificate) {
-            this.choicenData.list[i].certificate =
-              this.choicenData.list[i].certificate.split(",");
-          }
-        }
-      });
-    },
-    // 封面图片上传
-    handleAvatarSuccess5(file) {
-      this.headImg = file.data;
-    },
-    onprogress(event, file, fileList) {
-      console.log("event, file, fileList", parseInt(event.percent));
-      this.percentage = parseInt(event.percent);
-    },
-    // 封面图片上传
-    handleAvatarSuccess1(file) {
-      this.massageImg = file.data;
-    },
-    onprogress2(event, file, fileList) {
-      console.log("event, file, fileList", parseInt(event.percent));
-      this.percentage2 = parseInt(event.percent);
-    },
-    // 详情图片上传
-    handleRemove(file) {
-      console.log(file, voiceIntroduce);
-      this.voiceIntroduce = "";
-    },
-    handleSuccess(file) {
-      console.log(file);
-      this.voiceIntroduce = file.data;
-      console.log(file.data, this.voiceIntroduce);
-      this.tableDataLoading4 = false;
-    },
-    handlePreview(file) {
-      this.tableDataLoading4 = true;
-    },
-    // 验证只能上传音频
-    beforeAvatarUpload(file) {
-      var testmsg = file.name.substring(file.name.lastIndexOf(".") + 1);
-      const extension = testmsg === "mp3";
-      if (!extension) {
-        this.$message({
-          message: "上传文件只能是mp3格式！",
-          type: "error",
-        });
-      }
-      return extension;
-    },
-    // 删除详情图
-    dels(index) {
-      this.img.splice(index, 1);
-      console.log(this.img);
-    },
-    // 获取分类id
-    onChang(e) {
-      console.log(e);
-      this.gameId = e.toString();
-      this.checkList = e;
-    },
-    // 获取社区
-    onChang3(e) {
-      console.log(e);
-      this.campus1 = e;
-    },
-    // 获取省市区
-    handleChange55(value) {
-      value = this.$refs["cascaderAddr"].currentLabels;
-      console.log("````````````value", value);
-      this.province = value[0];
-      this.city = value[1];
-      this.district = value[2];
-      if (this.city == "市辖区") {
-        this.city = this.province;
-      }
-      this.region = value[0] + value[1] + value[2];
-      this.storeAddre = this.province + "/" + this.city;
-      this.storeAddress = value;
-      console.log(this.region);
-    },
-    // 删除城市
-    btnCs() {
-      this.city = "";
-      this.storeAddress = [];
-      this.storeAddre = "请选择城市";
-    },
-    //定位获得当前位置信息
-    getMyLocation() {
-      var geolocation = new qq.maps.Geolocation(
-        "DSQBZ-5MM3P-HEODO-VG6IX-SBRJE-PSBNX",
-        "码兄到家管理"
-      );
-      geolocation.getIpLocation(this.showPosition, this.showErr);
-      // geolocation.getLocation(this.showPosition, this.showErr);//或者用getLocation精确度比较高
-    },
-    showPosition(position) {
-      console.log(position);
-      // this.latitude = position.lat;
-      // this.longitude = position.lng;
-      // this.city = position.city;
-      this.setMap();
-    },
-    showErr(e) {
-      console.log("定位失败", e);
-      this.getMyLocation(); //定位失败再请求定位，测试使用
-    },
-    //位置信息在地图上展示
-    setMap() {
-      //步骤：定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
-      //设置地图中心点
-      var myLatlng = new qq.maps.LatLng(this.latitude, this.longitude);
-      //定义工厂模式函数
-      var myOptions = {
-        zoom: 13, //设置地图缩放级别
-        center: myLatlng, //设置中心点样式
-        mapTypeId: qq.maps.MapTypeId.ROADMAP, //设置地图样式详情参见MapType
-      };
-      // //获取dom元素添加地图信息
-      var map = new qq.maps.Map(
-        document.getElementById("container1"),
-        myOptions
-      );
-      //给地图添加点击事件
-
-      //给定位的位置添加图片标注
-      var marker = new qq.maps.Marker({
-        position: myLatlng,
-        map: map,
-      });
-      // `````````````
-      var that = this;
-      if (that.longitude == "") {
-        var center = new qq.maps.LatLng(34.34281541842994, 108.93970884382725);
-      } else {
-        var center = new qq.maps.LatLng(that.latitude, that.longitude);
-      }
-
-      var map = new qq.maps.Map(document.getElementById("container1"), {
-        center: center,
-        zoom: 13,
-      });
-      var marker = new qq.maps.Marker({
-        position: center,
-        map: map,
-      });
-      var latlngBounds = new qq.maps.LatLngBounds();
-      qq.maps.event.addListener(map, "click", function (event) {
-        console.log(event, qq.maps);
-        that.longitude = event.latLng.getLng(); // 经度
-        that.latitude = event.latLng.getLat(); // 纬度
-
-        jsonp(
-          "https://apis.map.qq.com/ws/geocoder/v1/?location=" +
-            event.latLng.getLat() +
-            "," +
-            event.latLng.getLng() +
-            "&key=DSQBZ-5MM3P-HEODO-VG6IX-SBRJE-PSBNX&get_poi=1&output=jsonp",
-          {
-            myCustomUrlParam: "veryNice",
-          }
-        )
-          .then((response) => {
-            console.log(
-              "response",
-              response,
-              response.result.address_component.city
-            );
-            that.address = response.result.formatted_addresses.recommend;
-            this.city = response.result.address_component.city;
-          })
-          .catch((error) => {
-            // handle error
-          })
-          .then(() => {
-            // always executed
-          });
-        if (markersArray) {
-          for (let i in markersArray) {
-            markersArray[i].setMap(null);
-          }
-        }
-        if (!marker) {
-          marker = new qq.maps.Marker({
-            map: map,
-            position: event.latLng,
-          });
-        } else {
-          marker.setPosition(event.latLng);
-        }
-
-        // markersArray.push(marker);
-      });
-      geocoder = new qq.maps.Geocoder({
-        complete: function (result) {
-          console.log(result);
-          that.longitude = result.detail.location.lng;
-          that.latitude = result.detail.location.lat;
-          map.setCenter(result.detail.location);
-          var marker = new qq.maps.Marker({
-            map: map,
-            position: result.detail.location,
-          });
-          markersArray.push(marker);
-        },
-      });
-    },
-    // 地图定位
-    select() {
-      console.log(this.address, this.address.replace(/^\s+|\s+$/gm, ""));
-
-      if (this.address == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入详细地址",
-          type: "warning",
-        });
-        return;
-      } else {
-        var add = this.province + this.city + this.district + this.address;
-        let that = this;
-        jsonp(
-          "https://apis.map.qq.com/ws/geocoder/v1/?address==" +
-            add +
-            "&key=DSQBZ-5MM3P-HEODO-VG6IX-SBRJE-PSBNX&get_poi=1&output=jsonp",
-          {
-            myCustomUrlParam: "veryNice",
-          }
-        )
-          .then((response) => {
-            // handle success
-            if (response.message == "查询无结果") {
-              this.$notify({
-                title: "提示",
-                duration: 1800,
-                message: "详细地址输入有误，请重新输入",
-                type: "warning",
-              });
-              return;
-            }
-            console.log("response", response);
-            that.longitude = response.result.location.lng; // 经度
-            that.latitude = response.result.location.lat; // 纬度
-            that.city = response.result.address_components.city;
-            // that.address = response.result.address_components.province + response.result.address_components
-            // 	.city + response.result.address_components.district + response.result.title
-            that.setMap();
-          })
-          .catch((error) => {
-            // handle error
-          })
-          .then(() => {
-            // always executed
-          });
-      }
-    },
-    // 获取用户列表弹框
-    userselect() {
-      this.dialogFormVisible3 = true;
-      this.tableDataLoading4 = true;
-      this.userClass();
-    },
-    // 获取用户列表
-    userClass() {
-      let phone = -1;
-      if (this.phone) {
-        phone = this.phone;
-      }
-      let nickName = -1;
-      if (this.nickName) {
-        nickName = this.nickName;
-      }
-      this.$http({
-        url: this.$http.adornUrl("userCertification/queryUserCertification"),
-        method: "get",
-        params: this.$http.adornParams({
-          page: this.page,
-          limit: this.limit,
-          name: this.nickName2,
-          phone: this.phone1,
-        }),
-      }).then(({ data }) => {
-        this.tableDataLoading4 = false;
-        let returnData = data.data;
-        this.userIds = returnData;
-      });
-    },
-    // 查询用户列表
-    userclick() {
-      this.page = 1;
-      this.tableDataLoading4 = true;
-      this.userClass();
-    },
-    // 重置用户列表数据
-    userclose() {
-      this.phone1 = "";
-      this.nickName2 = "";
-      this.tableDataLoading4 = true;
-
-      this.userClass();
-    },
-    // 确定用户
-    confirm(row) {
-      this.userIdss = row.userId;
-      this.nickName1 = row.userName;
-      this.phone = row.phone;
-      // if (this.nickName == '' || this.nickName == null) {
-      // 	this.nickName = row.phone
-      // }
-      this.dialogFormVisible3 = false;
-    },
-    // 添加标签
-    btnTj() {
-      if (this.bq == "" || this.bq == " ") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入标签名",
-          type: "warning",
-        });
-        return;
-      } else {
-        console.log("this.bq", this.bq);
-        this.labels1.push(this.bq);
-        this.bq = "";
-      }
-    },
-    // 删除标签
-    dels1(index) {
-      this.labels1.splice(index, 1);
-      console.log(this.labels1);
-    },
-    // 确定添加
-    addmissionNoticeTo() {
-      let photost = this.contentImg.toString();
-      let certificateImgs = this.certificateImg.toString();
-      let workImgs = this.workImg.toString();
-      let detailsImgs = this.contentImg.toString();
-      let storeAddress1 = this.storeAddress.toString();
-      console.log(this.userIdss, this.gameId, photost);
-      if (this.gameId == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请选择项目",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.userId == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请选择发布人",
-          type: "warning",
-        });
-        return;
-      }
-
-      if (this.headImg == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请上主页图",
-          type: "warning",
-        });
-        return;
-      }
-
-      if (this.money == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入期望薪资",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.orderLevel == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入技能",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.region == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请选择服务地区",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.describes == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入描述",
-          type: "warning",
-        });
-        return;
-      }
-
-      if (this.city == "") {
-        this.select();
-      }
-      let urls = "";
-      if (this.missions == 0) {
-        urls = "orderTaking/insertOrderTaking";
-      } else {
-        urls = "orderTaking/updateTakingOrders";
-      }
-      var times = this.value1 + "~" + this.value2;
-      let that = this;
-      setTimeout(function () {
-        that
-          .$http({
-            url: that.$http.adornUrl(urls),
-            method: "get",
-            // data: that.$http.adornData({
-            params: that.$http.adornParams({
-              gameId: that.gameId.toString(),
-              myLevel: that.myLevel,
-              orderLevel: that.orderLevel,
-              orderTakingArea: that.orderTakingArea,
-              orderTakingTime: times,
-              oldMoney: that.oldMoney,
-              money: that.money,
-              orderLevel: that.orderLevel,
-              memberMoney: that.memberMoney,
-              region: storeAddress1,
-              describes: that.describes,
-              unit: that.unit,
-              voiceIntroduce: that.voiceIntroduce,
-              headImg: that.headImg,
-              userId: that.userIdss,
-              latitude: that.latitude,
-              longitude: that.longitude,
-              city: that.city,
-              id: that.ids,
-              detailsImg: photost,
-              certificateImg: certificateImgs,
-              workImg: workImgs,
-              detailsImg: detailsImgs,
-              authentication: that.authentication,
-            }),
-          })
-          .then(({ data }) => {
-            console.log("提交结果", data);
-            if (data.code == 0) {
-              that.$message({
-                message: "操作成功",
-                type: "success",
-                duration: 1500,
-                onClose: () => {
-                  that.InformationSelect();
-                  that.prev();
-                },
-              });
-            } else {
-              this.$notify({
-                title: "提示",
-                duration: 1800,
-                message: data.msg,
-                type: "warning",
-              });
-            }
-          });
-      }, 1000);
-    },
-    // 关闭添加信息弹框
-    prev() {
-      this.dialogFormVisible5 = false;
-      this.gameId = "";
-      this.myLevel = "";
-      this.orderTakingTime = "";
-      this.value1 = "";
-      this.value2 = "";
-      this.orderLevel = "";
-      this.orderTakingArea = "";
-      this.headImg = "";
-      this.oldMoney = "";
-      this.money = "";
-      this.orderLevel = "";
-      this.memberMoney = "";
-      this.region = "";
-      this.describes = "";
-      this.unit = "小时";
-      this.latitude = "";
-      this.longitude = "";
-      this.voiceIntroduce = "";
-      this.userIdss = "";
-      this.city = "";
-      this.nickName1 = "";
-      this.nickName2 = "";
-      this.phone = "";
-      this.detailsImg = [];
-      this.certificateImg = [];
-      this.workImg = [];
-      this.detailsImg = [];
-    },
-    // 审核
-    shenhe(row) {
-      this.userId1 = row.userId;
-      this.artificerId = row.artificerId;
-      this.classSelect1(row.artificerId);
-      this.dialogFormVisible8 = true;
-    },
-    // 提交审核
-    refuseto(row) {
-      if (this.radio == 2 && this.contents == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入驳回理由",
-          type: "warning",
-        });
-        return;
-      } else {
-        let ids = this.shenheId;
-        let status = this.radio;
-        let content = this.contents;
-        this.$http({
-          url: this.$http.adornUrl(`orderTaking/auditorOrderTaking`),
-          method: "get",
-          params: this.$http.adornParams({
-            id: ids,
-            status: status,
-            content: content,
-          }),
-        }).then(({ data }) => {
-          this.dialogFormVisible8 = false;
-          this.$message({
-            message: "审核完成",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.radio = 0;
-              this.contents = "";
-              this.InformationSelect();
-            },
-          });
-        });
-      }
-    },
-    // 修改信息弹框
-    choiCompile(index, row) {
-      console.log(index, row);
-      this.labels1 = [];
-      this.missions = 1;
-      this.renwuTitles = "修改任务";
-      if (row) {
-        this.gameId = row.gameName.split(",");
-        this.checkList = row.gameName.split(",");
-        this.myLevel = row.myLevel;
-        this.orderLevel = row.orderLevel;
-        this.orderTakingArea = row.orderTakingArea;
-        this.orderTakingTime = row.orderTakingTime;
-        if (row.orderTakingTime) {
-          var timess = row.orderTakingTime.split("~");
-          this.value1 = timess[0];
-          this.value2 = timess[1];
-        }
-        this.oldMoney = row.oldMoney;
-        this.money = row.money;
-        this.orderLevel = row.orderLevel;
-        this.memberMoney = row.memberMoney;
-        this.region = row.region;
-        this.describes = row.describes;
-        this.unit = row.unit;
-        this.voiceIntroduce = row.voiceIntroduce;
-        this.headImg = row.headImg;
-        this.userIdss = row.userIdss;
-        this.latitude = row.latitude;
-        this.longitude = row.longitude;
-
-        this.ids = row.id;
-        this.nickName1 = row.userName;
-        this.userIdss = row.userId;
-        if (row.detailsImg != "" && row.detailsImg != null) {
-          this.detailsImg = row.detailsImg;
-        }
-        if (row.certificateImg != "" && row.certificateImg != null) {
-          this.certificateImg = row.certificateImg;
-        }
-        if (row.workImg != "" && row.workImg != null) {
-          this.workImg = row.workImg;
-        }
-        if (row.detailsImg != "" && row.detailsImg != null) {
-          this.detailsImg = row.detailsImg;
-        }
-        this.storeAddre = this.region;
-        this.storeAddress = this.region.split(",");
-
-        this.jianjie = row.jianjie;
-        this.status = Number(row.status);
-        this.percentage = 100;
-      }
-
-      this.dialogFormVisible5 = true;
-      this.getMyLocation();
-    },
-    // 查看评价
-    plCompile(row) {
-      console.log(row);
-      this.renwuId = row.artificerId;
-      this.dialogFormVisible10 = true;
-      this.pinglunSelect(row.artificerId);
-    },
-    // 删除信息
-    choidelete(row) {
-      let delid = row.id;
-      this.$confirm(`确定删除此条信息?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$http({
-            url: this.$http.adornUrl("artificer/deleteArtificer"),
-            method: "post",
-            params: this.$http.adornParams({
-              artificerId: row.artificerId,
-            }),
-          }).then(({ data }) => {
-            if (data.code == 0) {
-              this.$message({
-                message: "删除成功",
-                type: "success",
-                duration: 1500,
-                onClose: () => {
-                  this.InformationSelect();
-                },
-              });
-            } else {
-              this.$message({
-                message: data.msg,
-                type: "warning",
-                duration: 1500,
-                onClose: () => {},
-              });
-            }
-          });
-        })
-        .catch(() => {});
-    },
-    // 筛选信息
-    animeDat2(state) {
-      this.page = 1;
-      this.InformationSelect();
-    },
-    // 多选
-    handleSelectionChange(val) {
-      var arr = [];
-      for (var i in val) {
-        arr.push(val[i].id);
-      }
-      this.multipleSelection = arr;
-      console.log("val", val, this.multipleSelection);
-    },
-    // 批量删除
-    choideletes() {
-      console.log(this.multipleSelection);
-      let delid = this.multipleSelection.toString();
-      this.$confirm(`确定删除信息?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$http({
-            url: this.$http.adornUrl(
-              `information/deleteInformationById?ids=${delid}`
-            ),
-            method: "post",
-            params: this.$http.adornData({}),
-          }).then(({ data }) => {
-            this.$message({
-              message: "删除成功",
-              type: "success",
-              duration: 1500,
-              onClose: () => {
-                this.InformationSelect();
-              },
-            });
-          });
-        })
-        .catch(() => {});
-    },
-    // 任务推荐
-    change2(val, row) {
-      this.$http({
-        url: this.$http.adornUrl(
-          `orderTaking/updateOrderTakingRecommend/${row.id}`
-        ),
-        method: "post",
-        data: this.$http.adornData({}),
-      }).then(({ data }) => {
-        this.$message({
-          message: "操作成功",
-          type: "success",
-          duration: 1500,
-          onClose: () => {
-            this.homeSelect();
-          },
-        });
-      });
-    },
-    // 任务上下架
-    change3(val, row) {
-      this.$http({
-        url: this.$http.adornUrl(
-          `orderTaking/updateOrderTakingStatus/${row.id}`
-        ),
-        method: "post",
-        data: this.$http.adornData({}),
-      }).then(({ data }) => {
-        this.$message({
-          message: "操作成功",
-          type: "success",
-          duration: 1500,
-          onClose: () => {
-            this.homeSelect();
-          },
-        });
-      });
-    },
-    // 详情跳转
-    updatesvideo(row) {
-      this.$router.push({
-        path: "/userDetail",
-        query: {
-          userId: row.userId,
-        },
-      });
-    },
-    changeaa(e) {
-      console.log("eeee", e);
-      this.value1 = e;
-    },
-    changeaa1(e) {
-      console.log("eeee", e);
-      this.value2 = e;
-    },
-    // 加钟列表
-
-    selectMassageTypeChildrenPage() {
-      this.$http({
-        url: this.$http.adornUrl("artificer/selectMassageTypeChildrenPage"),
-        method: "get",
-        params: this.$http.adornParams({
-          page: this.childPage,
-          limit: this.childLimit,
-          status: "",
-          sort: "",
-          city: this.citys,
-          authentication: "",
-          by: 1,
-          title: this.clockTitle,
-          classifyId: this.childClassifyId,
-        }),
-      }).then(({ data }) => {
-        console.log("", data);
-        if (data.code == 0) {
-          this.tableDataLoading = false;
-          let returnData = data.data;
-          this.clockData = returnData;
-          for (var i in this.clockData.list) {
-            if (this.clockData.list[i].contentImg) {
-              this.clockData.list[i].contentImg =
-                this.clockData.list[i].contentImg.split(",");
-            }
-          }
-          if (this.clockData.list.length == 0) {
-            this.page = this.page - 1;
-            this.classSelect();
-          }
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-
-    // 获取项目列表数据
-    classSelect() {
-      this.$http({
-        url: this.$http.adornUrl("artificer/selectMassageTypePage"),
-        method: "get",
-        params: this.$http.adornParams({
-          page: this.page,
-          limit: this.limit,
-          status: "",
-          sort: "",
-          city: this.citys,
-          authentication: "",
-          by: 1,
-          title: this.title,
-          classifyId: this.classifyId,
-        }),
-      }).then(({ data }) => {
-        console.log("", data);
-        if (data.code == 0) {
-          this.tableDataLoading = false;
-          let returnData = data.data;
-          this.tableData = returnData;
-          for (var i in this.tableData.list) {
-            if (this.tableData.list[i].contentImg) {
-              this.tableData.list[i].contentImg =
-                this.tableData.list[i].contentImg.split(",");
-            }
-          }
-          if (this.tableData.list.length == 0) {
-            this.page = this.page - 1;
-            this.classSelect();
-          }
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-    // 添加项目
-    classAdd(row) {
-      console.log("row", row);
-      if (row != 0) {
-        this.titles = "修改项目";
-        this.massageTypeTitle = row.title;
-        this.massageTypeStatus = row.status;
-        this.sales = row.sales;
-        this.price = row.price;
-        this.oldPrice = row.oldPrice;
-        this.memberPrice = row.memberPrice;
-        this.artificerPrice = row.artificerPrice;
-        this.massageTypeId = row.massageTypeId;
-        this.massageImg = row.massageImg;
-        this.addNum = row.addNum;
-        this.isSex = row.isSex;
-        this.applyPeople = row.applyPeople;
-        this.duration = row.duration;
-        this.contentImg = row.contentImg;
-        this.content = row.content;
-        this.jianjie = row.jianjie;
-
-        if (row.city != "" && row.city != "不限") {
-          this.city = row.city;
-          this.storeAddre = this.city;
-        } else {
-          this.city = "";
-          this.storeAddre = "请选择城市";
-        }
-        if (row.labels && row.labels !== "") {
-          this.labels1 = row.labels.split(",");
-        } else {
-          this.labels1 = [];
-        }
-
-        this.classType = row.classifyId;
-        console.log("this.classType", this.classType);
-        // this.storeAddress = this.storeAddress.push(this.city)
-      } else {
-        this.titles = "添加项目";
-        this.massageTypeTitle = "";
-        this.massageTypeStatus = "";
-        this.sales = "";
-        this.price = "";
-        this.oldPrice = "";
-        this.memberPrice = "";
-        this.artificerPrice = "";
-        this.massageTypeId = "";
-        this.massageImg = "";
-        this.addNum = "";
-        this.isSex = "";
-        this.duration = "";
-        this.applyPeople = "";
-        this.contentImg = [];
-        this.content = "";
-        this.city = "";
-        this.labels1 = [];
-        this.storeAddre = "请选择城市";
-        this.classType = "";
-        this.jianjie = "";
-      }
-      this.dialogFormVisible9 = true;
-    },
-    // 启用与否
-    change(massageTypeId, status) {
-      this.$http({
-        url: this.$http.adornUrl(`artificer/updateMassageType`),
-        method: "post",
-        data: this.$http.adornData({
-          massageTypeId: massageTypeId,
-          status: status,
-        }),
-      }).then(({ data }) => {
-        this.$message({
-          message: "操作成功",
-          type: "success",
-          duration: 1500,
-          onClose: () => {
-            this.classSelect();
-          },
-        });
-      });
-    },
-    // 提交修改、添加项目项目
-    refuseto1() {
-      if (this.classType == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请选择项目类型",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.massageTypeTitle == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入项目名称",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.massageImg == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请上传项目图片",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.contentImg.length == 0) {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请上传项目详情图片",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.duration === "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入时长",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.isSex === "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请选择性别要求",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.applyPeople === "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入适用人群",
-          type: "warning",
-        });
-        return;
-      }
-
-      // if (this.memberPrice === "") {
-      //   this.$notify({
-      //     title: "提示",
-      //     duration: 1800,
-      //     message: "请会员价",
-      //     type: "warning",
-      //   });
-      //   return;
-      // }
-      if (this.oldPrice === "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入原价",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.price === "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入现价",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.addNum === "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入加钟次数",
-          type: "warning",
-        });
-        return;
-      }
-
-      if (this.massageTypeStatus === "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请选择状态",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.city == "") {
-        var sitys = "不限";
-      } else {
-        var sitys = this.city;
-      }
-      console.log("this.city", this.city, "sitys", sitys);
-      if (this.titles == "添加项目") {
-        var urls = "artificer/insertMassageType";
-      } else {
-        var urls = "artificer/updateMassageType";
-      }
-      this.$http({
-        url: this.$http.adornUrl(urls),
-        method: "post",
-        // params: this.$http.adornParams({
-        data: this.$http.adornData({
-          title: this.massageTypeTitle,
-          status: this.massageTypeStatus,
-          sales: this.sales,
-          price: this.price,
-          oldPrice: this.oldPrice,
-          memberPrice: this.memberPrice,
-          artificerPrice: this.artificerPrice,
-          massageTypeId: this.massageTypeId,
-          massageImg: this.massageImg,
-          isSex: this.isSex,
-          applyPeople: this.applyPeople,
-          duration: this.duration,
-          contentImg: this.contentImg.toString(),
-          content: this.content,
-          city: sitys,
-          labels: this.labels1.toString(),
-          classifyId: this.classType,
-          addNum: this.addNum,
-          jianjie: this.jianjie,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.dialogFormVisible9 = false;
-          this.$message({
-            message: "操作成功",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.gameName = "";
-              this.classSelect();
-            },
-          });
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "warning",
-            duration: 1500,
-            onClose: () => {},
-          });
-        }
-      });
-    },
-    // 删除项目项目
-    classdelete(row) {
-      let delid = row.massageTypeId;
-      this.$confirm(`确定删除此条信息?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$http({
-            url: this.$http.adornUrl("artificer/deleteMassageType"),
-            method: "post",
-            params: this.$http.adornParams({
-              massageTypeId: row.massageTypeId,
-            }),
-          }).then(({ data }) => {
-            if (data.code == 0) {
-              this.$message({
-                message: "删除成功",
-                type: "success",
-                duration: 1500,
-                onClose: () => {
-                  this.classSelect();
-                },
-              });
-            } else {
-              this.$message({
-                message: data.msg,
-                type: "warning",
-                duration: 1500,
-                onClose: () => {},
-              });
-            }
-          });
-        })
-        .catch(() => {});
-    },
-    // 用户评价列表
-    pinglunSelect(id) {
-      this.userId = this.$store.state.user.id;
-      this.$http({
-        url: this.$http.adornUrl("takingComment/selectOrderTakingComment"),
-        method: "get",
-        params: this.$http.adornParams({
-          page: this.page,
-          limit: this.limit,
-          id: id,
-        }),
-      }).then(({ data }) => {
-        this.tableDataLoading = false;
-        let returnData = data.data;
-        this.pinglunData = returnData;
-      });
-    },
-    // 删除评价信息
-    pinglundelete(row) {
-      let delid = row.id;
-      this.$confirm(`确定删除此条信息?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$http({
-            url: this.$http.adornUrl(
-              `takingComment/deleteOrderTakingComment/${delid}`
-            ),
-            method: "post",
-            params: this.$http.adornData({}),
-          }).then(({ data }) => {
-            this.$message({
-              message: "删除成功",
-              type: "success",
-              duration: 1500,
-              onClose: () => {
-                this.pinglunSelect(this.renwuId);
-              },
-            });
-          });
-        })
-        .catch(() => {});
-    },
-    handleChange(file, fileList) {
-      this.hideUpload = fileList.length >= this.limit;
-    },
-    handleRemove(file, fileList) {
-      this.hideUpload = fileList.length >= this.limit;
-    },
-    handleAvatarSuccess2(file, fileList) {
-      this.contentImg = file.data;
-    },
-    handleAvatarSuccess3(file, fileList) {
-      this.certificateImg = file.data;
-    },
-    handleAvatarSuccess4(file, fileList) {
-      this.workImg = file.data;
-    },
-    // 删除
-    clear(index) {
-      this.contentImg.splice(index, 1);
-    },
-    // 删除
-    clear1(index) {
-      this.certificateImg.splice(index, 1);
-    },
-    clear2(index) {
-      this.workImg.splice(index, 1);
-    },
-    clear3(index) {
-      this.contentImg.splice(index, 1);
-    },
-    //上传成功
-    handleUploadSuccess(file, fileList) {
-      this.contentImg.push(file.data);
-      console.log("this.contentImg", this.contentImg);
-      // this.contentImg += file.data + ','
-    },
-    //上传成功
-    handleUploadSuccess1(file, fileList) {
-      this.certificateImg.push(file.data);
-      console.log("this.certificateImg", this.certificateImg);
-    },
-    //上传成功
-    handleUploadSuccess2(file, fileList) {
-      this.workImg.push(file.data);
-      console.log("this.workImg", this.workImg);
-    },
-    //上传成功
-    handleUploadSuccess3(file, fileList) {
-      this.contentImg.push(file.data);
-      console.log("this.contentImg", this.contentImg);
-    },
-    onprogress1(event, file, fileList) {
-      console.log("详情图上传进度", parseInt(event.percent));
-      this.percentage1 = parseInt(event.percent);
-    },
-    // 获取项目项目数据
-    classSelect1(artificerId) {
-      this.tableDataLoading1 = true;
-      this.$http({
-        url: this.$http.adornUrl("artificer/selectArtificerMassageList"),
-        method: "get",
-        params: this.$http.adornParams({
-          artificerId: artificerId,
-          status: "",
-        }),
-      }).then(({ data }) => {
-        console.log("```", data);
-        if (data.code == 0) {
-          this.tableDataLoading1 = false;
-          let returnData = data.data;
-          this.tableData3 = returnData;
-          console.log(this.tableData3);
-          for (var i in this.tableData3) {
-            if (this.tableData3[i].contentImg) {
-              this.tableData3[i].contentImg =
-                this.tableData3[i].contentImg.split(",");
-            }
-          }
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-    // 项目列表数据
-    classSelect2(artificerId) {
-      this.$http({
-        url: this.$http.adornUrl("artificer/selectMassageTypePage"),
-        method: "get",
-        params: this.$http.adornParams({
-          artificerId: artificerId,
-          page: this.page3,
-          limit: this.limit3,
-          status: "",
-          sort: "",
-          city: this.citys,
-          title: this.title,
-          authentication: "",
-          by: 1,
-        }),
-      }).then(({ data }) => {
-        console.log("````````````", data);
-        if (data.code == 0) {
-          this.tableDataLoading = false;
-          let returnData = data.data;
-          this.tableData4 = returnData;
-          console.log(this.tableData4.list);
-          for (var i in this.tableData4.list) {
-            if (this.tableData4.list[i].contentImg) {
-              this.tableData4.list[i].contentImg =
-                this.tableData4.list[i].contentImg.split(",");
-            }
-          }
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-    // 添加项目
-    choiadd() {
-      this.classSelect2(this.artificerId);
-      this.dialogFormVisible11 = true;
-    },
-    // 确认添加
-    classListAdd(row) {
-      console.log("useridsssssssss", this.userId1);
-      this.$http({
-        url: this.$http.adornUrl("artificer/insertArtificerMassage"),
-        method: "post",
-        params: this.$http.adornParams({
-          userId: this.userId1,
-          artificerMassages: row.massageTypeId,
-        }),
-      }).then(({ data }) => {
-        console.log("", data);
-        if (data.code == 0) {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: "添加成功",
-            type: "warning",
-          });
-
-          this.classSelect1(this.artificerId);
-          this.dialogFormVisible11 = false;
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-    // 删除师傅项目
-    classListdelete(row) {
-      let delid = row.id;
-      this.$confirm(`确定删除此条信息?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$http({
-            url: this.$http.adornUrl("artificer/deleteArtificerMassage"),
-            method: "post",
-            params: this.$http.adornParams({
-              artificerMassageId: row.artificerMassageId,
-            }),
-          }).then(({ data }) => {
-            if (data.code == 0) {
-              this.$message({
-                message: "删除成功",
-                type: "success",
-                duration: 1500,
-                onClose: () => {
-                  this.classSelect();
-                },
-              });
-            } else {
-              this.$message({
-                message: data.msg,
-                type: "warning",
-                duration: 1500,
-                onClose: () => {},
-              });
-            }
-          });
-        })
-        .catch(() => {});
-    },
-    // 加钟项目弹框
-    jiazhongBtn(row) {
-      this.childClassifyId = row.classifyId;
-      this.parentId = row.massageTypeId;
-      this.classSelectJz();
-      this.dialogFormVisibleJz = true;
-    },
-    // 项目类型
-    fwSelect() {
-      this.$http({
-        url: this.$http.adornUrl("sys/dict/selectDictList"),
-        method: "get",
-        params: this.$http.adornParams({
-          type: "服务类型",
-        }),
-      }).then(({ data }) => {
-        let returnData = data.data;
-        this.fwData = returnData;
-      });
-    },
-    // 获取加钟项目数据
-    classSelectJz() {
-      this.$http({
-        url: this.$http.adornUrl("artificer/selectMassageTypePage"),
-        method: "get",
-        params: this.$http.adornParams({
-          page: this.pageJ,
-          limit: this.limitJ,
-          parentId: this.parentId,
-          status: "",
-          sort: "",
-          city: "",
-          authentication: "",
-          by: 1,
-          title: "",
-        }),
-      }).then(({ data }) => {
-        console.log("", data);
-        if (data.code == 0) {
-          this.tableDataLoadingJz = false;
-          let returnData = data.data;
-          this.tableDataJz = returnData;
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-    // 添加、修改加钟项目
-    classAddJz(row) {
-      console.log("row", row);
-      if (row != 0) {
-        this.titles = "修改加钟项目";
-        this.massageTypeTitle = row.title;
-        this.massageTypeStatus = row.status;
-        this.sales = row.sales;
-        this.price = row.price;
-        this.oldPrice = row.oldPrice;
-        this.memberPrice = row.memberPrice;
-        this.artificerPrice = row.artificerPrice;
-        this.massageTypeId = row.massageTypeId;
-        this.massageImg = row.massageImg;
-        // this.isSex = row.isSex
-        this.duration = row.duration;
-        this.contentImg = row.contentImg;
-        this.content = row.content;
-        this.city = row.city;
-        this.labels1 = row.labels.split(",");
-        this.storeAddre = this.city;
-        this.classType = row.classifyId;
-        this.jianjie = row.jianjie;
-
-        // this.storeAddress = this.storeAddress.push(this.city)
-      } else {
-        this.titles = "添加加钟项目";
-        this.massageTypeTitle = "";
-        this.massageTypeStatus = "";
-        this.sales = "";
-        this.price = "";
-        this.oldPrice = "";
-        this.memberPrice = "";
-        this.artificerPrice = "";
-        this.massageTypeId = "";
-        this.massageImg = "";
-        // this.isSex = ''
-        this.duration = "";
-        this.contentImg = [];
-        this.content = "";
-        this.city = "";
-        this.labels1 = [];
-        this.storeAddre = "请选择城市";
-        this.jianjie = "";
-      }
-      this.dialogFormVisibleJzA = true;
-    },
-    // 提交修改、添加加钟项目
-    refusetoJz() {
-      if (this.classType == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请选择项目类型",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.massageTypeTitle == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入项目名称",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.massageImg == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请上传项目图片",
-          type: "warning",
-        });
-        return;
-      }
-      // if (this.contentImg.length == 0) {
-      // 	this.$notify({
-      // 		title: '提示',
-      // 		duration: 1800,
-      // 		message: '请上传项目详情图片',
-      // 		type: 'warning'
-      // 	})
-      // 	return
-      // }
-      if (this.duration == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入时长",
-          type: "warning",
-        });
-        return;
-      }
-      // if (this.isSex === '') {
-      // 	this.$notify({
-      // 		title: '提示',
-      // 		duration: 1800,
-      // 		message: '请选择性别要求',
-      // 		type: 'warning'
-      // 	})
-      // 	return
-      // }
-      // if (this.memberPrice == "") {
-      //   this.$notify({
-      //     title: "提示",
-      //     duration: 1800,
-      //     message: "请会员价",
-      //     type: "warning",
-      //   });
-      //   return;
-      // }
-      // if (this.artificerPrice == '') {
-      // 	this.$notify({
-      // 		title: '提示',
-      // 		duration: 1800,
-      // 		message: '请输入师傅价',
-      // 		type: 'warning'
-      // 	})
-      // 	return
-      // }
-      if (this.price == "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请输入现价",
-          type: "warning",
-        });
-        return;
-      }
-      if (this.massageTypeStatus === "") {
-        this.$notify({
-          title: "提示",
-          duration: 1800,
-          message: "请选择状态",
-          type: "warning",
-        });
-        return;
-      }
-
-      if (this.titles == "添加加钟项目") {
-        var urls = "artificer/insertMassageType";
-      } else {
-        var urls = "artificer/updateMassageType";
-      }
-      this.$http({
-        url: this.$http.adornUrl(urls),
-        method: "post",
-        // params: this.$http.adornParams({
-        data: this.$http.adornData({
-          title: this.massageTypeTitle,
-          status: this.massageTypeStatus,
-          sales: this.sales,
-          price: this.price,
-          oldPrice: this.oldPrice,
-          memberPrice: this.memberPrice,
-          artificerPrice: this.artificerPrice,
-          massageTypeId: this.massageTypeId,
-          massageImg: this.massageImg,
-          // 'isSex': this.isSex,
-          duration: this.duration,
-          contentImg: this.contentImg.toString(),
-          content: this.content,
-          city: this.city,
-          labels: this.labels1.toString(),
-          classifyId: this.classType,
-          parentId: this.parentId,
-          jianjie: this.jianjie,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.dialogFormVisibleJzA = false;
-          this.$message({
-            message: "操作成功",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.classSelectJz();
-            },
-          });
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "warning",
-            duration: 1500,
-            onClose: () => {},
-          });
-        }
-      });
-    },
-    // 删除项目项目
-    classdeleteJz(row) {
-      let delid = row.massageTypeId;
-      this.$confirm(`确定删除此条信息?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$http({
-            url: this.$http.adornUrl("artificer/deleteMassageType"),
-            method: "post",
-            params: this.$http.adornParams({
-              massageTypeId: row.massageTypeId,
-            }),
-          }).then(({ data }) => {
-            if (data.code == 0) {
-              this.$message({
-                message: "删除成功",
-                type: "success",
-                duration: 1500,
-                onClose: () => {
-                  this.classSelectJz();
-                },
-              });
-            } else {
-              this.$message({
-                message: data.msg,
-                type: "warning",
-                duration: 1500,
-                onClose: () => {},
-              });
-            }
-          });
-        })
-        .catch(() => {});
-    },
-    // 状态师傅
-    changeS(val, userId) {
-      this.$http({
-        url: this.$http.adornUrl(`artificer/updateArtificer`),
-        method: "post",
-        params: this.$http.adornParams({
-          userId: userId,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.$message({
-            message: "操作成功",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.InformationSelect();
-            },
-          });
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "warning",
-            duration: 1500,
-            onClose: () => {
-              this.InformationSelect();
-            },
-          });
-        }
-      });
-    },
-    // 信用分明细弹框
-    xinyongBtn(row) {
-      this.artificerId = row.userId;
-      this.xinyongSelect(this.artificerId);
-      this.dialogFormVisibleXyf = true;
-    },
-    // 信用分明细数据
-    xinyongSelect(artificerId) {
-      this.tableDataLoadingXyf = true;
-      this.$http({
-        url: this.$http.adornUrl("message/selectMessageByUserId"),
-        method: "get",
-        params: this.$http.adornParams({
-          userId: artificerId,
-          page: this.page1,
-          limit: this.size1,
-          state: 8,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.tableDataLoadingXyf = false;
-          let returnData = data.data;
-          this.tableDataXyf = returnData;
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-    // 是否优选
-    changeY(val, artificerId) {
-      this.$http({
-        url: this.$http.adornUrl("artificer/updateArtificers"),
-        method: "post",
-        // params: this.$http.adornParams({
-        data: this.$http.adornData({
-          artificerId: artificerId,
-          isGoods: val,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.$message({
-            message: "操作成功",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.InformationSelect();
-            },
-          });
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "warning",
-            duration: 1500,
-            onClose: () => {
-              this.InformationSelect();
-            },
-          });
-        }
-      });
-    },
-    // 是否热度最高
-    changeR(val, artificerId) {
-      this.$http({
-        url: this.$http.adornUrl("artificer/updateArtificers"),
-        method: "post",
-        // params: this.$http.adornParams({
-        data: this.$http.adornData({
-          artificerId: artificerId,
-          isHot: val,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.$message({
-            message: "操作成功",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.InformationSelect();
-            },
-          });
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "warning",
-            duration: 1500,
-            onClose: () => {
-              this.InformationSelect();
-            },
-          });
-        }
-      });
-    },
-    // 修改销量
-    updateBz(row) {
-      this.ordersId = row.massageTypeId;
-      this.content = row.sales;
-      this.dialogFormVisibleBz = true;
-    },
-    // 修改
-    replyNoticeTo() {
-      this.$http({
-        url: this.$http.adornUrl("artificer/updateMassageType"),
-        method: "post",
-        // params: this.$http.adornParams({
-        data: this.$http.adornData({
-          massageTypeId: this.ordersId,
-          sales: this.content,
-        }),
-      }).then(({ data }) => {
-        if (data.code == 0) {
-          this.$message({
-            message: "修改成功",
-            type: "success",
-            duration: 1500,
-            onClose: () => {
-              this.classSelect();
-            },
-          });
-          this.dialogFormVisibleBz = false;
-        } else {
-          this.$message({
-            message: data.msg,
-            type: "warning",
-            duration: 1500,
-            onClose: () => {},
-          });
-        }
-      });
-    },
-    // 查询物料包列表
-    getMaterialPackageDataList(row) {
-      this.$http({
-        url: this.$http.adornUrl("material/selectMaterialMassage"),
-        method: "get",
-        params: this.$http.adornParams({
-          massageTypeId: row
-            ? row.massageTypeId
-            : this.getMaterialPackageDataOfRow.massageTypeId,
-          page: this.currentPageInner,
-          limit: this.sizeInner,
-          materialName: this.projectName,
-          status: this.projectTypeStr,
-        }),
-      }).then(({ data }) => {
-        console.log("12332hhhh", data);
-        if (data.code == 0) {
-          this.materialPackageTableDataLoading = false;
-          let returnData = data.data;
-          let projectType = null;
-          for (var i in returnData.data) {
-            if (returnData.data[i].massageTypeId == 1) {
-              returnData.data[i].massageTypeId = "中医推拿";
-            } else {
-              returnData.data[i].massageTypeId = "精油SPA";
-            }
-          }
-          this.materialPackageTable = returnData;
-          console.log(this.materialPackageTable);
-        } else {
-          this.$notify({
-            title: "提示",
-            duration: 1800,
-            message: data.msg,
-            type: "warning",
-          });
-        }
-      });
-    },
-    addMaterialPackageBtn(row) {
-      console.log(row);
-      this.showMaterialPackageTable = true;
-      this.serverId = row.massageTypeId;
-      // this.projectTypeStr = row.classifyName == "中医推拿" ? 1 : 2;
-      this.getMaterialPackageDataOfRow = row;
-      this.getMaterialPackageDataList(row);
-      this.materialPackageClassifyId = row.classifyId;
-    },
-    searchDataList() {
-      this.getMaterialPackageDataList();
-    },
-    resetSearch() {
-      this.materialPackageselect = "";
-      this.projectName = "";
-    },
-  },
-  mounted() {
-    // this.InformationSelect()
-    // this.homeSelect()
-    let userId = window.localStorage.getItem("userId");
-    if (userId) this.userId = userId;
-    this.classSelect();
-    this.fwSelect();
-    this.getDictOptions();
-  },
-};
+		components: {
+			AddOrUpdate
+		},
+		activated() {
+			this.getDataList()
+		},
+		methods: {
+			// 获取数据列表
+			getDataList() {
+				this.dataListLoading = true
+				this.$http({
+					url: this.$http.adornUrl('travelConf/list'),
+					method: 'get',
+					params: this.$http.adornParams({
+						'page': this.pageIndex,
+						'limit': this.pageSize,
+						...this.dataForm,
+					})
+				}).then(({ data: rdata }) => {
+					console.log(rdata);
+					let { code, data } = rdata || {};
+					let { records, total } = data || {};
+					if(code === 0){
+						this.dataList = records;
+						this.totalPage = total;
+					} else {
+						this.dataList = []
+						this.totalPage = 0
+					}
+					this.dataListLoading = false
+				})
+			},
+			// 每页数
+			sizeChangeHandle(val) {
+				this.pageSize = val
+				this.pageIndex = 1
+				this.getDataList()
+			},
+			// 当前页
+			currentChangeHandle(val) {
+				this.pageIndex = val
+				this.getDataList()
+			},
+			// 多选
+			selectionChangeHandle(val) {
+				this.dataListSelections = val
+			},
+			// 新增 / 修改
+			addOrUpdateHandle(index,id) {
+				this.addOrUpdateVisible = true
+				this.$nextTick(() => {
+					this.$refs.addOrUpdate.init(index,id)
+				})
+			},
+			// 删除
+			deleteHandle(id) {
+				let ids = (id ? [id] : this.dataListSelections.map(item => item.id)).join(',');
+				this.$confirm(`确定[${id ? '删除' : '批量删除'}]操作?`, '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					this.$http({
+						url: this.$http.adornUrl('travelConf/deleteById' + (id?'':'s')),
+						method: 'delete',
+						params: this.$http.adornParams({ id: ids}, false)
+					}).then(({ data }) => {
+						if (data && data.code === 0) {
+							this.$message({
+								message: '操作成功',
+								type: 'success',
+								duration: 1500,
+								onClose: () => {
+									this.getDataList()
+								}
+							})
+						} else {
+							this.$message.error(data.msg)
+						}
+					})
+				}).catch(() => {})
+			}
+		}
+	}
 </script>
-
-<style>
-.customWidth {
-  width: 80% !important;
-}
-
-.el-tooltip__popper {
-  width: 200px;
-  padding: 10px;
-  color: #000 !important;
-  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
-  background-color: #fff !important;
-}
-
-.people {
-  display: inline-block;
-  max-width: 20ch;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.adver_main.box {
-  display: block;
-  max-width: 100%;
-  text-align: center;
-  border: 1px dotted rgba(67, 79, 103, 0.4);
-}
-
-.cards {
-  padding: 0 8px;
-  margin-bottom: 15px;
-}
-
-.adver_main.box a {
-  display: flex;
-  justify-content: center;
-  height: 150px;
-  line-height: 150px;
-  text-decoration: none;
-}
-
-.bannerManin {
-  border: 1px solid #e8e8e8;
-  font-size: 14px;
-  padding: 0 24px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 113px;
-  color: rgba(0, 0, 0, 0.65);
-}
-
-.bannerManin span {
-  display: inline-block;
-  margin-left: 5px;
-}
-
-.bannerManin img {
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-}
-
-.bannerbtn {
-  display: flex;
-  border-top: none !important;
-  border: 1px solid #e8e8e8;
-  padding: 11px;
-  font-size: 14px;
-  color: #3e8ef7;
-}
-
-.bannerbtn a {
-  flex: 1;
-  text-align: center;
-  color: #3e8ef7 !important;
-  text-decoration: none;
-}
-
-.imgs {
-  position: relative;
-  border-radius: 6px;
-  width: 148px;
-  height: 148px;
-  margin-right: 10px;
-  display: inline-block;
-}
-
-.dels {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: none;
-}
-
-.dels .el-icon-delete {
-  line-height: 148px;
-  padding-left: 58px;
-  font-size: 25px;
-  color: #fff;
-}
-
-.imgs:hover .dels {
-  width: 100%;
-  height: 100%;
-  background: #000;
-  display: block;
-  opacity: 0.5;
-}
-
-.bqList {
-  padding: 4px 14px;
-  margin: 4px;
-  border: 1px solid #efefef;
-  font-size: 12px;
-  color: #999;
-  border-radius: 4px;
-  margin-right: 15px;
-}
-
-.delss {
-  display: none;
-  position: relative;
-}
-
-.delss .el-icon-delete {
-  position: absolute;
-  top: 0;
-}
-
-.bqList:hover .delss {
-  display: initial;
-  opacity: 0.5;
-}
-
-.tj {
-  padding: 6px !important;
-  margin: 4px;
-  font-size: 12px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-}
-</style>