下拉框组件更改

zhengpz

2021-09-14 cdfc6bee3195af8557d312c4eeec8d2592d61d99

下拉框组件更改

 src/views/home/index.scss

@@ -453,21 +453,21 @@
  color: #fff;
  background: #010945;
  border-radius: 11px;
  height: 52px;
  height: 62px;
  display: inline-flex;
  width: 174px;
  width: 184px;
  cursor: pointer;
  font-weight: 700;
  img {
    margin: 12px;
    margin: 12px 5px 12px 10px;
    height: 28px;
    width: 30px;
  }
  .text {
    width: 100px;
    width: 128px;
    text-align: center;
    // margin: 3px;
    line-height: 25px;
    line-height: 35px;
    span:nth-child(1) {
      width: 100%;
      display: block;

 src/views/home/index.vue

@@ -242,30 +242,16 @@
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon2.png" />
            <span>保安员预警统计</span>
            <!-- <el-select v-model="value1" @change="companyWarning">
              <el-option
                v-for="item in options1"
                :key="item.id"
                :label="item.title"
                :value="item.value"
              ></el-option>
            </el-select> -->
            <el-select
              ref="treeForm1"
              v-model="node1.title"
              placeholder="请选择"
            >
              <el-option style="height: auto" :value="node1">
                <el-tree
                  :data="options1"
                  default-expand-all
                  node-key="id"
                  @node-click="handleNodeClick1"
                  :props="props"
                >
                </el-tree>
              </el-option>
            </el-select>

            <avue-input-tree
              default-expand-all
              v-model="value1"
              placeholder="请选择内容"
              type="tree"
              :dic="options1"
              :props="props"
              @change="handleNodeClick1"
            ></avue-input-tree>
          </div>
          <div class="right-content" v-loading="right1loading">
            <span
@@ -315,49 +301,46 @@
          <div class="title-pane1">
            <img src="../../../public/img/bajgxt/icon2.png" />
            <span>保安公司预警统计</span>
            <el-select
              ref="treeForm2"
              v-model="node2.title"
              placeholder="请选择"
            >
              <el-option style="height: auto" :value="node2">
                <el-tree
                  :data="options2"
                  default-expand-all
                  node-key="id"
                  @node-click="handleNodeClick2"
                  :props="props"
                >
                </el-tree>
              </el-option>
            </el-select>
            <avue-input-tree
              default-expand-all
              v-model="value2"
              placeholder="请选择内容"
              type="tree"
              :dic="options2"
              :props="props"
              @change="handleNodeClick2"
            ></avue-input-tree>
          </div>
          <div class="right-content" v-loading="right2loading">
          <div
            class="right-content"
            v-loading="right2loading"
            style="padding:0px"
          >
            <div class="rightData rightData1" @click="shoeDialog1('ks')">
              <img src="../../../public/img/bajgxt/u231.png" alt />
              <div class="text">
                <span>考试通过率低</span>
                <span>考试通过率(<50%)</span>
                <span>{{ rightData.wgNum }}个</span>
              </div>
            </div>
            <div class="rightData rightData2" @click="shoeDialog1('cz')">
              <img src="../../../public/img/bajgxt/u232.png" alt />
              <div class="text">
                <span>持证率低</span>
                <span>持证率(<50%)</span>
                <span>{{ rightData.materialNum }}个</span>
              </div>
            </div>
            <div class="rightData rightData3" @click="shoeDialog1('sb')">
              <img src="../../../public/img/bajgxt/u233.png" alt />
              <div class="text">
                <span>社保缴纳率低</span>
                <span>社保缴纳率(<50%)</span>
                <span>{{ rightData.ymwsNum }}个</span>
              </div>
            </div>
            <div class="rightData rightData4" @click="shoeDialog1('pq')">
              <img src="../../../public/img/bajgxt/111.png" alt />
              <div class="text">
                <span>派遣率低</span>
                <span>派遣率(<50%)</span>
                <span>{{ rightData.punishNum }}个</span>
              </div>
            </div>
@@ -749,17 +732,13 @@
    },
    //点击节点
    handleNodeClick1(data) {
      this.node1 = data;
      this.value1 = data.id;
      this.$refs.treeForm1.blur();
      this.value1 = data;
      this.right1loading = true;
      this.getPoorPerformance(3);
    },
    //点击节点
    handleNodeClick2(data) {
      this.node2 = data;
      this.value2 = data.id;
      this.$refs.treeForm2.blur();
      this.value2 = data;
      this.peoWarning();
    },
    sexFormatter(row, column) {
@@ -1359,7 +1338,7 @@
  @import "./index_1600_900.scss";
}
// 适配分辨率1920*1080
@media screen and (min-width: 1601px) and (max-width: 1920px) {
@media screen and (min-width: 1601px) {
  @import "./index.scss";
}


 src/views/securityUnitOperation/economicAnalysis.vue

@@ -6,37 +6,26 @@
          <div class="rowTitle">
            <img src="../../../public/img/bajgxt/u1618.png" />
            <span>数据概览</span>
            <el-select
            <avue-input-tree
              class="select1"
              ref="treeForm"
              v-model="node.title"
              placeholder="请选择"
            >
              <el-option style="height: auto;" :value="node">
                <el-tree
                  :data="options1"
                  default-expand-all
                  node-key="id"
                  @node-click="handleNodeClick"
                  :props="props"
                >
                </el-tree>
              </el-option>
            </el-select>
            <el-select
              default-expand-all
              v-model="value1"
              placeholder="请选择内容"
              type="tree"
              :dic="options1"
              :props="props"
              @change="handleNodeClick"
            ></avue-input-tree>
            <avue-input-tree
              class="select2"
              default-expand-all
              v-model="value2"
              placeholder="请选择"
              placeholder="请选择公司"
              type="tree"
              :dic="options2"
              :props="props2"
              @change="changeCompanys"
            >
              <el-option
                v-for="item in options2"
                :key="item.departmentid"
                :label="item.enterpriseName"
                :value="item.departmentid"
              >
              </el-option>
            </el-select>
            ></avue-input-tree>
            <el-button @click="toEconomicTable">进入数据统计表</el-button>
          </div>

@@ -68,7 +57,7 @@
        <div class="rowContent first-menu">
          <div class="rowTitle">
            <img src="../../../public/img/bajgxt/yj.png" />
            <span>数据概览</span>
            <span>预警分析</span>
          </div>

          <div class="col-content">
@@ -79,7 +68,7 @@
            >
              <span>社保缴纳预警(家)</span>
              <span>{{ socialSecurity.num }}</span>
              <span>社保缴纳低于90%</span>
              <span>社保缴纳率小于90%</span>
            </div>
            <div
              class="box-card"
@@ -88,16 +77,16 @@
            >
              <span>保险缴纳预警(家)</span>
              <span>{{ socialSecurity.money }}</span>
              <span>保险缴纳低于90%</span>
              <span>保险缴纳率小于90%</span>
            </div>
            <div
              class="box-card"
              style="cursor: pointer; "
              @click="showTable('fw')"
            >
              <span>服务合同预警(家)</span>
              <span>服务合同预警(份)</span>
              <span>{{ socialSecurity.paiQ }}</span>
              <span>服务合同不多于一份</span>
              <span>服务合同小于2份</span>
            </div>
            <div
              class="box-card"
@@ -106,7 +95,7 @@
            >
              <span>派遣预警(家)</span>
              <span>{{ socialSecurity.sheBPerson }}</span>
              <span>派遣比例少于50%</span>
              <span>派遣率小于50%</span>
            </div>
          </div>
        </div>
@@ -375,6 +364,11 @@
        label: "title",
        value: "id"
      },
      props2: {
        children: "children",
        label: "enterpriseName",
        value: "departmentid"
      },
      node: {}, //选中的记录
      gridData: {
        data: [],
@@ -403,9 +397,7 @@
    },
    //点击节点
    handleNodeClick(data) {
      this.node = data;
      this.value1 = data.id;
      this.$refs.treeForm.blur();
      this.value1 = data;
      this.getCompanys();
    },
    toEconomicTable() {

 src/views/securityUnitOperation/operationAnalysis.vue

@@ -6,36 +6,26 @@
          <div class="rowTitle">
            <img src="../../../public/img/bajgxt/u1618.png" />
            <span>数据概览</span>
            <el-select
            <avue-input-tree
              class="select1"
              ref="treeForm"
              v-model="node.title"
              placeholder="请选择"
            >
              <el-option style="height: auto;" :value="node">
                <el-tree
                  :data="options1"
                  default-expand-all
                  node-key="id"
                  @node-click="handleNodeClick"
                  :props="props"
                >
                </el-tree>
              </el-option>
            </el-select>
            <el-select
              default-expand-all
              v-model="value1"
              placeholder="请选择内容"
              type="tree"
              :dic="options1"
              :props="props"
              @change="handleNodeClick"
            ></avue-input-tree>
            <avue-input-tree
              class="select2"
              default-expand-all
              v-model="value2"
              placeholder="请选择"
              placeholder="请选择公司"
              type="tree"
              :dic="options2"
              :props="props2"
              @change="changeCompanys"
            >
              <el-option
                v-for="item in options2"
                :key="item.departmentid"
                :label="item.enterpriseName"
                :value="item.departmentid"
              ></el-option>
            </el-select>
            ></avue-input-tree>
            <el-button @click="toOperationTable">进入数据统计表</el-button>
          </div>

@@ -88,7 +78,7 @@
            >
              <span>服务对象预警(家)</span>
              <span>{{ card.czBaoan }}</span>
              <span>服务对象不多于1家</span>
              <span>服务对象小于2家</span>
            </div>
            <div
              class="box-card"
@@ -97,7 +87,7 @@
            >
              <span>派遣预警(家)</span>
              <span>{{ card.kh }}</span>
              <span>派遣比例低于50%</span>
              <span>派遣率小于50%</span>
            </div>
            <div
              class="box-card"
@@ -106,7 +96,7 @@
            >
              <span>持证上岗预警(家)</span>
              <span>{{ card.sheb }}</span>
              <span>持证率低于50%</span>
              <span>持证率小于50%</span>
            </div>
          </div>
        </div>
@@ -378,6 +368,11 @@
        label: "title",
        value: "id"
      },
      props2: {
        children: "children",
        label: "enterpriseName",
        value: "departmentid"
      },
      node: {}, //选中的记录
      gridData: {
        data: [],
@@ -404,9 +399,7 @@
    },
    //点击节点
    handleNodeClick(data) {
      this.node = data;
      this.value1 = data.id;
      this.$refs.treeForm.blur();
      this.value1 = data;
      this.getCompanys();
    },
    setAgeEchart() {

 src/views/statisticalQueryManagement/businessStatistics.vue

@@ -141,11 +141,11 @@
            prop: "fwnum",
            display: false
          },
          // {
          //   label: "近一个月服务到期数量",
          //   prop: "",
          //   display: false
          // },
          {
            label: "服务到期数量",
            prop: "",
            display: false
          },
          
        ]
      },