From d3923db67423b713949a3bdcd8705ab7f0966f4c Mon Sep 17 00:00:00 2001
From: caoyang <caoyang@syxysoft.com>
Date: Mon, 14 Feb 2022 18:12:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=85=E5=AE=B9=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../tags/dialog/OnlCgformTagForm.vue          |  8 ++-
 .../documentManage/tags/dialog/newDrawer.vue  |  6 +-
 .../documentManage/tags/tabs/tagContent.vue   | 65 ++++++++++++++-----
 .../documentManage/tags/tabs/tagItem.vue      | 45 +++++++++++--
 4 files changed, 99 insertions(+), 25 deletions(-)

diff --git a/jero-web/src/views/documentManage/tags/dialog/OnlCgformTagForm.vue b/jero-web/src/views/documentManage/tags/dialog/OnlCgformTagForm.vue
index 7a68e7ad8..99ae431ce 100644
--- a/jero-web/src/views/documentManage/tags/dialog/OnlCgformTagForm.vue
+++ b/jero-web/src/views/documentManage/tags/dialog/OnlCgformTagForm.vue
@@ -25,7 +25,7 @@
               <j-dict-select-tag type="list" v-decorator="['fieldShowType', validatorRules.fieldShowType]" :trigger-change="true" dictCode="attribute_type" placeholder="请选择属性类型" />
             </a-form-item>
           </a-col>
-          <a-col :span="24">
+          <a-col :span="24" v-if="isTagContent">
             <a-form-item label="选项内容" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-dict-select-tag type="list" v-decorator="['dictName', validatorRules.dictName]" :trigger-change="true" dictCode="sys_dict,选项内容,dict_name" placeholder="请选择选项内容" />
             </a-form-item>
@@ -115,6 +115,10 @@
         type: Boolean,
         default: false,
         required: false
+      },
+      isTagContent:{
+        type: Boolean,
+        default: false,
       }
     },
     data () {
@@ -270,7 +274,7 @@
             httpAction(httpurl,formData,method).then((res)=>{
               if(res.success){
                 that.$message.success(res.message);
-                that.$emit('ok');
+                that.$emit('ok',false);
 
               }else{
                 that.$message.warning(res.message);
diff --git a/jero-web/src/views/documentManage/tags/dialog/newDrawer.vue b/jero-web/src/views/documentManage/tags/dialog/newDrawer.vue
index a40ef4206..46f8bd73f 100644
--- a/jero-web/src/views/documentManage/tags/dialog/newDrawer.vue
+++ b/jero-web/src/views/documentManage/tags/dialog/newDrawer.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="new-tag-drawer">
-    <onl-cgform-tag-form  ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></onl-cgform-tag-form>
+    <onl-cgform-tag-form  ref="realForm" @ok="submitCallback" :isTagContent="isTagContent" :disabled="disableSubmit" normal> </onl-cgform-tag-form>
 
     <div class="drawer-footer">
       <a-button v-if="!disableSubmit"  @click="handleOk" type="primary" style="margin-bottom: 0;">保存</a-button>
@@ -28,6 +28,7 @@
     },
     props:{
       drawerVisible:Boolean,
+      isTagContent:Boolean
     },
     mounted() {
       this.visible=this.drawerVisible
@@ -48,11 +49,12 @@
       close () {
         this.$emit('close');
         this.visible = false;
-
+        this.$emit('closeTag',this.visible)
       },
       submitCallback(){
         this.$emit('ok');
         this.visible = false;
+        this.$emit('closeTag',this.visible)
       },
       handleOk () {
         this.$refs.realForm.submitForm();
diff --git a/jero-web/src/views/documentManage/tags/tabs/tagContent.vue b/jero-web/src/views/documentManage/tags/tabs/tagContent.vue
index 33e1d5ede..7ea2ee3aa 100644
--- a/jero-web/src/views/documentManage/tags/tabs/tagContent.vue
+++ b/jero-web/src/views/documentManage/tags/tabs/tagContent.vue
@@ -20,9 +20,10 @@
     <div class="table-operator" style="border-top: 5px">
       <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
     </div>
-    <a-modal class="show-content" v-model="contentVisible" title="新增" ok-text="保存" cancel-text="取消" @ok="hideModal" @cancel="cancelModel">
+    <a-modal class="show-content" v-model="contentVisible" title="新增" ok-text="保存" cancel-text="取消" @ok="hideModal" @cancel="cancelModel" v-if="contentVisible">
       <a-form-model
         class="tag-content"
+
         ref="ruleForm"
         :model="form"
         :rules="rules"
@@ -40,14 +41,7 @@
           />
         </a-form-model-item>
         <a-form-model-item label="标签类型" prop="tagType">
-          <a-select v-model="form.tagType" placeholder="请选择标签类型">
-            <a-select-option value="1">
-              文本框
-            </a-select-option>
-            <a-select-option value="2">
-              下拉单选
-            </a-select-option>
-          </a-select>
+          <j-dict-select-tag type="list" v-model="form.tagType" dictCode="attribute_type" placeholder="请选择标签类型" />
         </a-form-model-item>
 
         <a-form-model-item ref="describe" label="描述" prop="describe">
@@ -62,7 +56,23 @@
         </a-form-model-item>
       </a-form-model>
     </a-modal>
-    <tab-table :tableData="tableData" :columns="columns"></tab-table>
+
+    <a-table bordered :data-source="tableData" :columns="columns" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }">
+      <template slot="name" slot-scope="text, record">
+        <editable-cell :text="text" @change="onCellChange(record.key, 'name', $event)" />
+      </template>
+      <template slot="operation" slot-scope="text, record">
+        <a-popconfirm
+          v-if="dataSource.length"
+          title="Sure to delete?"
+          @confirm="() => onDelete(record.key)"
+        >
+          <a href="javascript:;">Delete</a>
+        </a-popconfirm>
+      </template>
+    </a-table>
+
+<!--    <tab-table :tableData="tableData" :columns="columns"></tab-table>-->
   </div>
 </template>
 
@@ -78,6 +88,7 @@
         queryParam:{
           tagName:'',
         },
+        selectedRowKeys: [],
         contentVisible:false,
         tableData:[
           {
@@ -123,11 +134,7 @@
         ],
         labelCol: { span: 4 },
         wrapperCol: { span: 14 },
-        form:{
-          tagName:'',
-          tagType:'',
-          describe:''
-        },
+        form:{},
         rules:{
           tagName:[{ required: true, message: '请输入标签名称', trigger: 'change' },
             { min: 1, max: 100, message: 'Length should be 1 to 100', trigger: 'blur' }],
@@ -137,6 +144,12 @@
           ],
         }
       }
+    },
+    computed:{
+
+    },
+    mounted() {
+
     },
     methods:{
       searchQuery(){
@@ -149,11 +162,29 @@
         this.contentVisible=true
       },
       hideModal(){
-        this.contentVisible=false
+        console.log('form',this.form)
+        this.$refs.ruleForm.validate((valide)=>{
+          // console.log('valide',valide)
+          if(valide){
+            this.contentVisible=false
+          }
+
+        })
+
       },
       cancelModel(){
         this.contentVisible=false
-      }
+      },
+      onCellChange(){
+
+      },
+      onDelete(){
+
+      },
+      onSelectChange(selectedRowKeys) {
+        console.log('selectedRowKeys changed: ', selectedRowKeys);
+        this.selectedRowKeys = selectedRowKeys;
+      },
     }
   }
 </script>
diff --git a/jero-web/src/views/documentManage/tags/tabs/tagItem.vue b/jero-web/src/views/documentManage/tags/tabs/tagItem.vue
index 46bf9ff3e..a7ed7b4c5 100644
--- a/jero-web/src/views/documentManage/tags/tabs/tagItem.vue
+++ b/jero-web/src/views/documentManage/tags/tabs/tagItem.vue
@@ -25,11 +25,20 @@
       </a-form>
     </div>
     <div class="table-operator" style="border-top: 5px">
-      <a-button @click="handleAdd" type="primary" icon="plus">{{$t('add')}}</a-button>
+      <a-popover placement="right" v-model="typeVisible" trigger="click">
+        <template slot="content"  class="type-popover-content">
+          <div class="type-popover">
+            <p class="type type-input" @click="handleAddPop('input')">输入框类型</p>
+            <p class="type type-select" @click="handleAddPop('select')">下拉选类型</p>
+          </div>
+        </template>
+        <a-button type="primary">{{$t('add')}}</a-button>
+      </a-popover>
+
       <a-button type="primary" @click="handleShow">展示区域管理</a-button>
     </div>
-    <a-drawer class="show-drawer" title="新增标签项" placement="right" width="1000px" @close="close" :visible="drawerVisible">
-      <new-drawer v-if="drawerVisible" :editData="editData"></new-drawer>
+    <a-drawer class="show-drawer" :title="titleTag" placement="right" width="1000px" @close="close" :visible="drawerVisible" :after-visible-change="afterVisibleChange" >
+      <new-drawer v-if="drawerVisible" :isTagContent="isTagContent" :editData="editData" @closeTag="closeTag"></new-drawer>
     </a-drawer>
     <a-modal class="show-area" v-model="areaVisible" title="展示区域管理" :footer="null" @cancel="hideModal">
       <area-manage v-if="areaVisible" @diaHide="diaHide" :areaTable="areaTable" @submitOk="submitOk" @deleteOk="deleteOk" @updateOk="updateOk"></area-manage>
@@ -69,6 +78,9 @@
           page:1,
           pageSize:10,
         },
+        titleTag:'新增标签项',
+        typeVisible:false,
+        isTagContent:false,
         editData:[],  //编辑的数据
         areas:[
           {
@@ -268,13 +280,38 @@
             this.editData=res.result
           }
         })
+      },
+      //新增关闭
+      closeTag(val){
+        this.drawerVisible=val
+      },
+      afterVisibleChange(val){
+        // console.log('val',val)
+      },
+      handleAddPop(val){
+        this.drawerVisible=true
+        if(val=='input'){
+          this.typeVisible=false
+          this.isTagContent=false
+        } else if(val='select'){
+          this.typeVisible=false
+          this.isTagContent=true
+        }
       }
     }
   }
 </script>
 
 <style lang="less" scoped>
-
+.type-popover{
+  p{
+    margin:5px;
+  }
+  p:hover{
+    color: #0c8fcf;
+    cursor: pointer;
+  }
+}
 </style>
 
 <style lang="less">