黄何裕
2024-07-17 1a4493f0dd1a81d4fd021f48e47f7f3dc351dd33
src/views/system/work-order/threshold/index.vue
@@ -14,8 +14,8 @@
    <!--      </el-col>-->
    <!--    </el-row>-->
    <el-row>
      <el-col :span="8">
        <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px">
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
        <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px">
          <div style="display: flex; justify-content: space-between">
            <div class="header—text">视频</div>
            <div>
@@ -37,99 +37,181 @@
            style="
              margin: 20px;
              display: flex;
              width: 350px;
              width: 400px;
              justify-content: space-between;
            "
          >
            <div>
              <span style="font-size: small">工单阈值</span>
              <div
                style="
                  font-size: small;
                  display: flex;
                  flex-direction: row-reverse;
                  width: 172px;
                "
                >工单阈值</div
              >
              <div>
                <el-form label-width="100px">
                  <el-form-item label="图像质量">
                <el-form label-width="120px">
                  <el-form-item label="模糊分值:">
                    <el-input
                      v-model="videoList.imageQuality"
                      v-model="videoList.blur"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].imageQuality
                    }}</span></el-form-item
                  >
                  <el-form-item label="视频质量">
                    <span v-else>{{ thresholdList[0].blur }}</span>
                  </el-form-item>
                  <el-form-item label="颜色分值:">
                    <el-input
                      v-model="videoList.videoQuality"
                      v-model="videoList.color"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].videoQuality
                    }}</span></el-form-item
                  >
                  <el-form-item label="标注准确率">
                    <span v-else>{{ thresholdList[0].color }}</span>
                  </el-form-item>
                  <el-form-item label="亮度分值:">
                    <el-input
                      v-model="videoList.annotationAccuracy"
                      v-model="videoList.light"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].annotationAccuracy
                    }}</span></el-form-item
                  >
                    <span v-else>{{ thresholdList[0].light }}</span>
                  </el-form-item>
                  <el-form-item label="遮挡分值:">
                    <el-input
                      v-model="videoList.shade"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].shade }}</span>
                  </el-form-item>
                  <el-form-item label="雪花分值:">
                    <el-input
                      v-model="videoList.snow"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].snow }}</span>
                  </el-form-item>
                  <el-form-item label="条纹分值:">
                    <el-input
                      v-model="videoList.stripe"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].stripe }}</span>
                  </el-form-item>
                  <el-form-item label="无信号分值:">
                    <el-input
                      v-model="videoList.signal"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].signal }}</span>
                  </el-form-item>
                  <el-form-item label="标注时间差(秒):">
                    <el-input
                      v-model="videoList.diffTime"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].diffTime }}</span>
                  </el-form-item>
                </el-form>
              </div>
            </div>
            <div>
              <span style="font-size: small">下发阈值</span>
              <div>
                <el-form
                  ref="form"
                  :model="thresholdList[0]"
                  label-width="100px"
                >
                  <el-form-item label="图像质量">
                <el-form ref="form" :model="thresholdList[0]">
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.imageQualityAuto"
                      v-model="videoList.blur"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].imageQualityAuto
                    }}</span></el-form-item
                  >
                  <el-form-item label="视频质量">
                    <span v-else>{{ thresholdList[0].blur }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.videoQualityAuto"
                      v-model="videoList.color"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].videoQualityAuto
                    }}</span></el-form-item
                  >
                  <el-form-item label="标注准确率">
                    <span v-else>{{ thresholdList[0].color }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.annotationAccuracyAuto"
                      v-model="videoList.light"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].annotationAccuracyAuto
                    }}</span></el-form-item
                  >
                    <span v-else>{{ thresholdList[0].light }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.shade"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].shade }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.snow"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].snow }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.stripe"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].stripe }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.signal"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].signal }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.difftime"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[0].difftime }}</span>
                  </el-form-item>
                </el-form>
              </div>
            </div>
          </div>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px">
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
        <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px">
          <div style="display: flex; justify-content: space-between">
            <div class="header—text">人脸</div>
            <div>
@@ -142,7 +224,7 @@
                v-if="!ifEdit"
                >修改
              </el-button>
              <el-button size="mini" type="primary" @click="a()" v-if="ifEdit"
              <el-button size="mini" type="primary" @click="b()" v-if="ifEdit"
                >保存
              </el-button>
            </div>
@@ -151,62 +233,72 @@
            style="
              margin: 20px;
              display: flex;
              width: 350px;
              width: 400px;
              justify-content: space-between;
            "
          >
            <div>
              <span style="font-size: small">工单阈值</span>
              <div
                style="
                  font-size: small;
                  display: flex;
                  flex-direction: row-reverse;
                  width: 190px;
                "
                >工单阈值</div
              >
              <div>
                <el-form label-width="100px">
                  <el-form-item label="抓拍量">
                <el-form label-width="140px">
                  <el-form-item label="时钟准确率:">
                    <el-input
                      v-model="faceList.captureNum"
                      v-model="faceList.clockPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[1].captureNum }}</span></el-form-item
                  >
                  <el-form-item label="及时率">
                    <span v-else>{{ thresholdList[1].clockPercent }}</span>
                  </el-form-item>
                  <el-form-item label="数据及时率:">
                    <el-input
                      v-model="faceList.timelyRate"
                      v-model="faceList.timelyPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[1].timelyRate }}</span></el-form-item
                  >
                  <el-form-item label="延迟量">
                    <span v-else>{{ thresholdList[1].timelyPercent }}</span>
                  </el-form-item>
                  <el-form-item label="不唯一数据量:">
                    <el-input
                      v-model="faceList.delayAmount"
                      v-model="faceList.nouniqueCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[1].delayAmount }}</span></el-form-item
                  >
                  <el-form-item label="设备活跃率">
                    <span v-else>{{ thresholdList[1].nouniqueCount }}</span>
                  </el-form-item>
                  <el-form-item label="建模失败率:">
                    <el-input
                      v-model="faceList.deviceActiveRate"
                      v-model="faceList.failPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[1].deviceActiveRate }}</span></el-form-item
                  >
                  <el-form-item label="抓拍及时率">
                    <span v-else>{{ thresholdList[1].failPercent }}</span>
                  </el-form-item>
                  <el-form-item label="平均人脸低评分率:">
                    <el-input
                      v-model="faceList.name"
                      v-model="faceList.lowScorePercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[1].deviceActiveRate }}</span></el-form-item
                    <span v-else>{{
                      thresholdList[1].lowScorePercent
                    }}</span></el-form-item
                  >
                  <el-form-item label="时钟准确率">
                  <el-form-item label="持续无数据天数:">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].continueNoDataCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
@@ -222,58 +314,57 @@
                <el-form
                  ref="form"
                  :model="thresholdList[0]"
                  label-width="100px"
                >
                  <el-form-item label="抓拍量">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[1].captureNum"
                      v-model="thresholdList[1].clockPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[1].captureNum
                      thresholdList[1].clockPercent
                    }}</span></el-form-item
                  >
                  <el-form-item label="及时率">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].timelyPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="延迟量">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].nouniqueCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="设备活跃率">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].failPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="抓拍及时率">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].lowScorePercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="时钟准确率">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].continueNoDataCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
@@ -286,8 +377,8 @@
          </div>
        </el-card></el-col
      >
      <el-col :span="8">
        <el-card style="margin-bottom: 20px; height: 340px; margin-right: 20px">
      <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
        <el-card style="margin-bottom: 20px; height: 450px; margin-right: 20px">
          <div style="display: flex; justify-content: space-between">
            <div class="header—text">车辆</div>
            <div>
@@ -309,72 +400,80 @@
            style="
              margin: 20px;
              display: flex;
              width: 350px;
              width: 400px;
              justify-content: space-between;
            "
          >
            <div>
              <span style="font-size: small">工单阈值</span>
              <div
                style="
                  font-size: small;
                  display: flex;
                  flex-direction: row-reverse;
                  width: 232px;
                "
                >工单阈值</div
              >
              <div>
                <el-form
                  ref="form"
                  :model="thresholdList[0]"
                  label-width="120px"
                  label-width="180px"
                >
                  <el-form-item label="过车数据量">
                  <el-form-item label="时钟准确率:">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].clockPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="过车缺失率">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="数据及时率:">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].timelyPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="有效过车数据量">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="不唯一数据量:">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].nouniqueCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="设备活跃率">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="车牌未识别量:">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].dayNoNumberCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="抓拍及时率">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="车辆六项属性不完整量:">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].noIntegrityCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="时钟准确率">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="持续无数据天数:">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].continueNoDataCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                </el-form>
              </div>
            </div>
@@ -384,62 +483,61 @@
                <el-form
                  ref="form"
                  :model="thresholdList[0]"
                  label-width="120px"
                >
                  <el-form-item label="过车数据量">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].clockPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="过车缺失率">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].timelyPercent"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="有效过车数据量">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].nouniqueCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="设备活跃率">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].dayNoNumberCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="抓拍及时率">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].noIntegrityCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="时钟准确率">
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].name"
                      v-model="thresholdList[0].continueNoDataCount"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                </el-form>
              </div>
            </div>
@@ -1106,6 +1204,10 @@
  methods: {
    a() {
      this.ifEdit = true;
    },
    b(){
      console.log(1111111);
      this.ifEdit = false;
      console.log(this.ifEdit);
    },
    showContent(row) {
@@ -1162,7 +1264,7 @@
      this.loading = true;
      listThreshold(this.queryParams).then((response) => {
        this.thresholdList = response.rows;
        this.videoList = thresholdList[0];
        this.videoList = this.thresholdList[0];
        this.total = response.total;
        this.loading = false;
      });