add

src/views/sce/sceInfo/index.vue

@@ -105,13 +105,13 @@
       >
         <h3 class="form-title">基本信息</h3>
         <el-form-item label="剧本标题:" prop="title" style="width:45%">
-          <el-input v-model="ruleForm.title" style="width:300px;" />
+          <el-input :disabled='disabled' v-model="ruleForm.title" style="width:300px;" />
         </el-form-item>
         <el-form-item label="工作室:" prop="studioName" style="width:45%">
-          <el-input v-model="ruleForm.studioName" style="width:300px;" />
+          <el-input :disabled='disabled' v-model="ruleForm.studioName" style="width:300px;" />
         </el-form-item>
         <el-form-item label="标签:" prop="labelName" style="width:100%">
-          <el-input v-model="ruleForm.labelName" style="width:300px;" />
+          <el-input :disabled='disabled' v-model="ruleForm.labelName" style="width:300px;" />
         </el-form-item>
         <h3 class="form-title">剧本图片</h3>
         <el-form-item label="封面" prop="cover">
@@ -235,7 +235,7 @@
         </div>
         <h3 class="form-title">剧本资源</h3>
         <el-form-item label="图片" prop="imgUrls" style="width: 100%;">
-          <el-radio-group v-model="radioImg" @change="changeImg">
+          <el-radio-group :disabled='disabled' v-model="radioImg" @change="changeImg">
             <el-radio :label="1">本地上传</el-radio>
             <el-radio :label="2">网易云地址</el-radio>
           </el-radio-group>
@@ -260,7 +260,7 @@
             <div class="sz_container" style="text-align:center">
               <span>{{ item.processName }}</span>
             </div>
-            <div class="sz_container" style="text-align:center">
+            <div v-if="type != 'view'" class="sz_container" style="text-align:center">
               <el-button size="mini" type="text" @click="setLc(item, i, 'img')"
                 >关联流程</el-button
               >
@@ -373,7 +373,7 @@
           </div>
         </el-form-item>
         <el-form-item label="音频" prop="imgUrls" style="width: 100%;">
-          <el-radio-group v-model="radioMusic" @change="changeMusic">
+          <el-radio-group :disabled='disabled' v-model="radioMusic" @change="changeMusic">
             <el-radio :label="1">本地上传</el-radio>
             <el-radio :label="2">网易云地址</el-radio>
           </el-radio-group>
@@ -399,7 +399,7 @@
             <div class="sz_container" style="text-align:center">
               <span>{{ item.processName }}</span>
             </div>
-            <div class="sz_container" style="text-align:center">
+            <div v-if="type != 'view'" class="sz_container" style="text-align:center">
               <el-button
                 size="mini"
                 type="text"
@@ -518,7 +518,7 @@
           </div>
         </el-form-item>
         <el-form-item label="视频" prop="imgUrls" style="width: 100%;">
-          <el-radio-group v-model="radioVideo" @change="changeVideo">
+          <el-radio-group :disabled='disabled' v-model="radioVideo" @change="changeVideo">
             <el-radio :label="1">本地上传</el-radio>
             <el-radio :label="2">网易云地址</el-radio>
           </el-radio-group>
@@ -544,7 +544,7 @@
             <div class="sz_container" style="text-align:center">
               <span>{{ item.processName }}</span>
             </div>
-            <div class="sz_container" style="text-align:center">
+            <div v-if="type != 'view'" class="sz_container" style="text-align:center">
               <el-button
                 size="mini"
                 type="text"
@@ -781,7 +781,8 @@ export default {
       imgIndex: "",
       musicIdnex: "",
       videoIndex: "",
-      dataList: {}
+      dataList: {},
+      disabled:false
     };
   },
   mounted() {
@@ -968,6 +969,7 @@ export default {
       this.radioVideo = 1;
       this.radioImg = 1;
       this.dialog.Visible = true;
+      this.disabled = false
       this.type = "add";
       this.dialog.title = "新增剧本";
     },
@@ -1067,12 +1069,14 @@ export default {
       this.queryListDetail(row.id);
       this.dialog.Visible = true;
       this.type = "edit";
+      this.disabled = false
       this.dialog.title = "编辑剧本";
     },
     // 查看
     handleView(row) {
       this.queryListDetail(row.id);
       this.type = "view";
+      this.disabled = true
       this.dialog.Visible = true;
     },
     // 删除