update

src/views/dike/managementGuarantee/standardizationConstruction/listPage/index.vue

@@ -71,6 +71,15 @@
           >删除</el-button
         >
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-delete"
+          size="mini"
+          @click="handleIncentive"
+          >奖惩管理</el-button
+        >
+      </el-col>
       <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
@@ -130,6 +139,15 @@
         :formatter="$formatAdcd"
         min-width="120"
       />
+      <el-table-column
+        label="等级"
+        align="center"
+        prop="adcd"
+        min-width="120"
+      >
+        <template slot-scope="scope">
+        </template>
+      </el-table-column>
 
       <el-table-column
         label="操作"
@@ -248,6 +266,7 @@
       </el-form>
       <div class="listTitle">
         <span>评价表</span>
+        <span>总分：100</span>
         <!-- <span class="addBtn" @click="handleAddList('0')">
             <i class="el-icon-plus"></i>
             添加
@@ -639,6 +658,50 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+    <!--奖惩管理-->
+    <el-dialog
+      title="考核标准与等级划分管理"
+      :visible="dialogVisible"
+      width="600px"
+      center
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+    >
+      <div class="score-dialog-content">
+        <!-- 广东省司价标准 -->
+        <div class="score-table">
+          <div class="score-header">广东省司价标准</div>
+          <div class="score-content">
+            (一: 900 分以上, 前四类 85%; 二: 800 分以上,前四类 75%; 三: 700 分以上,前四类 65%;
+            不达标 700 分以下, 前四类 65%)
+          </div>
+        </div>
+
+        <!-- 奖惩措施管理 -->
+        <div class="score-table">
+          <div class="score-header">奖惩措施管理</div>
+          <div class="score-content">
+            <!-- Empty content as per the example -->
+          </div>
+        </div>
+
+        <!-- 奖励机制和惩处措施表格 -->
+        <div class="score-table-grid">
+          <div class="grid-header">奖励机制</div>
+          <div class="grid-content">111</div>
+          <div class="grid-header">惩处措施</div>
+          <div class="grid-content"></div>
+        </div>
+      </div>
+
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" class="submit-btn" @click="dialogVisible = false">提交</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -737,6 +800,7 @@ export default {
         3: "审核通过",
         4: "已备案",
       },
+      dialogVisible: false,
     };
   },
   computed: {},
@@ -756,6 +820,11 @@ export default {
     });
   },
   methods: {
+    handleIncentive(){
+      console.log(111)
+      this.dialogVisible = true;
+    },
+
     diffScore(name, value) {
       // console.log("value", name, value);
       var rep = new RegExp("^[0-9]*[1-9][0-9]*$");
@@ -1136,4 +1205,70 @@ export default {
     }
   }
 }
+.score-dialog-content {
+  padding: 5px;
+}
+
+.score-table {
+  border: 1px solid #dcdfe6;
+  margin-bottom: 20px;
+}
+
+.score-header {
+  font-weight: bold;
+  padding: 10px;
+  border-bottom: 1px solid #dcdfe6;
+  background-color: #f5f7fa;
+}
+
+.score-content {
+  padding: 10px;
+  min-height: 30px;
+}
+
+.score-table-grid {
+  display: grid;
+  grid-template-columns: 100px 1fr;
+  border: 1px solid #dcdfe6;
+}
+
+.grid-header {
+  padding: 10px;
+  font-weight: bold;
+  border-bottom: 1px solid #dcdfe6;
+  border-right: 1px solid #dcdfe6;
+  background-color: #f5f7fa;
+}
+
+.grid-header:last-of-type {
+  border-top: 1px solid #dcdfe6;
+}
+
+.grid-content {
+  padding: 10px;
+  min-height: 30px;
+  border-bottom: 1px solid #dcdfe6;
+}
+
+.grid-content:last-of-type {
+  border-top: 1px solid #dcdfe6;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.submit-btn {
+  background-color: #ffeb3b;
+  border-color: #ffeb3b;
+  color: black;
+}
+
+.submit-btn:hover {
+  background-color: #ffe500;
+  border-color: #ffe500;
+  color: black;
+}
+
 </style>

src/views/dike/safetyManage/safetyAppraisal/components/listSafetyDetection.vue

@@ -9,7 +9,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="闸门数量" prop="holesNumber">
-            <el-input v-model="form.holesNumber" placeholder="请输入闸门数量" />
+            <el-input v-model="form.holesNumber" placeholder="请输入闸门数量" :disabled="detailDsable"/>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -17,6 +17,7 @@
             <el-input
               v-model="form.hoistNumber"
               placeholder="请输入启闭机数量"
+              :disabled="detailDsable"
             />
           </el-form-item>
         </el-col>
@@ -25,6 +26,7 @@
             <el-select
               v-model="form.gateType"
               placeholder="请选择闸门型式"
+              :disabled="detailDsable"
               style="width: 100%"
             >
               <el-option
@@ -41,6 +43,7 @@
             <el-select
               v-model="form.hoistType"
               placeholder="请选择启闭机型式"
+              :disabled="detailDsable"
               style="width: 100%"
             >
               <el-option
@@ -57,6 +60,7 @@
             <el-input
               v-model="form.evaluate"
               placeholder="请输入闸门和启闭机安全评价"
+              :disabled="detailDsable"
               type="textarea"
             />
           </el-form-item>
@@ -97,6 +101,7 @@
             /> -->
             <el-upload
               class="upload-demo"
+              :disabled="detailDsable"
               :action="uploadUrl"
               :headers="headers"
               :on-preview="handlePreview"
@@ -140,7 +145,7 @@ import { getFileStream } from "@/api/system/upload";
 
 export default {
   name: "Aqjc",
-  props: ["dikeName", "dfrwId"],
+  props: ["dikeName", "dfrwId", "detailDsable"],
   data() {
     return {
       // 遮罩层

src/views/dike/safetyManage/safetyAppraisal/list.vue

@@ -173,6 +173,12 @@
         fixed="right"
       >
         <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleDetial(scope.row)"
+          >查看报告</el-button>
           <el-button
             size="mini"
             type="text"
@@ -215,6 +221,22 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
+    <el-dialog
+      title="查看报告"
+      :visible.sync="openDetial"
+      width="1200px"
+      append-to-body
+      :close-on-click-modal="false"
+      @close="close"
+    >
+      <listSafetyDetection
+        :dfrwId="dfrwId"
+        :dikeName="dikeName"
+        :detailDsable="detailDsable"
+        @closeParentTabs="closeTabs"
+        @cancelParent="cancel"
+      />
+    </el-dialog>
 
     <!-- 添加或修改堤防鉴定任务关联对话框 -->
     <el-dialog
@@ -379,6 +401,8 @@ export default {
       emTitle: "",
       // 是否显示弹出层
       open: false,
+      openDetial: false,
+      detailDsable: false,
       emOpen: false,
       // 堤防类型字典
       sluiceTypeOptions: [],
@@ -413,6 +437,7 @@ export default {
       // 表单校验
       rules: {},
       dfrwId: "",
+      dikeName:'',
       visible: false,
       remark: "",
     };
@@ -482,6 +507,7 @@ export default {
     // 取消按钮
     cancel() {
       this.open = false;
+      this.openDetial = false;
       // this.reset();
     },
     // 表单重置
@@ -556,6 +582,13 @@ export default {
       this.emOpen = true;
       this.emTitle = "审核安全鉴定信息";
     },
+    handleDetial(row){
+      this.openDetial = true;
+      this.dfrwId = row.id;
+      this.dikeName = row.dikeName;
+      this.detailDsable = true;
+
+    },
   },
 };
 </script>