chore:调整

src/views/distributionnetwork/secure/abnormal-data/index.vue

@@ -73,9 +73,28 @@
     <div class="table">
       <el-table v-loading="loading" :data="dataList">
         <el-table-column prop="date" label="序号" width="80" align="center">
-          <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+          <template slot-scope="scope">
+            {{
+              scope.$index +
+              (queryParams.pageNum - 1) * queryParams.pageSize +
+              1
+            }}</template
+          >
+        </el-table-column>
+        <el-table-column
+          label="作业内容"
+          align="center"
+          prop="opContent"
+          :show-overflow-tooltip="true"
+        >
+          <template slot-scope="scope">
+            <a
+              @click="handleDetail(scope.row, '明细')"
+              style="color: blue; cursor: pointer"
+              >{{ scope.row.opContent }}</a
+            >
+          </template>
         </el-table-column>
-        <el-table-column label="作业内容" align="center" prop="opContent" />
         <el-table-column
           label="作业地址"
           align="center"
@@ -171,13 +190,16 @@
         @pagination="getList"
       />
     </div>
+    <WorkPlanDetailModel ref="workPlanDetailModelRef"></WorkPlanDetailModel>
   </div>
 </template>
 
 <script>
 import { getWorkPlanList } from "@/api/secure/pdm-work-plan";
 import { getWorkUnitList } from "@/api/secure/daily-newspaper";
+import WorkPlanDetailModel from "../components/WorkPlanDetailModel.vue";
 export default {
+  components: { WorkPlanDetailModel },
   data() {
     return {
       dataList: [],
@@ -236,6 +258,9 @@ export default {
         this.loading = false;
       });
     },
+    handleDetail(row, title) {
+      this.$refs.workPlanDetailModelRef.openModel({ ...row }, title);
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.getList();

src/views/distributionnetwork/secure/components/WorkPlanDetailModel.vue

@@ -105,6 +105,15 @@
               {{ form.planReason }}
             </el-form-item>
           </el-col>
+          <el-col :span="24" v-if="type == 3">
+            <el-form-item label="风险类别">
+              <div v-for="(ite, i) in riskTypeList" :key="i">
+                <span v-if="ite.roleCode == form.riskType">
+                  {{ ite.roleName }}</span
+                >
+              </div>
+            </el-form-item>
+          </el-col>
         </el-row>
       </el-form>
       <div class="demo-drawer__footer" style="text-align: center">
@@ -115,6 +124,7 @@
 </template>
 
 <script>
+import { getRiskRoleList } from "@/api/secure/pdm-risk-role";
 export default {
   data() {
     return {
@@ -140,15 +150,21 @@ export default {
       loading: false,
       dialog: false,
       type: null, //1作业取消计划  2临时计划
+      riskTypeList: [],
     };
   },
   methods: {
-    openModel(data, title, type) {
+    async openModel(data, title, type) {
       this.form = { ...data };
       this.title = title;
       this.dialog = true;
       this.type = type;
+      if (type == 3) {
+        const { rows } = await getRiskRoleList();
+        this.riskTypeList = rows;
+      }
     },
+
     cancelForm() {
       this.loading = false;
       this.dialog = false;

src/views/distributionnetwork/secure/risk-identification/index.vue

@@ -73,14 +73,28 @@
     <div class="table">
       <el-table ref="renewalTable" v-loading="loading" :data="dataList">
         <el-table-column prop="date" label="序号" width="80" align="center">
-          <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+          <template slot-scope="scope">
+            {{
+              scope.$index +
+              (queryParams.pageNum - 1) * queryParams.pageSize +
+              1
+            }}</template
+          >
         </el-table-column>
         <el-table-column
           label="作业内容"
           align="center"
           prop="opContent"
           :show-overflow-tooltip="true"
-        />
+        >
+          <template slot-scope="scope">
+            <a
+              @click="handleDetail(scope.row, '明细')"
+              style="color: blue; cursor: pointer"
+              >{{ scope.row.opContent }}</a
+            >
+          </template>
+        </el-table-column>
         <el-table-column
           label="作业地址"
           align="center"
@@ -190,6 +204,7 @@
         @pagination="getList"
       />
     </div>
+    <WorkPlanDetailModel ref="workPlanDetailModelRef"></WorkPlanDetailModel>
   </div>
 </template>
 
@@ -197,7 +212,9 @@
 import { getWorkPlanList } from "@/api/secure/pdm-work-plan";
 import { getWorkUnitList } from "@/api/secure/daily-newspaper";
 import { getRiskRoleList } from "@/api/secure/pdm-risk-role";
+import WorkPlanDetailModel from "../components/WorkPlanDetailModel.vue";
 export default {
+  components: { WorkPlanDetailModel },
   data() {
     return {
       dataList: [],
@@ -265,6 +282,9 @@ export default {
         }
       );
     },
+    handleDetail(row, title) {
+      this.$refs.workPlanDetailModelRef.openModel({ ...row }, title, 3);
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.getList();