布局问题知识库

2022-08-02 16:49:38 +08:00
parent 0c1cc892ed
commit c25d7510b9
6 changed files with 133 additions and 72 deletions
@@ -1219,4 +1219,5 @@ module.exports = {
  thereWhichCannotDeleted:'There are sub headings under this title, which cannot be deleted',
  sdt:'sdt',
  dre:'dre',
+  applicableInstructionsMarketList:'Applicable instructions of market list',
 }
@@ -1322,4 +1322,5 @@ module.exports = {
  thereWhichCannotDeleted:'该标题下存在子标题无法进行删除',
  sdt:'工程接口人',
  dre:'填写人',
+  applicableInstructionsMarketList:'市场清单适用说明',
 }
@@ -69,34 +69,19 @@
                <div class="box-title-text">
                  <div class="title-text">
                    <span class="Required">*</span>
-                    <span class="title-text-text" :title="$t('category')">{{$t('category')}}</span>
+                    <span class="title-text-text"
+                          :title="$t('problemClassification')">{{$t('problemClassification')}}</span>
                  </div>
                  <a-form-model-item class="itemModel" prop="projectStatus">
                    <j-dict-select-tag class="box-input" v-model="formInline.projectStatus"
                                       :disabled="disabled"
                                       @input="handleInput('projectStatus')"
-                                       :placeholder="$t('PleaseSelect')+$t('category')"
+                                       :placeholder="$t('PleaseSelect')+$t('problemClassification')"
                                       :type="'select'"
                                       :triggerChange="false" :dictCode="'project_status'"/>
                  </a-form-model-item>
                </div>
              </a-col>
-              <a-col :span="8">
-                <div class="box-title-text">
-                  <div class="title-text">
-                    <span class="title-text-text"
-                          :title="$t('problemClassification')">{{$t('problemClassification')}}</span>
-                  </div>
-                  <a-form-model-item class="itemModel" prop="vehiclePlatform">
-                    <a-input class="box-input"
-                             :disabled="disabled"
-                             v-model="formInline.vehiclePlatform"
-                             :placeholder="$t('PleaseEnter')+$t('problemClassification')"/>
-                  </a-form-model-item>
-                </div>
-              </a-col>
-            </a-row>
-            <a-row :gutter="24">
              <a-col :span="8">
                <div class="box-title-text">
                  <div class="title-text">
@@ -113,34 +98,21 @@
                  </a-form-model-item>
                </div>
              </a-col>
+            </a-row>
+            <a-row :gutter="24">
              <a-col :span="8">
                <div class="box-title-text">
                  <div class="title-text">
-                    <span class="title-text-text" :title="$t('documentNumber')">{{$t('documentNumber')}}</span>
+                    <span class="title-text-text" :title="$t('standardNo')">{{$t('standardNo')}}</span>
                  </div>
                  <a-form-model-item class="itemModel" prop="vehiclePlatform">
                    <a-input class="box-input"
                             :disabled="disabled"
                             v-model="formInline.vehiclePlatform"
-                             :placeholder="$t('PleaseEnter')+$t('documentNumber')"/>
+                             :placeholder="$t('PleaseEnter')+$t('standardNo')"/>
                  </a-form-model-item>
                </div>
              </a-col>
-              <a-col :span="8">
-                <div class="box-title-text">
-                  <div class="title-text">
-                    <span class="title-text-text" :title="$t('documentTitle')">{{$t('documentTitle')}}</span>
-                  </div>
-                  <a-form-model-item class="itemModel" :prop="'digitalPlatform'">
-                    <a-input class="box-input"
-                             :disabled="disabled"
-                             v-model="formInline.digitalPlatform"
-                             :placeholder="$t('PleaseEnter')+$t('documentTitle')"/>
-                  </a-form-model-item>
-                </div>
-              </a-col>
-            </a-row>
-            <a-row :gutter="24">
              <a-col :span="8">
                <div class="box-title-text">
                  <div class="title-text">
@@ -405,4 +377,8 @@
    border: 1px #00B3BE solid;
    color: #00B3BE;
  }
+
+  .box-button {
+    height: 38px;
+  }
 </style>
@@ -44,26 +44,10 @@
               :class="{ 'null-input':item.checked }">
            <div class="text-header" @click="titleClick(item)">
              <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
-                <template slot="title">
-                  <span v-html="item.module_type"></span>
-                </template>
-                <span class="text-header-text" style="cursor: pointer" v-html="item.module_type"></span>
-                <template slot="title">
-                  <span v-html="item.serial_number"></span>
-                </template>
-                <span style="cursor: pointer"
-                      class="text-header-text"
-                      v-html="item.serial_number"></span>
                <template slot="title">
                  <span v-html="item.title"></span>
                </template>
                <span class="text-header-text" style="cursor: pointer" v-html="item.title"></span>
-                <template slot="title">
-                  <span v-html="item.file_name"></span>
-                </template>
-                <span class="text-header-text" style="cursor: pointer" v-html="item.file_name"></span>
-              </a-tooltip>
-              <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
              </a-tooltip>
            </div>
            <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
@@ -296,7 +280,7 @@
      font-weight: bold;
      color: #040B29;
      display: inline-block;
-      max-width: 180px;
+      max-width: calc(100% - 180px);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
@@ -13,32 +13,16 @@
        <div class="detail-content" style="padding: 30px">
          <div v-if="conList.length > 0" style="height: calc(100vh - 180px);overflow:auto;">
            <div v-for="(item,index) in conList" :key="item.id">
-              <div style="margin-bottom: 10px;position: relative">
+              <div style="margin-bottom: 10px;position: relative;overflow: hidden">
                <!--          <a-checkbox :value="item.id" class="checkbox-left"></a-checkbox>-->
                <div class="text-text-right"
                     :class="{ 'null-input':item.checked }">
                  <div class="text-header" @click="titleClick(item)">
                    <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
-                      <template slot="title">
-                        <span v-html="item.module_type"></span>
-                      </template>
-                      <span class="text-header-text" style="cursor: pointer" v-html="item.module_type"></span>
-                      <template slot="title">
-                        <span v-html="item.serial_number"></span>
-                      </template>
-                      <span style="cursor: pointer"
-                            class="text-header-text"
-                            v-html="item.serial_number"></span>
                      <template slot="title">
                        <span v-html="item.title"></span>
                      </template>
                      <span class="text-header-text" style="cursor: pointer" v-html="item.title"></span>
-                      <template slot="title">
-                        <span v-html="item.file_name"></span>
-                      </template>
-                      <span class="text-header-text" style="cursor: pointer" v-html="item.file_name"></span>
-                    </a-tooltip>
-                    <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
                    </a-tooltip>
                  </div>
                  <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
@@ -49,6 +33,10 @@
                    </div>
                  </a-tooltip>
                </div>
+                <div class="text-text-right-text">
+                  <a style="margin-right: 10px" @click="edit(item)">{{$t('edit')}}</a>
+                  <a @click="deleteData(item)">{{$t('delete')}}</a>
+                </div>
              </div>
            </div>
          </div>
@@ -87,7 +75,8 @@
        downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
        pageNo: 1,
        url: {
-          getInfoList: 'search/document/getFullTextInfoList'
+          getInfoList: 'search/document/getFullTextInfoList',
+          deleteBatch: ''
        }
      }
    },
@@ -128,6 +117,30 @@
          }
        })
        window.open(newUrl.href, '_blank')
+      },
+      edit(val) {
+        this.$router.push({
+          path: '/problemKnowledgeBaseAdd',
+          query: {
+            id: val.id
+          }
+        })
+      },
+      deleteData(val) {
+        let _this = this
+        this.$confirm({
+          content: _this.$t('ConfirmDelete'),
+          onOk() {
+            getAction(_this.url.deleteBatch, { ids: val.id }).then((res) => {
+              if (res.success) {
+                _this.$message.success(_this.$t('OperationSuccessful'))
+                _this.getList()
+              } else {
+                _this.$message.warning(res.message)
+              }
+            })
+          }
+        })
      }
    }
  }
@@ -210,10 +223,21 @@

  .text-text-right {
    padding: 19px 0;
+    width: calc(100% - 180px);
    box-sizing: border-box;
    /*margin-left: 38px;*/
  }

+  .text-text-right-text {
+    width: 180px;
+    height: 100%;
+    text-align: center;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translate-Y(-50%);
+  }
+
  .null-input {
    background-color: #F2F4F8;
  }
@@ -231,7 +255,7 @@
      font-weight: bold;
      color: #040B29;
      display: inline-block;
-      max-width: 180px;
+      max-width: calc(100% - 180px);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
@@ -1,5 +1,21 @@
 <template>
+  <div class="doc-detail">
+    <div class="doc-detail-wrap">
+      <div class="doc-detail-header" style="position: fixed;top: 0">
+        <div class="doc-detail-title">
+           <span style="line-height: 66px;display: inline-block;float: left">
+             <a-icon type="arrow-left" style="margin-right: 6px;"/>
+           </span>
+          {{$t('applicableInstructionsMarketList')}}
+        </div>
+      </div>
+      <div style="padding-top: 68px;background: #fff">
+        <div class="detail-content" style="padding: 24px">

+        </div>
+      </div>
+    </div>
+  </div>
 </template>

 <script>
@@ -8,6 +24,65 @@
  }
 </script>

-<style scoped>
+<style scoped lang="less">
+  @import '~@assets/less/common.less';

+  .doc-detail {
+    background: #fff;
+    height: 100%;
+
+    .doc-detail-wrap {
+      .doc-detail-header {
+        width: 100%;
+        height: 68px;
+        line-height: 68px;
+        padding: 0 0 0 32px;
+        box-sizing: border-box;
+        display: flex;
+        justify-content: space-between;
+        border-bottom: 2px #eff1f3 solid;
+        z-index: 1000;
+        background: #fff;
+
+        .doc-detail-title {
+          display: inline-block;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+          font-size: 20px;
+          font-weight: 400;
+          color: #040B29;
+          line-height: 68px;
+        }
+
+        .doc-detail-right {
+          width: 800px;
+          line-height: 68px;
+          display: flex;
+
+          .doc-detail-btn {
+            margin-left: 10px;
+          }
+        }
+      }
+
+      .content-box {
+        padding: 0 32px;
+        box-sizing: border-box;
+      }
+
+      .header-text {
+        font-size: 16px;
+        font-weight: 400;
+        height: 80px;
+        color: #000F16;
+        line-height: 80px;
+      }
+
+      .processBackground-text {
+        font-size: 16px;
+        color: #000F16;
+      }
+    }
+  }
 </style>