Explorar el Código

Merge branch 'bug0531' into test

1178232204@qq.com hace 3 años
padre
commit
e951d9715a
Se han modificado 1 ficheros con 197 adiciones y 157 borrados
  1. 197 157
      src/components/icss/AddMedicinePrompt.vue

+ 197 - 157
src/components/icss/AddMedicinePrompt.vue

@@ -2,14 +2,18 @@
   <el-scrollbar style="height: 100%" ref="elscrollbar" id="message-container">
     <div class="NoiseTemplateWrapper TemplateWrapper knowledgeWrapper">
       <crumbs
-        :title="'医学术语静态知识维护-'+title"
+        :title="'医学术语静态知识维护-' + title"
         class="topBack"
         :param="$route.params"
         linkTo="MedicinePrompt"
       ></crumbs>
       <div class="info-container">
         <el-form :rules="rules" :model="form" label-width="160px" ref="groups">
-          <el-form-item v-if="!isEdit" label="选择标准术语:" prop="selectedTerm">
+          <el-form-item
+            v-if="!isEdit"
+            label="选择标准术语:"
+            prop="selectedTerm"
+          >
             <el-select
               v-model="form.selectedTerm"
               filterable
@@ -26,17 +30,30 @@
               :remote-method="searchTerms"
             >
               <el-option
-                v-for="(term,idx) in terms"
+                v-for="(term, idx) in terms"
                 :key="idx"
-                :label="term.name+(term.typeName?'('+term.typeName+')':'')"
+                :label="
+                  term.name + (term.typeName ? '(' + term.typeName + ')' : '')
+                "
                 :value="term"
-                :title="term.name+(term.typeName?'('+term.typeName+')':'')"
+                :title="
+                  term.name + (term.typeName ? '(' + term.typeName + ')' : '')
+                "
               ></el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="已选择标准术语:" label-width="160px">{{form.selectedTermName}}</el-form-item>
+          <el-form-item label="已选择标准术语:" label-width="160px">{{
+            form.selectedTermName
+          }}</el-form-item>
           <el-form-item
-            v-if="form.selectedTerm&&(form.typeId==1||form.typeId==3||form.typeId==4||form.typeId==5||form.typeId==6)"
+            v-if="
+              form.selectedTerm &&
+              (form.typeId == 1 ||
+                form.typeId == 3 ||
+                form.typeId == 4 ||
+                form.typeId == 5 ||
+                form.typeId == 6)
+            "
             :label="titleChange"
             prop="titleChange"
             label-width="160px"
@@ -45,9 +62,9 @@
           </el-form-item>
           <p class="line"></p>
           <InfoParagraph
-            v-for="(f,i) in form.prags"
+            v-for="(f, i) in form.prags"
             v-if="!upload"
-            :key="(i+1)*10000 + showType"
+            :key="(i + 1) * 10000 + showType"
             :data="f"
             :index="i"
             :total="form.prags.length"
@@ -58,7 +75,12 @@
             @reOrder="reOrder"
             :showType="showType"
           ></InfoParagraph>
-          <el-form-item v-if="upload" label="标题名称:" prop="fileTitle" label-width="160px">
+          <el-form-item
+            v-if="upload"
+            label="标题名称:"
+            prop="fileTitle"
+            label-width="160px"
+          >
             <el-input v-model="form.fileTitle"></el-input>
           </el-form-item>
           <el-form-item
@@ -85,18 +107,26 @@
               :show-file-list="showFileList"
               :file-list="form.fileList"
             >
-              <el-button size="small" type="primary" v-if="showUpLoad">点击上传</el-button>
+              <el-button size="small" type="primary" v-if="showUpLoad"
+                >点击上传</el-button
+              >
               <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div> -->
             </el-upload>
-            <span class="tipInfo" v-show="isShowTip">{{form.fileList[0]&&form.fileList[0].name}}</span>
+            <span class="tipInfo" v-show="isShowTip">{{
+              form.fileList[0] && form.fileList[0].name
+            }}</span>
             <!-- <el-button size="small" type="primary" >点击上传</el-button> -->
           </el-form-item>
           <el-form-item label-width="160px">
-            <div class="uploadInfo" v-if="isSuccessUpload===1">文件上传中,请稍等...</div>
+            <div class="uploadInfo" v-if="isSuccessUpload === 1">
+              文件上传中,请稍等...
+            </div>
           </el-form-item>
         </el-form>
         <div class="btn">
-          <el-button type="primary" :disabled="saveDisable" @click="submitForm">确 定</el-button>
+          <el-button type="primary" :disabled="saveDisable" @click="submitForm"
+            >确 定</el-button
+          >
         </div>
       </div>
     </div>
@@ -106,69 +136,69 @@
 /**
  *
  */
-import api from '@api/icss.js';
-import InfoParagraph from './MedicineInfoPg';
-import config from '@api/config';
+import api from "@api/icss.js";
+import InfoParagraph from "./MedicineInfoPg";
+import config from "@api/config";
 
 export default {
-  name: 'AddMedicinePrompt',
+  name: "AddMedicinePrompt",
   components: {
-    InfoParagraph
+    InfoParagraph,
   },
   data() {
     return {
       isFixedTop: true,
       isEdit: false,
       isCopy: false,
-      title: '添加',
+      title: "添加",
       termTypes: [],
       terms: [], //术语列表
       form: {
-        conceptId: '', //术语id
+        conceptId: "", //术语id
         isTip: 0, //是否要覆盖,0不覆盖,1覆盖
-        selectedTerm: '', //术语标签
-        termType: '',
-        typeId: '',
-        selectedTermName: '',
-        selectedTermType: '',
+        selectedTerm: "", //术语标签
+        termType: "",
+        typeId: "",
+        selectedTermName: "",
+        selectedTermType: "",
         // titleChange: '',
         fileList: [],
-        name: '',
+        name: "",
         prags: [
           {
             //单个段落相关
-            title: '',
-            content: '',
+            title: "",
+            content: "",
             isReason: 0,
             orderNo: 0,
             position: [],
-            text: ''
-          }
+            text: "",
+          },
         ],
-        fileTitle: '',
-        titleChange: ''
+        fileTitle: "",
+        titleChange: "",
       },
       rules: {
         selectedTerm: [
-          { required: true, message: '请选择术语标签', trigger: 'change' }
+          { required: true, message: "请选择术语标签", trigger: "change" },
         ],
         fileTitle: [
-          { required: true, message: '请输入标题名称', trigger: 'change' },
+          { required: true, message: "请输入标题名称", trigger: "change" },
           {
             validator: (rule, value, callback) => {
               if (value.length > 30) {
-                callback(new Error('标题名称不能超过30字'));
+                callback(new Error("标题名称不能超过30字"));
               } else {
                 callback();
               }
             },
-            trigger: 'change'
-          }
+            trigger: "change",
+          },
         ],
         fileList: [
-          { required: true, message: '请上传文件', trigger: 'change' }
+          { required: true, message: "请上传文件", trigger: "change" },
         ],
-        titleChange: [{ max: 30, message: '标题最多30字', trigger: 'change' }]
+        titleChange: [{ max: 30, message: "标题最多30字", trigger: "change" }],
       },
       saveDisable: false, //保存按钮禁止点击
       showDrop: false, //下拉框显示文字bug1774
@@ -182,7 +212,7 @@ export default {
       showType: -1, // 1 诊断  2  药品   3检验套餐 4检验细项  5检查  6检查子 7手术和操作 8量表 9护理
       editCount: -1, // 页面会否被编辑 >0被编辑   =0 未编辑
       startCount: -1,
-      isSaveSuccess: false // 是否保存成功
+      isSaveSuccess: false, // 是否保存成功
     };
   },
   watch: {
@@ -190,39 +220,39 @@ export default {
       handler(newVal, oldVal) {
         // console.log('newVal============', newVal, 'oldVal============', oldVal);
         if (newVal !== oldVal) {
-          this.form.prags = this.form.prags.map(item => {
+          this.form.prags = this.form.prags.map((item) => {
             return { ...item, position: [] };
           });
         }
-      }
+      },
     },
     form: {
       handler(newName, oldName) {
         this.editCount++;
       },
       deep: true,
-      immediate: true
-    }
+      immediate: true,
+    },
   },
-  created: function() {
-    const { isEdit, data, isCopy } = this.$route.params;   
-    console.log('静态数据???',data)
+  created: function () {
+    const { isEdit, data, isCopy } = this.$route.params;
+    console.log("静态数据???", data);
     if (isEdit || isCopy) {
       this.showType = data.type; // 编辑页确认显示类型
       this.isEdit = isEdit;
       this.isCopy = isCopy;
-      this.title = isEdit ? '修改' : isCopy ? '复制' : '添加';
+      this.title = isEdit ? "修改" : isCopy ? "复制" : "添加";
       isEdit && this.changeWord(data);
       api
         .getTremList({ id: data.id })
-        .then(res => {
-          if (res.data.code == '0') {
+        .then((res) => {
+          if (res.data.code == "0") {
             const data = res.data.data;
             if (this.form.typeId === 82 || this.form.typeId === 83) {
               // console.log('data',data)
               this.form.fileList =
                 data &&
-                data.map(it => {
+                data.map((it) => {
                   return JSON.parse(it.content);
                 });
               this.showFileList = true;
@@ -234,46 +264,49 @@ export default {
               this.form.titleChange =
                 data.type == 1
                   ? data.clinicalPathwayName
-                  : data.type == 3 || data.type == 4 || data.type == 5||  data.type == 6
+                  : data.type == 3 ||
+                    data.type == 4 ||
+                    data.type == 5 ||
+                    data.type == 6
                   ? data.noticeName
-                  : '';
+                  : "";
               this.form.selectedTermName =
-                data.name + (data.typeName ? '(' + data.typeName + ')' : '');
+                data.name + (data.typeName ? "(" + data.typeName + ")" : "");
               this.form.selectedTerm =
-                data.name + (data.typeName ? '(' + data.typeName + ')' : '');
-              if(data &&data.details&&data.details.length===0){   //量表有评估内容没有静态知识的情况
-                  this.form.prags =[
-                      {
-                          title: '',
-                          content: '',
-                          isReason: 0,
-                          orderNo: 0,
-                          position: [],
-                          text: ''
-                      }
-                  ];
-                  return;
+                data.name + (data.typeName ? "(" + data.typeName + ")" : "");
+              if (data && data.details && data.details.length === 0) {
+                //量表有评估内容没有静态知识的情况
+                this.form.prags = [
+                  {
+                    title: "",
+                    content: "",
+                    isReason: 0,
+                    orderNo: 0,
+                    position: [],
+                    text: "",
+                  },
+                ];
+                return;
               }
               this.form.prags =
                 data &&
-                data.details.map(it => {
+                data.details.map((it) => {
                   return {
-                    title: it.title,
-                    position: (it.contentType||'').split(","),
-                    content: it.content && it.content.replace(
-                      /{imageUrlPrefix}/g,
-                      config.imgHost
-                    ),
+                    title: it.title ? it.title : "",
+                    position: (it.contentType || "").split(","),
+                    content:
+                      it.content &&
+                      it.content.replace(/{imageUrlPrefix}/g, config.imgHost),
                     // isReason:it.isReason,
                     text: it.text,
-                    disabled: true
+                    disabled: true,
                   };
                 });
             }
           }
         })
-        .catch(error => {
-          if (error.code === '900010001') {
+        .catch((error) => {
+          if (error.code === "900010001") {
             return false;
           }
           console.log(error);
@@ -313,12 +346,12 @@ export default {
     // }
 
     if (this.startCount !== this.editCount && !this.isSaveSuccess) {
-      this.$confirm('还有未保存的内容,确定要退出当前页面吗?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        cancelButtonClass: 'leaveBtn',
-        customClass: 'leaveBox',
-        type: 'warning'
+      this.$confirm("还有未保存的内容,确定要退出当前页面吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        cancelButtonClass: "leaveBtn",
+        customClass: "leaveBox",
+        type: "warning",
       })
         .then(() => {
           next();
@@ -330,9 +363,9 @@ export default {
   },
   methods: {
     handleClear() {
-      this.form.selectedTermName = '';
-      this.form.selectedTerm = '';
-      this.form.titleChange = '';
+      this.form.selectedTermName = "";
+      this.form.selectedTerm = "";
+      this.form.titleChange = "";
       // console.log('处理清空的操作');
     },
 
@@ -349,20 +382,21 @@ export default {
       const name = newVal.name;
       const typeName = newVal.typeName;
       const type = newVal.type;
-      this.form.selectedTermName = name + (typeName ? '(' + typeName + ')' : '');
+      this.form.selectedTermName =
+        name + (typeName ? "(" + typeName + ")" : "");
       // this.form.selectedTerm = name + (typeName ? '(' + typeName + ')' : '');
       this.form.name = name;
       this.form.fileList = [];
       this.showFileList = false;
-      this.form.typeId = type || '';
+      this.form.typeId = type || "";
       this.showUpLoad = true;
       this.titleChange =
         type == 1
-          ? '临床路径标题:'
+          ? "临床路径标题:"
           : type == 3 || type == 4 || type == 5 || type == 6
-          ? '注意事项标题:'
-          : '';
-      this.form.fileTitle = '';
+          ? "注意事项标题:"
+          : "";
+      this.form.fileTitle = "";
       if (newVal.typeId === 82 || newVal.typeId === 83) {
         this.upload = true;
         this.form.fileTitle = newVal.title;
@@ -377,12 +411,12 @@ export default {
     },
     reOrder(isUp, i) {
       // isUp: 1 上升    0 下降
-      let div = this.$refs['elscrollbar'].$refs['wrap'];
+      let div = this.$refs["elscrollbar"].$refs["wrap"];
       let temp = {},
         it = {};
       if (isUp === 1) {
         if (i === 0) {
-          this.warning('已经是第一个,不能再升啦!');
+          this.warning("已经是第一个,不能再升啦!");
           return;
         }
         temp = Object.assign(this.form.prags[i - 1]);
@@ -393,7 +427,7 @@ export default {
         });
       } else {
         if (i === this.form.prags.length - 1) {
-          this.warning('已经是最后一个,不能再降啦!');
+          this.warning("已经是最后一个,不能再降啦!");
           return;
         }
         temp = Object.assign(this.form.prags[i + 1]);
@@ -404,25 +438,25 @@ export default {
     // 添加段落
     addParagraph(i) {
       this.form.prags.splice(i + 1, 0, {
-        title: '',
-        content: '',
+        title: "",
+        content: "",
         isReason: 0,
         position: [],
-        text: ''
+        text: "",
       });
       //添加段落光标自动落到新增的段落中
       setTimeout(() => {
         this.$refs.subForm[i + 1].$el
-          .getElementsByClassName('el-input__inner')[0]
+          .getElementsByClassName("el-input__inner")[0]
           .focus();
       });
     },
     delParagraph(i) {
       if (this.form.prags.length == 1) {
-        this.warning('只剩一个段落,不能再删啦!');
+        this.warning("只剩一个段落,不能再删啦!");
         return;
       }
-      this.showConfirmDialog('确定要删除该段落?', () => {
+      this.showConfirmDialog("确定要删除该段落?", () => {
         this.form.prags.splice(i, 1);
       });
     },
@@ -436,52 +470,55 @@ export default {
       }
       //搜索术语列表
       this.showDrop = true;
-      api.getAllConcept({ inputStr: query.trim(), types: [0] }).then(res => {
+      api.getAllConcept({ inputStr: query.trim(), types: [0] }).then((res) => {
         this.showDrop = false;
-        if (res.data.code === '0') {
+        if (res.data.code === "0") {
           this.terms = res.data.data;
         } else {
-          this.warning('数据获取失败');
+          this.warning("数据获取失败");
         }
       });
     },
     mapStringToNum(str) {
-      return str.split(',').map(it => {
+      return str.split(",").map((it) => {
         return +it;
       });
     },
 
     // 额外的表单检验
     formVal() {
-      let positiontemp = this.form.prags.map(item => {
+      let positiontemp = this.form.prags.map((item) => {
         return [...item.position];
       });
-      let positionArr = positiontemp.reduce(function(a, b) {
+      let positionArr = positiontemp.reduce(function (a, b) {
         return a.concat(b);
       }); // 所有被选中的值集合
       // console.log(positionArr, 'positionArr');
       // console.log(this.showType, '当前页的显示类型');
-      let isVisFlag = positionArr.some(item => item === 2);
-      let isDiagFlag = positionArr.some(item => item === 3);
+      let isVisFlag = positionArr.some((item) => item === 2);
+      let isDiagFlag = positionArr.some((item) => item === 3);
       // console.log(isVisFlag, 'isVisFlag');
       if (
-        (this.showType == 3 || this.showType == 4 || this.showType == 5|| this.showType == 6) &&
+        (this.showType == 3 ||
+          this.showType == 4 ||
+          this.showType == 5 ||
+          this.showType == 6) &&
         isVisFlag
       ) {
         //若医学术语为检验/检查,且内容类型选择了注意事项,此时“注意事项标题”是必填项
         this.$refs.groups.clearValidate();
         this.rules.titleChange.push({
           required: true,
-          message: '请输入注意事项标题',
-          trigger: 'change'
+          message: "请输入注意事项标题",
+          trigger: "change",
         });
-        this.$refs.groups.validateField('titleChange');
+        this.$refs.groups.validateField("titleChange");
         this.rules.titleChange = this.rules.titleChange.slice(0, 1);
-        if (this.form.titleChange.trim() !== '') {
+        if (this.form.titleChange.trim() !== "") {
           // console.log('内容不为空');
           return true;
         } else {
-          var div = this.$refs['elscrollbar'].$refs['wrap'];
+          var div = this.$refs["elscrollbar"].$refs["wrap"];
           this.$nextTick(() => {
             div.scrollTop = 0;
           });
@@ -493,17 +530,17 @@ export default {
         this.$refs.groups.clearValidate();
         this.rules.titleChange.push({
           required: true,
-          message: '请输入临床路径标题',
-          trigger: 'change'
+          message: "请输入临床路径标题",
+          trigger: "change",
         });
-        this.$refs.groups.validateField('titleChange');
+        this.$refs.groups.validateField("titleChange");
         this.rules.titleChange = this.rules.titleChange.slice(0, 1);
 
-        if (this.form.titleChange.trim() !== '') {
+        if (this.form.titleChange.trim() !== "") {
           // console.log('内容不为空');
           return true;
         } else {
-          var div = this.$refs['elscrollbar'].$refs['wrap'];
+          var div = this.$refs["elscrollbar"].$refs["wrap"];
           this.$nextTick(() => {
             div.scrollTop = 0;
           });
@@ -514,7 +551,7 @@ export default {
 
     submitForm() {
       if (this.isSuccessUpload === 1) {
-        this.warning('文件上传中,请稍等');
+        this.warning("文件上传中,请稍等");
         return;
       }
       let flagVal = this.formVal(); // 额外的表单校验
@@ -523,7 +560,7 @@ export default {
       let goOn = true,
         it = null;
       let outIsVia = true; // 外层验证是否通过
-      this.$refs.groups.validate(valid => {
+      this.$refs.groups.validate((valid) => {
         if (!valid) {
           goOn = false;
           outIsVia = false;
@@ -537,7 +574,7 @@ export default {
         for (let i = 0; i < this.$refs.subForm.length; i++) {
           it = this.$refs.subForm[i];
           viewHeight += it.$el.offsetHeight;
-          it.$refs.form.validate(valid => {
+          it.$refs.form.validate((valid) => {
             if (!valid) {
               goOn = false;
               viewHeightArr.push(viewHeight);
@@ -547,7 +584,7 @@ export default {
       }
       // console.log(viewHeightArr,'viewHeightArr');
       if (!goOn) {
-        var div = this.$refs['elscrollbar'].$refs['wrap'];
+        var div = this.$refs["elscrollbar"].$refs["wrap"];
         if (outIsVia) {
           // 外层校验通过,跳转至下层校验具体位置
           this.$nextTick(() => {
@@ -566,18 +603,18 @@ export default {
       let param = [];
       if (this.form.typeId === 82 || this.form.typeId === 83) {
         if (this.form.fileList.length === 0) {
-          this.warning('文件未上传,不存储数据');
+          this.warning("文件未上传,不存储数据");
           return;
         }
         param.push(
           Object.assign(
             {},
             {
-              position: this.form.typeId === 82 ? '8' : '9',
+              position: this.form.typeId === 82 ? "8" : "9",
               conceptId: this.form.conceptId,
               title: this.form.fileTitle,
               orderNo: 0,
-              content: JSON.stringify(this.form.fileList[0])
+              content: JSON.stringify(this.form.fileList[0]),
             }
           )
         );
@@ -593,13 +630,16 @@ export default {
           obj.conceptId = data[i].conceptId;
           obj.orderNo = i;
           obj.title = data[i].title;
-          obj.contentType = data[i].position.join(',');
+          obj.contentType = data[i].position.join(",");
           tempArr.push(obj);
         }
-        paramsAll.clinicalPathwayName = types == 1 ? this.form.titleChange : '';
+        paramsAll.clinicalPathwayName = types == 1 ? this.form.titleChange : "";
         paramsAll.id = this.conceptId;
         paramsAll.name = this.form.name;
-        paramsAll.noticeName = types == 3 || types == 4 || types == 5 || types == 6 ? this.form.titleChange : '';
+        paramsAll.noticeName =
+          types == 3 || types == 4 || types == 5 || types == 6
+            ? this.form.titleChange
+            : "";
         paramsAll.type = this.form.typeId;
         paramsAll.details = tempArr;
         param = paramsAll;
@@ -628,25 +668,25 @@ export default {
     sendSaveOrEdit(param) {
       api
         .saveTermPrompts(param)
-        .then(res => {
-          if (res.data.code === '0') {
+        .then((res) => {
+          if (res.data.code === "0") {
             this.isSuccessUpload = 0; // 修改文件上传状态为0
-            this.warning(res.data.msg || '保存成功', 'success');
+            this.warning(res.data.msg || "保存成功", "success");
             this.isSaveSuccess = true; // 保存成功,可正常退出
             //返回带搜索条件的首页
             this.$router.push({
-              name: 'MedicinePrompt',
+              name: "MedicinePrompt",
               params: Object.assign({}, this.$route.params, {
-                currentPage: 1
-              })
+                currentPage: 1,
+              }),
             });
           } else {
             this.warning(res.data.msg);
           }
           this.saveDisable = false;
         })
-        .catch(err => {
-          if (err.code === '900010001') {
+        .catch((err) => {
+          if (err.code === "900010001") {
             return false;
           }
           this.saveDisable = false;
@@ -656,13 +696,13 @@ export default {
 
     // 弹出窗
     showConfirmDialog(msg, resolve) {
-      this.$confirm(msg, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        cancelButtonClass: 'cancel',
-        confirmButtonClass: 'confirmBtn',
+      this.$confirm(msg, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        cancelButtonClass: "cancel",
+        confirmButtonClass: "confirmBtn",
         dangerouslyUseHTMLString: true,
-        type: 'warning'
+        type: "warning",
       })
         .then(() => {
           resolve();
@@ -673,8 +713,8 @@ export default {
       this.$message({
         showClose: true,
         message: msg,
-        type: type || 'warning',
-        duration:1000
+        type: type || "warning",
+        duration: 1000,
       });
     },
     handleChange(file, fileList) {
@@ -688,13 +728,13 @@ export default {
       // console.log(fileList,this.form.fileList,'aa')
     },
     handleSuccess(response, file, fileList) {
-      if (response.code == '0') {
+      if (response.code == "0") {
         this.showFileList = true;
         this.form.fileList = [];
         this.form.fileList.push({
           name: response.data.title,
           url: response.data.url,
-          size: response.data.size
+          size: response.data.size,
         });
         this.showUpLoad = false;
         if (!this.form.fileTitle) {
@@ -703,7 +743,7 @@ export default {
         this.isSuccessUpload = 2; // 上传成功状态
         this.$refs.upload && this.$refs.upload.clearValidate(); // 清除校验
       } else {
-        this.warning(response.msg || '上传失败');
+        this.warning(response.msg || "上传失败");
         // this.form.fileList = []
         this.showUpLoad = true;
         this.showFileList = false;
@@ -723,7 +763,7 @@ export default {
 
       this.showUpLoad = false;
       if (file.size / 1024 / 1024 >= 500) {
-        this.warning('文件上传失败,超出大小限制500MB');
+        this.warning("文件上传失败,超出大小限制500MB");
         this.form.fileList = [];
         this.showConfirm = false;
         return false;
@@ -734,16 +774,16 @@ export default {
     handlePreview(file) {},
     beforeRemove(file, fileList) {
       if (this.showConfirm) {
-        return this.$confirm(`确定移除 ${file.name}?`, '', {
-          cancelButtonClass: 'cacelBtn'
+        return this.$confirm(`确定移除 ${file.name}?`, "", {
+          cancelButtonClass: "cacelBtn",
         });
       }
-    }
-  }
+    },
+  },
 };
 </script>
 <style lang="less">
-@import '../../less/common.less';
+@import "../../less/common.less";
 .cell .el-button.delete:focus {
   color: red !important;
 }
@@ -823,7 +863,7 @@ export default {
   font-size: 14px;
 }
 .tipInfo:before {
-  content: '';
+  content: "";
   display: block;
   position: absolute;
   // bottom: 9px;