添加文本

src/views/modules/case/typicalcase-add-or-update.vue

@@ -1,7 +1,9 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+<!--  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">-->
+    <el-card shadow="never" class="aui-card--fill">
+        <div class="mod-news__typicalcase}">
     <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
-        <el-form-item label="banner" prop="mainPicture">
+        <el-form-item label="" prop="mainPicture">
             <el-upload
                     :limit="1"
                     ref="upload1"
@@ -17,18 +19,48 @@
                 <div slot="tip" class="" style="width: 272px;font-size: 13px">{{"支持：.jpg/png"}}</div>
             </el-upload>
         </el-form-item>
-        <el-form-item label="案例标题" prop="caseTitle">
+        <el-form-item label="案例标题" prop="caseTitle" style="width: 40rem;">
           <el-input v-model="dataForm.caseTitle" placeholder="请输入40字以内" maxlength="40"></el-input>
         </el-form-item>
-          <el-form-item label="摘要" prop="typicalAbstract">
+          <el-form-item label="摘要" prop="typicalAbstract" style="width: 40rem;">
           <el-input  v-model="dataForm.typicalAbstract" placeholder="文本输入框，限制200字内" maxlength="200"
                      type="textarea" :rows="5"></el-input>
       </el-form-item>
-      </el-form>
-    <template slot="footer">
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{"发布案例"}}</el-button>
-    </template>
-  </el-dialog>
+    </el-form>
+
+<!--            实际案例-->
+ <div name="caselist">
+     <div style="text-align: left">{{"案例1"}}</div>
+    <el-form :model="dataForm1" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+        <el-form-item label="案例来源">
+            <el-cascader v-model="ids"
+                         :options="options"
+                         :props="{ checkStrictly: true }"
+                         clearable>
+            </el-cascader>
+        </el-form-item>
+        <el-form-item label="关联案例">
+            <el-cascader v-model="caseid"
+                         :options="options"
+                         :props="{ checkStrictly: true }"
+                         clearable>
+            </el-cascader>
+            <el-button>{{"选择案例"}}</el-button>
+        </el-form-item>
+        <el-form-item label="内容描述">
+            <el-input v-model="introduce" style="width: 40rem;" type="textarea" :rows="5"></el-input>
+        </el-form-item>
+    </el-form>
+ </div>
+<!--            发布按钮-->
+    <el-form>
+        <template slot="footer">
+            <el-button type="primary" @click="dataFormSubmitHandle()">{{"发布案例"}}</el-button>
+        </template>
+     </el-form>
+        </div>
+    </el-card>
+<!--  </el-dialog>-->
 </template>
 
 <script>
@@ -136,7 +168,7 @@ export default {
     },
     // 获取信息
     getInfo () {
-      this.$http.get(`/news/typicalcase/${this.dataForm.id}`).then(({ data: res }) => {
+      this.$http.get(`/case/typicalcase/${this.dataForm.id}`).then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)
         }

src/views/modules/case/typicalcase.vue

@@ -32,9 +32,9 @@
         <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
           <template slot-scope="scope">
-            <el-button v-if="$hasPermission('typicalcase:update')" type="text" size="small" @click="UpdateStateOn(scope.row.id)">{{"上架"}}</el-button>
-            <el-button v-if="$hasPermission('typicalcase:update')" type="text" size="small" @click="UpdateStateOff(scope.row.id)">{{"下架"}}</el-button>
-            <el-button v-if="$hasPermission('typicalcase:delete')" type="text" size="small" @click="getDataOne(scope.row.id)">{{"查看详细"}}</el-button>
+            <el-button v-if="$hasPermission('case:typicalcase:updateon')" type="text" size="small" @click="UpdateStateOn(scope.row.id)">{{"上架"}}</el-button>
+            <el-button v-if="$hasPermission('case:typicalcase:updateoff')" type="text" size="small" @click="UpdateStateOff(scope.row.id)">{{"下架"}}</el-button>
+            <el-button v-if="$hasPermission('case:typicalcase:view')" type="text" size="small" @click="getDataOne(scope.row.id)">{{"查看详细"}}</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -50,8 +50,8 @@
         @current-change="pageCurrentChangeHandle">
       </el-pagination>
       </div>
-      <!-- 弹窗, 新增 / 修改 -->
-      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+<!--      &lt;!&ndash; 弹窗, 新增 / 修改 &ndash;&gt;-->
+<!--      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>-->
     </div>
   </el-card>
 </template>
@@ -64,7 +64,7 @@ export default {
   data () {
     return {
       mixinViewModuleOptions: {
-        getDataListURL: '/typicalcase/list',
+        getDataListURL: '/cloudAnalysis/typicalcase/export',
         getDataListIsPage: true
       },
       dataForm: {
@@ -94,7 +94,7 @@ export default {
         window.SITE_CONFIG['permissions'] = res.data
       }).catch(() => {})
     },
-    getDataList () {
+    getDataOne () {
       this.$router.push({
         name: 'AddOrUpdate',
         params: {