parent: 50147d17 | 补丁 | 提交 | show whitespace
xiangpei
2024-04-10 597f5a86db16d2c22a9bcfee20bc3239936b1263 
考核结果、考核详情页面
1个文件已修改
2个文件已添加
6个文件已删除
3988 ■■■■■ 已修改文件
src/router/index.js 14 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/result/city/detail.vue 841 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/result/city/index.vue 482 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/result/detail/index.vue 286 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/result/index.vue 263 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/result/province/detail.vue 791 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/result/province/index.vue 471 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/rule/city/index.vue 399 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/system/rule/province/index.vue 441 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 
 src/router/index.js


@@ -77,12 +77,7 @@


    component: Layout,


    hidden: true,


    children: [


      {


        path: 'detail',


        name: 'check-result-city',


        component: () => import('@/views/system/result/city/detail'),


        meta: { title: '市局考核结果详情', activeMenu: '/system/check-result/city' }


      }




    ]


  },


  {


@@ -90,12 +85,7 @@


    component: Layout,


    hidden: true,


    children: [


      {


        path: 'detail',


        name: 'check-result-province',


        component: () => import('@/views/system/result/province/detail'),


        meta: { title: '省厅考核结果详情', activeMenu: '/system/check-result/province' }


      }




    ]


  },


  {




 src/views/system/result/city/detail.vue


File was deleted




 src/views/system/result/city/index.vue


File was deleted




 src/views/system/result/detail/index.vue


New file


@@ -0,0 +1,286 @@


<template>


  <div style="display: flex;flex-direction: row; padding: 15px">


    <div id="left">


      <div>


        <div>


          <div style="display: flex;flex-direction: row;">


            <div class="now-item">


              <div class="box now">


                <div class="title">


                  视频


                </div>


                <div>


                  98


                </div>


              </div>


            </div>


            <div class="now-item">


              <div class="box now">


                <div class="title">


                  人脸


                </div>


                <div>


                  98


                </div>


              </div>


            </div>


            <div class="now-item">


              <div class="box now">


                <div class="title">


                  监控


                </div>


                <div>


                  98


                </div>


              </div>


            </div>


            <div style="justify-content: center;align-items: center;display: flex;width: 80px">


              <i class="el-icon-caret-left">本月</i>


            </div>




          </div>


        </div>


      </div>




      <div style="margin-top: 20px">


        <div style="display: flex;flex-direction: row;">


          <div class="now-item">


            <div class="box">


              <div class="title">


                视频


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div class="now-item">


            <div class="box">


              <div class="title">


                人脸


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div class="now-item">


            <div class="box">


              <div class="title">


                监控


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div style="justify-content: center;align-items: center;display: flex;width: 80px">


            <i class="el-icon-caret-left">24.<span style="font-size: large">3</span></i>


          </div>


        </div>


      </div>


      <div style="margin-top: 20px">


        <div style="display: flex;flex-direction: row;">


          <div class="now-item">


            <div class="box">


              <div class="title">


                视频


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div class="now-item">


            <div class="box">


              <div class="title">


                人脸


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div class="now-item">


            <div class="box">


              <div class="title">


                监控


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div style="justify-content: center;align-items: center;display: flex;width: 80px">


            <i class="el-icon-caret-left">24.<span style="font-size: large">2</span></i>


          </div>


        </div>


      </div>


      <div style="margin-top: 20px">


        <div style="display: flex;flex-direction: row;">


          <div class="now-item">


            <div class="box">


              <div class="title">


                视频


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div class="now-item">


            <div class="box">


              <div class="title">


                人脸


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div class="now-item">


            <div class="box">


              <div class="title">


                监控


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div style="justify-content: center;align-items: center;display: flex;width: 80px">


            <i class="el-icon-caret-left">24.<span style="font-size: large">1</span></i>


          </div>


        </div>


      </div>


      <div style="margin-top: 20px">


        <div style="display: flex;flex-direction: row;">


          <div class="now-item">


            <div class="box">


              <div class="title">


                视频


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div class="now-item">


            <div class="box">


              <div class="title">


                人脸


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div class="now-item">


            <div class="box">


              <div class="title">


                监控


              </div>


              <div>


                98


              </div>


            </div>


          </div>


          <div style="justify-content: center;align-items: center;display: flex;width: 80px">


            <i class="el-icon-caret-left">23.<span style="font-size: large">12</span></i>


          </div>


        </div>


      </div>


    </div>


    <div id="right">


      <div style="margin-top: 120px; display: flex;flex-direction: column; justify-content: center; align-items: center">


        <div style="width: 210px; margin-bottom: 15px">


          <el-switch


            v-model="searchForm.type"


            active-text="市局"


            inactive-text="省厅">


          </el-switch>


        </div>


        <div style="width: 210px; margin-bottom: 15px">


          <el-date-picker


            clearable


            v-model="searchForm.startTime"


            type="month"


            placeholder="开始时间">


          </el-date-picker>


        </div>


        <div style="width: 210px; margin-bottom: 15px">


          <el-date-picker


            clearable


            v-model="searchForm.endTime"


            type="month"


            placeholder="结束时间">


          </el-date-picker>


        </div>




      </div>


    </div>


  </div>


</template>




<script>


export default {


  name: 'index',


  data() {


    return {


      searchForm: {




      }


    }


  }


}


</script>




<style scoped>


.now-item {


  flex: 1;


  display: flex;


  justify-content: center;


  align-items: center;


}


.now {


  background-color: #42b983;


  height: 80px !important;


}


.box {


  display: flex;


  flex-direction: column;


  align-items: center;


  justify-content: center;


  box-shadow: 0 2px 6px hsla(0, 0%, 7%, .1);


  border-radius: 10px;


  width: 240px;


  height: 50px;


}


.box:hover{


  cursor: pointer;


}


.month {


  margin-top: 20px;


  display: flex;


  flex-direction: column;


  justify-content: center;


  align-items: center;


}


.title {


  font-size: larger;


}


.item {


  flex: 1;


}


#left {


  flex: 5;


}


#right {


  flex: 1.5;


  height: 100%;


  overflow: hidden;


  display: flex;


  justify-content: center;


  align-items: center;


}


</style>




 src/views/system/result/index.vue


New file


@@ -0,0 +1,263 @@


<template>


  <div id="warp">


    <el-row>


      <el-col :span="6">


        <div class="city-warp">


          <div class="city">


            <div class="title">


              自流井


            </div>


            <div class="score-warp">


              <div class="score-item">


                <div>视频：</div>


                <div class="score">99.5</div>


              </div>


              <div class="score-item">


                <div>人脸：</div>


                <div class="score">87</div>


              </div>


              <div class="score-item">


                <div>监控：</div>


                <div class="score">94</div>


              </div>


            </div>


            <div class="bottom-publish">


              <el-button size="medium" type="success">发布</el-button>


              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>


            </div>


          </div>


        </div>


      </el-col>


      <el-col :span="6">


        <div class="city-warp">


          <div class="city">


            <div class="title">


              富顺


            </div>


            <div class="score-warp">


              <div class="score-item">


                <div>视频：</div>


                <div class="score">99.5</div>


              </div>


              <div class="score-item">


                <div>人脸：</div>


                <div class="score">87</div>


              </div>


              <div class="score-item">


                <div>监控：</div>


                <div class="score">94</div>


              </div>


            </div>


            <div class="bottom-publish">


              <el-button size="medium" type="success">发布</el-button>


              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>


            </div>


          </div>


        </div>


      </el-col>


      <el-col :span="6">


        <div class="city-warp">


          <div class="city">


            <div class="title">


              荣县


            </div>


            <div class="score-warp">


              <div class="score-item">


                <div>视频：</div>


                <div class="score">99.5</div>


              </div>


              <div class="score-item">


                <div>人脸：</div>


                <div class="score">87</div>


              </div>


              <div class="score-item">


                <div>监控：</div>


                <div class="score">94</div>


              </div>


            </div>


            <div class="bottom-publish">


              <el-button size="medium" type="success">发布</el-button>


              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>


            </div>


          </div>


        </div>


      </el-col>


      <el-col :span="6">


        <div class="city-warp">


          <div class="city">


            <div class="title">


              沿滩区


            </div>


            <div class="score-warp">


              <div class="score-item">


                <div>视频：</div>


                <div class="score">99.5</div>


              </div>


              <div class="score-item">


                <div>人脸：</div>


                <div class="score">87</div>


              </div>


              <div class="score-item">


                <div>监控：</div>


                <div class="score">94</div>


              </div>


            </div>


            <div class="bottom-publish">


              <el-button size="medium" type="success">发布</el-button>


              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>


            </div>


          </div>


        </div>


      </el-col>






    </el-row>




    <el-row style="margin-top: 30px">


      <el-col :span="6">


        <div class="city-warp">


          <div class="city">


            <div class="title">


              高新区


            </div>


            <div class="score-warp">


              <div class="score-item">


                <div>视频：</div>


                <div class="score">99.5</div>


              </div>


              <div class="score-item">


                <div>人脸：</div>


                <div class="score">87</div>


              </div>


              <div class="score-item">


                <div>监控：</div>


                <div class="score">94</div>


              </div>


            </div>


            <div class="bottom-publish">


              <el-button size="medium" type="success">发布</el-button>


              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>


            </div>


          </div>


        </div>


      </el-col>


      <el-col :span="6">


        <div class="city-warp">


          <div class="city">


            <div class="title">


              大安区


            </div>


            <div class="score-warp">


              <div class="score-item">


                <div>视频：</div>


                <div class="score">99.5</div>


              </div>


              <div class="score-item">


                <div>人脸：</div>


                <div class="score">87</div>


              </div>


              <div class="score-item">


                <div>监控：</div>


                <div class="score">94</div>


              </div>


            </div>


            <div class="bottom-publish">


              <el-button size="medium" type="success">发布</el-button>


              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>


            </div>


          </div>


        </div>


      </el-col>


      <el-col :span="6">


        <div class="city-warp">


          <div class="city">


            <div class="title">


              贡井区


            </div>


            <div class="score-warp">


              <div class="score-item">


                <div>视频：</div>


                <div class="score">99.5</div>


              </div>


              <div class="score-item">


                <div>人脸：</div>


                <div class="score">87</div>


              </div>


              <div class="score-item">


                <div>监控：</div>


                <div class="score">94</div>


              </div>


            </div>


            <div class="bottom-publish">


              <el-button size="medium" type="success">发布</el-button>


              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>


            </div>


          </div>


        </div>


      </el-col>


    </el-row>


  </div>




</template>




<script>


export default {


  name: 'index',


  data() {


    return {




    }


  },


  methods: {


    jumpDetail() {


      this.$router.push("/examine/detail")


    }


  }


}


</script>




<style scoped>


.score-warp {


  display: flex;


  flex-direction: column;


  justify-content: center;


  align-items: center;


  color: #797777


}


.score-item {


  display: flex;


  flex-direction: row;


}


.score {


  width: 60px;


  text-align: right;


}


#warp {


  padding: 20px;


}


.city-warp {


  display: flex;


  flex-direction: column;


  align-items: center;


  justify-content: center;


  height: 210px;


}


.city {


  width: 240px;


  height: 100%;


  box-shadow: 0 2px 6px hsla(0, 0%, 7%, .1);


  border-radius: 10px;


  position: relative;


  text-align: center;


  padding: 10px 0px;


}


.bottom-publish {


  width: 100%;


  position: absolute;


  bottom: 10px;


}


.title {


  font-size: larger;


  margin-bottom: 25px;


}


</style>




 src/views/system/result/province/detail.vue


File was deleted




 src/views/system/result/province/index.vue


File was deleted




 src/views/system/rule/city/index.vue


File was deleted




 src/views/system/rule/province/index.vue


File was deleted