黄何裕
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,14 +37,22 @@
            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 label-width="120px">
                  <el-form-item label="模糊分值:">
                    <el-input
                      v-model="videoList.blur"
@@ -52,9 +60,7 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].blur
                    }}</span>
                    <span v-else>{{ thresholdList[0].blur }}</span>
                  </el-form-item>
                  <el-form-item label="颜色分值:">
                    <el-input
@@ -63,9 +69,7 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].color
                    }}</span>
                    <span v-else>{{ thresholdList[0].color }}</span>
                  </el-form-item>
                  <el-form-item label="亮度分值:">
                    <el-input
@@ -74,9 +78,7 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                        thresholdList[0].light
                      }}</span>
                    <span v-else>{{ thresholdList[0].light }}</span>
                  </el-form-item>
                  <el-form-item label="遮挡分值:">
                    <el-input
@@ -85,9 +87,7 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                        thresholdList[0].shade
                      }}</span>
                    <span v-else>{{ thresholdList[0].shade }}</span>
                  </el-form-item>
                  <el-form-item label="雪花分值:">
                    <el-input
@@ -96,9 +96,7 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                        thresholdList[0].snow
                      }}</span>
                    <span v-else>{{ thresholdList[0].snow }}</span>
                  </el-form-item>
                  <el-form-item label="条纹分值:">
                    <el-input
@@ -107,9 +105,7 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                        thresholdList[0].stripe
                      }}</span>
                    <span v-else>{{ thresholdList[0].stripe }}</span>
                  </el-form-item>
                  <el-form-item label="无信号分值:">
                    <el-input
@@ -118,9 +114,7 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                        thresholdList[0].signal
                      }}</span>
                    <span v-else>{{ thresholdList[0].signal }}</span>
                  </el-form-item>
                  <el-form-item label="标注时间差(秒):">
                    <el-input
@@ -129,9 +123,7 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                        thresholdList[0].diffTime
                      }}</span>
                    <span v-else>{{ thresholdList[0].diffTime }}</span>
                  </el-form-item>
                </el-form>
              </div>
@@ -139,98 +131,78 @@
            <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.blur"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].blur
                    }}</span>
                    <span v-else>{{ thresholdList[0].blur }}</span>
                  </el-form-item>
                  <el-form-item label="颜色分值:">
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.color"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].color
                    }}</span>
                    <span v-else>{{ thresholdList[0].color }}</span>
                  </el-form-item>
                  <el-form-item label="亮度分值:">
                  <el-form-item label="">
                    <el-input
                      v-model="videoList.light"
                      size="mini"
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{
                      thresholdList[0].light
                    }}</span>
                    <span v-else>{{ thresholdList[0].light }}</span>
                  </el-form-item>
                  <el-form-item label="遮挡分值:">
                  <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>
                    <span v-else>{{ thresholdList[0].shade }}</span>
                  </el-form-item>
                  <el-form-item label="雪花分值:">
                  <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>
                    <span v-else>{{ thresholdList[0].snow }}</span>
                  </el-form-item>
                  <el-form-item label="条纹分值:">
                  <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>
                    <span v-else>{{ thresholdList[0].stripe }}</span>
                  </el-form-item>
                  <el-form-item label="无信号分值:">
                  <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>
                    <span v-else>{{ thresholdList[0].signal }}</span>
                  </el-form-item>
                  <el-form-item label="标注时间差(秒):">
                  <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>
                    <span v-else>{{ thresholdList[0].difftime }}</span>
                  </el-form-item>
                </el-form>
              </div>
@@ -238,8 +210,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>
@@ -252,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>
@@ -261,14 +233,22 @@
            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 label-width="140px">
                  <el-form-item label="时钟准确率:">
                    <el-input
                      v-model="faceList.clockPercent"
@@ -312,7 +292,9 @@
                      style="width: 100px"
                      v-if="ifEdit"
                    ></el-input>
                    <span v-else>{{ thresholdList[1].lowScorePercent }}</span></el-form-item
                    <span v-else>{{
                      thresholdList[1].lowScorePercent
                    }}</span></el-form-item
                  >
                  <el-form-item label="持续无数据天数:">
                    <el-input
@@ -332,9 +314,8 @@
                <el-form
                  ref="form"
                  :model="thresholdList[0]"
                  label-width="100px"
                >
                  <el-form-item label="时钟准确率:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[1].clockPercent"
                      size="mini"
@@ -345,7 +326,7 @@
                      thresholdList[1].clockPercent
                    }}</span></el-form-item
                  >
                  <el-form-item label="数据及时率:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].timelyPercent"
                      size="mini"
@@ -354,7 +335,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="不唯一数据量:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].nouniqueCount"
                      size="mini"
@@ -363,7 +344,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="建模失败率:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].failPercent"
                      size="mini"
@@ -372,7 +353,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="平均人脸低评分率:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].lowScorePercent"
                      size="mini"
@@ -381,7 +362,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span></el-form-item
                  >
                  <el-form-item label="持续无数据天数:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].continueNoDataCount"
                      size="mini"
@@ -396,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>
@@ -419,17 +400,25 @@
            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-input
@@ -494,9 +483,8 @@
                <el-form
                  ref="form"
                  :model="thresholdList[0]"
                  label-width="120px"
                >
                  <el-form-item label="时钟准确率:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].clockPercent"
                      size="mini"
@@ -505,7 +493,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="数据及时率:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].timelyPercent"
                      size="mini"
@@ -514,7 +502,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="不唯一数据量:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].nouniqueCount"
                      size="mini"
@@ -523,7 +511,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="车牌未识别量:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].dayNoNumberCount"
                      size="mini"
@@ -532,7 +520,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="车辆六项属性不完整量:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].noIntegrityCount"
                      size="mini"
@@ -541,7 +529,7 @@
                    ></el-input>
                    <span v-else>{{ 10 }}</span>
                  </el-form-item>
                  <el-form-item label="持续无数据天数:">
                  <el-form-item label="">
                    <el-input
                      v-model="thresholdList[0].continueNoDataCount"
                      size="mini"
@@ -1216,6 +1204,10 @@
  methods: {
    a() {
      this.ifEdit = true;
    },
    b(){
      console.log(1111111);
      this.ifEdit = false;
      console.log(this.ifEdit);
    },
    showContent(row) {
@@ -1272,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;
      });