liumin
/
zkPCproject
0
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
197 Commits
4 Ramas
45 MiB
 
 
 
Árbol: 3d0e1a5750
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '3d0e1a5750'
${ noResults }
zkPCproject/src/views/building/index.vue

1273 líneas
40 KiB
Original Blame Histórico 

  1. <template>

  2.   <div class="box-center">

  3.     <!-- 头 -->

  4.     <div class="app-top">

  5.       <div class="app-titel" style="margin-top: 10px">

  6.         <!-- <div v-if="orgType != 0" class="div-lab">

  7.           <div class="label">服务到期：</div>

  8.           <div class="toptimeqhuan">

  9.             <div

  10.               :class="{ tophove: searchForm.residueTime == 7 }"

  11.               @click="tabtimetap(7)"

  12.             >

  13.               7天内

  14.             </div>

  15.             <div

  16.               :class="{ tophove: searchForm.residueTime == 15 }"

  17.               @click="tabtimetap(15)"

  18.             >

  19.               15天内

  20.             </div>

  21.             <div

  22.               :class="{ tophove: searchForm.residueTime == 30 }"

  23.               @click="tabtimetap(30)"

  24.             >

  25.               30天内

  26.             </div>

  27.           </div>

  28.         </div>

  29.         <div v-if="orgType == 0" class="div-lab">

  30.           <div class="label">合同结束日期：</div>

  31.           <el-date-picker

  32.             v-model="starTime"

  33.             class="div-inp"

  34.             @change="timeChange1"

  35.             type="daterange"

  36.             range-separator="-"

  37.             :default-time="['00:00:00', '23:59:59']"

  38.             value-format="yyyy-MM-dd"

  39.             start-placeholder="开始日期"

  40.             end-placeholder="结束日期"

  41.           >

  42.           </el-date-picker>

  43.         </div> -->

  44. 

  45.         <div class="div-lab">

  46.           <div class="label">合同起止日期：</div>

  47.           <el-date-picker

  48.             v-model="starTime"

  49.             class="div-inp"

  50.             @change="timeChange1"

  51.             style="width:250px;"

  52.             type="daterange"

  53.             range-separator="-"

  54.             :default-time="['00:00:00', '23:59:59']"

  55.             value-format="yyyy-MM-dd"

  56.             start-placeholder="开始日期"

  57.             end-placeholder="结束日期"

  58.           >

  59.           </el-date-picker>

  60.         </div>

  61. 

  62.         <div v-if="orgType == 0" class="div-lab">

  63.           <div class="label">楼盘类型：</div>

  64.           <el-select

  65.             v-model="searchForm.houseType"

  66.             placeholder="请选择"

  67.             class="div-inp"

  68.           >

  69.             <el-option

  70.               v-for="item in options"

  71.               :key="item.value"

  72.               :label="item.label"

  73.               :value="item.value"

  74.             >

  75.             </el-option>

  76.           </el-select>

  77.         </div>

  78.         <div class="div-lab">

  79.           <div class="label">服务状态：</div>

  80.           <el-select

  81.             v-model="searchForm.serviceStatus"

  82.             placeholder="请选择"

  83.             class="div-inp"

  84.           >

  85.             <el-option

  86.               v-for="item in options1"

  87.               :key="item.value"

  88.               :label="item.label"

  89.               :value="item.value"

  90.             >

  91.             </el-option>

  92.           </el-select>

  93.         </div>

  94.         <!-- <div v-if="orgType == 0" class="div-lab">

  95.           <div class="label">运营人员：</div>

  96.           <el-input

  97.             v-model="searchForm.operationalPeople"

  98.             maxlength="8"

  99.             clearable

  100.             class="div-inp"

  101.             placeholder="请输入内容"

  102.           ></el-input>

  103.         </div> -->

  104.         <div v-if="orgType == 0" class="div-lab">

  105.           <div class="label">代理商名称：</div>

  106. 

  107.           <el-input

  108.             class="div-inp"

  109.             maxlength="30"

  110.             clearable

  111.             v-model="searchForm.agentName"

  112.             placeholder="请输入内容"

  113.           ></el-input>

  114.         </div>

  115. 

  116.         <div v-if="orgType != 2" class="div-lab">

  117.           <div class="label">公司名称：</div>

  118.           <el-input

  119.             class="div-inp"

  120.             v-model="searchForm.corporateName"

  121.             placeholder="请输入内容"

  122.             maxlength="30"

  123.             clearable

  124.           ></el-input>

  125.         </div>

  126. 

  127.         <div class="div-lab">

  128.           <div class="label">楼盘名称：</div>

  129.           <el-input

  130.             class="div-inp"

  131.             v-model="searchForm.propertyName"

  132.             placeholder="请输入内容"

  133.             maxlength="30"

  134.             clearable

  135.           ></el-input>

  136.         </div>

  137.       </div>

  138.       <!-- <div class="app-titel" style="margin-top: 10px">

  139. 

  140.       </div> -->

  141.       <div class="app-titel" style="margin-top: 10px">

  142.         <div class="label" style="color: #ffffff">筛选相关：</div>

  143.         <div style="margin-left: 5px;">

  144.           <el-button

  145.             @click="screen"

  146.             type="primary"

  147.             >筛选</el-button

  148.           >

  149.         </div>

  150.         <div style="margin-left: 20px">

  151.           <el-button @click="empty">清空筛选条件</el-button>

  152.         </div>

  153.         <div style="margin-left: auto; margin-right: 20px" v-if="orgType != 2">

  154.           <el-button

  155.             v-if="cus_build_index_add"

  156.             type="primary"

  157.             @click="addHouse"

  158.             >新增</el-button

  159.           >

  160.         </div>

  161.       </div>

  162.     </div>

  163. 

  164.     <!-- 表格 -->

  165.     <div class="cen-tab">

  166.       <el-table :data="tableData" stripe style="width: 100%" >

  167.         <el-table-column prop="propertyName" label="楼盘名称" align="center">

  168.         </el-table-column>

  169.         <el-table-column

  170.           prop="agentName"

  171.           label="代理商"

  172.           align="center"

  173.           v-if="orgType == 0"

  174.         >

  175.           <template slot-scope="{ row }">

  176.             {{ row.agentName || "-" }}

  177.           </template>

  178.         </el-table-column>

  179.         <el-table-column

  180.           prop="corporateName"

  181.           label="公司"

  182.           align="center"

  183.           v-if="orgType != 2"

  184.         >

  185.         </el-table-column>

  186.         <el-table-column prop="address" label="楼盘地址" align="center">

  187.         </el-table-column>

  188.         <el-table-column prop="linkman" label="联系人信息" align="center">

  189.           <template slot-scope="{ row }">

  190.             {{ row.linkman || "-" }}-{{ row.linkmanPhone || "-" }}

  191.           </template>

  192.         </el-table-column>

  193.         <el-table-column prop="managerPhone" label="管理员账号" align="center">

  194.           <template slot-scope="{ row }">

  195.             {{ row.managerPhone || "-" }}

  196.           </template>

  197.         </el-table-column>

  198.         <el-table-column prop="createTime" label="添加日期" align="center">

  199.           <template  slot-scope="{ row }">

  200.             {{row.createTime.substring(0,10)}}

  201.           </template>

  202.         </el-table-column>

  203.         <el-table-column

  204.           prop="houseType"

  205.           label="楼盘类型"

  206.           align="center"

  207.           v-if="orgType != 2"

  208.         >

  209.           <template slot-scope="{ row }">

  210.             {{

  211.               row.houseType == 0 ? "正式" : row.houseType == 1 ? "试用" :row.houseType == 2? "演示":'测试'

  212.             }}

  213.           </template>

  214.         </el-table-column>

  215.         <el-table-column

  216.           prop="startWorking"

  217.           label="合同开始日期"

  218.           align="center"

  219.         >

  220.         </el-table-column>

  221. 

  222.         <el-table-column prop="endWorking" label="合同结束日期" align="center">

  223.         </el-table-column>

  224.         <!-- <el-table-column prop="residueTime" label="剩余天数" align="center">

  225.         </el-table-column> -->

  226.         <el-table-column prop="residueTime" label="服务状态" align="center">

  227.           <template slot-scope="scope">

  228.             <!-- {{ row.serviceStatus == 0 ? "在服务期内" : "已过期" }} -->

  229.               <!-- <div v-if="scope.row.residueTime >0&&scope.row.lockFlag==0">在服务期内({{scope.row.residueTime*1>=0?scope.row.residueTime:scope.row.residueTime*-1}})</div>

  230.               <div v-if="scope.row.residueTime <=0&&scope.row.lockFlag==0">过期({{scope.row.residueTime*1>=0?scope.row.residueTime:scope.row.residueTime*-1}})</div>

  231.               <div v-if="scope.row.lockFlag==1">禁用</div> -->

  232.                <div v-if="scope.row.residueTime >0">服务中({{scope.row.residueTime*1>=0?scope.row.residueTime:scope.row.residueTime*-1}})</div>

  233.               <div v-if="scope.row.residueTime <=0">过期({{scope.row.residueTime*1>=0?scope.row.residueTime:scope.row.residueTime*-1}})</div>

  234.           </template>

  235.         </el-table-column>

  236.           <el-table-column prop="lockFlag" label="状态" align="center">

  237.           <template slot-scope="{ row }">

  238.             {{row.lockFlag==1?'禁用':'启用'}}

  239.           </template>

  240.         </el-table-column>

  241.         <!--  scope -->

  242.         <el-table-column label="操作" align="center" fixed="right" width="200">

  243.           <template slot-scope="{ row }">

  244.             <el-button type="text" v-if="cus_build_index_edit" @click="edit(row)">编辑</el-button>

  245.             <el-button

  246.               type="text"

  247.               v-if="orgType != 2&&cus_build_index_change"

  248.               @click="changeAccount(row)"

  249.               >更换账号</el-button

  250.             >

  251.             <!-- <el-button type="text" v-if="orgType == 2">添加员工</el-button> -->

  252.             <el-button type="text" size="small" v-if="cus_build_index_sys"  @click="editOpera(row,0)">系统运营</el-button>

  253.             <el-button  type="text" size="small" v-if="cus_build_index_agent" @click="editOpera(row,1)">售后运营</el-button>

  254.             <!-- <el-button type="text">添加员工</el-button> -->

  255.             <el-button  type="text" size="small" v-if="cus_build_index_bindAgent" @click="bindAgent(row)">绑定代理商</el-button>

  256.             <el-button type="text" v-if="cus_build_index_del" @click="del(row)">删除</el-button>

  257.             <el-button  type="text" v-if="cus_build_index_open" size="small"  @click="toDisable(row)">{{row.lockFlag==0?'禁用':'启用'}}</el-button>

  258.           </template>

  259.         </el-table-column>

  260.       </el-table>

  261.       <div style="display: flex; justify-content: flex-end; margin-top: 10px">

  262.         <el-pagination

  263.           @size-change="handleSizeChange"

  264.           @current-change="handleCurrentChange"

  265.           :current-page="currentPage"

  266.           :page-sizes="[10, 30, 50]"

  267.           :page-size="size"

  268.           layout="total, sizes, prev, pager, next, jumper"

  269.           :total="total"

  270.         >

  271.         </el-pagination>

  272.       </div>

  273.     </div>

  274. 

  275.     <el-dialog

  276.       :title="editFlag ? '编辑楼盘' : '新增楼盘'"

  277.       :visible.sync="dialogVisible"

  278.       @close="dialogClose"

  279.     >

  280.       <el-form

  281.         :model="ruleForm"

  282.         label-position="labelPosition"

  283.         ref="ruleForm"

  284.         label-width="150px"

  285.         style="width: 60%"

  286.         :rules="rules"

  287.       >

  288.         <el-form-item label="公司" prop="orgCode" v-if="orgType != 2">

  289.           <el-select v-model="ruleForm.orgCode" filterable  placeholder="请选择公司">

  290.             <el-option

  291.               v-for="item in orgList"

  292.               :key="item.id"

  293.               :label="item.name"

  294.               :value="item.orgCode"

  295.             >

  296.             </el-option>

  297.           </el-select>

  298.         </el-form-item>

  299.         <el-form-item label="楼盘类型" prop="houseType" v-if="orgType != 2">

  300.           <el-radio-group v-model="ruleForm.houseType">

  301.             <el-radio :label="0">正式</el-radio>

  302.             <el-radio :label="1">试用</el-radio>

  303.             <el-radio :label="2">演示</el-radio>

  304.             <el-radio :label="3">测试</el-radio>

  305.           </el-radio-group>

  306.         </el-form-item>

  307.         <el-form-item label="楼盘名称" prop="propertyName">

  308.           <el-input v-model="ruleForm.propertyName" maxlength="30" clearable></el-input>

  309.         </el-form-item>

  310.         <el-form-item

  311.           label="合同起止日期"

  312.           prop="startWorking"

  313.           v-if="orgType != 2"

  314.         >

  315.           <el-date-picker

  316.             v-model="time"

  317.             @change="timeChange"

  318.             type="daterange"

  319.             range-separator="-"

  320.             :default-time="['00:00:00', '23:59:59']"

  321.             value-format="yyyy-MM-dd"

  322.             start-placeholder="开始日期"

  323.             end-placeholder="结束日期"

  324.           >

  325.           </el-date-picker>

  326.         </el-form-item>

  327.         <el-form-item label="联系人" prop="linkman">

  328.           <el-input v-model="ruleForm.linkman" maxlength="20" clearable></el-input>

  329.         </el-form-item>

  330.         <el-form-item label="联系手机" prop="linkmanPhone">

  331.           <el-input

  332.             v-model="ruleForm.linkmanPhone"

  333.             type="tel"

  334.             maxlength="11"

  335.             onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)));"

  336.           ></el-input>

  337.         </el-form-item>

  338.         <el-form-item label="楼盘地区" prop="provinceId">

  339.           <el-cascader

  340.             :props="props"

  341.             @change="locationsChange"

  342.             :options="addressOptions"

  343.             placeholder="省/市"

  344.             size="small"

  345.             separator="/"

  346.             v-model="ruleForm.area"

  347.             clearable

  348.           ></el-cascader>

  349.         </el-form-item>

  350.         <el-form-item label="详细地址" prop="address">

  351.           <el-input v-model="ruleForm.address"  type="textarea" maxlength="60"  show-word-limit></el-input>

  352.         </el-form-item>

  353.         <!-- <el-form-item

  354.           label="运营人员"

  355.           prop="operationalPeople"

  356.           v-if="orgType == 0"

  357.         >

  358.           <el-select

  359.             v-model="ruleForm.operationalPeople"

  360.             placeholder="请选择运营人员"

  361.           >

  362.             <el-option

  363.               v-for="item in operationList"

  364.               :key="item.accountId"

  365.               :label="item.name"

  366.               :value="item.accountId"

  367.             >

  368.             </el-option>

  369.           </el-select>

  370.         </el-form-item> -->

  371.         <el-form-item label="管理员账号" prop="managerPhone" v-if="!editFlag">

  372.           <el-input maxlength="11" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)));" v-model="ruleForm.managerPhone"></el-input>

  373.         </el-form-item>

  374.         <el-form-item

  375.           label="管理员密码"

  376.           prop="managerPassword"

  377.           v-if="!editFlag"

  378.         >

  379.           <el-input

  380.             v-model="ruleForm.managerPassword"

  381.             maxlength="18"

  382.             type="passsword"

  383.             show-password

  384.             :disabled='passFlag'

  385.           ></el-input>

  386.         </el-form-item>

  387.       </el-form>

  388.       <div slot="footer" class="dialog-footer">

  389.         <el-button @click="addSurequxiao()">取 消</el-button>

  390.         <el-button type="primary" @click="addSure">

  391.           <!-- {{

  392.           editFlag ? "编辑" : "保存"

  393.         }} -->

  394.         保存

  395.         </el-button>

  396.       </div>

  397.     </el-dialog>

  398. 

  399.     <el-dialog

  400.       title="更换账号"

  401.       :visible.sync="changeFlag"

  402.       @close="$refs.accountForm.resetFields()"

  403.       width="400px"

  404.     >

  405.       <el-form

  406.         :model="accountForm"

  407.         label-width="100px"

  408.         ref="accountForm"

  409.         :rules="accountRules"

  410.       >

  411.         <el-form-item label="管理员账号:" prop="managerPhone">

  412.           <el-input

  413.             style="width: 200px"

  414.             maxlength="11"

  415.             v-model.number="accountForm.managerPhone"

  416.             onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)));"

  417.           ></el-input>

  418.         </el-form-item>

  419.         <el-form-item label="管理员密码:" prop="managerPassword">

  420.           <el-input

  421.             style="width: 200px"

  422.             :disabled='passFlag'

  423.             show-password

  424.             v-model="accountForm.managerPassword"

  425.           ></el-input>

  426.         </el-form-item>

  427.       </el-form>

  428.       <div style="display: flex; justify-content: space-around">

  429.         <el-button @click="changeFlag = false">取 消</el-button>

  430.         <el-button type="primary" @click="changeSure">确 定</el-button>

  431.       </div>

  432.     </el-dialog>

  433.     <!-- <el-dialog title="新增用户" :visible.sync="dialogVisible1">

  434.       <el-form

  435.         :model="ruleForm1"

  436.         label-position="labelPosition"

  437.         ref="ruleForm1"

  438.         label-width="100px"

  439.         style="width: 60%; margin: 0 auto"

  440.       >

  441.         <el-form-item label="用户名：" prop="areaName">

  442.           <el-input v-model="ruleForm1.areaName"></el-input>

  443.         </el-form-item>

  444.         <el-form-item label="性别：" prop="areaName">

  445.           <el-radio-group v-model="ruleForm1.resource">

  446.             <el-radio label="男"></el-radio>

  447.             <el-radio label="女"></el-radio>

  448.           </el-radio-group>

  449.         </el-form-item>

  450.         <el-form-item label="登录手机：" prop="areaName">

  451.           <el-input v-model="ruleForm1.areaName"></el-input>

  452.         </el-form-item>

  453.         <el-form-item label="登录密码：" prop="areaName">

  454.           <el-input v-model="ruleForm1.areaName"></el-input>

  455.         </el-form-item>

  456.         <el-form-item label="角色：" prop="areaName">

  457.           <el-select v-model="ruleForm1.region" placeholder="请选择角色">

  458.             <el-option label="区域一" value="shanghai"></el-option>

  459.             <el-option label="区域二" value="beijing"></el-option>

  460.           </el-select>

  461.         </el-form-item>

  462.         <el-form-item label="部门：" prop="areaName">

  463.           <el-select v-model="ruleForm1.region" placeholder="请选择部门">

  464.             <el-option label="区域一" value="shanghai"></el-option>

  465.             <el-option label="区域二" value="beijing"></el-option>

  466.           </el-select>

  467.         </el-form-item>

  468.       </el-form>

  469.       <div slot="footer" class="dialog-footer">

  470.         <el-button @click="dialogVisible2 = false">取 消</el-button>

  471.         <el-button type="primary">保存</el-button>

  472.       </div>

  473.     </el-dialog> -->

  474. 

  475.     <el-dialog  :title="sysFlag==0?'绑定系统运营':'绑定售后运营'" :visible.sync="operaVisible">

  476.       <el-form

  477.         :model="operaForm"

  478.         label-position="labelPosition"

  479.         :rules="operaRules"

  480.         ref="operaForm"

  481.         label-width="140px"

  482.       >

  483.         <el-form-item label="运营人员：" prop="operationalPeople">

  484.           <el-select

  485.             v-model="operaForm.operationalPeople"

  486.             filterable

  487.             multiple

  488.             style="width: 80%"

  489.             placeholder="请选择"

  490.           >

  491.             <el-option

  492.               v-for="item in optionsoperationalPeople"

  493.               :key="item.value"

  494.               :label="item.name"

  495.               :value="item.accountId"

  496.             >

  497.             </el-option>

  498.           </el-select>

  499.         </el-form-item>

  500.       </el-form>

  501.       <div slot="footer" class="dialog-footer">

  502.         <el-button @click="operaVisible = false">取 消</el-button>

  503.         <el-button type="primary" @click="saveOpera()">保存</el-button>

  504.       </div>

  505.     </el-dialog>

  506. 

  507.     <el-dialog title="绑定代理商" :visible.sync="agentVisible">

  508.       <el-form

  509.         :model="agentForm"

  510.         label-position="labelPosition"

  511.         :rules="agentRule"

  512.         ref="agentForm"

  513.         label-width="140px"

  514.       >

  515.         <el-form-item label="代理商：" prop="agentId">

  516.           <el-select

  517.             v-model="agentForm.agentId"

  518.             style="width: 80%"

  519.             filterable

  520.             clearable

  521.             placeholder="请选择"

  522.           >

  523.             <el-option

  524.               v-for="item in optionsagentId"

  525.               :key="item.id"

  526.               :label="item.agentName"

  527.               :value="item.id"

  528.             >

  529.             </el-option>

  530.           </el-select>

  531.         </el-form-item>

  532.       </el-form>

  533.       <div slot="footer" class="dialog-footer">

  534.         <el-button @click="agentVisible = false">取 消</el-button>

  535.         <el-button type="primary" @click="saveAgent()">保存</el-button>

  536.       </div>

  537.     </el-dialog>

  538.   </div>

  539. </template>

  540. 

  541. <script>

  542. import { mapGetters } from "vuex";

  543. import { getAreaList } from "@/api/modules/api";

  544. export default {

  545.   data() {

  546.     var validatePass = (rule, value, callback) => {

  547.       if (value === "") {

  548.         // callback(new Error("请输入手机号"));

  549.         callback();

  550.       } else {

  551.         if (value) {

  552.           if (!/^1[3456789]\d{9}$/.test(value)) {

  553.             // alert("手机号码不合法，请重新输入");

  554.             callback(new Error("手机号格式错误，请重新输入"));

  555.           }

  556.         }

  557.         callback();

  558.       }

  559.     };

  560.     var validatePass1 = (rule, value, callback) => {

  561.       if (value === "") {

  562.         callback(new Error("请输入管理员账号"));

  563.       } else {

  564.         if (value) {

  565.           this.passFlag=false

  566.           if (!/^1[3456789]\d{9}$/.test(value)) {

  567.             // alert("手机号码不合法，请重新输入");

  568.             callback(new Error("手机号格式错误，请重新输入"));

  569.           }else{

  570.                       // 验证电话号码

  571.           this.$api.api.verPhone(value).then((res) => {

  572.             // console.log(res);

  573.             // 判断数据是否已经有了

  574.             if (res.data) {

  575.               // 由用户

  576.               this.$api.api.userVerify({

  577.                 // orgType:localStorage.getItem('orgType'),

  578.                 orgType:3,

  579.                 accountId:res.data.sysUser.accountId,

  580.                 username:res.data.sysUser.username,

  581.                 agentId:localStorage.getItem('agentId'),

  582.                 orgCode:localStorage.getItem('orgCode'),

  583.               })

  584.               .then(res1=>{

  585.                 callback();

  586.                 this.passFlag=true

  587.                 if(this.changeFlag){

  588.                   this.accountForm.managerPassword=res.data.sysUser.resultPwd

  589.                 }else{

  590.                   this.ruleForm.managerPassword=res.data.sysUser.resultPwd

  591.                 }

  592.               })

  593.               .catch(err=>{

  594.                 console.log(err)

  595.                 callback(new Error(err));

  596.               })

  597.             } else {

  598.               // 没有用户

  599.               // console.log("没有用户");

  600.               // callback(new Error("没有管理员账号"));

  601.                 if(this.changeFlag){

  602.                   this.accountForm.managerPassword=''

  603.                 }else{

  604.                   this.ruleForm.managerPassword=''

  605.                 }

  606.               this.passFlag=false

  607.               callback();

  608. 

  609.             }

  610.           });

  611.           }

  612.         }

  613.         callback();

  614.       }

  615.     };

  616.     return {

  617.       props: {

  618.         lazy: true,

  619.         async lazyLoad(node, resolve) {

  620.           console.log(node, 123);

  621.           const { level } = node;

  622.           if (level == 0) {

  623.             console.log(23);

  624.             const { data } = await getAreaList({ parentId: 0 }); //获取省接口

  625.             var nodes = data.map((item) => {

  626.               return {

  627.                 value: item.id,

  628.                 label: item.name,

  629.                 leaf: false,

  630.               };

  631.             });

  632.             resolve(nodes);

  633.           } else if (level == 1) {

  634.             const { data } = await getAreaList({ parentId: node.data.value }); //获取市接口

  635.             var nodes = data.map((item) => {

  636.               return {

  637.                 value: item.id,

  638.                 label: item.name,

  639.                 leaf: true,

  640.               };

  641.             });

  642.             resolve(nodes);

  643.           }

  644.         },

  645.       },

  646.       editFlag: false,

  647.       changeFlag: false,

  648.       operaVisible: false,

  649.       passFlag:false,

  650.       starTime: [],

  651.       searchForm: {

  652.         corporateName: "",

  653.         propertyName: "",

  654.         serviceStatus: "",

  655.         houseType: "",

  656.         // residueTime: 7,

  657.         startWorking: "",

  658.         endWorking: "",

  659.         agentName: "",

  660.         operationalPeople: "",

  661.       },

  662.       options1: [

  663.         {

  664.           value: "0",

  665.           label: "服务中",

  666.         },

  667.         {

  668.           value: "1",

  669.           label: "已过期",

  670.         },

  671.       ],

  672.       options: [

  673.         {

  674.           value: "0",

  675.           label: "正式",

  676.         },

  677.         {

  678.           value: "1",

  679.           label: "试用",

  680.         },

  681.         {

  682.           value: "2",

  683.           label: "演示",

  684.         },

  685.         {

  686.           value: "3",

  687.           label: "测试",

  688.         },

  689.       ],

  690.       currentPage: 1,

  691.       size: 10,

  692.       total: 10,

  693.       value: "",

  694.       input: "",

  695.       sysFlag:'0',

  696.       idx:'0',

  697.       tableData: [],

  698.       optionsoperationalPeople: [],

  699.       orgType: "",

  700.       orgList: [],

  701.       operationList: [],

  702.       dialogVisible: false,

  703.       dialogVisible1: false,

  704.       agentVisible:false,

  705.       time: [],

  706.       addressOptions: [],

  707.       accountForm: {

  708.         managerPassword: "",

  709.         managerPhone: "",

  710.       },

  711.       accountRules: {

  712.         managerPhone: [

  713.           { required: true, message: "请填写账号", trigger: "blur" },

  714.           { validator: validatePass1, trigger: "blur" }],

  715.         managerPassword: [

  716.           { required: true, message: "请填写密码", trigger: "blur" },

  717.           { min: 6, max: 18, message: '请输入6~18位，数字或字母组合的密码', trigger: 'blur' }

  718.         ],

  719.       },

  720.       ruleForm: {

  721.         orgCode: "", //公司标识

  722.         houseType: 0, //楼盘类型

  723.         propertyName: "", //楼盘名称

  724.         startWorking: "", //活动开始时间

  725.         endWorking: "", //活动结束时间

  726.         linkman: "", //联系人

  727.         linkmanPhone: "", //联系手机

  728.         area: [], //楼盘地区

  729.         address: "", //详细地址

  730.         operationalPeople: "", //运营人员

  731.         managerPhone: "", //管理员账号

  732.         managerPassword: "", //密码

  733.         provinceId: "", //省id

  734.         cityId: "", //市id

  735.         agentId:localStorage.getItem('agentId')

  736.       },

  737.       ruleForm1: {},

  738.       optionsagentId:[],

  739.       rules: {

  740.         orgCode: [{ required: true, message: "请选择公司", trigger: "blur" }],

  741.         propertyName: [

  742.           { required: true, message: "请填写楼盘名称", trigger: "change" },

  743.         ],

  744.         managerPassword: [

  745.           { required: true, message: "请填写密码", trigger: "change" },

  746.           { min: 6, max: 18, message: '请输入6~18位，数字或字母组合的密码', trigger: 'blur' }

  747.         ],

  748.         startWorking: [

  749.           { required: true, message: "请选择时间", trigger: "change" },

  750.         ],

  751.         managerPhone: [

  752.             { required: true, message: "请填写账号", trigger: "change" },

  753.             { validator: validatePass1, trigger: "blur" }

  754.           ],

  755.         linkmanPhone: [{ validator: validatePass, trigger: "blur" }],

  756.         provinceId:[

  757.            { required: false, message: "请选择省市", trigger: "change" },

  758.         ]

  759.       },

  760.       operaForm: {

  761.         operationalPeople: "",

  762.       },

  763.       operaRules: {

  764.         operationalPeople: [

  765.           { required: false, message: "请选择运营人员", trigger: "blur" },

  766.         ],

  767.       },

  768.       agentRule: {

  769.         agentId: [{ required: true, message: "请选择代理商", trigger: "blur" }],

  770.       },

  771.       agentForm: {

  772.         agentId:'',

  773.       },

  774.     };

  775.   },

  776.     computed: {

  777.     ...mapGetters(["permissions"]),

  778.   },

  779.   created() {

  780.     this.cus_build_index_add = this.permissions["cus_build_index_add"];

  781.     this.cus_build_index_edit = this.permissions["cus_build_index_edit"];

  782.     this.cus_build_index_change = this.permissions["cus_build_index_change"];

  783.     this.cus_build_index_sys = this.permissions["cus_build_index_sys"];

  784.     this.cus_build_index_agent = this.permissions["cus_build_index_agent"];

  785.     this.cus_build_index_bindAgent = this.permissions["cus_build_index_bindAgent"];

  786.     this.cus_build_index_del = this.permissions["cus_build_index_del"];

  787.     this.cus_build_index_open = this.permissions["cus_build_index_open"];

  788.   },

  789.   mounted() {

  790.     this.orgType = localStorage.getItem("orgType");

  791.     // 获取公司列表数据

  792.     this.getOrgList();

  793.     // 获取运营人员

  794.     // this.getAllOperationsStaff();

  795.     // 获取列表数据

  796.     this.zkhousePage();

  797.   },

  798.   methods: {

  799.     bindAgent(row) {

  800.       // console.log(row);

  801.       this.findMyAgent(row);

  802.       this.agentVisible = true;

  803.     },

  804.     saveAgent() {

  805.       this.$refs.agentForm.validate((valid) => {

  806.         if (valid) {

  807.           console.log(this.agentForm);

  808.           this.$api.api

  809.             .saveAgent({

  810.               agentId: this.agentForm.agentId,

  811.               id: this.agentForm.houseId,

  812.             })

  813.             .then((res) => {

  814.               this.$message.success("操作成功");

  815.               this.zkhousePage();

  816.               this.agentVisible = false;

  817.             });

  818.         }

  819.       });

  820.     },

  821.     findMyAgent(row) {

  822.       this.$api.http.findMyAgent({ orgType: this.orgType }).then((res) => {

  823.         console.log(res.data);

  824.         this.optionsagentId = res.data;

  825.         this.agentForm.orgCode = row.orgCode;

  826.         this.agentForm.houseId = row.id;

  827.         this.agentForm.agentId=row.agentId

  828.       });

  829.     },

  830.     saveOpera() {

  831.       this.$refs.operaForm.validate((valid) => {

  832.         if (valid) {

  833.           // console.log(valid,this.operaForm);

  834.           this.$api.api

  835.             .zkoperationrecordSaveHouse({

  836.               orgType: 3,

  837.               accountIds: this.operaForm.operationalPeople.join(","),

  838.               orgId: this.operaForm.orgId,

  839.               orgCode: this.operaForm.orgCode,

  840.               operationType:this.idx==0?'1':'2'

  841.             })

  842.             .then((res) => {

  843.               console.log(res);

  844.               this.$message.success("操作成功");

  845.               this.operaVisible = false;

  846.               this.zkhousePage();

  847.             });

  848.         }

  849.       });

  850.     },

  851.     editOpera(row,idx) {

  852.       // console.log(row,idx);

  853.       // 获取运营人员列表

  854.       this.operaForm.orgId = row.id;

  855.       this.operaForm.orgCode = row.orgCode;

  856.       this.sysFlag=idx

  857.       this.idx=idx

  858.       this.AllOperationsStaff(idx,row);

  859.       this.zkoperationrecordFindByOrg(row.id,idx);

  860.     },

  861.     zkoperationrecordFindByOrg(orgId,idx) {

  862.       this.$api.api

  863.         .zkoperationrecordFindByOrg({

  864.           orgType:3,

  865.           orgId,

  866.           operationType:this.idx==0?'1':'2'

  867.         })

  868.         .then((res) => {

  869.           // console.log(res);

  870.           if (res.data.length == 0) {

  871.             // 没有运营人员

  872.             this.operaForm.operationalPeople = [];

  873.           } else {

  874.             let arr = [];

  875.             // 有运营

  876.             res.data.map((item) => {

  877.               arr.push(item.accountId);

  878.             });

  879.             this.operaForm.operationalPeople = arr;

  880.           }

  881.         });

  882.     },

  883.     //获取运营人员

  884.     AllOperationsStaff(idx,row) {

  885.       console.log(idx);

  886.       this.optionsoperationalPeople = [];

  887.       if(idx==1){

  888.         this.$api.http.getAllOperationsStaffByAgent({

  889.               agentId:row.agentId

  890.             }).then((res) => {

  891.               this.optionsoperationalPeople= res.data

  892.               this.operaVisible = true;

  893.             });

  894.       }else{

  895.         this.$api.http.getAllOperationsStaff().then((res) => {

  896.             this.optionsoperationalPeople= res.data

  897.             this.operaVisible = true;

  898.           });

  899.       }

  900. 

  901.       // this.$api.api.getAllOperationsStaffByAgent({agentId}).then((res) => {

  902.       //   this.optionsoperationalPeople = res.data;

  903.       // });

  904.     },

  905.     screen(){

  906.       this.currentPage=1

  907.       this.zkhousePage()

  908.     },

  909.     addSurequxiao() {

  910.       this.dialogVisible = false;

  911.     },

  912.     // 添加楼盘

  913.     addSure() {

  914.       // console.log(this.addressOptions)

  915.       this.$refs.ruleForm.validate((valid) => {

  916.         if (valid) {

  917.           console.log(this.ruleForm);

  918.           // 编辑

  919.           if (this.editFlag) {

  920.             console.log("编辑");

  921.             this.$api.api.editZkhouse(this.ruleForm).then((res) => {

  922.               console.log(res);

  923.               if (res.code == 0) {

  924.                 this.dialogVisible = false;

  925.                 this.$message.success("编辑成功");

  926.                 this.zkhousePage();

  927.               }

  928.             });

  929.           } else {

  930.             // 添加

  931.             console.log("添加");

  932.             this.$api.api.addZkhouse(this.ruleForm).then((res) => {

  933.               console.log(res);

  934.               if (res.code == 0) {

  935.                 this.dialogVisible = false;

  936.                 this.$message.success("新增楼盘成功");

  937.                 this.zkhousePage();

  938.               }

  939.             });

  940.           }

  941.         }

  942.       });

  943.     },

  944.     toDisable(row){

  945.       this.$confirm(`确定${row.lockFlag==0?'禁用':'启用'}此楼盘么？`, '提示', {

  946.           confirmButtonText: '确定',

  947.           cancelButtonText: '取消',

  948.           type: 'warning'

  949.         }).then(() => {

  950.           // return

  951.           // console.log(123);

  952.             this.$api.api.editZkhouse({id:row.id,lockFlag:row.lockFlag==0?1:0}).then((res) => {

  953.                  if(res.code==0){

  954.                      this.$message({

  955.                       type: 'success',

  956.                       message: '操作成功!'

  957.                     });

  958.                     this.zkhousePage();

  959.                  }else{

  960.                     this.$message.error(res.message);

  961.                  }

  962.             })

  963.         })

  964.         .catch(err=>{

  965.           // console.log('关闭');

  966.           // console.log(err);

  967.         })

  968.     },

  969.     dialogClose() {

  970.       this.restFrom();

  971.     },

  972.     restFrom() {

  973.       this.$refs.ruleForm.resetFields();

  974.       this.time = [];

  975.       this.ruleForm = {

  976.         orgCode: "", //公司标识

  977.         houseType: 0, //楼盘类型

  978.         propertyName: "", //楼盘名称

  979.         startWorking: "", //活动开始时间

  980.         endWorking: "", //活动结束时间

  981.         linkman: "", //联系人

  982.         linkmanPhone: "", //联系手机

  983.         area: [], //楼盘地区

  984.         address: "", //详细地址

  985.         operationalPeople: "", //运营人员

  986.         managerPhone: "", //管理员账号

  987.         managerPassword: "", //密码

  988.         provinceId: "", //省id

  989.         cityId: "", //市id

  990.       };

  991.     },

  992.     // 新增楼盘,弹框显示

  993.     addHouse() {

  994.       this.editFlag = false;

  995.       this.dialogVisible = true;

  996.       this.passFlag=false

  997.     },

  998.     edit(row) {

  999.       console.log(row);

  1000.       this.time = [

  1001.         row.startWorking.substring(0, 10),

  1002.         row.endWorking.substring(0, 10),

  1003.       ];

  1004.       // console.log(this.time)

  1005.       this.ruleForm = Object.assign({}, row);

  1006.       this.ruleForm.area = [this.ruleForm.provinceId, this.ruleForm.cityId];

  1007.       this.dialogVisible = true;

  1008.       // 获取地区选择数据,在这里对回显的时候进行操作，首先先获取一级省的数据

  1009.       // this.getProvinceList();

  1010.       // 级联选择器回显问题

  1011. 

  1012.       this.editFlag = true;

  1013.     },

  1014.     // 更换账号

  1015.     changeAccount(row) {

  1016.       this.changeFlag = true;

  1017.       this.passFlag=false

  1018.       this.accountForm.id = row.id;

  1019.     },

  1020.     changeSure() {

  1021.       this.$refs.accountForm.validate((valid) => {

  1022.         if (valid) {

  1023.           this.$api.api.updateManagerPhone(this.accountForm).then((res) => {

  1024.             if (res.code == 0) {

  1025.               this.changeFlag = false;

  1026.               this.$message.success("编辑成功");

  1027.               this.zkhousePage();

  1028.             }

  1029.           });

  1030.         }

  1031.       });

  1032.     },

  1033.     del(row) {

  1034.       console.log(row, "删除");

  1035.       this.$confirm(`是否删除此楼盘?`, "提示", {

  1036.         confirmButtonText: "确定",

  1037.         cancelButtonText: "取消",

  1038.         distinguishCancelAndClose: true,

  1039.         type: "warning",

  1040.       }).then(() => {

  1041.         axios({

  1042.           url: `/autoSR/zkhouse/${row.id}`,

  1043.           method: "delete",

  1044.           // params: {

  1045.           //   id: row.id,

  1046.           // },

  1047.         }).then((res) => {

  1048.           if (res.code == 0) {

  1049.             this.$message.success("删除成功");

  1050.             this.zkhousePage();

  1051.           } else {

  1052.             this.$message.warning(res.resMsg);

  1053.           }

  1054.         });

  1055.       });

  1056.     },

  1057.     // 时间改变

  1058.     timeChange(e) {

  1059.       console.log(e);

  1060.       this.ruleForm.startWorking = e[0];

  1061.       this.ruleForm.endWorking = e[1];

  1062.     },

  1063.     // 获取公司列表

  1064.     getOrgList() {

  1065.       this.$api.api

  1066.         .getCompanyList({

  1067.           orgType: this.orgType,

  1068.           agentId:localStorage.getItem('agentId')

  1069.         })

  1070.         .then((res) => {

  1071.           if (res.code == 0) {

  1072.             this.orgList = res.data;

  1073.           }

  1074.         });

  1075.     },

  1076.     // 获取运营人员地址

  1077.     getAllOperationsStaff() {

  1078.       this.$api.api.getAllOperationsStaff().then((res) => {

  1079.         console.log(res);

  1080.         if (res.code == 0) {

  1081.           this.operationList = res.data;

  1082.         }

  1083.       });

  1084.     },

  1085.     // 获取楼盘列表

  1086.     zkhousePage() {

  1087.       let obj = {

  1088.         current: this.currentPage,

  1089.         size: this.size,

  1090.         orgType: localStorage.getItem("orgType"),

  1091.         agentId: localStorage.getItem("agentId"),

  1092.         orgCode: localStorage.getItem("orgCode"),

  1093.         ...this.searchForm,

  1094.       };

  1095.       if (this.orgType == 0) {

  1096.         obj.residueTime = null;

  1097.       }

  1098.       this.$api.api.zkhousePage(obj).then((res) => {

  1099.         // console.log(res)

  1100.         this.tableData = res.data.records;

  1101.         this.total = res.data.total;

  1102.       });

  1103.     },

  1104.     async getProvinceList(parentId = 0) {

  1105.       let _this = this;

  1106.       this.addressOptions = [];

  1107.       let res = await getAreaList({ parentId });

  1108.       // console.log(res);

  1109.       // 当他没有值时给addressOptions赋值，这是第一个数组

  1110.       if (res.code == 0) {

  1111.         // _this.$set(_this, 'addressOptions',_this.ruleForm.cityIds&&_this.ruleForm.provinceId ? this.loadOptions(res.data||[] ):res.data)

  1112.         let arr = [];

  1113.         res.data.map((item) => {

  1114.           let obj = {};

  1115.           obj.value = item.id;

  1116.           obj.label = item.name;

  1117.           obj.leaf = false;

  1118.           obj.children = [];

  1119.           arr.push(obj);

  1120.         });

  1121.         this.addressOptions = arr;

  1122.         this.loadOptions();

  1123.       }

  1124.     },

  1125.     loadOptions() {

  1126.       // console.log(this.addressOptions);

  1127.       this.addressOptions.map((item, idx) => {

  1128.         if (item.value == this.ruleForm.provinceId) {

  1129.           console.log("有匹配项");

  1130.           getAreaList({ parentId: this.ruleForm.provinceId }).then((res) => {

  1131.             if (res.code == 0) {

  1132.               let arr = [];

  1133.               res.data.map((item1) => {

  1134.                 let obj = {};

  1135.                 obj.value = item1.id;

  1136.                 obj.label = item1.name;

  1137.                 obj.leaf = true;

  1138.                 arr.push(obj);

  1139.               });

  1140.               this.$set(this.addressOptions[idx], "children", arr);

  1141.               // console.log(this.addressOptions[idx], "123");

  1142.               this.addressOptions = Object.assign([], this.addressOptions);

  1143.               this.area = null;

  1144.               setTimeout(() => {

  1145.                 this.ruleForm.area = [

  1146.                   this.ruleForm.provinceId,

  1147.                   this.ruleForm.cityId,

  1148.                 ];

  1149.                 // console.log(1);

  1150.                 // console.log(this.addressOptions);

  1151.                 // console.log(this.area);

  1152.                 this.$forceUpdate();

  1153.               }, 50);

  1154.             }

  1155.           });

  1156.         }

  1157.         this.dialogVisible = true;

  1158.       });

  1159.     },

  1160.     empty() {

  1161.       this.starTime = [];

  1162.       this.searchForm = {

  1163.         corporateName: "",

  1164.         propertyName: "",

  1165.         serviceStatus: "",

  1166.         houseType: "",

  1167.         // residueTime: 7,

  1168.         startWorking: "",

  1169.         endWorking: "",

  1170.         agentName: "",

  1171.         operationalPeople: "",

  1172.       };

  1173.       this.currentPage=1

  1174.       this.zkhousePage()

  1175.     },

  1176.     timeChange1(e) {

  1177.       if(e){

  1178.             this.searchForm.startWorking = e[0];

  1179.             this.searchForm.endWorking = e[1];

  1180.       }else{

  1181.          this.searchForm.startWorking = '';

  1182.          this.searchForm.endWorking = '';

  1183.       }

  1184.     },

  1185.     tabtimetap(idx) {

  1186.       this.searchForm.residueTime = idx;

  1187.     },

  1188.     handleSizeChange(val) {

  1189.       console.log(`每页 ${val} 条`);

  1190.       this.size = val;

  1191.       this.zkhousePage();

  1192.     },

  1193.     handleCurrentChange(val) {

  1194.       console.log(`当前页: ${val}`);

  1195.       this.currentPage = val;

  1196.       this.zkhousePage();

  1197.     },

  1198.     locationsChange(e) {

  1199.       console.log(e);

  1200.       if (!e) return;

  1201.       this.ruleForm.provinceId = e[0];

  1202.       this.ruleForm.cityId = e[1];

  1203.     },

  1204.   },

  1205. };

  1206. </script>

  1207. 

  1208. <style scoped="scoped" lang="scss" >

  1209. .box-center {

  1210.   width: 100%;

  1211.   padding: 15px;

  1212.   min-width: 1200px;

  1213.   padding-bottom: 100px;

  1214. }

  1215. .cen-tab {

  1216.   width: 100%;

  1217.   padding: 15px;

  1218.   background: #ffffff;

  1219.   margin-top: 15px;

  1220. }

  1221. .tophove {

  1222.   color: #ffffff;

  1223.   background: #2671e2;

  1224. }

  1225. .app-top {

  1226.   width: 100%;

  1227.   background: #ffffff;

  1228.   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.04);

  1229.   border-radius: 4px;

  1230.   padding-top: 15px;

  1231.   padding-bottom: 15px;

  1232.   .app-titel {

  1233.     width: 100%;

  1234.     display: flex;

  1235.     align-items: center;

  1236.     flex-wrap: wrap;

  1237.     .label {

  1238.       font-size: 14px;

  1239.       font-weight: 400;

  1240.       color: #32363d;

  1241.       line-height: 32px;

  1242.       margin-left: 15px;

  1243.       min-width: 100px;

  1244.       text-align: right;

  1245.     }

  1246.     .toptimeqhuan {

  1247.       height: 30px;

  1248.       background: #ffffff;

  1249.       display: flex;

  1250.       align-items: center;

  1251.     }

  1252.     .toptimeqhuan div {

  1253.       padding-left: 20px;

  1254.       padding-right: 20px;

  1255.       text-align: center;

  1256.       line-height: 30px;

  1257.       font-size: 14px;

  1258.       margin-right: 15px;

  1259.       border-radius: 4px;

  1260.       border: 1px solid #e0e0e0;

  1261.     }

  1262.   }

  1263. }

  1264. .div-lab {

  1265.   display: flex;

  1266.   margin: 5px;

  1267. 

  1268. }

  1269. .div-inp {

  1270.   width: 250px;

  1271. }

  1272. </style>