合同取消配置，违约规则配置分数

fuliqi

2024-03-21 e1ecc186e3cfdde0faf7ea1fc296b509cf11193c

 src/views/system/default-rule/index.vue

@@ -73,6 +73,9 @@
    <el-table v-loading="loading" :data="ruleList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="规则名称" align="center" prop="ruleName" />
      <el-table-column label="运维公司" align="center" prop="companyName" >
        {{'成都x运维公司'}}
      </el-table-column>
      <el-table-column label="规则描述" align="center" prop="ruleDesc" />
      <el-table-column label="规则状态" align="center" prop="ruleStatus" />
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
@@ -127,23 +130,30 @@
    />

    <!-- 规则详情 -->
    <el-dialog title="规则详情" :visible.sync="detailOpen" width="500px" append-to-body>
    <el-dialog title="规则详情" :visible.sync="detailOpen" width="50%" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="规则名称" prop="ruleName">
          <el-input disabled v-model="form.ruleName" placeholder="请输入规则名称" />
          <el-input class="input" disabled v-model="form.ruleName" placeholder="请输入规则名称" />
        </el-form-item>
        <el-form-item label="运维公司" prop="companyName">
          <el-input class="input" disabled :value ="companyName" placeholder="请输入运维公司名称"></el-input>
        </el-form-item>
        <el-form-item label="规则描述" prop="ruleDesc">
          <el-input disabled v-model="form.ruleDesc" placeholder="请输入规则描述" />
          <el-input class="input" disabled v-model="form.ruleDesc" placeholder="请输入规则描述" />
        </el-form-item>
        <el-form-item label="规则设置">
          <div style="margin-top: 30px">
          <div >
            <div class="line">
              <div class="line-left">工单未及时处理数：</div>
              <div class="line-right"><el-input disabled v-model="jsonRule.overTime" type="number"/></div>
              <div class="line-left">时钟同步（超过±3秒为不合格）24小时内未修复的：扣除相关镜头数量*</div>
              <div class="line-right"><el-input disabled v-model="jsonRule.overTime" type="text"/></div>分
            </div>
            <div class="line">
              <div class="line-left">运维失败数量超过：</div>
              <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="number"/></div>
              <div class="line-left">OSD标识不满足《GAT 751-2008 视频图像文字标注规范》，24小时内未修复的：标扣除相关镜头数量*</div>
              <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="text"/></div>分
            </div>
            <div class="line">
              <div class="line-left">用户抽检，一机一档数据项不合格（提供虚假数据或错误数据为不合格），24小时内未修复的：扣除相关镜头数量*</div>
              <div class="line-right"><el-input disabled v-model="jsonRule.failNum" type="text"/></div>分
            </div>
          </div>
        </el-form-item>
@@ -154,23 +164,30 @@
    </el-dialog>

    <!-- 添加或修改违约规则对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
    <el-dialog :title="title" :visible.sync="open" width="50%" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="规则名称" prop="ruleName">
          <el-input v-model="form.ruleName" placeholder="请输入规则名称" />
          <el-input class="input" v-model="form.ruleName" placeholder="请输入规则名称" />
        </el-form-item>
        <el-form-item label="运维公司" prop="companyName">
          <el-input class="input" :value ="companyName" placeholder="请输入运维公司名称"></el-input>
        </el-form-item>
        <el-form-item label="规则描述" prop="ruleDesc">
          <el-input v-model="form.ruleDesc" placeholder="请输入规则描述" />
          <el-input class="input" v-model="form.ruleDesc" placeholder="请输入规则描述" />
        </el-form-item>
        <el-form-item label="规则设置">
          <div style="margin-top: 30px">
          <div >
            <div class="line">
              <div class="line-left">工单未及时处理数：</div>
              <div class="line-right"><el-input v-model="jsonRule.overTime" type="number"/></div>
              <div class="line-left">时钟同步（超过±3秒为不合格）24小时内未修复的：扣除相关镜头数量*</div>
              <div class="line-right"><el-input  v-model="jsonRule.overTime" type="text"/></div>分
            </div>
            <div class="line">
              <div class="line-left">运维失败数量超过：</div>
              <div class="line-right"><el-input v-model="jsonRule.failNum" type="number"/></div>
              <div class="line-left">OSD标识不满足《GAT 751-2008 视频图像文字标注规范》，24小时内未修复的：标扣除相关镜头数量*</div>
              <div class="line-right"><el-input  v-model="jsonRule.failNum" type="text"/></div>分
            </div>
            <div class="line">
              <div class="line-left">用户抽检，一机一档数据项不合格（提供虚假数据或错误数据为不合格），24小时内未修复的：扣除相关镜头数量*</div>
              <div class="line-right"><el-input  v-model="jsonRule.failNum" type="text"/></div>分
            </div>
          </div>
        </el-form-item>
@@ -190,6 +207,7 @@
  name: "Rule",
  data() {
    return {
      companyName: "成都x运维公司",
      detailOpen: false,
      // 遮罩层
      loading: true,
@@ -377,11 +395,11 @@
  justify-content: flex-start;
  align-items: center;
}
.line-left {
  width: 200px;
  text-align: center;
}

.line-right {
  width: 100px;
  width: 50px;
}
.input{
  width: 200px;
}
</style>