| | |
| | | :total="recordTotal" |
| | | > |
| | | </el-pagination> |
| | | <el-dialog :title="title" :visible.sync="dialogVisible" width="30%"> |
| | | <el-dialog :title="title" :visible.sync="dialogVisible" width="40%"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
| | | <el-form-item label="预案名称" prop="name"> |
| | | <el-input v-model="form.name"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="文件类型"> |
| | | <el-radio-group v-model="form.fileType"> |
| | | <el-radio label="0">图片</el-radio> |
| | | <el-radio label="1">文件</el-radio> |
| | | <el-radio :label=0 >图片</el-radio> |
| | | <el-radio :label=1 >文件</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item v-if="form.fileType==0" label="图片上传"> |
| | | <el-input ></el-input> |
| | | <upload-img v-bind:imgList="form.fileList" @uploadImgSuccess="uploadImgSuccess" @removeImgSuccess="removeImgSuccess"></upload-img> |
| | | </el-form-item> |
| | | <el-form-item label="文件链接" v-if="form.fileType==1"> |
| | | <SingleImageUpload></SingleImageUpload> |
| | | <upload-file v-bind:url="fileUrl" v-bind:name="fileName" @uploadFileSuccess="uploadFileSuccess" ></upload-file> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input v-model="form.remark" :rows="5" type="textarea"></el-input> |
| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import SingleImageUpload from "@/components/Upload/singleImage.vue"; |
| | | import uploadImg from "@/views/contingencyplan/uploadImg.vue"; |
| | | import uploadFile from "@/views/contingencyplan/uploadFile.vue"; |
| | | import { |
| | | emergencyPlanList, |
| | | emergencyPlanAdd, |
| | |
| | | emergencyPlanDel, |
| | | } from "@/api/emergencyplan.js"; |
| | | export default { |
| | | components: { SingleImageUpload }, |
| | | components: { uploadImg , uploadFile}, |
| | | data() { |
| | | return { |
| | | name:"111", |
| | | url:"222", |
| | | path:"emergencyPlan", |
| | | |
| | | dialogVisible: false, |
| | | title: "", |
| | | pageSize: 10, |
| | |
| | | form: { |
| | | name: "", |
| | | fileType: 0, |
| | | fileList: [{ fileName: "", fileUrl: "" }], |
| | | fileList: [], |
| | | remark: "", |
| | | }, |
| | | listQuery: { |
| | |
| | | name: "", |
| | | }, |
| | | }, |
| | | fileName:"", |
| | | fileUrl:"", |
| | | list: [], |
| | | rules: { |
| | | name: [ |
| | |
| | | this.emergencyPlan(); |
| | | }, |
| | | methods: { |
| | | |
| | | uploadFileSuccess(res){ |
| | | this.fileName=res.fileName |
| | | this.fileUrl=res.fileUrl |
| | | if (this.fileName=="" || this.fileUrl==""){ |
| | | this.form.fileList=[] |
| | | } |
| | | this.form.fileList=[{ |
| | | fileName: this.fileName, |
| | | fileUrl:this.fileUrl |
| | | }] |
| | | }, |
| | | |
| | | uploadImgSuccess(res){ |
| | | let file = { |
| | | fileUrl : res.fileUrl, |
| | | fileName : res.fileName |
| | | } |
| | | this.form.fileList.push(file) |
| | | }, |
| | | |
| | | removeImgSuccess(res){ |
| | | this.form.fileList=res.fileList |
| | | }, |
| | | |
| | | async emergencyPlan() { |
| | | var res = await emergencyPlanList(this.listQuery); |
| | | console.log(res); |
| | | if (res.data.code === "200") { |
| | | this.list = res.data.result.records; |
| | | this.recordTotal = res.data.result.total |
| | |
| | | this.title = "新增"; |
| | | this.form = { |
| | | name: "", |
| | | fileType: "0", |
| | | fileList: [{ fileName: "", fileUrl: "" }], |
| | | fileType: 0, |
| | | fileList: [], |
| | | remark: "", |
| | | }; |
| | | } else { |
| | | this.title = "编辑"; |
| | | this.form = value; |
| | | this.fileUrl=value.fileList[0].fileUrl; |
| | | this.fileName=value.fileList[0].fileName |
| | | } |
| | | }, |
| | | addemergencyPlan() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | console.log(132,this.form) |
| | | if (this.title === "新增") { |
| | | emergencyPlanAdd(this.form).then((res) => { |
| | | if (res.data.code === "200") { |
| | |
| | | background-color: #034EA2; |
| | | border: 1px solid #034EA2; |
| | | } |
| | | </style> |
| | | </style> |