1.系统首页优化

loulijun2021

2023-05-06 b5d1ece6b5e20fb5e03ac313542a1a408db8fce3

1.系统首页优化

 src/utils/myEcharts.js

@@ -308,9 +308,9 @@
      }
    },
    yAxis: {
      max: 1,
      max: 14,
      min: 0,
      interval: 0.2,
      interval: 2,
      splitLine: {
        show: false
      },

 src/views/jcsz/jsqd.vue

@@ -1056,7 +1056,7 @@
    },

    /* 关联用户模块*/
    async userClick(row) {
    userClick(row) {
      if (row.role_code === 'S001') {
        return this.$message.info('此角色无法操作！')
      }
@@ -1070,29 +1070,31 @@

      this.userForm.roleName = row.role_name
      this.dialogFormUser.rolecode = row.role_code
      const res = await this.getRoleAssociationUser()

      this.getRoleAssociationUser().then(res => {
      if (res.code === '200') {
        setTimeout(() => {
          loading.close()
          this.userDialogVisible = true

          this.$nextTick(() => {
            this.$refs.multipleTable.doLayout()
              this.$refs.multipleTableRef.doLayout()
          })
        }, 1000)
          })
      } else {
        loading.close()
      }
      })
    },
    // 获取角色清单关联用户
    async getRoleAssociationUser() {
      const res = await RoleAssociationUser(this.dialogFormUser)
      this.dialogFormUserTable = res.data
      this.dialogFormUserTableLength = res.count
      this.userDialogVisible = true
      this.$nextTick(() => {
        this.dialogFormUserTable.forEach((item, index) => {
          if (item.flag === 'Y') {
            this.$refs.multipleTable.toggleRowSelection(this.dialogFormUserTable[index], true)
            this.$refs.multipleTableRef.toggleRowSelection(this.dialogFormUserTable[index], true)
          }
        })
      })

 src/views/kb/zhkb.vue

@@ -30,8 +30,8 @@
                <div class="circle"   style="background-color: rgb(255 255 255)"></div>
                <div  style="margin-left: 10px" >未开始</div>

                <div class="circle"  style="margin-left: 10px;background-color: blue;"></div>
                <div  style="margin-left: 10px" >开工</div>
<!--                <div class="circle"  style="margin-left: 10px;background-color: blue;"></div>-->
<!--                <div  style="margin-left: 10px" >开工</div>-->

                <div class="circleYellow" style="margin-left: 10px"></div>
                <div  style="margin-left: 10px" >执行中</div>
@@ -90,13 +90,13 @@
                      class="kb_block03_02_content flex_c_c"
                    >
                      <div class="flex_c_c content01">
<!--                        <div-->
<!--                          v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"-->
<!--                          class="circle"-->
<!--                          style="background-color: blue;"-->
<!--                        />-->
                        <div
                          v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
                          class="circle"
                          style="background-color: blue;"
                        />
                        <div
                          v-else-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
                          v-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
                          class="circle"
                          style="background-color: rgb(255 255 255)"
                        />

 src/views/kb/zhkbc.vue

@@ -30,8 +30,8 @@
                <div class="circle"   style="background-color: rgb(255 255 255)"></div>
                <div  style="margin-left: 10px" >未开始</div>

                <div class="circle"  style="margin-left: 10px;background-color: blue;"></div>
                <div  style="margin-left: 10px" >开工</div>
<!--                <div class="circle"  style="margin-left: 10px;background-color: blue;"></div>-->
<!--                <div  style="margin-left: 10px" >开工</div>-->

                <div class="circleYellow" style="margin-left: 10px"></div>
                <div  style="margin-left: 10px" >执行中</div>
@@ -90,13 +90,13 @@
                      class="kb_block03_02_content flex_c_c"
                    >
                      <div class="flex_c_c content01">
<!--                        <div-->
<!--                          v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"-->
<!--                          class="circle"-->
<!--                          style="background-color: blue;"-->
<!--                        />-->
                        <div
                          v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
                          class="circle"
                          style="background-color: blue;"
                        />
                        <div
                          v-else-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
                          v-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
                          class="circle"
                          style="background-color: rgb(255 255 255)"
                        />

 src/views/xtsy/index.vue

@@ -11,18 +11,18 @@
            <div class="top_card_content_flex">
              <div class="content" style="width: 84%">
                <div class="content_title1">今日登录</div>
                <div class="content_end1" :style="{color:`rgb(${barTopColor01[0]})`}">1/
                  <countTo :start-val="0" :end-val="999" :duration="3000" />
                <div class="content_end1" :style="{color:`rgb(${barTopColor01[0]})`}">15/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                </div>
              </div>
              <div id="barTop01" class="barTop" style="width: 100%;" />
              <div class="content" style="width: 84%">
                <div class="content_title1">昨日登录</div>
                <div class="content_end1">0/
                  <countTo :start-val="0" :end-val="999" :duration="3000" />
                <div class="content_end1">18/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                </div>
              </div>
              <div id="barTop02" class="barTop" />
              <div id="barTop02" class="barTop" style="width: 92%;" />
            </div>
          </div>
        </div>
@@ -33,18 +33,18 @@
            <div class="top_card_content_flex">
              <div class="content" style="width: 84%">
                <div class="content_title1">今日活跃</div>
                <div class="content_end1" :style="{color:`rgb(${barTopColor02[0]})`}">0/
                  <countTo :start-val="0" :end-val="999" :duration="3000" />
                <div class="content_end1" :style="{color:`rgb(${barTopColor02[0]})`}">15/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                </div>
              </div>
              <div id="barTop03" class="barTop" />
              <div id="barTop03" class="barTop" style="width: 100%;" />
              <div class="content" style="width: 84%">
                <div class="content_title1">昨日活跃</div>
                <div class="content_end1">0/
                  <countTo :start-val="0" :end-val="999" :duration="3000" />
                <div class="content_end1">18/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                </div>
              </div>
              <div id="barTop04" class="barTop" />
              <div id="barTop04" class="barTop" style="width: 92%;" />
            </div>
          </div>
        </div>
@@ -55,18 +55,18 @@
            <div class="top_card_content_flex">
              <div class="content" style="width: 84%">
                <div class="content_title1">今日活跃</div>
                <div class="content_end1" :style="{color:`rgb(${barTopColor03[0]})`}">0/
                  <countTo :start-val="0" :end-val="999" :duration="3000" />
                <div class="content_end1" :style="{color:`rgb(${barTopColor03[0]})`}">15/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                </div>
              </div>
              <div id="barTop05" class="barTop" />
              <div id="barTop05" class="barTop" style="width:100%;" />
              <div class="content" style="width: 84%">
                <div class="content_title1">昨日活跃</div>
                <div class="content_end1">0/
                  <countTo :start-val="0" :end-val="999" :duration="3000" />
                <div class="content_end1">18/
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                </div>
              </div>
              <div id="barTop06" class="barTop" />
              <div id="barTop06" class="barTop" style="width: 92%;" />
            </div>
          </div>
        </div>
@@ -78,17 +78,17 @@
              <div class="content" style="width: 84%">
                <div class="content_title1">今日活跃</div>
                <div class="content_end1" :style="{color:`rgb(${barTopColor04[0]})`}">0/
                  <countTo :start-val="0" :end-val="999" :duration="3000" />
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                </div>
              </div>
              <div id="barTop07" class="barTop" />
              <div id="barTop07" class="barTop" style="width: 92%;" />
              <div class="content" style="width: 84%">
                <div class="content_title1">昨日活跃</div>
                <div class="content_end1">0/
                  <countTo :start-val="0" :end-val="999" :duration="3000" />
                  <countTo :start-val="0" :end-val="37" :duration="3000" />
                </div>
              </div>
              <div id="barTop08" class="barTop" />
              <div id="barTop08" class="barTop" style="width: 92%;" />
            </div>
          </div>
        </div>
@@ -134,7 +134,7 @@
      mainHeight: 0,
      tableHeight: 0,
      barTopColor01: ['42,197,137', '187,236,218'],
      barTopColor02: ['248,216,76', '255,250,238'],
      barTopColor02: ['248,216,76', '255,250,188'],
      barTopColor03: ['42,197,137', '187,236,218'],
      barTopColor04: ['232,103,103', '253,240,240']
    }
@@ -167,28 +167,28 @@
      this.getLine01()
    },
    getTopData() {
      loadEcharts('barTop01', barTop(1, this.barTopColor01))
      loadEcharts('barTop02', barTop(0, this.barTopColor01))
      loadEcharts('barTop03', barTop(0, this.barTopColor02))
      loadEcharts('barTop04', barTop(0, this.barTopColor02))
      loadEcharts('barTop05', barTop(0, this.barTopColor03))
      loadEcharts('barTop06', barTop(0, this.barTopColor03))
      loadEcharts('barTop01', barTop(15, this.barTopColor01))
      loadEcharts('barTop02', barTop(18, this.barTopColor01))
      loadEcharts('barTop03', barTop(15, this.barTopColor02))
      loadEcharts('barTop04', barTop(18, this.barTopColor02))
      loadEcharts('barTop05', barTop(15, this.barTopColor03))
      loadEcharts('barTop06', barTop(18, this.barTopColor03))
      loadEcharts('barTop07', barTop(0, this.barTopColor04))
      loadEcharts('barTop08', barTop(0, this.barTopColor04))
    },
    async getBar01() {
      // const res=await  xxx()
      let data = [
        { key: 'admin0', value: 300 },
        { key: 'admin1', value: 310 },
        { key: 'admin2', value: 180 },
        { key: 'admin3', value: 190 },
        { key: 'admin4', value: 120 },
        { key: 'admin5', value: 230 },
        { key: 'admin6', value: 270 },
        { key: 'admin7', value: 250 },
        { key: 'admin8', value: 260 },
        { key: 'admin9', value: 180 }
        { key: '贾红年', value: 455 },
        { key: '林周', value: 510 },
        { key: '毛英', value: 380 },
        { key: '王定', value: 390 },
        { key: '付小平', value: 220 },
        { key: '黄洁', value: 234 },
        { key: '叶玉祥', value: 271 },
        { key: '注塑车间', value: 259 },
        { key: '金工车间', value: 262 },
        { key: '装配车间', value: 180 }
      ]
      data = data.sort((a, b) => b.value - a.value)
      loadEcharts('bar01', bar01(data))
@@ -202,17 +202,17 @@
      // console.log(document.getElementById('line01'))
      const data2 = [
        { key: '2', value: 0 },
        { key: '4', value: 0.2 },
        { key: '6', value: 0.3 },
        { key: '8', value: 0.1 },
        { key: '10', value: 0.8 },
        { key: '12', value: 0.2 },
        { key: '14', value: 0.3 },
        { key: '16', value: 0.3 },
        { key: '18', value: 0 },
        { key: '20', value: 0.2 },
        { key: '22', value: 0.1 },
        { key: '24', value: 0.4 }
        { key: '4', value: 0 },
        { key: '6', value: 0 },
        { key: '8', value: 10 },
        { key: '10', value: 12 },
        { key: '12', value: 8 },
        { key: '14', value: 8 },
        { key: '16', value: 6 },
        { key: '18', value: 3 },
        { key: '20', value: 1 },
        { key: '22', value: 0 },
        { key: '24', value: 0 }
      ]
      loadEcharts('line01', line01(data2))
    }

 vue.config.js

@@ -53,8 +53,8 @@
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        // target: 'http://121.196.36.24:8013', // 请求的第三⽅接⼝地址       本地开发服务器
        target: 'http://192.168.188.180:8001', // 请求的第三⽅接⼝地址   福莱泰  （未上云）
        // target: 'http://xnkeij.natappfree.cc', // 请求的第三⽅接⼝地址   福莱泰  （上云）
        // target: 'http://192.168.188.180:8001', // 请求的第三⽅接⼝地址   福莱泰  （未上云）
        target: 'http://xnkeij.natappfree.cc', // 请求的第三⽅接⼝地址   福莱泰  （上云）

        changeOrigin: true, // 请求跨域时，需 配置此项
        pathRewrite: { // 路径重写,替换target中的请求地址