feat: 兼容H5页面数据处理

src/views/operation/explain/detail.vue

@@ -1,19 +1,21 @@
 <!-- 活动管理 说明书管理详情 -->
 <template>
   <div class="app-container">
-    <el-form
-      :model="form"
-      ref="form"
-      :rules="rules"
-      label-width="110px"
-      :disabled="disabled"
-    >
+    <el-form :model="form" ref="form" :rules="rules" label-width="110px">
       <el-form-item label="说明书名称：" prop="name">
-        <el-input v-model="form.name" placeholder="请输入协议名称" />
+        <el-input
+          v-model="form.name"
+          placeholder="请输入协议名称"
+          :disabled="disabled"
+        />
       </el-form-item>
 
       <el-form-item label="设备分类：" prop="categoryName">
-        <el-select v-model="form.categoryName" placeholder="请选择设备分类">
+        <el-select
+          v-model="form.categoryName"
+          placeholder="请选择设备分类"
+          :disabled="disabled"
+        >
           <el-option
             v-for="item in categoryOptions"
             :key="item.value"
@@ -34,25 +36,35 @@
             type="text"
             v-clipboard:copy="codeText"
             v-clipboard:success="copySuccess"
+            :disabled="false"
             >复制链接</el-button
           >
         </el-row>
       </el-form-item>
 
-      <el-form-item label="说明书文件：" prop="fileUrl">
-        <el-row type="flex" justify="space-between">
-          <el-col :span="16">
-            <el-input
-              v-model="form.fileUrl"
-              placeholder="请输入或上传下载路径"
-            />
-          </el-col>
-          <el-col :span="6">
-            <Upload @upload="upload" style="float: right" />
-          </el-col>
-        </el-row>
-      </el-form-item>
+      <el-form
+        :model="form"
+        ref="form"
+        :rules="rules"
+        label-width="110px"
+        :disabled="disabled"
+      >
+        <el-form-item label="说明书文件：" prop="fileUrl">
+          <el-row type="flex" justify="space-between">
+            <el-col :span="16">
+              <el-input
+                v-model="form.fileUrl"
+                placeholder="请输入或上传下载路径"
+              />
+            </el-col>
+            <el-col :span="6">
+              <Upload @upload="upload" style="float: right" />
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-form>
     </el-form>
+
     <div class="form-btn">
       <el-button @click="cancel">取消</el-button>
       <el-button v-if="!disabled" type="primary" @click="getSubmit"
@@ -62,6 +74,7 @@
   </div>
 </template>
 
+
 <script>
 import { add, detail, edit } from "@/api/operation/explain";
 import { devCategoryMixin, devTypeMixin } from "@/mixin/index";
@@ -110,7 +123,6 @@ export default {
   mounted() {
     this.form.id = this.$route.query.id;
     this.form.state = this.$route.query.state;
-    console.log("gasdfqwerqwwerqrweqrq====" + this.form.state);
     this.disabled = Boolean(this.$route.query.boolean == 1);
     this.getCateGory(1);
     this.getDetail();