服务包配置

src/views/manage/servicewaycontent/index.vue

@@ -103,10 +103,10 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['manage:servicewaycontent:add']"
-          >新增</el-button
+          >新增服务内容配置</el-button
         >
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           plain
@@ -117,7 +117,7 @@
           v-hasPermi="['manage:servicewaycontent:edit']"
           >修改</el-button
         >
-      </el-col>
+      </el-col> -->
       <!-- <el-col :span="1.5">
         <el-button
           type="danger"
@@ -215,7 +215,7 @@
           @selection-change="handleSelectionChange"
         >
           <el-table-column width="55" align="center" />
-        
+
           <el-table-column
             label="服务内容"
             align="center"
@@ -227,7 +227,70 @@
             prop="serviceWayFrequencyList"
           >
             <template slot-scope="scope">
-              <div v-for="(item, index) in scope.row.serviceWayFrequencyList" :key="index">
+              <!-- <div
+                v-for="(itemx, index) in scope.row.serviceWayFrequencyList"
+                :key="index"
+              > -->
+                <div v-if="scope.row.serviceWayFrequencyList[0].serviceFrequencyType == 'TEXT'">
+                  <el-select
+                    size="mini"
+                    @click="getSuppliers()"
+                  @change="blurInputs(scope.row.serviceFrequencyText)"
+
+                    v-model="scope.row.serviceFrequencyText"
+                    clearable
+                    placeholder="请选择"
+                  >
+                    <el-option
+                      v-for="item in scope.row.serviceWayFrequencyList"
+                      :key="item.id"
+                      :label="item.serviceFrequencyText"
+                      :value="item.id"
+                    >
+                    </el-option>
+                  </el-select>
+                </div>
+                <div v-if="scope.row.serviceWayFrequencyList[0].serviceFrequencyType == 'DIGIT'">
+                  
+                  <!-- itemx.serviceFrequencyStart +
+                      '~' +
+                      itemx.serviceFrequencyEnd
+                     -->
+                     <!-- 对吗我看看 -->
+                  <el-select
+                    size="mini"
+                    @click="getSuppliers()"
+                  @change="blurInput(scope.row.serviceFrequencyText)"
+
+                    v-model="scope.row.serviceFrequencyText"
+                    clearable
+                    placeholder="请选择"
+                  >
+                  <!-- @change="blurInput(itemx)" -->
+                     <!-- 你看一下 整理一下代码  label里面就是展示的值  value是选中的  因为你这的value是拼接的  所以上面的v-mode里面存的就是拼劲明白了我自己改改 -->
+                    <el-option
+                      v-for="item in scope.row.serviceWayFrequencyList"
+                      :key="item.id"
+                      :label=" JSON.parse(item.serviceFrequencyStart) +
+                        '~' +
+                        JSON.parse(item.serviceFrequencyEnd)"
+                      :value="
+                       item.id
+                      "
+                    >
+                    </el-option>
+                  </el-select>
+                </div>
+              <!-- </div> -->
+            </template>
+
+            <!-- </div> -->
+            <!-- </template>  -->
+            <!-- <template slot-scope="scope">
+              <div
+                v-for="(item, index) in scope.row.serviceWayFrequencyList"
+                :key="index"
+              >
                 <div v-if="item.serviceFrequencyType == 'DIGIT'">
                   {{ item.serviceFrequencyStart }}~{{
                     item.serviceFrequencyEnd
@@ -237,10 +300,9 @@
                   {{ item.serviceFrequencyText }}
                 </div>
               </div>
-            </template>
+            </template>  -->
-           
           </el-table-column>
-         
+
           <el-table-column
             label="操作"
             align="center"
@@ -297,12 +359,12 @@
             v-model="form.serviceContent"
           />
         </el-form-item>
-        <!-- <el-form-item label="所属服务内容id" prop="serviceContentId">
+        <el-form-item
-          <el-input v-model="form.serviceContentId" placeholder="请输入所属服务内容id" />
+          label="服务频次"
-        </el-form-item> -->
+          prop="serviceFrequencyType"
-        <el-form-item label="服务频次">
+          label-width="80px"
+        >
           <el-checkbox v-model="DIGIT" @change="DIGITlist">数字</el-checkbox>
-
           <div style="display: flex; margin: -32px 34px 0 66px">
             <el-form-item label="" prop="serviceFrequencyStart" label-width="">
               <el-input
@@ -324,7 +386,6 @@
             <div style="position: relative; top: 12px">
               <el-checkbox v-model="TEXT" @change="textlist">文本</el-checkbox>
             </div>
-            <!-- </el-form-item> -->
             <div style="margin: -23px 45px 0px 74px">
               <el-form-item label="" prop="serviceFrequencyText" label-width="">
                 <el-input
@@ -337,21 +398,6 @@
             </div>
           </div>
         </el-form-item>
-
-        <!-- </> -->
-
-        <!-- <el-form-item
-          label=""
-          prop="serviceFrequencyText"
-          label-width="90x"
-        > -->
-
-        <!-- <el-form-item label="排序" prop="serviceSort">
-          <el-input v-model="form.serviceSort" placeholder="请输入排序" />
-        </el-form-item>
-        <el-form-item label="备注" prop="serviceRemark">
-          <el-input v-model="form.serviceRemark" placeholder="请输入备注" />
-        </el-form-item> -->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -462,7 +508,11 @@ export default {
       // 表单参数
       form: {},
       // 表单校验
-      rules: {},
+      rules: {
+        serviceFrequencyType: [
+          { required: true, message: "请选中服务频次", trigger: "blur" },
+        ],
+      },
       itemname: null,
       querydepartmen: {
         serviceWayName: "",
@@ -470,11 +520,11 @@ export default {
       disabled: true,
       disabledb: false,
       disableda: false,
+      valuePlus:'',
     };
   },
   watch: {
     name(val) {
-      // console.log(val,'55')
       this.querydepartmen.serviceWayName = val;
       this.mentlist();
     },
@@ -482,12 +532,18 @@ export default {
   created() {
     this.getList();
     this.mentlist();
-
-    // listMessage(this.queryParams).then(response => {
-    //   this.count = response.total;
-    // });
   },
   methods: {
+    getSuppliers(e) {
+      console.log(e);
+    },
+    blurInput(val) {
+      console.log(val, "555");
+    },
+    blurInputs(val) {
+      console.log(val, "666");
+      this.form.id = val;
+    },
     textlist(e) {
       if (e == true) {
         this.disableda = true;
@@ -575,6 +631,10 @@ export default {
       this.loading = true;
       listServicewaycontent(this.queryParams).then((response) => {
         this.servicewaycontentList = response.rows;
+        this.servicewaycontentList.forEach((e) => {
+          this.serviceFrequencyType = e.serviceFrequencyType;
+        });
+
         this.total = response.total;
         this.loading = false;
       });
@@ -632,19 +692,37 @@ export default {
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-      // this.reset();
+      this.reset();
-      console.log(row);
+      console.log(row,'99999');
       // const id = row.id
-      row.serviceWayFrequencyList.forEach((e) => {
+
+      //  --------------
+      if(!this.form.id){
+        row.serviceWayFrequencyList.forEach((e) => {
         this.form.id = e.id;
       });
+      }
+  
       getServicewaycontent(this.form.id).then((response) => {
         this.form = response.data;
         this.form.id = response.data.serviceFrequencyId;
+        //  ----------
 
+        if (response.data.serviceFrequencyType == "DIGIT") {
+          this.DIGIT = true;
+          this.TEXT = false;
+
+        }else{
+          this.TEXT=true
+          this.DIGIT = false;
+
+        }
+
+        // ---------------
         this.open = true;
         this.title = "修改服务方式内容";
       });
+      // -----------
     },
     /** 提交按钮 */
     submitForm() {
@@ -787,4 +865,7 @@ export default {
   top: 16px;
   left: 12px;
 }
+.el-button--success.is-plain {
+  font-size: 10px;
+}
 </style>