增加详情

src/views/batchPlanManagement/Add.vue

@@ -16,7 +16,7 @@
     </div>
     <span slot="footer" class="dialog-footer">
       <el-button @click="handleClose()" size="mini">取 消</el-button>
-      <el-button type="primary" @click="handleSubmit" size="mini"
+      <el-button type="primary" @click="handleSubmit" size="mini" v-if="this.title != '详情'"
         >提 交</el-button
       >
     </span></el-dialog
@@ -57,6 +57,7 @@ export default {
           element: 'el-input', // 指定elementui组件
           placeholder: '请输入内容', // elementui组件属性
           rules: [{ required: true, trigger: 'blur', message: '不能为空' }],
+          readonly: this.title == '详情' ? true : false,
         },
         {
           label: '创建人', // label文字
@@ -84,6 +85,7 @@ export default {
           element: 'el-date-picker', // 指定elementui组件
           initValue: new Date().format('yyyy'), // 字段初始值
           placeholder: '请选择', // elementui组件属性
+          readonly: this.title == '详情' ? true : false,
         },
         {
           label: '计划评审日期', // label文字
@@ -93,6 +95,7 @@ export default {
           element: 'el-date-picker', // 指定elementui组件
           initValue: '', // 字段初始值
           placeholder: '请选择', // elementui组件属性
+          readonly: this.title == '详情' ? true : false,
         },
         {
           label: '备注', // label文字
@@ -101,6 +104,7 @@ export default {
           element: 'el-input', // 指定elementui组件
           placeholder: '请输入内容', // elementui组件属性
           span: 24,
+          readonly: this.title == '详情' ? true : false,
         },
       ]
     },

src/views/batchPlanManagement/index.vue

@@ -25,6 +25,10 @@
           :columns="columns"
           id-key="elementId"
         >
+        <template #batName="{ data }">
+            <el-button v-if="data.row.batName" class="detailBtn" size="medium" @click="fnEdit(data.row, true)">{{data.row.batName}}</el-button >
+            <span v-else>{{data.row.batName}}</span>
+        </template>
         </table-config>
       </template>
     </list-page>
@@ -102,7 +106,7 @@ export default {
       return [
         { label: '序号', type: 'index', width: '80px' },
         { label: '批次年度', prop: 'year' },
-        { label: '批次名称', prop: 'batName', width: '300px' },
+        { label: '批次名称', prop: 'batName', width: '300px', __slotName: 'batName', },
         {
           label: '计划评审日期',
           width: '120px',
@@ -249,8 +253,8 @@ export default {
         })
         .catch(() => {})
     },
-    fnEdit(row) {
-      this.dialogTitle = '修改批次计划'
+    fnEdit(row, isDetail = false) {
+      this.dialogTitle = isDetail ? '详情' : '修改批次计划'
       this.rowData = row
       this.visible = true
     },
@@ -259,4 +263,13 @@ export default {
 </script>
 <style scoped lang="scss">
 @import '@/styles/common.scss';
+.detailBtn{
+    border: none;
+    background: none;
+    color: #0d867f;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 </style>