style:登录页面样式

ZhangXianQiang

2024-03-28 07e7a6323d6f98fe2dfdf2733daf457a4e4f42f4

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

@@ -35,7 +35,6 @@
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['system:rule:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
@@ -46,7 +45,6 @@
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['system:rule:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
@@ -57,7 +55,6 @@
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['system:rule:remove']"
        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
@@ -76,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">
@@ -91,7 +91,6 @@
            type="text"
            icon="el-icon-zoom-in"
            @click="handleUse(scope.row.id, true)"
            v-hasPermi="['system:rule:use']"
          >启用</el-button>
          <el-button
            v-else
@@ -99,28 +98,24 @@
            type="text"
            icon="el-icon-zoom-in"
            @click="handleUse(scope.row.id, false)"
            v-hasPermi="['system:rule:use']"
          >停用</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-zoom-in"
            @click="handleDetail(scope.row)"
            v-hasPermi="['system:rule:detail']"
          >详情</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:rule:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:rule:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
@@ -135,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>
@@ -162,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>
@@ -198,6 +207,7 @@
  name: "Rule",
  data() {
    return {
      companyName: "成都x运维公司",
      detailOpen: false,
      // 遮罩层
      loading: true,
@@ -385,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>