liumin
/
zkPCproject
0
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
117 提交
4 分支
45 MiB
 
 
 
目录树: f5dddb06d4
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'f5dddb06d4'
${ noResults }
zkPCproject/src/views/building/index.vue

1217 行
38 KiB
原始文件 Blame 文件历史 

  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.             type="daterange"

  52.             range-separator="-"

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

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

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

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

  57.           >

  58.           </el-date-picker>

  59.         </div>

  60. 

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

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

  63.           <el-select

  64.             v-model="searchForm.houseType"

  65.             placeholder="请选择"

  66.             class="div-inp"

  67.           >

  68.             <el-option

  69.               v-for="item in options"

  70.               :key="item.value"

  71.               :label="item.label"

  72.               :value="item.value"

  73.             >

  74.             </el-option>

  75.           </el-select>

  76.         </div>

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

  78.           <div class="label">使用状态：</div>

  79.           <el-select

  80.             v-model="searchForm.serviceStatus"

  81.             placeholder="请选择"

  82.             class="div-inp"

  83.           >

  84.             <el-option

  85.               v-for="item in options1"

  86.               :key="item.value"

  87.               :label="item.label"

  88.               :value="item.value"

  89.             >

  90.             </el-option>

  91.           </el-select>

  92.         </div>

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

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

  95.           <el-input

  96.             v-model="searchForm.operationalPeople"

  97.             class="div-inp"

  98.             placeholder="请输入内容"

  99.           ></el-input>

  100.         </div>

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

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

  103. 

  104.           <el-input

  105.             class="div-inp"

  106.             v-model="searchForm.agentName"

  107.             placeholder="请输入内容"

  108.           ></el-input>

  109.         </div>

  110. 

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

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

  113.           <el-input

  114.             class="div-inp"

  115.             v-model="searchForm.corporateName"

  116.             placeholder="请输入内容"

  117.           ></el-input>

  118.         </div>

  119. 

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

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

  122.           <el-input

  123.             class="div-inp"

  124.             v-model="searchForm.propertyName"

  125.             placeholder="请输入内容"

  126.           ></el-input>

  127.         </div>

  128.       </div>

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

  130. 

  131.       </div> -->

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

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

  134.         <div>

  135.           <el-button

  136.             @click="zkhousePage"

  137.             style="background: #2671e2; color: #ffffff"

  138.             >筛选</el-button

  139.           >

  140.         </div>

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

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

  143.         </div>

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

  145.           <el-button

  146.             v-if="cus_build_index_add"

  147.             style="background: #2671e2; color: #ffffff"

  148.             @click="addHouse"

  149.             >新增</el-button

  150.           >

  151.         </div>

  152.       </div>

  153.     </div>

  154. 

  155.     <!-- 表格 -->

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

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

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

  159.         </el-table-column>

  160.         <el-table-column

  161.           prop="agentName"

  162.           label="代理商"

  163.           align="center"

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

  165.         >

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

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

  168.           </template>

  169.         </el-table-column>

  170.         <el-table-column

  171.           prop="corporateName"

  172.           label="公司"

  173.           align="center"

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

  175.         >

  176.         </el-table-column>

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

  178.         </el-table-column>

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

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

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

  182.           </template>

  183.         </el-table-column>

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

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

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

  187.           </template>

  188.         </el-table-column>

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

  190.         </el-table-column>

  191.         <el-table-column

  192.           prop="address"

  193.           label="楼盘类型"

  194.           align="center"

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

  196.         >

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

  198.             {{

  199.               row.houseType == 0 ? "正式" : row.houseType == 1 ? "试用" : "演示"

  200.             }}

  201.           </template>

  202.         </el-table-column>

  203.         <el-table-column

  204.           prop="startWorking"

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

  206.           align="center"

  207.         >

  208.         </el-table-column>

  209. 

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

  211.         </el-table-column>

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

  213.         </el-table-column>

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

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

  216.             {{ row.serviceStatus == 0 ? "在服务期内" : "已过期" }}

  217.           </template>

  218.         </el-table-column>

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

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

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

  222.           </template>

  223.         </el-table-column>

  224.         <!--  scope -->

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

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

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

  228.             <el-button

  229.               type="text"

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

  231.               @click="changeAccount(row)"

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

  233.             >

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

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

  236.             <el-button  type="text" size="small" v-if="cus_build_index_agent" @click="editOpera(row,1)">管理代理商运营</el-button>

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

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

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

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

  241.           </template>

  242.         </el-table-column>

  243.       </el-table>

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

  245.         <el-pagination

  246.           @size-change="handleSizeChange"

  247.           @current-change="handleCurrentChange"

  248.           :current-page="currentPage"

  249.           :page-sizes="[10, 20, 30, 40]"

  250.           :page-size="10"

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

  252.           :total="total"

  253.         >

  254.         </el-pagination>

  255.       </div>

  256.     </div>

  257. 

  258.     <el-dialog

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

  260.       :visible.sync="dialogVisible"

  261.       @close="dialogClose"

  262.     >

  263.       <el-form

  264.         :model="ruleForm"

  265.         label-position="labelPosition"

  266.         ref="ruleForm"

  267.         label-width="150px"

  268.         style="width: 60%"

  269.         :rules="rules"

  270.       >

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

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

  273.             <el-option

  274.               v-for="item in orgList"

  275.               :key="item.id"

  276.               :label="item.name"

  277.               :value="item.orgCode"

  278.             >

  279.             </el-option>

  280.           </el-select>

  281.         </el-form-item>

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

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

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

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

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

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

  288.           </el-radio-group>

  289.         </el-form-item>

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

  291.           <el-input v-model="ruleForm.propertyName"></el-input>

  292.         </el-form-item>

  293.         <el-form-item

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

  295.           prop="startWorking"

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

  297.         >

  298.           <el-date-picker

  299.             v-model="time"

  300.             @change="timeChange"

  301.             type="daterange"

  302.             range-separator="-"

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

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

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

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

  307.           >

  308.           </el-date-picker>

  309.         </el-form-item>

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

  311.           <el-input v-model="ruleForm.linkman"></el-input>

  312.         </el-form-item>

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

  314.           <el-input

  315.             v-model="ruleForm.linkmanPhone"

  316.             type="tel"

  317.             maxlength="11"

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

  319.           ></el-input>

  320.         </el-form-item>

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

  322.           <el-cascader

  323.             :props="props"

  324.             @change="locationsChange"

  325.             :options="addressOptions"

  326.             placeholder="省/市"

  327.             size="small"

  328.             separator="/"

  329.             v-model="ruleForm.area"

  330.             clearable

  331.           ></el-cascader>

  332.         </el-form-item>

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

  334.           <el-input v-model="ruleForm.address"></el-input>

  335.         </el-form-item>

  336.         <!-- <el-form-item

  337.           label="运营人员"

  338.           prop="operationalPeople"

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

  340.         >

  341.           <el-select

  342.             v-model="ruleForm.operationalPeople"

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

  344.           >

  345.             <el-option

  346.               v-for="item in operationList"

  347.               :key="item.accountId"

  348.               :label="item.name"

  349.               :value="item.accountId"

  350.             >

  351.             </el-option>

  352.           </el-select>

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

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

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

  356.         </el-form-item>

  357.         <el-form-item

  358.           label="管理员密码"

  359.           prop="managerPassword"

  360.           v-if="!editFlag"

  361.         >

  362.           <el-input

  363.             v-model="ruleForm.managerPassword"

  364.             type="passsword"

  365.             show-password

  366.             :disabled='passFlag'

  367.           ></el-input>

  368.         </el-form-item>

  369.       </el-form>

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

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

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

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

  374.         }}</el-button>

  375.       </div>

  376.     </el-dialog>

  377. 

  378.     <el-dialog

  379.       title="更换账号"

  380.       :visible.sync="changeFlag"

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

  382.       width="400px"

  383.     >

  384.       <el-form

  385.         :model="accountForm"

  386.         label-width="100px"

  387.         ref="accountForm"

  388.         :rules="accountRules"

  389.       >

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

  391.           <el-input

  392.             style="width: 200px"

  393.             maxlength="11"

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

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

  396.           ></el-input>

  397.         </el-form-item>

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

  399.           <el-input

  400.             style="width: 200px"

  401.             :disabled='passFlag'

  402.             show-password

  403.             v-model.number="accountForm.managerPassword"

  404.           ></el-input>

  405.         </el-form-item>

  406.       </el-form>

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

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

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

  410.       </div>

  411.     </el-dialog>

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

  413.       <el-form

  414.         :model="ruleForm1"

  415.         label-position="labelPosition"

  416.         ref="ruleForm1"

  417.         label-width="100px"

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

  419.       >

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

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

  422.         </el-form-item>

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

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

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

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

  427.           </el-radio-group>

  428.         </el-form-item>

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

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

  431.         </el-form-item>

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

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

  434.         </el-form-item>

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

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

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

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

  439.           </el-select>

  440.         </el-form-item>

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

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

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

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

  445.           </el-select>

  446.         </el-form-item>

  447.       </el-form>

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

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

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

  451.       </div>

  452.     </el-dialog> -->

  453. 

  454.     <el-dialog  :title="sysFlag==0?'绑定系统运营':'绑定代理商运营'" :visible.sync="operaVisible">

  455.       <el-form

  456.         :model="operaForm"

  457.         label-position="labelPosition"

  458.         :rules="operaRules"

  459.         ref="operaForm"

  460.         label-width="140px"

  461.       >

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

  463.           <el-select

  464.             v-model="operaForm.operationalPeople"

  465.             filterable

  466.             multiple

  467.             style="width: 80%"

  468.             placeholder="请选择"

  469.           >

  470.             <el-option

  471.               v-for="item in optionsoperationalPeople"

  472.               :key="item.value"

  473.               :label="item.name"

  474.               :value="item.accountId"

  475.             >

  476.             </el-option>

  477.           </el-select>

  478.         </el-form-item>

  479.       </el-form>

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

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

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

  483.       </div>

  484.     </el-dialog>

  485. 

  486.     <el-dialog title="管理代理商" :visible.sync="agentVisible">

  487.       <el-form

  488.         :model="agentForm"

  489.         label-position="labelPosition"

  490.         :rules="agentRule"

  491.         ref="agentForm"

  492.         label-width="140px"

  493.       >

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

  495.           <el-select

  496.             v-model="agentForm.agentId"

  497.             style="width: 80%"

  498.             filterable

  499.             clearable

  500.             placeholder="请选择"

  501.           >

  502.             <el-option

  503.               v-for="item in optionsagentId"

  504.               :key="item.id"

  505.               :label="item.agentName"

  506.               :value="item.id"

  507.             >

  508.             </el-option>

  509.           </el-select>

  510.         </el-form-item>

  511.       </el-form>

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

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

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

  515.       </div>

  516.     </el-dialog>

  517.   </div>

  518. </template>

  519. 

  520. <script>

  521. import { mapGetters } from "vuex";

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

  523. export default {

  524.   data() {

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

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

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

  528.       } else {

  529.         if (value) {

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

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

  532.             callback(new Error("手机号码不合法，请重新输入"));

  533.           }

  534.         }

  535.         callback();

  536.       }

  537.     };

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

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

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

  541.       } else {

  542.         if (value) {

  543.           this.passFlag=false

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

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

  546.             callback(new Error("手机号码不合法，请重新输入"));

  547.           }else{

  548.                       // 验证电话号码

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

  550.             // console.log(res);

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

  552.             if (res.data) {

  553.               // 由用户

  554.               this.$api.api.userVerify({

  555.                 orgType:localStorage.getItem('orgType'),

  556.                 accountId:res.data.sysUser.accountId,

  557.                 username:res.data.sysUser.username,

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

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

  560.               })

  561.               .then(res1=>{

  562.                 callback();

  563.                 this.passFlag=true

  564.                 if(this.changeFlag){

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

  566.                 }else{

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

  568.                 }

  569. 

  570.               })

  571.               .catch(err=>{

  572.                 console.log(err)

  573.                 callback(new Error(err));

  574.               })

  575.             } else {

  576.               // 没有用户

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

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

  579.                 if(this.changeFlag){

  580.                   this.accountForm.managerPassword=''

  581.                 }else{

  582.                   this.ruleForm.managerPassword=''

  583.                 }

  584.               this.passFlag=false

  585.               callback();

  586. 

  587.             }

  588.           });

  589.           }

  590.         }

  591.         callback();

  592.       }

  593.     };

  594.     return {

  595.       props: {

  596.         lazy: true,

  597.         async lazyLoad(node, resolve) {

  598.           console.log(node, 123);

  599.           const { level } = node;

  600.           if (level == 0) {

  601.             console.log(23);

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

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

  604.               return {

  605.                 value: item.id,

  606.                 label: item.name,

  607.                 leaf: false,

  608.               };

  609.             });

  610.             resolve(nodes);

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

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

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

  614.               return {

  615.                 value: item.id,

  616.                 label: item.name,

  617.                 leaf: true,

  618.               };

  619.             });

  620.             resolve(nodes);

  621.           }

  622.         },

  623.       },

  624.       editFlag: false,

  625.       changeFlag: false,

  626.       operaVisible: false,

  627.       passFlag:false,

  628.       starTime: [],

  629.       searchForm: {

  630.         corporateName: "",

  631.         propertyName: "",

  632.         serviceStatus: "",

  633.         houseType: "",

  634.         // residueTime: 7,

  635.         startWorking: "",

  636.         endWorking: "",

  637.         agentName: "",

  638.         operationalPeople: "",

  639.       },

  640.       options1: [

  641.         {

  642.           value: "0",

  643.           label: "服务器内",

  644.         },

  645.         {

  646.           value: "1",

  647.           label: "已失效",

  648.         },

  649.       ],

  650.       options: [

  651.         {

  652.           value: "0",

  653.           label: "正式",

  654.         },

  655.         {

  656.           value: "1",

  657.           label: "试用",

  658.         },

  659.         {

  660.           value: "2",

  661.           label: "演示",

  662.         },

  663.       ],

  664.       currentPage: 1,

  665.       size: 10,

  666.       total: 10,

  667.       value: "",

  668.       input: "",

  669.       sysFlag:'0',

  670.       idx:'0',

  671.       tableData: [],

  672.       optionsoperationalPeople: [],

  673.       orgType: "",

  674.       orgList: [],

  675.       operationList: [],

  676.       dialogVisible: false,

  677.       dialogVisible1: false,

  678.       agentVisible:false,

  679.       time: [],

  680.       addressOptions: [],

  681.       accountForm: {

  682.         managerPassword: "",

  683.         managerPhone: "",

  684.       },

  685.       accountRules: {

  686.         managerPhone: [{ validator: validatePass1, trigger: "change" }],

  687.       },

  688.       ruleForm: {

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

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

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

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

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

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

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

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

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

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

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

  700.         managerPassword: "", //密码

  701.         provinceId: "", //省id

  702.         cityId: "", //市id

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

  704.       },

  705.       ruleForm1: {},

  706.       optionsagentId:[],

  707.       rules: {

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

  709.         propertyName: [

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

  711.         ],

  712.         startWorking: [

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

  714.         ],

  715.         managerPhone: [{ validator: validatePass1, trigger: "blur" }],

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

  717.       },

  718.       operaForm: {

  719.         operationalPeople: "",

  720.       },

  721.       operaRules: {

  722.         operationalPeople: [

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

  724.         ],

  725.       },

  726.       agentRule: {

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

  728.       },

  729.       agentForm: {

  730.         agentId:'',

  731.       },

  732.     };

  733.   },

  734.     computed: {

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

  736.   },

  737.   created() {

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

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

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

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

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

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

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

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

  746.   },

  747.   mounted() {

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

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

  750.     this.getOrgList();

  751.     // 获取运营人员

  752.     // this.getAllOperationsStaff();

  753.     // 获取列表数据

  754.     this.zkhousePage();

  755.   },

  756.   methods: {

  757.     bindAgent(row) {

  758.       // console.log(row);

  759.       this.findMyAgent(row);

  760.       this.agentVisible = true;

  761.     },

  762.     saveAgent() {

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

  764.         if (valid) {

  765.           console.log(this.agentForm);

  766.           this.$api.api

  767.             .saveAgent({

  768.               agentId: this.agentForm.agentId,

  769.               id: this.agentForm.houseId,

  770.             })

  771.             .then((res) => {

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

  773.               this.zkhousePage();

  774.               this.agentVisible = false;

  775.             });

  776.         }

  777.       });

  778.     },

  779.     findMyAgent(row) {

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

  781.         console.log(res.data);

  782.         this.optionsagentId = res.data;

  783.         this.agentForm.orgCode = row.orgCode;

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

  785.         this.agentForm.agentId=row.agentId

  786.       });

  787.     },

  788.     saveOpera() {

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

  790.         if (valid) {

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

  792.           this.$api.api

  793.             .zkoperationrecordSaveHouse({

  794.               orgType: 3,

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

  796.               orgId: this.operaForm.orgId,

  797.               orgCode: this.operaForm.orgCode,

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

  799.             })

  800.             .then((res) => {

  801.               console.log(res);

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

  803.               this.operaVisible = false;

  804.             });

  805.         }

  806.       });

  807.     },

  808.     editOpera(row,idx) {

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

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

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

  812.       this.operaForm.orgCode = row.orgCode;

  813.       this.sysFlag=idx

  814.       this.idx=idx

  815.       this.AllOperationsStaff(idx,row);

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

  817.     },

  818.     zkoperationrecordFindByOrg(orgId,idx) {

  819.       this.$api.api

  820.         .zkoperationrecordFindByOrg({

  821.           orgType:3,

  822.           orgId,

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

  824.         })

  825.         .then((res) => {

  826.           // console.log(res);

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

  828.             // 没有运营人员

  829.             this.operaForm.operationalPeople = [];

  830.           } else {

  831.             let arr = [];

  832.             // 有运营

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

  834.               arr.push(item.accountId);

  835.             });

  836.             this.operaForm.operationalPeople = arr;

  837.           }

  838.         });

  839.     },

  840.     //获取运营人员

  841.     AllOperationsStaff(idx,row) {

  842.       console.log(idx);

  843.       this.optionsoperationalPeople = [];

  844.       if(idx==1){

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

  846.               agentId:row.agentId

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

  848.               this.optionsoperationalPeople= res.data

  849.               this.operaVisible = true;

  850.             });

  851.       }else{

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

  853.             this.optionsoperationalPeople= res.data

  854.             this.operaVisible = true;

  855.           });

  856.       }

  857. 

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

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

  860.       // });

  861.     },

  862.     addSurequxiao() {

  863.       this.dialogVisible = false;

  864.     },

  865.     // 添加楼盘

  866.     addSure() {

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

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

  869.         if (valid) {

  870.           console.log(this.ruleForm);

  871.           // 编辑

  872.           if (this.editFlag) {

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

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

  875.               console.log(res);

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

  877.                 this.dialogVisible = false;

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

  879.                 this.zkhousePage();

  880.               }

  881.             });

  882.           } else {

  883.             // 添加

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

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

  886.               console.log(res);

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

  888.                 this.dialogVisible = false;

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

  890.                 this.zkhousePage();

  891.               }

  892.             });

  893.           }

  894.         }

  895.       });

  896.     },

  897.     toDisable(row){

  898.       this.$confirm(`确定${row.lockFlag==0?'禁用':'启用'}此代理商么？`, '提示', {

  899.           confirmButtonText: '确定',

  900.           cancelButtonText: '取消',

  901.           type: 'warning'

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

  903.           // return

  904.           // console.log(123);

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

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

  907.                      this.$message({

  908.                       type: 'success',

  909.                       message: '操作成功!'

  910.                     });

  911.                     this.zkhousePage();

  912.                  }else{

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

  914.                  }

  915.             })

  916.         })

  917.         .catch(err=>{

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

  919.           // console.log(err);

  920.         })

  921.     },

  922.     dialogClose() {

  923.       this.restFrom();

  924.     },

  925.     restFrom() {

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

  927.       this.time = [];

  928.       this.ruleForm = {

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

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

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

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

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

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

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

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

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

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

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

  940.         managerPassword: "", //密码

  941.         provinceId: "", //省id

  942.         cityId: "", //市id

  943.       };

  944.     },

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

  946.     addHouse() {

  947.       this.editFlag = false;

  948.       this.dialogVisible = true;

  949.       this.passFlag=false

  950.     },

  951.     edit(row) {

  952.       console.log(row);

  953.       this.time = [

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

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

  956.       ];

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

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

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

  960.       this.dialogVisible = true;

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

  962.       // this.getProvinceList();

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

  964. 

  965.       this.editFlag = true;

  966.     },

  967.     // 更换账号

  968.     changeAccount(row) {

  969.       this.changeFlag = true;

  970.       this.passFlag=false

  971.       this.accountForm.id = row.id;

  972.     },

  973.     changeSure() {

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

  975.         if (valid) {

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

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

  978.               this.changeFlag = false;

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

  980.               this.zkhousePage();

  981.             }

  982.           });

  983.         }

  984.       });

  985.     },

  986.     del(row) {

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

  988.       this.$confirm(`是否删除区域?`, "提示", {

  989.         confirmButtonText: "确定",

  990.         cancelButtonText: "取消",

  991.         distinguishCancelAndClose: true,

  992.         type: "warning",

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

  994.         axios({

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

  996.           method: "delete",

  997.           // params: {

  998.           //   id: row.id,

  999.           // },

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

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

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

  1003.             this.zkhousePage();

  1004.           } else {

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

  1006.           }

  1007.         });

  1008.       });

  1009.     },

  1010.     // 时间改变

  1011.     timeChange(e) {

  1012.       console.log(e);

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

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

  1015.     },

  1016.     // 获取公司列表

  1017.     getOrgList() {

  1018.       this.$api.api

  1019.         .getCompanyList({

  1020.           orgType: this.orgType,

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

  1022.         })

  1023.         .then((res) => {

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

  1025.             this.orgList = res.data;

  1026.           }

  1027.         });

  1028.     },

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

  1030.     getAllOperationsStaff() {

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

  1032.         console.log(res);

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

  1034.           this.operationList = res.data;

  1035.         }

  1036.       });

  1037.     },

  1038.     // 获取楼盘列表

  1039.     zkhousePage() {

  1040.       let obj = {

  1041.         current: this.currentPage,

  1042.         size: this.size,

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

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

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

  1046.         ...this.searchForm,

  1047.       };

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

  1049.         obj.residueTime = null;

  1050.       }

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

  1052.         // console.log(res)

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

  1054.         this.total = res.data.total;

  1055.       });

  1056.     },

  1057.     async getProvinceList(parentId = 0) {

  1058.       let _this = this;

  1059.       this.addressOptions = [];

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

  1061.       // console.log(res);

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

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

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

  1065.         let arr = [];

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

  1067.           let obj = {};

  1068.           obj.value = item.id;

  1069.           obj.label = item.name;

  1070.           obj.leaf = false;

  1071.           obj.children = [];

  1072.           arr.push(obj);

  1073.         });

  1074.         this.addressOptions = arr;

  1075.         this.loadOptions();

  1076.       }

  1077.     },

  1078.     loadOptions() {

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

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

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

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

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

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

  1085.               let arr = [];

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

  1087.                 let obj = {};

  1088.                 obj.value = item1.id;

  1089.                 obj.label = item1.name;

  1090.                 obj.leaf = true;

  1091.                 arr.push(obj);

  1092.               });

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

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

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

  1096.               this.area = null;

  1097.               setTimeout(() => {

  1098.                 this.ruleForm.area = [

  1099.                   this.ruleForm.provinceId,

  1100.                   this.ruleForm.cityId,

  1101.                 ];

  1102.                 // console.log(1);

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

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

  1105.                 this.$forceUpdate();

  1106.               }, 50);

  1107.             }

  1108.           });

  1109.         }

  1110.         this.dialogVisible = true;

  1111.       });

  1112.     },

  1113.     empty() {

  1114.       this.starTime = [];

  1115.       this.searchForm = {

  1116.         corporateName: "",

  1117.         propertyName: "",

  1118.         serviceStatus: "",

  1119.         houseType: "",

  1120.         // residueTime: 7,

  1121.         startWorking: "",

  1122.         endWorking: "",

  1123.         agentName: "",

  1124.         operationalPeople: "",

  1125.       };

  1126.     },

  1127.     timeChange1(e) {

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

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

  1130.     },

  1131.     tabtimetap(idx) {

  1132.       this.searchForm.residueTime = idx;

  1133.     },

  1134.     handleSizeChange(val) {

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

  1136.       this.size = val;

  1137.       this.zkhousePage();

  1138.     },

  1139.     handleCurrentChange(val) {

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

  1141.       this.currentPage = val;

  1142.       this.zkhousePage();

  1143.     },

  1144.     locationsChange(e) {

  1145.       console.log(e);

  1146.       if (!e) return;

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

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

  1149.     },

  1150.   },

  1151. };

  1152. </script>

  1153. 

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

  1155. .box-center {

  1156.   width: 100%;

  1157.   padding: 15px;

  1158.   min-width: 1200px;

  1159.   padding-bottom: 100px;

  1160. }

  1161. .cen-tab {

  1162.   width: 100%;

  1163.   padding: 15px;

  1164.   background: #ffffff;

  1165.   margin-top: 15px;

  1166. }

  1167. .tophove {

  1168.   color: #ffffff;

  1169.   background: #2671e2;

  1170. }

  1171. .app-top {

  1172.   width: 100%;

  1173.   background: #ffffff;

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

  1175.   border-radius: 4px;

  1176.   padding-top: 15px;

  1177.   padding-bottom: 15px;

  1178.   .app-titel {

  1179.     width: 100%;

  1180.     display: flex;

  1181.     align-items: center;

  1182.     flex-wrap: wrap;

  1183.     .label {

  1184.       font-size: 14px;

  1185.       font-weight: 400;

  1186.       color: #32363d;

  1187.       line-height: 32px;

  1188.       margin-left: 15px;

  1189.       min-width: 100px;

  1190.     }

  1191.     .toptimeqhuan {

  1192.       height: 30px;

  1193.       background: #ffffff;

  1194.       display: flex;

  1195.       align-items: center;

  1196.     }

  1197.     .toptimeqhuan div {

  1198.       padding-left: 20px;

  1199.       padding-right: 20px;

  1200.       text-align: center;

  1201.       line-height: 30px;

  1202.       font-size: 14px;

  1203.       margin-right: 15px;

  1204.       border-radius: 4px;

  1205.       border: 1px solid #e0e0e0;

  1206.     }

  1207.   }

  1208. }

  1209. .div-lab {

  1210.   display: flex;

  1211.   margin: 5px;

  1212. }

  1213. .div-inp {

  1214.   width: 250px;

  1215. }

  1216. </style>