话术库 预览

src/views/manage/script/index.vue

@@ -82,18 +82,6 @@
           >新增</el-button
         >
       </el-col>
-
-      <!-- <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['manage:script:export']"
-          >导出</el-button
-        >
-      </el-col> -->
       <right-toolbar
         :showSearch.sync="showSearch"
         @queryTable="getList"
@@ -139,7 +127,6 @@
           :data="scriptList"
           @selection-change="handleSelectionChange"
         >
-          <!-- <el-table-column type="selection" width="55" align="center" /> -->
           <el-table-column
             label="序号"
             align="center"
@@ -196,6 +183,13 @@
             class-name="small-padding fixed-width"
           >
             <template slot-scope="scope">
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-search"
+                @click="handlesee(scope.row)"
+                >预览</el-button
+              >
               <el-button
                 size="mini"
                 type="text"
@@ -204,13 +198,6 @@
                 v-hasPermi="['manage:script:edit']"
                 >修改</el-button
               >
-              <!-- <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-notebook-2"
-                @click="management(scope.row)"
-                >分类管理</el-button
-              > -->
               <el-button
                 size="mini"
                 type="text"
@@ -234,7 +221,7 @@
     />
 
     <!-- 添加或修改话术信息对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body v-if="open">
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="通用话术名称" prop="commonScriptName">
           <el-input
@@ -345,11 +332,11 @@
             >{{ diseaseTypeName }}</el-button
           >
         </el-form-item>
-        <el-form-item label="图片" prop="platformId">
+        <el-form-item label="图片" prop="scriptFilePath">
           <stationAcatar
             @imgUrl="imgUrl"
-            :img="form.propagandaCoverPath"
+            :img="form.scriptFilePath"
-            :type="'propagandaCoverUrl'"
+            :type="'scriptUrl'"
           />
         </el-form-item>
       </el-form>
@@ -511,6 +498,18 @@
         @pagination="infodisease"
       />
     </el-dialog>
+    <!-- 预览弹框 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogsee"
+      width="30%"
+      :before-close="seeClose"
+    >
+      <img :src="baseUrl + form.scriptFilePath" alt="" />
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogsee = false">取 消</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -602,7 +601,11 @@ export default {
         value: 'SUSPEND',
         label: '暂停'
       },],
+      baseUrl: process.env.VUE_APP_BASE_API,
 
+
+      //预览弹框
+      dialogsee: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -725,7 +728,20 @@ export default {
   methods: {
     // 上传图片
     imgUrl(imgUrl) {
-      this.form.propagandaCoverPath = imgUrl;
+      this.form.scriptFilePath = imgUrl;
+    },
+    // 预览点击
+    handlesee(row) {
+      const id = row.id
+      getScript(id).then(response => {
+        this.form = response.data;
+        this.dialogsee = true;
+      });
+    },
+
+    // 预览关闭
+    seeClose() {
+      this.dialogsee = false;
     },
     // 点击科室
     clickinnerVisible() {
@@ -871,6 +887,7 @@ export default {
         diseaseTypeName: null,
         diseaseTypeCode: null,
         commonScriptName: null,
+        scriptFilePath:null,
         scriptName: null,
         scriptId: null,
         platformId: null,