<template>
  <div class="flex-row" v-if="!showdetail">
    <div id='app1' class="basic-main" v-show="(!echarts)&&(!isActiveTotalForm)">
      <criteria-paged :model="model" :pager='true' v-ref:paged>
        <criteria partial='criteria' @condition-changed='$parent.search' v-ref:cri>
          <div novalidate class="form-horizontal select-overspread container-fluid auto" novalidate partial>
            <div class="row">
              <!--<div class="form-group">-->
              <!--<input @keyup.enter="search"   style="width:60%"  type="text" class="input_search" v-model="model.f_username" placeholder='客户名称'-->
              <!--condition="f_user_name = '{}'" v-next-el='userid' v-el:username-->
              <!--:size="model.f_user_name ? model.f_user_name.length * 2 : 8">-->
              <!--</div>-->

              <div class="col-sm-2 form-group">
                <label class="font_normal_body">客户编号</label>
                <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
                       v-model="model.f_userinfo_code" placeholder='客户编号'
                       condition="f_userid like '%{}%'" v-el:xq v-next-el='userinfocode' v-el:username
                >
              </div>
              <div class="col-sm-2 form-group">
                <label class="font_normal_body">客户名称</label>
                <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
                       v-model="model.f_user_name" placeholder='客户名称'
                       condition="f_username like '%{}%'" v-el:xq v-next-el='username' v-el:username
                >
              </div>
              <div class="col-sm-2 form-group">
                <label class="font_normal_body">客户地址</label>
                <input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_area"
                       placeholder='地址'
                       condition="f_address like '%{}%'" v-el:xq v-next-el='address' v-el:area
                >
              </div>
              <div class="col-sm-2 form-group">
                <label class="font_normal_body">&nbsp;&nbsp;&nbsp;表号&nbsp;&nbsp;&nbsp;</label>
                <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
                       v-model="model.f_meternumber" placeholder='表号'
                       condition="f_meternumber like '%{}%'" v-next-el='meternumber' v-el:meternumber
                >
              </div>

              <div style="float:right">
                <!--<button class="button_search button_spacing" @click="$parent.$parent.showmodal">下发</button>-->
                <button class="button_search button_spacing" @click="search()">查询</button>
                <button class="button_clear button_spacing" @click="$parent.$parent.clearmsg">清空</button>
                <export-excel :data="$parent.$parent.getCondition" class="button_export button_spacing"
                              :field="$parent.$parent.getfield"  :sumname="$parent.$parent.sumName"
                              sqlurl="rs/logic/exportfile" sql-name="webmeter_getUserLoseQuery" template-name='用户失联查询'
                              :choose-col="true"></export-excel>
                <!--              <button class="button_export button_spacing" @click="$parent.$parent.SaveAsFile('lostuserlist')">导出</button>-->
                <!--              <button class="button_export button_spacing" style="width: max-content" @click="$parent.$parent.showTotalForm()">显示汇总</button>-->
                <!--              <button class="button_search button_spacing" @click="$parent.$parent.showEcharts()">显示图表</button>-->
                <div style="float: right"  class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"    @click="$parent.$parent.hidden()"></div>
              </div>
            </div>
            <div class="row" v-show="$parent.$parent.criteriaShow">
              <div class="col-sm-2 form-group">
                <label class="font_normal_body">客户类型</label>
                <v-select style="width:60%" id="f_user_type"
                          v-model="model.f_usertype"
                          placeholder='客户类型'
                          :value.sync="model.f_usertype"
                          :options='$parent.$parent.usertypes'
                          condition="f_usertype = '{}'"
                          close-on-select>
                </v-select>
              </div>
              <div class="col-sm-2 form-group">
                <label class="font_normal_body">用气性质</label>
                <v-select style="width:60%" id="f_gasproperties"
                          v-model="model.f_gasproperties"
                          placeholder='用气性质'
                          :value.sync="model.f_gasproperties"
                          :options='$parent.$parent.Gasproperties'
                          condition="f_gasproperties = '{}'"
                          close-on-select>
                </v-select>
              </div>
              <div class="col-sm-2 form-group">
                <label class="font_normal_body">气表品牌</label>
                <v-select :value.sync="model.f_meter_brand"
                          v-model="model.f_meter_brand"
                          :options='$parent.$parent.meterbrands' placeholder='请选择'
                          condition="f_gaswatchbrand = '{}'"
                          close-on-select></v-select>
              </div>
              <div class="col-sm-2 form-group">
                <label class="font_normal_body">客户状态</label>
                <v-select :value.sync="model.f_userstate"
                          v-model="model.f_userstate"
                          :options='$parent.$parent.userstate' placeholder='请选择'
                          condition="f_userstate = '{}'"
                          close-on-select></v-select>
              </div>
              <div class="col-sm-2 form-group  flex-row" style="white-space: nowrap">
                <label class="font_normal_body">失联天数&nbsp;</label>
                <div class="row">
                  <input type="text" style="width:27%" class="input_search" v-model="model.SLday1"
                         condition="SLday >= {} " placeholder="">
                  <label class="font_normal_body"> ≤ x ≤ </label>
                  <input type="text" style="width:27%" class="input_search" v-model="model.SLday2"
                         condition="SLday <= {} " placeholder="">
                </div>
              </div>
              <div class="col-sm-2 form-group ">
                <label for="contain_newfile" class="font_normal_body">开户未上报</label>
                <v-select id="contain_newfile"
                          v-model="model.notappear"
                          style="width:60%"
                          :value.sync="model.notappear"
                          :options='$parent.$parent.not_appear'
                          :value-single="true"
                          close-on-select>
                </v-select>
              </div>

            </div>



            <!--:top='40' :left='60' :right='40' :bottom='60'-->
            <!--:thead='"<th>序号</th>\n"+-->
            <!--"<th>档案编号</th>" +-->
            <!--" <th>档案标识</th>"+-->
            <!--"<th>客户名称</th>"+-->
            <!--"<th>表号</th"+-->
            <!--"<th>表具类型</th>"+-->
            <!--"<th>客户类型</th>"+-->
            <!--"<th>区域</th>"+-->
            <!--"<th>小区</th>"+-->
            <!--"<th>地址</th>"+-->
            <!--"<th>用气气量</th>"+-->
            <!--"<th>用气金额</th>"-->
            <!--+"<th>用气价格</th>"-->
            <!--+"<th>时间</th>"-->
            <!--+"<th>所属机构</th>"'-->
            <!--:fields='["$index+1","f_username","f_meternumber","f_usertype","f_save_money","f_operate_status","f_close_reason","f_area","f_districtname","f_address","id","yytdepa"]'>-->
            <!--</print-table>-->
            <!--<export-excel :data="{orderitem: 'lastinputdate desc', condition: '1=1'}"-->
            <!--:field="{f_username: '客户名称', f_meternumber: '表号',f_usertype:'客户类型',f_save_money:'剩余金额',-->
            <!--f_operate_status:'状态',f_close_reason:'关阀原因',f_area:'区域',f_districtname:'小区', f_address: '地址',id:'档案编号',yytdepa:'所属机构'}"-->
            <!--sqlurl="rs/sql/getUserGas"></export-excel>-->

          </div>
        </criteria>
        <data-grid id="lostuserlist" :model="model" partial='list' v-ref:grid class="list_area table_sy">
          <template partial='head'>
            <tr>
              <!--<th>-->
                <!--<input type="checkbox"  @click="$parent.$parent.$parent.isAll(model.pageIndex)">-->
              <!--</th>-->
              <th style="text-align:center">
                <nobr>序号</nobr>
              </th>

              <!--<th rowspan="2" style="text-align:center"><nobr>客户编号</nobr></th>-->

              <th style="text-align:center">
                <nobr>客户编号</nobr>
              </th>
              <th style="text-align:center">
                <nobr>客户名称</nobr>
              </th>
              <th style="text-align:center">
                <nobr>客户地址</nobr>
              </th>
              <th style="text-align:center">
                <nobr>客户类型</nobr>
              </th>
              <th style="text-align:center">
                <nobr>客户状态</nobr>
              </th>
              <th style="text-align:center">
                <nobr>客户电话</nobr>
              </th>
              <th style="text-align:center">
                <nobr>电池电量</nobr>
              </th>

              <th style="text-align:center">
                <nobr>用气性质</nobr>
              </th>
              <th style="text-align:center">
                <nobr>表号</nobr>
              </th>
              <th style="text-align:center">
                <nobr>启用日期</nobr>
              </th>

              <th style="text-align:center" >
                <nobr>初次上报日期</nobr>
              </th>
              <th style="text-align:center" >
                <nobr>最后上报日期</nobr>
              </th>
<!--              <th style="text-align:center">-->
<!--                <nobr>最后表读数</nobr>-->
<!--              </th>-->

              <th style="text-align:center" >
                <nobr>失联天数</nobr>
              </th>
              <th style="text-align:center" >
                <nobr>气表厂家</nobr>
              </th>
            </tr>

          </template>
          <template partial='body'>
            <td style="text-align:center">
              <!--`<input type="checkbox"` v-model="row.flag"-->
                      <!--@change="$parent.$parent.$parent.addRow($event,row,$index)">-->
            <!--</td>-->
            <td style="text-align:center">{{$index+1}}</td>
            <!--<td style="text-align:center">{{row.f_userfiles_id}}</td>-->
            <td style="text-align: center;"><nobr>
              <span @click="$parent.$parent.$parent.showmsg(row)"><a>{{row.f_userid}}</a></span>
            </nobr> </td>
            <td style="text-align:center"><nobr>{{row.f_username}}</nobr></td>
            <td>
              <nobr>{{row.f_address}}</nobr>
            </td>
            <td style="text-align:center">{{row.f_usertype}}</td>
            <td>
              <nobr>{{row.f_userstate}}</nobr>
            </td>
            <td>
              <nobr>{{row.f_phone}}</nobr>
            </td>
            <td style="text-align:center">{{row.f_batterylevel}}</td>

            <td style="text-align:center">{{row.f_gasproperties}}</td>
            <td style="text-align:center"><nobr>{{row.f_meternumber}}</nobr></td>
            <td style="text-align:center"><nobr>{{row.f_startuse_date}}</nobr></td>
            <td style="text-align:center">
              <nobr>{{row.initinsertdate}}</nobr>
            </td> <td style="text-align:center">
            <nobr>{{row.lastinsertdate}}</nobr>
          </td>
            <td style="text-align:center">
              <nobr>{{row.slday}}</nobr>
            </td>
            <td style="text-align:center">{{row.f_gasmetermanufacturers}}</td>
            <!--<td style="text-align:center">{{row.new_days}}</td>-->
            <!--<td style="text-align:center">{{row.f_state}}</td>-->

          </template>
        </data-grid>
      </criteria-paged>
    </div>
    <div v-show="echarts" style="height: 40px;width: 100%;">
      <div style="display: inline-block;">
        <button class="button_search button_spacing" @click="notShowEcharts()">隐藏图表</button>
      </div>
      <div class="mystyle" style="display: inline-block;">
        <label class="font_normal_body">图表统计项</label>
        <v-select style="width:60%" id="Groupname" v-model="groupname"
                  placeholder='分组项'
                  value-single="true"
                  :value.sync="groupname"
                  :options='getgroupname'
                  close-on-select></v-select>
      </div>
    </div>
    <div class="span" v-show="echarts" style="width: 100%;height: 90%;">
      <lost-contact-echarts :groupname="groupname[0]" :condition="condition"
                            :echarts="echarts"></lost-contact-echarts>
    </div>
    <!--  <div v-show="isActiveTotalForm" style="height: 40px;width: 100%;">-->
    <!--    <button class="button_search button_spacing" @click="notShowTotalForm()">隐藏汇总</button>-->
    <!--  </div>-->
    <div class="span" v-show="isActiveTotalForm" style="width: 100%;height: 90%;">
      <lost-contact-eform :condition="condition"
      ></lost-contact-eform>
    </div>
  </div>
  <div  class="basic-main" v-if="showdetail">
    <user-info-detail-manage :f_userid="rowdata.f_userid" @cancel-main="cancel"></user-info-detail-manage>
  </div>
  <modal :show.sync="isShowUserException" >
    <header slot="modal-header" class="modal-header">
      <button type="button" class="close" @click="close()"><span>&times;</span></button>
      <h4 class="modal-title" align="center">下发申请</h4>
    </header>
    <article slot="modal-body" class="modal-body">
      <div style="padding-left: 8px" v-if="val1=='设置参数'">
        <label class="font_normal_body">参数类型</label>
        <v-select style="width:60%"
                  placeholder='参数类型'
                  :value.sync="parameterType"
                  v-model="parameterType"
                  :options='parameterTypeList'
                  close-on-select>
        </v-select>
      </div>
      <div class="form-group">
        <label>接单部门</label>
        <v-select :value.sync="model.f_meetunit"
                  :options='Receivingdepartment' placeholder='请选择'
                  close-on-select></v-select>
      </div>
      <div class="form-group">
        <label>接单人</label>
        <v-select :value.sync="model.f_order_man"
                  :options='Ordertakert' placeholder='请选择'
                  close-on-select></v-select>
      </div>
      <div class="col-sm-6 form-group form-fix-width">
        <label for="f_repair" class="control-label">报修类型</label>
        <v-select :value.sync="model.f_repairtype" :value-single="true"
                  :options='repairstypes' placeholder='报修类型'
                  close-on-select>
        </v-select>
      </div>
      <div class="col-sm-6 form-group form-fix-width">
        <label class="control-label">工单类型</label>
        <v-select :value.sync="model.f_workordertype" :value-single="true"
                  :options='Workordertype' placeholder='工单类型'
                  close-on-select>
        </v-select>
      </div>
      <div class="col-sm-6 form-group form-fix-width">
        <label class="control-label">报修级别</label>
        <v-select :value.sync="model.f_warrantylevel" :value-single="true"
                  :options='Warrantylevel' placeholder='报修级别'
                  close-on-select>
        </v-select>
      </div>
      <!--<div class="form-group " style="padding-left: 8px">-->
      <!--<label class="font_normal_body">申请原因：</label>-->
      <!--<textarea class="search_area" v-model="f_beizhu" rows="3" placeholder=""></textarea>-->
      <!--</div>-->
    </article>
    <footer slot="modal-footer" class="modal-footer">
      <button  type="button" class="btn btn-success btn-ln fr" @click='addApprovalValve()'>提交</button>
      <button  type="button" class="btn btn-info btn-ln fr" @click='sssclose()'>取消</button>
    </footer>
  </modal>
</template>

<script>
    import {PagedList} from 'vue-client'
    import UserGasEcharts from './UserGasEcharts'
    import plugin from 'system-clients/src/plugins/GetLoginInfoService'

    let readySomething = async function (self) {

        await self.$MagLoadParams.loadParam()
        self.initParams()
        self.$refs.paged.$refs.cri.model.notappear='不包含'
        self.$refs.paged.$refs.cri.model.SLday1=10

    }
    export default {
        title: '失联分析',
        props: ['data'],
        components: {UserGasEcharts},

        data() {
            return {
                model: new PagedList('rs/sql/webmeter_getUserLoseQuery', 20),
                getfield:{
                    "f_userid":"客户编号",
                    "f_username":"客户名称",
                    "f_address":"客户地址",
                    "f_usertype":"客户类型",
                    "f_userstate":"客户状态",
                    "f_phone":"客户电话",
                    "f_batteryLevel":"电池电量",
                    "f_gasproperties":"用气性质",
                    "f_meternumber":"表号",
                    "f_startuse_date":"启用日期",
                    "initinsertdate":"初次上报日期",
                    "lastinsertdate":"最后上报日期",
                    "slday":"失联天数",
                    "f_gasmetermanufacturers":"气表厂家"
                },
                reportStr: null,
                show: false,
                showdetail:false,
                rowdata:{},
                criteriaShow:false,
                outlets: [],
                operator: [],
                filename: '',
                b:[],
              isShowUserException:false,
              models:{
                f_order_man:'',
                f_repairtype:'',
                f_workordertype:'',
                f_warrantylevel:''
              },
              repairstypes : this.$appdata.getParam('报修类型'),
                // meterbrands: [],
                org:[this.$login.f.orgid],
             //   orgCondtionStr: ` and f_orgid = ${this.$login.f.orgid}`,
                echarts: false,
                searchshow: false,
                isActiveTotalForm: false,
                condition: '1=1',
                groupname: ['max_days_type'],
                getgroupname: [
                    {label: '客户类型', value: 'f_user_type'},
                    {label: '用气性质', value: 'f_gasproperties'},
                    {label: '分公司', value: 'f_orgid'},
                    {label: '最长失联天数', value: 'max_days_type'},
                    {label: '合计失联天数', value: 'all_days_type'}
                ]

            }
        },
        ready() {
            readySomething(this)

        },
        methods: {
          showmodal(){
            this.isShowUserException=true
          },
          sssclose(){
            this.isShowUserException=false
          },
          addRow(event,row,num){
            console.log(event.target.checked)
            debugger
            if(event.target.checked == true){
              this.b.push(row)
              // console.log(this.b)
            }else{
              this.b =[]
              // console.log(this.b)
            }
            console.log(this.b)
          },
          isAll (page) {
            if (this.pages.includes(page)) { // 已添加,取消动作
              // 从ids中删除本页所有数据的ids
              this.addOrRemove(false)
              this.pages = this.pages.filter((item) => {
                return item !== page
              })
            } else { // 未添加
              this.pages.push(page) // 添加id，添加动作
              this.addOrRemove(true)
            }
          },
          addOrRemove (is) {
            let that = this
            if (is) { // 添加本页所有数据到ids中
              this.model.rows.forEach((row) => {
                if (!that.ids.includes(row)) {
                  that.ids.push(row)
                }
              })
            } else { // 从ids中取消所有的数据
              this.model.rows.forEach((row) => {
                that.ids = that.ids.filter((item) => {
                  return item !== row
                })
              })
            }
            console.log(this.ids)
          },
          addApprovalValve () {
            console.log(this.b)
            var man=this.models.f_order_man.toString()
            for(var i = 0;i<this.b.length;i++){
              let createsms = {
                model: {
                  serviceacitivity: [{f_service_acitivity_type: "派单"}],
                  f_service_id: "",
                  f_contact_phone: "",
                  f_meetunit:"维修",
                  f_phone: "",
                  f_user_name:this.b[i].f_username ,
                  f_address:this.b[i].f_address,
                  f_remarks:this.b[i].f_error_msg,
                  f_user_type:"",
                  f_area: "",
                  f_street: "",
                  f_residential_area: "",
                  f_building: "",
                  f_unit: "",
                  f_floor:"",
                  f_room: "",
                  f_jibie:this.models.f_warrantylevel,
                  f_handlingtype:"转交维修",
                  aState: null,
                  f_repairtype: this.models.f_repairtype,//报修类型
                  f_userinfo_id:this.b[i].f_userid,
                  f_baworktype:this.models.f_workordertype,
                  f_order_man: man ,
                  failure:[{f_failure_type:""}],
                  aState:"",
                  f_casetype:""
                },
                loginUser: {name: this.$login.f.name ,ename:"",f_fengongsi:""},
                user: {f_userid:"",f_filiale:""},
                callObj: null,
                levelsend:""
              }
              console.log(createsms)
              this.$resetpost('rs/logic/callerSend', { data:createsms}).then((res) => {
              })
            }

          },
            hidden(){
                this.criteriaShow = !this.criteriaShow
            },
            showmsg(obj){
                this.rowdata=obj
                this.showdetail=true
            },
            cancel() {
                this.showdetail = false
            },
            clickshow() {
                this.searchshow = !this.searchshow
            },
            search(args) {
                this.condition = this.$refs.paged.$refs.cri.condition
                args.condition = this.condition
                if(this.$refs.paged.$refs.cri.model.notappear) {
                    if (this.$refs.paged.$refs.cri.model.notappear === '不包含') {
                        args.condition = args.condition + " and k.initinsertdate <> '开户未上报'"
                    }
                }
                this.model.search(args.condition, args.model)
            },
            getorg(obj) {
                if (obj.resids.length>0) {
                    //this.orgCondtionStr = " and f_orgid in " + plugin.convertToIn(obj.resids)
                }else
                {
                    //this.orgCondtionStr = " and f_orgid = " + this.$login.f.orgid
                }
            },
            // SaveAsFile(str) {
            //   this.$showMessage('您是否需要导出本页数据？', ['confirm', 'cancel']).then((res) => {
            //     if (res === 'confirm') {
            //       let style = '<style>' +
            //         'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;}  .tdcenter{text-align: center;}</style>';
            //       let strHtml = style + document.getElementById(str).innerHTML;
            //       console.log(strHtml);
            //       let LODOP = getLodop();
            //       LODOP.PRINT_INIT('');
            //       LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
            //       LODOP.SAVE_TO_FILE('失联分析.xls')
            //     }
            //   })
            // },
            clearmsg() {
                this.$refs.paged.$refs.cri.model = {}
            },
            close() {
                this.show = false
            },
            initParams () {
                let arr = []
                this.$MagGetSaleParam.getGasbrand().forEach((item) => {
                    let temp = {}
                    if(item.value.f_meter_type==='物联网表'){
                        temp.label = item.label
                        temp.value = item.value.f_meter_brand
                        arr.push(temp )
                    }

                })
                // this.meterbrands = [{label: '全部', value: ''}, ...arr]
            },
            // 显示柱状图
            showEcharts() {
                this.echarts = true
                this.isActiveTotalForm = false
            },
            notShowTotalForm() {
                this.echarts = false
                this.isActiveTotalForm = false
            },
            // 不显示柱状图
            notShowEcharts() {
                this.echarts = false
                this.isActiveTotalForm = false
            },
            // 显示汇总数据表格
            showTotalForm() {
                this.echarts = false
                this.isActiveTotalForm = true
            }
        },
        watch: {
            'data'(val) {
                if (val.f_files_path) {
                    this.getFileContent(val.f_files_path)
                } else {
                    this.reportStr = null
                }
            }
        },
        computed: {
            // usertypes () {
            //   return this.$appdate.getParams("客户类型")
            // },
            getCondition() {
                let condition=this.$refs.paged.$refs.cri.condition
                if(this.$refs.paged.$refs.cri.model.notappear) {
                    if (this.$refs.paged.$refs.cri.model.notappear === '不包含') {
                        condition = condition + " and initinsertdate <> '开户未上报'"
                    }
                }
                return {

                    condition: condition
                }
            },
            usertypes() {
                return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
            },
            // Gasproperties() {
            //     return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
            // },
          Gasproperties () {
            let rs=[]
            if (this.$refs.paged.$refs.cri.model.f_usertype.length===1){
              rs=this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_usertype[0])
            }
            return[{lable:'全部',value:''}, ...rs]
          },
          meterbrands() {
            return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表品牌')]
          },
          Receivingdepartment() {
            return [{label: '全部', value: ''}, ...this.$appdata.getParam('接单部门')]
          },
          Workordertype(){
            return [{label: '全部', value: ''}, ...this.$appdata.getParam('工单类型')]
          },
          Warrantylevel(){
            return [{label: '全部', value: ''}, ...this.$appdata.getParam('报修级别')]
          },
          // Ordertakert() {
          //   return [{label: '全部', value: ''}, ...this.$appdata.getParam('接单人')]
          // },
          // Gasproperties() {
          //   return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
          // }
          Ordertakert(){
            let rss=[]
            if (this.model.f_meetunit.length===1){
              rss=this.$appdata.getParam(this.model.f_meetunit[0])
            }
            return[{lable:'全部',value:''}, ...rss]
          },
            f_outlets() {
                return [{label: '全部', value: ''}, ...this.$appdata.getParam('网点查询用')]
            },
            valveStatus() {
                return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
            },
            not_appear(){
                return [{label: '包含', value: '包含'},{label: '不包含', value: '不包含'} ]
            },
           userstate(){
            return [{label: '全部', value: ''}, ...this.$appdata.getParam('客户状态')]
            },
            getstate() {
                return [{label: '全部', value: ''}, ...this.$appdata.getParam('最新状态')]
            }
        }
    }
</script>
<style>
  .form-input-group label {
    text-align: right;
    width: auto;
  }

  .mystyle {
    float: right;
    padding-right: 10%;
  }

  .mystyle1 {
    padding-top: 10px;

  }

  .mystyle2 {
    width: 100%;
    height: 35px;
    /*background: #00A3F0;*/
    padding-left: 15px;
    float: left;
  }

  .datapanel {
    color: #333;
    background-color: white;
    box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
    padding: 10px 30px 10px 30px;
    border-radius: 15px;
  }
</style>
