自定义选项新增二级分类

src/HManagement/siteManage/custom_option/index.vue

@@ -9,15 +9,15 @@
         <div class="flex-align-center flex-between mt-10">
           <add :disabled="disabled" :data="list" @addSuccess="onSuccess" style="margin-left: 2%"></add>
         </div>
-        <div >
-          <details_list ref="listDetails" :id="optiontypeid">
-            <template v-slot:edit="scope">
-              <edit v-if="tool.checkAuth($route.name,'update') && scope.data.siteid"  :data="scope.data" :classname="classname" @updateSuccess="onSuccess" :type="'text'" ></edit>
-            </template>
-            <template v-slot:del="scope">
-              <del_option v-if="tool.checkAuth($route.name,'delete') && scope.data.siteid"  :data="scope.data"   :type="'text'" @delSuccess="onSuccess" ></del_option>
-            </template>
-          </details_list>
+        <div>
+        <details_list ref="listDetails" :id="optiontypeid">
+          <template v-slot:edit="scope">
+            <edit v-if="tool.checkAuth($route.name,'update') && scope.data.siteid"  :data="scope.data" :classname="classname" @updateSuccess="onSuccess" :type="'text'" :issubvaluemag="list.issubvaluemag"></edit>
+          </template>
+          <template v-slot:del="scope">
+            <del_option v-if="tool.checkAuth($route.name,'delete') && scope.data.siteid"  :data="scope.data"   :type="'text'" @delSuccess="onSuccess" ></del_option>
+          </template>
+        </details_list>
         </div>
       </div>
     </div>

src/HManagement/siteManage/custom_option/modules/add.vue

@@ -14,6 +14,11 @@
                 <el-input type="textarea" autosize v-model="form.value" :placeholder="$t(`分类名称`)"></el-input>
               </el-form-item>
             </el-col>
+            <el-col :span="20" v-if="data.issubvaluemag == '1'">
+              <el-form-item  :label="$t(`二级分类`)+':'" prop="value">
+                <el-input type="textarea"  v-model="form.subvalues" :placeholder="$t(`二级分类名称`)" :rows="3"></el-input>
+              </el-form-item>
+            </el-col>
             <el-col :span="20">
               <el-form-item  :label="$t(`描述`)+':'" prop="remarks">
                 <el-input type="text" autosize v-model="form.remarks" :placeholder="$t(`描述`)"></el-input>
@@ -42,7 +47,8 @@ export default {
         "isused": "1",
         "value":"",
         "remarks":"",
-        "sequence":2
+        "sequence":2,
+        "subvalues":[]
       },
       rules:{
         value:[
@@ -65,6 +71,9 @@ export default {
     async onSubmit  () {
       this.$refs['form'].validate(async (valid) => {
         if (!valid) return false
+        if (typeof (this.form.subvalues) == 'string'){
+          this.form.subvalues = this.form.subvalues.split(',')
+        }
         this.form.optiontypeid = this.data.optiontypeid
         const res = await this.$api.requested({ "id": 20220901092601,content:this.form})
         this.tool.showMessage(res,()=>{

src/HManagement/siteManage/custom_option/modules/detailsList.vue

@@ -2,10 +2,18 @@
   <div class="container normal-panel">
     <tableLayout :layout="tablecols" :data="list" :opwidth="200" :custom="true" :height="tableHieght">
       <template v-slot:customcol="scope">
-        <p>{{$t(scope.column.data[scope.column.columnname])}}</p>
+        <div v-if="scope.column.columnname == 'subvalues'">
+          <div v-if="scope.column.data[scope.column.columnname] && scope.column.data[scope.column.columnname].length > 0">
+            <div v-for="item in scope.column.data[scope.column.columnname]" :key="item.index" style="float: left;margin-left: 5px;margin-bottom: 2px">
+              <el-tag  size="mini" effect="dark" >{{item}}</el-tag>
+            </div>
+          </div>
+        </div>
+        <p v-else>{{$t(scope.column.data[scope.column.columnname])}}</p>
       </template>
       <template v-slot:opreation="scope">
         <slot name="edit" :data="scope.data"></slot>
+        <slot name="add" :data="scope.data"></slot>
         <slot name="del" :data="scope.data"></slot>
       </template>
     </tableLayout>

src/HManagement/siteManage/custom_option/modules/edit.vue

@@ -14,6 +14,11 @@
                 <el-input type="textarea" autosize v-model="form.value" :placeholder="$t(`分类名称`)"></el-input>
               </el-form-item>
             </el-col>
+            <el-col :span="20" v-if="issubvaluemag == 1">
+              <el-form-item  :label="$t(`二级分类`)+':'" prop="value">
+                <el-input type="textarea"  v-model="form.subvalues" :placeholder="$t(`二级分类名称`)" :rows="3"></el-input>
+              </el-form-item>
+            </el-col>
             <el-col :span="20">
               <el-form-item  :label="$t(`描述`)+':'" prop="remarks">
                 <el-input type="text" autosize v-model="form.remarks" :placeholder="$t(`描述`)"></el-input>
@@ -34,7 +39,7 @@
 <script>
 export default {
   name: "edit",
-  props:["data","classname"],
+  props:["data","classname","issubvaluemag"],
   data(){
     return {
       drawer:false,
@@ -44,7 +49,8 @@ export default {
         isused: "1",
         value:'',
         remarks:'',
-        sequence:2
+        sequence:2,
+        subvalues:[]
       },
       rules:{
         value:[
@@ -60,11 +66,15 @@ export default {
       this.form.optiontypeid = this.data.optiontypeid
       this.form.value = this.data.value
       this.form.remarks = this.data.remarks
+      this.form.subvalues = this.data.subvalues
 
     },
     onSubmit(){
       this.$refs['form'].validate(async (valid) => {
         if (!valid) return false
+        if (typeof (this.form.subvalues) == 'string'){
+          this.form.subvalues = this.form.subvalues.split(',')
+        }
         const res = await this.$api.requested({ "id": 20220901092601,content:this.form})
         this.tool.showMessage(res,()=>{
           this.drawer = false