| | |
| | | <div class="right"> |
| | | <el-form :model="state.form" size="default" ref="noticeRef" :rules="data.formRules" label-position="left" label-width="125px" > |
| | | <el-form-item label="具体内容" prop="content" > |
| | | <el-input v-model="state.form.content" :rows="4" type="textarea" /> |
| | | |
| | | <t-editor style="width: 100%;" :height="300" ref="myEditor1" :value="state.form.content" ></t-editor> |
| | | <!-- <el-input v-model="state.form.content" :rows="4" type="textarea" />--> |
| | | </el-form-item> |
| | | <el-form-item label="标准分析" prop="analysis" > |
| | | <el-input v-model="state.form.analysis" :rows="4" type="textarea" /> |
| | | <t-editor style="width: 100%;" :height="300" ref="myEditor2" :value="state.form.analysis" ></t-editor> |
| | | <!-- <el-input v-model="state.form.analysis" :rows="4" type="textarea" />--> |
| | | </el-form-item> |
| | | <el-form-item label="应准备材料" prop="dataList"> |
| | | <el-button type="primary" @click="openDataDialog('add',{})">新增</el-button> |
| | |
| | | <el-table style="margin:15px 0;width: 100%" :data="state.form.dataList" :border="true" > |
| | | <el-table-column type="index" label="序号" width="80" align="center"></el-table-column> |
| | | <el-table-column label="材料名称" prop="name" align="center" /> |
| | | <el-table-column label="材料模板" prop="fileName" align="center" > |
| | | <template #default="scope"> |
| | | <el-link v-if="scope.row.fileName" style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="材料模板" prop="fileName" align="center" >--> |
| | | <!-- <template #default="scope">--> |
| | | <!-- <el-link v-if="scope.row.fileName" style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="openDataDialog('edit',scope.row)" >编辑</el-button> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-form-item label="记录上传" prop="recordList"> |
| | | <el-button type="primary" @click="openRecordDialog('add',{})">新增</el-button> |
| | | </el-form-item> |
| | | <el-table style="margin-top: 15px;width: 100%" :data="state.form.recordList" :border="true" > |
| | | <el-table-column type="index" label="序号" width="80" align="center"></el-table-column> |
| | | <el-table-column label="记录名称" prop="name" align="center" /> |
| | | <el-table-column label="材料模板" prop="fileName" align="center"> |
| | | <template #default="scope"> |
| | | <el-link v-if="scope.row.fileName" style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" > |
| | | <template #default="scope"> |
| | | <el-button link type="primary" @click="openRecordDialog('edit',scope.row)" >编辑</el-button> |
| | | <el-button link type="danger" @click="handleRecordDelete(scope.row)" >删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- <el-form-item label="记录上传" prop="recordList">--> |
| | | <!-- <el-button type="primary" @click="openRecordDialog('add',{})">新增</el-button>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-table style="margin-top: 15px;width: 100%" :data="state.form.recordList" :border="true" >--> |
| | | <!-- <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>--> |
| | | <!-- <el-table-column label="记录名称" prop="name" align="center" />--> |
| | | <!-- <el-table-column label="材料模板" prop="fileName" align="center">--> |
| | | <!-- <template #default="scope">--> |
| | | <!-- <el-link v-if="scope.row.fileName" style="" type="primary" @click="downloadFile(scope.row)">{{scope.row.fileName}}</el-link>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >--> |
| | | <!-- <template #default="scope">--> |
| | | <!-- <el-button link type="primary" @click="openRecordDialog('edit',scope.row)" >编辑</el-button>--> |
| | | <!-- <el-button link type="danger" @click="handleRecordDelete(scope.row)" >删除</el-button>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- </el-table>--> |
| | | </el-form> |
| | | <div style="display: flex;align-items: center;justify-content: right;margin-top: 10px"> |
| | | <el-button v-if="state.form.id" type="danger" @click="deleteData">删除</el-button> |
| | |
| | | </div> |
| | | </div> |
| | | <dataDialog ref="dialogRef" @getList="getFileList"></dataDialog> |
| | | <record-dialog ref="dialogRecordRef" @getList="getFileList"></record-dialog> |
| | | <!-- <record-dialog ref="dialogRecordRef" @getList="getFileList"></record-dialog>--> |
| | | </div> |
| | | </template> |
| | | <script setup> |
| | |
| | | getFile |
| | | } from "@/api/qualityManage/range"; |
| | | import axios from "axios"; |
| | | import TEditor from "@/components/Tinymce/Tinymce.vue"; |
| | | |
| | | const { proxy } = getCurrentInstance(); |
| | | const loading = ref(false); |
| | | const noticeRef = ref(); |
| | | const dialogRef = ref(); |
| | | const myEditor1 = ref(); |
| | | const myEditor2 = ref(); |
| | | const dialogRecordRef = ref(); |
| | | const loadingCompany = ref(false) |
| | | const data = reactive({ |
| | |
| | | formRules: { |
| | | content: [{ required: true, message: '请输入具体内容', trigger: 'blur' }], |
| | | analysis: [{ required: true, message: '请输入标准分析', trigger: 'blur' }], |
| | | dataList: [{ required: true, message: '', trigger: 'blur' }], |
| | | recordList: [{ required: true, message: '', trigger: 'blur' }] |
| | | // dataList: [{ required: true, message: '', trigger: 'blur' }], |
| | | // recordList: [{ required: true, message: '', trigger: 'blur' }] |
| | | }, |
| | | companyList: [], |
| | | isAdmin: false, |
| | |
| | | } |
| | | |
| | | const addData = async () => { |
| | | state.form.content = myEditor1.value.myValue |
| | | state.form.analysis = myEditor2.value.myValue |
| | | if(!state.form.catalogueId){ |
| | | ElMessage.warning('请先选择左侧目录!') |
| | | return |
| | | } |
| | | if(state.form.dataList && state.form.dataList.length==0){ |
| | | ElMessage.warning('请上传应准备材料!') |
| | | return |
| | | } |
| | | if(state.form.recordList && state.form.recordList.length==0){ |
| | | ElMessage.warning('请上传记录!') |
| | | return |
| | | } |
| | | // if(state.form.dataList && state.form.dataList.length==0){ |
| | | // ElMessage.warning('请上传应准备材料!') |
| | | // return |
| | | // } |
| | | // if(state.form.recordList && state.form.recordList.length==0){ |
| | | // ElMessage.warning('请上传记录!') |
| | | // return |
| | | // } |
| | | const valid = await noticeRef.value.validate(); |
| | | if(valid){ |
| | | |