<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">

      <!-- 项目列表 -->
      <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="时长(分钟)" width="100">
          </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="isTj" label="推荐">
			<template slot-scope="scope">
				<el-switch
					v-model="scope.row.isTj"
					@change="changeTj(scope.row.massageTypeId, scope.row.isTj)"
					: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="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="qyType" label="是否企业预约项目">-->
<!--            <template slot-scope="scope">-->
<!--              <el-switch-->
<!--                v-model="scope.row.qyType"-->
<!--                @change="changeQy(scope.row.massageTypeId, scope.row.qyType)"-->
<!--                :active-value="openValue3"-->
<!--                :inactive-value="closeValue3"-->
<!--                active-color="#13ce66"-->
<!--                inactive-color="#ff4949"-->
<!--              >-->
<!--              </el-switch>-->
<!--            </template>-->
<!--          </el-table-column>-->
<!--          <el-table-column prop="qyMinNum" label="企业预约最小次数" width="150">-->
<!--            <template slot-scope="scope">-->
<!--              <span>{{ scope.row.qyMinNum }}</span>-->
<!--              <el-button-->
<!--                size="mini"-->
<!--                type="primary"-->
<!--                plain-->
<!--                :disabled="!isAuth('locality:update')"-->
<!--                @click="updateQyMin(scope.row)"-->
<!--                style="margin: 5px"-->
<!--                >修改</el-button-->
<!--              >-->
<!--            </template>-->
<!--          </el-table-column>-->
          <!-- <el-table-column prop="createTime" label="创建时间">
					</el-table-column> -->
          <el-table-column label="操作" prop="id" width="260" 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>
              <el-button
                size="mini"
                type="primary"
                style="margin: 5px"
                @click="handleAddpl(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="[5, 10, 20, 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> -->

        <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-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="ordersales"
            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-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="qyMinNum"-->
<!--            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" />

						<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%" center>
      <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-button
	    style="margin: 10px"
	    size="mini"
	    type="primary"
	    icon="document"
	    @click="addSelection"
		>批量添加
      </el-button>
      <el-table :data="clockData.list" style="width: 100%" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column prop="title" label="项目名称" width="480">
        </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="handleSizeChangeJiazhong"
          @current-change="handleCurrentChangeJiazhong"
		  :page-sizes="[10, 20, 30, 40]"
          :page-size="childLimit"
          :current-page="childPage"
          layout="total, sizes, prev, pager, next,jumper"
          :total="clockData.totalCount"
        >
        </el-pagination>
      </div>
    </el-dialog>



			<el-dialog title="新增评论" :visible.sync="dialogSaveVisible" center>
				<el-form :model="saveForm">
					<el-form-item label="内容" :label-width="formLabelWidth">
						<el-input v-model="saveForm.content" type="textarea" style="width:65%;" > </el-input>
					</el-form-item>
					<el-form-item label="评分" :label-width="formLabelWidth">
						<el-input v-model="saveForm.score" type="number" :max="5" style="width:65%;" > </el-input>
					</el-form-item>
				</el-form>
				<div slot="footer" class="dialog-footer">
					<el-button @click="dialogSaveVisible = false">取 消</el-button>
					<el-button type="primary" @click="handelQueren()">确 定</el-button>
				</div>
			</el-dialog>
  </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 quillConfig from "./quill-config.js";
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: 10,
      childPage: 1,
      limit: 5,
      classify: 6,
      classifys: 6,
      openValue: 1,
      closeValue: 2,
      openValue1: 0,
      closeValue1: 1,
      openValue2: 1,
      closeValue2: 2,
      openValue3: 1,
      closeValue3: 0,
      qyMinNum:0,
      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,
      dialogSaveVisible: 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: "",
      ordersales:"",
      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: quillConfig,
      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: {},

      //新增评论内容
      saveForm:{
        massageTypeId: '',
        content: '',
        score: ''
      },
      plmassageTypeId:'',
    };
  },
  methods: {
    handleAddpl(record){
      this.dialogSaveVisible = true;
      this.plmassageTypeId = record.massageTypeId;
      this.saveForm = {
        massageTypeId: '',
        content: '',
        score: ''
      }
    },
    //新增评论保存
    handelQueren(){
      this.$http({
        url: this.$http.adornUrl('takingComment/insertTaking'),
        method: 'post',
        params: this.$http.adornParams({
          'content': this.saveForm.content,
          'score': this.saveForm.score,
          'massageTypeId': this.plmassageTypeId,
        })
      }).then(({ data }) => {
        this.dialogSaveVisible = false;
        this.classSelect();
      })
    },
    //翻译字典（手动）
    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;
				}
			})
		},
    // 加钟项目查询
    clockQuery() {
      this.page = 1;
      this.selectMassageTypeChildrenPage();
    },
    // 加钟项目重置
    clockReset() {
      this.clockTitle = "";
      this.selectMassageTypeChildrenPage();
    },
    addSelection() {
		const ids = this.multipleSelection.join(',');
		if(ids==null||ids.length<1){
			return;
		}
		this.$http({
			url: this.$http.adornUrl("artificer/addSelectionMassages"),
			method: "post",
			// params: this.$http.adornParams({
			data: this.$http.adornData({
				ids: ids,
				parentId: this.parentId,
			}),
		}).then(({ data }) => {
			if (data.code == 0) {
				this.Listframe = false;
				this.$message({
					message: "操作成功",
					type: "success",
					duration: 1500,
					onClose: () => {
						this.classSelectJz();
					},
				});
			} else {
				this.$message({
					message: data.msg,
					type: "warning",
					duration: 1500,
					onClose: () => {},
				});
			}
		});
    },
    // 加钟项目列表添加进行赋值，打开添加弹窗
    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();
    },
    handleSizeChangeJiazhong(val){
      this.childPage = val
      console.log(`🚀 ~ handleSizeChangeJiazhong ~ this.childPage:`, this.childPage)
      this.selectMassageTypeChildrenPage();
    },
    handleCurrentChange(val) {
      this.page = val;
      this.classSelect();
    },
    handleCurrentChangeJiazhong(val) {
      this.childPage = val;
      this.selectMassageTypeChildrenPage();
    },

    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].massageTypeId);
      }
      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;
    },
  // 推荐与否
  changeTj(massageTypeId, isTj) {
	  this.$http({
		  url: this.$http.adornUrl(`artificer/updateMassageType`),
		  method: "post",
		  data: this.$http.adornData({
			  massageTypeId: massageTypeId,
			  isTj: isTj,
		  }),
	  }).then(({ data }) => {
		  this.$message({
			  message: "操作成功",
			  type: "success",
			  duration: 1500,
			  onClose: () => {
				  this.classSelect();
			  },
		  });
	  });
  },
    // 启用与否
    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();
          },
        });
      });
    },

    // 企业预约项目是否启用
    changeQy(massageTypeId, qyType) {
      this.$http({
        url: this.$http.adornUrl(`artificer/updateMassageType`),
        method: "post",
        data: this.$http.adornData({
          massageTypeId: massageTypeId,
          qyType: qyType,
        }),
      }).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.ordersales = row.sales;
      this.dialogFormVisibleBz = true;
    },
    // 企业预约最小数量
    // updateQyMin(row) {
    //   this.ordersId = row.massageTypeId;
    //   this.qyMinNum = row.qyMinNum;
    //   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.ordersales,
        }),
      }).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: () => {},
          });
        }
      });
    },

    // 修改
    // replyNoticeTo() {
    //   this.$http({
    //     url: this.$http.adornUrl("artificer/updateMassageType"),
    //     method: "post",
    //     // params: this.$http.adornParams({
    //     data: this.$http.adornData({
    //       massageTypeId: this.ordersId,
    //       qyMinNum: this.qyMinNum,
    //     }),
    //   }).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();
  },
};
</script>

<style>
.customWidth {
  width: 80% !important;
}

.el-dialog--center {
	text-align: center;
	margin-top: 1vh !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>
